ingeniuscliq-core 0.2.12 → 0.2.13

package/dist/core.css

@@ -40,40 +40,20 @@
     --tracking-widest: 0.1em;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
-    --radius-sm: calc(var(--radius) - 4px);
-    --radius-md: calc(var(--radius) - 2px);
-    --radius-lg: var(--radius);
-    --radius-xl: calc(var(--radius) + 4px);
+    --radius-sm: 0.25rem;
+    --radius-md: 0.375rem;
+    --radius-lg: 0.5rem;
+    --radius-xl: 0.75rem;
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
-    --color-background: var(--background);
-    --color-foreground: var(--foreground);
-    --color-card: var(--card);
-    --color-card-foreground: var(--card-foreground);
-    --color-popover: var(--popover);
-    --color-popover-foreground: var(--popover-foreground);
-    --color-primary: var(--primary);
-    --color-primary-foreground: var(--primary-foreground);
-    --color-secondary: var(--secondary);
-    --color-secondary-foreground: var(--secondary-foreground);
-    --color-muted: var(--muted);
-    --color-muted-foreground: var(--muted-foreground);
-    --color-accent: var(--accent);
-    --color-accent-foreground: var(--accent-foreground);
-    --color-destructive: var(--destructive);
-    --color-border: var(--border);
-    --color-input: var(--input);
-    --color-ring: var(--ring);
-    --color-sidebar: var(--sidebar);
-    --color-sidebar-foreground: var(--sidebar-foreground);
-    --color-sidebar-accent: var(--sidebar-accent);
-    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-    --color-sidebar-border: var(--sidebar-border);
-    --color-sidebar-ring: var(--sidebar-ring);
+    --ic-radius-sm: calc(var(--ic-radius) - 4px);
+    --ic-radius-md: calc(var(--ic-radius) - 2px);
+    --ic-radius-lg: var(--ic-radius);
+    --ic-radius-xl: calc(var(--ic-radius) + 4px);
   }
 }
 @layer base {
@@ -881,6 +861,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
+  }
   .animate-pulse {
     animation: var(--animate-pulse);
   }
@@ -1115,78 +1098,24 @@
   .border-gray-500 {
     border-color: var(--color-gray-500);
   }
-  .border-input {
-    border-color: var(--color-input);
-  }
-  .border-primary {
-    border-color: var(--color-primary);
-  }
-  .border-sidebar-border {
-    border-color: var(--color-sidebar-border);
-  }
   .border-transparent {
     border-color: transparent;
   }
   .border-x-transparent {
     border-inline-color: transparent;
   }
-  .border-b-primary {
-    border-bottom-color: var(--color-primary);
-  }
-  .border-b-secondary {
-    border-bottom-color: var(--color-secondary);
-  }
-  .bg-accent {
-    background-color: var(--color-accent);
-  }
-  .bg-background {
-    background-color: var(--color-background);
-  }
   .bg-black\/50 {
     background-color: color-mix(in srgb, #000 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
     }
   }
-  .bg-border {
-    background-color: var(--color-border);
-  }
-  .bg-card {
-    background-color: var(--color-card);
-  }
-  .bg-destructive {
-    background-color: var(--color-destructive);
-  }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
   .bg-gray-300 {
     background-color: var(--color-gray-300);
   }
