@sikka/hawa 0.26.22 → 0.26.23

package/dist/index.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.0 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.1 | 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)
@@ -394,6 +394,7 @@ video {
 }
   :root {
     --primary: 240 5.9% 10%;
+    /* --primary: 159 100% 33%; */
     --primary-foreground: 0 0% 98%;
     --constant-background: 0 0% 100%;
     --background: 0 0% 100%;
@@ -432,6 +433,7 @@ video {
     --background: 240 10% 3.9%;
     --foreground: 0 0% 98%;
     --primary: 0 0% 98%;
+    /* --primary: 159 100% 50%; */
     --primary-foreground: 240 5.9% 10%;
     --card: 0 0% 2%;
     --card-foreground: 0 0% 98%;
@@ -584,17 +586,6 @@ video {
     text-decoration: underline;
     color: var(--button-primary-700);
   }
-.mono {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace !important;
-  }
 .inline-code {
     font-size: 0.75rem !important;
     width: -moz-fit-content;
@@ -698,7 +689,7 @@ input[type="number"]::-webkit-inner-spin-button,
     --tw-shadow: 0.125rem 0.125rem hsl(var(--primary));
     box-shadow: var(--tw-shadow);
 }
-:is(:where(.hawa-dark) .neo-brutalism) {
+:is(.hawa-dark .neo-brutalism) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
@@ -1003,9 +994,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .-hawa-left-\[1px\] {
   left: -1px;
 }
+.hawa--left-1 {
+  left: -0.25rem;
+}
 .hawa-bottom-0 {
   bottom: 0px;
 }
+.hawa-bottom-14 {
+  bottom: 3.5rem;
+}
 .hawa-bottom-2 {
   bottom: 0.5rem;
 }
@@ -1030,6 +1027,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-left-2 {
   left: 0.5rem;
 }
+.hawa-left-2\.5 {
+  left: 0.625rem;
+}
 .hawa-left-4 {
   left: 1rem;
 }
@@ -1042,6 +1042,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-right-2 {
   right: 0.5rem;
 }
+.hawa-right-2\.5 {
+  right: 0.625rem;
+}
 .hawa-right-4 {
   right: 1rem;
 }
@@ -1060,9 +1063,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-1\/2 {
   top: 50%;
 }
+.hawa-top-14 {
+  top: 3.5rem;
+}
 .hawa-top-2 {
   top: 0.5rem;
 }
+.hawa-top-2\.5 {
+  top: 0.625rem;
+}
 .hawa-top-4 {
   top: 1rem;
 }
@@ -1081,21 +1090,39 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-\[60\%\] {
   top: 60%;
 }
+.hawa-top-\[60px\] {
+  top: 60px;
+}
 .hawa-top-\[62px\] {
   top: 62px;
 }
+.hawa-top-\[72px\] {
+  top: 72px;
+}
 .hawa-top-full {
   top: 100%;
 }
 .hawa-isolate {
   isolation: isolate;
 }
+.-hawa-z-10 {
+  z-index: -10;
+}
+.hawa-z-0 {
+  z-index: 0;
+}
 .hawa-z-10 {
   z-index: 10;
 }
 .hawa-z-20 {
   z-index: 20;
 }
+.hawa-z-30 {
+  z-index: 30;
+}
+.hawa-z-40 {
+  z-index: 40;
+}
 .hawa-z-50 {
   z-index: 50;
 }
@@ -1163,6 +1190,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mb-0 {
   margin-bottom: 0px;
 }
+.hawa-mb-0\.5 {
+  margin-bottom: 0.125rem;
+}
 .hawa-mb-1 {
   margin-bottom: 0.25rem;
 }
@@ -1184,15 +1214,24 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ml-1 {
   margin-left: 0.25rem;
 }
+.hawa-ml-14 {
+  margin-left: 3.5rem;
+}
 .hawa-ml-2 {
   margin-left: 0.5rem;
 }
+.hawa-ml-40 {
+  margin-left: 10rem;
+}
 .hawa-ml-8 {
   margin-left: 2rem;
 }
 .hawa-ml-auto {
   margin-left: auto;
 }
+.hawa-mr-14 {
+  margin-right: 3.5rem;
+}
 .hawa-mr-2 {
   margin-right: 0.5rem;
 }
@@ -1202,6 +1241,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mr-4 {
   margin-right: 1rem;
 }
+.hawa-mr-40 {
+  margin-right: 10rem;
+}
 .hawa-mr-8 {
   margin-right: 2rem;
 }
@@ -1376,6 +1418,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[88px\] {
   height: 88px;
 }
+.hawa-h-\[calc\(100dvh\)\] {
+  height: calc(100dvh);
+}
 .hawa-h-\[var\(--radix-navigation-menu-viewport-height\)\] {
   height: var(--radix-navigation-menu-viewport-height);
 }
@@ -1549,6 +1594,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-min-w-9 {
   min-width: 2.25rem;
 }
+.hawa-min-w-\[12rem\] {
+  min-width: 12rem;
+}
 .hawa-min-w-\[65px\] {
   min-width: 65px;
 }
@@ -1618,6 +1666,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-caption-bottom {
   caption-side: bottom;
 }
+.hawa-border-collapse {
+  border-collapse: collapse;
+}
 .hawa-origin-center {
   transform-origin: center;
 }
@@ -1661,6 +1712,14 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-translate-y: -50%;
   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));
 }
