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/metergroup/index.js
+++ b/resources/css/presets/aura/metergroup/index.js
@ -0,0 +1,97 @@
+export default {
+    root: ({ props }) => ({
+        class: [
+            // Flexbox
+            'flex gap-4',
+
+            { 'flex-col': props.orientation == 'horizontal', 'flex-row': props.orientation == 'vertical' }
+        ]
+    }),
+    metercontainer: ({ props }) => ({
+        class: [
+            // Flexbox
+            'flex',
+
+            { 'flex-col': props.orientation === 'vertical' },
+
+            // Sizing
+            { 'w-2 h-full': props.orientation === 'vertical' },
+            { 'h-2': props.orientation === 'horizontal' },
+
+            // Colors
+            'bg-gray-200 dark:bg-gray-700',
+
+            // Border Radius
+            'rounded-lg'
+        ]
+    }),
+    meter: ({ props }) => ({
+        class: [
+            // Shape
+            'border-0',
+
+            // Rounded Corners - Horizontal
+            {
+                'first:rounded-l-lg last:rounded-r-lg': props.orientation === 'horizontal'
+            },
+
+            // Rounded Corners - Vertical
+            {
+                'first:rounded-t-lg last:rounded-b-lg': props.orientation === 'vertical'
+            },
+
+            // Colors
+            'bg-primary-500 dark:bg-primary-400'
+        ]
+    }),
+    labellist: ({ props }) => ({
+        class: [
+            // Display & Flexbox
+            'flex flex-wrap',
+
+            { 'gap-4': props.labelOrientation === 'horizontal' },
+
+            { 'gap-2': props.labelOrientation === 'vertical' },
+
+            { 'flex-col': props.labelOrientation === 'vertical' },
+
+            // Conditional Alignment - Horizontal
+            {
+                'align-end': props.labelOrientation === 'horizontal' && props.labelPosition === 'end',
+                'align-start': props.labelOrientation === 'horizontal' && props.labelPosition === 'start'
+            },
+
+            // Conditional Alignment - Vertical
+            {
+                'justify-end': props.labelOrientation === 'vertical' && props.labelPosition === 'end',
+                'justify-start': props.labelOrientation === 'vertical' && props.labelPosition === 'start'
+            },
+
+            // List Styling
+            'm-0 p-0 list-none'
+        ]
+    }),
+    labellistitem: {
+        class: [
+            // Flexbox
+            'inline-flex',
+            'items-center',
+            'gap-2'
+        ]
+    },
+    labellisttype: {
+        class: [
+            // Display
+            'inline-flex',
+
+            // Background Color
+            'bg-primary-500 dark:bg-primary-400',
+
+            // Size
+            'w-2 h-2',
+
+            // Rounded Shape
+            'rounded-full'
+        ]
+    }
+};