-  .bg-muted {
-    background-color: var(--color-muted);
-  }
-  .bg-muted\/50 {
-    background-color: var(--color-muted);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
-    }
-  }
-  .bg-popover {
-    background-color: var(--color-popover);
-  }
-  .bg-primary {
-    background-color: var(--color-primary);
-  }
-  .bg-secondary {
-    background-color: var(--color-secondary);
-  }
-  .bg-sidebar {
-    background-color: var(--color-sidebar);
-  }
-  .bg-sidebar-border {
-    background-color: var(--color-sidebar-border);
-  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -1196,9 +1125,6 @@
   .fill-current {
     fill: currentcolor;
   }
-  .fill-primary {
-    fill: var(--color-primary);
-  }
   .object-contain {
     -o-object-fit: contain;
        object-fit: contain;
@@ -1411,54 +1337,18 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
-  .text-accent-foreground {
-    color: var(--color-accent-foreground);
-  }
-  .text-card-foreground {
-    color: var(--color-card-foreground);
-  }
   .text-current {
     color: currentcolor;
   }
-  .text-destructive {
-    color: var(--color-destructive);
-  }
-  .text-foreground {
-    color: var(--color-foreground);
-  }
   .text-gray-900 {
     color: var(--color-gray-900);
   }
   .text-green-300 {
     color: var(--color-green-300);
   }
-  .text-muted-foreground {
-    color: var(--color-muted-foreground);
-  }
-  .text-popover-foreground {
-    color: var(--color-popover-foreground);
-  }
-  .text-primary {
-    color: var(--color-primary);
-  }
-  .text-primary-foreground {
-    color: var(--color-primary-foreground);
-  }
   .text-red-300 {
     color: var(--color-red-300);
   }
-  .text-secondary-foreground {
-    color: var(--color-secondary-foreground);
-  }
-  .text-sidebar-foreground {
-    color: var(--color-sidebar-foreground);
-  }
-  .text-sidebar-foreground\/70 {
-    color: var(--color-sidebar-foreground);
-    @supports (color: color-mix(in lab, red, red)) {
-      color: color-mix(in oklab, var(--color-sidebar-foreground) 70%, transparent);
-    }
-  }
   .text-white {
     color: var(--color-white);
   }
@@ -1513,22 +1403,14 @@
     --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  .ring {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .ring-ring\/50 {
-    --tw-ring-color: var(--color-ring);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
-    }
-  }
-  .ring-sidebar-ring {
-    --tw-ring-color: var(--color-sidebar-ring);
-  }
-  .ring-offset-background {
-    --tw-ring-offset-color: var(--color-background);
-  }
   .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -1793,11 +1675,6 @@
       border-width: 1px;
     }
   }
-  .group-data-\[variant\=floating\]\:border-sidebar-border {
-    &:is(:where(.group)[data-variant="floating"] *) {
-      border-color: var(--color-sidebar-border);
-    }
-  }
   .group-data-\[variant\=floating\]\:shadow-sm {
     &:is(:where(.group)[data-variant="floating"] *) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -1835,16 +1712,6 @@
       border-width: 1px;
     }
   }
-  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover {
-    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-      background-color: var(--color-popover);
-    }
-  }
-  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground {
-    &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
-      color: var(--color-popover-foreground);
-    }
-  }
   .group-data-\[viewport\=false\]\/navigation-menu\:shadow {
     &:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -1862,13 +1729,6 @@
       animation-duration: 200ms;
     }
   }
-  .peer-hover\/menu-button\:text-sidebar-accent-foreground {
-    &:is(:where(.peer\/menu-button):hover ~ *) {
-      @media (hover: hover) {
-        color: var(--color-sidebar-accent-foreground);
-      }
-    }
-  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -1879,11 +1739,6 @@
       opacity: 50%;
     }
   }
-  .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground {
-    &:is(:where(.peer\/menu-button)[data-active="true"] ~ *) {
-      color: var(--color-sidebar-accent-foreground);
-    }
-  }
   .peer-data-\[size\=default\]\/menu-button\:top-1\.5 {
     &:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
       top: calc(var(--spacing) * 1.5);
@@ -1899,34 +1754,6 @@
       top: calc(var(--spacing) * 1);
     }
   }
-  .selection\:bg-primary {
-    & *::-moz-selection {
-      background-color: var(--color-primary);
-    }
-    & *::selection {
-      background-color: var(--color-primary);
-    }
-    &::-moz-selection {
-      background-color: var(--color-primary);
-    }
-    &::selection {
-      background-color: var(--color-primary);
-    }
-  }
-  .selection\:text-primary-foreground {
-    & *::-moz-selection {
-      color: var(--color-primary-foreground);
-    }
-    & *::selection {
-      color: var(--color-primary-foreground);
-    }
-    &::-moz-selection {
-      color: var(--color-primary-foreground);
-    }
-    &::selection {
-      color: var(--color-primary-foreground);
-    }
-  }
   .file\:inline-flex {
     &::file-selector-button {
       display: inline-flex;
@@ -1960,19 +1787,6 @@
       font-weight: var(--font-weight-medium);
     }
   }
-  .file\:text-foreground {
-    &::file-selector-button {
-      color: var(--color-foreground);
-    }
-  }
-  .placeholder\:text-muted-foreground {
-    &::-moz-placeholder {
-      color: var(--color-muted-foreground);
-    }
-    &::placeholder {
-      color: var(--color-muted-foreground);
-    }
-  }
   .after\:absolute {
     &::after {
       content: var(--tw-content);
@@ -2055,102 +1869,6 @@
       }
     }
   }
