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

package/lib/css/avatar.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-avatar */
 
 @utility nui-avatar {
@@ -34,35 +33,35 @@
   @apply absolute block;
   @apply border border-white dark:border-muted-800 rounded-full;
 
-  &.nui-dot-primary {
+  &.nui-avatar-dot-primary {
     @apply bg-primary-500;
   }
 
-  &.nui-dot-info {
+  &.nui-avatar-dot-info {
     @apply bg-info-500;
   }
 
-  &.nui-dot-success {
+  &.nui-avatar-dot-success {
     @apply bg-success-500;
   }
 
-  &.nui-dot-warning {
+  &.nui-avatar-dot-warning {
     @apply bg-warning-500;
   }
 
-  &.nui-dot-danger {
+  &.nui-avatar-dot-danger {
     @apply bg-danger-500;
   }
 
-  &.nui-dot-yellow {
+  &.nui-avatar-dot-yellow {
     @apply bg-yellow-400;
   }
 
-  &.nui-dot-pink {
+  &.nui-avatar-dot-pink {
     @apply bg-pink-500;
   }
 
-  &.nui-dot-indigo {
+  &.nui-avatar-dot-indigo {
     @apply bg-indigo-500;
   }
 }
@@ -72,35 +71,35 @@
     @apply ring-offset-2 ring-offset-white dark:ring-offset-muted-800;
   }
 
-  &.nui-ring-primary {
+  &.nui-avatar-ring-primary {
     @apply bg-primary-500;
   }
 
-  &.nui-ring-info {
+  &.nui-avatar-ring-info {
     @apply bg-info-500;
   }
 
-  &.nui-ring-success {
+  &.nui-avatar-ring-success {
     @apply bg-success-500;
   }
 
-  &.nui-ring-warning {
+  &.nui-avatar-ring-warning {
     @apply bg-warning-500;
   }
 
-  &.nui-ring-danger {
+  &.nui-avatar-ring-danger {
     @apply bg-danger-500;
   }
 
-  &.nui-ring-yellow {
+  &.nui-avatar-ring-yellow {
     @apply bg-yellow-400;
   }
 
-  &.nui-ring-pink {
+  &.nui-avatar-ring-pink {
     @apply bg-pink-500;
   }
 
-  &.nui-ring-indigo {
+  &.nui-avatar-ring-indigo {
     @apply bg-indigo-500;
   }
 }

package/lib/css/breadcrumb.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-breadcrumb */
 
 @utility nui-breadcrumb {
@@ -19,43 +18,43 @@
     @apply flex text-muted-500 dark:text-muted-400;
   }
 
-  .nui-item-inner {
+  .nui-breadcrumb-item-inner {
     @apply text-[0.85rem] flex items-center gap-x-1;
     @apply text-muted-500 dark:text-muted-400;
     @apply transition-colors duration-300;
 
-    .nui-item-icon {
+    .nui-breadcrumb-item-icon {
       @apply flex items-center justify-center h-4 w-4 shrink-0;
 
-      &.nui-has-dot {
+      &.nui-breadcrumb-has-dot {
         @apply text-xl;
       }
     }
 
-    .nui-item-text {
+    .nui-breadcrumb-item-text {
       @apply text-muted-500 dark:text-muted-400 px-2;
     }
   }
 }
 @utility nui-breadcrumb-primary {
-  .nui-item-inner {
-    &.nui-has-link {
+  .nui-breadcrumb-item-inner {
+    &.nui-breadcrumb-has-link {
       @apply hover:text-primary-500 focus:text-primary-500;
       @apply dark:hover:text-primary-500 dark:focus:text-primary-500;
     }
   }
 }
 @utility nui-breadcrumb-dark {
-  .nui-item-inner {
-    &.nui-has-link {
+  .nui-breadcrumb-item-inner {
+    &.nui-breadcrumb-has-link {
       @apply hover:text-muted-900 focus:text-muted-900;
       @apply dark:hover:text-muted-100 dark:focus:text-muted-100;
     }
   }
 }
 @utility nui-breadcrumb-black {
-  .nui-item-inner {
-    &.nui-has-link {
+  .nui-breadcrumb-item-inner {
+    &.nui-breadcrumb-has-link {
       @apply hover:text-black focus:text-black;
       @apply dark:hover:text-white dark:focus:text-white;
     }

package/lib/css/button-action.css

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

package/lib/css/button-close.css

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

package/lib/css/button-group.css

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

package/lib/css/button-icon.css

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

package/lib/css/button.css

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

package/lib/css/card.css

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

package/lib/css/checkbox.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-checkbox */
 
 @utility nui-checkbox {
@@ -28,12 +27,12 @@
   @apply bg-white dark:bg-muted-700;
   @apply border-2 border-muted-400 dark:border-muted-700;
 }
-@utility nui-icon-check {
+@utility nui-checkbox-icon-check {
   @apply pointer-events-none absolute z-10 fill-current translate-y-6 opacity-0;
   @apply h-2.5 w-2.5;
   @apply transition-all duration-300;
 }
-@utility nui-icon-indeterminate {
+@utility nui-checkbox-icon-indeterminate {
   @apply pointer-events-none absolute z-10 fill-current translate-y-6 opacity-0;
   @apply h-2.5 w-2.5;
   @apply transition-all duration-300;
@@ -45,15 +44,15 @@
     @apply border-current dark:border-current;
   }
 
-  &:checked ~ .nui-icon-check {
+  &:checked ~ .nui-checkbox-icon-check {
     @apply translate-y-0 opacity-100;
   }
 
-  &:indeterminate ~ .nui-icon-check {
+  &:indeterminate ~ .nui-checkbox-icon-check {
     @apply !translate-y-6;
   }
 
-  &:indeterminate ~ .nui-icon-indeterminate {
+  &:indeterminate ~ .nui-checkbox-icon-indeterminate {
     @apply !translate-y-0 !opacity-100;
   }
 }

package/lib/css/dropdown-divider.css

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

package/lib/css/dropdown-item.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-dropdown-item */
 
 @utility nui-dropdown-item {
@@ -10,53 +9,53 @@
     @apply text-muted-500 dark:text-muted-500;
   }
 }
-@utility nui-item-content {
+@utility nui-dropdown-item-content {
   @apply grow;
 }
-@utility nui-item-disabled {
+@utility nui-dropdown-item-disabled {
   @apply opacity-50 pointer-events-none;
 }
-@utility nui-item-default {
+@utility nui-dropdown-item-default {
   @apply hover:bg-muted-100 dark:hover:bg-muted-700;
 
   &.nui-active {
     @apply bg-muted-100 dark:bg-muted-700;
   }
 }
-@utility nui-item-contrast {
+@utility nui-dropdown-item-contrast {
   @apply hover:bg-muted-100 dark:hover:bg-muted-900;
 
   &.nui-active {
     @apply bg-muted-100 dark:bg-muted-900;
   }
 }
-@utility nui-item-primary {
+@utility nui-dropdown-item-primary {
   @apply hover:text-primary-500 dark:hover:text-primary-500;
 }
-@utility nui-item-info {
+@utility nui-dropdown-item-info {
   @apply hover:text-info-500 dark:hover:text-info-500;
 }
-@utility nui-item-success {
+@utility nui-dropdown-item-success {
   @apply hover:text-success-500 dark:hover:text-success-500;
 }
-@utility nui-item-warning {
+@utility nui-dropdown-item-warning {
   @apply hover:text-info-500 dark:hover:text-info-500;
 }
-@utility nui-item-danger {
+@utility nui-dropdown-item-danger {
   @apply hover:text-info-500 dark:hover:text-info-500;
 }
-@utility nui-item-dark {
+@utility nui-dropdown-item-dark {
   @apply hover:text-muted-900 dark:hover:text-muted-100;
 }
-@utility nui-item-black {
+@utility nui-dropdown-item-black {
   @apply hover:text-black dark:hover:text-white;
 }
-@utility nui-item-rounded-sm {
+@utility nui-dropdown-item-rounded-sm {
   @apply rounded-md;
 }
-@utility nui-item-rounded-md {
+@utility nui-dropdown-item-rounded-md {
   @apply rounded-lg;
 }
-@utility nui-item-rounded-lg {
+@utility nui-dropdown-item-rounded-lg {
   @apply rounded-xl;
 }

package/lib/css/dropdown.css

@@ -1,11 +1,10 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-dropdown */
 
 @utility nui-dropdown {
   @apply text-start;
 
   &:hover {
-    .nui-context-button {
+    .nui-dropdown-context-button {
       @apply ring-offset-4 ring-muted-200 dark:ring-muted-700;
     }
   }
@@ -14,35 +13,35 @@
   @apply absolute z-50 mt-2 focus:outline-none;
   @apply shadow-lg shadow-muted-300/30 dark:shadow-muted-800/20;
 }
-@utility nui-menu {
+@utility nui-dropdown-menu {
   @apply relative inline-block;
 }
-@utility nui-menu-content {
+@utility nui-dropdown-menu-content {
   @apply p-2;
 }
-@utility nui-context-button {
+@utility nui-dropdown-context-button {
   @apply inline-flex items-center justify-center rounded-full;
   @apply h-9 w-9;
   @apply ring-1 ring-transparent ring-offset-white dark:ring-offset-muted-900;
   @apply transition-all duration-300;
 
-  .nui-context-button-inner {
+  .nui-dropdown-context-button-inner {
     @apply flex items-center justify-center rounded-full;
     @apply h-9 w-9;
     @apply bg-white dark:bg-muted-800;
     @apply border border-muted-200 dark:border-muted-700;
   }
 
-  .nui-context-icon {
+  .nui-dropdown-context-icon {
     @apply h-5 w-5;
     @apply text-muted-400 dark:text-muted-400;
     @apply transition-all duration-300;
   }
 }
-@utility nui-text-button {
+@utility nui-dropdown-text-button {
   @apply flex items-center space-x-1;
 }
-@utility nui-chevron {
+@utility nui-dropdown-chevron {
   @apply h-4 w-4;
   @apply transition-transform duration-300;
 }
@@ -56,47 +55,47 @@
     @apply end-0 origin-top-right;
   }
 }
-@utility nui-menu-header {
+@utility nui-dropdown-menu-header {
   @apply px-4 pt-5;
 }
-@utility nui-menu-header-inner {
+@utility nui-dropdown-menu-header-inner {
   @apply relative flex items-center justify-between;
 }
-@utility nui-menu-header-title {
+@utility nui-dropdown-menu-header-title {
   @apply font-sans font-medium text-xs uppercase;
   @apply text-muted-500 dark:text-muted-200;
 }
-@utility nui-menu-content {
+@utility nui-dropdown-menu-content {
   @apply p-2 space-y-1;
 }
-@utility nui-menu-md {
+@utility nui-dropdown-menu-md {
   @apply w-56;
 }
-@utility nui-menu-lg {
+@utility nui-dropdown-menu-lg {
   @apply w-72;
 }
-@utility nui-menu-rounded-sm {
+@utility nui-dropdown-menu-rounded-sm {
   @apply rounded-md;
 }
-@utility nui-menu-rounded-md {
+@utility nui-dropdown-menu-rounded-md {
   @apply rounded-lg;
 }
-@utility nui-menu-rounded-lg {
+@utility nui-dropdown-menu-rounded-lg {
   @apply rounded-xl;
 }
-@utility nui-menu-default {
+@utility nui-dropdown-menu-default {
   @apply border border-muted-200 dark:border-muted-700;
   @apply bg-white dark:bg-muted-800;
 }
-@utility nui-menu-default-contrast {
+@utility nui-dropdown-menu-default-contrast {
   @apply border border-muted-200 dark:border-muted-800;
   @apply bg-white dark:bg-muted-950;
 }
-@utility nui-menu-muted {
+@utility nui-dropdown-menu-muted {
   @apply border border-muted-200 dark:border-muted-700;
   @apply bg-white dark:bg-muted-800;
 }
-@utility nui-menu-muted-contrast {
+@utility nui-dropdown-menu-muted-contrast {
   @apply border border-muted-200 dark:border-muted-800;
   @apply bg-white dark:bg-muted-950;
 }

package/lib/css/focus.css

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

package/lib/css/fullscreen-dropfile.css

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

package/lib/css/heading.css

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