Add divider

assets/styles/presets/aura/components.css

@@ -1,3 +1,4 @@
+@import './divider';
 @import './inputtext';
-@import './panel';
 @import './fieldset';
+@import './panel';

assets/styles/presets/aura/divider.css

@@ -0,0 +1,51 @@
+.p-divider-horizontal {
+    @apply flex w-full relative items-center my-4 mx-0 py-0 px-4
+}
+
+.p-divider-horizontal:before {
+    @apply absolute block top-1/2 left-0 w-full content-[''] border-t border-surface-200 dark:border-surface-700
+}
+
+.p-divider-horizontal .p-divider-content {
+    @apply py-0 px-2
+}
+
+.p-divider-vertical {
+    @apply min-h-full flex relative justify-center my-0 mx-4 py-2 px-0
+}
+
+.p-divider-vertical:before {
+    @apply absolute block top-0 left-1/2 h-full content-[''] border-l border-surface-200 dark:border-surface-700
+}
+
+.p-divider.p-divider-vertical .p-divider-content {
+    @apply py-2 px-0
+}
+
+.p-divider-content {
+    @apply z-[1] bg-surface-0 dark:bg-surface-900 text-surface-700 dark:text-surface-0
+}
+
+.p-divider-solid.p-divider-horizontal:before {
+    @apply border-solid
+}
+
+.p-divider-solid.p-divider-vertical:before {
+    @apply border-solid
+}
+
+.p-divider-dashed.p-divider-horizontal:before {
+    @apply border-dashed
+}
+
+.p-divider-dashed.p-divider-vertical:before {
+    @apply border-dashed
+}
+
+.p-divider-dotted.p-divider-horizontal:before {
+    @apply border-dotted
+}
+
+.p-divider-dotted.p-divider-vertical:before {
+    @apply border-dotted
+}

assets/styles/presets/aura/fieldset.css

@@ -6,10 +6,7 @@
 }
 
 .p-fieldset-legend {
-    @apply border border-transparent rounded-md
-        bg-surface-0 dark:bg-surface-900
-        text-surface-700 dark:text-surface-0
-        px-3 py-2
+    @apply border border-transparent rounded-md px-3 py-2
         transition-colors duration-200
 }
 

assets/styles/presets/aura/inputtext.css

@@ -1,14 +1,13 @@
 .p-inputtext {
-    @apply text-base appearance-none rounded-md
+    @apply appearance-none rounded-md
         border border-surface-300 dark:border-surface-700 
         enabled:hover:border-surface-400 dark:enabled:hover:border-surface-600
         enabled:focus:border-primary
         bg-surface-0 dark:bg-surface-950
-        disabled:bg-surface-200 disabled:text-surface-500
-        dark:disabled:bg-surface-700 dark:disabled:text-surface-400
         text-surface-700 dark:text-surface-0
+        disabled:bg-surface-200 disabled:text-surface-500 dark:disabled:bg-surface-700 dark:disabled:text-surface-400
         placeholder:text-surface-500 dark:placeholder:text-surface-400
-        px-2 py-2
+        px-3 py-2
         transition-colors duration-200
         shadow-[0_1px_2px_0_rgba(18,18,23,0.05)]
         outline-none
@@ -20,8 +19,6 @@
 
 .p-inputtext.p-variant-filled {
     @apply bg-surface-50 dark:bg-surface-800
-        enabled:hover:bg-surface-50 dark:enabled:hover:bg-surface-800
-        enabled:focus:bg-surface-50 dark:enabled:focus:bg-surface-800
 }
 
 .p-inputtext-sm {