-  .hover\:bg-accent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-accent);
-      }
-    }
-  }
-  .hover\:bg-destructive\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-muted\/50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-muted);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-primary {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary);
-      }
-    }
-  }
-  .hover\:bg-primary\/90 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-primary);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-secondary {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-secondary);
-      }
-    }
-  }
-  .hover\:bg-secondary\/80 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-secondary);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-secondary) 80%, transparent);
-        }
-      }
-    }
-  }
-  .hover\:bg-sidebar-accent {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-sidebar-accent);
-      }
-    }
-  }
-  .hover\:text-accent-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-accent-foreground);
-      }
-    }
-  }
-  .hover\:text-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-foreground);
-      }
-    }
-  }
-  .hover\:text-primary-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-primary-foreground);
-      }
-    }
-  }
-  .hover\:text-sidebar-accent-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-sidebar-accent-foreground);
-      }
-    }
-  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -2188,56 +1906,12 @@
       }
     }
   }
-  .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar {
-    &:hover {
-      @media (hover: hover) {
-        &:is(:where(.group)[data-collapsible="offcanvas"] *) {
-          background-color: var(--color-sidebar);
-        }
-      }
-    }
-  }
-  .hover\:after\:bg-sidebar-border {
-    &:hover {
-      @media (hover: hover) {
-        &::after {
-          content: var(--tw-content);
-          background-color: var(--color-sidebar-border);
-        }
-      }
-    }
-  }
-  .focus\:bg-accent {
-    &:focus {
-      background-color: var(--color-accent);
-    }
-  }
-  .focus\:bg-primary {
-    &:focus {
-      background-color: var(--color-primary);
-    }
-  }
-  .focus\:text-accent-foreground {
-    &:focus {
-      color: var(--color-accent-foreground);
-    }
-  }
-  .focus\:text-primary-foreground {
-    &:focus {
-      color: var(--color-primary-foreground);
-    }
-  }
   .focus\:ring-2 {
     &:focus {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus\:ring-ring {
-    &:focus {
-      --tw-ring-color: var(--color-ring);
-    }
-  }
   .focus\:ring-offset-2 {
     &:focus {
       --tw-ring-offset-width: 2px;
@@ -2254,11 +1928,6 @@
       }
     }
   }
-  .focus-visible\:border-ring {
-    &:focus-visible {
-      border-color: var(--color-ring);
-    }
-  }
   .focus-visible\:ring-2 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2277,22 +1946,6 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .focus-visible\:ring-destructive\/20 {
-    &:focus-visible {
-      --tw-ring-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
-      }
-    }
-  }
-  .focus-visible\:ring-ring\/50 {
-    &:focus-visible {
-      --tw-ring-color: var(--color-ring);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
-      }
-    }
-  }
   .focus-visible\:outline-hidden {
     &:focus-visible {
       --tw-outline-style: none;
@@ -2309,21 +1962,6 @@
       outline-width: 1px;
     }
   }
-  .focus-visible\:outline-ring {
-    &:focus-visible {
-      outline-color: var(--color-ring);
-    }
-  }
-  .active\:bg-sidebar-accent {
-    &:active {
-      background-color: var(--color-sidebar-accent);
-    }
-  }
-  .active\:text-sidebar-accent-foreground {
-    &:active {
-      color: var(--color-sidebar-accent-foreground);
-    }
-  }
   .disabled\:pointer-events-none {
     &:disabled {
       pointer-events: none;
@@ -2354,11 +1992,6 @@
       grid-template-columns: 1fr auto;
     }
   }
-  .has-data-\[variant\=inset\]\:bg-sidebar {
-    &:has(*[data-variant="inset"]) {
-      background-color: var(--color-sidebar);
-    }
-  }
   .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
     &:has(>svg) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -2395,94 +2028,17 @@
       opacity: 50%;
     }
   }
-  .aria-invalid\:border-destructive {
-    &[aria-invalid="true"] {
-      border-color: var(--color-destructive);
-    }
-  }
-  .aria-invalid\:ring-destructive\/20 {
-    &[aria-invalid="true"] {
-      --tw-ring-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
-      }
-    }
-  }
-  .aria-selected\:bg-accent {
-    &[aria-selected="true"] {
-      background-color: var(--color-accent);
-    }
-  }
-  .aria-selected\:bg-primary {
-    &[aria-selected="true"] {
-      background-color: var(--color-primary);
-    }
-  }
-  .aria-selected\:text-accent-foreground {
-    &[aria-selected="true"] {
-      color: var(--color-accent-foreground);
-    }
-  }
-  .aria-selected\:text-muted-foreground {
-    &[aria-selected="true"] {
-      color: var(--color-muted-foreground);
-    }
-  }
-  .aria-selected\:text-primary-foreground {
-    &[aria-selected="true"] {
-      color: var(--color-primary-foreground);
-    }
-  }
   .aria-selected\:opacity-100 {
     &[aria-selected="true"] {
       opacity: 100%;
     }
   }
