first commit

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

@@ -0,0 +1,26 @@
+export default {
+    root: {
+        class: [
+            'block relative',
+
+            // Base Label Appearance
+            '[&>*:last-child]:text-surface-900/60 dark:[&>*:last-child]:text-white/60',
+            '[&>*:last-child]:absolute',
+            '[&>*:last-child]:top-1/2',
+            '[&>*:last-child]:-translate-y-1/2',
+            '[&>*:last-child]:left-3',
+            '[&>*:last-child]:pointer-events-none',
+            '[&>*:last-child]:transition-all',
+            '[&>*:last-child]:duration-200',
+            '[&>*:last-child]:ease',
+
+            // Focus Label Appearance
+            '[&>*:last-child]:has-[:focus]:-top-3',
+            '[&>*:last-child]:has-[:focus]:text-sm',
+
+            // Filled Input Label Appearance
+            '[&>*:last-child]:has-[.filled]:-top-3',
+            '[&>*:last-child]:has-[.filled]:text-sm'
+        ]
+    }
+};