@sikka/hawa 0.42.11-next → 0.42.13-next

package/dist/index.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.7 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -1039,9 +1039,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-end-0 {
   inset-inline-end: 0px;
 }
-.hawa-end-1 {
-  inset-inline-end: 0.25rem;
-}
 .hawa-end-2 {
   inset-inline-end: 0.5rem;
 }
@@ -1075,9 +1072,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-start-0 {
   inset-inline-start: 0px;
 }
-.hawa-start-1 {
-  inset-inline-start: 0.25rem;
-}
 .hawa-start-2 {
   inset-inline-start: 0.5rem;
 }
@@ -1359,8 +1353,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-aspect-square {
   aspect-ratio: 1 / 1;
 }
-.\!hawa-h-8 {
-  height: 2rem !important;
+.\!hawa-size-7 {
+  width: 1.75rem !important;
+  height: 1.75rem !important;
 }
 .\!hawa-h-full {
   height: 100% !important;
@@ -1563,9 +1558,6 @@ input[type="number"]::-webkit-inner-spin-button,
   min-height: -moz-fit-content;
   min-height: fit-content;
 }
-.\!hawa-w-8 {
-  width: 2rem !important;
-}
 .\!hawa-w-full {
   width: 100% !important;
 }
@@ -3085,6 +3077,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-opacity-70 {
   opacity: 0.7;
 }
+.hawa-opacity-80 {
+  opacity: 0.8;
+}
 .hawa-opacity-90 {
   opacity: 0.9;
 }
@@ -3565,9 +3560,6 @@ body {
 .focus\:hawa-bg-accent:focus {
   background-color: hsl(var(--accent));
 }
-.focus\:hawa-bg-primary:focus {
-  background-color: hsl(var(--primary));
-}
 .focus\:hawa-bg-transparent:focus {
   background-color: transparent;
 }
@@ -3577,9 +3569,6 @@ body {
 .focus\:hawa-text-accent-foreground:focus {
   color: hsl(var(--accent-foreground));
 }
-.focus\:hawa-text-primary-foreground:focus {
-  color: hsl(var(--primary-foreground));
-}
 .focus\:hawa-opacity-100:focus {
   opacity: 1;
 }
@@ -3816,45 +3805,42 @@ body {
 .aria-selected\:hawa-text-muted-foreground[aria-selected="true"] {
   color: hsl(var(--muted-foreground));
 }
-.aria-selected\:hawa-opacity-100[aria-selected="true"] {
-  opacity: 1;
-}
 .aria-selected\:hawa-opacity-30[aria-selected="true"] {
   opacity: 0.3;
 }
 .data-\[disabled\=\'true\'\]\:hawa-pointer-events-none[data-disabled='true'] {
   pointer-events: none;
 }
-.data-\[disabled\=true\]\:hawa-pointer-events-none[data-disabled=true] {
+.data-\[disabled\=true\]\:hawa-pointer-events-none[data-disabled="true"] {
   pointer-events: none;
 }
 .data-\[disabled\]\:hawa-pointer-events-none[data-disabled] {
   pointer-events: none;
 }
-.data-\[focus-visible\=true\]\:hawa-z-10[data-focus-visible=true] {
+.data-\[focus-visible\=true\]\:hawa-z-10[data-focus-visible="true"] {
   z-index: 10;
 }
-.data-\[state\=checked\]\:hawa--translate-x-\[19px\][data-state=checked] {
+.data-\[state\=checked\]\:hawa--translate-x-\[19px\][data-state="checked"] {
   --tw-translate-x: -19px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[state\=checked\]\:hawa-translate-x-\[19px\][data-state=checked] {
+.data-\[state\=checked\]\:hawa-translate-x-\[19px\][data-state="checked"] {
   --tw-translate-x: 19px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[swipe\=cancel\]\:hawa-translate-x-0[data-swipe=cancel] {
+.data-\[swipe\=cancel\]\:hawa-translate-x-0[data-swipe="cancel"] {
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[swipe\=end\]\:hawa-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end] {
+.data-\[swipe\=end\]\:hawa-translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] {
   --tw-translate-x: var(--radix-toast-swipe-end-x);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[swipe\=move\]\:hawa-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move] {
+.data-\[swipe\=move\]\:hawa-translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] {
   --tw-translate-x: var(--radix-toast-swipe-move-x);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.data-\[pressed\=true\]\:hawa-scale-\[0\.97\][data-pressed=true] {
+.data-\[pressed\=true\]\:hawa-scale-\[0\.97\][data-pressed="true"] {
   --tw-scale-x: 0.97;
   --tw-scale-y: 0.97;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -3869,7 +3855,7 @@ body {
     height: 0;
   }
 }
-.data-\[state\=closed\]\:hawa-animate-accordion-up[data-state=closed] {
+.data-\[state\=closed\]\:hawa-animate-accordion-up[data-state="closed"] {
   animation: hawa-accordion-up 0.2s ease-out;
 }
 @keyframes hawa-accordion-down {
@@ -3882,65 +3868,65 @@ body {
     height: var(--radix-accordion-content-height);
   }
 }
-.data-\[state\=open\]\:hawa-animate-accordion-down[data-state=open] {
+.data-\[state\=open\]\:hawa-animate-accordion-down[data-state="open"] {
   animation: hawa-accordion-down 0.2s ease-out;
 }
-.data-\[state\=closed\]\:hawa-rounded-b[data-state=closed] {
+.data-\[state\=closed\]\:hawa-rounded-b[data-state="closed"] {
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
-.data-\[state\=open\]\:hawa-rounded-b[data-state=open] {
+.data-\[state\=open\]\:hawa-rounded-b[data-state="open"] {
   border-bottom-right-radius: var(--radius);
   border-bottom-left-radius: var(--radius);
 }
-.data-\[state\=open\]\:hawa-rounded-b-none[data-state=open] {
+.data-\[state\=open\]\:hawa-rounded-b-none[data-state="open"] {
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
 }
-.data-\[state\=open\]\:hawa-rounded-t-none[data-state=open] {
+.data-\[state\=open\]\:hawa-rounded-t-none[data-state="open"] {
   border-top-left-radius: 0px;
   border-top-right-radius: 0px;
 }
-.data-\[state\=active\]\:hawa-border-b-primary[data-state=active] {
+.data-\[state\=active\]\:hawa-border-b-primary[data-state="active"] {
   border-bottom-color: hsl(var(--primary));
 }
-.data-\[state\=active\]\:hawa-border-e-primary[data-state=active] {
+.data-\[state\=active\]\:hawa-border-e-primary[data-state="active"] {
   border-inline-end-color: hsl(var(--primary));
 }
 .data-\[active\]\:hawa-bg-accent\/50[data-active] {
   background-color: hsl(var(--accent) / 0.5);
 }
-.data-\[state\=active\]\:hawa-bg-primary[data-state=active] {
+.data-\[state\=active\]\:hawa-bg-primary[data-state="active"] {
   background-color: hsl(var(--primary));
 }
-.data-\[state\=checked\]\:hawa-bg-primary[data-state=checked] {
+.data-\[state\=checked\]\:hawa-bg-primary[data-state="checked"] {
   background-color: hsl(var(--primary));
 }
-.data-\[state\=checked\]\:hawa-bg-primary-foreground[data-state=checked] {
+.data-\[state\=checked\]\:hawa-bg-primary-foreground[data-state="checked"] {
   background-color: hsl(var(--primary-foreground));
 }
-.data-\[state\=open\]\:hawa-bg-accent[data-state=open] {
+.data-\[state\=open\]\:hawa-bg-accent[data-state="open"] {
   background-color: hsl(var(--accent));
 }
-.data-\[state\=open\]\:hawa-bg-secondary[data-state=open] {
+.data-\[state\=open\]\:hawa-bg-secondary[data-state="open"] {
   background-color: hsl(var(--secondary));
 }
-.data-\[state\=selected\]\:hawa-bg-muted[data-state=selected] {
+.data-\[state\=selected\]\:hawa-bg-muted[data-state="selected"] {
   background-color: hsl(var(--muted));
 }
-.data-\[state\=unchecked\]\:hawa-bg-primary\/20[data-state=unchecked] {
+.data-\[state\=unchecked\]\:hawa-bg-primary\/20[data-state="unchecked"] {
   background-color: hsl(var(--primary) / 0.2);
 }
-.data-\[state\=active\]\:hawa-text-primary-foreground[data-state=active] {
+.data-\[state\=active\]\:hawa-text-primary-foreground[data-state="active"] {
   color: hsl(var(--primary-foreground));
 }
-.data-\[state\=checked\]\:hawa-text-primary-foreground[data-state=checked] {
+.data-\[state\=checked\]\:hawa-text-primary-foreground[data-state="checked"] {
   color: hsl(var(--primary-foreground));
 }
-.data-\[state\=open\]\:hawa-text-accent-foreground[data-state=open] {
+.data-\[state\=open\]\:hawa-text-accent-foreground[data-state="open"] {
   color: hsl(var(--accent-foreground));
 }
-.data-\[state\=open\]\:hawa-text-muted-foreground[data-state=open] {
+.data-\[state\=open\]\:hawa-text-muted-foreground[data-state="open"] {
   color: hsl(var(--muted-foreground));
 }
 .data-\[disabled\=\'true\'\]\:hawa-opacity-50[data-disabled='true'] {
@@ -3949,30 +3935,30 @@ body {
 .data-\[disabled\]\:hawa-opacity-50[data-disabled] {
   opacity: 0.5;
 }
-.data-\[state\=closed\]\:hawa-opacity-0[data-state=closed] {
+.data-\[state\=closed\]\:hawa-opacity-0[data-state="closed"] {
   opacity: 0;
 }
-.data-\[state\=active\]\:hawa-shadow-sm[data-state=active] {
+.data-\[state\=active\]\:hawa-shadow-sm[data-state="active"] {
   --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.data-\[focus-visible\=true\]\:hawa-outline-2[data-focus-visible=true] {
+.data-\[focus-visible\=true\]\:hawa-outline-2[data-focus-visible="true"] {
   outline-width: 2px;
 }
-.data-\[focus-visible\=true\]\:hawa-outline-offset-2[data-focus-visible=true] {
+.data-\[focus-visible\=true\]\:hawa-outline-offset-2[data-focus-visible="true"] {
   outline-offset: 2px;
 }
-.data-\[swipe\=move\]\:hawa-transition-none[data-swipe=move] {
+.data-\[swipe\=move\]\:hawa-transition-none[data-swipe="move"] {
   transition-property: none;
 }
-.data-\[state\=closed\]\:hawa-duration-300[data-state=closed] {
+.data-\[state\=closed\]\:hawa-duration-300[data-state="closed"] {
   transition-duration: 300ms;
 }
-.data-\[state\=open\]\:hawa-duration-300[data-state=open] {
+.data-\[state\=open\]\:hawa-duration-300[data-state="open"] {
   transition-duration: 300ms;
 }
-.data-\[motion\^\=from-\]\:hawa-animate-in[data-motion^=from-] {
+.data-\[motion\^\=from-\]\:hawa-animate-in[data-motion^="from-"] {
   animation-name: enter;
   animation-duration: 150ms;
   --tw-enter-opacity: initial;
@@ -3981,7 +3967,7 @@ body {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-.data-\[state\=open\]\:hawa-animate-in[data-state=open] {
+.data-\[state\=open\]\:hawa-animate-in[data-state="open"] {
   animation-name: enter;
   animation-duration: 150ms;
   --tw-enter-opacity: initial;
@@ -3990,7 +3976,7 @@ body {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-.data-\[state\=visible\]\:hawa-animate-in[data-state=visible] {
+.data-\[state\=visible\]\:hawa-animate-in[data-state="visible"] {
   animation-name: enter;
   animation-duration: 150ms;
   --tw-enter-opacity: initial;
@@ -3999,7 +3985,7 @@ body {
   --tw-enter-translate-x: initial;
   --tw-enter-translate-y: initial;
 }
-.data-\[motion\^\=to-\]\:hawa-animate-out[data-motion^=to-] {
+.data-\[motion\^\=to-\]\:hawa-animate-out[data-motion^="to-"] {
   animation-name: exit;
   animation-duration: 150ms;
   --tw-exit-opacity: initial;
@@ -4008,7 +3994,7 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-.data-\[state\=closed\]\:hawa-animate-out[data-state=closed] {
+.data-\[state\=closed\]\:hawa-animate-out[data-state="closed"] {
   animation-name: exit;
   animation-duration: 150ms;
   --tw-exit-opacity: initial;
@@ -4017,7 +4003,7 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-.data-\[state\=hidden\]\:hawa-animate-out[data-state=hidden] {
+.data-\[state\=hidden\]\:hawa-animate-out[data-state="hidden"] {
   animation-name: exit;
   animation-duration: 150ms;
   --tw-exit-opacity: initial;
@@ -4026,7 +4012,7 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-.data-\[swipe\=end\]\:hawa-animate-out[data-swipe=end] {
+.data-\[swipe\=end\]\:hawa-animate-out[data-swipe="end"] {
   animation-name: exit;
   animation-duration: 150ms;
   --tw-exit-opacity: initial;
@@ -4035,115 +4021,115 @@ body {
   --tw-exit-translate-x: initial;
   --tw-exit-translate-y: initial;
 }
-.data-\[motion\^\=from-\]\:hawa-fade-in[data-motion^=from-] {
+.data-\[motion\^\=from-\]\:hawa-fade-in[data-motion^="from-"] {
   --tw-enter-opacity: 0;
 }
-.data-\[motion\^\=to-\]\:hawa-fade-out[data-motion^=to-] {
+.data-\[motion\^\=to-\]\:hawa-fade-out[data-motion^="to-"] {
   --tw-exit-opacity: 0;
 }
-.data-\[state\=closed\]\:hawa-fade-out-0[data-state=closed] {
+.data-\[state\=closed\]\:hawa-fade-out-0[data-state="closed"] {
   --tw-exit-opacity: 0;
 }
-.data-\[state\=closed\]\:hawa-fade-out-80[data-state=closed] {
+.data-\[state\=closed\]\:hawa-fade-out-80[data-state="closed"] {
   --tw-exit-opacity: 0.8;
 }
-.data-\[state\=hidden\]\:hawa-fade-out[data-state=hidden] {
+.data-\[state\=hidden\]\:hawa-fade-out[data-state="hidden"] {
   --tw-exit-opacity: 0;
 }
-.data-\[state\=open\]\:hawa-fade-in-0[data-state=open] {
+.data-\[state\=open\]\:hawa-fade-in-0[data-state="open"] {
   --tw-enter-opacity: 0;
 }
-.data-\[state\=open\]\:hawa-fade-in-90[data-state=open] {
+.data-\[state\=open\]\:hawa-fade-in-90[data-state="open"] {
   --tw-enter-opacity: 0.9;
 }
-.data-\[state\=visible\]\:hawa-fade-in[data-state=visible] {
+.data-\[state\=visible\]\:hawa-fade-in[data-state="visible"] {
   --tw-enter-opacity: 0;
 }
-.data-\[state\=closed\]\:hawa-zoom-out-95[data-state=closed] {
+.data-\[state\=closed\]\:hawa-zoom-out-95[data-state="closed"] {
   --tw-exit-scale: .95;
 }
-.data-\[state\=open\]\:hawa-zoom-in-90[data-state=open] {
+.data-\[state\=open\]\:hawa-zoom-in-90[data-state="open"] {
   --tw-enter-scale: .9;
 }
-.data-\[state\=open\]\:hawa-zoom-in-95[data-state=open] {
+.data-\[state\=open\]\:hawa-zoom-in-95[data-state="open"] {
   --tw-enter-scale: .95;
 }
-.data-\[motion\=from-end\]\:hawa-slide-in-from-right-52[data-motion=from-end] {
+.data-\[motion\=from-end\]\:hawa-slide-in-from-right-52[data-motion="from-end"] {
   --tw-enter-translate-x: 13rem;
 }
-.data-\[motion\=from-start\]\:hawa-slide-in-from-left-52[data-motion=from-start] {
+.data-\[motion\=from-start\]\:hawa-slide-in-from-left-52[data-motion="from-start"] {
   --tw-enter-translate-x: -13rem;
 }
-.data-\[motion\=to-end\]\:hawa-slide-out-to-right-52[data-motion=to-end] {
+.data-\[motion\=to-end\]\:hawa-slide-out-to-right-52[data-motion="to-end"] {
   --tw-exit-translate-x: 13rem;
 }
-.data-\[motion\=to-start\]\:hawa-slide-out-to-left-52[data-motion=to-start] {
+.data-\[motion\=to-start\]\:hawa-slide-out-to-left-52[data-motion="to-start"] {
   --tw-exit-translate-x: -13rem;
 }
-.data-\[side\=bottom\]\:hawa-slide-in-from-top-2[data-side=bottom] {
+.data-\[side\=bottom\]\:hawa-slide-in-from-top-2[data-side="bottom"] {
   --tw-enter-translate-y: -0.5rem;
 }
-.data-\[side\=left\]\:hawa-slide-in-from-right-2[data-side=left] {
+.data-\[side\=left\]\:hawa-slide-in-from-right-2[data-side="left"] {
   --tw-enter-translate-x: 0.5rem;
 }
-.data-\[side\=right\]\:hawa-slide-in-from-left-2[data-side=right] {
+.data-\[side\=right\]\:hawa-slide-in-from-left-2[data-side="right"] {
   --tw-enter-translate-x: -0.5rem;
 }
-.data-\[side\=top\]\:hawa-slide-in-from-bottom-2[data-side=top] {
+.data-\[side\=top\]\:hawa-slide-in-from-bottom-2[data-side="top"] {
   --tw-enter-translate-y: 0.5rem;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-bottom[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-bottom[data-state="closed"] {
   --tw-exit-translate-y: 100%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-left[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-left[data-state="closed"] {
   --tw-exit-translate-x: -100%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-left-1\/2[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-left-1\/2[data-state="closed"] {
   --tw-exit-translate-x: -50%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-left-full[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-left-full[data-state="closed"] {
   --tw-exit-translate-x: -100%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-right[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-right[data-state="closed"] {
   --tw-exit-translate-x: 100%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-right-full[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-right-full[data-state="closed"] {
   --tw-exit-translate-x: 100%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-top[data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-top[data-state="closed"] {
   --tw-exit-translate-y: -100%;
 }
-.data-\[state\=closed\]\:hawa-slide-out-to-top-\[48\%\][data-state=closed] {
+.data-\[state\=closed\]\:hawa-slide-out-to-top-\[48\%\][data-state="closed"] {
   --tw-exit-translate-y: -48%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-bottom[data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-bottom[data-state="open"] {
   --tw-enter-translate-y: 100%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-left[data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-left[data-state="open"] {
   --tw-enter-translate-x: -100%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-left-1\/2[data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-left-1\/2[data-state="open"] {
   --tw-enter-translate-x: -50%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-right[data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-right[data-state="open"] {
   --tw-enter-translate-x: 100%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-top[data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-top[data-state="open"] {
   --tw-enter-translate-y: -100%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-top-\[48\%\][data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-top-\[48\%\][data-state="open"] {
   --tw-enter-translate-y: -48%;
 }
-.data-\[state\=open\]\:hawa-slide-in-from-top-full[data-state=open] {
+.data-\[state\=open\]\:hawa-slide-in-from-top-full[data-state="open"] {
   --tw-enter-translate-y: -100%;
 }
-.data-\[state\=closed\]\:hawa-duration-300[data-state=closed] {
+.data-\[state\=closed\]\:hawa-duration-300[data-state="closed"] {
   animation-duration: 300ms;
 }
-.data-\[state\=open\]\:hawa-duration-300[data-state=open] {
+.data-\[state\=open\]\:hawa-duration-300[data-state="open"] {
   animation-duration: 300ms;
 }
-.hawa-group[data-state=open] .group-data-\[state\=open\]\:hawa-rotate-180 {
+.hawa-group[data-state="open"] .group-data-\[state\=open\]\:hawa-rotate-180 {
   --tw-rotate: 180deg;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
@@ -4415,12 +4401,6 @@ body {
     margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
   }
 
-  .sm\:hawa-space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
-  }
-
   .sm\:hawa-space-y-0 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-y-reverse: 0;
     margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
@@ -4450,7 +4430,7 @@ body {
     line-height: 1.75rem;
   }
 
-  .data-\[state\=open\]\:sm\:hawa-slide-in-from-bottom-full[data-state=open] {
+  .data-\[state\=open\]\:sm\:hawa-slide-in-from-bottom-full[data-state="open"] {
     --tw-enter-translate-y: 100%;
   }
 
@@ -4535,10 +4515,10 @@ body {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }
-.\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:hawa-bg-accent\/50:has([aria-selected].day-outside) {
+.\[\&\:has\(\[aria-selected\]\.outside\)\]\:hawa-bg-accent\/50:has([aria-selected].outside) {
   background-color: hsl(var(--accent) / 0.5);
 }
-.\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:hawa-rounded-r-md:has([aria-selected].day-range-end) {
+.\[\&\:has\(\[aria-selected\]\.range-end\)\]\:hawa-rounded-r-md:has([aria-selected].range-end) {
   border-top-right-radius: calc(var(--radius) - 2px);
   border-bottom-right-radius: calc(var(--radius) - 2px);
 }

package/dist/index.js

@@ -1185,7 +1185,8 @@ var Chip = import_react5.default.forwardRef(
             defaultStyles,
             sizeStyles2[size],
             radiusStyles[radius],
-            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+            color ? colorStyles[color] : "hawa-border hawa-bg-none",
+            rest.className
           )
         },
         dot && /* @__PURE__ */ import_react5.default.createElement(
@@ -2533,7 +2534,7 @@ Label2.displayName = "Label";
 
 // elements/button/Button.tsx
 var buttonVariants = (0, import_class_variance_authority3.cva)(
-  "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
+  "hawa-inline-flex hawa-items-center hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
   {
     variants: {
       variant: {
@@ -7922,19 +7923,19 @@ var PhoneInput = ({
 var React50 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var import_react41 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
 var toKebabCase = (string9) => string9.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 var mergeClasses = (...classes) => classes.filter((className, index, array) => {
   return Boolean(className) && array.indexOf(className) === index;
 }).join(" ");
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var import_react40 = require("react");
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
 var defaultAttributes = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
@@ -7947,7 +7948,7 @@ var defaultAttributes = {
   strokeLinejoin: "round"
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
 var Icon = (0, import_react40.forwardRef)(
   ({
     color = "currentColor",
@@ -7979,7 +7980,7 @@ var Icon = (0, import_react40.forwardRef)(
   }
 );
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
 var createLucideIcon = (iconName, iconNode) => {
   const Component = (0, import_react41.forwardRef)(
     ({ className, ...props }, ref) => (0, import_react41.createElement)(Icon, {
@@ -7993,7 +7994,7 @@ var createLucideIcon = (iconName, iconNode) => {
   return Component;
 };
 
-// ../../node_modules/.pnpm/lucide-react@0.408.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
+// ../../node_modules/.pnpm/lucide-react@0.416.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
 var Dot = createLucideIcon("Dot", [
   ["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
 ]);
@@ -13825,7 +13826,7 @@ var Usage = (props) => {
 
 lucide-react/dist/esm/shared/src/utils.js:
   (**
-   * @license lucide-react v0.408.0 - ISC
+   * @license lucide-react v0.416.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13833,7 +13834,7 @@ lucide-react/dist/esm/shared/src/utils.js:
 
 lucide-react/dist/esm/defaultAttributes.js:
   (**
-   * @license lucide-react v0.408.0 - ISC
+   * @license lucide-react v0.416.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13841,7 +13842,7 @@ lucide-react/dist/esm/defaultAttributes.js:
 
 lucide-react/dist/esm/Icon.js:
   (**
-   * @license lucide-react v0.408.0 - ISC
+   * @license lucide-react v0.416.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13849,7 +13850,7 @@ lucide-react/dist/esm/Icon.js:
 
 lucide-react/dist/esm/createLucideIcon.js:
   (**
-   * @license lucide-react v0.408.0 - ISC
+   * @license lucide-react v0.416.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13857,7 +13858,7 @@ lucide-react/dist/esm/createLucideIcon.js:
 
 lucide-react/dist/esm/icons/dot.js:
   (**
-   * @license lucide-react v0.408.0 - ISC
+   * @license lucide-react v0.416.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.
@@ -13865,7 +13866,7 @@ lucide-react/dist/esm/icons/dot.js:
 
 lucide-react/dist/esm/lucide-react.js:
   (**
-   * @license lucide-react v0.408.0 - ISC
+   * @license lucide-react v0.416.0 - ISC
    *
    * This source code is licensed under the ISC license.
    * See the LICENSE file in the root directory of this source tree.