-  .data-\[active\=true\]\:bg-accent\/50 {
-    &[data-active="true"] {
-      background-color: var(--color-accent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
-      }
-    }
-  }
-  .data-\[active\=true\]\:bg-sidebar-accent {
-    &[data-active="true"] {
-      background-color: var(--color-sidebar-accent);
-    }
-  }
   .data-\[active\=true\]\:font-medium {
     &[data-active="true"] {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
     }
   }
-  .data-\[active\=true\]\:text-accent-foreground {
-    &[data-active="true"] {
-      color: var(--color-accent-foreground);
-    }
-  }
-  .data-\[active\=true\]\:text-sidebar-accent-foreground {
-    &[data-active="true"] {
-      color: var(--color-sidebar-accent-foreground);
-    }
-  }
-  .data-\[active\=true\]\:hover\:bg-accent {
-    &[data-active="true"] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-accent);
-        }
-      }
-    }
-  }
-  .data-\[active\=true\]\:focus\:bg-accent {
-    &[data-active="true"] {
-      &:focus {
-        background-color: var(--color-accent);
-      }
-    }
-  }
   .data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -2493,11 +2049,6 @@
       opacity: 50%;
     }
   }
-  .data-\[error\=true\]\:text-destructive {
-    &[data-error="true"] {
-      color: var(--color-destructive);
-    }
-  }
   .data-\[inset\]\:pl-8 {
     &[data-inset] {
       padding-left: calc(var(--spacing) * 8);
@@ -2610,11 +2161,6 @@
       flex-direction: column;
     }
   }
-  .data-\[placeholder\]\:text-muted-foreground {
-    &[data-placeholder] {
-      color: var(--color-muted-foreground);
-    }
-  }
   .data-\[side\=bottom\]\:translate-y-1 {
     &[data-side="bottom"] {
       --tw-translate-y: calc(var(--spacing) * 1);
@@ -2669,16 +2215,6 @@
       height: calc(var(--spacing) * 8);
     }
   }
-  .\*\:data-\[slot\=alert-description\]\:text-destructive\/90 {
-    :is(& > *) {
-      &[data-slot="alert-description"] {
-        color: var(--color-destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
-        }
-      }
-    }
-  }
   .\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 {
     :is(& *) {
       &[data-slot="navigation-menu-link"] {
@@ -2730,11 +2266,6 @@
       }
     }
   }
-  .data-\[state\=active\]\:bg-background {
-    &[data-state="active"] {
-      background-color: var(--color-background);
-    }
-  }
   .data-\[state\=active\]\:shadow-sm {
     &[data-state="active"] {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
@@ -2747,21 +2278,6 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=checked\]\:border-primary {
-    &[data-state="checked"] {
-      border-color: var(--color-primary);
-    }
-  }
-  .data-\[state\=checked\]\:bg-primary {
-    &[data-state="checked"] {
-      background-color: var(--color-primary);
-    }
-  }
-  .data-\[state\=checked\]\:text-primary-foreground {
-    &[data-state="checked"] {
-      color: var(--color-primary-foreground);
-    }
-  }
   .data-\[state\=closed\]\:duration-300 {
     &[data-state="closed"] {
       --tw-duration: 300ms;
@@ -2857,34 +2373,6 @@
       --tw-exit-opacity: 0;
     }
   }
-  .data-\[state\=open\]\:bg-accent {
-    &[data-state="open"] {
-      background-color: var(--color-accent);
-    }
-  }
-  .data-\[state\=open\]\:bg-accent\/50 {
-    &[data-state="open"] {
-      background-color: var(--color-accent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
-      }
-    }
-  }
-  .data-\[state\=open\]\:bg-secondary {
-    &[data-state="open"] {
-      background-color: var(--color-secondary);
-    }
-  }
-  .data-\[state\=open\]\:text-accent-foreground {
-    &[data-state="open"] {
-      color: var(--color-accent-foreground);
-    }
-  }
-  .data-\[state\=open\]\:text-muted-foreground {
-    &[data-state="open"] {
-      color: var(--color-muted-foreground);
-    }
-  }
   .data-\[state\=open\]\:opacity-100 {
     &[data-state="open"] {
       opacity: 100%;
@@ -2974,56 +2462,12 @@
       }
     }
   }
