@sikka/hawa 0.49.13-next → 0.49.15-next

package/dist/index.css

@@ -1,5 +1,111 @@
-/*
-! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}
+
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(59 130 246 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
+  --tw-contain-size:  ;
+  --tw-contain-layout:  ;
+  --tw-contain-paint:  ;
+  --tw-contain-style:  ;
+}/*
+! tailwindcss v3.4.16 | 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)
@@ -390,7 +496,7 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden] {
+[hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
   :root {
@@ -471,114 +577,6 @@ video {
       "rlig" 1,
       "calt" 1;
 }
-
-*, ::before, ::after {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
-
-::backdrop {
-  --tw-border-spacing-x: 0;
-  --tw-border-spacing-y: 0;
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  --tw-pan-x:  ;
-  --tw-pan-y:  ;
-  --tw-pinch-zoom:  ;
-  --tw-scroll-snap-strictness: proximity;
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-  --tw-ordinal:  ;
-  --tw-slashed-zero:  ;
-  --tw-numeric-figure:  ;
-  --tw-numeric-spacing:  ;
-  --tw-numeric-fraction:  ;
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(59 130 246 / 0.5);
-  --tw-ring-offset-shadow: 0 0 #0000;
-  --tw-ring-shadow: 0 0 #0000;
-  --tw-shadow: 0 0 #0000;
-  --tw-shadow-colored: 0 0 #0000;
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-  --tw-backdrop-blur:  ;
-  --tw-backdrop-brightness:  ;
-  --tw-backdrop-contrast:  ;
-  --tw-backdrop-grayscale:  ;
-  --tw-backdrop-hue-rotate:  ;
-  --tw-backdrop-invert:  ;
-  --tw-backdrop-opacity:  ;
-  --tw-backdrop-saturate:  ;
-  --tw-backdrop-sepia:  ;
-  --tw-contain-size:  ;
-  --tw-contain-layout:  ;
-  --tw-contain-paint:  ;
-  --tw-contain-style:  ;
-}
 .link::after {
     content: url("data:image/svg+xml,%3Csvg stroke='%234c37eb' fill='none' stroke-width='2' viewBox='0 0 24 24' aria-hidden='true' height='1em' width='1em' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'%3E%3C/path%3E%3C/svg%3E");
     display: inline-block;
@@ -699,7 +697,7 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .neo-brutalism:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 .clickable-link {
   cursor: pointer;
@@ -2265,22 +2263,22 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-border-black {
   --tw-border-opacity: 1;
-  border-color: rgb(0 0 0 / var(--tw-border-opacity));
+  border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
 }
 .hawa-border-destructive {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--destructive) / var(--tw-border-opacity));
+  border-color: hsl(var(--destructive) / var(--tw-border-opacity, 1));
 }
 .hawa-border-error {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--error) / var(--tw-border-opacity));
+  border-color: hsl(var(--error) / var(--tw-border-opacity, 1));
 }
 .hawa-border-foreground\/10 {
   border-color: hsl(var(--foreground) / 0.1);
 }
 .hawa-border-gray-800 {
   --tw-border-opacity: 1;
-  border-color: rgb(31 41 55 / var(--tw-border-opacity));
+  border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));
 }
 .hawa-border-input {
   border-color: hsl(var(--input));
@@ -2333,15 +2331,15 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-bg-black {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-blue-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(191 219 254 / var(--tw-bg-opacity));
+  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-blue-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
+  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-border {
   background-color: hsl(var(--border));
@@ -2351,18 +2349,18 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-bg-cyan-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(165 243 252 / var(--tw-bg-opacity));
+  background-color: rgb(165 243 252 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-destructive {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--destructive) / var(--tw-bg-opacity));
+  background-color: hsl(var(--destructive) / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-destructive\/90 {
   background-color: hsl(var(--destructive) / 0.9);
 }
 .hawa-bg-error {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--error) / var(--tw-bg-opacity));
+  background-color: hsl(var(--error) / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-foreground {
   background-color: hsl(var(--foreground));
@@ -2375,43 +2373,43 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-bg-gray-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-gray-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-gray-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
+  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-gray-800 {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-gray-900 {
   --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-green-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(187 247 208 / var(--tw-bg-opacity));
+  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-green-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-green-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(34 197 94 / var(--tw-bg-opacity));
+  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-green-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
+  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-info {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--info) / var(--tw-bg-opacity));
+  background-color: hsl(var(--info) / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-info\/90 {
   background-color: hsl(var(--info) / 0.9);
@@ -2433,7 +2431,7 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-bg-orange-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 215 170 / var(--tw-bg-opacity));
+  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-popover {
   background-color: hsl(var(--popover));
@@ -2467,34 +2465,34 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-bg-purple-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(233 213 255 / var(--tw-bg-opacity));
+  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-red-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
+  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-red-400 {
   --tw-bg-opacity: 1;
-  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-red-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
+  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-red-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
+  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-red-700 {
   --tw-bg-opacity: 1;
-  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-secondary {
   background-color: hsl(var(--secondary));
 }
 .hawa-bg-success {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--success) / var(--tw-bg-opacity));
+  background-color: hsl(var(--success) / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-success\/90 {
   background-color: hsl(var(--success) / 0.9);
@@ -2504,22 +2502,22 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-bg-warning {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
+  background-color: hsl(var(--warning) / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-warning\/90 {
   background-color: hsl(var(--warning) / 0.9);
 }
 .hawa-bg-white {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-yellow-200 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 240 138 / var(--tw-bg-opacity));
+  background-color: rgb(254 240 138 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-yellow-500 {
   --tw-bg-opacity: 1;
-  background-color: rgb(234 179 8 / var(--tw-bg-opacity));
+  background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));
 }
 .hawa-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
@@ -2922,22 +2920,22 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-text-\[\#666666\] {
   --tw-text-opacity: 1;
-  color: rgb(102 102 102 / var(--tw-text-opacity));
+  color: rgb(102 102 102 / var(--tw-text-opacity, 1));
 }
 .hawa-text-accent-foreground {
   color: hsl(var(--accent-foreground));
 }
 .hawa-text-black {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 .hawa-text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
+  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
 }
 .hawa-text-blue-700 {
   --tw-text-opacity: 1;
-  color: rgb(29 78 216 / var(--tw-text-opacity));
+  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
 }
 .hawa-text-card-foreground {
   color: hsl(var(--card-foreground));
@@ -2947,15 +2945,15 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-text-cyan-700 {
   --tw-text-opacity: 1;
-  color: rgb(14 116 144 / var(--tw-text-opacity));
+  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
 }
 .hawa-text-destructive {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive) / var(--tw-text-opacity));
+  color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
 }
 .hawa-text-destructive-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-text-foreground {
   color: hsl(var(--foreground));
@@ -2965,42 +2963,42 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-text-gray-200 {
   --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
+  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
 }
 .hawa-text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 .hawa-text-gray-500 {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 .hawa-text-gray-700 {
   --tw-text-opacity: 1;
-  color: rgb(55 65 81 / var(--tw-text-opacity));
+  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
 }
 .hawa-text-gray-900 {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
 .hawa-text-green-500 {
   --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
 }
 .hawa-text-green-600 {
   --tw-text-opacity: 1;
-  color: rgb(22 163 74 / var(--tw-text-opacity));
+  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
 .hawa-text-green-700 {
   --tw-text-opacity: 1;
-  color: rgb(21 128 61 / var(--tw-text-opacity));
+  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
 }
 .hawa-text-helper-color {
   color: hsl(var(--helper-text));
 }
 .hawa-text-info-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--info-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--info-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-text-muted-foreground {
   color: hsl(var(--muted-foreground));
@@ -3010,15 +3008,15 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-text-neutral-400 {
   --tw-text-opacity: 1;
-  color: rgb(163 163 163 / var(--tw-text-opacity));
+  color: rgb(163 163 163 / var(--tw-text-opacity, 1));
 }
 .hawa-text-neutral-500 {
   --tw-text-opacity: 1;
-  color: rgb(115 115 115 / var(--tw-text-opacity));
+  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
 }
 .hawa-text-orange-700 {
   --tw-text-opacity: 1;
-  color: rgb(194 65 12 / var(--tw-text-opacity));
+  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
 }
 .hawa-text-popover-foreground {
   color: hsl(var(--popover-foreground));
@@ -3040,38 +3038,38 @@ input[type="number"]::-webkit-inner-spin-button,
 }
 .hawa-text-purple-700 {
   --tw-text-opacity: 1;
-  color: rgb(126 34 206 / var(--tw-text-opacity));
+  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
 }
 .hawa-text-red-500 {
   --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
 .hawa-text-red-600 {
   --tw-text-opacity: 1;
-  color: rgb(220 38 38 / var(--tw-text-opacity));
+  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
 }
 .hawa-text-red-700 {
   --tw-text-opacity: 1;
-  color: rgb(185 28 28 / var(--tw-text-opacity));
+  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
 }
 .hawa-text-secondary-foreground {
   color: hsl(var(--secondary-foreground));
 }
 .hawa-text-success-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--success-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--success-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-text-warning-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--warning-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--warning-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-text-white {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 .hawa-text-yellow-700 {
   --tw-text-opacity: 1;
-  color: rgb(161 98 7 / var(--tw-text-opacity));
+  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
 }
 .hawa-line-through {
   text-decoration-line: line-through;
@@ -3354,11 +3352,11 @@ body {
 }
 .placeholder\:hawa-text-gray-400::-moz-placeholder {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 .placeholder\:hawa-text-gray-400::placeholder {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 .placeholder\:hawa-text-muted-foreground::-moz-placeholder {
   color: hsl(var(--muted-foreground));
@@ -3484,15 +3482,15 @@ body {
 }
 .hover\:hawa-bg-gray-100:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
 }
 .hover\:hawa-bg-gray-200:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 .hover\:hawa-bg-gray-300:hover {
   --tw-bg-opacity: 1;
-  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
+  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
 }
 .hover\:hawa-bg-muted:hover {
   background-color: hsl(var(--muted));
@@ -3529,18 +3527,18 @@ body {
 }
 .hover\:hawa-text-black:hover {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 .hover\:hawa-text-foreground:hover {
   color: hsl(var(--foreground));
 }
 .hover\:hawa-text-gray-600:hover {
   --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity));
+  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
 }
 .hover\:hawa-text-gray-900:hover {
   --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
+  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
 }
 .hover\:hawa-text-primary:hover {
   color: hsl(var(--primary));
@@ -3575,7 +3573,7 @@ body {
 }
 .focus\:hawa-border-blue-500:focus {
   --tw-border-opacity: 1;
-  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
 }
 .focus\:hawa-bg-accent:focus {
   background-color: hsl(var(--accent));
@@ -3614,15 +3612,15 @@ body {
 }
 .focus\:hawa-ring-blue-500:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
 }
 .focus\:hawa-ring-gray-200:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1));
 }
 .focus\:hawa-ring-gray-300:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1));
 }
 .focus\:hawa-ring-ring:focus {
   --tw-ring-color: hsl(var(--ring));
@@ -3668,7 +3666,7 @@ body {
 }
 .disabled\:hawa-bg-gray-200:disabled {
   --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
 }
 .disabled\:hawa-opacity-50:disabled {
   opacity: 0.5;
@@ -3709,7 +3707,7 @@ body {
 }
 .hawa-group.destructive .group-\[\.destructive\]\:hawa-text-red-300 {
   --tw-text-opacity: 1;
-  color: rgb(252 165 165 / var(--tw-text-opacity));
+  color: rgb(252 165 165 / var(--tw-text-opacity, 1));
 }
 .hawa-group.toast .group-\[\.toast\]\:hawa-text-muted-foreground {
   color: hsl(var(--muted-foreground));
@@ -3739,59 +3737,59 @@ body {
 }
 .hawa-group.error .group-\[\.error\]\:hover\:hawa-bg-error:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--error) / var(--tw-bg-opacity));
+  background-color: hsl(var(--error) / var(--tw-bg-opacity, 1));
 }
 .hawa-group.info .group-\[\.info\]\:hover\:hawa-bg-info:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--info) / var(--tw-bg-opacity));
+  background-color: hsl(var(--info) / var(--tw-bg-opacity, 1));
 }
 .hawa-group.success .group-\[\.success\]\:hover\:hawa-bg-success:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--success) / var(--tw-bg-opacity));
+  background-color: hsl(var(--success) / var(--tw-bg-opacity, 1));
 }
 .hawa-group.warning .group-\[\.warning\]\:hover\:hawa-bg-warning:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--warning) / var(--tw-bg-opacity));
+  background-color: hsl(var(--warning) / var(--tw-bg-opacity, 1));
 }
 .hawa-group.destructive .group-\[\.destructive\]\:hover\:hawa-text-red-50:hover {
   --tw-text-opacity: 1;
-  color: rgb(254 242 242 / var(--tw-text-opacity));
+  color: rgb(254 242 242 / var(--tw-text-opacity, 1));
 }
 .hawa-group.error .group-\[\.error\]\:hover\:hawa-text-error-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--error-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--error-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-group.info .group-\[\.info\]\:hover\:hawa-text-info-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--info-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--info-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-group.success .group-\[\.success\]\:hover\:hawa-text-success-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--success-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--success-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-group.warning .group-\[\.warning\]\:hover\:hawa-text-warning-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--warning-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--warning-foreground) / var(--tw-text-opacity, 1));
 }
 .hawa-group.destructive .group-\[\.destructive\]\:focus\:hawa-ring-red-400:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));
 }
 .hawa-group.error .group-\[\.error\]\:focus\:hawa-ring-error:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--error) / var(--tw-ring-opacity));
+  --tw-ring-color: hsl(var(--error) / var(--tw-ring-opacity, 1));
 }
 .hawa-group.info .group-\[\.info\]\:focus\:hawa-ring-info:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--info) / var(--tw-ring-opacity));
+  --tw-ring-color: hsl(var(--info) / var(--tw-ring-opacity, 1));
 }
 .hawa-group.success .group-\[\.success\]\:focus\:hawa-ring-success:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--success) / var(--tw-ring-opacity));
+  --tw-ring-color: hsl(var(--success) / var(--tw-ring-opacity, 1));
 }
 .hawa-group.warning .group-\[\.warning\]\:focus\:hawa-ring-warning:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--warning) / var(--tw-ring-opacity));
+  --tw-ring-color: hsl(var(--warning) / var(--tw-ring-opacity, 1));
 }
 .hawa-group.destructive .group-\[\.destructive\]\:focus\:hawa-ring-offset-red-600:focus {
   --tw-ring-offset-color: #dc2626;
@@ -4180,11 +4178,11 @@ body {
 }
 .dark\:hawa-border-gray-200:is(.hawa-dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(229 231 235 / var(--tw-border-opacity));
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
 .dark\:hawa-border-gray-700:is(.hawa-dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(55 65 81 / var(--tw-border-opacity));
+  border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
 }
 .dark\:hawa-border-primary\/10:is(.hawa-dark *) {
   border-color: hsl(var(--primary) / 0.1);
@@ -4197,111 +4195,111 @@ body {
 }
 .dark\:hawa-bg-black:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-blue-700:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
+  background-color: rgb(29 78 216 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-cyan-700:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
+  background-color: rgb(14 116 144 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-foreground\/5:is(.hawa-dark *) {
   background-color: hsl(var(--foreground) / 0.05);
 }
 .dark\:hawa-bg-gray-600:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-gray-800:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-green-700:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
+  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-muted\/40:is(.hawa-dark *) {
   background-color: hsl(var(--muted) / 0.4);
 }
 .dark\:hawa-bg-orange-700:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(194 65 12 / var(--tw-bg-opacity));
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-primary:is(.hawa-dark *) {
   background-color: hsl(var(--primary));
 }
 .dark\:hawa-bg-purple-700:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(126 34 206 / var(--tw-bg-opacity));
+  background-color: rgb(126 34 206 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-red-700:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(185 28 28 / var(--tw-bg-opacity));
+  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-white:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-bg-yellow-600:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(202 138 4 / var(--tw-bg-opacity));
+  background-color: rgb(202 138 4 / var(--tw-bg-opacity, 1));
 }
 .dark\:hawa-text-black:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-blue-100:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(219 234 254 / var(--tw-text-opacity));
+  color: rgb(219 234 254 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-cyan-100:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(207 250 254 / var(--tw-text-opacity));
+  color: rgb(207 250 254 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-gray-300:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-gray-400:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-gray-500:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
+  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-green-200:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity));
+  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-green-500:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-muted-foreground:is(.hawa-dark *) {
   color: hsl(var(--muted-foreground));
 }
 .dark\:hawa-text-orange-100:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(255 237 213 / var(--tw-text-opacity));
+  color: rgb(255 237 213 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-purple-100:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(243 232 255 / var(--tw-text-opacity));
+  color: rgb(243 232 255 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-red-100:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(254 226 226 / var(--tw-text-opacity));
+  color: rgb(254 226 226 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-red-500:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
 }
 .dark\:hawa-text-white:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 .dark\:dark-shadow:is(.hawa-dark *) {
     box-shadow:
@@ -4315,30 +4313,30 @@ body {
 }
 .dark\:hover\:hawa-border-gray-400:hover:is(.hawa-dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(156 163 175 / var(--tw-border-opacity));
+  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
 }
 .dark\:hover\:hawa-bg-foreground\/20:hover:is(.hawa-dark *) {
   background-color: hsl(var(--foreground) / 0.2);
 }
 .dark\:hover\:hawa-bg-gray-600:hover:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
 }
 .dark\:hover\:hawa-bg-gray-700:hover:is(.hawa-dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
 }
 .dark\:hover\:hawa-text-gray-200:hover:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
+  color: rgb(229 231 235 / var(--tw-text-opacity, 1));
 }
 .dark\:hover\:hawa-text-gray-300:hover:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
 .dark\:hover\:hawa-text-white:hover:is(.hawa-dark *) {
   --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 .dark\:hover\:dark-shadow:hover:is(.hawa-dark *) {
     box-shadow:
@@ -4347,11 +4345,11 @@ body {
   }
 .dark\:focus\:hawa-ring-blue-500:focus:is(.hawa-dark *) {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
 }
 .dark\:focus\:hawa-ring-gray-700:focus:is(.hawa-dark *) {
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity, 1));
 }
 .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary:is(.hawa-dark *) {
   color: hsl(var(--primary));