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

package/lib/css/checkbox.css

@@ -1,98 +0,0 @@
-/* @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-sm;
-  }
-
-  &.nui-checkbox-rounded-md .nui-checkbox-outer, &.nui-checkbox-rounded-md .nui-checkbox-inner {
-    @apply rounded-md;
-  }
-
-  &.nui-checkbox-rounded-lg .nui-checkbox-outer, &.nui-checkbox-rounded-lg .nui-checkbox-inner {
-    @apply rounded-lg;
-  }
-
-  &.nui-checkbox-rounded-full .nui-checkbox-outer, &.nui-checkbox-rounded-full .nui-checkbox-inner {
-    @apply rounded-full;
-  }
-}
-@utility nui-checkbox-outer {
-  @apply nui-focus relative flex items-center justify-center h-5 w-5 shrink-0 cursor-pointer disabled:cursor-not-allowed overflow-hidden;
-}
-@utility nui-checkbox-inner {
-  @apply absolute start-0 top-0 z-0 h-full w-full;
-  @apply bg-white dark:bg-muted-700;
-  @apply border-2 border-muted-400 dark:border-muted-700;
-}
-@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-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;
-}
-@utility nui-checkbox-input {
-  @apply absolute z-20 h-5 w-5 cursor-pointer disabled:cursor-not-allowed opacity-0;
-
-  &:checked ~ .nui-checkbox-inner, &:indeterminate ~ .nui-checkbox-inner {
-    @apply border-current dark:border-current;
-  }
-
-  &:checked ~ .nui-checkbox-icon-check {
-    @apply translate-y-0 opacity-100;
-  }
-
-  &:indeterminate ~ .nui-checkbox-icon-check {
-    @apply !translate-y-6;
-  }
-
-  &:indeterminate ~ .nui-checkbox-icon-indeterminate {
-    @apply !translate-y-0 !opacity-100;
-  }
-}
-@utility nui-checkbox-label-wrapper {
-  @apply inline-flex flex-col;
-}
-@utility nui-checkbox-label-text {
-  @apply font-sans text-sm ms-1 cursor-pointer select-none;
-  @apply text-muted-400 dark:text-muted-400;
-}
-@utility nui-checkbox-error {
-  @apply ms-1 inline-block;
-}
-@utility nui-checkbox-default {
-  @apply text-muted-600 dark:text-muted-200;
-}
-@utility nui-checkbox-muted {
-  @apply text-muted-400 dark:text-muted-400;
-}
-@utility nui-checkbox-light {
-  @apply text-white dark:text-white;
-}
-@utility nui-checkbox-dark {
-  @apply text-muted-900 dark:text-muted-100;
-}
-@utility nui-checkbox-black {
-  @apply text-black dark:text-white;
-}
-@utility nui-checkbox-primary {
-  @apply text-primary-500 dark:text-primary-500;
-}
-@utility nui-checkbox-info {
-  @apply text-info-500 dark:text-info-500;
-}
-@utility nui-checkbox-success {
-  @apply text-success-500 dark:text-success-500;
-}
-@utility nui-checkbox-warning {
-  @apply text-warning-500 dark:text-warning-500;
-}
-@utility nui-checkbox-danger {
-  @apply text-danger-500 dark:text-danger-500;
-}

package/lib/css/dropdown-divider.css

@@ -1,5 +0,0 @@
-/* @utility nui-dropdown-divider */
-
-@utility nui-dropdown-divider {
-  @apply my-2 block h-px w-full border-t border-muted-200 dark:border-muted-700;
-}

package/lib/css/dropdown-item.css