-  .data-\[state\=open\]\:hover\:bg-accent {
-    &[data-state="open"] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-accent);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:bg-sidebar-accent {
-    &[data-state="open"] {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-sidebar-accent);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground {
-    &[data-state="open"] {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-sidebar-accent-foreground);
-        }
-      }
-    }
-  }
-  .data-\[state\=open\]\:focus\:bg-accent {
-    &[data-state="open"] {
-      &:focus {
-        background-color: var(--color-accent);
-      }
-    }
-  }
-  .data-\[state\=selected\]\:bg-muted {
-    &[data-state="selected"] {
-      background-color: var(--color-muted);
-    }
-  }
   .data-\[state\=unchecked\]\:translate-x-0 {
     &[data-state="unchecked"] {
       --tw-translate-x: calc(var(--spacing) * 0);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=unchecked\]\:bg-input {
-    &[data-state="unchecked"] {
-      background-color: var(--color-input);
-    }
-  }
   .data-\[state\=visible\]\:animate-in {
     &[data-state="visible"] {
       animation-name: enter;
@@ -3040,28 +2484,6 @@
       --tw-enter-opacity: 0;
     }
   }
-  .data-\[variant\=destructive\]\:text-destructive {
-    &[data-variant="destructive"] {
-      color: var(--color-destructive);
-    }
-  }
-  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10 {
-    &[data-variant="destructive"] {
-      &:focus {
-        background-color: var(--color-destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-destructive) 10%, transparent);
-        }
-      }
-    }
-  }
-  .data-\[variant\=destructive\]\:focus\:text-destructive {
-    &[data-variant="destructive"] {
-      &:focus {
-        color: var(--color-destructive);
-      }
-    }
-  }
   .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0 {
     &[data-vaul-drawer-direction="bottom"] {
       inset-inline: calc(var(--spacing) * 0);
@@ -3446,143 +2868,6 @@
       grid-column: span 3 / span 3;
     }
   }
-  .dark\:border-input {
-    &:is(.dark *) {
-      border-color: var(--color-input);
-    }
-  }
-  .dark\:bg-destructive\/60 {
-    &:is(.dark *) {
-      background-color: var(--color-destructive);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-destructive) 60%, transparent);
-      }
-    }
-  }
-  .dark\:bg-input\/30 {
-    &:is(.dark *) {
-      background-color: var(--color-input);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
-      }
-    }
-  }
-  .dark\:text-muted-foreground {
-    &:is(.dark *) {
-      color: var(--color-muted-foreground);
-    }
-  }
-  .dark\:hover\:bg-accent\/50 {
-    &:is(.dark *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-accent);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-input\/50 {
-    &:is(.dark *) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-input);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-input) 50%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .dark\:focus-visible\:ring-destructive\/40 {
-    &:is(.dark *) {
-      &:focus-visible {
-        --tw-ring-color: var(--color-destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:aria-invalid\:ring-destructive\/40 {
-    &:is(.dark *) {
-      &[aria-invalid="true"] {
-        --tw-ring-color: var(--color-destructive);
-        @supports (color: color-mix(in lab, red, red)) {
-          --tw-ring-color: color-mix(in oklab, var(--color-destructive) 40%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=active\]\:border-input {
-    &:is(.dark *) {
-      &[data-state="active"] {
-        border-color: var(--color-input);
-      }
-    }
-  }
-  .dark\:data-\[state\=active\]\:bg-input\/30 {
-    &:is(.dark *) {
-      &[data-state="active"] {
-        background-color: var(--color-input);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-input) 30%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:data-\[state\=active\]\:text-foreground {
-    &:is(.dark *) {
-      &[data-state="active"] {
-        color: var(--color-foreground);
-      }
-    }
-  }
-  .dark\:data-\[state\=checked\]\:bg-primary {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--color-primary);
-      }
-    }
-  }
-  .dark\:data-\[state\=checked\]\:bg-primary-foreground {
-    &:is(.dark *) {
-      &[data-state="checked"] {
-        background-color: var(--color-primary-foreground);
-      }
-    }
-  }
-  .dark\:data-\[state\=unchecked\]\:bg-foreground {
-    &:is(.dark *) {
-      &[data-state="unchecked"] {
-        background-color: var(--color-foreground);
-      }
-    }
-  }
-  .dark\:data-\[state\=unchecked\]\:bg-input\/80 {
-    &:is(.dark *) {
-      &[data-state="unchecked"] {
-        background-color: var(--color-input);
-        @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-input) 80%, transparent);
-        }
-      }
-    }
-  }
-  .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20 {
-    &:is(.dark *) {
-      &[data-variant="destructive"] {
-        &:focus {
-          background-color: var(--color-destructive);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-destructive) 20%, transparent);
-          }
-        }
-      }
-    }
-  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);
@@ -3605,11 +2890,6 @@
       height: calc(var(--spacing) * 4);
     }
   }
