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

package/{src → lib}/css/breadcrumb.css

@@ -1,4 +1,3 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-breadcrumb */
 
 @utility nui-breadcrumb {
@@ -19,12 +18,12 @@
     @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 {
@@ -32,13 +31,13 @@
       }
     }
 
-    .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-breadcrumb-item-inner {
     &.nui-has-link {
       @apply hover:text-primary-500 focus:text-primary-500;
       @apply dark:hover:text-primary-500 dark:focus:text-primary-500;
@@ -46,7 +45,7 @@
   }
 }
 @utility nui-breadcrumb-dark {
-  .nui-item-inner {
+  .nui-breadcrumb-item-inner {
     &.nui-has-link {
       @apply hover:text-muted-900 focus:text-muted-900;
       @apply dark:hover:text-muted-100 dark:focus:text-muted-100;
@@ -54,7 +53,7 @@
   }
 }
 @utility nui-breadcrumb-black {
-  .nui-item-inner {
+  .nui-breadcrumb-item-inner {
     &.nui-has-link {
       @apply hover:text-black focus:text-black;
       @apply dark:hover:text-white dark:focus:text-white;

package/{src → 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/{src → 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 {
@@ -41,7 +40,7 @@
   }
 }
 @utility nui-button-close-rounded-sm {
-  @apply rounded;
+  @apply rounded-sm;
 }
 @utility nui-button-close-rounded-md {
   @apply rounded-md;

package/{src → 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/{src → lib}/css/button-icon.css

@@ -1,7 +1,6 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-button-icon */
 
-@utility nui-button-icon-icon {
+@utility nui-button-icon {
   @apply nui-focus relative inline-flex items-center justify-center space-x-1 leading-5 no-underline disabled:opacity-60 disabled:cursor-not-allowed hover:shadow-none;
   @apply font-sans text-sm font-normal;
   @apply transition-all duration-300;
@@ -19,7 +18,7 @@
   @apply h-14 w-14 p-4;
 }
 @utility nui-button-icon-rounded-sm {
-  @apply rounded;
+  @apply rounded-sm;
 }
 @utility nui-button-icon-rounded-md {
   @apply rounded-md;

package/{src → lib}/css/button.css

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

package/{src → lib}/css/card.css

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

package/{src → lib}/css/checkbox.css

@@ -1,11 +1,10 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-checkbox */
 
 @utility nui-checkbox {
   @apply relative inline-flex items-start gap-1;
 
   &.nui-checkbox-rounded-sm .nui-checkbox-outer, &.nui-checkbox-rounded-sm .nui-checkbox-inner {
-    @apply rounded;
+    @apply rounded-sm;
   }
 
   &.nui-checkbox-rounded-md .nui-checkbox-outer, &.nui-checkbox-rounded-md .nui-checkbox-inner {
@@ -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/{src → 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/{src → 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/{src → 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/{src → lib}/css/focus.css

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

package/{src → lib}/css/fullscreen-dropfile.css

@@ -1,11 +1,10 @@
-/* generated using "pnpm jiti scripts/generate-utilities.ts" */
 /* @utility nui-fullscreen-dropfile */
 
 @utility nui-fullscreen-dropfile {
   @apply block;
 }
 @utility nui-fullscreen-dropfile-outer {
-  @apply bg-muted-100/50 dark:bg-muted-800/20 fixed inset-0 z-40 backdrop-blur-sm transition-all hover:backdrop-blur-none;
+  @apply bg-muted-100/50 dark:bg-muted-800/20 fixed inset-0 z-40 backdrop-blur-xs transition-all hover:backdrop-blur-none;
 }
 @utility nui-fullscreen-dropfile-inner {
   @apply fixed inset-0 z-50;
@@ -14,7 +13,7 @@
     @apply flex h-full flex-1 items-center justify-center;
 
     .nui-fullscreen-dropfile-content {
-      @apply h-[230px] w-[500px] mx-auto flex flex-col items-center justify-center gap-6 drop-shadow-sm;
+      @apply h-[230px] w-[500px] mx-auto flex flex-col items-center justify-center gap-6 drop-shadow-xs;
       @apply bg-muted-100 dark:bg-muted-800;
       @apply rounded-md border-2 border-dashed border-muted-200 dark:border-muted-700;
 

package/{src → 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;
 }