@@ -1,61 +0,0 @@
-/* @utility nui-dropdown-item */
-
-@utility nui-dropdown-item {
-  @apply nui-focus flex w-full items-center justify-start gap-2 px-3 py-2 cursor-pointer;
-  @apply text-start font-sans text-sm;
-  @apply transition-colors duration-300;
-
-  &:not(.nui-active) {
-    @apply text-muted-500 dark:text-muted-500;
-  }
-}
-@utility nui-dropdown-item-content {
-  @apply grow;
-}
-@utility nui-dropdown-item-disabled {
-  @apply opacity-50 pointer-events-none;
-}
-@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-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-dropdown-item-primary {
-  @apply hover:text-primary-500 dark:hover:text-primary-500;
-}
-@utility nui-dropdown-item-info {
-  @apply hover:text-info-500 dark:hover:text-info-500;
-}
-@utility nui-dropdown-item-success {
-  @apply hover:text-success-500 dark:hover:text-success-500;
-}
-@utility nui-dropdown-item-warning {
-  @apply hover:text-info-500 dark:hover:text-info-500;
-}
-@utility nui-dropdown-item-danger {
-  @apply hover:text-info-500 dark:hover:text-info-500;
-}
-@utility nui-dropdown-item-dark {
-  @apply hover:text-muted-900 dark:hover:text-muted-100;
-}
-@utility nui-dropdown-item-black {
-  @apply hover:text-black dark:hover:text-white;
-}
-@utility nui-dropdown-item-rounded-sm {
-  @apply rounded-md;
-}
-@utility nui-dropdown-item-rounded-md {
-  @apply rounded-lg;
-}
-@utility nui-dropdown-item-rounded-lg {
-  @apply rounded-xl;
-}

package/lib/css/dropdown.css

@@ -1,101 +0,0 @@
-/* @utility nui-dropdown */
-
-@utility nui-dropdown {
-  @apply text-start;
-
-  &:hover {
-    .nui-dropdown-context-button {
-      @apply ring-offset-4 ring-muted-200 dark:ring-muted-700;
-    }
-  }
-}
-@utility nui-dropdown-menu {
-  @apply absolute z-50 mt-2 focus:outline-none;
-  @apply shadow-lg shadow-muted-300/30 dark:shadow-muted-800/20;
-}
-@utility nui-dropdown-menu {
-  @apply relative inline-block;
-}
-@utility nui-dropdown-menu-content {
-  @apply p-2;
-}
-@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-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-dropdown-context-icon {
-    @apply h-5 w-5;
-    @apply text-muted-400 dark:text-muted-400;
-    @apply transition-all duration-300;
-  }
-}
-@utility nui-dropdown-text-button {
-  @apply flex items-center space-x-1;
-}
-@utility nui-dropdown-chevron {
-  @apply h-4 w-4;
-  @apply transition-transform duration-300;
-}
-@utility nui-dropdown-start {
-  .nui-dropdown-menu {
-    @apply start-0 origin-top-left;
-  }
-}
-@utility nui-dropdown-end {
-  .nui-dropdown-menu {
-    @apply end-0 origin-top-right;
-  }
-}
-@utility nui-dropdown-menu-header {
-  @apply px-4 pt-5;
-}
-@utility nui-dropdown-menu-header-inner {
-  @apply relative flex items-center justify-between;
-}
-@utility nui-dropdown-menu-header-title {
-  @apply font-sans font-medium text-xs uppercase;
-  @apply text-muted-500 dark:text-muted-200;
-}
-@utility nui-dropdown-menu-content {
-  @apply p-2 space-y-1;
-}
-@utility nui-dropdown-menu-md {
-  @apply w-56;
-}
-@utility nui-dropdown-menu-lg {
-  @apply w-72;
-}
-@utility nui-dropdown-menu-rounded-sm {
-  @apply rounded-md;
-}
-@utility nui-dropdown-menu-rounded-md {
-  @apply rounded-lg;
-}
-@utility nui-dropdown-menu-rounded-lg {
-  @apply rounded-xl;
-}
-@utility nui-dropdown-menu-default {
-  @apply border border-muted-200 dark:border-muted-700;
-  @apply bg-white dark:bg-muted-800;
-}
-@utility nui-dropdown-menu-default-contrast {
-  @apply border border-muted-200 dark:border-muted-800;
-  @apply bg-white dark:bg-muted-950;
-}
-@utility nui-dropdown-menu-muted {
-  @apply border border-muted-200 dark:border-muted-700;
-  @apply bg-white dark:bg-muted-800;
-}
-@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/fullscreen-dropfile.css

