@sikka/hawa 0.49.14-next → 0.49.15-next

package/dist/index.css

@@ -105,7 +105,7 @@
   --tw-contain-paint:  ;
   --tw-contain-style:  ;
 }/*
-! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
+! 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)
@@ -496,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 {
@@ -697,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;
@@ -2263,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));
@@ -2331,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));
@@ -2349,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));
@@ -2373,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);
@@ -2431,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));
@@ -2465,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);
@@ -2502,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;
@@ -2920,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));
@@ -2945,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));
@@ -2963,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));
@@ -3008,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));
@@ -3038,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;
@@ -3352,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));
@@ -3482,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));
@@ -3527,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));
@@ -3573,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));
@@ -3612,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));
@@ -3666,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;
@@ -3707,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));
@@ -3737,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;
@@ -4178,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);
@@ -4195,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:
@@ -4313,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:
@@ -4345,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));