@sikka/hawa 0.12.14-next → 0.13.8-next

package/dist/index.css

@@ -751,9 +751,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bottom-4 {
   bottom: 1rem;
 }
-.hawa-bottom-5 {
-  bottom: 1.25rem;
-}
 .hawa-left-0 {
   left: 0px;
 }
@@ -769,9 +766,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-left-4 {
   left: 1rem;
 }
-.hawa-left-5 {
-  left: 1.25rem;
-}
 .hawa-left-\[50\%\] {
   left: 50%;
 }
@@ -790,9 +784,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-right-4 {
   right: 1rem;
 }
-.hawa-right-5 {
-  right: 1.25rem;
-}
 .hawa-top-0 {
   top: 0px;
 }
@@ -811,9 +802,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-top-4 {
   top: 1rem;
 }
-.hawa-top-5 {
-  top: 1.25rem;
-}
 .hawa-top-\[1px\] {
   top: 1px;
 }
@@ -1135,6 +1123,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-h-\[30px\] {
   height: 30px;
 }
+.hawa-h-\[38px\] {
+  height: 38px;
+}
 .hawa-h-\[40px\] {
   height: 40px;
 }
@@ -1391,6 +1382,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-origin-bottom {
   transform-origin: bottom;
 }
+.hawa-origin-center {
+  transform-origin: center;
+}
 .hawa--translate-x-0 {
   --tw-translate-x: -0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1747,9 +1741,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-rounded-bl-none {
   border-bottom-left-radius: 0px;
 }
-.hawa-rounded-br-lg {
-  border-bottom-right-radius: var(--radius);
-}
 .hawa-rounded-tl-lg {
   border-top-left-radius: var(--radius);
 }
@@ -2031,20 +2022,50 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.hawa-bg-gradient-to-bl {
+  background-image: linear-gradient(to bottom left, var(--tw-gradient-stops));
+}
 .hawa-bg-gradient-to-r {
   background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }
+.hawa-bg-gradient-to-tl {
+  background-image: linear-gradient(to top left, var(--tw-gradient-stops));
+}
 .hawa-bg-none {
   background-image: none;
 }
+.hawa-from-green-300 {
+  --tw-gradient-from: #86efac var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
 .hawa-from-green-400 {
   --tw-gradient-from: #4ade80 var(--tw-gradient-from-position);
   --tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position);
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }
+.hawa-from-pink-500 {
+  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.hawa-via-blue-500 {
+  --tw-gradient-to: rgb(59 130 246 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+.hawa-via-red-500 {
+  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
+}
+.hawa-to-purple-600 {
+  --tw-gradient-to: #9333ea var(--tw-gradient-to-position);
+}
 .hawa-to-red-500 {
   --tw-gradient-to: #ef4444 var(--tw-gradient-to-position);
 }
+.hawa-to-yellow-500 {
+  --tw-gradient-to: #eab308 var(--tw-gradient-to-position);
+}
 .hawa-bg-cover {
   background-size: cover;
 }
@@ -2060,6 +2081,12 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-fill-primary\/20 {
   fill: hsl(var(--primary) / 0.2);
 }
+.hawa-stroke-primary {
+  stroke: hsl(var(--primary));
+}
+.hawa-stroke-primary\/20 {
+  stroke: hsl(var(--primary) / 0.2);
+}
 .hawa-object-cover {
   -o-object-fit: cover;
      object-fit: cover;
@@ -2375,9 +2402,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-text-current {
   color: currentColor;
 }
-.hawa-text-cyan-500 {
+.hawa-text-cyan-800 {
   --tw-text-opacity: 1;
-  color: rgb(6 182 212 / var(--tw-text-opacity));
+  color: rgb(21 94 117 / var(--tw-text-opacity));
 }
 .hawa-text-destructive-foreground {
   --tw-text-opacity: 1;
@@ -2491,9 +2518,9 @@ input[type="number"]::-webkit-inner-spin-button,
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-.hawa-text-yellow-500 {
+.hawa-text-yellow-600 {
   --tw-text-opacity: 1;
-  color: rgb(234 179 8 / var(--tw-text-opacity));
+  color: rgb(202 138 4 / var(--tw-text-opacity));
 }
 .hawa-text-yellow-700 {
   --tw-text-opacity: 1;
@@ -2555,10 +2582,6 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ring-offset-background {
   --tw-ring-offset-color: hsl(var(--background));
 }
-.hawa-drop-shadow-2xl {
-  --tw-drop-shadow: drop-shadow(0 25px 25px rgb(0 0 0 / 0.15));
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
 .hawa-drop-shadow-xl {
   --tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -2619,6 +2642,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-duration-200 {
   transition-duration: 200ms;
 }
+.hawa-duration-300 {
+  transition-duration: 300ms;
+}
 .hawa-duration-500 {
   transition-duration: 500ms;
 }
@@ -2628,6 +2654,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ease-in-out {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.hawa-ease-linear {
+  transition-timing-function: linear;
+}
 .hawa-will-change-transform {
   will-change: transform;
 }
@@ -2672,6 +2701,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-duration-200 {
   animation-duration: 200ms;
 }
+.hawa-duration-300 {
+  animation-duration: 300ms;
+}
 .hawa-duration-500 {
   animation-duration: 500ms;
 }
@@ -2696,6 +2728,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-ease-in-out {
   animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 }
+.hawa-ease-linear {
+  animation-timing-function: linear;
+}
 .hawa-repeat-infinite {
   animation-iteration-count: infinite;
 }
@@ -2706,11 +2741,11 @@ input[type="number"]::-webkit-inner-spin-button,
 body {
   font-family: "IBM Plex Sans Arabic", sans-serif;
 }
-:is([data-mode="dark"] .dark\:dark-shadow) {
+: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([data-mode="dark"] .dark\:hover\:dark-shadow:hover) {
+: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);
   }
@@ -3397,163 +3432,211 @@ 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([data-mode="dark"] .dark\:hawa--rotate-90) {
+: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([data-mode="dark"] .dark\:hawa-rotate-0) {
+: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([data-mode="dark"] .dark\:hawa-scale-100) {
+: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([data-mode="dark"] .dark\:hawa-border-gray-700) {
+:is(.hawa-dark .dark\:hawa-border-gray-700) {
   --tw-border-opacity: 1;
   border-color: rgb(55 65 81 / var(--tw-border-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-border-primary\/10) {
+:is(.hawa-dark .dark\:hawa-border-primary\/10) {
   border-color: hsl(var(--primary) / 0.1);
 }
-:is([data-mode="dark"] .dark\:hawa-border-primary\/70) {
+:is(.hawa-dark .dark\:hawa-border-primary\/70) {
   border-color: hsl(var(--primary) / 0.7);
 }
-:is([data-mode="dark"] .dark\:hawa-bg-background) {
+:is(.hawa-dark .dark\:hawa-bg-background) {
   background-color: hsl(var(--background));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-black) {
+:is(.hawa-dark .dark\:hawa-bg-black) {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-blue-200) {
+:is(.hawa-dark .dark\:hawa-bg-blue-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(191 219 254 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-gray-200) {
+: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-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-gray-600) {
+:is(.hawa-dark .dark\:hawa-bg-gray-600) {
   --tw-bg-opacity: 1;
   background-color: rgb(75 85 99 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-gray-700) {
+:is(.hawa-dark .dark\:hawa-bg-gray-700) {
   --tw-bg-opacity: 1;
   background-color: rgb(55 65 81 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-gray-800) {
+:is(.hawa-dark .dark\:hawa-bg-gray-800) {
   --tw-bg-opacity: 1;
   background-color: rgb(31 41 55 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-gray-900) {
+:is(.hawa-dark .dark\:hawa-bg-gray-900) {
   --tw-bg-opacity: 1;
   background-color: rgb(17 24 39 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-green-200) {
+:is(.hawa-dark .dark\:hawa-bg-green-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(187 247 208 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-muted) {
+: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([data-mode="dark"] .dark\:hawa-bg-muted\/40) {
+:is(.hawa-dark .dark\:hawa-bg-muted\/40) {
   background-color: hsl(var(--muted) / 0.4);
 }
-:is([data-mode="dark"] .dark\:hawa-bg-muted\/50) {
+:is(.hawa-dark .dark\:hawa-bg-muted\/50) {
   background-color: hsl(var(--muted) / 0.5);
 }
-:is([data-mode="dark"] .dark\:hawa-bg-primary) {
+: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([data-mode="dark"] .dark\:hawa-bg-primary\/5) {
+:is(.hawa-dark .dark\:hawa-bg-primary\/5) {
   background-color: hsl(var(--primary) / 0.05);
 }
-:is([data-mode="dark"] .dark\:hawa-bg-red-200) {
+: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-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 202 202 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-bg-yellow-200) {
+: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-yellow-200) {
   --tw-bg-opacity: 1;
   background-color: rgb(254 240 138 / var(--tw-bg-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-blue-800) {
+: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-blue-100) {
+  --tw-text-opacity: 1;
+  color: rgb(219 234 254 / var(--tw-text-opacity));
+}
+:is(.hawa-dark .dark\:hawa-text-blue-800) {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-gray-300) {
+: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([data-mode="dark"] .dark\:hawa-text-gray-400) {
+:is(.hawa-dark .dark\:hawa-text-gray-400) {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-gray-500) {
+:is(.hawa-dark .dark\:hawa-text-gray-500) {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-gray-800) {
+:is(.hawa-dark .dark\:hawa-text-gray-800) {
   --tw-text-opacity: 1;
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-green-800) {
+:is(.hawa-dark .dark\:hawa-text-green-800) {
   --tw-text-opacity: 1;
   color: rgb(22 101 52 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-muted-foreground) {
+:is(.hawa-dark .dark\:hawa-text-muted-foreground) {
   color: hsl(var(--muted-foreground));
 }
-:is([data-mode="dark"] .dark\:hawa-text-red-800) {
+: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-800) {
   --tw-text-opacity: 1;
   color: rgb(153 27 27 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-white) {
+:is(.hawa-dark .dark\:hawa-text-white) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hawa-text-yellow-800) {
+:is(.hawa-dark .dark\:hawa-text-yellow-800) {
   --tw-text-opacity: 1;
   color: rgb(133 77 14 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:before\:hawa-via-white\/10)::before {
+: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([data-mode="dark"] .dark\:hover\:hawa-bg-gray-600:hover) {
+: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([data-mode="dark"] .dark\:hover\:hawa-bg-gray-700:hover) {
+: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([data-mode="dark"] .dark\:hover\:hawa-bg-gray-800:hover) {
+: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([data-mode="dark"] .dark\:hover\:hawa-bg-primary\/10:hover) {
+:is(.hawa-dark .dark\:hover\:hawa-bg-primary\/10:hover) {
   background-color: hsl(var(--primary) / 0.1);
 }
-:is([data-mode="dark"] .dark\:hover\:hawa-text-gray-300:hover) {
+:is(.hawa-dark .dark\:hover\:hawa-text-gray-300:hover) {
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:hover\:hawa-text-white:hover) {
+:is(.hawa-dark .dark\:hover\:hawa-text-white:hover) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
-:is([data-mode="dark"] .dark\:focus\:hawa-ring-blue-500:focus) {
+: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([data-mode="dark"] .dark\:focus\:hawa-ring-gray-700:focus) {
+: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([data-mode="dark"] .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
+:is(.hawa-dark .hawa-peer:checked ~ .dark\:peer-checked\:hawa-text-primary) {
   color: hsl(var(--primary));
 }
 @media (min-width: 440px) {