+.hawa-translate-y-\[1\.1px\] {
+  --tw-translate-y: 1.1px;
+  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));
+}
+.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));
+}
 .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));
@@ -1772,6 +1831,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-flex-row {
   flex-direction: row;
 }
+.hawa-flex-row-reverse {
+  flex-direction: row-reverse;
+}
 .hawa-flex-col {
   flex-direction: column;
 }
@@ -1841,6 +1903,11 @@ input[type="number"]::-webkit-inner-spin-button,
   -moz-column-gap: 0.75rem;
        column-gap: 0.75rem;
 }
+.hawa-space-x-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
+  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
+}
 .hawa-space-y-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
@@ -1884,6 +1951,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-overflow-x-hidden {
   overflow-x: hidden;
 }
+.hawa-overflow-x-clip {
+  overflow-x: clip;
+}
 .hawa-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1997,9 +2067,15 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-border-l-0 {
   border-left-width: 0px;
 }
+.hawa-border-l-4 {
+  border-left-width: 4px;
+}
 .hawa-border-r {
   border-right-width: 1px;
 }
+.hawa-border-r-4 {
+  border-right-width: 4px;
+}
 .hawa-border-t {
   border-top-width: 1px;
 }
@@ -2041,6 +2117,9 @@ input[type="number"]::-webkit-inner-spin-button,
   border-left-color: transparent;
   border-right-color: transparent;
 }
+.hawa-border-b-transparent {
+  border-bottom-color: transparent;
+}
 .hawa-border-l-transparent {
   border-left-color: transparent;
 }
@@ -2107,10 +2186,18 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-bg-opacity: 1;
   background-color: rgb(209 213 219 / var(--tw-bg-opacity));
 }
+.hawa-bg-gray-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
+}
 .hawa-bg-gray-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(107 114 128 / var(--tw-bg-opacity));
 }
+.hawa-bg-gray-700 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
+}
 .hawa-bg-gray-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
@@ -2172,6 +2259,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-primary\/10 {
   background-color: hsl(var(--primary) / 0.1);
 }
+.hawa-bg-primary\/15 {
+  background-color: hsl(var(--primary) / 0.15);
+}
 .hawa-bg-primary\/20 {
   background-color: hsl(var(--primary) / 0.2);
 }
@@ -2184,6 +2274,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-primary\/80 {
   background-color: hsl(var(--primary) / 0.8);
 }
+.hawa-bg-primary\/90 {
+  background-color: hsl(var(--primary) / 0.9);
+}
 .hawa-bg-purple-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 232 255 / var(--tw-bg-opacity));
@@ -2473,6 +2566,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-pt-1 {
   padding-top: 0.25rem;
 }
+.hawa-pt-10 {
+  padding-top: 2.5rem;
+}
 .hawa-pt-14 {
   padding-top: 3.5rem;
 }
@@ -2524,6 +2620,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-\[0\.75rem\] {
   font-size: 0.75rem;
 }
+.hawa-text-\[0\.7rem\] {
+  font-size: 0.7rem;
+}
 .hawa-text-\[10px\] {
   font-size: 10px;
 }
@@ -2533,9 +2632,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-\[12px\] {
   font-size: 12px;
 }
-.hawa-text-\[1rem\] {
-  font-size: 1rem;
-}
 .hawa-text-\[9px\] {
   font-size: 9px;
 }
@@ -2627,6 +2723,10 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-foreground\/50 {
   color: hsl(var(--foreground) / 0.5);
 }
+.hawa-text-gray-200 {
+  --tw-text-opacity: 1;
+  color: rgb(229 231 235 / var(--tw-text-opacity));
+}
 .hawa-text-gray-400 {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -2647,6 +2747,10 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(34 197 94 / var(--tw-text-opacity));
 }
+.hawa-text-green-600 {
+  --tw-text-opacity: 1;
+  color: rgb(22 163 74 / var(--tw-text-opacity));
+}
 .hawa-text-helper-color {
   color: hsl(var(--helper-text));
 }
@@ -2774,6 +2878,14 @@ input[type="number"]::-webkit-inner-spin-button,
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.hawa-ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+.hawa-ring-primary\/30 {
+  --tw-ring-color: hsl(var(--primary) / 0.3);
+}
 .hawa-ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
@@ -2841,6 +2953,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-duration-500 {
   transition-duration: 500ms;
 }
