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/tristatecheckbox/index.js
+++ b/resources/css/presets/aura/tristatecheckbox/index.js
@ -0,0 +1,111 @@
+export default {
+    root: {
+        class: ['cursor-pointer inline-flex relative select-none align-bottom', 'w-4 h-4']
+    },
+    box: ({ props, context }) => ({
+        class: [
+            // Alignment
+            'flex',
+            'items-center',
+            'justify-center',
+
+            // Size
+            'w-4',
+            'h-4',
+
+            // Shape
+            'rounded',
+            'border',
+
+            // Colors
+            'text-surface-600',
+            {
+                'border-surface-300 bg-surface-0 dark:border-surface-700 dark:bg-surface-900': !context.active && !props.invalid,
+                'border-primary-500 bg-primary-500 dark:border-primary-400 dark:bg-primary-400': context.active
+            },
+
+            {
+                'ring-2 ring-primary-500 dark:ring-primary-400': !props.disabled && context.focused,
+                'cursor-default opacity-60': props.disabled
+            },
+
+            // Invalid State
+            { 'ring-1 ring-red-500 dark:ring-red-400': props.invalid },
+
+            // States
+            {
+                'peer-focus-visible:ring-2 peer-focus-visible:ring-primary-500 dark:peer-focus-visible:ring-primary-400': !props.disabled,
+                'cursor-default opacity-60': props.disabled
+            },
+
+            // Transitions
+            'transition-colors',
+            'duration-200'
+        ]
+    }),
+    input: {
+        class: [
+            'peer',
+
+            // Size
+            'w-full ',
+            'h-full',
+
+            // Position
+            'absolute',
+            'top-0 left-0',
+            'z-10',
+
+            // Spacing
+            'p-0',
+            'm-0',
+
+            // Shape
+            'rounded',
+            'border',
+
+            // Shape
+            'opacity-0',
+            'rounded-md',
+            'outline-none',
+            'border-2 border-surface-300 dark:border-surface-700',
+
+            // Misc
+            'appearance-none'
+        ]
+    },
+    checkicon: {
+        class: [
+            // Font
+            'text-normal',
+
+            // Size
+            'w-3',
+            'h-3',
+
+            // Colors
+            'text-white dark:text-surface-900',
+
+            // Transitions
+            'transition-all',
+            'duration-200'
+        ]
+    },
+    uncheckicon: {
+        class: [
+            // Font
+            'text-normal',
+
+            // Size
+            'w-3',
+            'h-3',
+
+            // Colors
+            'text-white dark:text-surface-900',
+
+            // Transitions
+            'transition-all',
+            'duration-200'
+        ]
+    }
+};