-  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground {
-    & svg:not([class*='text-']) {
-      color: var(--color-muted-foreground);
-    }
-  }
   .\[\&_tr\]\:border-b {
     & tr {
       border-bottom-style: var(--tw-border-style);
@@ -3639,11 +2919,6 @@
       border-radius: var(--radius-md);
     }
   }
-  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent {
-    &:has([aria-selected]) {
-      background-color: var(--color-accent);
-    }
-  }
   .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
     &:first-child {
       &:has([aria-selected]) {
@@ -3708,15 +2983,6 @@
       }
     }
   }
-  .data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive {
-    &[data-variant="destructive"] {
-      :is(& > *) {
-        &:is(svg) {
-          color: var(--color-destructive) !important;
-        }
-      }
-    }
-  }
   .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
     &>[role=checkbox] {
       --tw-translate-y: 2px;
@@ -3774,11 +3040,6 @@
       color: currentcolor;
     }
   }
-  .\[\&\>svg\]\:text-sidebar-accent-foreground {
-    &>svg {
-      color: var(--color-sidebar-accent-foreground);
-    }
-  }
   .\[\&\>tr\]\:last\:border-b-0 {
     &>tr {
       &:last-child {
@@ -3812,60 +3073,6 @@
       cursor: w-resize;
     }
   }
-  .\[a\&\]\:hover\:bg-accent {
-    a& {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-accent);
-        }
-      }
-    }
-  }
-  .\[a\&\]\:hover\:bg-destructive\/90 {
-    a& {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-destructive);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-destructive) 90%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .\[a\&\]\:hover\:bg-primary\/90 {
-    a& {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-primary);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-primary) 90%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .\[a\&\]\:hover\:bg-secondary\/90 {
-    a& {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--color-secondary);
-          @supports (color: color-mix(in lab, red, red)) {
-            background-color: color-mix(in oklab, var(--color-secondary) 90%, transparent);
-          }
-        }
-      }
-    }
-  }
-  .\[a\&\]\:hover\:text-accent-foreground {
-    a& {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-accent-foreground);
-        }
-      }
-    }
-  }
 }
 body {
   margin: 0;
@@ -3878,85 +3085,85 @@ code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
 :root {
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.141 0.005 285.823);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.141 0.005 285.823);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.141 0.005 285.823);
-  --primary: oklch(0.21 0.006 285.885);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.967 0.001 286.375);
-  --secondary-foreground: oklch(0.21 0.006 285.885);
-  --muted: oklch(0.967 0.001 286.375);
-  --muted-foreground: oklch(0.552 0.016 285.938);
-  --accent: oklch(0.967 0.001 286.375);
-  --accent-foreground: oklch(0.21 0.006 285.885);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.92 0.004 286.32);
-  --input: oklch(0.92 0.004 286.32);
-  --ring: oklch(0.871 0.006 286.286);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.141 0.005 285.823);
-  --sidebar-primary: oklch(0.21 0.006 285.885);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.967 0.001 286.375);
-  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
-  --sidebar-border: oklch(0.92 0.004 286.32);
-  --sidebar-ring: oklch(0.871 0.006 286.286);
+  --ic-background: oklch(1 0 0);
+  --ic-foreground: oklch(0.141 0.005 285.823);
+  --ic-card: oklch(1 0 0);
+  --ic-card-foreground: oklch(0.141 0.005 285.823);
+  --ic-popover: oklch(1 0 0);
+  --ic-popover-foreground: oklch(0.141 0.005 285.823);
+  --ic-primary: oklch(0.21 0.006 285.885);
+  --ic-primary-foreground: oklch(0.985 0 0);
+  --ic-secondary: oklch(0.967 0.001 286.375);
+  --ic-secondary-foreground: oklch(0.21 0.006 285.885);
+  --ic-muted: oklch(0.967 0.001 286.375);
+  --ic-muted-foreground: oklch(0.552 0.016 285.938);
+  --ic-accent: oklch(0.967 0.001 286.375);
+  --ic-accent-foreground: oklch(0.21 0.006 285.885);
+  --ic-destructive: oklch(0.577 0.245 27.325);
+  --ic-destructive-foreground: oklch(0.577 0.245 27.325);
+  --ic-border: oklch(0.92 0.004 286.32);
+  --ic-input: oklch(0.92 0.004 286.32);
+  --ic-ring: oklch(0.871 0.006 286.286);
+  --ic-chart-1: oklch(0.646 0.222 41.116);
+  --ic-chart-2: oklch(0.6 0.118 184.704);
+  --ic-chart-3: oklch(0.398 0.07 227.392);
+  --ic-chart-4: oklch(0.828 0.189 84.429);
+  --ic-chart-5: oklch(0.769 0.188 70.08);
+  --ic-radius: 0.625rem;
+  --ic-sidebar: oklch(0.985 0 0);
+  --ic-sidebar-foreground: oklch(0.141 0.005 285.823);
+  --ic-sidebar-primary: oklch(0.21 0.006 285.885);
+  --ic-sidebar-primary-foreground: oklch(0.985 0 0);
+  --ic-sidebar-accent: oklch(0.967 0.001 286.375);
+  --ic-sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --ic-sidebar-border: oklch(0.92 0.004 286.32);
+  --ic-sidebar-ring: oklch(0.871 0.006 286.286);
 }
 .dark {
-  --background: oklch(0.141 0.005 285.823);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.141 0.005 285.823);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.141 0.005 285.823);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 0 0);
-  --primary-foreground: oklch(0.21 0.006 285.885);
-  --secondary: oklch(0.274 0.006 286.033);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.274 0.006 286.033);
-  --muted-foreground: oklch(0.705 0.015 286.067);
-  --accent: oklch(0.274 0.006 286.033);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.274 0.006 286.033);
-  --input: oklch(0.274 0.006 286.033);
-  --ring: oklch(0.442 0.017 285.786);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.21 0.006 285.885);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.274 0.006 286.033);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(0.274 0.006 286.033);
-  --sidebar-ring: oklch(0.442 0.017 285.786);
+  --ic-background: oklch(0.141 0.005 285.823);
+  --ic-foreground: oklch(0.985 0 0);
+  --ic-card: oklch(0.141 0.005 285.823);
+  --ic-card-foreground: oklch(0.985 0 0);
+  --ic-popover: oklch(0.141 0.005 285.823);
+  --ic-popover-foreground: oklch(0.985 0 0);
+  --ic-primary: oklch(0.985 0 0);
+  --ic-primary-foreground: oklch(0.21 0.006 285.885);
+  --ic-secondary: oklch(0.274 0.006 286.033);
+  --ic-secondary-foreground: oklch(0.985 0 0);
+  --ic-muted: oklch(0.274 0.006 286.033);
+  --ic-muted-foreground: oklch(0.705 0.015 286.067);
+  --ic-accent: oklch(0.274 0.006 286.033);
+  --ic-accent-foreground: oklch(0.985 0 0);
+  --ic-destructive: oklch(0.396 0.141 25.723);
+  --ic-destructive-foreground: oklch(0.637 0.237 25.331);
+  --ic-border: oklch(0.274 0.006 286.033);
+  --ic-input: oklch(0.274 0.006 286.033);
+  --ic-ring: oklch(0.442 0.017 285.786);
+  --ic-chart-1: oklch(0.488 0.243 264.376);
+  --ic-chart-2: oklch(0.696 0.17 162.48);
+  --ic-chart-3: oklch(0.769 0.188 70.08);
+  --ic-chart-4: oklch(0.627 0.265 303.9);
+  --ic-chart-5: oklch(0.645 0.246 16.439);
+  --ic-sidebar: oklch(0.21 0.006 285.885);
+  --ic-sidebar-foreground: oklch(0.985 0 0);
+  --ic-sidebar-primary: oklch(0.488 0.243 264.376);
+  --ic-sidebar-primary-foreground: oklch(0.985 0 0);
+  --ic-sidebar-accent: oklch(0.274 0.006 286.033);
+  --ic-sidebar-accent-foreground: oklch(0.985 0 0);
+  --ic-sidebar-border: oklch(0.274 0.006 286.033);
+  --ic-sidebar-ring: oklch(0.442 0.017 285.786);
 }
 @layer base {
-  * {
-    border-color: var(--border);
-    outline-color: var(--ring);
+  .ic-scope * {
+    border-color: var(--ic-border);
+    outline-color: var(--ic-ring);
     @supports (color: color-mix(in lab, red, red)) {
-      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      outline-color: color-mix(in oklab, var(--ic-ring) 50%, transparent);
     }
   }
-  body {
-    background-color: var(--background);
-    color: var(--foreground);
+  .ic-scope {
+    background-color: var(--ic-background);
+    color: var(--ic-foreground);
   }
 }
 body {
@@ -4058,6 +3265,26 @@ body {
   inherits: false;
   initial-value: 0;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-space-x-reverse {
   syntax: "*";
   inherits: false;
@@ -4209,6 +3436,11 @@ body {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-space-x-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;

package/package.json

@@ -1,14 +1,23 @@
 {
   "name": "ingeniuscliq-core",
-  "version": "0.2.12",
+  "version": "0.2.13",
   "description": "IngeniusCliq Core UI y lógica compartida",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./tailwind.config.js": "./tailwind.config.js",
+    "./styles": "./dist/core.css"
+  },
   "files": [
     "dist",
-    "core/commands"
+    "core/commands",
+    "tailwind.config.js"
   ],
   "bin": {
     "ingeniuscliq-create-template": "core/commands/create-template.js",

package/tailwind.config.js

@@ -0,0 +1,85 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./core/**/*.{js,ts,jsx,tsx}",
+    "./dist/**/*.{js,ts,jsx,tsx}",
+  ],
+  prefix: 'ic-', // Namespace all Tailwind classes with 'ic-'
+  theme: {
+    extend: {
+      colors: {
+        // Map your namespaced variables to Tailwind colors
+        background: 'var(--ic-background)',
+        foreground: 'var(--ic-foreground)',
+        card: 'var(--ic-card)',
+        'card-foreground': 'var(--ic-card-foreground)',
+        popover: 'var(--ic-popover)',
+        'popover-foreground': 'var(--ic-popover-foreground)',
+        primary: 'var(--ic-primary)',
+        'primary-foreground': 'var(--ic-primary-foreground)',
+        secondary: 'var(--ic-secondary)',
+        'secondary-foreground': 'var(--ic-secondary-foreground)',
+        muted: 'var(--ic-muted)',
+        'muted-foreground': 'var(--ic-muted-foreground)',
+        accent: 'var(--ic-accent)',
+        'accent-foreground': 'var(--ic-accent-foreground)',
+        destructive: 'var(--ic-destructive)',
+        'destructive-foreground': 'var(--ic-destructive-foreground)',
+        border: 'var(--ic-border)',
+        input: 'var(--ic-input)',
+        ring: 'var(--ic-ring)',
+        chart: {
+          1: 'var(--ic-chart-1)',
+          2: 'var(--ic-chart-2)',
+          3: 'var(--ic-chart-3)',
+          4: 'var(--ic-chart-4)',
+          5: 'var(--ic-chart-5)',
+        },
+        sidebar: {
+          DEFAULT: 'var(--ic-sidebar)',
+          foreground: 'var(--ic-sidebar-foreground)',
+          primary: 'var(--ic-sidebar-primary)',
+          'primary-foreground': 'var(--ic-sidebar-primary-foreground)',
+          accent: 'var(--ic-sidebar-accent)',
+          'accent-foreground': 'var(--ic-sidebar-accent-foreground)',
+          border: 'var(--ic-sidebar-border)',
+          ring: 'var(--ic-sidebar-ring)',
+        },
+      },
+      borderRadius: {
+        sm: 'var(--ic-radius-sm)',
+        md: 'var(--ic-radius-md)',
+        lg: 'var(--ic-radius-lg)',
+        xl: 'var(--ic-radius-xl)',
+      },
+      animation: {
+        'ic-fade-in': 'fadeIn 1s ease-in-out',
+        'ic-fade-in-normal': 'fadeIn 1s ease-in-out',
+        'ic-translate-up': 'translateUp 2s ease-in-out',
+        'ic-translate-up-normal': 'translateUp 2s ease-in-out',
+        'ic-shake': 'shakeIn 1.5s ease-in-out',
+      },
+      keyframes: {
+        fadeIn: {
+          from: { opacity: '0', transform: 'scale(0)' },
+          '20%': { opacity: '1' },
+          to: { transform: 'scale(1)' },
+        },
+        translateUp: {
+          from: { opacity: '0', transform: 'translateY(30%)' },
+          to: { opacity: '1', transform: 'translateY(0%)' },
+        },
+        shakeIn: {
+          'from, 50%': { transform: 'rotate(20deg)' },
+          '25%, 75%': { transform: 'rotate(-20deg)' },
+          to: { transform: 'rotate(0deg)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+  corePlugins: {
+    // Disable core plugins that might conflict
+    preflight: false, // Disable Tailwind's base styles
+  },
+}