first commit

resources/css/presets/aura/knob/index.js

@@ -0,0 +1,44 @@
+export default {
+    root: ({ props }) => ({
+        class: [
+            // Misc
+            { 'opacity-60 select-none pointer-events-none cursor-default': props.disabled }
+        ]
+    }),
+    range: {
+        class: [
+            // Stroke
+            'stroke-current',
+
+            // Color
+            'stroke-surface-200 dark:stroke-surface-700',
+
+            // Fill
+            'fill-none',
+
+            // Transition
+            'transition duration-100 ease-in'
+        ]
+    },
+    value: {
+        class: [
+            // Animation
+            'animate-dash-frame',
+
+            // Color
+            'stroke-primary-500 dark:stroke-primary-400',
+
+            // Fill
+            'fill-none'
+        ]
+    },
+    label: {
+        class: [
+            // Text Style
+            'text-center text-xl',
+
+            // Color
+            'fill-surface-600 dark:fill-surface-200'
+        ]
+    }
+};