@@ -1,62 +0,0 @@
-/* @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-xs transition-all hover:backdrop-blur-none;
-}
-@utility nui-fullscreen-dropfile-inner {
-  @apply fixed inset-0 z-50;
-
-  .nui-fullscreen-dropfile-container {
-    @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-xs;
-      @apply bg-muted-100 dark:bg-muted-800;
-      @apply rounded-md border-2 border-dashed border-muted-200 dark:border-muted-700;
-
-      .nui-fullscreen-dropfile-icon {
-        @apply h-10 w-10;
-      }
-
-      .nui-fullscreen-dropfile-label {
-        @apply text-base text-muted-500 dark:text-muted-400;
-      }
-    }
-  }
-}
-@utility nui-dropfile-primary {
-  .nui-fullscreen-dropfile-inner {
-    .nui-fullscreen-dropfile-container {
-      .nui-fullscreen-dropfile-content {
-        .nui-fullscreen-dropfile-icon {
-          @apply text-primary-500 dark:text-primary-500;
-        }
-      }
-    }
-  }
-}
-@utility nui-dropfile-dark {
-  .nui-fullscreen-dropfile-inner {
-    .nui-fullscreen-dropfile-container {
-      .nui-fullscreen-dropfile-content {
-        .nui-fullscreen-dropfile-icon {
-          @apply text-muted-900 dark:text-muted-100;
-        }
-      }
-    }
-  }
-}
-@utility nui-dropfile-black {
-  .nui-fullscreen-dropfile-inner {
-    .nui-fullscreen-dropfile-container {
-      .nui-fullscreen-dropfile-content {
-        .nui-fullscreen-dropfile-icon {
-          @apply text-black dark:text-white;
-        }
-      }
-    }
-  }
-}

package/lib/css/heading.css

@@ -1,77 +0,0 @@
-/* @utility nui-heading */
-
-@utility nui-heading {
-  @apply font-sans;
-}
-@utility nui-heading-xs {
-  @apply text-xs;
-}
-@utility nui-heading-sm {
-  @apply text-sm;
-}
-@utility nui-heading-md {
-  @apply text-base;
-}
-@utility nui-heading-lg {
-  @apply text-lg;
-}
-@utility nui-heading-xl {
-  @apply text-xl;
-}
-@utility nui-heading-2xl {
-  @apply text-2xl;
-}
-@utility nui-heading-3xl {
-  @apply text-3xl;
-}
-@utility nui-heading-4xl {
-  @apply text-4xl;
-}
-@utility nui-heading-5xl {
-  @apply text-5xl;
-}
-@utility nui-heading-6xl {
-  @apply text-6xl;
-}
-@utility nui-heading-7xl {
-  @apply text-7xl;
-}
-@utility nui-heading-8xl {
-  @apply text-8xl;
-}
-@utility nui-heading-9xl {
-  @apply text-9xl;
-}
-@utility nui-heading-weight-light {
-  @apply font-light;
-}
-@utility nui-heading-weight-normal {
-  @apply font-normal;
-}
-@utility nui-heading-weight-medium {
-  @apply font-medium;
-}
-@utility nui-heading-weight-semibold {
-  @apply font-semibold;
-}
-@utility nui-heading-weight-bold {
-  @apply font-bold;
-}
-@utility nui-heading-weight-extrabold {
-  @apply font-extrabold;
-}
-@utility nui-heading-lead-none {
-  @apply leading-none;
-}
-@utility nui-heading-lead-normal {
-  @apply leading-normal;
-}
-@utility nui-heading-lead-tight {
-  @apply leading-tight;
-}
-@utility nui-heading-lead-snug {
-  @apply leading-snug;
-}
-@utility nui-heading-lead-loose {
-  @apply leading-loose;
-}

package/lib/css/icon-box.css

