first commit

2024-04-03 10:16:39 +05:45
commit 3e3eac1db4
545 changed files with 841810 additions and 0 deletions
--- a/resources/css/presets/aura/tabmenu/index.js
+++ b/resources/css/presets/aura/tabmenu/index.js
@ -0,0 +1,75 @@
+export default {
+    root: {
+        class: 'overflow-x-auto'
+    },
+    menu: {
+        class: [
+            // Flexbox
+            'flex flex-1',
+
+            // Spacing
+            'list-none',
+            'p-0 m-0',
+
+            // Colors
+            'bg-surface-0 dark:bg-surface-800',
+            'border-b border-surface-200 dark:border-surface-700',
+            'text-surface-900 dark:text-surface-0/80'
+        ]
+    },
+    menuitem: {
+        class: 'mr-0'
+    },
+    action: ({ context, state }) => ({
+        class: [
+            'relative',
+
+            // Font
+            'font-medium',
+            'text-md',
+
+            // Flexbox and Alignment
+            'flex items-center',
+
+            // Spacing
+            'py-4 px-3',
+            '-mb-px',
+
+            // Shape
+            'border-b-2',
+            'rounded-t-md',
+
+            // Colors and Conditions
+            {
+                'border-surface-200 dark:border-surface-700': state.d_activeIndex !== context.index,
+                'bg-surface-0 dark:bg-surface-800': state.d_activeIndex !== context.index,
+                'text-surface-700 dark:text-surface-0/80': state.d_activeIndex !== context.index,
+
+                'bg-surface-0 dark:bg-surface-800': state.d_activeIndex === context.index,
+                'border-primary-500 dark:border-primary-400': state.d_activeIndex === context.index,
+                'text-primary-500 dark:text-primary-400': state.d_activeIndex === context.index
+            },
+
+            // States
+            'focus-visible:outline-none focus-visible:outline-offset-0 focus-visible:ring-2 focus-visible:ring-inset',
+            'focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400',
+            {
+                'hover:bg-surface-0 dark:hover:bg-surface-800/80': state.d_activeIndex !== context.index,
+                'hover:border-surface-400 dark:hover:border-surface-600': state.d_activeIndex !== context.index,
+                'hover:text-surface-900 dark:hover:text-surface-0': state.d_activeIndex !== context.index
+            },
+
+            // Transitions
+            'transition-all duration-200',
+
+            // Misc
+            'cursor-pointer select-none text-decoration-none',
+            'overflow-hidden',
+            'user-select-none',
+            'whitespace-nowrap'
+        ]
+    }),
+    icon: {
+        class: 'mr-2'
+    }
+};