+.hawa-duration-75 {
+  transition-duration: 75ms;
+}
 .hawa-ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
@@ -2897,6 +3012,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-duration-500 {
   animation-duration: 500ms;
 }
+.hawa-duration-75 {
+  animation-duration: 75ms;
+}
 .hawa-delay-100 {
   animation-delay: 100ms;
 }
@@ -2922,6 +3040,18 @@ input[type="number"]::-webkit-inner-spin-button,
 body {
   font-family: "IBM Plex Sans Arabic", sans-serif;
 }
+.selection\:hawa-p-0 *::-moz-selection {
+  padding: 0px;
+}
+.selection\:hawa-p-0 *::selection {
+  padding: 0px;
+}
+.selection\:hawa-p-0::-moz-selection {
+  padding: 0px;
+}
+.selection\:hawa-p-0::selection {
+  padding: 0px;
+}
 .placeholder\:hawa-text-gray-400::-moz-placeholder {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
@@ -3022,6 +3152,9 @@ body {
 .hover\:hawa-bg-accent:hover {
   background-color: hsl(var(--accent));
 }
+.hover\:hawa-bg-card-foreground\/5:hover {
+  background-color: hsl(var(--card-foreground) / 0.05);
+}
 .hover\:hawa-bg-destructive\/90:hover {
   background-color: hsl(var(--destructive) / 0.9);
 }
@@ -3055,6 +3188,9 @@ body {
 .hover\:hawa-bg-primary\/40:hover {
   background-color: hsl(var(--primary) / 0.4);
 }
+.hover\:hawa-bg-primary\/80:hover {
+  background-color: hsl(var(--primary) / 0.8);
+}
 .hover\:hawa-bg-primary\/90:hover {
   background-color: hsl(var(--primary) / 0.9);
 }
@@ -3067,6 +3203,10 @@ body {
 .hover\:hawa-text-accent-foreground:hover {
   color: hsl(var(--accent-foreground));
 }
+.hover\:hawa-text-black:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
 .hover\:hawa-text-foreground:hover {
   color: hsl(var(--foreground));
 }
@@ -3437,12 +3577,18 @@ body {
 .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] {
+  color: hsl(var(--accent-foreground));
+}
 .data-\[state\=open\]\:hawa-text-muted-foreground[data-state=open] {
   color: hsl(var(--muted-foreground));
 }
 .data-\[disabled\]\:hawa-opacity-50[data-disabled] {
   opacity: 0.5;
 }
+.data-\[state\=closed\]\:hawa-opacity-0[data-state=closed] {
+  opacity: 0;
+}
 .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);
@@ -3544,6 +3690,9 @@ body {
 .data-\[state\=open\]\:hawa-fade-in-0[data-state=open] {
   --tw-enter-opacity: 0;
 }
+.data-\[state\=open\]\:hawa-fade-in-90[data-state=open] {
+  --tw-enter-opacity: 0.9;
+}
 .data-\[state\=visible\]\:hawa-fade-in[data-state=visible] {
   --tw-enter-opacity: 0;
 }
@@ -3635,6 +3784,195 @@ body {
   --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));
 }
+: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\/40) {
+  background-color: hsl(var(--muted) / 0.4);
+}
+: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-red-600) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(220 38 38 / 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-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));
+}
 @media (min-width: 440px) {
 
   .xs\:hawa-max-w-full {
@@ -3730,10 +4068,6 @@ body {
     line-height: 1.75rem;
   }
 
-  .sm\:hawa-opacity-100 {
-    opacity: 1;
-  }
-
   .data-\[state\=open\]\:sm\:hawa-slide-in-from-bottom-full[data-state=open] {
     --tw-enter-translate-y: 100%;
   }
@@ -3744,6 +4078,14 @@ body {
     position: absolute;
   }
 
+  .md\:hawa-flex {
+    display: flex;
+  }
+
+  .md\:hawa-hidden {
+    display: none;
+  }
+
   .md\:hawa-w-\[var\(--radix-navigation-menu-viewport-width\)\] {
     width: var(--radix-navigation-menu-viewport-width);
   }
@@ -3783,185 +4125,6 @@ body {
     padding-right: 16rem;
   }
 }
-: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-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-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-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-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));
-}
 .\[\&\:has\(\[role\=checkbox\]\)\]\:hawa-pr-0:has([role=checkbox]) {
   padding-right: 0px;
 }
@@ -3985,6 +4148,10 @@ body {
 .\[\&\:not\(\:last-child\)\]\:hawa-border-r:not(:last-child) {
   border-right-width: 1px;
 }
+.\[\&\[data-state\=open\]\>svg\]\:hawa--rotate-90[data-state=open]>svg {
+  --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));
+}
 .\[\&\[data-state\=open\]\>svg\]\:hawa-rotate-180[data-state=open]>svg {
   --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));