@sikka/hawa 0.25.0-next → 0.25.2-next

package/dist/index.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.7 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.0 | 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)
@@ -26,17 +26,20 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
 
-html {
+html,
+:host {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
   font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
 }
 
 /*
@@ -678,7 +681,7 @@ input[type="number"]::-webkit-inner-spin-button,
     --tw-shadow: 0.125rem 0.125rem hsl(var(--primary));
     box-shadow: var(--tw-shadow);
 }
-:is(.hawa-dark .neo-brutalism) {
+:is(:where(.hawa-dark) .neo-brutalism) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
@@ -1662,6 +1665,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-min-w-0 {
   min-width: 0px;
 }
+.hawa-min-w-9 {
+  min-width: 2.25rem;
+}
 .hawa-min-w-\[12rem\] {
   min-width: 12rem;
 }
@@ -2774,7 +2780,7 @@ input[type="number"]::-webkit-inner-spin-button,
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 .hawa-font-sans {
-  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .hawa-text-2xl {
   font-size: 1.5rem;
@@ -4009,207 +4015,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(55 65 81 / var(--tw-text-opacity));
 }
-:is(.hawa-dark .dark\:hawa--rotate-90) {
-  --tw-rotate: -90deg;
-  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));
-}
-:is(.hawa-dark .dark\:hawa-rotate-0) {
-  --tw-rotate: 0deg;
-  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));
-}
-:is(.hawa-dark .dark\:hawa-scale-100) {
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-  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));
-}
-:is(.hawa-dark .dark\:hawa-border-gray-700) {
-  --tw-border-opacity: 1;
-  border-color: rgb(55 65 81 / var(--tw-border-opacity));
-}
-:is(.hawa-dark .dark\:hawa-border-primary\/10) {
-  border-color: hsl(var(--primary) / 0.1);
-}
-:is(.hawa-dark .dark\:hawa-border-primary\/70) {
-  border-color: hsl(var(--primary) / 0.7);
-}
-:is(.hawa-dark .dark\:hawa-bg-background) {
-  background-color: hsl(var(--background));
-}
-:is(.hawa-dark .dark\:hawa-bg-black) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-blue-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-cyan-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(34 211 238 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-gray-600) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-gray-800) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-gray-900) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-green-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-muted) {
-  background-color: hsl(var(--muted));
-}
-:is(.hawa-dark .dark\:hawa-bg-muted\/40) {
-  background-color: hsl(var(--muted) / 0.4);
-}
-:is(.hawa-dark .dark\:hawa-bg-muted\/50) {
-  background-color: hsl(var(--muted) / 0.5);
-}
-:is(.hawa-dark .dark\:hawa-bg-orange-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-primary) {
-  background-color: hsl(var(--primary));
-}
-:is(.hawa-dark .dark\:hawa-bg-purple-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-red-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-white) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-bg-yellow-400) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-black) {
-  --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-blue-100) {
-  --tw-text-opacity: 1;
-  color: rgb(219 234 254 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-cyan-800) {
-  --tw-text-opacity: 1;
-  color: rgb(21 94 117 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-gray-300) {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-gray-400) {
-  --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-gray-500) {
-  --tw-text-opacity: 1;
-  color: rgb(107 114 128 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-green-500) {
-  --tw-text-opacity: 1;
-  color: rgb(34 197 94 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-green-800) {
-  --tw-text-opacity: 1;
-  color: rgb(22 101 52 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-muted-foreground) {
-  color: hsl(var(--muted-foreground));
-}
-:is(.hawa-dark .dark\:hawa-text-orange-100) {
-  --tw-text-opacity: 1;
-  color: rgb(255 237 213 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-purple-100) {
-  --tw-text-opacity: 1;
-  color: rgb(243 232 255 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-red-100) {
-  --tw-text-opacity: 1;
-  color: rgb(254 226 226 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-red-500) {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-white) {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hawa-text-yellow-800) {
-  --tw-text-opacity: 1;
-  color: rgb(133 77 14 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:dark-shadow) {
-    box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
-      0 4px 6px -2px rgba(255, 255, 255, 0.05);
-  }
-:is(.hawa-dark .dark\:before\:hawa-via-white\/10)::before {
-  content: var(--tw-content);
-  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
-  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
-}
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-600:hover) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-700:hover) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hover\:hawa-bg-gray-800:hover) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .dark\:hover\:hawa-text-gray-200:hover) {
-  --tw-text-opacity: 1;
-  color: rgb(229 231 235 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hover\:hawa-text-gray-300:hover) {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hover\:hawa-text-white:hover) {
-  --tw-text-opacity: 1;
-  color: rgb(255 255 255 / var(--tw-text-opacity));
-}
-:is(.hawa-dark .dark\:hover\:dark-shadow:hover) {
-    box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
-      0 4px 6px -2px rgba(255, 255, 255, 0.05);
-  }
-:is(.hawa-dark .dark\:focus\:hawa-ring-blue-500:focus) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
-}
-:is(.hawa-dark .dark\:focus\:hawa-ring-gray-700:focus) {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
-}
-:is(.hawa-dark .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
-  color: hsl(var(--primary));
-}
-:is(.hawa-dark .hawa-glow-capture [glow] .dark\:glow\:hawa-bg-gray-900) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
-}
-:is(.hawa-dark .hawa-glow-capture [glow] .dark\:glow\:hawa-text-gray-900) {
-  --tw-text-opacity: 1;
-  color: rgb(17 24 39 / var(--tw-text-opacity));
-}
 @media (min-width: 440px) {
 
   .xs\:hawa-max-w-full {
@@ -4384,6 +4189,207 @@ body {
     flex-direction: row;
   }
 }
+:is(:where(.hawa-dark) .dark\:hawa--rotate-90) {
+  --tw-rotate: -90deg;
+  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));
+}
+:is(:where(.hawa-dark) .dark\:hawa-rotate-0) {
+  --tw-rotate: 0deg;
+  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));
+}
+:is(:where(.hawa-dark) .dark\:hawa-scale-100) {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  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));
+}
+:is(:where(.hawa-dark) .dark\:hawa-border-gray-700) {
+  --tw-border-opacity: 1;
+  border-color: rgb(55 65 81 / var(--tw-border-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-border-primary\/10) {
+  border-color: hsl(var(--primary) / 0.1);
+}
+:is(:where(.hawa-dark) .dark\:hawa-border-primary\/70) {
+  border-color: hsl(var(--primary) / 0.7);
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-background) {
+  background-color: hsl(var(--background));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-black) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-blue-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-cyan-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(34 211 238 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-gray-600) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-gray-800) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-gray-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-green-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(74 222 128 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-muted) {
+  background-color: hsl(var(--muted));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-muted\/40) {
+  background-color: hsl(var(--muted) / 0.4);
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-muted\/50) {
+  background-color: hsl(var(--muted) / 0.5);
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-orange-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-primary) {
+  background-color: hsl(var(--primary));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-purple-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(192 132 252 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-red-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-white) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-bg-yellow-400) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-black) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-blue-100) {
+  --tw-text-opacity: 1;
+  color: rgb(219 234 254 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-cyan-800) {
+  --tw-text-opacity: 1;
+  color: rgb(21 94 117 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-gray-300) {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-gray-400) {
+  --tw-text-opacity: 1;
+  color: rgb(156 163 175 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-gray-500) {
+  --tw-text-opacity: 1;
+  color: rgb(107 114 128 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-green-500) {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-green-800) {
+  --tw-text-opacity: 1;
+  color: rgb(22 101 52 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-muted-foreground) {
+  color: hsl(var(--muted-foreground));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-orange-100) {
+  --tw-text-opacity: 1;
+  color: rgb(255 237 213 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-purple-100) {
+  --tw-text-opacity: 1;
+  color: rgb(243 232 255 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-red-100) {
+  --tw-text-opacity: 1;
+  color: rgb(254 226 226 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-red-500) {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-white) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hawa-text-yellow-800) {
+  --tw-text-opacity: 1;
+  color: rgb(133 77 14 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:dark-shadow) {
+    box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
+      0 4px 6px -2px rgba(255, 255, 255, 0.05);
+  }
+:is(:where(.hawa-dark) .dark\:before\:hawa-via-white\/10)::before {
+  content: var(--tw-content);
+  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+:is(:where(.hawa-dark) .dark\:hover\:hawa-bg-gray-600:hover) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hover\:hawa-bg-gray-700:hover) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hover\:hawa-bg-gray-800:hover) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hover\:hawa-text-gray-200:hover) {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hover\:hawa-text-gray-300:hover) {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hover\:hawa-text-white:hover) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+:is(:where(.hawa-dark) .dark\:hover\:dark-shadow:hover) {
+    box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1),
+      0 4px 6px -2px rgba(255, 255, 255, 0.05);
+  }
+:is(:where(.hawa-dark) .dark\:focus\:hawa-ring-blue-500:focus) {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+}
+:is(:where(.hawa-dark) .dark\:focus\:hawa-ring-gray-700:focus) {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
+}
+:is(:where(.hawa-dark) .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
+  color: hsl(var(--primary));
+}
+:is(:where(.hawa-dark) .hawa-glow-capture [glow] .dark\:glow\:hawa-bg-gray-900) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
+:is(:where(.hawa-dark) .hawa-glow-capture [glow] .dark\:glow\:hawa-text-gray-900) {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity));
+}
 .\[\&\:has\(\[role\=checkbox\]\)\]\:hawa-pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, PropsWithChildren, useEffect } from 'react';
+import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, useEffect } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -923,14 +923,14 @@ type CodeBlockTypes = {
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 
-interface CarouselProps {
+type CarouselProps = {
     items: React__default.ReactNode[];
     showArrows?: boolean;
     autoplay?: boolean;
     autoplayInterval?: number;
-}
-type Props = CarouselProps & EmblaOptionsType;
-declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
+    options?: EmblaOptionsType;
+};
+declare const Carousel: React__default.FC<CarouselProps>;
 
 type IconCountTypes = {
     /** The icon of the counter */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, PropsWithChildren, useEffect } from 'react';
