@shuriken-ui/tailwind 4.0.0-alpha.4 → 4.0.0-alpha.5

package/lib/css/input-file-regular.css

@@ -1,255 +1,254 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-input-file-regular */
 
 @utility nui-input-file-regular {
   @apply relative w-full;
 
-  &.nui-input-sm:not(.nui-has-icon) {
+  &.nui-input-file-regular-sm:not(.nui-input-file-regular-has-icon) {
     @apply text-xs leading-4;
 
-    .nui-input-file-inner {
+    .nui-input-file-regular-inner {
       @apply h-8 py-2 gap-1;
     }
 
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply h-8 px-2;
     }
 
-    .nui-input-file-placeload {
+    .nui-input-file-regular-placeload {
       @apply top-2.5;
     }
   }
 
-  &.nui-input-md:not(.nui-has-icon) {
+  &.nui-input-file-regular-md:not(.nui-input-file-regular-has-icon) {
     @apply text-[0.825rem] leading-5;
 
-    .nui-input-file-inner {
+    .nui-input-file-regular-inner {
       @apply h-10 gap-2;
     }
 
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply h-10 px-3;
     }
 
-    .nui-input-file-placeload {
+    .nui-input-file-regular-placeload {
       @apply top-3.5;
     }
   }
 
-  &.nui-input-lg:not(.nui-has-icon) {
+  &.nui-input-file-regular-lg:not(.nui-input-file-regular-has-icon) {
     @apply text-sm leading-5;
 
-    .nui-input-file-inner {
+    .nui-input-file-regular-inner {
       @apply h-12 gap-2;
     }
 
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply h-12 px-4;
     }
 
-    .nui-input-file-placeload {
+    .nui-input-file-regular-placeload {
       @apply top-[1.2rem];
     }
   }
 
-  &.nui-input-xl:not(.nui-has-icon) {
+  &.nui-input-file-regular-xl:not(.nui-input-file-regular-has-icon) {
     @apply text-sm leading-5;
 
-    .nui-input-file-inner {
+    .nui-input-file-regular-inner {
       @apply h-14 gap-2;
     }
 
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply h-14 px-5;
     }
 
-    .nui-input-file-placeload {
+    .nui-input-file-regular-placeload {
       @apply top-[1.4rem];
     }
   }
 
   &:hover {
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply text-primary-500 dark:text-primary-500;
     }
   }
 
   &:disabled {
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply cursor-not-allowed opacity-75;
     }
   }
 
   &:focus-within {
-    .nui-input-file-addon {
+    .nui-input-file-regular-addon {
       @apply text-primary-500 dark:text-primary-500;
     }
   }
 }
-@utility nui-input-file-label {
+@utility nui-input-file-regular-label {
   @apply nui-label w-full;
 }
-@utility nui-input-file-outer {
+@utility nui-input-file-regular-outer {
   @apply relative;
 }
-@utility nui-input-file-inner {
+@utility nui-input-file-regular-inner {
   @apply relative nui-focus w-full flex cursor-pointer items-center overflow-hidden disabled:cursor-not-allowed disabled:opacity-75;
   @apply font-sans;
   @apply transition-colors duration-300;
 }
-@utility nui-input-file-addon {
+@utility nui-input-file-regular-addon {
   @apply pointer-events-none flex shrink-0 items-center justify-center gap-1 transition-colors duration-100;
 }
-@utility nui-input-file-placeholder {
+@utility nui-input-file-regular-placeholder {
   @apply font-sans text-xs;
   @apply text-muted-400 dark:text-muted-400;
 }
-@utility nui-input-file-text {
+@utility nui-input-file-regular-text {
   @apply ms-2 inline-flex truncate text-muted-400 dark:text-muted-400;
 }
-@utility nui-input-file-placeload {
+@utility nui-input-file-regular-placeload {
   @apply absolute -end-8 flex w-[70%] items-center;
 
   .nui-placeload {
     @apply h-3 w-full max-w-[75%] rounded;
   }
 }
-@utility nui-input-default {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-default {
+  .nui-input-file-regular-inner {
     @apply text-muted-600 dark:text-muted-200;
     @apply bg-white dark:bg-muted-800;
     @apply border border-muted-300 dark:border-muted-700;
     @apply placeholder:text-muted-300 dark:placeholder:text-muted-500;
   }
 
-  .nui-input-file-addon {
+  .nui-input-file-regular-addon {
     @apply bg-muted-50 dark:bg-muted-800;
     @apply text-muted-400 dark:text-muted-400;
     @apply border-e border-muted-300 dark:border-muted-700;
   }
 }
-@utility nui-input-default-contrast {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-default-contrast {
+  .nui-input-file-regular-inner {
     @apply text-muted-600 dark:text-muted-200;
     @apply bg-white dark:bg-muted-950;
     @apply border border-muted-300 dark:border-muted-800;
     @apply placeholder:text-muted-300 dark:placeholder:text-muted-600;
   }
 
-  .nui-input-file-addon {
+  .nui-input-file-regular-addon {
     @apply bg-muted-50 dark:bg-muted-950;
     @apply text-muted-400 dark:text-muted-400;
     @apply border-e border border-muted-300 dark:border-muted-800;
   }
 }
-@utility nui-input-file-color-focus {
-  .nui-input-file-inner:focus {
+@utility nui-input-file-regular-color-focus {
+  .nui-input-file-regular-inner:focus {
     @apply !border-primary-500 dark:!border-primary-500;
   }
 }
-@utility nui-input-file-loading {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-loading {
+  .nui-input-file-regular-inner {
     @apply text-transparent placeholder:text-transparent;
   }
 }
-@utility nui-input-file-error {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-error {
+  .nui-input-file-regular-inner {
     @apply border-danger-500 dark:border-danger-500;
   }
 }
-@utility nui-input-rounded-sm {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-rounded-sm {
+  .nui-input-file-regular-inner {
     @apply rounded-md;
   }
 }
-@utility nui-input-rounded-md {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-rounded-md {
+  .nui-input-file-regular-inner {
     @apply rounded-lg;
   }
 }
-@utility nui-input-rounded-lg {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-rounded-lg {
+  .nui-input-file-regular-inner {
     @apply rounded-xl;
   }
 }
-@utility nui-input-rounded-full {
-  .nui-input-file-inner {
+@utility nui-input-file-regular-rounded-full {
+  .nui-input-file-regular-inner {
     @apply rounded-full;
   }
 }
-@utility nui-input-sm {
+@utility nui-input-file-regular-sm {
   @apply text-xs leading-4;
 
-  .nui-input-file-inner {
+  .nui-input-file-regular-inner {
     @apply h-8 py-2 pe-3;
   }
 
-  .nui-input-file-addon {
+  .nui-input-file-regular-addon {
     @apply h-8 px-2;
   }
 
-  .nui-input-file-icon {
+  .nui-input-file-regular-icon {
     @apply w-3 h-3;
   }
 
-  .nui-input-file-placeload {
+  .nui-input-file-regular-placeload {
     @apply top-2.5;
   }
 }
-@utility nui-input-md {
+@utility nui-input-file-regular-md {
   @apply text-[0.825rem] leading-5;
 
-  .nui-input-file-inner {
+  .nui-input-file-regular-inner {
     @apply h-10 pe-4;
   }
 
-  .nui-input-file-addon {
+  .nui-input-file-regular-addon {
     @apply h-10 px-3;
   }
 
-  .nui-input-file-icon {
+  .nui-input-file-regular-icon {
     @apply w-4 h-4;
   }
 
-  .nui-input-file-placeload {
+  .nui-input-file-regular-placeload {
     @apply top-3.5;
   }
 }
-@utility nui-input-lg {
+@utility nui-input-file-regular-lg {
   @apply text-sm leading-5;
 
-  .nui-input-file-inner {
+  .nui-input-file-regular-inner {
     @apply h-12 pe-4;
   }
 
-  .nui-input-file-addon {
+  .nui-input-file-regular-addon {
     @apply h-12 px-4;
   }
 
-  .nui-input-file-icon {
+  .nui-input-file-regular-icon {
     @apply w-5 h-5;
   }
 
-  .nui-input-file-placeload {
+  .nui-input-file-regular-placeload {
     @apply top-[1.2rem];
   }
 }
-@utility nui-input-xl {
+@utility nui-input-file-regular-xl {
   @apply text-sm leading-5;
 
-  .nui-input-file-inner {
+  .nui-input-file-regular-inner {
     @apply h-14 pe-4;
   }
 
-  .nui-input-file-addon {
+  .nui-input-file-regular-addon {
     @apply h-14 px-5;
   }
 
-  .nui-input-file-icon {
+  .nui-input-file-regular-icon {
     @apply w-6 h-6;
   }
 
-  .nui-input-file-placeload {
+  .nui-input-file-regular-placeload {
     @apply top-[1.4rem];
   }
 }

package/lib/css/input-file.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-input-file */
 
 @utility nui-input-file {

package/lib/css/input-help-text.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-input-help-text */
 
 @utility nui-input-help-text {

package/lib/css/input-number.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-input-number */
 
 @utility nui-input-number-wrapper {

package/lib/css/input.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-input */
 
 @utility nui-input-wrapper {
@@ -20,23 +19,44 @@
     }
   }
 
+  &.nui-input-has-icon.nui-input-sm {
+    .nui-input {
+      @apply h-8 py-1 text-xs leading-4 pe-3 ps-8;
+    }
+  }
+
   &:not(.nui-input-has-icon).nui-input-md {
     .nui-input {
       @apply h-10 py-2 text-sm leading-5 px-3;
     }
   }
+  &.nui-input-has-icon.nui-input-md {
+    .nui-input {
+      @apply h-10 py-2 text-sm leading-5 pe-4 ps-10;
+    }
+  }
 
   &:not(.nui-input-has-icon).nui-input-lg {
     .nui-input {
       @apply h-12 py-2 text-sm leading-5 px-4;
     }
   }
+  &.nui-input-has-icon.nui-input-lg {
+    .nui-input {
+      @apply h-12 py-2 text-sm leading-5 pe-4 ps-11;
+    }
+  }
 
   &:not(.nui-input-has-icon).nui-input-xl {
     .nui-input {
       @apply h-14 py-2 text-base leading-5 px-4;
     }
   }
+  &.nui-input-has-icon.nui-input-xl {
+    .nui-input {
+      @apply h-14 py-2 text-base leading-5 pe-4 ps-[3.25rem];
+    }
+  }
 
   &.nui-input-label-float:not(.nui-input-has-icon).nui-input-sm {
     .nui-label-float {
@@ -308,26 +328,6 @@
     @apply !text-danger-500 dark:!text-danger-500;
   }
 }
-@utility nui-input-has-icon {
-  .nui-input {
-    @apply h-8 py-1 text-xs leading-4 pe-3 ps-8;
-  }
-}
-@utility nui-input-has-icon {
-  .nui-input {
-    @apply h-10 py-2 text-sm leading-5 pe-4 ps-10;
-  }
-}
-@utility nui-input-has-icon {
-  .nui-input {
-    @apply h-12 py-2 text-sm leading-5 pe-4 ps-11;
-  }
-}
-@utility nui-input-has-icon {
-  .nui-input {
-    @apply h-14 py-2 text-base leading-5 pe-4 ps-[3.25rem];
-  }
-}
 @utility nui-input-has-action {
   .nui-input {
     @apply pe-8;

package/lib/css/kbd.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-kbd */
 
 @utility nui-kbd {

package/lib/css/label.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-label */
 
 @utility nui-label {

package/lib/css/link.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-link */
 
 @utility nui-link {

package/lib/css/list.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-list */
 
 @utility nui-list {

package/lib/css/listbox.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-listbox */
 
 @utility nui-listbox {

package/lib/css/mark.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-mark */
 
 @utility nui-mark {

package/lib/css/mask.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-mask */
 
 @utility nui-mask {

package/lib/css/message-text.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-message-text */
 
 @utility nui-message-text {

package/lib/css/message.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-message */
 
 @utility nui-message {

package/lib/css/modal.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-modal */
 
 @utility nui-modal {

package/lib/css/pagination.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-pagination */
 
 @utility nui-pagination {

package/lib/css/paragraph.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-paragraph */
 
 @utility nui-paragraph {
@@ -43,36 +42,36 @@
 @utility nui-paragraph-9xl {
   @apply text-9xl;
 }
-@utility nui-weight-light {
+@utility nui-paragraph-weight-light {
   @apply font-light;
 }
-@utility nui-weight-normal {
+@utility nui-paragraph-weight-normal {
   @apply font-normal;
 }
-@utility nui-weight-medium {
+@utility nui-paragraph-weight-medium {
   @apply font-medium;
 }
-@utility nui-weight-semibold {
+@utility nui-paragraph-weight-semibold {
   @apply font-semibold;
 }
-@utility nui-weight-bold {
+@utility nui-paragraph-weight-bold {
   @apply font-bold;
 }
-@utility nui-weight-extrabold {
+@utility nui-paragraph-weight-extrabold {
   @apply font-extrabold;
 }
-@utility nui-lead-none {
+@utility nui-paragraph-lead-none {
   @apply leading-none;
 }
-@utility nui-lead-normal {
+@utility nui-paragraph-lead-normal {
   @apply leading-normal;
 }
-@utility nui-lead-tight {
+@utility nui-paragraph-lead-tight {
   @apply leading-tight;
 }
-@utility nui-lead-snug {
+@utility nui-paragraph-lead-snug {
   @apply leading-snug;
 }
-@utility nui-lead-loose {
+@utility nui-paragraph-lead-loose {
   @apply leading-loose;
 }

package/lib/css/placeholder-page.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-placeholder-page */
 
 @utility nui-placeholder-page {

package/lib/css/placeload.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-placeload */
 
 @utility nui-placeload {

package/lib/css/progress-circle.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-progress-circle */
 
 /* @utility nui-progress-circle {

package/lib/css/progress.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-progress */
 
 @utility nui-progress {

package/lib/css/prose.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-prose */
 
 @utility nui-prose {

package/lib/css/radio.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-radio */
 
 @utility nui-radio {

package/lib/css/select.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-select */
 
 @utility nui-select-wrapper {

package/lib/css/slimscroll.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-slimscroll */
 
 @utility nui-slimscroll {

package/lib/css/snack.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-snack */
 
 @utility nui-snack {

package/lib/css/switch-ball.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-switch-ball */
 
 @utility nui-switch-ball {

package/lib/css/switch-thin.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-switch-thin */
 
 @utility nui-switch-thin {

package/lib/css/tab-slider.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-tab-slider */
 
 @utility nui-tab-slider {

package/lib/css/tabs.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-tabs */
 
 @utility nui-tabs {

package/lib/css/tag.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-tag */
 
 @utility nui-tag {