@@ -1,304 +0,0 @@
-/* @utility nui-icon-box */
-
-@utility nui-icon-box {
-  @apply relative inline-flex shrink-0 items-center justify-center;
-
-  &.nui-icon-box-mask:not(.nui-icon-box-rounded-sm):not(.nui-icon-box-rounded-lg):not(.nui-icon-box-rounded-full):not(.nui-icon-box-outline):not(.nui-icon-box-bordered) {
-    @apply nui-mask;
-  }
-}
-@utility nui-icon-box-xs {
-  @apply h-8 w-8;
-
-  &.nui-icon-box-rounded-sm {
-    @apply rounded-sm;
-  }
-
-  &.nui-icon-box-rounded-md {
-    @apply rounded-md;
-  }
-
-  &.nui-icon-box-rounded-lg {
-    @apply rounded-lg;
-  }
-}
-@utility nui-icon-box-sm {
-  @apply h-10 w-10;
-
-  &.nui-icon-box-rounded-sm {
-    @apply rounded-sm;
-  }
-
-  &.nui-icon-box-rounded-md {
-    @apply rounded-md;
-  }
-
-  &.nui-icon-box-rounded-lg {
-    @apply rounded-xl;
-  }
-}
-@utility nui-icon-box-md {
-  @apply h-12 w-12;
-
-  &.nui-icon-box-rounded-sm {
-    @apply rounded-md;
-  }
-
-  &.nui-icon-box-rounded-md {
-    @apply rounded-lg;
-  }
-
-  &.nui-icon-box-rounded-lg {
-    @apply rounded-xl;
-  }
-}
-@utility nui-icon-box-lg {
-  @apply h-16 w-16;
-
-  &.nui-icon-box-rounded-sm {
-    @apply rounded-md;
-  }
-
-  &.nui-icon-box-rounded-md {
-    @apply rounded-lg;
-  }
-
-  &.nui-icon-box-rounded-lg {
-    @apply rounded-2xl;
-  }
-}
-@utility nui-icon-box-xl {
-  @apply h-20 w-20;
-
-  &.nui-icon-box-rounded-sm {
-    @apply rounded-lg;
-  }
-
-  &.nui-icon-box-rounded-md {
-    @apply rounded-xl;
-  }
-
-  &.nui-icon-box-rounded-lg {
-    @apply rounded-2xl;
-  }
-}
-@utility nui-icon-box-2xl {
-  @apply h-24 w-24;
-
-  &.nui-icon-box-rounded-sm {
-    @apply rounded-lg;
-  }
-
-  &.nui-icon-box-rounded-md {
-    @apply rounded-xl;
-  }
-
-  &.nui-icon-box-rounded-lg {
-    @apply rounded-3xl;
-  }
-}
-@utility nui-icon-box-rounded-full {
-  @apply rounded-full;
-}
-@utility nui-icon-box-default {
-  @apply text-muted-600 dark:text-muted-200;
-  @apply bg-muted-100 dark:bg-muted-700;
-}
-@utility nui-icon-box-solid {
-  &.nui-icon-box-default {
-    @apply text-muted-600 dark:text-muted-200;
-    @apply bg-muted-100 dark:bg-muted-700;
-  }
-
-  &.nui-icon-box-default-contrast {
-    @apply text-muted-600 dark:text-muted-100;
-    @apply bg-muted-100 dark:bg-muted-950;
-  }
-
-  &.nui-icon-box-muted {
-    @apply text-muted-700 dark:text-muted-200;
-    @apply bg-muted-200 dark:bg-muted-700;
-  }
-
-  &.nui-icon-box-muted-contrast {
-    @apply text-muted-700 dark:text-muted-100;
-    @apply bg-muted-200 dark:bg-muted-950;
-  }
-
-  &.nui-icon-box-light {
-    @apply text-muted-800 dark:text-muted-100;
-    @apply bg-white dark:bg-muted-700;
-  }
-
-  &.nui-icon-box-dark {
-    @apply text-muted-100 dark:text-muted-900;
-    @apply bg-muted-900 dark:bg-muted-100;
-  }
-
-  &.nui-icon-box-black {
-    @apply text-white dark:text-black;
-    @apply bg-black dark:bg-white;
-  }
-
-  &.nui-icon-box-primary {
-    @apply text-primary-invert dark:text-primary-invert;
-    @apply bg-primary-500 dark:bg-primary-500;
-  }
-
-  &.nui-icon-box-info {
-    @apply text-white dark:text-white;
-    @apply bg-info-500 dark:bg-info-500;
-  }
-
-  &.nui-icon-box-success {
-    @apply text-white dark:text-white;
-    @apply bg-success-500 dark:bg-success-500;
-  }
-
-  &.nui-icon-box-warning {
-    @apply text-white dark:text-white;
-    @apply bg-warning-500 dark:bg-warning-500;
-  }
-
-  &.nui-icon-box-danger {
-    @apply text-white dark:text-white;
-    @apply bg-danger-500 dark:bg-danger-500;
-  }
-}
-@utility nui-icon-box-pastel {
-  &.nui-icon-box-default {
-    @apply text-muted-500 dark:text-muted-200;
-    @apply bg-muted-500/10 dark:bg-muted-700/10;
-  }
-
-  &.nui-icon-box-default-contrast {
-    @apply text-muted-500 dark:text-muted-100;
-    @apply bg-muted-500/10 dark:bg-muted-950/10;
-  }
-
-  &.nui-icon-box-muted {
-    @apply text-muted-700 dark:text-muted-200;
-    @apply bg-muted-600/10 dark:bg-muted-700/10;
-  }
-
-  &.nui-icon-box-muted-contrast {
-    @apply text-muted-700 dark:text-muted-100;
-    @apply bg-muted-600/10 dark:bg-muted-950/10;
-  }
-
-  &.nui-icon-box-light {
-    @apply text-muted-800 dark:text-muted-300;
-    @apply bg-white/10 dark:bg-white/10;
-  }
-
-  &.nui-icon-box-dark {
-    @apply text-muted-800 dark:text-muted-100;
-    @apply bg-muted-900/10 dark:bg-muted-100/10;
-  }
-
-  &.nui-icon-box-black {
-    @apply text-black dark:text-white;
-    @apply bg-black/10 dark:bg-white/10;
-  }
-
-  &.nui-icon-box-primary {
-    @apply text-primary-500 dark:text-primary-500;
-    @apply bg-primary-500/10 dark:bg-primary-500/10;
-  }
-
-  &.nui-icon-box-info {
-    @apply text-info-500 dark:text-info-500;
-    @apply bg-info-500/10 dark:bg-info-500/10;
-  }
-
-  &.nui-icon-box-success {
-    @apply text-success-500 dark:text-success-500;
-    @apply bg-success-500/10 dark:bg-success-500/10;
-  }
-
-  &.nui-icon-box-warning {
-    @apply text-warning-500 dark:text-warning-500;
-    @apply bg-warning-500/10 dark:bg-warning-500/10;
-  }
-
-  &.nui-icon-box-danger {
-    @apply text-danger-500 dark:text-danger-500;
-    @apply bg-danger-500/10 dark:bg-danger-500/10;
-  }
-}
-@utility nui-icon-box-outline {
-  &.nui-icon-box-default {
-    @apply text-muted-500 dark:text-muted-200;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-default-contrast {
-    @apply text-muted-500 dark:text-muted-100;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-muted {
-    @apply text-muted-700 dark:text-muted-200;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-muted-contrast {
-    @apply text-muted-700 dark:text-muted-100;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-light {
-    @apply text-muted-800 dark:text-muted-400;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-dark {
-    @apply text-muted-800 dark:text-muted-100;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-black {
-    @apply text-black dark:text-white;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-primary {
-    @apply text-primary-500 dark:text-primary-500;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-info {
-    @apply text-info-500 dark:text-info-500;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-success {
-    @apply text-success-500 dark:text-success-500;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-warning {
-    @apply text-warning-500 dark:text-warning-500;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-
-  &.nui-icon-box-danger {
-    @apply text-danger-500 dark:text-danger-500;
-    @apply bg-transparent  bg-transparent;
-    @apply border-2 border-current dark:border-current;
-  }
-}
-@utility nui-icon-box-bordered {
-  @apply border-2 border-current;
-}