+import React__default, { FC, RefObject, ReactNode, ChangeEvent, FormEvent, InputHTMLAttributes, useEffect } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
@@ -923,14 +923,14 @@ type CodeBlockTypes = {
 };
 declare const CodeBlock: FC<CodeBlockTypes>;
 
-interface CarouselProps {
+type CarouselProps = {
     items: React__default.ReactNode[];
     showArrows?: boolean;
     autoplay?: boolean;
     autoplayInterval?: number;
-}
-type Props = CarouselProps & EmblaOptionsType;
-declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
+    options?: EmblaOptionsType;
+};
+declare const Carousel: React__default.FC<CarouselProps>;
 
 type IconCountTypes = {
     /** The icon of the counter */

package/dist/index.js

@@ -6194,6 +6194,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(
@@ -7187,17 +7188,18 @@ var CodeBlock = ({
 // components/elements/carousel/Carousel.tsx
 var import_react31 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
-var Carousel = (props) => {
-  const {
-    children,
-    items,
-    showArrows,
-    autoplay,
-    autoplayInterval = 3e3,
-    ...options
-  } = props;
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const { loop } = options;
   const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
-    loop: autoplay ? true : options.loop || false
+    ...options,
+    loop: autoplay ? true : loop || false
   });
   const [selectedIndex, setSelectedIndex] = (0, import_react31.useState)(0);
   (0, import_react31.useEffect)(() => {
@@ -10027,7 +10029,7 @@ var ResetPasswordForm = (props) => {
   const { handleSubmit, control, formState } = (0, import_react_hook_form4.useForm)({
     resolver: (0, import_zod4.zodResolver)(formSchema)
   });
-  return /* @__PURE__ */ import_react51.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react51.default.createElement(CardHeader, null, /* @__PURE__ */ import_react51.default.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react51.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react51.default.createElement(
+  return /* @__PURE__ */ import_react51.default.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ import_react51.default.createElement(import_react51.default.Fragment, null, !props.headless && /* @__PURE__ */ import_react51.default.createElement(CardHeader, null, /* @__PURE__ */ import_react51.default.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ import_react51.default.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ import_react51.default.createElement(
     "form",
     {
       noValidate: true,

package/dist/index.mjs

@@ -5961,6 +5961,7 @@ var PinInput = ({
         type: "text",
         maxLength: 1,
         value,
+        inputMode: "numeric",
         id: `input-${index}`,
         pattern: "[0-9]*",
         className: cn(
@@ -6961,17 +6962,18 @@ var CodeBlock = ({
 // components/elements/carousel/Carousel.tsx
 import React55, { useEffect as useEffect14, useState as useState17 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
-var Carousel = (props) => {
-  const {
-    children,
-    items,
-    showArrows,
-    autoplay,
-    autoplayInterval = 3e3,
-    ...options
-  } = props;
+var Carousel = ({
+  items,
+  showArrows,
+  options,
+  autoplay,
+  autoplayInterval = 3e3,
+  ...props
+}) => {
+  const { loop } = options;
   const [emblaRef, emblaApi] = useEmblaCarousel({
-    loop: autoplay ? true : options.loop || false
+    ...options,
+    loop: autoplay ? true : loop || false
   });
   const [selectedIndex, setSelectedIndex] = useState17(0);
   useEffect14(() => {
@@ -9801,7 +9803,7 @@ var ResetPasswordForm = (props) => {
   const { handleSubmit, control, formState } = useForm4({
     resolver: zodResolver4(formSchema)
   });
-  return /* @__PURE__ */ React79.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React79.createElement(React79.Fragment, null, !props.headless && /* @__PURE__ */ React79.createElement(CardHeader, null, /* @__PURE__ */ React79.createElement(CardTitle, null, " ", ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React79.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React79.createElement(
+  return /* @__PURE__ */ React79.createElement(Card, { dir: props.direction }, !props.sent ? /* @__PURE__ */ React79.createElement(React79.Fragment, null, !props.headless && /* @__PURE__ */ React79.createElement(CardHeader, null, /* @__PURE__ */ React79.createElement(CardTitle, null, ((_g = props.texts) == null ? void 0 : _g.headTitle) || "Reset Password"), /* @__PURE__ */ React79.createElement(CardDescription, null, ((_h = props.texts) == null ? void 0 : _h.headDescription) || "Enter your email to reset your account password")), /* @__PURE__ */ React79.createElement(
     "form",
     {
       noValidate: true,

package/dist/input/index.d.mts

@@ -1,6 +1,13 @@
+import * as React from 'react';
 import React__default from 'react';
-import { LabelProps } from '../label/index.mjs';
-import '../commonTypes-GhKAraJw.mjs';
+import { P as PositionType } from '../commonTypes-GhKAraJw.mjs';
+
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
 
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;

package/dist/input/index.d.ts

@@ -1,6 +1,13 @@
+import * as React from 'react';
 import React__default from 'react';
-import { LabelProps } from '../label/index.js';
-import '../commonTypes-GhKAraJw.js';
+import { P as PositionType } from '../commonTypes-GhKAraJw.js';
+
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
 
 declare const Input: React__default.ForwardRefExoticComponent<React__default.InputHTMLAttributes<HTMLInputElement> & {
     isLoading?: boolean | undefined;

package/dist/input/index.mjs

@@ -1,7 +1,7 @@
 import {
   Label,
   cn
-} from "../chunk-ABS2VEET.mjs";
+} from "../chunk-WRZFWCOQ.mjs";
 
 // components/elements/input/Input.tsx
 import React2, { forwardRef } from "react";

package/dist/interfaceSettings/index.mjs

@@ -1,7 +1,7 @@
 import {
   Label,
   cn
-} from "../chunk-ABS2VEET.mjs";
+} from "../chunk-WRZFWCOQ.mjs";
 
 // components/elements/interfaceSettings/InterfaceSettings.tsx
 import React2, { useState as useState2 } from "react";

package/dist/label/index.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-GhKAraJw.mjs';
+
+type PositionType = "top" | "bottom" | "right" | "left";
 
 type LabelProps = {
     hint?: React.ReactNode;