mado-ui 0.5.4 → 0.5.7

package/css/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -11,17 +11,26 @@
     --color-orange-800: oklch(47% 0.157 37.304);
     --color-orange-950: oklch(26.6% 0.079 36.259);
     --color-yellow-600: oklch(68.1% 0.162 75.834);
+    --color-green-300: oklch(87.1% 0.15 154.449);
+    --color-green-700: oklch(52.7% 0.154 150.069);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
     --color-cyan-950: oklch(30.2% 0.056 229.695);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-200: oklch(88.2% 0.059 254.128);
     --color-blue-300: oklch(80.9% 0.105 251.813);
+    --color-blue-400: oklch(70.7% 0.165 254.624);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
+    --color-violet-50: oklch(96.9% 0.016 293.756);
+    --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-700: oklch(49.1% 0.27 292.581);
+    --color-violet-900: oklch(38% 0.189 293.745);
+    --color-rose-400: oklch(71.2% 0.194 13.428);
     --color-zinc-50: oklch(98.5% 0 0);
     --color-neutral-50: oklch(98.5% 0 0);
     --color-neutral-100: oklch(97% 0 0);
     --color-neutral-200: oklch(92.2% 0 0);
+    --color-neutral-300: oklch(87% 0 0);
     --color-neutral-400: oklch(70.8% 0 0);
     --color-neutral-500: oklch(55.6% 0 0);
     --color-neutral-600: oklch(43.9% 0 0);
@@ -74,6 +83,7 @@
     --radius-2xl: 1rem;
     --radius-3xl: 1.5rem;
     --radius-4xl: 2rem;
+    --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-pulse: pulse var(--tw-animation-duration, 2s)
 		var(--tw-animation-timing-function, cubic-bezier(0.4, 0, 0.6, 1)) var(--tw-animation-iteration-count, infinite);
@@ -242,6 +252,9 @@
   ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
     padding-block: 0;
   }
+  ::-webkit-calendar-picker-indicator {
+    line-height: 1;
+  }
   :-moz-ui-invalid {
     box-shadow: none;
   }
@@ -269,7 +282,7 @@
     padding: 0;
     margin: -1px;
     overflow: hidden;
-    clip: rect(0, 0, 0, 0);
+    clip-path: inset(50%);
     white-space: nowrap;
     border-width: 0;
   }
@@ -342,6 +355,9 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -384,6 +400,24 @@
   .row-end-1 {
     grid-row-end: 1;
   }
+  .container {
+    width: 100%;
+    @media (width >= 40rem) {
+      max-width: 40rem;
+    }
+    @media (width >= 48rem) {
+      max-width: 48rem;
+    }
+    @media (width >= 64rem) {
+      max-width: 64rem;
+    }
+    @media (width >= 80rem) {
+      max-width: 80rem;
+    }
+    @media (width >= 96rem) {
+      max-width: 96rem;
+    }
+  }
   .mx-auto {
     margin-inline: auto;
   }
@@ -399,6 +433,9 @@
   .-mb-1\.5 {
     margin-bottom: calc(var(--spacing) * -1.5);
   }
+  .ml-1 {
+    margin-left: calc(var(--spacing) * 1);
+  }
   .ml-1\.5 {
     margin-left: calc(var(--spacing) * 1.5);
   }
@@ -426,6 +463,9 @@
   .field-sizing-content {
     field-sizing: content;
   }
+  .aspect-square {
+    aspect-ratio: 1 / 1;
+  }
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
@@ -455,6 +495,9 @@
   .h-2\.5 {
     height: calc(var(--spacing) * 2.5);
   }
+  .h-3\.5 {
+    height: calc(var(--spacing) * 3.5);
+  }
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -464,9 +507,15 @@
   .h-7 {
     height: calc(var(--spacing) * 7);
   }
+  .h-12 {
+    height: calc(var(--spacing) * 12);
+  }
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-\[calc\(100\%-\(var\(--spacing\)\*2\)\)\] {
+    height: calc(100% - (var(--spacing) * 2));
+  }
   .h-dvh {
     height: 100dvh;
   }
@@ -503,6 +552,9 @@
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
   .w-fit {
     width: fit-content;
   }
@@ -527,9 +579,12 @@
   .min-w-fit {
     min-width: fit-content;
   }
-  .flex-grow {
+  .grow {
     flex-grow: 1;
   }
+  .origin-bottom {
+    transform-origin: bottom;
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -655,6 +710,9 @@
   .items-center {
     align-items: center;
   }
+  .justify-around {
+    justify-content: space-around;
+  }
   .justify-center {
     justify-content: center;
   }
@@ -682,6 +740,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -775,12 +836,18 @@
   .bg-neutral-100 {
     background-color: var(--color-neutral-100);
   }
+  .bg-neutral-300 {
+    background-color: var(--color-neutral-300);
+  }
   .bg-neutral-900\/50 {
     background-color: color-mix(in srgb, oklch(20.5% 0 0) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-neutral-900) 50%, transparent);
     }
   }
+  .bg-neutral-950 {
+    background-color: var(--color-neutral-950);
+  }
   .bg-neutral-950\/20 {
     background-color: color-mix(in srgb, oklch(14.5% 0 0) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -868,6 +935,13 @@
     --tw-gradient-from: currentcolor;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-green-300\/25 {
+    --tw-gradient-from: color-mix(in srgb, oklch(87.1% 0.15 154.449) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-from: color-mix(in oklab, var(--color-green-300) 25%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .from-neutral-700 {
     --tw-gradient-from: var(--color-neutral-700);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -892,6 +966,10 @@
     --tw-gradient-from: var(--color-ui-sky-blue);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .from-violet-900 {
+    --tw-gradient-from: var(--color-violet-900);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .via-\(--theme-color\) {
     --tw-gradient-via: var(--theme-color);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -902,6 +980,14 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-green-300\/25 {
+    --tw-gradient-via: color-mix(in srgb, oklch(87.1% 0.15 154.449) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-via: color-mix(in oklab, var(--color-green-300) 25%, transparent);
+    }
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
   .via-neutral-500 {
     --tw-gradient-via: var(--color-neutral-500);
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
@@ -922,6 +1008,14 @@
     --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-via-stops);
   }
+  .via-violet-500 {
+    --tw-gradient-via: var(--color-violet-500);
+    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
+    --tw-gradient-stops: var(--tw-gradient-via-stops);
+  }
+  .via-50\% {
+    --tw-gradient-via-position: 50%;
+  }
   .to-\(--theme-color\) {
     --tw-gradient-to: var(--theme-color);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -948,6 +1042,13 @@
     --tw-gradient-to: currentcolor;
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-green-700\/25 {
+    --tw-gradient-to: color-mix(in srgb, oklch(52.7% 0.154 150.069) 25%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      --tw-gradient-to: color-mix(in oklab, var(--color-green-700) 25%, transparent);
+    }
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-neutral-600 {
     --tw-gradient-to: var(--color-neutral-600);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
@@ -964,16 +1065,26 @@
     --tw-gradient-to: var(--color-ui-yellow);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-violet-700 {
+    --tw-gradient-to: var(--color-violet-700);
+    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+  }
   .to-white {
     --tw-gradient-to: var(--color-white);
     --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
   }
+  .to-50\% {
+    --tw-gradient-to-position: 50%;
+  }
   .bg-\[size\:0\%_2px\] {
     background-size: 0% 2px;
   }
   .bg-\[size\:0\%_100\%\] {
     background-size: 0% 100%;
   }
+  .bg-\[size\:1rem_100\%\] {
+    background-size: 1rem 100%;
+  }
   .bg-\[size\:50\%_0px\] {
     background-size: 50% 0px;
   }
@@ -1046,15 +1157,42 @@
   .bg-repeat-y {
     background-repeat: repeat-y;
   }
+  .fill-\[rgb\(10_102_194\)\] {
+    fill: rgb(10 102 194);
+  }
+  .fill-\[rgb\(255_0_0\)\] {
+    fill: rgb(255 0 0);
+  }
+  .fill-\[url\(\#facebook-gradient\)\] {
+    fill: url(#facebook-gradient);
+  }
+  .fill-black {
+    fill: var(--color-black);
+  }
+  .fill-blue-500 {
+    fill: var(--color-blue-500);
+  }
   .fill-neutral-50 {
     fill: var(--color-neutral-50);
   }
   .fill-neutral-400 {
     fill: var(--color-neutral-400);
   }
+  .fill-neutral-500 {
+    fill: var(--color-neutral-500);
+  }
   .fill-none {
     fill: none;
   }
+  .fill-rose-400 {
+    fill: var(--color-rose-400);
+  }
+  .fill-violet-50\/60 {
+    fill: color-mix(in srgb, oklch(96.9% 0.016 293.756) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      fill: color-mix(in oklab, var(--color-violet-50) 60%, transparent);
+    }
+  }
   .fill-white {
     fill: var(--color-white);
   }
@@ -1064,15 +1202,24 @@
   .stroke-1 {
     stroke-width: 1;
   }
+  .stroke-2 {
+    stroke-width: 2;
+  }
   .object-cover {
     object-fit: cover;
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
+  .p-6 {
+    padding: calc(var(--spacing) * 6);
+  }
   .px-0\.5 {
     padding-inline: calc(var(--spacing) * 0.5);
   }
@@ -1124,6 +1271,9 @@
   .py-12 {
     padding-block: calc(var(--spacing) * 12);
   }
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
   .pt-3 {
     padding-top: calc(var(--spacing) * 3);
   }
@@ -1163,6 +1313,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-8 {
+    padding-left: calc(var(--spacing) * 8);
+  }
   .text-center {
     text-align: center;
   }
@@ -1209,7 +1362,7 @@
   .text-\[1px\] {
     font-size: 1px;
   }
-  .text-\[size\:larger\] {
+  .text-\[larger\] {
     font-size: larger;
   }
   .leading-6 {
@@ -1279,6 +1432,9 @@
   .text-neutral-50 {
     color: var(--color-neutral-50);
   }
+  .text-neutral-800 {
+    color: var(--color-neutral-800);
+  }
   .text-neutral-950 {
     color: var(--color-neutral-950);
   }
@@ -1349,6 +1505,9 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-neutral-950) 25%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .ring-neutral-500 {
+    --tw-ring-color: var(--color-neutral-500);
+  }
   .outline-1 {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -1403,6 +1562,11 @@
     --tw-drop-shadow: var(--tw-drop-shadow-size);
     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,);
   }
+  .drop-shadow-lg {
+    --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
+    --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
+    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,);
+  }
   .drop-shadow-neutral-950\/75 {
     --tw-drop-shadow-color: color-mix(in srgb, oklch(14.5% 0 0) 75%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1468,7 +1632,7 @@
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -1492,6 +1656,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[fill\,scale\] {
+    transition-property: fill,scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[height\] {
     transition-property: height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1570,6 +1739,10 @@
     --tw-duration: 100ms;
     transition-duration: 100ms;
   }
+  .duration-200 {
+    --tw-duration: 200ms;
+    transition-duration: 200ms;
+  }
   .duration-300 {
     --tw-duration: 300ms;
     transition-duration: 300ms;
@@ -2005,13 +2178,13 @@
   .after\:origin-left {
     &::after {
       content: var(--tw-content);
-      transform-origin: left;
+      transform-origin: 0;
     }
   }
   .after\:origin-right {
     &::after {
       content: var(--tw-content);
-      transform-origin: right;
+      transform-origin: 100%;
     }
   }
   .after\:-translate-x-1\/2 {
@@ -2198,7 +2371,6 @@
   }
   .after\:content-\[\"_\*\"\] {
     &::after {
-      content: var(--tw-content);
       --tw-content: " *";
       content: var(--tw-content);
     }
@@ -2311,6 +2483,54 @@
       }
     }
   }
+  .hover\:scale-125 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-scale-x: 125%;
+        --tw-scale-y: 125%;
+        --tw-scale-z: 125%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .hover\:fill-violet-50\/90 {
+    &:hover {
+      @media (hover: hover) {
+        fill: color-mix(in srgb, oklch(96.9% 0.016 293.756) 90%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          fill: color-mix(in oklab, var(--color-violet-50) 90%, transparent);
+        }
+      }
+    }
+  }
+  .focus\:ring-3 {
+    &:focus {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  .focus\:ring-blue-400 {
+    &:focus {
+      --tw-ring-color: var(--color-blue-400);
+    }
+  }
+  .focus\:ring-offset-2 {
+    &:focus {
+      --tw-ring-offset-width: 2px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
+  .focus\:ring-offset-neutral-500 {
+    &:focus {
+      --tw-ring-offset-color: var(--color-neutral-500);
+    }
+  }
+  .focus\:outline-none {
+    &:focus {
+      --tw-outline-style: none;
+      outline-style: none;
+    }
+  }
   .focus-visible\:bg-neutral-50 {
     &:focus-visible {
       background-color: var(--color-neutral-50);
@@ -3134,6 +3354,11 @@
       bottom: auto;
     }
   }
+  .pointer-fine\:hidden {
+    @media (pointer: fine) {
+      display: none;
+    }
+  }
   .pointer-fine\:inline {
     @media (pointer: fine) {
       display: inline;
@@ -3627,6 +3852,56 @@
       }
     }
   }
+  .\[\&_\[data-name\=\"background\"\]\]\:fill-\[rgb\(10_102_194\)\] {
+    & [data-name="background"] {
+      fill: rgb(10 102 194);
+    }
+  }
+  .\[\&_\[data-name\=\"background\"\]\]\:fill-\[rgb\(255_0_0\)\] {
+    & [data-name="background"] {
+      fill: rgb(255 0 0);
+    }
+  }
+  .\[\&_\[data-name\=\"background\"\]\]\:fill-\[url\(\#facebook-gradient\)\] {
+    & [data-name="background"] {
+      fill: url(#facebook-gradient);
+    }
+  }
+  .\[\&_\[data-name\=\"background\"\]\]\:fill-blue-500 {
+    & [data-name="background"] {
+      fill: var(--color-blue-500);
+    }
+  }
+  .\[\&_\[data-name\=\"bottom\"\]\]\:fill-\[rgb\(0_242_234\)\] {
+    & [data-name="bottom"] {
+      fill: rgb(0 242 234);
+    }
+  }
+  .\[\&_\[data-name\=\"f\"\]\]\:fill-white {
+    & [data-name="f"] {
+      fill: var(--color-white);
+    }
+  }
+  .\[\&_\[data-name\=\"in\"\]\]\:fill-white {
+    & [data-name="in"] {
+      fill: var(--color-white);
+    }
+  }
+  .\[\&_\[data-name\=\"middle\"\]\]\:fill-black {
+    & [data-name="middle"] {
+      fill: var(--color-black);
+    }
+  }
+  .\[\&_\[data-name\=\"play\"\]\]\:fill-white {
+    & [data-name="play"] {
+      fill: var(--color-white);
+    }
+  }
+  .\[\&_\[data-name\=\"top\"\]\]\:fill-\[rgb\(255_0_79\)\] {
+    & [data-name="top"] {
+      fill: rgb(255 0 79);
+    }
+  }
 }
 @layer base {
   * {

package/dist/components/drop-down.d.ts

@@ -1,31 +1,31 @@
-import { AnyElementProps } from '../types';
-import { ElementType, ReactElement, ReactNode } from 'react';
-export type DropDownButtonProps<TTag extends ElementType = 'button'> = Omit<MenuButtonProps<TTag>, 'as' | 'className'> & {
+import { AnyElementProps } from "../types";
+import { ElementType, ReactElement, ReactNode } from "react";
+export type DropDownButtonProps<TTag extends ElementType = "button"> = Omit<MenuButtonProps<TTag>, "as" | "className"> & {
     arrow?: boolean | ReactNode;
     as?: TTag | ElementType;
     className?: string;
 };
-export type DropDownItemProps<TTag extends ElementType = 'div'> = Omit<MenuItemProps<TTag>, 'as'> & AnyElementProps<TTag>;
-export type DropDownItemsProps = Omit<MenuItemsProps, 'className' | 'transition'> & {
+export type DropDownItemProps<TTag extends ElementType = "div"> = Omit<MenuItemProps<TTag>, "as"> & AnyElementProps<TTag>;
+export type DropDownItemsProps = Omit<MenuItemsProps, "className" | "transition"> & {
     className?: string;
     containerClassName?: string;
 };
 export type DropDownProps = MenuProps;
 export type DropDownSectionProps = MenuSectionProps & {
-    label?: string;
-    labelProps?: Omit<MenuHeadingProps, 'children'> & {
+    label?: ReactNode;
+    labelProps?: Omit<MenuHeadingProps, "children"> & {
         /** @deprecated Use `label` instead. */
         children?: never;
     };
     separatorAbove?: boolean;
     separatorBelow?: boolean;
 };
-export type DropDownSeparatorProps<TTag extends ElementType = 'div'> = Omit<MenuSeparatorProps<TTag>, 'as'> & AnyElementProps<TTag>;
-import { MenuButtonProps, MenuHeadingProps, MenuItemProps, MenuItemsProps, MenuProps, MenuSectionProps, MenuSeparatorProps } from '@headlessui/react';
-export declare function DropDownButton<TTag extends ElementType = 'button'>({ arrow, as, children, className, ...props }: DropDownButtonProps<TTag>): ReactElement;
-export declare function DropDownItem<TTag extends ElementType = 'div'>({ as, ...props }: DropDownItemProps<TTag>): ReactElement;
+export type DropDownSeparatorProps<TTag extends ElementType = "div"> = Omit<MenuSeparatorProps<TTag>, "as"> & AnyElementProps<TTag>;
+import { MenuButtonProps, MenuHeadingProps, MenuItemProps, MenuItemsProps, MenuProps, MenuSectionProps, MenuSeparatorProps } from "@headlessui/react";
+export declare function DropDownButton<TTag extends ElementType = "button">({ arrow, as, children, className, ...props }: DropDownButtonProps<TTag>): ReactElement;
+export declare function DropDownItem<TTag extends ElementType = "div">({ as, ...props }: DropDownItemProps<TTag>): ReactElement;
 export declare function DropDownItems({ anchor, children, className, containerClassName, style, ...props }: DropDownItemsProps): ReactElement;
 export declare function DropDownSection({ children, label, labelProps, separatorAbove, separatorBelow, ...props }: DropDownSectionProps): ReactElement;
-export declare function DropDownSeparator<TTag extends ElementType = 'div'>({ as, className, ...props }: DropDownSeparatorProps<TTag>): ReactElement;
+export declare function DropDownSeparator<TTag extends ElementType = "div">({ as, className, ...props }: DropDownSeparatorProps<TTag>): ReactElement;
 export declare function DropDown(props: DropDownProps): ReactElement;
 //# sourceMappingURL=drop-down.d.ts.map

package/dist/components/drop-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../../src/components/drop-down.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE5D,MAAM,MAAM,mBAAmB,CAAC,IAAI,SAAS,WAAW,GAAG,QAAQ,IAAI,IAAI,CAC1E,eAAe,CAAC,IAAI,CAAC,EACrB,IAAI,GAAG,WAAW,CAClB,GAAG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC3B,EAAE,CAAC,EAAE,IAAI,GAAG,WAAW,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAChG,eAAe,CAAC,IAAI,CAAC,CAAA;AAEtB,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC,GAAG;IACnF,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC3B,CAAA;AAED,MAAM,MAAM,aAAa,GAAG,SAAS,CAAA;AAErC,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;QACjD,uCAAuC;QACvC,QAAQ,CAAC,EAAE,KAAK,CAAA;KAChB,CAAA;IACD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,sBAAsB,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAC1G,eAAe,CAAC,IAAI,CAAC,CAAA;AAGtB,OAAO,EAGN,eAAe,EAEf,gBAAgB,EAEhB,aAAa,EAEb,cAAc,EACd,SAAS,EAET,gBAAgB,EAEhB,kBAAkB,EAClB,MAAM,mBAAmB,CAAA;AAS1B,wBAAgB,cAAc,CAAC,IAAI,SAAS,WAAW,GAAG,QAAQ,EAAE,EACnE,KAAY,EACZ,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,YAAY,CAa1C;AAED,wBAAgB,YAAY,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,EAAE,EAC9D,EAAE,EACF,GAAG,KAAK,EACR,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAG,YAAY,CAExC;AAED,wBAAgB,aAAa,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,kBAAkB,GAAG,YAAY,CAyCnC;AAED,wBAAgB,eAAe,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,GAAG,KAAK,EACR,EAAE,oBAAoB,GAAG,YAAY,CA8BrC;AAED,wBAAgB,iBAAiB,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,EAAE,EACnE,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACR,EAAE,sBAAsB,CAAC,IAAI,CAAC,GAAG,YAAY,CAa7C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAE3D"}
+{"version":3,"file":"drop-down.d.ts","sourceRoot":"","sources":["../../src/components/drop-down.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,mBAAmB,CAAC,IAAI,SAAS,WAAW,GAAG,QAAQ,IAChE,IAAI,CACL,eAAe,CAAC,IAAI,CAAC,EACrB,IAAI,GAAG,WAAW,CAClB,GACC;IACD,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,EAAE,CAAC,EAAE,IAAI,GAAG,WAAW,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEH,MAAM,MAAM,iBAAiB,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,IAC3D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GAC/B,eAAe,CAAC,IAAI,CAAC,CAAC;AAEzB,MAAM,MAAM,kBAAkB,GAC3B,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,YAAY,CAAC,GAChD;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC;AAEtC,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACrD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG;QACjD,uCAAuC;QACvC,QAAQ,CAAC,EAAE,KAAK,CAAC;KACjB,CAAC;IACF,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,IAChE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,IAAI,CAAC,GACpC,eAAe,CAAC,IAAI,CAAC,CAAC;AAGzB,OAAO,EAGN,eAAe,EAEf,gBAAgB,EAEhB,aAAa,EAEb,cAAc,EACd,SAAS,EAET,gBAAgB,EAEhB,kBAAkB,EAClB,MAAM,mBAAmB,CAAC;AAS3B,wBAAgB,cAAc,CAAC,IAAI,SAAS,WAAW,GAAG,QAAQ,EAAE,EACnE,KAAY,EACZ,EAAE,EACF,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACR,EAAE,mBAAmB,CAAC,IAAI,CAAC,GAAG,YAAY,CAiB1C;AAED,wBAAgB,YAAY,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,EAAE,EAC9D,EAAE,EACF,GAAG,KAAK,EACR,EAAE,iBAAiB,CAAC,IAAI,CAAC,GAAG,YAAY,CAExC;AAED,wBAAgB,aAAa,CAAC,EAC7B,MAAM,EACN,QAAQ,EACR,SAAS,EACT,kBAAkB,EAClB,KAAK,EACL,GAAG,KAAK,EACR,EAAE,kBAAkB,GAAG,YAAY,CA+CnC;AAED,wBAAgB,eAAe,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,GAAG,KAAK,EACR,EAAE,oBAAoB,GAAG,YAAY,CAkCrC;AAED,wBAAgB,iBAAiB,CAAC,IAAI,SAAS,WAAW,GAAG,KAAK,EAAE,EACnE,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACR,EAAE,sBAAsB,CAAC,IAAI,CAAC,GAAG,YAAY,CAY7C;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,YAAY,CAE3D"}

package/dist/components/form/human-verification.d.ts

@@ -0,0 +1,15 @@
+type HumanVerificationProps = {
+    children?: string;
+    className?: string;
+};
+export declare function validateHuman(token: string): Promise<{
+    error: string;
+    success?: undefined;
+} | {
+    success: boolean;
+    error?: undefined;
+}>;
+export declare function generateHumanValidationToken(): Promise<string>;
+export declare function HumanVerification({ children, className }: HumanVerificationProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=human-verification.d.ts.map

package/dist/components/form/human-verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"human-verification.d.ts","sourceRoot":"","sources":["../../../src/components/form/human-verification.tsx"],"names":[],"mappings":"AACA,KAAK,sBAAsB,GAAG;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAyEF,wBAAsB,aAAa,CAAC,KAAK,EAAE,MAAM;;;;;;GA4ChD;AAED,wBAAsB,4BAA4B,oBAoFjD;AAED,wBAAgB,iBAAiB,CAChC,EAAE,QAAmB,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAsK1D"}

package/dist/components/form/input/date/views/calendar-view.d.ts

@@ -0,0 +1,2 @@
+export declare function CalendarView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=calendar-view.d.ts.map

package/dist/components/form/input/date/views/calendar-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/calendar-view.tsx"],"names":[],"mappings":"AAAA,wBAAgB,YAAY,4CAE3B"}

package/dist/components/form/input/date/views/clock-view.d.ts

@@ -0,0 +1,2 @@
+export declare function ClockView(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=clock-view.d.ts.map

package/dist/components/form/input/date/views/clock-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clock-view.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/input/date/views/clock-view.tsx"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,4CAExB"}