@unizap/uniui 1.0.70 → 1.0.72

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/Checkbox/Checkbox.types.d.ts +1 -0
  2. package/dist/components/RadioGroup/RadioGroup.types.d.ts +2 -2
  3. package/dist/uniui.css +1 -1
  4. package/dist/uniui.js +19 -13
  5. package/dist/uniui.umd.cjs +11 -11
  6. package/package.json +3 -3
package/dist/components/Checkbox/Checkbox.types.d.ts CHANGED
@@ -6,4 +6,5 @@ export interface ICheckboxProps {
6
6
  className?: string;
7
7
  labelClass?: string;
8
8
  id?: string;
9
+ defaultChecked?: boolean;
9
10
  }
package/dist/components/RadioGroup/RadioGroup.types.d.ts CHANGED
@@ -28,11 +28,11 @@ export interface IRadioGroupProps {
28
28
  variant?: 'radio' | 'card';
29
29
  cardClassName?: string;
30
30
  label?: string;
31
- selectedBodyBgColor?: string;
31
+ selectedBodyClassName?: string;
32
32
  showTick?: boolean;
33
33
  toggleButtonIcon?: React.ReactNode;
34
34
  tickIcon?: React.ReactNode;
35
35
  tickClassName?: string;
36
- tickIconSize?: string;
36
+ tickIconClassName?: string;
37
37
  showToggleButton?: boolean;
38
38
  }
package/dist/uniui.css CHANGED
@@ -1 +1 @@
1
- .ripple{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation 1s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple_small{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation-small .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation-small{to{transform:scale(4);opacity:0}}button{cursor:pointer;background-color:transparent}@keyframes progress-indeterminate-gpu{0%{transform:translate(-100%)}to{transform:translate(300%)}}.animate-progress-indeterminate-gpu{animation:progress-indeterminate-gpu 1.2s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}@keyframes circular-rotate{to{transform:rotate(270deg)}}.animate-circular-indeterminate{animation:circular-rotate 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.animate-progress-indeterminate-gpu,.animate-circular{animation:none!important}}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border:0 solid;outline:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}textarea{resize:vertical}:root{--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-brightness: brightness(100%);--uni-contrast: contrast(100%);--uni-grayscale: grayscale(0%);--uni-hue-rotate: hue-rotate(0deg);--uni-invert: invert(0%);--uni-saturate: saturate(100%);--uni-sepia: sepia(0%);--uni-backdrop-blur: blur(0);--uni-backdrop-brightness: brightness(100%);--uni-backdrop-contrast: contrast(100%);--uni-backdrop-grayscale: grayscale(0%);--uni-backdrop-hue-rotate: hue-rotate(0deg);--uni-backdrop-invert: invert(0%);--uni-backdrop-saturate: saturate(100%);--uni-backdrop-opacity: opacity(1);--uni-backdrop-sepia: sepia(0%);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--uni-rotate-x: rotateX(0deg);--uni-rotate-y: rotateY(0deg);--uni-rotate-z: rotateZ(0deg);--uni-skew-x: skewX(0deg);--uni-skew-y: skewY(0deg);--uni-scale-x: 100%;--uni-scale-y: 100%;--uni-translate-x: 0px;--uni-translate-y: 0px;--uni-translate-z: 0px;--uni-border-style: solid;--uni-outline-style: solid}:root{--0: 0rem;--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-inherit: inherit;--color-transparent: transparent;--color-current: currentColor;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-50: oklch(98% .016 73.684);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-300: oklch(83.7% .128 66.29);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-orange-600: oklch(64.6% .222 41.116);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-800: oklch(47% .157 37.304);--color-orange-900: oklch(40.8% .123 38.172);--color-orange-950: oklch(26.6% .079 36.259);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-900: oklch(41.4% .112 45.904);--color-amber-950: oklch(27.9% .077 45.635);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-400: oklch(85.2% .199 91.936);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-600: oklch(68.1% .162 75.834);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-800: oklch(47.6% .114 61.907);--color-yellow-900: oklch(42.1% .095 57.708);--color-yellow-950: oklch(28.6% .066 53.813);--color-lime-50: oklch(98.6% .031 120.757);--color-lime-100: oklch(96.7% .067 122.328);--color-lime-200: oklch(93.8% .127 124.321);--color-lime-300: oklch(89.7% .196 126.665);--color-lime-400: oklch(84.1% .238 128.85);--color-lime-500: oklch(76.8% .233 130.85);--color-lime-600: oklch(64.8% .2 131.684);--color-lime-700: oklch(53.2% .157 131.589);--color-lime-800: oklch(45.3% .124 130.933);--color-lime-900: oklch(40.5% .101 131.063);--color-lime-950: oklch(27.4% .072 132.109);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-300: oklch(87.1% .15 154.449);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-green-950: oklch(26.6% .065 152.934);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-emerald-900: oklch(37.8% .077 168.94);--color-emerald-950: oklch(26.2% .051 172.552);--color-teal-50: oklch(98.4% .014 180.72);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-200: oklch(91% .096 180.426);--color-teal-300: oklch(85.5% .138 181.071);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-teal-800: oklch(43.7% .078 188.216);--color-teal-900: oklch(38.6% .063 188.416);--color-teal-950: oklch(27.7% .046 192.524);--color-cyan-50: oklch(98.4% .019 200.873);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-200: oklch(91.7% .08 205.041);--color-cyan-300: oklch(86.5% .127 207.078);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-cyan-600: oklch(60.9% .126 221.723);--color-cyan-700: oklch(52% .105 223.128);--color-cyan-800: oklch(45% .085 224.283);--color-cyan-900: oklch(39.8% .07 227.392);--color-cyan-950: oklch(30.2% .056 229.695);--color-sky-50: oklch(97.7% .013 236.62);--color-sky-100: oklch(95.1% .026 236.824);--color-sky-200: oklch(90.1% .058 230.902);--color-sky-300: oklch(82.8% .111 230.318);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-500: oklch(68.5% .169 237.323);--color-sky-600: oklch(58.8% .158 241.966);--color-sky-700: oklch(50% .134 242.749);--color-sky-800: oklch(44.3% .11 240.79);--color-sky-900: oklch(39.1% .09 240.876);--color-sky-950: oklch(29.3% .066 243.157);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-900: oklch(37.9% .146 265.522);--color-blue-950: oklch(28.2% .091 267.935);--color-indigo-50: oklch(96.2% .018 272.314);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-200: oklch(87% .065 274.039);--color-indigo-300: oklch(78.5% .115 274.713);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-800: oklch(39.8% .195 277.366);--color-indigo-900: oklch(35.9% .144 278.697);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-300: oklch(81.1% .111 293.571);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-900: oklch(38% .189 293.745);--color-violet-950: oklch(28.3% .141 291.089);--color-purple-50: oklch(97.7% .014 308.299);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-200: oklch(90.2% .063 306.703);--color-purple-300: oklch(82.7% .119 306.383);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-purple-700: oklch(49.6% .265 301.924);--color-purple-800: oklch(43.8% .218 303.724);--color-purple-900: oklch(38.1% .176 304.987);--color-purple-950: oklch(29.1% .149 302.717);--color-fuchsia-50: oklch(97.7% .017 320.058);--color-fuchsia-100: oklch(95.2% .037 318.852);--color-fuchsia-200: oklch(90.3% .076 319.62);--color-fuchsia-300: oklch(83.3% .145 321.434);--color-fuchsia-400: oklch(74% .238 322.16);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-fuchsia-700: oklch(51.8% .253 323.949);--color-fuchsia-800: oklch(45.2% .211 324.591);--color-fuchsia-900: oklch(40.1% .17 325.612);--color-fuchsia-950: oklch(29.3% .136 325.661);--color-pink-50: oklch(97.1% .014 343.198);--color-pink-100: oklch(94.8% .028 342.258);--color-pink-200: oklch(89.9% .061 343.231);--color-pink-300: oklch(82.3% .12 346.018);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-pink-600: oklch(59.2% .249 .584);--color-pink-700: oklch(52.5% .223 3.958);--color-pink-800: oklch(45.9% .187 3.815);--color-pink-900: oklch(40.8% .153 2.432);--color-pink-950: oklch(28.4% .109 3.907);--color-rose-50: oklch(96.9% .015 12.422);--color-rose-100: oklch(94.1% .03 12.58);--color-rose-200: oklch(89.2% .058 10.001);--color-rose-300: oklch(81% .117 11.638);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--color-rose-600: oklch(58.6% .253 17.585);--color-rose-700: oklch(51.4% .222 16.935);--color-rose-800: oklch(45.5% .188 13.697);--color-rose-900: oklch(41% .159 10.272);--color-rose-950: oklch(27.1% .105 12.094);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-slate-950: oklch(12.9% .042 264.695);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-zinc-50: oklch(98.5% .001 106.423);--color-zinc-100: oklch(96.7% .001 106.424);--color-zinc-200: oklch(92% .004 286.32);--color-zinc-300: oklch(87.1% .006 286.286);--color-zinc-400: oklch(70.5% .015 286.067);--color-zinc-500: oklch(55.2% .016 285.938);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-700: oklch(37% .013 285.805);--color-zinc-800: oklch(27.4% .006 286.033);--color-zinc-900: oklch(21% .006 285.885);--color-zinc-950: oklch(14.1% .005 285.823);--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);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 0 0);--color-neutral-900: oklch(20.5% 0 0);--color-neutral-950: oklch(14.5% 0 0);--color-stone-50: oklch(98.5% .001 106.423);--color-stone-100: oklch(97% .001 106.424);--color-stone-200: oklch(92.3% .003 48.717);--color-stone-300: oklch(86.9% .005 56.366);--color-stone-400: oklch(70.9% .01 56.259);--color-stone-500: oklch(55.3% .013 58.071);--color-stone-600: oklch(44.4% .011 73.639);--color-stone-700: oklch(37.4% .01 67.558);--color-stone-800: oklch(26.8% .007 34.298);--color-stone-900: oklch(21.6% .006 56.043);--color-stone-950: oklch(14.7% .004 49.25);--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 32px;--blur-3xl: 40px;--blur-4xl: 48px;--blur-5xl: 64px}.hidden{display:none}.top-4{top:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.left-1\/2{left:50%}.-translate-x-1\/2{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-0{--uni-translate-y: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{--uni-translate-y: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-full{--uni-translate-y: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.opacity-100{opacity:1}.opacity-0{opacity:0}.hover\:\!bg-color-white\/10:hover{background-color:color-mix(in srgb,var(--color-white) 10%,transparent)!important}.stroke-color-gray-300{stroke:var(--color-gray-300)}.hover\:shadow-xl:hover{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.transition-shadow{--uni-transition-property: shadow;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.cursor-pointer{cursor:pointer}.bg-color-gray-800{background-color:var(--color-gray-800)}.text-color-gray-200{color:var(--color-gray-200)}.hover\:bg-color-gray-900:hover{background-color:var(--color-gray-900)}.border-color-gray-900{border-color:var(--color-gray-900)}.text-color-gray-900{color:var(--color-gray-900)}.hover\:bg-color-gray-50:hover{background-color:var(--color-gray-50)}.accent-color-gray-900{accent-color:var(--color-gray-900)}.peer:checked~.peer-checked\:border-color-gray-900{border-color:var(--color-gray-900)}.peer:checked~.peer-checked\:text-color-gray-900{color:var(--color-gray-900)}.bg-color-gray-500{background-color:var(--color-gray-500)}.text-color-white{color:var(--color-white)}.hover\:bg-color-gray-600:hover{background-color:var(--color-gray-600)}.border-color-gray-500{border-color:var(--color-gray-500)}.text-color-gray-500{color:var(--color-gray-500)}.accent-color-gray-500{accent-color:var(--color-gray-500)}.peer:checked~.peer-checked\:border-color-gray-500{border-color:var(--color-gray-500)}.peer:checked~.peer-checked\:text-color-gray-500{color:var(--color-gray-500)}.bg-color-white{background-color:var(--color-white)}.text-color-gray-700{color:var(--color-gray-700)}.border-color-white{border-color:var(--color-white)}.accent-color-white{accent-color:var(--color-white)}.peer:checked~.peer-checked\:border-color-white{border-color:var(--color-white)}.peer:checked~.peer-checked\:text-color-white{color:var(--color-white)}.bg-color-zinc-200{background-color:var(--color-zinc-200)}.text-color-zinc-600{color:var(--color-zinc-600)}.hover\:bg-color-zinc-300:hover{background-color:var(--color-zinc-300)}.border-color-zinc-200{border-color:var(--color-zinc-200)}.text-color-zinc-900{color:var(--color-zinc-900)}.hover\:bg-color-zinc-50:hover{background-color:var(--color-zinc-50)}.accent-color-zinc-200{accent-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:border-color-zinc-200{border-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:text-color-zinc-200{color:var(--color-zinc-200)}.bg-color-red-500{background-color:var(--color-red-500)}.hover\:bg-color-red-600:hover{background-color:var(--color-red-600)}.border-color-red-500{border-color:var(--color-red-500)}.text-color-red-500{color:var(--color-red-500)}.hover\:bg-color-red-50:hover{background-color:var(--color-red-50)}.accent-color-red-500{accent-color:var(--color-red-500)}.peer:checked~.peer-checked\:border-color-red-500{border-color:var(--color-red-500)}.peer:checked~.peer-checked\:text-color-red-500{color:var(--color-red-500)}.bg-color-orange-500{background-color:var(--color-orange-500)}.hover\:bg-color-orange-600:hover{background-color:var(--color-orange-600)}.border-color-orange-500{border-color:var(--color-orange-500)}.text-color-orange-500{color:var(--color-orange-500)}.hover\:bg-color-orange-50:hover{background-color:var(--color-orange-50)}.accent-color-orange-500{accent-color:var(--color-orange-500)}.peer:checked~.peer-checked\:border-color-orange-500{border-color:var(--color-orange-500)}.peer:checked~.peer-checked\:text-color-orange-500{color:var(--color-orange-500)}.bg-color-amber-500{background-color:var(--color-amber-500)}.hover\:bg-color-amber-600:hover{background-color:var(--color-amber-600)}.border-color-amber-500{border-color:var(--color-amber-500)}.text-color-amber-500{color:var(--color-amber-500)}.hover\:bg-color-amber-50:hover{background-color:var(--color-amber-50)}.accent-color-amber-500{accent-color:var(--color-amber-500)}.peer:checked~.peer-checked\:border-color-amber-500{border-color:var(--color-amber-500)}.peer:checked~.peer-checked\:text-color-amber-500{color:var(--color-amber-500)}.bg-color-yellow-500{background-color:var(--color-yellow-500)}.hover\:bg-color-yellow-600:hover{background-color:var(--color-yellow-600)}.border-color-yellow-500{border-color:var(--color-yellow-500)}.text-color-yellow-500{color:var(--color-yellow-500)}.hover\:bg-color-yellow-50:hover{background-color:var(--color-yellow-50)}.accent-color-yellow-500{accent-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:border-color-yellow-500{border-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:text-color-yellow-500{color:var(--color-yellow-500)}.bg-color-lime-500{background-color:var(--color-lime-500)}.hover\:bg-color-lime-600:hover{background-color:var(--color-lime-600)}.border-color-lime-500{border-color:var(--color-lime-500)}.text-color-lime-500{color:var(--color-lime-500)}.hover\:bg-color-lime-50:hover{background-color:var(--color-lime-50)}.accent-color-lime-500{accent-color:var(--color-lime-500)}.peer:checked~.peer-checked\:border-color-lime-500{border-color:var(--color-lime-500)}.peer:checked~.peer-checked\:text-color-lime-500{color:var(--color-lime-500)}.bg-color-green-500{background-color:var(--color-green-500)}.hover\:bg-color-green-600:hover{background-color:var(--color-green-600)}.border-color-green-500{border-color:var(--color-green-500)}.text-color-green-500{color:var(--color-green-500)}.hover\:bg-color-green-50:hover{background-color:var(--color-green-50)}.accent-color-green-500{accent-color:var(--color-green-500)}.peer:checked~.peer-checked\:border-color-green-500{border-color:var(--color-green-500)}.peer:checked~.peer-checked\:text-color-green-500{color:var(--color-green-500)}.bg-color-emerald-500{background-color:var(--color-emerald-500)}.hover\:bg-color-emerald-600:hover{background-color:var(--color-emerald-600)}.border-color-emerald-500{border-color:var(--color-emerald-500)}.text-color-emerald-500{color:var(--color-emerald-500)}.hover\:bg-color-emerald-50:hover{background-color:var(--color-emerald-50)}.accent-color-emerald-500{accent-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:border-color-emerald-500{border-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:text-color-emerald-500{color:var(--color-emerald-500)}.bg-color-teal-500{background-color:var(--color-teal-500)}.hover\:bg-color-teal-600:hover{background-color:var(--color-teal-600)}.border-color-teal-500{border-color:var(--color-teal-500)}.text-color-teal-500{color:var(--color-teal-500)}.hover\:bg-color-teal-50:hover{background-color:var(--color-teal-50)}.accent-color-teal-500{accent-color:var(--color-teal-500)}.peer:checked~.peer-checked\:border-color-teal-500{border-color:var(--color-teal-500)}.peer:checked~.peer-checked\:text-color-teal-500{color:var(--color-teal-500)}.bg-color-cyan-500{background-color:var(--color-cyan-500)}.hover\:bg-color-cyan-600:hover{background-color:var(--color-cyan-600)}.border-color-cyan-500{border-color:var(--color-cyan-500)}.text-color-cyan-500{color:var(--color-cyan-500)}.hover\:bg-color-cyan-50:hover{background-color:var(--color-cyan-50)}.accent-color-cyan-500{accent-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:border-color-cyan-500{border-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:text-color-cyan-500{color:var(--color-cyan-500)}.bg-color-sky-500{background-color:var(--color-sky-500)}.hover\:bg-color-sky-600:hover{background-color:var(--color-sky-600)}.border-color-sky-500{border-color:var(--color-sky-500)}.text-color-sky-500{color:var(--color-sky-500)}.hover\:bg-color-sky-50:hover{background-color:var(--color-sky-50)}.accent-color-sky-500{accent-color:var(--color-sky-500)}.peer:checked~.peer-checked\:border-color-sky-500{border-color:var(--color-sky-500)}.peer:checked~.peer-checked\:text-color-sky-500{color:var(--color-sky-500)}.bg-color-blue-500{background-color:var(--color-blue-500)}.hover\:bg-color-blue-600:hover{background-color:var(--color-blue-600)}.border-color-blue-500{border-color:var(--color-blue-500)}.text-color-blue-500{color:var(--color-blue-500)}.hover\:bg-color-blue-50:hover{background-color:var(--color-blue-50)}.accent-color-blue-500{accent-color:var(--color-blue-500)}.peer:checked~.peer-checked\:border-color-blue-500{border-color:var(--color-blue-500)}.peer:checked~.peer-checked\:text-color-blue-500{color:var(--color-blue-500)}.bg-color-indigo-500{background-color:var(--color-indigo-500)}.hover\:bg-color-indigo-600:hover{background-color:var(--color-indigo-600)}.border-color-indigo-500{border-color:var(--color-indigo-500)}.text-color-indigo-500{color:var(--color-indigo-500)}.hover\:bg-color-indigo-50:hover{background-color:var(--color-indigo-50)}.accent-color-indigo-500{accent-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:border-color-indigo-500{border-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:text-color-indigo-500{color:var(--color-indigo-500)}.bg-color-violet-500{background-color:var(--color-violet-500)}.hover\:bg-color-violet-600:hover{background-color:var(--color-violet-600)}.border-color-violet-500{border-color:var(--color-violet-500)}.text-color-violet-500{color:var(--color-violet-500)}.hover\:bg-color-violet-50:hover{background-color:var(--color-violet-50)}.accent-color-violet-500{accent-color:var(--color-violet-500)}.peer:checked~.peer-checked\:border-color-violet-500{border-color:var(--color-violet-500)}.peer:checked~.peer-checked\:text-color-violet-500{color:var(--color-violet-500)}.bg-color-purple-500{background-color:var(--color-purple-500)}.hover\:bg-color-purple-600:hover{background-color:var(--color-purple-600)}.border-color-purple-500{border-color:var(--color-purple-500)}.text-color-purple-500{color:var(--color-purple-500)}.hover\:bg-color-purple-50:hover{background-color:var(--color-purple-50)}.accent-color-purple-500{accent-color:var(--color-purple-500)}.peer:checked~.peer-checked\:border-color-purple-500{border-color:var(--color-purple-500)}.peer:checked~.peer-checked\:text-color-purple-500{color:var(--color-purple-500)}.bg-color-fuchsia-500{background-color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.text-color-fuchsia-500{color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-50:hover{background-color:var(--color-fuchsia-50)}.accent-color-fuchsia-500{accent-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:text-color-fuchsia-500{color:var(--color-fuchsia-500)}.bg-color-pink-500{background-color:var(--color-pink-500)}.hover\:bg-color-pink-600:hover{background-color:var(--color-pink-600)}.border-color-pink-500{border-color:var(--color-pink-500)}.text-color-pink-500{color:var(--color-pink-500)}.hover\:bg-color-pink-50:hover{background-color:var(--color-pink-50)}.accent-color-pink-500{accent-color:var(--color-pink-500)}.peer:checked~.peer-checked\:border-color-pink-500{border-color:var(--color-pink-500)}.peer:checked~.peer-checked\:text-color-pink-500{color:var(--color-pink-500)}.bg-color-rose-500{background-color:var(--color-rose-500)}.hover\:bg-color-rose-600:hover{background-color:var(--color-rose-600)}.border-color-rose-500{border-color:var(--color-rose-500)}.text-color-rose-500{color:var(--color-rose-500)}.hover\:bg-color-rose-50:hover{background-color:var(--color-rose-50)}.accent-color-rose-500{accent-color:var(--color-rose-500)}.peer:checked~.peer-checked\:border-color-rose-500{border-color:var(--color-rose-500)}.peer:checked~.peer-checked\:text-color-rose-500{color:var(--color-rose-500)}.bg-color-gray-200{background-color:var(--color-gray-200)}.bg-color-gray-900{background-color:var(--color-gray-900)}.border-color-gray-950{border-color:var(--color-gray-950)}.shadow-color-gray-300{--uni-shadow-color: var(--color-gray-300) }.active\:bg-color-gray-900:active{background-color:var(--color-gray-900)}.border-color-gray-600{border-color:var(--color-gray-600)}.shadow-color-gray-200{--uni-shadow-color: var(--color-gray-200) }.active\:bg-color-gray-700:active{background-color:var(--color-gray-700)}.bg-color-gray-600{background-color:var(--color-gray-600)}.bg-color-gray-100{background-color:var(--color-gray-100)}.hover\:bg-color-gray-200:hover{background-color:var(--color-gray-200)}.active\:bg-color-white:active{background-color:var(--color-white)}.bg-color-zinc-500{background-color:var(--color-zinc-500)}.border-color-zinc-600{border-color:var(--color-zinc-600)}.shadow-color-zinc-200{--uni-shadow-color: var(--color-zinc-200) }.hover\:bg-color-zinc-600:hover{background-color:var(--color-zinc-600)}.active\:bg-color-zinc-700:active{background-color:var(--color-zinc-700)}.bg-color-red-200{background-color:var(--color-red-200)}.border-color-red-600\/50{border-color:color-mix(in srgb,var(--color-red-600) 50%,transparent)}.shadow-color-red-200{--uni-shadow-color: var(--color-red-200) }.active\:bg-color-red-700:active{background-color:var(--color-red-700)}.bg-color-orange-200{background-color:var(--color-orange-200)}.border-color-orange-600\/50{border-color:color-mix(in srgb,var(--color-orange-600) 50%,transparent)}.shadow-color-orange-200{--uni-shadow-color: var(--color-orange-200) }.active\:bg-color-orange-700:active{background-color:var(--color-orange-700)}.bg-color-amber-200{background-color:var(--color-amber-200)}.border-color-amber-600\/50{border-color:color-mix(in srgb,var(--color-amber-600) 50%,transparent)}.shadow-color-amber-200{--uni-shadow-color: var(--color-amber-200) }.active\:bg-color-amber-700:active{background-color:var(--color-amber-700)}.bg-color-yellow-200{background-color:var(--color-yellow-200)}.border-color-yellow-600\/50{border-color:color-mix(in srgb,var(--color-yellow-600) 50%,transparent)}.shadow-color-yellow-200{--uni-shadow-color: var(--color-yellow-200) }.active\:bg-color-yellow-700:active{background-color:var(--color-yellow-700)}.bg-color-lime-200{background-color:var(--color-lime-200)}.border-color-lime-600\/50{border-color:color-mix(in srgb,var(--color-lime-600) 50%,transparent)}.shadow-color-lime-200{--uni-shadow-color: var(--color-lime-200) }.active\:bg-color-lime-700:active{background-color:var(--color-lime-700)}.bg-color-green-200{background-color:var(--color-green-200)}.border-color-green-600\/50{border-color:color-mix(in srgb,var(--color-green-600) 50%,transparent)}.shadow-color-green-200{--uni-shadow-color: var(--color-green-200) }.active\:bg-color-green-700:active{background-color:var(--color-green-700)}.bg-color-emerald-200{background-color:var(--color-emerald-200)}.border-color-emerald-600\/50{border-color:color-mix(in srgb,var(--color-emerald-600) 50%,transparent)}.shadow-color-emerald-200{--uni-shadow-color: var(--color-emerald-200) }.active\:bg-color-emerald-700:active{background-color:var(--color-emerald-700)}.bg-color-teal-200{background-color:var(--color-teal-200)}.border-color-teal-600\/50{border-color:color-mix(in srgb,var(--color-teal-600) 50%,transparent)}.shadow-color-teal-200{--uni-shadow-color: var(--color-teal-200) }.active\:bg-color-teal-700:active{background-color:var(--color-teal-700)}.bg-color-cyan-200{background-color:var(--color-cyan-200)}.border-color-cyan-600\/50{border-color:color-mix(in srgb,var(--color-cyan-600) 50%,transparent)}.shadow-color-cyan-200{--uni-shadow-color: var(--color-cyan-200) }.active\:bg-color-cyan-700:active{background-color:var(--color-cyan-700)}.bg-color-sky-200{background-color:var(--color-sky-200)}.border-color-sky-600\/50{border-color:color-mix(in srgb,var(--color-sky-600) 50%,transparent)}.shadow-color-sky-200{--uni-shadow-color: var(--color-sky-200) }.active\:bg-color-sky-700:active{background-color:var(--color-sky-700)}.bg-color-blue-200{background-color:var(--color-blue-200)}.border-color-blue-600\/50{border-color:color-mix(in srgb,var(--color-blue-600) 50%,transparent)}.shadow-color-blue-200{--uni-shadow-color: var(--color-blue-200) }.active\:bg-color-blue-700:active{background-color:var(--color-blue-700)}.bg-color-indigo-200{background-color:var(--color-indigo-200)}.border-color-indigo-600\/50{border-color:color-mix(in srgb,var(--color-indigo-600) 50%,transparent)}.shadow-color-indigo-200{--uni-shadow-color: var(--color-indigo-200) }.active\:bg-color-indigo-700:active{background-color:var(--color-indigo-700)}.bg-color-violet-200{background-color:var(--color-violet-200)}.border-color-violet-600\/50{border-color:color-mix(in srgb,var(--color-violet-600) 50%,transparent)}.shadow-color-violet-200{--uni-shadow-color: var(--color-violet-200) }.active\:bg-color-violet-700:active{background-color:var(--color-violet-700)}.bg-color-purple-200{background-color:var(--color-purple-200)}.border-color-purple-600\/50{border-color:color-mix(in srgb,var(--color-purple-600) 50%,transparent)}.shadow-color-purple-200{--uni-shadow-color: var(--color-purple-200) }.active\:bg-color-purple-700:active{background-color:var(--color-purple-700)}.bg-color-fuchsia-200{background-color:var(--color-fuchsia-200)}.border-color-fuchsia-600\/50{border-color:color-mix(in srgb,var(--color-fuchsia-600) 50%,transparent)}.shadow-color-fuchsia-200{--uni-shadow-color: var(--color-fuchsia-200) }.active\:bg-color-fuchsia-700:active{background-color:var(--color-fuchsia-700)}.bg-color-pink-200{background-color:var(--color-pink-200)}.border-color-pink-600\/50{border-color:color-mix(in srgb,var(--color-pink-600) 50%,transparent)}.shadow-color-pink-200{--uni-shadow-color: var(--color-pink-200) }.active\:bg-color-pink-700:active{background-color:var(--color-pink-700)}.bg-color-rose-200{background-color:var(--color-rose-200)}.border-color-rose-600\/50{border-color:color-mix(in srgb,var(--color-rose-600) 50%,transparent)}.shadow-color-rose-200{--uni-shadow-color: var(--color-rose-200) }.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.w-8{width:2rem}.h-8{height:2rem}.text-base{font-size:var(--text-base)}.w-12{width:3rem}.h-12{height:3rem}.text-2xl{font-size:var(--text-2xl)}.w-16{width:4rem}.h-16{height:4rem}.text-3xl{font-size:var(--text-3xl)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:999999px}.border{border-width:1px;border-style:var(--uni-border-style)}.border-color-gray-300{border-color:var(--color-gray-300)}.bg-color-gray-50{background-color:var(--color-gray-50)}.flex{display:flex}.justify-center{justify-content:center}.gap-2{gap:.5rem}.text-center{text-align:center}.font-semibold{font-weight:600}.focus\:ring-1:focus{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-color-primary{--uni-ring-color: var(--color-primary);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:500}.text-sm{font-size:var(--text-sm)}.font-normal{font-weight:400}.text-xs{font-size:var(--text-xs)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:.5rem}.max-w-xs{max-width:var(--container-xs)}.py-1{padding-block:.25rem}.rounded{border-radius:4px}.shadow-md{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pointer-events-none{pointer-events:none}.pt-24{padding-top:6rem}.px-4{padding-inline:1rem}.py-2{padding-block:.5rem}.bg-color-blue-600{background-color:var(--color-blue-600)}.bg-color-green-600{background-color:var(--color-green-600)}.bg-color-red-600{background-color:var(--color-red-600)}.gap-10{gap:2.5rem}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-10{width:2.5rem}.h-3{height:.75rem}.items-center{align-items:center}.transition-color{--uni-transition-property: color;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.absolute{position:absolute}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.bg-color-gray-400{background-color:var(--color-gray-400)}.top-0\.5{top:.125rem}.left-0\.5{left:.125rem}.size-5{width:1.25rem;height:1.25rem}.translate-x-5{--uni-translate-x: 1.25rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-x-0{--uni-translate-x: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:.75rem;height:.75rem}.w-11{width:2.75rem}.h-6{height:1.5rem}.bg-color-gray-300{background-color:var(--color-gray-300)}.top-\[4px\]{top:4px}.left-1{left:.25rem}.w-4{width:1rem}.h-4{height:1rem}.translate-x-\[19px\]{--uni-translate-x: 19px;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-0{--uni-translate-x: -0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.flex-wrap{flex-wrap:wrap}:where(.space-x-2>:not(:last-child)){margin-right:.5rem}:where(.space-y-2>:not(:last-child)){margin-bottom:.5rem}:where(.space-y-4>:not(:last-child)){margin-bottom:1rem}.mt-1{margin-top:.25rem}.text-gray-500{font-size:var(--text-gray-500)}.px-6{padding-inline:1.5rem}.py-3{padding-block:.75rem}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.border-color-gray-200{border-color:var(--color-gray-200)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.border-0{border-width:0px;border-style:var(--uni-border-style)}.not-last\:border-b-1:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:border-r-1:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.bg-color-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.w-full{width:100%}.mb-1{margin-bottom:.25rem}.block{display:block}.focus-within\:ring-1:focus-within{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pl-3{padding-left:.75rem}.grow{flex-grow:1}.placeholder\:font-normal::placeholder{font-weight:400}.pr-3{padding-right:.75rem}.text-color-gray-800{color:var(--color-gray-800)}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.gap-1{gap:.25rem}.resize-none{resize:none}.focus\:outline-none:focus{outline-width:none;outline-style:var(--uni-outline-style)}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px;border-style:var(--uni-border-style)}:where(.space-x-6>:not(:last-child)){margin-right:1.5rem}.border-b{border-bottom-width:1px;border-style:var(--uni-border-style)}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:1rem}.text-color-gray-600{color:var(--color-gray-600)}.hover\:text-color-blue-500:hover{color:var(--color-blue-500)}:where(.space-x-3>:not(:last-child)){margin-right:.75rem}.right-0{right:0rem}.top-3{top:.75rem}.bottom-3{bottom:.75rem}.w-1{width:.25rem}.bottom-0{bottom:0rem}.left-0{left:0rem}.h-1{height:.25rem}.mt-4{margin-top:1rem}.ml-6{margin-left:1.5rem}.mt-0{margin-top:0rem}.size-4{width:1rem;height:1rem}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:0rem}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:2.5rem}.text-left{text-align:left}.border-t{border-top-width:1px;border-style:var(--uni-border-style)}.justify-between{justify-content:space-between}.w-9{width:2.25rem}.h-9{height:2.25rem}.leading-none{line-height:1}.bg-color-blue-100{background-color:var(--color-blue-100)}.bg-color-red-100{background-color:var(--color-red-100)}.bg-color-yellow-100{background-color:var(--color-yellow-100)}.text-color-yellow-600{color:var(--color-yellow-600)}.bg-color-yellow-400{background-color:var(--color-yellow-400)}.min-w-10{min-width:2.5rem}.shrink-0{flex-shrink:0}.text-nowrap{text-wrap:nowrap}.py-0\.5{padding-block:.125rem}.bg-color-green-100{background-color:var(--color-green-100)}.text-color-green-600{color:var(--color-green-600)}.w-fit{width:fit-content}.text-color-gray-400{color:var(--color-gray-400)}.p-1{padding:.25rem}.bg-color-blue-50{background-color:var(--color-blue-50)}.border-color-blue-200{border-color:var(--color-blue-200)}.text-color-blue-600{color:var(--color-blue-600)}.border-color-blue-300{border-color:var(--color-blue-300)}.text-color-red-600{color:var(--color-red-600)}.border-color-red-300{border-color:var(--color-red-300)}.border-color-yellow-300{border-color:var(--color-yellow-300)}.px-3{padding-inline:.75rem}.select-none{-webkit-user-select:none;user-select:none}.px-1{padding-inline:.25rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-3{width:.75rem}.flex-shrink-0{flex:shrink-0}.ml-1{margin-left:.25rem}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.rotate-180{rotate:180deg}.top-full{top:100%}.shadow-lg{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.z-20{z-index:20}:where(.space-y-1>:not(:last-child)){margin-bottom:.25rem}.max-h-32{max-height:8rem}.scale-75{scale:75%}.flex-1{flex:1}.hover\:text-color-blue-800:hover{color:var(--color-blue-800)}.min-w-max{min-width:max-content}.whitespace-nowrap{white-space:nowrap}:where(.space-x-1>:not(:last-child)){margin-right:.25rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.ring{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mx-4{margin-left:1rem;margin-right:1rem}.size-6{width:1.5rem;height:1.5rem}.z-40{z-index:40}.bg-color-black\/10{background-color:color-mix(in srgb,var(--color-black) 10%,transparent)}.backdrop-blur-\[1px\]{--uni-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.min-w-72{min-width:18rem}.max-w-lg{max-width:var(--container-lg)}.shadow-xl{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.gap-3{gap:.75rem}.backdrop-blur-sm{--uni-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.border-color-white\/20{border-color:color-mix(in srgb,var(--color-white) 20%,transparent)}.leading-relaxed{line-height:1.625}.-mr-1{margin-right:-.25rem}.h-2{height:.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.mr-3{margin-right:.75rem}.min-w-\[2rem\]{min-width:2rem}.opacity-60{opacity:.6}.duration-150{--uni-transition-duration: .15s;transition-duration:var(--uni-transition-duration, .15s)}.top-1\/2{top:50%}.-translate-y-1\/2{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.border-2{border-width:2px;border-style:var(--uni-border-style)}.hover\:shadow-lg:hover{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.scale-110{scale:110%}.ring-2{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-offset-1{--uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-blue-300{--uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.text-right{text-align:right}.w-80{width:20rem}.mb-2{margin-bottom:.5rem}:where(.space-y-8>:not(:last-child)){margin-bottom:2rem}.capitalize{text-transform:capitalize}.animate-pulse{animation:var(--animate-pulse)}.bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff59,#fff0)}.mb-4{margin-bottom:1rem}.pb-6{padding-bottom:1.5rem}.no-underline{text-decoration-line:none}.h-\[30px\]{height:30px}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:none;outline-style:var(--uni-outline-style)}.\!bg-color-gray-50{background-color:var(--color-gray-50)!important}.shadow-color-zinc-100{--uni-shadow-color: var(--color-zinc-100) }.right-3{right:.75rem}.fill-color-yellow-500{fill:var(--color-yellow-500)}.fill-color-gray-300{fill:var(--color-gray-300)}.w-6{width:1.5rem}.ml-2{margin-left:.5rem}.mb-3{margin-bottom:.75rem}.text-color-red-700{color:var(--color-red-700)}.gap-4{gap:1rem}.hover\:border-color-gray-400:hover{border-color:var(--color-gray-400)}.hover\:shadow-md:hover{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.top-2{top:.5rem}.right-2{right:.5rem}.text-white{font-size:var(--text-white)}.shadow-sm{--uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.items-start{align-items:flex-start}.h-full{height:100%}.gap-6{gap:1.5rem}.hover\:opacity-90:hover{opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.border-color-gray-400{border-color:var(--color-gray-400)}.w-96{width:24rem}.max-h-40{max-height:10rem}.bg-color-green-50{background-color:var(--color-green-50)}.p-6{padding:1.5rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.max-w-2xl{max-width:var(--container-2xl)}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.bg-color-purple-50{background-color:var(--color-purple-50)}.p-8{padding:2rem}.border-4{border-width:4px;border-style:var(--uni-border-style)}.rounded-2xl{border-radius:var(--radius-2xl)}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.text-color-yellow-300{color:var(--color-yellow-300)}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.max-w-3xl{max-width:var(--container-3xl)}.mt-3{margin-top:.75rem}.pt-3{padding-top:.75rem}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-\[0\.35rem\]{padding-block:.35rem}.-ml-1{margin-left:-.25rem}.mr-1{margin-right:.25rem}.\!w-4{width:1rem!important}.\!h-4{height:1rem!important}.\!w-5{width:1.25rem!important}.\!h-5{height:1.25rem!important}.\!w-6{width:1.5rem!important}.\!h-6{height:1.5rem!important}:where(.space-x-4>:not(:last-child)){margin-right:1rem}.min-w-20{min-width:5rem}.max-w-60{max-width:15rem}.bottom-7{bottom:1.75rem}.top-6{top:1.5rem}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-bottom-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.ml-4{margin-left:1rem}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:2rem;height:2rem}.size-12{width:3rem;height:3rem}.size-10{width:2.5rem;height:2.5rem}.\!text-color-gray-400{color:var(--color-gray-400)!important}.hover\:bg-color-transparent:hover{background-color:transparent}.\!border-color-gray-200{border-color:var(--color-gray-200)!important}.\!bg-color-gray-200{background-color:var(--color-gray-200)!important}.max-w-md{max-width:var(--container-md)}.object-contain{object-fit:contain}.mx-auto{margin-inline:auto}.border-style-dashed{--uni-border-style: dashed;border-style:var(--uni-border-style)}.p-0{padding:0rem}.bg-color-red-50{background-color:var(--color-red-50)}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.grid{display:grid}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.hover\:text-color-gray-700:hover{color:var(--color-gray-700)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.p-0\.5{padding:.125rem}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.border-color-gray-100{border-color:var(--color-gray-100)}.focus\:border-color-gray-400:focus{border-color:var(--color-gray-400)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.my-1{margin-top:.25rem;margin-bottom:.25rem}.\!rounded-full{border-radius:999999px!important}.min-w-96{min-width:24rem}.min-h-40{min-height:10rem}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.z-99{z-index:99}.translate-x-full{--uni-translate-x: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-full{--uni-translate-x: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.justify-end{justify-content:flex-end}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.scale-100{scale:100%}.scale-95{scale:95%}.h-\[calc\(100\%_-_40px\)\]{height:calc(100% - 40px)}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:2rem}.hover\:bg-color-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-color-gray-300:hover{background-color:var(--color-gray-300)}.border-l{border-left-width:1px;border-style:var(--uni-border-style)}.w-72{width:18rem}.grid-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.hover\:bg-color-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-color-blue-500:hover{background-color:var(--color-blue-500)}.\!cursor-not-allowed{cursor:not-allowed!important}.\!justify-between{justify-content:space-between!important}.focus\:ring-2:focus{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--uni-ring-shadow: 0 0 0 blue-500px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-gray-400:hover{background-color:var(--color-gray-400)}.\!border-color-red-500{border-color:var(--color-red-500)!important}.\!text-color-red-500{color:var(--color-red-500)!important}.\!border-color-green-500{border-color:var(--color-green-500)!important}.\!text-color-green-500{color:var(--color-green-500)!important}.grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.justify-items-center{justify-items:center}.not-last\:border-b:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:pb-4:not(:last-child){padding-bottom:1rem}.text-md{font-size:var(--text-md)}.h-auto{height:auto}.h-px{height:1px}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.w-\[16px\]{width:16px}.h-\[16px\]{height:16px}.checked\:bg-color-blue-500:checked{background-color:var(--color-blue-500)}.checked\:border-color-blue-500:checked{border-color:var(--color-blue-500)}.text-color-transparent{color:transparent}.checked\:text-color-white:checked{color:var(--color-white)}.after\:content-\[✓\]:after{content:"✓"}.after\:absolute:after{position:absolute}.after\:left-0\.5:after{left:.125rem}.after\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.cursor-default{cursor:default}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-color-white\/80{background-color:color-mix(in srgb,var(--color-white) 80%,transparent)}.hover\:bg-color-white:hover{background-color:var(--color-white)}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.bottom-2{bottom:.5rem}.rotate-90{rotate:90deg}.w-2{width:.5rem}.hover\:opacity-100:hover{opacity:1}.border-color-gray-800{border-color:var(--color-gray-800)}.scale-105{scale:105%}.opacity-70{opacity:.7}.\!border-none{border-width:0px!important}.h-fit{height:fit-content}.text-color-blue-primary{color:var(--color-blue-primary)}.pr-1{padding-right:.25rem}.text-color-primary{color:var(--color-primary)}.text-color-secondary{color:var(--color-secondary)}.shadow-xs{--uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.\!w-full{width:100%!important}.\!h-full{height:100%!important}.px-5{padding-inline:1.25rem}.\!text-color-gray-300{color:var(--color-gray-300)!important}.\!bg-color-gray-300{background-color:var(--color-gray-300)!important}.\!text-color-white{color:var(--color-white)!important}.hover\:underline:hover{text-decoration-line:underline}.mx-2{margin-left:.5rem;margin-right:.5rem}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:4rem}.\!bg-color-red-50{background-color:var(--color-red-50)!important}.text-color-red-400{color:var(--color-red-400)}.text-color-red-800{color:var(--color-red-800)}.px-\[10px\]{padding-inline:10px}.translate-x-1\/2{--uni-translate-x: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-1\/2{--uni-translate-y: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.items-end{align-items:flex-end}.z-999{z-index:999}.pointer-events-auto{pointer-events:auto}.size-14{width:3.5rem;height:3.5rem}.size-20{width:5rem;height:5rem}:where(.-space-x-2>:not(:last-child)){margin-right:-.5rem}.ring-color-white{--uni-ring-color: var(--color-white);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.max-h-56{max-height:14rem}.overflow-auto{overflow:auto}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.border-color-green-300{border-color:var(--color-green-300)}.text-color-green-800{color:var(--color-green-800)}.bg-color-yellow-50{background-color:var(--color-yellow-50)}.text-color-yellow-800{color:var(--color-yellow-800)}.size-7{width:1.75rem;height:1.75rem}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.gap-20{gap:5rem}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.\!bg-color-gray-100{background-color:var(--color-gray-100)!important}.dark .dark\:text-color-gray-200{color:var(--color-gray-200)}.dark .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}.dark .dark\:border-color-gray-700{border-color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}.dark .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}@media (prefers-color-scheme: dark){html[data-theme=system] .dark\:text-color-gray-200{color:var(--color-gray-200)}html[data-theme=system] .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}html[data-theme=system] .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}html[data-theme=system] .dark\:border-color-gray-700{border-color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}html[data-theme=system] .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:1rem}.sm\:gap-4{gap:1rem}}@media (min-width: 48rem){.md\:\!flex{display:flex!important}.md\:hidden{display:none}.md\:grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.md\:nth-2\:border-r-0:nth-child(2){border-right-width:0px;border-style:var(--uni-border-style)}.md\:not-last\:border-b-0:not(:last-child){border-bottom-width:0px;border-style:var(--uni-border-style)}.md\:p-2{padding:.5rem}.md\:w-10{width:2.5rem}.md\:h-10{height:2.5rem}.md\:text-lg{font-size:var(--text-lg)}.md\:left-2{left:.5rem}.md\:top-2{top:.5rem}.md\:right-2{right:.5rem}.md\:bottom-2{bottom:.5rem}.md\:mt-3{margin-top:.75rem}.md\:bottom-3{bottom:.75rem}.md\:right-3{right:.75rem}.md\:w-\[10px\]{width:10px}.md\:h-\[10px\]{height:10px}.md\:gap-2{gap:.5rem}}@media (min-width: 64rem){.lg\:max-h-\[calc\(100vh_-_200px\)\]{max-height:calc(100vh - 200px)}.lg\:grid-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
1
+ .ripple{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation 1s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}.ripple_small{position:absolute;border-radius:50%;background-color:#ffffff4d;transform:scale(0);animation:ripple-animation-small .6s ease-out;pointer-events:none;z-index:1}@keyframes ripple-animation-small{to{transform:scale(4);opacity:0}}button{cursor:pointer;background-color:transparent}@keyframes progress-indeterminate-gpu{0%{transform:translate(-100%)}to{transform:translate(300%)}}.animate-progress-indeterminate-gpu{animation:progress-indeterminate-gpu 1.2s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}@keyframes circular-rotate{to{transform:rotate(270deg)}}.animate-circular-indeterminate{animation:circular-rotate 1.4s linear infinite}@media (prefers-reduced-motion: reduce){.animate-progress-indeterminate-gpu,.animate-circular{animation:none!important}}*,:after,:before,::backdrop,::file-selector-button{margin:0;padding:0;box-sizing:border-box;border:0 solid;outline:0 solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}textarea{resize:vertical}:root{--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-brightness: brightness(100%);--uni-contrast: contrast(100%);--uni-grayscale: grayscale(0%);--uni-hue-rotate: hue-rotate(0deg);--uni-invert: invert(0%);--uni-saturate: saturate(100%);--uni-sepia: sepia(0%);--uni-backdrop-blur: blur(0);--uni-backdrop-brightness: brightness(100%);--uni-backdrop-contrast: contrast(100%);--uni-backdrop-grayscale: grayscale(0%);--uni-backdrop-hue-rotate: hue-rotate(0deg);--uni-backdrop-invert: invert(0%);--uni-backdrop-saturate: saturate(100%);--uni-backdrop-opacity: opacity(1);--uni-backdrop-sepia: sepia(0%);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--uni-rotate-x: rotateX(0deg);--uni-rotate-y: rotateY(0deg);--uni-rotate-z: rotateZ(0deg);--uni-skew-x: skewX(0deg);--uni-skew-y: skewY(0deg);--uni-scale-x: 100%;--uni-scale-y: 100%;--uni-translate-x: 0px;--uni-translate-y: 0px;--uni-translate-z: 0px;--uni-border-style: solid;--uni-outline-style: solid}:root{--0: 0rem;--color-white: oklch(100% 0 0);--color-black: oklch(0% 0 0);--color-inherit: inherit;--color-transparent: transparent;--color-current: currentColor;--color-red-50: oklch(97.1% .013 17.38);--color-red-100: oklch(93.6% .032 17.717);--color-red-200: oklch(88.5% .062 18.334);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-red-800: oklch(44.4% .177 26.899);--color-red-900: oklch(39.6% .141 25.723);--color-red-950: oklch(25.8% .092 26.042);--color-orange-50: oklch(98% .016 73.684);--color-orange-100: oklch(95.4% .038 75.164);--color-orange-200: oklch(90.1% .076 70.697);--color-orange-300: oklch(83.7% .128 66.29);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-orange-600: oklch(64.6% .222 41.116);--color-orange-700: oklch(55.3% .195 38.402);--color-orange-800: oklch(47% .157 37.304);--color-orange-900: oklch(40.8% .123 38.172);--color-orange-950: oklch(26.6% .079 36.259);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-amber-900: oklch(41.4% .112 45.904);--color-amber-950: oklch(27.9% .077 45.635);--color-yellow-50: oklch(98.7% .026 102.212);--color-yellow-100: oklch(97.3% .071 103.193);--color-yellow-200: oklch(94.5% .129 101.54);--color-yellow-300: oklch(90.5% .182 98.111);--color-yellow-400: oklch(85.2% .199 91.936);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-600: oklch(68.1% .162 75.834);--color-yellow-700: oklch(55.4% .135 66.442);--color-yellow-800: oklch(47.6% .114 61.907);--color-yellow-900: oklch(42.1% .095 57.708);--color-yellow-950: oklch(28.6% .066 53.813);--color-lime-50: oklch(98.6% .031 120.757);--color-lime-100: oklch(96.7% .067 122.328);--color-lime-200: oklch(93.8% .127 124.321);--color-lime-300: oklch(89.7% .196 126.665);--color-lime-400: oklch(84.1% .238 128.85);--color-lime-500: oklch(76.8% .233 130.85);--color-lime-600: oklch(64.8% .2 131.684);--color-lime-700: oklch(53.2% .157 131.589);--color-lime-800: oklch(45.3% .124 130.933);--color-lime-900: oklch(40.5% .101 131.063);--color-lime-950: oklch(27.4% .072 132.109);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-300: oklch(87.1% .15 154.449);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-green-950: oklch(26.6% .065 152.934);--color-emerald-50: oklch(97.9% .021 166.113);--color-emerald-100: oklch(95% .052 163.051);--color-emerald-200: oklch(90.5% .093 164.15);--color-emerald-300: oklch(84.5% .143 164.978);--color-emerald-400: oklch(76.5% .177 163.223);--color-emerald-500: oklch(69.6% .17 162.48);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-emerald-800: oklch(43.2% .095 166.913);--color-emerald-900: oklch(37.8% .077 168.94);--color-emerald-950: oklch(26.2% .051 172.552);--color-teal-50: oklch(98.4% .014 180.72);--color-teal-100: oklch(95.3% .051 180.801);--color-teal-200: oklch(91% .096 180.426);--color-teal-300: oklch(85.5% .138 181.071);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-teal-600: oklch(60% .118 184.704);--color-teal-700: oklch(51.1% .096 186.391);--color-teal-800: oklch(43.7% .078 188.216);--color-teal-900: oklch(38.6% .063 188.416);--color-teal-950: oklch(27.7% .046 192.524);--color-cyan-50: oklch(98.4% .019 200.873);--color-cyan-100: oklch(95.6% .045 203.388);--color-cyan-200: oklch(91.7% .08 205.041);--color-cyan-300: oklch(86.5% .127 207.078);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-cyan-600: oklch(60.9% .126 221.723);--color-cyan-700: oklch(52% .105 223.128);--color-cyan-800: oklch(45% .085 224.283);--color-cyan-900: oklch(39.8% .07 227.392);--color-cyan-950: oklch(30.2% .056 229.695);--color-sky-50: oklch(97.7% .013 236.62);--color-sky-100: oklch(95.1% .026 236.824);--color-sky-200: oklch(90.1% .058 230.902);--color-sky-300: oklch(82.8% .111 230.318);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-500: oklch(68.5% .169 237.323);--color-sky-600: oklch(58.8% .158 241.966);--color-sky-700: oklch(50% .134 242.749);--color-sky-800: oklch(44.3% .11 240.79);--color-sky-900: oklch(39.1% .09 240.876);--color-sky-950: oklch(29.3% .066 243.157);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-blue-900: oklch(37.9% .146 265.522);--color-blue-950: oklch(28.2% .091 267.935);--color-indigo-50: oklch(96.2% .018 272.314);--color-indigo-100: oklch(93% .034 272.788);--color-indigo-200: oklch(87% .065 274.039);--color-indigo-300: oklch(78.5% .115 274.713);--color-indigo-400: oklch(67.3% .182 276.935);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-indigo-800: oklch(39.8% .195 277.366);--color-indigo-900: oklch(35.9% .144 278.697);--color-indigo-950: oklch(25.7% .09 281.288);--color-violet-50: oklch(96.9% .016 293.756);--color-violet-100: oklch(94.3% .029 294.588);--color-violet-200: oklch(89.4% .057 293.283);--color-violet-300: oklch(81.1% .111 293.571);--color-violet-400: oklch(70.2% .183 293.541);--color-violet-500: oklch(60.6% .25 292.717);--color-violet-600: oklch(54.1% .281 293.009);--color-violet-700: oklch(49.1% .27 292.581);--color-violet-800: oklch(43.2% .232 292.759);--color-violet-900: oklch(38% .189 293.745);--color-violet-950: oklch(28.3% .141 291.089);--color-purple-50: oklch(97.7% .014 308.299);--color-purple-100: oklch(94.6% .033 307.174);--color-purple-200: oklch(90.2% .063 306.703);--color-purple-300: oklch(82.7% .119 306.383);--color-purple-400: oklch(71.4% .203 305.504);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-purple-700: oklch(49.6% .265 301.924);--color-purple-800: oklch(43.8% .218 303.724);--color-purple-900: oklch(38.1% .176 304.987);--color-purple-950: oklch(29.1% .149 302.717);--color-fuchsia-50: oklch(97.7% .017 320.058);--color-fuchsia-100: oklch(95.2% .037 318.852);--color-fuchsia-200: oklch(90.3% .076 319.62);--color-fuchsia-300: oklch(83.3% .145 321.434);--color-fuchsia-400: oklch(74% .238 322.16);--color-fuchsia-500: oklch(66.7% .295 322.15);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-fuchsia-700: oklch(51.8% .253 323.949);--color-fuchsia-800: oklch(45.2% .211 324.591);--color-fuchsia-900: oklch(40.1% .17 325.612);--color-fuchsia-950: oklch(29.3% .136 325.661);--color-pink-50: oklch(97.1% .014 343.198);--color-pink-100: oklch(94.8% .028 342.258);--color-pink-200: oklch(89.9% .061 343.231);--color-pink-300: oklch(82.3% .12 346.018);--color-pink-400: oklch(71.8% .202 349.761);--color-pink-500: oklch(65.6% .241 354.308);--color-pink-600: oklch(59.2% .249 .584);--color-pink-700: oklch(52.5% .223 3.958);--color-pink-800: oklch(45.9% .187 3.815);--color-pink-900: oklch(40.8% .153 2.432);--color-pink-950: oklch(28.4% .109 3.907);--color-rose-50: oklch(96.9% .015 12.422);--color-rose-100: oklch(94.1% .03 12.58);--color-rose-200: oklch(89.2% .058 10.001);--color-rose-300: oklch(81% .117 11.638);--color-rose-400: oklch(71.2% .194 13.428);--color-rose-500: oklch(64.5% .246 16.439);--color-rose-600: oklch(58.6% .253 17.585);--color-rose-700: oklch(51.4% .222 16.935);--color-rose-800: oklch(45.5% .188 13.697);--color-rose-900: oklch(41% .159 10.272);--color-rose-950: oklch(27.1% .105 12.094);--color-slate-50: oklch(98.4% .003 247.858);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-slate-950: oklch(12.9% .042 264.695);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-gray-950: oklch(13% .028 261.692);--color-zinc-50: oklch(98.5% .001 106.423);--color-zinc-100: oklch(96.7% .001 106.424);--color-zinc-200: oklch(92% .004 286.32);--color-zinc-300: oklch(87.1% .006 286.286);--color-zinc-400: oklch(70.5% .015 286.067);--color-zinc-500: oklch(55.2% .016 285.938);--color-zinc-600: oklch(44.2% .017 285.786);--color-zinc-700: oklch(37% .013 285.805);--color-zinc-800: oklch(27.4% .006 286.033);--color-zinc-900: oklch(21% .006 285.885);--color-zinc-950: oklch(14.1% .005 285.823);--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);--color-neutral-700: oklch(37.1% 0 0);--color-neutral-800: oklch(26.9% 0 0);--color-neutral-900: oklch(20.5% 0 0);--color-neutral-950: oklch(14.5% 0 0);--color-stone-50: oklch(98.5% .001 106.423);--color-stone-100: oklch(97% .001 106.424);--color-stone-200: oklch(92.3% .003 48.717);--color-stone-300: oklch(86.9% .005 56.366);--color-stone-400: oklch(70.9% .01 56.259);--color-stone-500: oklch(55.3% .013 58.071);--color-stone-600: oklch(44.4% .011 73.639);--color-stone-700: oklch(37.4% .01 67.558);--color-stone-800: oklch(26.8% .007 34.298);--color-stone-900: oklch(21.6% .006 56.043);--color-stone-950: oklch(14.7% .004 49.25);--container-3xs: 16rem;--container-2xs: 18rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--text-8xl: 6rem;--text-9xl: 8rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-4xl: 2rem;--blur-xs: 4px;--blur-sm: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 32px;--blur-3xl: 40px;--blur-4xl: 48px;--blur-5xl: 64px}.hidden{display:none}.top-4{top:1rem}.bottom-4{bottom:1rem}.left-4{left:1rem}.right-4{right:1rem}.left-1\/2{left:50%}.-translate-x-1\/2{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-0{--uni-translate-y: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{--uni-translate-y: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-full{--uni-translate-y: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.opacity-100{opacity:1}.opacity-0{opacity:0}.hover\:\!bg-color-white\/10:hover{background-color:color-mix(in srgb,var(--color-white) 10%,transparent)!important}.stroke-color-gray-300{stroke:var(--color-gray-300)}.hover\:shadow-xl:hover{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.transition-shadow{--uni-transition-property: shadow;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.cursor-pointer{cursor:pointer}.bg-color-gray-800{background-color:var(--color-gray-800)}.text-color-gray-200{color:var(--color-gray-200)}.hover\:bg-color-gray-900:hover{background-color:var(--color-gray-900)}.border-color-gray-900{border-color:var(--color-gray-900)}.text-color-gray-900{color:var(--color-gray-900)}.hover\:bg-color-gray-50:hover{background-color:var(--color-gray-50)}.accent-color-gray-900{accent-color:var(--color-gray-900)}.peer:checked~.peer-checked\:border-color-gray-900{border-color:var(--color-gray-900)}.peer:checked~.peer-checked\:text-color-gray-900{color:var(--color-gray-900)}.bg-color-gray-500{background-color:var(--color-gray-500)}.text-color-white{color:var(--color-white)}.hover\:bg-color-gray-600:hover{background-color:var(--color-gray-600)}.border-color-gray-500{border-color:var(--color-gray-500)}.text-color-gray-500{color:var(--color-gray-500)}.accent-color-gray-500{accent-color:var(--color-gray-500)}.peer:checked~.peer-checked\:border-color-gray-500{border-color:var(--color-gray-500)}.peer:checked~.peer-checked\:text-color-gray-500{color:var(--color-gray-500)}.bg-color-white{background-color:var(--color-white)}.text-color-gray-700{color:var(--color-gray-700)}.border-color-white{border-color:var(--color-white)}.accent-color-white{accent-color:var(--color-white)}.peer:checked~.peer-checked\:border-color-white{border-color:var(--color-white)}.peer:checked~.peer-checked\:text-color-white{color:var(--color-white)}.bg-color-zinc-200{background-color:var(--color-zinc-200)}.text-color-zinc-600{color:var(--color-zinc-600)}.hover\:bg-color-zinc-300:hover{background-color:var(--color-zinc-300)}.border-color-zinc-200{border-color:var(--color-zinc-200)}.text-color-zinc-900{color:var(--color-zinc-900)}.hover\:bg-color-zinc-50:hover{background-color:var(--color-zinc-50)}.accent-color-zinc-200{accent-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:border-color-zinc-200{border-color:var(--color-zinc-200)}.peer:checked~.peer-checked\:text-color-zinc-200{color:var(--color-zinc-200)}.bg-color-red-500{background-color:var(--color-red-500)}.hover\:bg-color-red-600:hover{background-color:var(--color-red-600)}.border-color-red-500{border-color:var(--color-red-500)}.text-color-red-500{color:var(--color-red-500)}.hover\:bg-color-red-50:hover{background-color:var(--color-red-50)}.accent-color-red-500{accent-color:var(--color-red-500)}.peer:checked~.peer-checked\:border-color-red-500{border-color:var(--color-red-500)}.peer:checked~.peer-checked\:text-color-red-500{color:var(--color-red-500)}.bg-color-orange-500{background-color:var(--color-orange-500)}.hover\:bg-color-orange-600:hover{background-color:var(--color-orange-600)}.border-color-orange-500{border-color:var(--color-orange-500)}.text-color-orange-500{color:var(--color-orange-500)}.hover\:bg-color-orange-50:hover{background-color:var(--color-orange-50)}.accent-color-orange-500{accent-color:var(--color-orange-500)}.peer:checked~.peer-checked\:border-color-orange-500{border-color:var(--color-orange-500)}.peer:checked~.peer-checked\:text-color-orange-500{color:var(--color-orange-500)}.bg-color-amber-500{background-color:var(--color-amber-500)}.hover\:bg-color-amber-600:hover{background-color:var(--color-amber-600)}.border-color-amber-500{border-color:var(--color-amber-500)}.text-color-amber-500{color:var(--color-amber-500)}.hover\:bg-color-amber-50:hover{background-color:var(--color-amber-50)}.accent-color-amber-500{accent-color:var(--color-amber-500)}.peer:checked~.peer-checked\:border-color-amber-500{border-color:var(--color-amber-500)}.peer:checked~.peer-checked\:text-color-amber-500{color:var(--color-amber-500)}.bg-color-yellow-500{background-color:var(--color-yellow-500)}.hover\:bg-color-yellow-600:hover{background-color:var(--color-yellow-600)}.border-color-yellow-500{border-color:var(--color-yellow-500)}.text-color-yellow-500{color:var(--color-yellow-500)}.hover\:bg-color-yellow-50:hover{background-color:var(--color-yellow-50)}.accent-color-yellow-500{accent-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:border-color-yellow-500{border-color:var(--color-yellow-500)}.peer:checked~.peer-checked\:text-color-yellow-500{color:var(--color-yellow-500)}.bg-color-lime-500{background-color:var(--color-lime-500)}.hover\:bg-color-lime-600:hover{background-color:var(--color-lime-600)}.border-color-lime-500{border-color:var(--color-lime-500)}.text-color-lime-500{color:var(--color-lime-500)}.hover\:bg-color-lime-50:hover{background-color:var(--color-lime-50)}.accent-color-lime-500{accent-color:var(--color-lime-500)}.peer:checked~.peer-checked\:border-color-lime-500{border-color:var(--color-lime-500)}.peer:checked~.peer-checked\:text-color-lime-500{color:var(--color-lime-500)}.bg-color-green-500{background-color:var(--color-green-500)}.hover\:bg-color-green-600:hover{background-color:var(--color-green-600)}.border-color-green-500{border-color:var(--color-green-500)}.text-color-green-500{color:var(--color-green-500)}.hover\:bg-color-green-50:hover{background-color:var(--color-green-50)}.accent-color-green-500{accent-color:var(--color-green-500)}.peer:checked~.peer-checked\:border-color-green-500{border-color:var(--color-green-500)}.peer:checked~.peer-checked\:text-color-green-500{color:var(--color-green-500)}.bg-color-emerald-500{background-color:var(--color-emerald-500)}.hover\:bg-color-emerald-600:hover{background-color:var(--color-emerald-600)}.border-color-emerald-500{border-color:var(--color-emerald-500)}.text-color-emerald-500{color:var(--color-emerald-500)}.hover\:bg-color-emerald-50:hover{background-color:var(--color-emerald-50)}.accent-color-emerald-500{accent-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:border-color-emerald-500{border-color:var(--color-emerald-500)}.peer:checked~.peer-checked\:text-color-emerald-500{color:var(--color-emerald-500)}.bg-color-teal-500{background-color:var(--color-teal-500)}.hover\:bg-color-teal-600:hover{background-color:var(--color-teal-600)}.border-color-teal-500{border-color:var(--color-teal-500)}.text-color-teal-500{color:var(--color-teal-500)}.hover\:bg-color-teal-50:hover{background-color:var(--color-teal-50)}.accent-color-teal-500{accent-color:var(--color-teal-500)}.peer:checked~.peer-checked\:border-color-teal-500{border-color:var(--color-teal-500)}.peer:checked~.peer-checked\:text-color-teal-500{color:var(--color-teal-500)}.bg-color-cyan-500{background-color:var(--color-cyan-500)}.hover\:bg-color-cyan-600:hover{background-color:var(--color-cyan-600)}.border-color-cyan-500{border-color:var(--color-cyan-500)}.text-color-cyan-500{color:var(--color-cyan-500)}.hover\:bg-color-cyan-50:hover{background-color:var(--color-cyan-50)}.accent-color-cyan-500{accent-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:border-color-cyan-500{border-color:var(--color-cyan-500)}.peer:checked~.peer-checked\:text-color-cyan-500{color:var(--color-cyan-500)}.bg-color-sky-500{background-color:var(--color-sky-500)}.hover\:bg-color-sky-600:hover{background-color:var(--color-sky-600)}.border-color-sky-500{border-color:var(--color-sky-500)}.text-color-sky-500{color:var(--color-sky-500)}.hover\:bg-color-sky-50:hover{background-color:var(--color-sky-50)}.accent-color-sky-500{accent-color:var(--color-sky-500)}.peer:checked~.peer-checked\:border-color-sky-500{border-color:var(--color-sky-500)}.peer:checked~.peer-checked\:text-color-sky-500{color:var(--color-sky-500)}.bg-color-blue-500{background-color:var(--color-blue-500)}.hover\:bg-color-blue-600:hover{background-color:var(--color-blue-600)}.border-color-blue-500{border-color:var(--color-blue-500)}.text-color-blue-500{color:var(--color-blue-500)}.hover\:bg-color-blue-50:hover{background-color:var(--color-blue-50)}.accent-color-blue-500{accent-color:var(--color-blue-500)}.peer:checked~.peer-checked\:border-color-blue-500{border-color:var(--color-blue-500)}.peer:checked~.peer-checked\:text-color-blue-500{color:var(--color-blue-500)}.bg-color-indigo-500{background-color:var(--color-indigo-500)}.hover\:bg-color-indigo-600:hover{background-color:var(--color-indigo-600)}.border-color-indigo-500{border-color:var(--color-indigo-500)}.text-color-indigo-500{color:var(--color-indigo-500)}.hover\:bg-color-indigo-50:hover{background-color:var(--color-indigo-50)}.accent-color-indigo-500{accent-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:border-color-indigo-500{border-color:var(--color-indigo-500)}.peer:checked~.peer-checked\:text-color-indigo-500{color:var(--color-indigo-500)}.bg-color-violet-500{background-color:var(--color-violet-500)}.hover\:bg-color-violet-600:hover{background-color:var(--color-violet-600)}.border-color-violet-500{border-color:var(--color-violet-500)}.text-color-violet-500{color:var(--color-violet-500)}.hover\:bg-color-violet-50:hover{background-color:var(--color-violet-50)}.accent-color-violet-500{accent-color:var(--color-violet-500)}.peer:checked~.peer-checked\:border-color-violet-500{border-color:var(--color-violet-500)}.peer:checked~.peer-checked\:text-color-violet-500{color:var(--color-violet-500)}.bg-color-purple-500{background-color:var(--color-purple-500)}.hover\:bg-color-purple-600:hover{background-color:var(--color-purple-600)}.border-color-purple-500{border-color:var(--color-purple-500)}.text-color-purple-500{color:var(--color-purple-500)}.hover\:bg-color-purple-50:hover{background-color:var(--color-purple-50)}.accent-color-purple-500{accent-color:var(--color-purple-500)}.peer:checked~.peer-checked\:border-color-purple-500{border-color:var(--color-purple-500)}.peer:checked~.peer-checked\:text-color-purple-500{color:var(--color-purple-500)}.bg-color-fuchsia-500{background-color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-600:hover{background-color:var(--color-fuchsia-600)}.border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.text-color-fuchsia-500{color:var(--color-fuchsia-500)}.hover\:bg-color-fuchsia-50:hover{background-color:var(--color-fuchsia-50)}.accent-color-fuchsia-500{accent-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:border-color-fuchsia-500{border-color:var(--color-fuchsia-500)}.peer:checked~.peer-checked\:text-color-fuchsia-500{color:var(--color-fuchsia-500)}.bg-color-pink-500{background-color:var(--color-pink-500)}.hover\:bg-color-pink-600:hover{background-color:var(--color-pink-600)}.border-color-pink-500{border-color:var(--color-pink-500)}.text-color-pink-500{color:var(--color-pink-500)}.hover\:bg-color-pink-50:hover{background-color:var(--color-pink-50)}.accent-color-pink-500{accent-color:var(--color-pink-500)}.peer:checked~.peer-checked\:border-color-pink-500{border-color:var(--color-pink-500)}.peer:checked~.peer-checked\:text-color-pink-500{color:var(--color-pink-500)}.bg-color-rose-500{background-color:var(--color-rose-500)}.hover\:bg-color-rose-600:hover{background-color:var(--color-rose-600)}.border-color-rose-500{border-color:var(--color-rose-500)}.text-color-rose-500{color:var(--color-rose-500)}.hover\:bg-color-rose-50:hover{background-color:var(--color-rose-50)}.accent-color-rose-500{accent-color:var(--color-rose-500)}.peer:checked~.peer-checked\:border-color-rose-500{border-color:var(--color-rose-500)}.peer:checked~.peer-checked\:text-color-rose-500{color:var(--color-rose-500)}.bg-color-gray-200{background-color:var(--color-gray-200)}.bg-color-gray-900{background-color:var(--color-gray-900)}.border-color-gray-950{border-color:var(--color-gray-950)}.shadow-color-gray-300{--uni-shadow-color: var(--color-gray-300) }.active\:bg-color-gray-900:active{background-color:var(--color-gray-900)}.border-color-gray-600{border-color:var(--color-gray-600)}.shadow-color-gray-200{--uni-shadow-color: var(--color-gray-200) }.active\:bg-color-gray-700:active{background-color:var(--color-gray-700)}.bg-color-gray-600{background-color:var(--color-gray-600)}.bg-color-gray-100{background-color:var(--color-gray-100)}.hover\:bg-color-gray-200:hover{background-color:var(--color-gray-200)}.active\:bg-color-white:active{background-color:var(--color-white)}.bg-color-zinc-500{background-color:var(--color-zinc-500)}.border-color-zinc-600{border-color:var(--color-zinc-600)}.shadow-color-zinc-200{--uni-shadow-color: var(--color-zinc-200) }.hover\:bg-color-zinc-600:hover{background-color:var(--color-zinc-600)}.active\:bg-color-zinc-700:active{background-color:var(--color-zinc-700)}.bg-color-red-200{background-color:var(--color-red-200)}.border-color-red-600\/50{border-color:color-mix(in srgb,var(--color-red-600) 50%,transparent)}.shadow-color-red-200{--uni-shadow-color: var(--color-red-200) }.active\:bg-color-red-700:active{background-color:var(--color-red-700)}.bg-color-orange-200{background-color:var(--color-orange-200)}.border-color-orange-600\/50{border-color:color-mix(in srgb,var(--color-orange-600) 50%,transparent)}.shadow-color-orange-200{--uni-shadow-color: var(--color-orange-200) }.active\:bg-color-orange-700:active{background-color:var(--color-orange-700)}.bg-color-amber-200{background-color:var(--color-amber-200)}.border-color-amber-600\/50{border-color:color-mix(in srgb,var(--color-amber-600) 50%,transparent)}.shadow-color-amber-200{--uni-shadow-color: var(--color-amber-200) }.active\:bg-color-amber-700:active{background-color:var(--color-amber-700)}.bg-color-yellow-200{background-color:var(--color-yellow-200)}.border-color-yellow-600\/50{border-color:color-mix(in srgb,var(--color-yellow-600) 50%,transparent)}.shadow-color-yellow-200{--uni-shadow-color: var(--color-yellow-200) }.active\:bg-color-yellow-700:active{background-color:var(--color-yellow-700)}.bg-color-lime-200{background-color:var(--color-lime-200)}.border-color-lime-600\/50{border-color:color-mix(in srgb,var(--color-lime-600) 50%,transparent)}.shadow-color-lime-200{--uni-shadow-color: var(--color-lime-200) }.active\:bg-color-lime-700:active{background-color:var(--color-lime-700)}.bg-color-green-200{background-color:var(--color-green-200)}.border-color-green-600\/50{border-color:color-mix(in srgb,var(--color-green-600) 50%,transparent)}.shadow-color-green-200{--uni-shadow-color: var(--color-green-200) }.active\:bg-color-green-700:active{background-color:var(--color-green-700)}.bg-color-emerald-200{background-color:var(--color-emerald-200)}.border-color-emerald-600\/50{border-color:color-mix(in srgb,var(--color-emerald-600) 50%,transparent)}.shadow-color-emerald-200{--uni-shadow-color: var(--color-emerald-200) }.active\:bg-color-emerald-700:active{background-color:var(--color-emerald-700)}.bg-color-teal-200{background-color:var(--color-teal-200)}.border-color-teal-600\/50{border-color:color-mix(in srgb,var(--color-teal-600) 50%,transparent)}.shadow-color-teal-200{--uni-shadow-color: var(--color-teal-200) }.active\:bg-color-teal-700:active{background-color:var(--color-teal-700)}.bg-color-cyan-200{background-color:var(--color-cyan-200)}.border-color-cyan-600\/50{border-color:color-mix(in srgb,var(--color-cyan-600) 50%,transparent)}.shadow-color-cyan-200{--uni-shadow-color: var(--color-cyan-200) }.active\:bg-color-cyan-700:active{background-color:var(--color-cyan-700)}.bg-color-sky-200{background-color:var(--color-sky-200)}.border-color-sky-600\/50{border-color:color-mix(in srgb,var(--color-sky-600) 50%,transparent)}.shadow-color-sky-200{--uni-shadow-color: var(--color-sky-200) }.active\:bg-color-sky-700:active{background-color:var(--color-sky-700)}.bg-color-blue-200{background-color:var(--color-blue-200)}.border-color-blue-600\/50{border-color:color-mix(in srgb,var(--color-blue-600) 50%,transparent)}.shadow-color-blue-200{--uni-shadow-color: var(--color-blue-200) }.active\:bg-color-blue-700:active{background-color:var(--color-blue-700)}.bg-color-indigo-200{background-color:var(--color-indigo-200)}.border-color-indigo-600\/50{border-color:color-mix(in srgb,var(--color-indigo-600) 50%,transparent)}.shadow-color-indigo-200{--uni-shadow-color: var(--color-indigo-200) }.active\:bg-color-indigo-700:active{background-color:var(--color-indigo-700)}.bg-color-violet-200{background-color:var(--color-violet-200)}.border-color-violet-600\/50{border-color:color-mix(in srgb,var(--color-violet-600) 50%,transparent)}.shadow-color-violet-200{--uni-shadow-color: var(--color-violet-200) }.active\:bg-color-violet-700:active{background-color:var(--color-violet-700)}.bg-color-purple-200{background-color:var(--color-purple-200)}.border-color-purple-600\/50{border-color:color-mix(in srgb,var(--color-purple-600) 50%,transparent)}.shadow-color-purple-200{--uni-shadow-color: var(--color-purple-200) }.active\:bg-color-purple-700:active{background-color:var(--color-purple-700)}.bg-color-fuchsia-200{background-color:var(--color-fuchsia-200)}.border-color-fuchsia-600\/50{border-color:color-mix(in srgb,var(--color-fuchsia-600) 50%,transparent)}.shadow-color-fuchsia-200{--uni-shadow-color: var(--color-fuchsia-200) }.active\:bg-color-fuchsia-700:active{background-color:var(--color-fuchsia-700)}.bg-color-pink-200{background-color:var(--color-pink-200)}.border-color-pink-600\/50{border-color:color-mix(in srgb,var(--color-pink-600) 50%,transparent)}.shadow-color-pink-200{--uni-shadow-color: var(--color-pink-200) }.active\:bg-color-pink-700:active{background-color:var(--color-pink-700)}.bg-color-rose-200{background-color:var(--color-rose-200)}.border-color-rose-600\/50{border-color:color-mix(in srgb,var(--color-rose-600) 50%,transparent)}.shadow-color-rose-200{--uni-shadow-color: var(--color-rose-200) }.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.w-8{width:2rem}.h-8{height:2rem}.text-base{font-size:var(--text-base)}.w-12{width:3rem}.h-12{height:3rem}.text-2xl{font-size:var(--text-2xl)}.w-16{width:4rem}.h-16{height:4rem}.text-3xl{font-size:var(--text-3xl)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:999999px}.border{border-width:1px;border-style:var(--uni-border-style)}.border-color-gray-300{border-color:var(--color-gray-300)}.bg-color-gray-50{background-color:var(--color-gray-50)}.flex{display:flex}.justify-center{justify-content:center}.gap-2{gap:.5rem}.text-center{text-align:center}.font-semibold{font-weight:600}.focus\:ring-1:focus{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-color-primary{--uni-ring-color: var(--color-primary);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.font-medium{font-weight:500}.text-sm{font-size:var(--text-sm)}.font-normal{font-weight:400}.text-xs{font-size:var(--text-xs)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:.5rem}.max-w-xs{max-width:var(--container-xs)}.py-1{padding-block:.25rem}.rounded{border-radius:4px}.shadow-md{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pointer-events-none{pointer-events:none}.pt-24{padding-top:6rem}.px-4{padding-inline:1rem}.py-2{padding-block:.5rem}.bg-color-blue-600{background-color:var(--color-blue-600)}.bg-color-green-600{background-color:var(--color-green-600)}.bg-color-red-600{background-color:var(--color-red-600)}.gap-10{gap:2.5rem}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-10{width:2.5rem}.h-3{height:.75rem}.items-center{align-items:center}.transition-color{--uni-transition-property: color;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.absolute{position:absolute}.inset-0{top:0rem;right:0rem;bottom:0rem;left:0rem}.bg-color-gray-400{background-color:var(--color-gray-400)}.top-0\.5{top:.125rem}.left-0\.5{left:.125rem}.size-5{width:1.25rem;height:1.25rem}.translate-x-5{--uni-translate-x: 1.25rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-x-0{--uni-translate-x: 0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:.75rem;height:.75rem}.w-11{width:2.75rem}.h-6{height:1.5rem}.bg-color-gray-300{background-color:var(--color-gray-300)}.top-\[4px\]{top:4px}.left-1{left:.25rem}.w-4{width:1rem}.h-4{height:1rem}.translate-x-\[19px\]{--uni-translate-x: 19px;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-0{--uni-translate-x: -0rem ;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.flex-wrap{flex-wrap:wrap}:where(.space-x-2>:not(:last-child)){margin-right:.5rem}:where(.space-y-2>:not(:last-child)){margin-bottom:.5rem}:where(.space-y-4>:not(:last-child)){margin-bottom:1rem}.mt-1{margin-top:.25rem}.text-gray-500{font-size:var(--text-gray-500)}.px-6{padding-inline:1.5rem}.py-3{padding-block:.75rem}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.border-color-gray-200{border-color:var(--color-gray-200)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.border-0{border-width:0px;border-style:var(--uni-border-style)}.not-last\:border-b-1:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:border-r-1:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.bg-color-transparent{background-color:transparent}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.w-full{width:100%}.mb-1{margin-bottom:.25rem}.block{display:block}.focus-within\:ring-1:focus-within{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.pl-3{padding-left:.75rem}.grow{flex-grow:1}.placeholder\:font-normal::placeholder{font-weight:400}.pr-3{padding-right:.75rem}.text-color-gray-800{color:var(--color-gray-800)}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.gap-1{gap:.25rem}.resize-none{resize:none}.focus\:outline-none:focus{outline-width:none;outline-style:var(--uni-outline-style)}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px;border-style:var(--uni-border-style)}:where(.space-x-6>:not(:last-child)){margin-right:1.5rem}.border-b{border-bottom-width:1px;border-style:var(--uni-border-style)}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:1rem}.text-color-gray-600{color:var(--color-gray-600)}.hover\:text-color-blue-500:hover{color:var(--color-blue-500)}:where(.space-x-3>:not(:last-child)){margin-right:.75rem}.right-0{right:0rem}.top-3{top:.75rem}.bottom-3{bottom:.75rem}.w-1{width:.25rem}.bottom-0{bottom:0rem}.left-0{left:0rem}.h-1{height:.25rem}.mt-4{margin-top:1rem}.ml-6{margin-left:1.5rem}.mt-0{margin-top:0rem}.size-4{width:1rem;height:1rem}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:0rem}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:2.5rem}.text-left{text-align:left}.border-t{border-top-width:1px;border-style:var(--uni-border-style)}.justify-between{justify-content:space-between}.w-9{width:2.25rem}.h-9{height:2.25rem}.leading-none{line-height:1}.bg-color-blue-100{background-color:var(--color-blue-100)}.bg-color-red-100{background-color:var(--color-red-100)}.bg-color-yellow-100{background-color:var(--color-yellow-100)}.text-color-yellow-600{color:var(--color-yellow-600)}.bg-color-yellow-400{background-color:var(--color-yellow-400)}.min-w-10{min-width:2.5rem}.shrink-0{flex-shrink:0}.text-nowrap{text-wrap:nowrap}.py-0\.5{padding-block:.125rem}.bg-color-green-100{background-color:var(--color-green-100)}.text-color-green-600{color:var(--color-green-600)}.w-fit{width:fit-content}.text-color-gray-400{color:var(--color-gray-400)}.p-1{padding:.25rem}.bg-color-blue-50{background-color:var(--color-blue-50)}.border-color-blue-200{border-color:var(--color-blue-200)}.text-color-blue-600{color:var(--color-blue-600)}.border-color-blue-300{border-color:var(--color-blue-300)}.text-color-red-600{color:var(--color-red-600)}.border-color-red-300{border-color:var(--color-red-300)}.border-color-yellow-300{border-color:var(--color-yellow-300)}.px-3{padding-inline:.75rem}.select-none{-webkit-user-select:none;user-select:none}.px-1{padding-inline:.25rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-3{width:.75rem}.flex-shrink-0{flex:shrink-0}.ml-1{margin-left:.25rem}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.rotate-180{rotate:180deg}.top-full{top:100%}.shadow-lg{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.z-20{z-index:20}:where(.space-y-1>:not(:last-child)){margin-bottom:.25rem}.max-h-32{max-height:8rem}.scale-75{scale:75%}.flex-1{flex:1}.hover\:text-color-blue-800:hover{color:var(--color-blue-800)}.min-w-max{min-width:max-content}.whitespace-nowrap{white-space:nowrap}:where(.space-x-1>:not(:last-child)){margin-right:.25rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.ring{--uni-ring-shadow: 0 0 0 1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mx-4{margin-left:1rem;margin-right:1rem}.size-6{width:1.5rem;height:1.5rem}.z-40{z-index:40}.bg-color-black\/10{background-color:color-mix(in srgb,var(--color-black) 10%,transparent)}.backdrop-blur-\[1px\]{--uni-backdrop-blur: blur(1px);-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.min-w-72{min-width:18rem}.max-w-lg{max-width:var(--container-lg)}.shadow-xl{--uni-shadow: 0 20px 25px -5px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.gap-3{gap:.75rem}.backdrop-blur-sm{--uni-backdrop-blur: blur(var(--blur-sm));-webkit-backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia);backdrop-filter:var(--uni-backdrop-blur) var(--uni-backdrop-brightness) var(--uni-backdrop-contrast) var(--uni-backdrop-grayscale) var(--uni-backdrop-hue-rotate) var(--uni-backdrop-invert) var(--uni-backdrop-saturate) var(--uni-backdrop-opacity) var(--uni-backdrop-sepia)}.border-color-white\/20{border-color:color-mix(in srgb,var(--color-white) 20%,transparent)}.leading-relaxed{line-height:1.625}.-mr-1{margin-right:-.25rem}.h-2{height:.5rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.mr-3{margin-right:.75rem}.min-w-\[2rem\]{min-width:2rem}.opacity-60{opacity:.6}.duration-150{--uni-transition-duration: .15s;transition-duration:var(--uni-transition-duration, .15s)}.top-1\/2{top:50%}.-translate-y-1\/2{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.border-2{border-width:2px;border-style:var(--uni-border-style)}.hover\:shadow-lg:hover{--uni-shadow: 0 10px 15px -3px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.scale-110{scale:110%}.ring-2{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-offset-1{--uni-ring-shadow: 0 0 0 offset-1px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.ring-blue-300{--uni-ring-shadow: 0 0 0 blue-300px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.mt-2{margin-top:.5rem}.ml-3{margin-left:.75rem}.text-right{text-align:right}.w-80{width:20rem}.mb-2{margin-bottom:.5rem}:where(.space-y-8>:not(:last-child)){margin-bottom:2rem}.capitalize{text-transform:capitalize}.animate-pulse{animation:var(--animate-pulse)}.bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.35\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff59,#fff0)}.mb-4{margin-bottom:1rem}.pb-6{padding-bottom:1.5rem}.no-underline{text-decoration-line:none}.h-\[30px\]{height:30px}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:none;outline-style:var(--uni-outline-style)}.\!bg-color-gray-50{background-color:var(--color-gray-50)!important}.shadow-color-zinc-100{--uni-shadow-color: var(--color-zinc-100) }.right-3{right:.75rem}.fill-color-yellow-500{fill:var(--color-yellow-500)}.fill-color-gray-300{fill:var(--color-gray-300)}.w-6{width:1.5rem}.ml-2{margin-left:.5rem}.mb-3{margin-bottom:.75rem}.text-color-red-700{color:var(--color-red-700)}.gap-4{gap:1rem}.hover\:border-color-gray-400:hover{border-color:var(--color-gray-400)}.hover\:shadow-md:hover{--uni-shadow: 0 4px 6px -1px var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.top-2{top:.5rem}.right-2{right:.5rem}.text-white{font-size:var(--text-white)}.shadow-sm{--uni-shadow: 0 1px 3px 0 var(--uni-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--uni-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.items-start{align-items:flex-start}.h-full{height:100%}.gap-6{gap:1.5rem}.hover\:opacity-90:hover{opacity:.9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.border-color-gray-400{border-color:var(--color-gray-400)}.w-96{width:24rem}.max-h-40{max-height:10rem}.bg-color-green-50{background-color:var(--color-green-50)}.p-6{padding:1.5rem}.-top-2{top:-.5rem}.-right-2{right:-.5rem}.max-w-2xl{max-width:var(--container-2xl)}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.bg-color-purple-50{background-color:var(--color-purple-50)}.p-8{padding:2rem}.border-4{border-width:4px;border-style:var(--uni-border-style)}.rounded-2xl{border-radius:var(--radius-2xl)}.-top-3{top:-.75rem}.-right-3{right:-.75rem}.text-color-yellow-300{color:var(--color-yellow-300)}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.max-w-3xl{max-width:var(--container-3xl)}.p-5{padding:1.25rem}.mt-3{margin-top:.75rem}.pt-3{padding-top:.75rem}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-\[0\.35rem\]{padding-block:.35rem}.-ml-1{margin-left:-.25rem}.mr-1{margin-right:.25rem}.\!w-4{width:1rem!important}.\!h-4{height:1rem!important}.\!w-5{width:1.25rem!important}.\!h-5{height:1.25rem!important}.\!w-6{width:1.5rem!important}.\!h-6{height:1.5rem!important}:where(.space-x-4>:not(:last-child)){margin-right:1rem}.min-w-20{min-width:5rem}.max-w-60{max-width:15rem}.bottom-7{bottom:1.75rem}.top-6{top:1.5rem}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-bottom-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.ml-4{margin-left:1rem}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:2rem;height:2rem}.size-12{width:3rem;height:3rem}.size-10{width:2.5rem;height:2.5rem}.\!text-color-gray-400{color:var(--color-gray-400)!important}.hover\:bg-color-transparent:hover{background-color:transparent}.\!border-color-gray-200{border-color:var(--color-gray-200)!important}.\!bg-color-gray-200{background-color:var(--color-gray-200)!important}.max-w-md{max-width:var(--container-md)}.object-contain{object-fit:contain}.mx-auto{margin-inline:auto}.border-style-dashed{--uni-border-style: dashed;border-style:var(--uni-border-style)}.p-0{padding:0rem}.bg-color-red-50{background-color:var(--color-red-50)}.pt-6{padding-top:1.5rem}.pb-4{padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.grid{display:grid}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.hover\:text-color-gray-700:hover{color:var(--color-gray-700)}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.p-0\.5{padding:.125rem}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.border-color-gray-100{border-color:var(--color-gray-100)}.focus\:border-color-gray-400:focus{border-color:var(--color-gray-400)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.my-1{margin-top:.25rem;margin-bottom:.25rem}.\!rounded-full{border-radius:999999px!important}.min-w-96{min-width:24rem}.min-h-40{min-height:10rem}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.z-99{z-index:99}.translate-x-full{--uni-translate-x: 100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-x-full{--uni-translate-x: -100%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.justify-end{justify-content:flex-end}.pl-4{padding-left:1rem}.pt-4{padding-top:1rem}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.scale-100{scale:100%}.scale-95{scale:95%}.h-\[calc\(100\%_-_40px\)\]{height:calc(100% - 40px)}.m-5{margin:1.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:2rem}.hover\:bg-color-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-color-gray-300:hover{background-color:var(--color-gray-300)}.border-l{border-left-width:1px;border-style:var(--uni-border-style)}.w-72{width:18rem}.grid-columns-7{grid-template-columns:repeat(7,minmax(0,1fr))}.hover\:bg-color-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-color-blue-500:hover{background-color:var(--color-blue-500)}.\!cursor-not-allowed{cursor:not-allowed!important}.\!justify-between{justify-content:space-between!important}.focus\:ring-2:focus{--uni-ring-shadow: 0 0 0 2px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--uni-ring-shadow: 0 0 0 blue-500px var(--uni-ring-color, currentColor);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.hover\:bg-color-gray-400:hover{background-color:var(--color-gray-400)}.\!border-color-red-500{border-color:var(--color-red-500)!important}.\!text-color-red-500{color:var(--color-red-500)!important}.\!border-color-green-500{border-color:var(--color-green-500)!important}.\!text-color-green-500{color:var(--color-green-500)!important}.grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.justify-items-center{justify-items:center}.not-last\:border-b:not(:last-child){border-bottom-width:1px;border-style:var(--uni-border-style)}.not-last\:pb-4:not(:last-child){padding-bottom:1rem}.text-md{font-size:var(--text-md)}.h-auto{height:auto}.h-px{height:1px}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.w-\[16px\]{width:16px}.h-\[16px\]{height:16px}.checked\:bg-color-blue-500:checked{background-color:var(--color-blue-500)}.checked\:border-color-blue-500:checked{border-color:var(--color-blue-500)}.text-color-transparent{color:transparent}.checked\:text-color-white:checked{color:var(--color-white)}.after\:content-\[✓\]:after{content:"✓"}.after\:absolute:after{position:absolute}.after\:left-0\.5:after{left:.125rem}.after\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.cursor-default{cursor:default}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.bg-color-white\/80{background-color:color-mix(in srgb,var(--color-white) 80%,transparent)}.hover\:bg-color-white:hover{background-color:var(--color-white)}.top-1{top:.25rem}.right-1{right:.25rem}.bottom-1{bottom:.25rem}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.bottom-2{bottom:.5rem}.rotate-90{rotate:90deg}.w-2{width:.5rem}.hover\:opacity-100:hover{opacity:1}.border-color-gray-800{border-color:var(--color-gray-800)}.scale-105{scale:105%}.opacity-70{opacity:.7}.\!border-none{border-width:0px!important}.h-fit{height:fit-content}.text-color-blue-primary{color:var(--color-blue-primary)}.pr-1{padding-right:.25rem}.text-color-primary{color:var(--color-primary)}.text-color-secondary{color:var(--color-secondary)}.shadow-xs{--uni-shadow: 0 1px 2px 0 var(--uni-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.\!w-full{width:100%!important}.\!h-full{height:100%!important}.px-5{padding-inline:1.25rem}.\!text-color-gray-300{color:var(--color-gray-300)!important}.\!bg-color-gray-300{background-color:var(--color-gray-300)!important}.\!text-color-white{color:var(--color-white)!important}.hover\:underline:hover{text-decoration-line:underline}.mx-2{margin-left:.5rem;margin-right:.5rem}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:4rem}.\!bg-color-red-50{background-color:var(--color-red-50)!important}.text-color-red-400{color:var(--color-red-400)}.text-color-red-800{color:var(--color-red-800)}.px-\[10px\]{padding-inline:10px}.translate-x-1\/2{--uni-translate-x: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-y-1\/2{--uni-translate-y: 50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.items-end{align-items:flex-end}.z-999{z-index:999}.pointer-events-auto{pointer-events:auto}.size-14{width:3.5rem;height:3.5rem}.size-20{width:5rem;height:5rem}:where(.-space-x-2>:not(:last-child)){margin-right:-.5rem}.ring-color-white{--uni-ring-color: var(--color-white);box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.max-h-56{max-height:14rem}.overflow-auto{overflow:auto}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.border-color-green-300{border-color:var(--color-green-300)}.text-color-green-800{color:var(--color-green-800)}.bg-color-yellow-50{background-color:var(--color-yellow-50)}.text-color-yellow-800{color:var(--color-yellow-800)}.size-7{width:1.75rem;height:1.75rem}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.gap-20{gap:5rem}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.\!bg-color-gray-100{background-color:var(--color-gray-100)!important}.dark .dark\:text-color-gray-200{color:var(--color-gray-200)}.dark .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}.dark .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}.dark .dark\:border-color-gray-700{border-color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}.dark .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}@media (prefers-color-scheme: dark){html[data-theme=system] .dark\:text-color-gray-200{color:var(--color-gray-200)}html[data-theme=system] .dark\:shadow-none{--uni-shadow: 0 0 #0000;box-shadow:var(--uni-inset-shadow, 0 0 #0000),var(--uni-inset-ring-shadow, 0 0 #0000),var(--uni-ring-shadow, 0 0 #0000),var(--uni-shadow, 0 0 #0000)}html[data-theme=system] .dark\:bg-gradient-\[linear-gradient\(90deg\,_rgba\(255\,_255\,_255\,_0\)_0\%\,_rgba\(255\,_255\,_255\,_0\.1\)_50\%\,_rgba\(255\,_255\,_255\,_0\)_100\%\)\]{background-image:linear-gradient(90deg,#fff0,#ffffff1a,#fff0)}html[data-theme=system] .dark\:border-color-gray-700{border-color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}html[data-theme=system] .dark\:shadow-color-gray-900{--uni-shadow-color: var(--color-gray-900)}}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:1rem}.sm\:gap-4{gap:1rem}}@media (min-width: 48rem){.md\:\!flex{display:flex!important}.md\:hidden{display:none}.md\:grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}.md\:nth-2\:border-r-0:nth-child(2){border-right-width:0px;border-style:var(--uni-border-style)}.md\:not-last\:border-b-0:not(:last-child){border-bottom-width:0px;border-style:var(--uni-border-style)}.md\:p-2{padding:.5rem}.md\:w-10{width:2.5rem}.md\:h-10{height:2.5rem}.md\:text-lg{font-size:var(--text-lg)}.md\:left-2{left:.5rem}.md\:top-2{top:.5rem}.md\:right-2{right:.5rem}.md\:bottom-2{bottom:.5rem}.md\:mt-3{margin-top:.75rem}.md\:bottom-3{bottom:.75rem}.md\:right-3{right:.75rem}.md\:w-\[10px\]{width:10px}.md\:h-\[10px\]{height:10px}.md\:gap-2{gap:.5rem}}@media (min-width: 64rem){.lg\:max-h-\[calc\(100vh_-_200px\)\]{max-height:calc(100vh - 200px)}.lg\:grid-columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:not-last\:border-r:not(:last-child){border-right-width:1px;border-style:var(--uni-border-style)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}
package/dist/uniui.js CHANGED
@@ -420,14 +420,13 @@ const ke = {
420
420
  onChange: n,
421
421
  className: i = "",
422
422
  labelClass: r = "",
423
- id: l
423
+ id: l,
424
+ defaultChecked: s
424
425
  }) => {
425
- const s = o !== void 0, [c, p] = W(
426
- o !== void 0 ? o : !1
427
- ), g = (u) => {
428
- const d = u.target.checked;
429
- s || p(d), n == null || n(d);
430
- }, m = s ? o : c;
426
+ const c = o !== void 0, [p, g] = W(s || !1), m = (d) => {
427
+ const h = d.target.checked;
428
+ c || g(h), n == null || n(h);
429
+ }, u = c ? o : p;
431
430
  return /* @__PURE__ */ C(
432
431
  "label",
433
432
  {
@@ -452,10 +451,8 @@ const ke = {
452
451
  after:font-bold
453
452
  ${i}
454
453
  `,
455
- checked: m,
456
- defaultChecked: s ? void 0 : m,
457
- disabled: t,
458
- onChange: g
454
+ checked: u,
455
+ onChange: m
459
456
  }
460
457
  ),
461
458
  e && /* @__PURE__ */ a("span", { className: `text-sm text-color-gray-700 ${r}`, children: e })
@@ -3620,6 +3617,7 @@ const Qr = ({
3620
3617
  /* @__PURE__ */ a(
3621
3618
  "button",
3622
3619
  {
3620
+ type: "button",
3623
3621
  className: "ml-2 p-1 bg-color-red-50 rounded-full text-color-red-500 hover:text-color-red-700 cursor-pointer",
3624
3622
  onClick: () => q(F),
3625
3623
  children: /* @__PURE__ */ a("svg", { className: "size-4", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z" }) })
@@ -6858,6 +6856,7 @@ const sa = xn(function({
6858
6856
  /* @__PURE__ */ a(
6859
6857
  "button",
6860
6858
  {
6859
+ type: "button",
6861
6860
  "aria-label": "prev",
6862
6861
  onClick: V,
6863
6862
  className: `absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
@@ -6868,6 +6867,7 @@ const sa = xn(function({
6868
6867
  /* @__PURE__ */ a(
6869
6868
  "button",
6870
6869
  {
6870
+ type: "button",
6871
6871
  "aria-label": "next",
6872
6872
  onClick: H,
6873
6873
  className: `absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
@@ -6884,6 +6884,7 @@ const sa = xn(function({
6884
6884
  (U, re) => /* @__PURE__ */ a(
6885
6885
  "button",
6886
6886
  {
6887
+ type: "button",
6887
6888
  onClick: () => N(
6888
6889
  Math.round(
6889
6890
  re / (le() - 1) * M
@@ -7197,11 +7198,11 @@ const sa = xn(function({
7197
7198
  "aria-labelledby": z,
7198
7199
  variant: x = "radio",
7199
7200
  cardClassName: $ = "",
7200
- selectedBodyBgColor: w = "border-color-green-500 bg-color-green-50",
7201
+ selectedBodyClassName: w = "border-color-green-500 bg-color-green-50",
7201
7202
  showTick: O = !0,
7202
7203
  tickIcon: D,
7203
7204
  tickClassName: q = "",
7204
- tickIconSize: ee = "w-4 h-4",
7205
+ tickIconClassName: ee = "w-4 h-4",
7205
7206
  showToggleButton: K = !1,
7206
7207
  toggleButtonIcon: B
7207
7208
  }) => {
@@ -7675,6 +7676,7 @@ function ba({ items: e, trigger: o, className: t, dropdownItemClass: n, position
7675
7676
  children: e.map((f, b) => /* @__PURE__ */ C(
7676
7677
  "button",
7677
7678
  {
7679
+ type: "button",
7678
7680
  disabled: f.disabled,
7679
7681
  onClick: () => {
7680
7682
  var y;
@@ -7804,6 +7806,7 @@ const jr = ({
7804
7806
  /* @__PURE__ */ C(
7805
7807
  "button",
7806
7808
  {
7809
+ type: "button",
7807
7810
  onClick: h,
7808
7811
  className: `flex justify-between items-center w-full p-4 bg-color-gray-50 hover:bg-color-gray-200 transition ${c}`,
7809
7812
  children: [
@@ -7866,6 +7869,7 @@ const jr = ({
7866
7869
  /* @__PURE__ */ a(
7867
7870
  "button",
7868
7871
  {
7872
+ type: "button",
7869
7873
  onClick: () => {
7870
7874
  s(!1), t == null || t();
7871
7875
  },
@@ -8521,6 +8525,7 @@ const jr = ({
8521
8525
  return /* @__PURE__ */ C(
8522
8526
  "button",
8523
8527
  {
8528
+ type: "button",
8524
8529
  onClick: () => t(u.key),
8525
8530
  className: `relative flex ${m ? "flex-row items-center px-4 py-3" : "flex-col items-center py-4"}
8526
8531
  text-sm font-medium transition-color duration-200 bg-color-transparent
@@ -8612,6 +8617,7 @@ function Ma({
8612
8617
  ) : /* @__PURE__ */ C(
8613
8618
  "button",
8614
8619
  {
8620
+ type: "button",
8615
8621
  onClick: () => g(m),
8616
8622
  className: `flex items-center gap-3 py-3 px-4 cursor-pointer rounded-full w-full no-underline
8617
8623
  ${m.label === (c == null ? void 0 : c.label) ? "bg-color-blue-500 text-color-white font-medium " : "hover:bg-color-gray-50 text-color-gray-600 bg-color-transparent"}
package/dist/uniui.umd.cjs CHANGED
@@ -18,7 +18,7 @@
18
18
  ${o||"w-fit rounded-md bg-color-white"}
19
19
  p-2 sm:p-4 overflow-hidden rounded-md
20
20
  ${t?" border border-color-gray-300":" !border-none "}
21
- `,children:e}),hn=({label:e,checked:o,disabled:t=!1,onChange:n,className:r="",labelClass:i="",id:l})=>{const s=o!==void 0,[c,u]=v.useState(o!==void 0?o:!1),g=p=>{const d=p.target.checked;s||u(d),n==null||n(d)},m=s?o:c;return a.jsxs("label",{className:`inline-flex items-center gap-2 cursor-pointer ${t?"opacity-50":""}`,children:[a.jsx("input",{id:l,type:"checkbox",className:`
21
+ `,children:e}),hn=({label:e,checked:o,disabled:t=!1,onChange:n,className:r="",labelClass:i="",id:l,defaultChecked:s})=>{const c=o!==void 0,[u,g]=v.useState(s||!1),m=d=>{const x=d.target.checked;c||g(x),n==null||n(x)},p=c?o:u;return a.jsxs("label",{className:`inline-flex items-center gap-2 cursor-pointer ${t?"opacity-50":""}`,children:[a.jsx("input",{id:l,type:"checkbox",className:`
22
22
  w-[16px] h-[16px] border border-color-gray-400 appearance-none
23
23
  checked:bg-color-blue-500 checked:border-color-blue-500
24
24
  focus:outline-none rounded-sm cursor-pointer transition
@@ -31,7 +31,7 @@
31
31
  after:text-[12px]
32
32
  after:font-bold
33
33
  ${r}
34
- `,checked:m,defaultChecked:s?void 0:m,disabled:t,onChange:g}),e&&a.jsx("span",{className:`text-sm text-color-gray-700 ${i}`,children:e})]})},xn=(e,o)=>{const[t,n]=v.useState(e);return v.useEffect(()=>{const r=setTimeout(()=>{n(e)},o);return()=>{clearTimeout(r)}},[e,o]),t},yn=({selected:e,items:o=[],className:t="",menuClassName:n="",stayOpenOnSelect:r=!1,onSelect:i,open:l,onToggle:s,maxHeight:c=200,position:u="auto",searchable:g=!1,searchPlaceholder:m="Search...",searchClassName:p="",multiple:d=!1,placeholder:x="Select",showClearAll:f=!1,disabled:w=!1,searchOn:b})=>{const[z,y]=v.useState(!1),[$,k]=v.useState(-1),[V,j]=v.useState("bottom"),[Z,ee]=v.useState(""),X=v.useRef(null),G=v.useRef(null),se=v.useRef(null),W=xn(Z,300),T=l!==void 0?l:z,D=_=>{l===void 0&&y(_),_||ee(""),s==null||s(_)},Q=d?Array.isArray(e)?e:[]:e&&!Array.isArray(e)?[e]:[],R=W?o.filter(_=>{const L=typeof _.label=="string"?_.label:String(_.label),H=_.value?String(_.value):"",B=W.toLowerCase(),re=b||"label";if(re==="label")return L.toLowerCase().includes(B);if(re==="value")return H.toLowerCase().includes(B);if(re==="both")return L.toLowerCase().includes(B)||H.toLowerCase().includes(B);{const P=_[re];return typeof P=="string"?P.toLowerCase().includes(B):!1}}):o,pe=R.filter(_=>Q.some(L=>L.label===_.label&&L.value===_.value)),M=R.filter(_=>!Q.some(L=>L.label===_.label&&L.value===_.value)),C=[...pe,...M],S=pe.length>0&&M.length>0,A=_=>{if(d){const L=Array.isArray(e)?e:[],B=L.some(re=>re.label===_.label&&re.value===_.value)?L.filter(re=>!(re.label===_.label&&re.value===_.value)):[...L,_];i==null||i(B)}else i==null||i(_),r||(D(!1),ee(""))},E=(_,L)=>{if(L.stopPropagation(),d&&Array.isArray(e)){const H=e.filter(B=>!(B.label===_.label&&B.value===_.value));i==null||i(H)}},O=_=>{_.stopPropagation(),i==null||i(d?[]:null)};v.useEffect(()=>{const _=L=>{X.current&&!X.current.contains(L.target)&&(D(!1),k(-1))};return document.addEventListener("mousedown",_),()=>document.removeEventListener("mousedown",_)},[]),v.useEffect(()=>{if(T&&X.current){if(u==="auto"){const _=X.current.getBoundingClientRect(),L=Math.min(o.length*40,c),H=window.innerHeight-_.bottom,B=_.top;j(H>=L||H>=B?"bottom":"top")}else j(u);g&&se.current&&se.current.focus()}},[T,o.length,c,u,g]);const Y=_=>{_.key==="ArrowDown"?(_.preventDefault(),T?k(L=>Math.min(L+1,C.length-1)):(D(!0),k(0))):_.key==="ArrowUp"?(_.preventDefault(),k(L=>Math.max(L-1,0))):_.key==="Enter"?(_.preventDefault(),$>=0&&C[$]&&(A(C[$]),C[$].onClick(C[$]))):_.key==="Escape"&&(_.preventDefault(),D(!1),k(-1),ee(""))},N=()=>{if(d){if(Q.length===0)return a.jsx("span",{className:"text-color-gray-400",children:x});const L=Q[0],H=Q.length-1;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-color-gray-100 rounded-md",children:[a.jsx("span",{children:L.label}),a.jsx("button",{type:"button",onClick:B=>E(L,B),className:"ml-1 text-color-gray-500 hover:text-color-gray-700",children:a.jsx("svg",{className:"size-3",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"})})})]}),H>0&&a.jsxs("span",{className:"text-sm text-color-gray-500",children:["+",H," more"]})]})}const _=Q[0];return _?a.jsx("span",{children:_.label}):a.jsx("span",{className:"text-color-gray-400",children:x})};return a.jsxs("div",{ref:X,className:"relative inline-block w-full",children:[a.jsxs("button",{type:"button",onClick:()=>!w&&D(!T),onKeyDown:Y,disabled:w,className:`flex items-center justify-between w-full px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed ${t}`,children:[a.jsx("div",{className:"flex-1 text-left truncate",children:N()}),a.jsxs("div",{className:"flex items-center gap-1 ml-2",children:[Q.length>0&&f&&a.jsx("span",{role:"button",onClick:O,className:"p-0.5 text-color-gray-400 hover:text-color-gray-600",children:a.jsx("svg",{className:"size-4",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"})})}),T?a.jsx("svg",{className:"text-color-gray-500 size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"})}):a.jsx("svg",{className:"text-color-gray-500 size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})]})]}),T&&a.jsxs("div",{className:`absolute right-0 z-10 w-full rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 dark:shadow-color-gray-900 border border-color-gray-100 py-2 ${n}`,style:{bottom:V==="top"?"100%":"auto",top:V==="top"?"auto":"100%",marginBottom:V==="top"?"8px":"0",marginTop:V==="top"?"0":"8px"},children:[g&&a.jsx("div",{className:"px-2 pb-2",children:a.jsx("input",{ref:se,type:"text",value:Z,onChange:_=>{ee(_.target.value),k(0)},onKeyDown:Y,placeholder:m,className:`w-full px-3 py-2 text-sm bg-color-white border border-color-gray-200 rounded-lg focus:outline-none focus:border-color-gray-400 ${p}`})}),a.jsx("ul",{ref:G,className:"overflow-y-auto",style:{maxHeight:`${c}px`},children:C.length>0?a.jsxs(a.Fragment,{children:[pe.map((_,L)=>a.jsxs("li",{onClick:()=>{A(_),_.onClick(_)},className:`flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 bg-color-gray-200 hover:bg-color-gray-100
34
+ `,checked:p,onChange:m}),e&&a.jsx("span",{className:`text-sm text-color-gray-700 ${i}`,children:e})]})},xn=(e,o)=>{const[t,n]=v.useState(e);return v.useEffect(()=>{const r=setTimeout(()=>{n(e)},o);return()=>{clearTimeout(r)}},[e,o]),t},yn=({selected:e,items:o=[],className:t="",menuClassName:n="",stayOpenOnSelect:r=!1,onSelect:i,open:l,onToggle:s,maxHeight:c=200,position:u="auto",searchable:g=!1,searchPlaceholder:m="Search...",searchClassName:p="",multiple:d=!1,placeholder:x="Select",showClearAll:f=!1,disabled:w=!1,searchOn:b})=>{const[z,y]=v.useState(!1),[$,k]=v.useState(-1),[V,j]=v.useState("bottom"),[Z,ee]=v.useState(""),X=v.useRef(null),G=v.useRef(null),se=v.useRef(null),W=xn(Z,300),T=l!==void 0?l:z,D=_=>{l===void 0&&y(_),_||ee(""),s==null||s(_)},Q=d?Array.isArray(e)?e:[]:e&&!Array.isArray(e)?[e]:[],R=W?o.filter(_=>{const L=typeof _.label=="string"?_.label:String(_.label),H=_.value?String(_.value):"",B=W.toLowerCase(),re=b||"label";if(re==="label")return L.toLowerCase().includes(B);if(re==="value")return H.toLowerCase().includes(B);if(re==="both")return L.toLowerCase().includes(B)||H.toLowerCase().includes(B);{const P=_[re];return typeof P=="string"?P.toLowerCase().includes(B):!1}}):o,pe=R.filter(_=>Q.some(L=>L.label===_.label&&L.value===_.value)),M=R.filter(_=>!Q.some(L=>L.label===_.label&&L.value===_.value)),C=[...pe,...M],S=pe.length>0&&M.length>0,A=_=>{if(d){const L=Array.isArray(e)?e:[],B=L.some(re=>re.label===_.label&&re.value===_.value)?L.filter(re=>!(re.label===_.label&&re.value===_.value)):[...L,_];i==null||i(B)}else i==null||i(_),r||(D(!1),ee(""))},E=(_,L)=>{if(L.stopPropagation(),d&&Array.isArray(e)){const H=e.filter(B=>!(B.label===_.label&&B.value===_.value));i==null||i(H)}},O=_=>{_.stopPropagation(),i==null||i(d?[]:null)};v.useEffect(()=>{const _=L=>{X.current&&!X.current.contains(L.target)&&(D(!1),k(-1))};return document.addEventListener("mousedown",_),()=>document.removeEventListener("mousedown",_)},[]),v.useEffect(()=>{if(T&&X.current){if(u==="auto"){const _=X.current.getBoundingClientRect(),L=Math.min(o.length*40,c),H=window.innerHeight-_.bottom,B=_.top;j(H>=L||H>=B?"bottom":"top")}else j(u);g&&se.current&&se.current.focus()}},[T,o.length,c,u,g]);const Y=_=>{_.key==="ArrowDown"?(_.preventDefault(),T?k(L=>Math.min(L+1,C.length-1)):(D(!0),k(0))):_.key==="ArrowUp"?(_.preventDefault(),k(L=>Math.max(L-1,0))):_.key==="Enter"?(_.preventDefault(),$>=0&&C[$]&&(A(C[$]),C[$].onClick(C[$]))):_.key==="Escape"&&(_.preventDefault(),D(!1),k(-1),ee(""))},N=()=>{if(d){if(Q.length===0)return a.jsx("span",{className:"text-color-gray-400",children:x});const L=Q[0],H=Q.length-1;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-color-gray-100 rounded-md",children:[a.jsx("span",{children:L.label}),a.jsx("button",{type:"button",onClick:B=>E(L,B),className:"ml-1 text-color-gray-500 hover:text-color-gray-700",children:a.jsx("svg",{className:"size-3",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"})})})]}),H>0&&a.jsxs("span",{className:"text-sm text-color-gray-500",children:["+",H," more"]})]})}const _=Q[0];return _?a.jsx("span",{children:_.label}):a.jsx("span",{className:"text-color-gray-400",children:x})};return a.jsxs("div",{ref:X,className:"relative inline-block w-full",children:[a.jsxs("button",{type:"button",onClick:()=>!w&&D(!T),onKeyDown:Y,disabled:w,className:`flex items-center justify-between w-full px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed ${t}`,children:[a.jsx("div",{className:"flex-1 text-left truncate",children:N()}),a.jsxs("div",{className:"flex items-center gap-1 ml-2",children:[Q.length>0&&f&&a.jsx("span",{role:"button",onClick:O,className:"p-0.5 text-color-gray-400 hover:text-color-gray-600",children:a.jsx("svg",{className:"size-4",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"})})}),T?a.jsx("svg",{className:"text-color-gray-500 size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"})}):a.jsx("svg",{className:"text-color-gray-500 size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})]})]}),T&&a.jsxs("div",{className:`absolute right-0 z-10 w-full rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 dark:shadow-color-gray-900 border border-color-gray-100 py-2 ${n}`,style:{bottom:V==="top"?"100%":"auto",top:V==="top"?"auto":"100%",marginBottom:V==="top"?"8px":"0",marginTop:V==="top"?"0":"8px"},children:[g&&a.jsx("div",{className:"px-2 pb-2",children:a.jsx("input",{ref:se,type:"text",value:Z,onChange:_=>{ee(_.target.value),k(0)},onKeyDown:Y,placeholder:m,className:`w-full px-3 py-2 text-sm bg-color-white border border-color-gray-200 rounded-lg focus:outline-none focus:border-color-gray-400 ${p}`})}),a.jsx("ul",{ref:G,className:"overflow-y-auto",style:{maxHeight:`${c}px`},children:C.length>0?a.jsxs(a.Fragment,{children:[pe.map((_,L)=>a.jsxs("li",{onClick:()=>{A(_),_.onClick(_)},className:`flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 bg-color-gray-200 hover:bg-color-gray-100
35
35
  ${$===L?"bg-color-gray-100":""}`,children:[d&&a.jsx("span",{className:"flex items-center justify-center size-4 border rounded bg-color-blue-500 border-color-blue-500",children:a.jsx("svg",{className:"size-3 text-color-white",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"})})}),a.jsx("span",{className:"flex-1",children:_.label})]},`selected-${L}`)),S&&a.jsx("li",{className:"border-t border-color-gray-200 my-1"}),M.map((_,L)=>{const H=pe.length+(S?1:0)+L;return a.jsxs("li",{onClick:()=>{A(_),_.onClick(_)},className:`flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 hover:bg-color-gray-100
36
36
  ${$===H?"bg-color-gray-100":""}`,children:[d&&a.jsx("span",{className:"flex items-center justify-center size-4 border rounded border-color-gray-300"}),a.jsx("span",{className:"flex-1",children:_.label})]},`unselected-${L}`)})]}):a.jsx("li",{className:"px-4 py-2 text-sm text-color-gray-500",children:"No results found"})})]})]})};function Xt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ot={exports:{}},nt={exports:{}},ce={};/** @license React v16.13.1
37
37
  * react-is.production.min.js
@@ -62,7 +62,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
62
62
  ${se?"border-color-red-500 bg-color-red-50":""}
63
63
  ${l?"opacity-50 cursor-not-allowed":""}
64
64
  ${g}
65
- `,children:[a.jsxs("div",{...ee(),className:"flex flex-col items-center justify-center text-center px-6 pt-6 pb-4 cursor-pointer",children:[a.jsx("input",{...X()}),a.jsx("div",{className:`text-4xl mb-2 ${m}`,children:u}),a.jsx("p",{className:`text-sm font-medium ${p}`,children:s}),c&&a.jsx("p",{className:`text-xs mt-1 ${d}`,children:c})]}),k.length>0&&a.jsx("div",{className:"text-left text-sm text-color-red-600 px-6 pb-2 space-y-1",children:k.map((W,T)=>a.jsxs("p",{children:["• ",W]},T))}),x&&y.length>0&&a.jsx("ul",{className:`w-full ${f?"space-y-2":"grid grid-columns-2 gap-2"} px-4 pb-4`,children:y.map((W,T)=>a.jsxs("li",{className:"flex items-center justify-between bg-color-white rounded-md px-4 py-2 shadow-sm",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[w&&a.jsx("div",{className:"w-10 h-10 rounded bg-color-gray-100 overflow-hidden shrink-0",children:a.jsx("img",{src:W.type.startsWith("image/")?URL.createObjectURL(W):"https://img.icons8.com/ios-filled/50/pdf-2.png",className:"w-full h-full object-cover",alt:"preview"})}),a.jsx("div",{className:"text-sm max-w-[200px]",children:a.jsx("p",{className:"font-medium truncate text-xs text-color-gray-700",children:W.name})})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsxs("p",{className:"text-xs text-color-gray-400",children:[(W.size/1024).toFixed(2)," KB"]}),a.jsx("button",{className:"ml-2 p-1 bg-color-red-50 rounded-full text-color-red-500 hover:text-color-red-700 cursor-pointer",onClick:()=>Z(T),children:a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})})})]})]},T))})]})};function Ao({options:e=[],selectedValue:o,onChange:t=()=>{},placementTop:n}){const[r,i]=v.useState(!1),l=v.useRef(null);return v.useEffect(()=>{function s(c){l.current&&!l.current.contains(c.target)&&i(!1)}return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]),a.jsxs("div",{className:"relative w-fit rounded-md",ref:l,children:[a.jsxs("div",{className:"px-2 border border-color-gray-200 rounded-sm rounded-md flex items-center justify-center gap-1 cursor-pointer",onClick:()=>i(!r),children:[a.jsx("div",{className:"text-color-gray-700 flex text-sm font-medium leading-none",children:o}),a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})]}),r&&a.jsx("div",{className:`p-1 absolute mt-1 w-fit min-w-20 max-w-60 bg-color-white border border-color-gray-200 shadow-lg rounded-md
65
+ `,children:[a.jsxs("div",{...ee(),className:"flex flex-col items-center justify-center text-center px-6 pt-6 pb-4 cursor-pointer",children:[a.jsx("input",{...X()}),a.jsx("div",{className:`text-4xl mb-2 ${m}`,children:u}),a.jsx("p",{className:`text-sm font-medium ${p}`,children:s}),c&&a.jsx("p",{className:`text-xs mt-1 ${d}`,children:c})]}),k.length>0&&a.jsx("div",{className:"text-left text-sm text-color-red-600 px-6 pb-2 space-y-1",children:k.map((W,T)=>a.jsxs("p",{children:["• ",W]},T))}),x&&y.length>0&&a.jsx("ul",{className:`w-full ${f?"space-y-2":"grid grid-columns-2 gap-2"} px-4 pb-4`,children:y.map((W,T)=>a.jsxs("li",{className:"flex items-center justify-between bg-color-white rounded-md px-4 py-2 shadow-sm",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[w&&a.jsx("div",{className:"w-10 h-10 rounded bg-color-gray-100 overflow-hidden shrink-0",children:a.jsx("img",{src:W.type.startsWith("image/")?URL.createObjectURL(W):"https://img.icons8.com/ios-filled/50/pdf-2.png",className:"w-full h-full object-cover",alt:"preview"})}),a.jsx("div",{className:"text-sm max-w-[200px]",children:a.jsx("p",{className:"font-medium truncate text-xs text-color-gray-700",children:W.name})})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsxs("p",{className:"text-xs text-color-gray-400",children:[(W.size/1024).toFixed(2)," KB"]}),a.jsx("button",{type:"button",className:"ml-2 p-1 bg-color-red-50 rounded-full text-color-red-500 hover:text-color-red-700 cursor-pointer",onClick:()=>Z(T),children:a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})})})]})]},T))})]})};function Ao({options:e=[],selectedValue:o,onChange:t=()=>{},placementTop:n}){const[r,i]=v.useState(!1),l=v.useRef(null);return v.useEffect(()=>{function s(c){l.current&&!l.current.contains(c.target)&&i(!1)}return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]),a.jsxs("div",{className:"relative w-fit rounded-md",ref:l,children:[a.jsxs("div",{className:"px-2 border border-color-gray-200 rounded-sm rounded-md flex items-center justify-center gap-1 cursor-pointer",onClick:()=>i(!r),children:[a.jsx("div",{className:"text-color-gray-700 flex text-sm font-medium leading-none",children:o}),a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})]}),r&&a.jsx("div",{className:`p-1 absolute mt-1 w-fit min-w-20 max-w-60 bg-color-white border border-color-gray-200 shadow-lg rounded-md
66
66
  ${n?" bottom-7":" top-6"}`,children:e.map(s=>a.jsx("div",{className:`px-2 py-1 text-sm cursor-pointer rounded
67
67
  ${o===s?"bg-color-gray-100 text-color-gray-800 font-semibold":"hover:bg-color-gray-50"}`,onClick:()=>{t(s),i(!1)},children:s},String(s)))})]})}const Sr={small:"w-8 h-8 text-base",medium:"w-12 h-12 text-2xl",large:"w-16 h-16 text-3xl"},_r={none:"rounded-none",small:"rounded-sm",medium:"rounded-md",large:"rounded-lg",full:"rounded-full"},$r={outlined:"border border-color-gray-300 bg-transparent",filled:"border border-color-gray-300 bg-color-gray-50"},Fo=v.forwardRef(({className:e="",inputClass:o="",value:t="",onChange:n,onComplete:r,length:i=6,disabled:l=!1,size:s="medium",variant:c="outlined",rounded:u="medium",autoFocus:g=!1,...m},p)=>{const d=v.useRef([]);v.useEffect(()=>{g&&d.current[0]&&d.current[0].focus()},[g]);const x=(w,b)=>{var $;const z=w.target.value.replace(/[^0-9]/g,"").slice(0,1);if(!z&&t[b]===void 0)return;const y=t.substring(0,b)+z+t.substring(b+1,i);n==null||n(y),z&&b<i-1&&(($=d.current[b+1])==null||$.focus()),r&&y.length===i&&!y.split("").some(k=>!k)&&r(y)},f=(w,b)=>{var z,y,$;w.key==="Backspace"&&!t[b]&&b>0?(n==null||n(t.substring(0,b-1)+""+t.substring(b,i)),(z=d.current[b-1])==null||z.focus(),w.preventDefault()):w.key==="ArrowLeft"&&b>0?((y=d.current[b-1])==null||y.focus(),w.preventDefault()):w.key==="ArrowRight"&&b<i-1&&(($=d.current[b+1])==null||$.focus(),w.preventDefault())};return a.jsx("div",{className:`flex justify-center gap-2 ${e}`,children:Array.from({length:i}).map((w,b)=>a.jsx("input",{ref:z=>{d.current[b]=z},type:"text",inputMode:"numeric",autoComplete:"one-time-code",maxLength:1,disabled:l,className:`
68
68
  text-center font-semibold focus:ring-1 ring-color-primary outline-0 transition-all
@@ -136,9 +136,9 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
136
136
  ${Y==="max"?"ring-2 ring-offset-1 ring-blue-300":""}
137
137
  shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
138
138
  `,style:{left:`${W}%`},tabIndex:g?-1:0,role:"slider","aria-orientation":"horizontal","aria-valuemin":i,"aria-valuemax":l,"aria-valuenow":j,"aria-disabled":g,"aria-label":"Maximum value",onKeyDown:F=>P(F,"max"),onFocus:()=>N("max"),onBlur:()=>N(null),onPointerDown:F=>H(F,"max")})]})]}),d&&x.length>0&&a.jsx("div",{className:"relative mt-2 text-xs text-color-gray-500 dark:text-color-gray-200",children:x.map((F,ie)=>{const le=X(F.value);return a.jsx("div",{className:"absolute transform -translate-x-1/2 text-xs",style:{left:`${le}%`},children:F.label||F.value},ie)})})]}),p&&a.jsx("div",{className:"ml-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem] text-right",children:f?a.jsx("div",{className:"range-max",children:a.jsx("div",{children:j})}):a.jsx("span",{children:k})})]})})}),Sa=({open:e=!1,message:o,autoHideDuration:t=4e3,position:n="bottom-center",color:r="dark",onClose:i,action:l,className:s=""})=>{var m;v.useEffect(()=>{if(e&&t>0&&i){const p=setTimeout(()=>{i()},t);return()=>clearTimeout(p)}},[e,t,i]),v.useEffect(()=>{const p=d=>{d.key==="Escape"&&e&&i&&i()};if(e)return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[e,i]);const c=v.useCallback(()=>{i&&i()},[i]),u=p=>{const d="fixed z-50 transform transition-all duration-300 ease-in-out";switch(p){case"top-center":return`${d} top-4 left-1/2 -translate-x-1/2 ${e?"translate-y-0 opacity-100":"-translate-y-full opacity-0"}`;case"top-left":return`${d} top-4 left-4 ${e?"translate-y-0 opacity-100":"-translate-y-full opacity-0"}`;case"top-right":return`${d} top-4 right-4 ${e?"translate-y-0 opacity-100":"-translate-y-full opacity-0"}`;case"bottom-left":return`${d} bottom-4 left-4 ${e?"translate-y-0 opacity-100":"translate-y-full opacity-0"}`;case"bottom-right":return`${d} bottom-4 right-4 ${e?"translate-y-0 opacity-100":"translate-y-full opacity-0"}`;case"bottom-center":default:return`${d} bottom-4 left-1/2 -translate-x-1/2 ${e?"translate-y-0 opacity-100":"translate-y-full opacity-0"}`}},g=(m=xe[r])==null?void 0:m.filled;return e?a.jsxs(a.Fragment,{children:[e&&a.jsx("div",{className:"fixed inset-0 z-40 bg-color-black/10 backdrop-blur-[1px] md:hidden",onClick:c}),a.jsxs("div",{className:`min-w-72 max-w-lg mx-4 px-4 py-2 rounded-lg shadow-xl flex items-center justify-between gap-3 backdrop-blur-sm border border-color-white/20
139
- ${u(n)} ${g} ${s}`,role:"alert","aria-live":"assertive","aria-atomic":"true",children:[a.jsx("span",{className:"flex-1 text-sm font-medium leading-relaxed",children:o}),a.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[l&&a.jsx("div",{className:"flex items-center",children:l}),i&&a.jsx(_e,{color:"light",size:"small",icon:a.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),onClick:c,roundedFull:!0,className:"hover:!bg-color-white/10 -mr-1",variant:"transparent"})]})]})]}):null},_a=({variant:e="linear",value:o=0,color:t="blue",determinate:n=!0,className:r="",...i})=>{var g,m;const l=(g=xe[t])==null?void 0:g.outline,s=(m=xe[t])==null?void 0:m.filled,c=Math.min(Math.max(o,0),100);if(e==="circular"){const{size:p=40,thickness:d=4}=i,x=n?c/100*360:270;return a.jsxs("div",{className:`relative inline-block ${r}`,style:{width:p,height:p},role:"progressbar","aria-valuenow":n?c:void 0,"aria-valuemin":0,"aria-valuemax":100,children:[a.jsx("div",{className:"absolute inset-0 rounded-full border-4 border-color-gray-200 dark:border-color-gray-700",style:{borderWidth:d,width:p,height:p,boxSizing:"border-box"}}),a.jsx("div",{className:`absolute inset-0 rounded-full ${l} ${n?"":"animate-circular-indeterminate"}`,style:{width:p,height:p,borderWidth:d,borderStyle:"solid",transform:"rotate(-90deg)",borderRadius:"50%",boxSizing:"border-box",transition:"all 0.3s",background:"transparent",maskImage:`conic-gradient(black 0deg, black ${x}deg, transparent ${x}deg 360deg)`,WebkitMaskImage:`conic-gradient(black 0deg, black ${x}deg, transparent ${x}deg 360deg)`}})]})}const{thickness:u=4}=i;return a.jsx("div",{className:`inline-block w-full ${r}`,role:"progressbar","aria-valuenow":n?c:void 0,"aria-valuemin":0,"aria-valuemax":100,children:a.jsx("div",{className:"w-full bg-color-gray-200 dark:bg-color-gray-700 rounded-full overflow-hidden relative",style:{height:`${u}px`},children:n?a.jsx("div",{className:`h-full ${s} transition-all duration-300 ease-out`,style:{width:`${c}%`}}):a.jsx("div",{className:`absolute left-0 top-0 h-full ${s} animate-progress-indeterminate-gpu`,style:{width:"40%"}})})})},tn=a.jsx("svg",{className:"w-5 h-5 fill-color-yellow-500",fill:"currentColor",viewBox:"0 0 20 20",children:a.jsx("path",{d:"M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"})}),on=a.jsx("svg",{className:"w-5 h-5 fill-color-gray-300",fill:"none",stroke:"currentColor",viewBox:"0 0 20 20",children:a.jsx("path",{d:"M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"})}),gt={small:"w-4 h-4",medium:"w-6 h-6",large:"w-8 h-8"},$a=({value:e,onChange:o,readOnly:t=!1,disabled:n=!1,precision:r=1,max:i=5,size:l="medium",icon:s,emptyIcon:c,className:u="",showHoverValue:g=!1,showValue:m=!1,labels:p={}})=>{const[d,x]=v.useState(null),f=(y,$)=>{if(t||n||!o)return;const{left:k,width:V}=y.target.getBoundingClientRect(),j=(y.clientX-k)/V;let Z=$-1+Math.ceil(j/r)*r;Z=Math.min(i,Math.max(r,Math.round(Z/r)*r)),o(Z)},w=(y,$)=>{if(t||n)return;const{left:k,width:V}=y.target.getBoundingClientRect(),j=(y.clientX-k)/V;let Z=$-1+Math.ceil(j/r)*r;Z=Math.min(i,Math.max(r,Math.round(Z/r)*r)),x(Z)},b=()=>x(null),z=[];for(let y=1;y<=i;y++){let $=(d!==null?d:e)>=y,k=!$&&(d!==null?d:e)>y-1,V=$?s||v.cloneElement(tn,{className:`fill-color-yellow-500 ${gt[l]}`}):c||v.cloneElement(on,{className:`stroke-color-gray-300 ${gt[l]}`});if(k){const j=((d!==null?d:e)-(y-1))*100;V=a.jsxs("span",{className:"relative block",children:[a.jsx("span",{className:"absolute top-0 left-0 overflow-hidden",style:{width:`${j}%`},children:s||v.cloneElement(tn,{className:`fill-color-yellow-500 ${gt[l]}`})}),c||v.cloneElement(on,{className:`stroke-color-gray-300 ${gt[l]}`})]})}z.push(a.jsx("span",{className:`inline-block ${n?"opacity-50 cursor-not-allowed":"cursor-pointer"}`,onClick:j=>f(j,y),onMouseMove:j=>w(j,y),onMouseLeave:b,tabIndex:t||n?-1:0,"aria-label":`Rate ${y}`,role:"radio","aria-checked":e===y,children:V},y))}return a.jsxs("div",{className:`flex items-center gap-1 ${u}`,role:"radiogroup","aria-disabled":n,children:[z,g&&d!==null?a.jsx("span",{className:"ml-2 text-xs",children:p[d]||d}):m?a.jsx("span",{className:"ml-2 text-xs",children:p[e]||e}):null]})},za=()=>{const[e,o]=v.useState("desktop");return v.useEffect(()=>{const t=()=>{const n=window.innerWidth;n<768?o("mobile"):n<1024?o("tablet"):o("desktop")};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),e},He=(e,o,t,n,r)=>{switch(r){case"mobile":return e!==void 0?e:n;case"tablet":return o!==void 0?o:n;case"desktop":return t!==void 0?t:n;default:return n}},Ma=({children:e,width:o="100%",height:t="auto",showIndicators:n=!0,showArrows:r=!0,autoplay:i=!1,interval:l=3e3,infiniteLoop:s=!1,perview:c=1,gap:u=0,onClickItem:g,showThumbs:m=!1,pauseOnHover:p=!1,swipeable:d=!0,thumbWidth:x=60,orientation:f="horizontal",nextIcon:w,prevIcon:b,className:z,mobile:y,tablet:$,desktop:k})=>{const V=za(),j=He(y==null?void 0:y.perview,$==null?void 0:$.perview,k==null?void 0:k.perview,c,V),Z=He(y==null?void 0:y.gap,$==null?void 0:$.gap,k==null?void 0:k.gap,u,V),ee=He(y==null?void 0:y.showArrows,$==null?void 0:$.showArrows,k==null?void 0:k.showArrows,r,V),X=He(y==null?void 0:y.showIndicators,$==null?void 0:$.showIndicators,k==null?void 0:k.showIndicators,n,V),G=He(y==null?void 0:y.showThumbs,$==null?void 0:$.showThumbs,k==null?void 0:k.showThumbs,m,V),se=He(y==null?void 0:y.swipeable,$==null?void 0:$.swipeable,k==null?void 0:k.swipeable,d,V),W=e.length,T=Math.min(Math.max(j,.1),W),[D,Q]=v.useState(0),[R,pe]=v.useState(!1),[M,C]=v.useState(!1),[S,A]=v.useState(0),E=v.useRef(null),O=v.useRef(0),Y=v.useRef(0),N=T>=W?0:Math.max(0,W-T),_=K=>Math.max(0,Math.min(K,N)),L=K=>Q(s&&N>0?(K%(N+1)+(N+1))%(N+1):_(K)),H=()=>{s&&N>0?Q(D===0?N:D-1):L(D-1)},B=()=>{s&&N>0?Q(D>=N?0:D+1):L(D+1)};v.useEffect(()=>{if(!i||p&&R||M||N===0)return;const K=setInterval(()=>{Q(ae=>{const Ce=ae+1;return Ce>N?s?0:ae:Ce})},l);return()=>clearInterval(K)},[i,l,R,p,M,N,s]),v.useEffect(()=>{D>N&&Q(Math.min(D,N))},[N,D]);const re=(K,ae)=>{!se||N===0||(C(!0),O.current=f==="horizontal"?K:ae,Y.current=O.current)},P=(K,ae)=>{M&&(Y.current=f==="horizontal"?K:ae,A(Y.current-O.current))},F=()=>{if(!M)return;Math.abs(Y.current-O.current)>50&&(Y.current<O.current?B():H()),C(!1),A(0)},ie=()=>{const K=f==="horizontal"?"X":"Y";let ae=0;if(M&&E.current&&N>0){const I=f==="horizontal"?E.current.offsetWidth:E.current.offsetHeight;ae=S/I*100*(T/W)}const ve=Math.min(D,N)*(100/W)-ae,Ae=D>=N,Be=D<=0?0:Ae?Z/(j/2):Z/j;return`translate${K}(calc(-${ve}% - ${Be}px))`},le=()=>T>=W?1:Math.floor(N)+1,ge=()=>N===0?0:Math.round(D/N*(le()-1));return a.jsxs("div",{className:`relative flex flex-col items-center select-none ${z}`,style:{width:o,height:t},onMouseEnter:()=>p&&pe(!0),onMouseLeave:()=>p&&pe(!1),children:[a.jsxs("div",{ref:E,className:`w-full overflow-hidden relative ${se&&N>0?M?"cursor-grabbing":"cursor-grab":"cursor-default"}`,style:{height:G?`calc(${t} - ${x+20}px)`:t},onMouseDown:K=>{K.preventDefault(),re(K.clientX,K.clientY)},onMouseMove:K=>P(K.clientX,K.clientY),onMouseUp:F,onMouseLeave:F,onTouchStart:K=>re(K.touches[0].clientX,K.touches[0].clientY),onTouchMove:K=>P(K.touches[0].clientX,K.touches[0].clientY),onTouchEnd:F,children:[a.jsx("div",{className:`flex ${f==="horizontal"?"flex-row":"flex-col"} transition-all duration-300 ease-in-out`,style:{width:f==="vertical"?"100%":`calc(${W*100/T}% + ${(W-1)*Z}px)`,height:f==="vertical"?`${W*100/T}%`:"100%",transform:ie(),gap:`${Z}px`,transitionProperty:M?"none":"transform"},children:e.map((K,ae)=>a.jsx("div",{className:"shrink-0 flex items-center justify-center",style:{width:f==="horizontal"?`calc(${100/W}% - ${Z/j}px)`:"100%",height:f==="vertical"?`calc(${100/W}% - ${Z*(W-1)/W}px)`:"100%"},onClick:()=>!M&&(g==null?void 0:g(ae)),children:K},ae))}),ee&&N>0&&a.jsxs(a.Fragment,{children:[a.jsx("button",{"aria-label":"prev",onClick:H,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
140
- ${f==="horizontal"?"left-1 md:left-2 top-1/2 -translate-y-1/2":"left-1/2 top-1 md:top-2 -translate-x-1/2"}`,children:b||(f==="horizontal"?"‹":"↑")}),a.jsx("button",{"aria-label":"next",onClick:B,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
141
- ${f==="horizontal"?"right-1 md:right-2 top-1/2 -translate-y-1/2":"left-1/2 bottom-1 md:bottom-2 -translate-x-1/2"}`,children:w||(f==="horizontal"?"›":"↓")})]}),X&&le()>1&&a.jsx("div",{className:`uniui-indicator flex gap-1 mt-2 md:mt-3 justify-center absolute bg-color-white/90 py-1 px-[5px] rounded-full ${f==="horizontal"?"bottom-2 md:bottom-3 left-1/2 -translate-x-1/2":"top-1/2 right-2 md:right-3 -translate-y-1/2 rotate-90"} z-10`,children:Array.from({length:le()}).map((K,ae)=>a.jsx("button",{onClick:()=>L(Math.round(ae/(le()-1)*N)),className:`w-2 h-2 md:w-[10px] md:h-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${ae===ge()?"bg-color-gray-800":"bg-color-gray-400"}`},ae))})]}),G&&a.jsx("div",{className:"uniui-thumb flex gap-1 md:gap-2 mt-2 md:mt-3 justify-center flex-wrap",children:e.map((K,ae)=>{const Ce=ae===Math.round(D),ve=V==="mobile"?x*.8:x;return a.jsx("div",{onClick:()=>{const Ae=Math.max(0,Math.min(N,ae-Math.floor(T/2)));L(Ae)},className:`overflow-hidden rounded-md cursor-pointer transition-all hover:opacity-100 ${Ce?"border-2 border-color-gray-800 opacity-100 scale-105":"border-2 border-color-gray-300 opacity-70"}`,style:{width:ve,height:ve},children:K},ae)})})]})},Na=({title:e,description:o,actionLabel:t,onAction:n,illustration:r,illustrationWidth:i=120,children:l,color:s="gray",titleClass:c="",descriptionClass:u=""})=>a.jsxs("section",{className:"flex flex-col items-center justify-center text-center p-6 max-w-md",role:"status","aria-live":"polite",children:[r&&a.jsx("div",{className:"flex items-center justify-center",style:{width:i},children:typeof r=="string"?a.jsx("img",{src:r,alt:"",className:"object-contain"}):r}),a.jsx("h2",{className:`text-lg mt-4 font-semibold text-color-gray-800 ${c}`,children:e}),o&&a.jsx("p",{className:`text-sm mt-2 text-color-gray-600 ${u}`,children:o}),t&&n&&a.jsx(ze,{onClick:n,color:s,className:"mt-4",children:t}),l]}),La=({initialState:e=!1,value:o,onToggle:t,disabled:n=!1,type:r="button",color:i="green",variant:l="ios",id:s})=>{var x,f,w;const[c,u]=v.useState(e),[g,m]=v.useState(!1),p=o!==void 0?o:c,d=async()=>{if(n||g)return;const b=!p;if(t){m(!0);try{await t(b),o===void 0&&u(b)}catch(z){console.error("Toggle failed",z)}finally{m(!1)}}else o===void 0&&u(b)};return l==="android"?a.jsxs("button",{onClick:d,id:s,type:r,disabled:n,className:`relative w-10 h-3 flex items-center transition-color duration-300
139
+ ${u(n)} ${g} ${s}`,role:"alert","aria-live":"assertive","aria-atomic":"true",children:[a.jsx("span",{className:"flex-1 text-sm font-medium leading-relaxed",children:o}),a.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[l&&a.jsx("div",{className:"flex items-center",children:l}),i&&a.jsx(_e,{color:"light",size:"small",icon:a.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),onClick:c,roundedFull:!0,className:"hover:!bg-color-white/10 -mr-1",variant:"transparent"})]})]})]}):null},_a=({variant:e="linear",value:o=0,color:t="blue",determinate:n=!0,className:r="",...i})=>{var g,m;const l=(g=xe[t])==null?void 0:g.outline,s=(m=xe[t])==null?void 0:m.filled,c=Math.min(Math.max(o,0),100);if(e==="circular"){const{size:p=40,thickness:d=4}=i,x=n?c/100*360:270;return a.jsxs("div",{className:`relative inline-block ${r}`,style:{width:p,height:p},role:"progressbar","aria-valuenow":n?c:void 0,"aria-valuemin":0,"aria-valuemax":100,children:[a.jsx("div",{className:"absolute inset-0 rounded-full border-4 border-color-gray-200 dark:border-color-gray-700",style:{borderWidth:d,width:p,height:p,boxSizing:"border-box"}}),a.jsx("div",{className:`absolute inset-0 rounded-full ${l} ${n?"":"animate-circular-indeterminate"}`,style:{width:p,height:p,borderWidth:d,borderStyle:"solid",transform:"rotate(-90deg)",borderRadius:"50%",boxSizing:"border-box",transition:"all 0.3s",background:"transparent",maskImage:`conic-gradient(black 0deg, black ${x}deg, transparent ${x}deg 360deg)`,WebkitMaskImage:`conic-gradient(black 0deg, black ${x}deg, transparent ${x}deg 360deg)`}})]})}const{thickness:u=4}=i;return a.jsx("div",{className:`inline-block w-full ${r}`,role:"progressbar","aria-valuenow":n?c:void 0,"aria-valuemin":0,"aria-valuemax":100,children:a.jsx("div",{className:"w-full bg-color-gray-200 dark:bg-color-gray-700 rounded-full overflow-hidden relative",style:{height:`${u}px`},children:n?a.jsx("div",{className:`h-full ${s} transition-all duration-300 ease-out`,style:{width:`${c}%`}}):a.jsx("div",{className:`absolute left-0 top-0 h-full ${s} animate-progress-indeterminate-gpu`,style:{width:"40%"}})})})},tn=a.jsx("svg",{className:"w-5 h-5 fill-color-yellow-500",fill:"currentColor",viewBox:"0 0 20 20",children:a.jsx("path",{d:"M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"})}),on=a.jsx("svg",{className:"w-5 h-5 fill-color-gray-300",fill:"none",stroke:"currentColor",viewBox:"0 0 20 20",children:a.jsx("path",{d:"M10 15l-5.878 3.09 1.122-6.545L.488 6.91l6.561-.955L10 0l2.951 5.955 6.561.955-4.756 4.635 1.122 6.545z"})}),gt={small:"w-4 h-4",medium:"w-6 h-6",large:"w-8 h-8"},$a=({value:e,onChange:o,readOnly:t=!1,disabled:n=!1,precision:r=1,max:i=5,size:l="medium",icon:s,emptyIcon:c,className:u="",showHoverValue:g=!1,showValue:m=!1,labels:p={}})=>{const[d,x]=v.useState(null),f=(y,$)=>{if(t||n||!o)return;const{left:k,width:V}=y.target.getBoundingClientRect(),j=(y.clientX-k)/V;let Z=$-1+Math.ceil(j/r)*r;Z=Math.min(i,Math.max(r,Math.round(Z/r)*r)),o(Z)},w=(y,$)=>{if(t||n)return;const{left:k,width:V}=y.target.getBoundingClientRect(),j=(y.clientX-k)/V;let Z=$-1+Math.ceil(j/r)*r;Z=Math.min(i,Math.max(r,Math.round(Z/r)*r)),x(Z)},b=()=>x(null),z=[];for(let y=1;y<=i;y++){let $=(d!==null?d:e)>=y,k=!$&&(d!==null?d:e)>y-1,V=$?s||v.cloneElement(tn,{className:`fill-color-yellow-500 ${gt[l]}`}):c||v.cloneElement(on,{className:`stroke-color-gray-300 ${gt[l]}`});if(k){const j=((d!==null?d:e)-(y-1))*100;V=a.jsxs("span",{className:"relative block",children:[a.jsx("span",{className:"absolute top-0 left-0 overflow-hidden",style:{width:`${j}%`},children:s||v.cloneElement(tn,{className:`fill-color-yellow-500 ${gt[l]}`})}),c||v.cloneElement(on,{className:`stroke-color-gray-300 ${gt[l]}`})]})}z.push(a.jsx("span",{className:`inline-block ${n?"opacity-50 cursor-not-allowed":"cursor-pointer"}`,onClick:j=>f(j,y),onMouseMove:j=>w(j,y),onMouseLeave:b,tabIndex:t||n?-1:0,"aria-label":`Rate ${y}`,role:"radio","aria-checked":e===y,children:V},y))}return a.jsxs("div",{className:`flex items-center gap-1 ${u}`,role:"radiogroup","aria-disabled":n,children:[z,g&&d!==null?a.jsx("span",{className:"ml-2 text-xs",children:p[d]||d}):m?a.jsx("span",{className:"ml-2 text-xs",children:p[e]||e}):null]})},za=()=>{const[e,o]=v.useState("desktop");return v.useEffect(()=>{const t=()=>{const n=window.innerWidth;n<768?o("mobile"):n<1024?o("tablet"):o("desktop")};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),e},He=(e,o,t,n,r)=>{switch(r){case"mobile":return e!==void 0?e:n;case"tablet":return o!==void 0?o:n;case"desktop":return t!==void 0?t:n;default:return n}},Ma=({children:e,width:o="100%",height:t="auto",showIndicators:n=!0,showArrows:r=!0,autoplay:i=!1,interval:l=3e3,infiniteLoop:s=!1,perview:c=1,gap:u=0,onClickItem:g,showThumbs:m=!1,pauseOnHover:p=!1,swipeable:d=!0,thumbWidth:x=60,orientation:f="horizontal",nextIcon:w,prevIcon:b,className:z,mobile:y,tablet:$,desktop:k})=>{const V=za(),j=He(y==null?void 0:y.perview,$==null?void 0:$.perview,k==null?void 0:k.perview,c,V),Z=He(y==null?void 0:y.gap,$==null?void 0:$.gap,k==null?void 0:k.gap,u,V),ee=He(y==null?void 0:y.showArrows,$==null?void 0:$.showArrows,k==null?void 0:k.showArrows,r,V),X=He(y==null?void 0:y.showIndicators,$==null?void 0:$.showIndicators,k==null?void 0:k.showIndicators,n,V),G=He(y==null?void 0:y.showThumbs,$==null?void 0:$.showThumbs,k==null?void 0:k.showThumbs,m,V),se=He(y==null?void 0:y.swipeable,$==null?void 0:$.swipeable,k==null?void 0:k.swipeable,d,V),W=e.length,T=Math.min(Math.max(j,.1),W),[D,Q]=v.useState(0),[R,pe]=v.useState(!1),[M,C]=v.useState(!1),[S,A]=v.useState(0),E=v.useRef(null),O=v.useRef(0),Y=v.useRef(0),N=T>=W?0:Math.max(0,W-T),_=K=>Math.max(0,Math.min(K,N)),L=K=>Q(s&&N>0?(K%(N+1)+(N+1))%(N+1):_(K)),H=()=>{s&&N>0?Q(D===0?N:D-1):L(D-1)},B=()=>{s&&N>0?Q(D>=N?0:D+1):L(D+1)};v.useEffect(()=>{if(!i||p&&R||M||N===0)return;const K=setInterval(()=>{Q(ae=>{const Ce=ae+1;return Ce>N?s?0:ae:Ce})},l);return()=>clearInterval(K)},[i,l,R,p,M,N,s]),v.useEffect(()=>{D>N&&Q(Math.min(D,N))},[N,D]);const re=(K,ae)=>{!se||N===0||(C(!0),O.current=f==="horizontal"?K:ae,Y.current=O.current)},P=(K,ae)=>{M&&(Y.current=f==="horizontal"?K:ae,A(Y.current-O.current))},F=()=>{if(!M)return;Math.abs(Y.current-O.current)>50&&(Y.current<O.current?B():H()),C(!1),A(0)},ie=()=>{const K=f==="horizontal"?"X":"Y";let ae=0;if(M&&E.current&&N>0){const I=f==="horizontal"?E.current.offsetWidth:E.current.offsetHeight;ae=S/I*100*(T/W)}const ve=Math.min(D,N)*(100/W)-ae,Ae=D>=N,Be=D<=0?0:Ae?Z/(j/2):Z/j;return`translate${K}(calc(-${ve}% - ${Be}px))`},le=()=>T>=W?1:Math.floor(N)+1,ge=()=>N===0?0:Math.round(D/N*(le()-1));return a.jsxs("div",{className:`relative flex flex-col items-center select-none ${z}`,style:{width:o,height:t},onMouseEnter:()=>p&&pe(!0),onMouseLeave:()=>p&&pe(!1),children:[a.jsxs("div",{ref:E,className:`w-full overflow-hidden relative ${se&&N>0?M?"cursor-grabbing":"cursor-grab":"cursor-default"}`,style:{height:G?`calc(${t} - ${x+20}px)`:t},onMouseDown:K=>{K.preventDefault(),re(K.clientX,K.clientY)},onMouseMove:K=>P(K.clientX,K.clientY),onMouseUp:F,onMouseLeave:F,onTouchStart:K=>re(K.touches[0].clientX,K.touches[0].clientY),onTouchMove:K=>P(K.touches[0].clientX,K.touches[0].clientY),onTouchEnd:F,children:[a.jsx("div",{className:`flex ${f==="horizontal"?"flex-row":"flex-col"} transition-all duration-300 ease-in-out`,style:{width:f==="vertical"?"100%":`calc(${W*100/T}% + ${(W-1)*Z}px)`,height:f==="vertical"?`${W*100/T}%`:"100%",transform:ie(),gap:`${Z}px`,transitionProperty:M?"none":"transform"},children:e.map((K,ae)=>a.jsx("div",{className:"shrink-0 flex items-center justify-center",style:{width:f==="horizontal"?`calc(${100/W}% - ${Z/j}px)`:"100%",height:f==="vertical"?`calc(${100/W}% - ${Z*(W-1)/W}px)`:"100%"},onClick:()=>!M&&(g==null?void 0:g(ae)),children:K},ae))}),ee&&N>0&&a.jsxs(a.Fragment,{children:[a.jsx("button",{type:"button","aria-label":"prev",onClick:H,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
140
+ ${f==="horizontal"?"left-1 md:left-2 top-1/2 -translate-y-1/2":"left-1/2 top-1 md:top-2 -translate-x-1/2"}`,children:b||(f==="horizontal"?"‹":"↑")}),a.jsx("button",{type:"button","aria-label":"next",onClick:B,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-8 h-8 md:w-10 md:h-10 flex items-center justify-center text-sm md:text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
141
+ ${f==="horizontal"?"right-1 md:right-2 top-1/2 -translate-y-1/2":"left-1/2 bottom-1 md:bottom-2 -translate-x-1/2"}`,children:w||(f==="horizontal"?"›":"↓")})]}),X&&le()>1&&a.jsx("div",{className:`uniui-indicator flex gap-1 mt-2 md:mt-3 justify-center absolute bg-color-white/90 py-1 px-[5px] rounded-full ${f==="horizontal"?"bottom-2 md:bottom-3 left-1/2 -translate-x-1/2":"top-1/2 right-2 md:right-3 -translate-y-1/2 rotate-90"} z-10`,children:Array.from({length:le()}).map((K,ae)=>a.jsx("button",{type:"button",onClick:()=>L(Math.round(ae/(le()-1)*N)),className:`w-2 h-2 md:w-[10px] md:h-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${ae===ge()?"bg-color-gray-800":"bg-color-gray-400"}`},ae))})]}),G&&a.jsx("div",{className:"uniui-thumb flex gap-1 md:gap-2 mt-2 md:mt-3 justify-center flex-wrap",children:e.map((K,ae)=>{const Ce=ae===Math.round(D),ve=V==="mobile"?x*.8:x;return a.jsx("div",{onClick:()=>{const Ae=Math.max(0,Math.min(N,ae-Math.floor(T/2)));L(Ae)},className:`overflow-hidden rounded-md cursor-pointer transition-all hover:opacity-100 ${Ce?"border-2 border-color-gray-800 opacity-100 scale-105":"border-2 border-color-gray-300 opacity-70"}`,style:{width:ve,height:ve},children:K},ae)})})]})},Na=({title:e,description:o,actionLabel:t,onAction:n,illustration:r,illustrationWidth:i=120,children:l,color:s="gray",titleClass:c="",descriptionClass:u=""})=>a.jsxs("section",{className:"flex flex-col items-center justify-center text-center p-6 max-w-md",role:"status","aria-live":"polite",children:[r&&a.jsx("div",{className:"flex items-center justify-center",style:{width:i},children:typeof r=="string"?a.jsx("img",{src:r,alt:"",className:"object-contain"}):r}),a.jsx("h2",{className:`text-lg mt-4 font-semibold text-color-gray-800 ${c}`,children:e}),o&&a.jsx("p",{className:`text-sm mt-2 text-color-gray-600 ${u}`,children:o}),t&&n&&a.jsx(ze,{onClick:n,color:s,className:"mt-4",children:t}),l]}),La=({initialState:e=!1,value:o,onToggle:t,disabled:n=!1,type:r="button",color:i="green",variant:l="ios",id:s})=>{var x,f,w;const[c,u]=v.useState(e),[g,m]=v.useState(!1),p=o!==void 0?o:c,d=async()=>{if(n||g)return;const b=!p;if(t){m(!0);try{await t(b),o===void 0&&u(b)}catch(z){console.error("Toggle failed",z)}finally{m(!1)}}else o===void 0&&u(b)};return l==="android"?a.jsxs("button",{onClick:d,id:s,type:r,disabled:n,className:`relative w-10 h-3 flex items-center transition-color duration-300
142
142
  } ${n?"bg-color-gray-200 opacity-50 cursor-not-allowed":"cursor-pointer"}`,children:[a.jsx("span",{className:`absolute rounded-full inset-0 opacity-50 ${p?`${(x=xe[i])==null?void 0:x.filled}`:"bg-color-gray-400"}`}),a.jsx("div",{className:`flex justify-center items-center absolute shadow-md top-0.5 left-0.5 size-5 rounded-full shadow transition-all duration-300 ${p?`translate-x-5 ${(f=xe[i])==null?void 0:f.filled}`:"translate-x-0 bg-color-white"}`,children:g?a.jsx("svg",{className:"animate-spin text-color-gray-500 size-3",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z"})}):null})]}):a.jsx("button",{onClick:d,id:s,type:r,disabled:n,className:`relative w-11 h-6 flex items-center rounded-full transition-color duration-300 ${p?(w=xe[i])==null?void 0:w.filled:"bg-color-gray-300"} ${n?"bg-color-gray-300 opacity-50 cursor-not-allowed":"cursor-pointer"}`,children:a.jsx("div",{className:`absolute top-[4px] left-1 w-4 h-4 bg-color-white rounded-full flex items-center justify-center transition-all duration-300 ${p?"translate-x-[19px]":"-translate-x-0"}`,children:g?a.jsx("svg",{className:"animate-spin text-color-gray-500 size-3",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9995 2C12.5518 2 12.9995 2.44772 12.9995 3V6C12.9995 6.55228 12.5518 7 11.9995 7C11.4472 7 10.9995 6.55228 10.9995 6V3C10.9995 2.44772 11.4472 2 11.9995 2ZM11.9995 17C12.5518 17 12.9995 17.4477 12.9995 18V21C12.9995 21.5523 12.5518 22 11.9995 22C11.4472 22 10.9995 21.5523 10.9995 21V18C10.9995 17.4477 11.4472 17 11.9995 17ZM20.6597 7C20.9359 7.47829 20.772 8.08988 20.2937 8.36602L17.6956 9.86602C17.2173 10.1422 16.6057 9.97829 16.3296 9.5C16.0535 9.02171 16.2173 8.41012 16.6956 8.13398L19.2937 6.63397C19.772 6.35783 20.3836 6.52171 20.6597 7ZM7.66935 14.5C7.94549 14.9783 7.78161 15.5899 7.30332 15.866L4.70525 17.366C4.22695 17.6422 3.61536 17.4783 3.33922 17C3.06308 16.5217 3.22695 15.9101 3.70525 15.634L6.30332 14.134C6.78161 13.8578 7.3932 14.0217 7.66935 14.5ZM20.6597 17C20.3836 17.4783 19.772 17.6422 19.2937 17.366L16.6956 15.866C16.2173 15.5899 16.0535 14.9783 16.3296 14.5C16.6057 14.0217 17.2173 13.8578 17.6956 14.134L20.2937 15.634C20.772 15.9101 20.9359 16.5217 20.6597 17ZM7.66935 9.5C7.3932 9.97829 6.78161 10.1422 6.30332 9.86602L3.70525 8.36602C3.22695 8.08988 3.06308 7.47829 3.33922 7C3.61536 6.52171 4.22695 6.35783 4.70525 6.63397L7.30332 8.13398C7.78161 8.41012 7.94549 9.02171 7.66935 9.5Z"})}):null})})},Ea={small:"px-2 py-1 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"},Pa=({value:e,onChange:o,options:t,multiple:n=!1,size:r="medium",color:i="blue",orientation:l="horizontal",className:s="",buttonClass:c="",disabled:u=!1})=>{const g=p=>Array.isArray(e)?e.includes(p):e===p,m=p=>{if(!u)if(n){if(!Array.isArray(e))return;e.includes(p)?o(e.filter(d=>d!==p)):o([...e,p])}else o(p)};return a.jsx("div",{className:`inline-flex ${l==="vertical"?"flex-col":"flex-row"} rounded-md overflow-hidden border border-color-gray-200 bg-color-white ${s}`,role:"group","aria-disabled":u,children:t.map((p,d)=>{var x;return a.jsxs("button",{type:"button",disabled:u||p.disabled,className:`
143
143
  flex items-center justify-center gap-2 border-0 ${l==="vertical"?"not-last:border-b-1":"not-last:border-r-1"} border-color-gray-200
144
144
  ${Ea[r]}
@@ -149,25 +149,25 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
149
149
  ${n}
150
150
  ${o==="inset"?r?"pl-4":"pt-4":""}`,children:a.jsxs("div",{className:l,children:[a.jsx("div",{className:s}),a.jsx("span",{children:t}),a.jsx("div",{className:s})]})})}const i=r?"h-px w-full bg-color-gray-300":"w-px h-full bg-color-gray-300";return a.jsx("div",{role:"separator",className:`flex ${r?"w-full items-center":"h-full flex-col justify-center"}
151
151
  ${n}
152
- ${o==="inset"?r?"pl-4":"pt-4":""} ${i}`})},Fa=({name:e,options:o,value:t,selectedValue:n,onChange:r,onBlur:i,onFocus:l,direction:s="column",disabled:c=!1,color:u="blue",className:g="",radioClass:m,size:p="medium",helperText:d,error:x=!1,errorMessage:f,required:w=!1,"aria-label":b,"aria-labelledby":z,variant:y="radio",cardClassName:$="",selectedBodyBgColor:k="border-color-green-500 bg-color-green-50",showTick:V=!0,tickIcon:j,tickClassName:Z="",tickIconSize:ee="w-4 h-4",showToggleButton:X=!1,toggleButtonIcon:G})=>{const[se,W]=v.useState(-1),T=t??n,D=A=>{switch(A){case"small":return"w-4 h-4";case"large":return"w-6 h-6";default:return"w-5 h-5"}},Q=()=>{var A,E;return x?{border:"peer-checked:border-color-red-500",text:"text-color-red-500"}:{border:((A=xe[u])==null?void 0:A.peer)||"",text:((E=xe[u])==null?void 0:E.peer)||""}},R=(A,E)=>{r==null||r(A),W(E)},pe=A=>{i==null||i(A)},M=(A,E)=>{W(E),l==null||l(A)},C=Q(),S=d||f?`${e}-helper-text`:void 0;return y==="card"?a.jsxs("div",{className:"w-full",children:[x&&f&&a.jsx("div",{className:"mb-3 p-3 bg-red-50 rounded text-color-red-700 text-sm",role:"alert",id:`${e}-error`,children:f}),a.jsx("div",{role:"radiogroup","aria-label":b,"aria-labelledby":z,"aria-describedby":S,"aria-required":w,className:`flex ${s==="row"?"flex-row gap-4":"flex-col gap-4"} ${g}`,children:o.map(({label:A,value:E,disabled:O,id:Y},N)=>{const _=c||O,L=T===E,H=x&&L;return a.jsx("div",{className:`${_?"opacity-50 cursor-not-allowed":""}`,children:a.jsxs("div",{className:`relative transition-all duration-200 cursor-pointer
152
+ ${o==="inset"?r?"pl-4":"pt-4":""} ${i}`})},Fa=({name:e,options:o,value:t,selectedValue:n,onChange:r,onBlur:i,onFocus:l,direction:s="column",disabled:c=!1,color:u="blue",className:g="",radioClass:m,size:p="medium",helperText:d,error:x=!1,errorMessage:f,required:w=!1,"aria-label":b,"aria-labelledby":z,variant:y="radio",cardClassName:$="",selectedBodyClassName:k="border-color-green-500 bg-color-green-50",showTick:V=!0,tickIcon:j,tickClassName:Z="",tickIconClassName:ee="w-4 h-4",showToggleButton:X=!1,toggleButtonIcon:G})=>{const[se,W]=v.useState(-1),T=t??n,D=A=>{switch(A){case"small":return"w-4 h-4";case"large":return"w-6 h-6";default:return"w-5 h-5"}},Q=()=>{var A,E;return x?{border:"peer-checked:border-color-red-500",text:"text-color-red-500"}:{border:((A=xe[u])==null?void 0:A.peer)||"",text:((E=xe[u])==null?void 0:E.peer)||""}},R=(A,E)=>{r==null||r(A),W(E)},pe=A=>{i==null||i(A)},M=(A,E)=>{W(E),l==null||l(A)},C=Q(),S=d||f?`${e}-helper-text`:void 0;return y==="card"?a.jsxs("div",{className:"w-full",children:[x&&f&&a.jsx("div",{className:"mb-3 p-3 bg-red-50 rounded text-color-red-700 text-sm",role:"alert",id:`${e}-error`,children:f}),a.jsx("div",{role:"radiogroup","aria-label":b,"aria-labelledby":z,"aria-describedby":S,"aria-required":w,className:`flex ${s==="row"?"flex-row gap-4":"flex-col gap-4"} ${g}`,children:o.map(({label:A,value:E,disabled:O,id:Y},N)=>{const _=c||O,L=T===E,H=x&&L;return a.jsx("div",{className:`${_?"opacity-50 cursor-not-allowed":""}`,children:a.jsxs("div",{className:`relative transition-all duration-200 cursor-pointer
153
153
  ${L?H?"border-color-red-500 bg-red-50":`${k}`:"border-color-gray-300 bg-white hover:border-color-gray-400"}
154
154
  ${_?"":"hover:shadow-md"}
155
155
  ${$}
156
- `,onClick:B=>{B.stopPropagation(),!_&&R(E,N)},children:[L&&H&&a.jsx("div",{className:"absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center",children:a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),!X&&L&&!H&&V&&a.jsx("div",{className:`absolute rounded-full flex items-center justify-center shadow-sm ${Z}`,children:j||a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${ee} text-color-white`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})}),a.jsxs("div",{className:`flex items-start gap-3 ${H?"text-color-red-700":""}`,children:[X&&a.jsx("button",{type:"button",onClick:B=>{B.stopPropagation(),_||R(E,N)},disabled:_,className:`mt-1 flex-shrink-0 rounded-full bg-color-gray-300 transition-all duration-150 ${D(p)} ${_?"opacity-50 cursor-not-allowed":"cursor-pointer"}`,"aria-checked":L,children:L&&!H&&a.jsx("div",{className:"w-full h-full flex items-center justify-center",children:G||j||a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${ee} text-color-green-500`,fill:"currentColor",viewBox:"0 0 24 24",children:[a.jsx("circle",{cx:"12",cy:"12",r:"8"}),a.jsx("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]})})}),a.jsx("div",{className:"flex-1",children:A})]})]})},E)})}),d&&!x&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-gray-600",children:d}),x&&!f&&d&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-red-600",children:d})]}):a.jsxs("div",{className:"w-full",children:[x&&f&&a.jsx("div",{className:"mb-3 p-3 bg-red-50 rounded text-color-red-700 text-sm",role:"alert",id:`${e}-error`,children:f}),a.jsx("div",{role:"radiogroup","aria-label":b,"aria-labelledby":z,"aria-describedby":S,"aria-required":w,className:`flex ${s==="row"?"flex-row gap-6":"flex-col gap-3"} ${g}`,children:o.map(({label:A,value:E,disabled:O,id:Y},N)=>{const _=c||O,L=T===E,H=x&&L;return a.jsxs("label",{className:`relative flex items-center cursor-pointer select-none transition ${_?"opacity-50 cursor-not-allowed":"hover:opacity-90"}`,children:[a.jsx("input",{type:"radio",name:e,value:E,disabled:_,checked:L,onChange:()=>!_&&R(E,N),onBlur:pe,onFocus:B=>M(B,N),className:"sr-only peer","aria-invalid":x,...Y&&{id:Y}}),a.jsx("div",{className:`rounded-full border-2 transition-all duration-150 ${H?"border-color-red-500 peer-checked:border-[7px] peer-checked:border-color-red-500":`border-color-gray-400 peer-checked:border-[7px] ${C.border}`} ${m} ${D(p)}`}),a.jsx("span",{className:`ml-2 text-sm ${H?"text-color-red-500":C.text}`,children:A})]},E)})}),d&&!x&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-gray-600",children:d}),x&&!f&&d&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-red-600",children:d})]})},Ta=({label:e,value:o,onChange:t,options:n,className:r="",labelClass:i="",inputClass:l="",disabled:s=!1,size:c="medium",variant:u="outlined",rounded:g="medium",shadow:m=!1})=>{const p={small:"p-2",medium:"p-3",large:"p-4"},d={small:"rounded-md",medium:"rounded-lg",full:"rounded-full"},x={filled:"bg-color-gray-100 border-color-gray-200",outlined:"border-color-gray-300 bg-color-transparent"};return a.jsxs("div",{className:`relative w-full ${r}`,children:[e&&a.jsx("label",{className:`text-sm text-color-gray-500 pointer-events-none block mb-1 ${i}`,children:e}),a.jsxs("div",{className:"relative",children:[a.jsx("select",{disabled:s,value:o,onChange:f=>t(f.target.value),className:`appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all ${d[g]} ${p[c]} ${x[u]} ${s?"!bg-color-gray-50 opacity-60 cursor-not-allowed":""} ${m?"shadow-md shadow-color-zinc-100":""} ${l}`,children:n.map(f=>a.jsx("option",{value:f.value,className:"text-color-gray-900",children:f.label},f.value))}),a.jsx("span",{className:`absolute right-3 text-sm top-1/2 -translate-y-1/2 ${s?"opacity-60":""}`,children:a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})})]})]})},Ia=({content:e,children:o,position:t="top"})=>{const[n,r]=v.useState(!1),[i,l]=v.useState({top:0,left:0}),s=v.useRef(null),c=v.useRef(null);return v.useEffect(()=>{if(n&&s.current&&c.current){const u=s.current.getBoundingClientRect(),g=c.current.getBoundingClientRect();let m=0,p=0;switch(t){case"top":m=u.top-g.height-8,p=u.left+u.width/2-g.width/2;break;case"bottom":m=u.bottom+8,p=u.left+u.width/2-g.width/2;break;case"left":m=u.top+u.height/2-g.height/2,p=u.left-g.width-8;break;case"right":m=u.top+u.height/2-g.height/2,p=u.right+8;break}l({top:m,left:p})}},[n,t]),a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:s,className:"inline-block",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:o}),n&&qe.createPortal(a.jsx("div",{ref:c,style:{top:i.top,left:i.left},className:"fixed z-50 text-center px-2 max-w-xs py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md pointer-events-none",children:e}),document.body)]})};function Da(...e){return e.filter(Boolean).join(" ")}const ja={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","4xl":"max-w-4xl","6xl":"max-w-6xl"},We=v.forwardRef(({open:e,onClose:o,shouldClose:t=!0,className:n,title:r,children:i,actions:l,showCloseIcon:s=!0,fullscreen:c=!1,fullWidth:u=!1,maxWidth:g},m)=>{const[p,d]=v.useState(e||!1),[x,f]=v.useState(!1),[w,b]=v.useState(!1);v.useEffect(()=>{e!==void 0&&d(e)},[e]),v.useImperativeHandle(m,()=>({open:()=>d(!0),close:()=>{b(!1),setTimeout(()=>d(!1),300)}})),v.useEffect(()=>{let y;return p?(f(!0),y=setTimeout(()=>b(!0),10)):b(!1),()=>clearTimeout(y)},[p]);const z=()=>{p||f(!1)};return v.useEffect(()=>{const y=$=>{$.key==="Escape"&&(o==null||o())};return p&&document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[p,o]),v.useEffect(()=>(p?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[p]),x?qe.createPortal(a.jsxs("div",{className:Da("fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",w?"opacity-100":"opacity-0 pointer-events-none"),children:[a.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:()=>{t&&(o(),d(!1))}}),a.jsxs("div",{className:`relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${w?"opacity-100 scale-100":"opacity-0 scale-95"} ${c?"w-full h-[calc(100%_-_40px)] m-5":`${u?"w-full":"w-auto"} ${g?ja[g]:""} mx-5`} ${n}`,onTransitionEnd:z,children:[a.jsxs("div",{className:"flex items-center justify-between mb-4",children:[r&&a.jsx("h2",{className:"text-xl font-semibold",children:r}),s&&a.jsx(_e,{color:"gray",icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),size:"small",roundedFull:!0,onClick:()=>{t&&(o(),d(!1))},variant:"transparent"})]}),a.jsx("div",{className:"grow lg:max-h-[calc(100vh_-_200px)] max-h-[calc(100vh_-_130px)] overflow-y-auto",children:i}),l&&a.jsx("div",{className:"mt-8",children:l})]})]}),document.body):null});function Oa({items:e,trigger:o,className:t,dropdownItemClass:n,positioning:r="fixed"}){const[i,l]=v.useState(!1),[s,c]=v.useState({top:0,left:0}),[u,g]=v.useState(!1),m=v.useRef(null),p=v.useRef(null),d=f=>{f.stopPropagation(),l(w=>!w),g(!1),i||c(r==="fixed"?{top:f.clientY,left:f.clientX}:{top:f.clientY+window.scrollY,left:f.clientX+window.scrollX})};v.useLayoutEffect(()=>{if(i&&p.current){const f=p.current.getBoundingClientRect(),w=window.innerWidth,b=window.innerHeight;let{left:z,top:y}=s;const $=z,k=y;if(r==="fixed")z+f.width>w&&(z=w-f.width-12),z<12&&(z=12),y+f.height>b&&(y=k-f.height),y<12&&(y=12);else{const V=window.scrollX,j=window.scrollY;z-V+f.width>w&&(z=V+w-f.width-12),z<V+12&&(z=V+12),y-j+f.height>b&&(y=k-f.height),y<j+12&&(y=j+12)}(z!==$||y!==k)&&c({top:y,left:z}),setTimeout(()=>{g(!0)},150)}},[i,r]),v.useEffect(()=>{const f=w=>{var b;p.current&&!p.current.contains(w.target)&&!((b=m.current)!=null&&b.contains(w.target))&&l(!1)};return i&&document.addEventListener("mousedown",f),()=>{document.removeEventListener("mousedown",f)}},[i]);const x=a.jsx("div",{ref:p,className:`${r} mt-2 z-50 rounded-xl bg-color-white shadow-xl p-2 min-w-[160px] transition-all duration-200 transform ${u?"opacity-100 scale-100":"opacity-0 scale-95"} ${t}`,style:{top:s.top,left:s.left},children:e.map((f,w)=>a.jsxs("button",{disabled:f.disabled,onClick:()=>{var b;(b=f.onClick)==null||b.call(f),l(!1)},className:`flex items-center gap-3 w-full text-left px-3 py-2 bg-color-transparent hover:bg-color-gray-100 transition-all cursor-pointer rounded-md text-md text-color-gray-700 ${f.disabled?"opacity-50 hover:bg-color-transparent !cursor-not-allowed":""} ${n} ${f.itemClass}`,children:[f.icon&&a.jsx("span",{children:f.icon}),a.jsx("span",{children:f.label})]},w))});return a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:m,onClick:d,className:"cursor-pointer",children:o}),i&&qe.createPortal(x,document.body)]})}function Va(...e){return e.filter(Boolean).join(" ")}const sn=({open:e,onClose:o,className:t,title:n,children:r,childrenClass:i,actions:l,showCloseIcon:s=!0,anchor:c="left"})=>{const[u,g]=v.useState(!1),[m,p]=v.useState(!1);v.useEffect(()=>{let w;return e?(g(!0),w=setTimeout(()=>{p(!0)},10)):p(!1),()=>clearTimeout(w)},[e]);const d=()=>{e||g(!1)};if(v.useEffect(()=>{const w=b=>{b.key==="Escape"&&(o==null||o())};return e&&document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[e,o]),v.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!u)return null;const x={left:"left-0 top-0 h-full min-w-96 transition-all duration-300",right:"right-0 top-0 h-full min-w-96 transition-all duration-300",top:"top-0 left-0 w-full min-h-40 transition-all duration-300",bottom:"bottom-0 left-0 w-full min-h-40 transition-all duration-300"},f={left:m?"translate-x-0":"-translate-x-full",right:m?"translate-x-0":"translate-x-full",top:m?"translate-y-0":"-translate-y-full",bottom:m?"translate-y-0":"translate-y-full"};return qe.createPortal(a.jsxs("div",{className:Va("fixed inset-0 z-50 transition-opacity duration-300",m?"opacity-100":"opacity-0 pointer-events-none"),children:[a.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:o}),a.jsxs("div",{className:`
156
+ `,onClick:B=>{B.stopPropagation(),!_&&R(E,N)},children:[L&&H&&a.jsx("div",{className:"absolute top-2 right-2 w-6 h-6 bg-color-red-500 rounded-full flex items-center justify-center",children:a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:"w-4 h-4 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),!X&&L&&!H&&V&&a.jsx("div",{className:`absolute rounded-full flex items-center justify-center shadow-sm ${Z}`,children:j||a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${ee} text-color-white`,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M5 13l4 4L19 7"})})}),a.jsxs("div",{className:`flex items-start gap-3 ${H?"text-color-red-700":""}`,children:[X&&a.jsx("button",{type:"button",onClick:B=>{B.stopPropagation(),_||R(E,N)},disabled:_,className:`mt-1 flex-shrink-0 rounded-full bg-color-gray-300 transition-all duration-150 ${D(p)} ${_?"opacity-50 cursor-not-allowed":"cursor-pointer"}`,"aria-checked":L,children:L&&!H&&a.jsx("div",{className:"w-full h-full flex items-center justify-center",children:G||j||a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${ee} text-color-green-500`,fill:"currentColor",viewBox:"0 0 24 24",children:[a.jsx("circle",{cx:"12",cy:"12",r:"8"}),a.jsx("circle",{cx:"12",cy:"12",r:"3",fill:"currentColor"})]})})}),a.jsx("div",{className:"flex-1",children:A})]})]})},E)})}),d&&!x&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-gray-600",children:d}),x&&!f&&d&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-red-600",children:d})]}):a.jsxs("div",{className:"w-full",children:[x&&f&&a.jsx("div",{className:"mb-3 p-3 bg-red-50 rounded text-color-red-700 text-sm",role:"alert",id:`${e}-error`,children:f}),a.jsx("div",{role:"radiogroup","aria-label":b,"aria-labelledby":z,"aria-describedby":S,"aria-required":w,className:`flex ${s==="row"?"flex-row gap-6":"flex-col gap-3"} ${g}`,children:o.map(({label:A,value:E,disabled:O,id:Y},N)=>{const _=c||O,L=T===E,H=x&&L;return a.jsxs("label",{className:`relative flex items-center cursor-pointer select-none transition ${_?"opacity-50 cursor-not-allowed":"hover:opacity-90"}`,children:[a.jsx("input",{type:"radio",name:e,value:E,disabled:_,checked:L,onChange:()=>!_&&R(E,N),onBlur:pe,onFocus:B=>M(B,N),className:"sr-only peer","aria-invalid":x,...Y&&{id:Y}}),a.jsx("div",{className:`rounded-full border-2 transition-all duration-150 ${H?"border-color-red-500 peer-checked:border-[7px] peer-checked:border-color-red-500":`border-color-gray-400 peer-checked:border-[7px] ${C.border}`} ${m} ${D(p)}`}),a.jsx("span",{className:`ml-2 text-sm ${H?"text-color-red-500":C.text}`,children:A})]},E)})}),d&&!x&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-gray-600",children:d}),x&&!f&&d&&a.jsx("div",{id:S,className:"mt-2 text-sm text-color-red-600",children:d})]})},Ta=({label:e,value:o,onChange:t,options:n,className:r="",labelClass:i="",inputClass:l="",disabled:s=!1,size:c="medium",variant:u="outlined",rounded:g="medium",shadow:m=!1})=>{const p={small:"p-2",medium:"p-3",large:"p-4"},d={small:"rounded-md",medium:"rounded-lg",full:"rounded-full"},x={filled:"bg-color-gray-100 border-color-gray-200",outlined:"border-color-gray-300 bg-color-transparent"};return a.jsxs("div",{className:`relative w-full ${r}`,children:[e&&a.jsx("label",{className:`text-sm text-color-gray-500 pointer-events-none block mb-1 ${i}`,children:e}),a.jsxs("div",{className:"relative",children:[a.jsx("select",{disabled:s,value:o,onChange:f=>t(f.target.value),className:`appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all ${d[g]} ${p[c]} ${x[u]} ${s?"!bg-color-gray-50 opacity-60 cursor-not-allowed":""} ${m?"shadow-md shadow-color-zinc-100":""} ${l}`,children:n.map(f=>a.jsx("option",{value:f.value,className:"text-color-gray-900",children:f.label},f.value))}),a.jsx("span",{className:`absolute right-3 text-sm top-1/2 -translate-y-1/2 ${s?"opacity-60":""}`,children:a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})})]})]})},Ia=({content:e,children:o,position:t="top"})=>{const[n,r]=v.useState(!1),[i,l]=v.useState({top:0,left:0}),s=v.useRef(null),c=v.useRef(null);return v.useEffect(()=>{if(n&&s.current&&c.current){const u=s.current.getBoundingClientRect(),g=c.current.getBoundingClientRect();let m=0,p=0;switch(t){case"top":m=u.top-g.height-8,p=u.left+u.width/2-g.width/2;break;case"bottom":m=u.bottom+8,p=u.left+u.width/2-g.width/2;break;case"left":m=u.top+u.height/2-g.height/2,p=u.left-g.width-8;break;case"right":m=u.top+u.height/2-g.height/2,p=u.right+8;break}l({top:m,left:p})}},[n,t]),a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:s,className:"inline-block",onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:o}),n&&qe.createPortal(a.jsx("div",{ref:c,style:{top:i.top,left:i.left},className:"fixed z-50 text-center px-2 max-w-xs py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md pointer-events-none",children:e}),document.body)]})};function Da(...e){return e.filter(Boolean).join(" ")}const ja={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","4xl":"max-w-4xl","6xl":"max-w-6xl"},We=v.forwardRef(({open:e,onClose:o,shouldClose:t=!0,className:n,title:r,children:i,actions:l,showCloseIcon:s=!0,fullscreen:c=!1,fullWidth:u=!1,maxWidth:g},m)=>{const[p,d]=v.useState(e||!1),[x,f]=v.useState(!1),[w,b]=v.useState(!1);v.useEffect(()=>{e!==void 0&&d(e)},[e]),v.useImperativeHandle(m,()=>({open:()=>d(!0),close:()=>{b(!1),setTimeout(()=>d(!1),300)}})),v.useEffect(()=>{let y;return p?(f(!0),y=setTimeout(()=>b(!0),10)):b(!1),()=>clearTimeout(y)},[p]);const z=()=>{p||f(!1)};return v.useEffect(()=>{const y=$=>{$.key==="Escape"&&(o==null||o())};return p&&document.addEventListener("keydown",y),()=>document.removeEventListener("keydown",y)},[p,o]),v.useEffect(()=>(p?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[p]),x?qe.createPortal(a.jsxs("div",{className:Da("fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",w?"opacity-100":"opacity-0 pointer-events-none"),children:[a.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:()=>{t&&(o(),d(!1))}}),a.jsxs("div",{className:`relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${w?"opacity-100 scale-100":"opacity-0 scale-95"} ${c?"w-full h-[calc(100%_-_40px)] m-5":`${u?"w-full":"w-auto"} ${g?ja[g]:""} mx-5`} ${n}`,onTransitionEnd:z,children:[a.jsxs("div",{className:"flex items-center justify-between mb-4",children:[r&&a.jsx("h2",{className:"text-xl font-semibold",children:r}),s&&a.jsx(_e,{color:"gray",icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),size:"small",roundedFull:!0,onClick:()=>{t&&(o(),d(!1))},variant:"transparent"})]}),a.jsx("div",{className:"grow lg:max-h-[calc(100vh_-_200px)] max-h-[calc(100vh_-_130px)] overflow-y-auto",children:i}),l&&a.jsx("div",{className:"mt-8",children:l})]})]}),document.body):null});function Oa({items:e,trigger:o,className:t,dropdownItemClass:n,positioning:r="fixed"}){const[i,l]=v.useState(!1),[s,c]=v.useState({top:0,left:0}),[u,g]=v.useState(!1),m=v.useRef(null),p=v.useRef(null),d=f=>{f.stopPropagation(),l(w=>!w),g(!1),i||c(r==="fixed"?{top:f.clientY,left:f.clientX}:{top:f.clientY+window.scrollY,left:f.clientX+window.scrollX})};v.useLayoutEffect(()=>{if(i&&p.current){const f=p.current.getBoundingClientRect(),w=window.innerWidth,b=window.innerHeight;let{left:z,top:y}=s;const $=z,k=y;if(r==="fixed")z+f.width>w&&(z=w-f.width-12),z<12&&(z=12),y+f.height>b&&(y=k-f.height),y<12&&(y=12);else{const V=window.scrollX,j=window.scrollY;z-V+f.width>w&&(z=V+w-f.width-12),z<V+12&&(z=V+12),y-j+f.height>b&&(y=k-f.height),y<j+12&&(y=j+12)}(z!==$||y!==k)&&c({top:y,left:z}),setTimeout(()=>{g(!0)},150)}},[i,r]),v.useEffect(()=>{const f=w=>{var b;p.current&&!p.current.contains(w.target)&&!((b=m.current)!=null&&b.contains(w.target))&&l(!1)};return i&&document.addEventListener("mousedown",f),()=>{document.removeEventListener("mousedown",f)}},[i]);const x=a.jsx("div",{ref:p,className:`${r} mt-2 z-50 rounded-xl bg-color-white shadow-xl p-2 min-w-[160px] transition-all duration-200 transform ${u?"opacity-100 scale-100":"opacity-0 scale-95"} ${t}`,style:{top:s.top,left:s.left},children:e.map((f,w)=>a.jsxs("button",{type:"button",disabled:f.disabled,onClick:()=>{var b;(b=f.onClick)==null||b.call(f),l(!1)},className:`flex items-center gap-3 w-full text-left px-3 py-2 bg-color-transparent hover:bg-color-gray-100 transition-all cursor-pointer rounded-md text-md text-color-gray-700 ${f.disabled?"opacity-50 hover:bg-color-transparent !cursor-not-allowed":""} ${n} ${f.itemClass}`,children:[f.icon&&a.jsx("span",{children:f.icon}),a.jsx("span",{children:f.label})]},w))});return a.jsxs(a.Fragment,{children:[a.jsx("div",{ref:m,onClick:d,className:"cursor-pointer",children:o}),i&&qe.createPortal(x,document.body)]})}function Va(...e){return e.filter(Boolean).join(" ")}const sn=({open:e,onClose:o,className:t,title:n,children:r,childrenClass:i,actions:l,showCloseIcon:s=!0,anchor:c="left"})=>{const[u,g]=v.useState(!1),[m,p]=v.useState(!1);v.useEffect(()=>{let w;return e?(g(!0),w=setTimeout(()=>{p(!0)},10)):p(!1),()=>clearTimeout(w)},[e]);const d=()=>{e||g(!1)};if(v.useEffect(()=>{const w=b=>{b.key==="Escape"&&(o==null||o())};return e&&document.addEventListener("keydown",w),()=>document.removeEventListener("keydown",w)},[e,o]),v.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e]),!u)return null;const x={left:"left-0 top-0 h-full min-w-96 transition-all duration-300",right:"right-0 top-0 h-full min-w-96 transition-all duration-300",top:"top-0 left-0 w-full min-h-40 transition-all duration-300",bottom:"bottom-0 left-0 w-full min-h-40 transition-all duration-300"},f={left:m?"translate-x-0":"-translate-x-full",right:m?"translate-x-0":"translate-x-full",top:m?"translate-y-0":"-translate-y-full",bottom:m?"translate-y-0":"translate-y-full"};return qe.createPortal(a.jsxs("div",{className:Va("fixed inset-0 z-50 transition-opacity duration-300",m?"opacity-100":"opacity-0 pointer-events-none"),children:[a.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:o}),a.jsxs("div",{className:`
157
157
  fixed bg-color-white shadow-lg z-50 p-6 flex flex-col
158
158
  ${x[c]}
159
159
  ${f[c]}
160
160
  ${t}
161
- `,onTransitionEnd:d,children:[s&&a.jsx(_e,{color:"gray",icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),size:"small",roundedFull:!0,className:"!absolute right-3 top-3 z-99",onClick:o,variant:"transparent"}),n&&a.jsx("h2",{className:"text-xl font-semibold mb-4",children:n}),a.jsx("div",{className:`grow overflow-y-auto ${i}`,children:r}),l&&a.jsx("div",{className:"mt-4",children:l})]})]}),document.body)},Ha=({title:e,content:o,expandIcon:t=a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})}),collapseIcon:n=a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"})}),isOpen:r,defaultExpanded:i=!1,onToggle:l,className:s="",titleClass:c="",contentClass:u=""})=>{const[g,m]=v.useState(i),p=r!==void 0,d=p?r:g,x=()=>{const f=!d;p||m(f),l==null||l(f)};return v.useEffect(()=>{p&&m(r)},[r]),a.jsxs("div",{className:`overflow-hidden w-full border border-color-gray-100 ${s}`,children:[a.jsxs("button",{onClick:x,className:`flex justify-between items-center w-full p-4 bg-color-gray-50 hover:bg-color-gray-200 transition ${c}`,children:[a.jsx("div",{className:"text-left text-sm font-medium",children:e}),a.jsx("div",{className:"transition-transform duration-300",children:d?t:n})]}),a.jsx("div",{className:`grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] ${d?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"}`,children:a.jsx("div",{className:"overflow-hidden",children:a.jsx("div",{className:`p-4 text-sm text-color-gray-700 ${u}`,children:o})})})]})},Ba={info:"bg-color-blue-50 border-color-blue-300 text-color-blue-800",success:"bg-color-green-50 border-color-green-300 text-color-green-800",danger:"bg-color-red-50 border-color-red-300 text-color-red-800",warning:"bg-color-yellow-50 border-color-yellow-300 text-color-yellow-800",dark:"bg-color-gray-100 border-color-gray-300 text-color-gray-800"},Ga={info:a.jsx("svg",{className:"text-color-blue-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"})}),success:a.jsx("svg",{className:"text-color-green-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z"})}),danger:a.jsx("svg",{className:"text-color-red-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"})}),warning:a.jsx("svg",{className:"text-color-yellow-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z"})}),dark:a.jsx("svg",{className:"text-color-gray-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"})})},qa={info:"bg-color-blue-500",success:"bg-color-green-500",danger:"bg-color-red-500",warning:"bg-color-yellow-500",dark:"bg-color-gray-700"},Ya=({message:e,variant:o="info",onClose:t,autoClose:n=!1,className:r="",autoCloseDuration:i=5e3})=>{const[l,s]=v.useState(!0),c=v.useRef(null);return v.useEffect(()=>{let u;return n&&(requestAnimationFrame(()=>{c.current&&(c.current.style.transition=`width ${i}ms linear`,c.current.style.width="0%")}),u=setTimeout(()=>{s(!1),t==null||t()},i)),()=>clearTimeout(u)},[n,i,t]),l?a.jsxs("div",{className:`relative border-t-4 p-4 flex items-start justify-between ${Ba[o]} ${r}`,children:[a.jsxs("div",{className:"flex items-center gap-2",children:[Ga[o],a.jsx("span",{dangerouslySetInnerHTML:{__html:e}})]}),a.jsx("button",{onClick:()=>{s(!1),t==null||t()},"aria-label":"Close alert",className:"ml-4 bg-color-transparent cursor-pointer hover:bg-color-white rounded-full p-1 transition-color",children:a.jsx("svg",{className:`size-5 ${o==="dark"?"text-color-gray-700":""}`,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})})}),n&&a.jsx("div",{className:"absolute -top-1 left-0 h-1 w-full bg-color-transparent overflow-hidden",children:a.jsx("div",{ref:c,className:`${qa[o]} h-1`,style:{width:"100%"}})})]}):null},Za=({children:e,count:o,showDot:t=!1,max:n=99,color:r="red",position:i="top-right"})=>{const l=()=>{var u,g;if(t)return a.jsx("span",{className:`h-2 w-2 rounded-full ${(u=xe[r])==null?void 0:u.filled} block`});if(o===0||o===void 0)return null;const c=o>n?`${n}+`:o;return a.jsx("span",{className:`text-color-white text-xs px-[10px] py-1 rounded-full whitespace-nowrap ${(g=xe[r])==null?void 0:g.filled}`,children:c})},s={"top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2","top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2"};return a.jsxs("div",{className:"relative inline-block",children:[e,a.jsx("span",{className:`absolute ${s[i]}`,children:l()})]})},Ua=({variant:e="fixed",activeTab:o,navItems:t,onTabChange:n,className:r="",activeClass:i="",buttonClass:l=""})=>{const s={fixed:"fixed bottom-0 left-0 right-0",floating:"fixed bottom-4 left-4 right-4 rounded-full",static:"static w-full"};return a.jsx("nav",{className:`flex justify-around items-center bg-color-white shadow-sm text-color-gray-600 py-2 px-4 ${s[e]} ${r}`,children:t.map(c=>{const u=c.label===o;return a.jsxs("a",{href:c.path,onClick:()=>n(c.label),className:`flex flex-col items-center text-sm cursor-pointer text-color-gray-500 no-underline ${l}`,children:[a.jsx("span",{className:`text-xl ${u?`text-color-blue-500 ${i}`:""}`,children:c.icon}),a.jsx("span",{className:`text-xs font-medium mt-1 ${u?`text-color-blue-500 ${i}`:""}`,children:c.label})]},c.label)})})},Wa=({items:e,separator:o="/",className:t="",itemClass:n="",spanClass:r="",separatorClass:i=""})=>a.jsx("nav",{className:`text-sm text-color-gray-600 ${t}`,"aria-label":"Breadcrumb",children:a.jsx("ol",{className:"flex items-center space-x-1",children:e.map((l,s)=>a.jsxs("li",{className:"flex items-center",children:[l.href?a.jsx("a",{href:l.href,className:`text-color-gray-800 hover:underline font-medium ${n}`,children:l.label}):a.jsx("span",{className:`text-color-gray-500 font-medium ${r}`,children:l.label}),s<e.length-1&&a.jsx("span",{className:`mx-2 text-color-gray-400 ${i}`,children:o})]},s))})}),Ka=a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM13 12V7H11V14H17V12H13Z"})}),cn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Xa=["Su","Mo","Tu","We","Th","Fr","Sa"],Ja=({mode:e="single",type:o="inline",showTime:t=!1,onlyTime:n=!1,fromToTime:r=!1,className:i,onChange:l,onConfirm:s,onCancel:c,placeholder:u="Select date",icon:g=Ka,disableBefore:m,disableAfter:p,selectedDate:d,hideFutureDates:x=!1,defaultDate:f,fromDate:w,toDate:b,minimumDate:z,maxDate:y,defaultTime:$,fromTime:k,toTime:V})=>{const[j,Z]=v.useState(!1),[ee,X]=v.useState(null),[G,se]=v.useState(w||b?new Date:f?new Date(typeof f=="string"?parseInt(f):f):new Date),[W,T]=v.useState(d?new Date(d):f&&!d?new Date(typeof f=="string"?parseInt(f):f):null),[D,Q]=v.useState(w?new Date(w):null),[R,pe]=v.useState(b?new Date(b):null),[M,C]=v.useState(null),[S,A]=v.useState({hour:12,minute:0,ampm:"AM"}),E=v.useRef(null),[O,Y]=v.useState(d?new Date(d):f&&!d?new Date(typeof f=="string"?parseInt(f):f):null),[N,_]=v.useState(w?new Date(w):null),[L,H]=v.useState(b?new Date(b):null),[B,re]=v.useState(!1),[P,F]=v.useState(!1),[ie,le]=v.useState(!1),[ge,K]=v.useState({hour:12,minute:0,ampm:"AM"}),[ae,Ce]=v.useState({hour:12,minute:0,ampm:"AM"}),[ve,Ae]=v.useState(k?new Date(k):null),[Le,Be]=v.useState(V?new Date(V):null);v.useEffect(()=>{if(k){const h=new Date(k);Ae(h);let U=h.getHours();const ne=U>=12?"PM":"AM";U=U%12||12,K({hour:U,minute:h.getMinutes(),ampm:ne})}},[k]),v.useEffect(()=>{if(V){const h=new Date(V);Be(h);let U=h.getHours();const ne=U>=12?"PM":"AM";U=U%12||12,Ce({hour:U,minute:h.getMinutes(),ampm:ne})}},[V]),v.useEffect(()=>{if(d)T(new Date(d)),Y(new Date(d));else if(!d&&f){const h=new Date(typeof f=="string"?parseInt(f):f);T(h),Y(h)}else T(null),Y(null)},[d,f]),v.useEffect(()=>{w&&(Q(new Date(w)),_(new Date(w)),T(new Date(w)),Y(new Date(w)))},[w]),v.useEffect(()=>{b&&(pe(new Date(b)),H(new Date(b)),T(new Date(b)),Y(new Date(b)))},[b]),v.useEffect(()=>{if($&&!d&&!f){const h=new Date;typeof $=="object"&&(h.setHours($.hour+($.ampm==="PM"?12:0)),h.setMinutes($.minute)),T(h),Y(h)}},[$,d,f]);const I=h=>{h.stopPropagation(),X(h.currentTarget),Z(!0),O?se(new Date(O)):f&&!O&&se(new Date(typeof f=="string"?parseInt(f):f))},J=h=>{if(m&&h.getTime()<m||p&&h.getTime()>p||x&&h.getTime()>new Date().setHours(23,59,59,999))return!0;if(y){const U=typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y;if(h.getTime()>U.getTime())return!0}if(z){const U=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(h.getTime()<U.getTime())return!0}return!1},fe=h=>{o==="inline"&&E.current&&!E.current.contains(h.target)&&(e==="single"?W||T(null):e==="range"&&(!D||!R)&&(Q(null),pe(null)),Z(!1))};v.useEffect(()=>(j?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[j]);const he=h=>{!h||J(h)||(e==="single"?T(h):e==="range"&&(!D||D&&R?(Q(h),pe(null)):h>=D?pe(h):Q(h)))},we=h=>{if(!h||J(h)){C(null);return}e==="range"&&D&&!R&&C(h)},je=()=>{C(null)},Fe=()=>{if(Z(!1),e==="single"){const h=n?new Date:W,U=h?new Date(h.getFullYear(),h.getMonth(),h.getDate(),S.ampm==="PM"&&S.hour!==12?S.hour+12:S.ampm==="AM"&&S.hour===12?0:S.hour,S.minute):null;Y(U);const ne=U?U.getTime():null;l==null||l(ne),s==null||s(ne)}else if(e==="range"){_(D),H(R);const h={startDate:D?D.getTime():null,endDate:R?R.getTime():null};l==null||l(h),s==null||s(h)}},Ke=()=>{Z(!1),T(O),Q(N),pe(L),se(O?new Date(O):new Date),c==null||c()},Oe=h=>{const U=new Date,ne=h.ampm==="PM"&&h.hour!==12?h.hour+12:h.ampm==="AM"&&h.hour===12?0:h.hour;return U.setHours(ne,h.minute,0,0),U},Xe=(h,U)=>Oe(U).getTime()>h.getTime(),Ge=()=>{const h=Oe(ge);Ae(h),F(!1);const U={fromTime:h.getTime(),toTime:Le?Le.getTime():null};l==null||l(U)},Je=()=>{if(!ve)return;if(!Xe(ve,ae)){alert("To Time must be greater than From Time");return}const h=Oe(ae);Be(h),le(!1);const U={fromTime:ve.getTime(),toTime:h.getTime()};l==null||l(U),s==null||s(U)},Qe=()=>{if(F(!1),ve){let h=ve.getHours();const U=h>=12?"PM":"AM";h=h%12||12,K({hour:h,minute:ve.getMinutes(),ampm:U})}c==null||c()},Re=()=>{if(le(!1),Le){let h=Le.getHours();const U=h>=12?"PM":"AM";h=h%12||12,Ce({hour:h,minute:Le.getMinutes(),ampm:U})}c==null||c()},et=()=>{if(!ve){alert("Please select and confirm From Time first");return}le(!0)},ft=(h,U)=>{if(!h)return U;let ne=h.getHours();const ke=ne>=12?"PM":"AM";ne=ne%12||12;const Te=h.getMinutes();return`${String(ne).padStart(2,"0")}:${String(Te).padStart(2,"0")} ${ke}`},oi=()=>{const h=new Date(G.getFullYear(),G.getMonth(),1),U=new Date(G.getFullYear(),G.getMonth()+1,0),ne=new Date().setHours(23,59,59,999),ke=[],Te=h.getDay();for(let ye=0;ye<Te;ye++)ke.push(null);for(let ye=1;ye<=U.getDate();ye++){const Kt=new Date(G.getFullYear(),G.getMonth(),ye);x&&Kt.getTime()>ne||ke.push(Kt)}return ke},ni=()=>{if(z){const h=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(G.getFullYear()<h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()<=h.getMonth())return!1}if(m){const h=new Date(m);if(G.getFullYear()<h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()<=h.getMonth())return!1}return!0},ri=()=>{if(y){const h=typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y;if(G.getFullYear()>h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()>=h.getMonth())return!1}if(p){const h=new Date(p);if(G.getFullYear()>h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()>=h.getMonth())return!1}if(x){const h=new Date;if(G.getFullYear()>h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()>=h.getMonth())return!1}return!0},ai=h=>{if(!h)return!1;if(e==="single")return(W==null?void 0:W.toDateString())===h.toDateString();if(e==="range"){if(D&&!R&&M){const U=D<M?D:M,ne=D<M?M:D;return h>=U&&h<=ne}return D&&R&&h>=D&&h<=R}return!1},Wt=(h,U)=>{if(!h)return e==="range"?U==="end"?"End Date":"Start Date":n?`${String(S.hour).padStart(2,"0")}:${String(S.minute).padStart(2,"0")} ${S.ampm}`:u;if(n)return`${String(S.hour).padStart(2,"0")}:${String(S.minute).padStart(2,"0")} ${S.ampm}`;const ne=h.getDate().toString().padStart(2,"0"),ke=cn[h.getMonth()],Te=h.getFullYear(),ye=t?` ${String(S.hour).padStart(2,"0")}:${String(S.minute).padStart(2,"0")} ${S.ampm}`:"";return`${ne} ${ke} ${Te}${ye}`},ii=a.jsxs("div",{className:"flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2",children:[a.jsx("select",{value:S.hour,onChange:h=>A({...S,hour:parseInt(h.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0",children:Array.from({length:12},(h,U)=>U+1).map(h=>a.jsx("option",{value:h,children:h.toString().padStart(2,"0")},h))}),a.jsx("select",{value:S.minute,onChange:h=>A({...S,minute:parseInt(h.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:Array.from({length:60},(h,U)=>U).map(h=>a.jsx("option",{value:h,children:h.toString().padStart(2,"0")},h))}),a.jsxs("select",{value:S.ampm,onChange:h=>A({...S,ampm:h.target.value==="AM"?"AM":"PM"}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]})]}),pn=(h,U)=>a.jsxs("div",{className:"flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2",children:[a.jsx("select",{value:h.hour,onChange:ne=>U({...h,hour:parseInt(ne.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0",children:Array.from({length:12},(ne,ke)=>ke+1).map(ne=>a.jsx("option",{value:ne,children:ne.toString().padStart(2,"0")},ne))}),a.jsx("select",{value:h.minute,onChange:ne=>U({...h,minute:parseInt(ne.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:Array.from({length:60},(ne,ke)=>ke).map(ne=>a.jsx("option",{value:ne,children:ne.toString().padStart(2,"0")},ne))}),a.jsxs("select",{value:h.ampm,onChange:ne=>U({...h,ampm:ne.target.value==="AM"?"AM":"PM"}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]})]}),un=a.jsxs("div",{ref:E,className:`${o==="dialog"?"relative w-full":"absolute z-50 mt-2 w-72 rounded-lg border border-color-gray-200 bg-color-white shadow-xl p-4"}`,style:o==="dialog"?void 0:{position:"absolute",left:ee==null?void 0:ee.getBoundingClientRect().left,top:ee?ee.getBoundingClientRect().bottom+window.scrollY:0},children:[!n&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex items-center justify-between mb-3",children:[a.jsx(_e,{variant:"transparent",size:"small",color:"gray",roundedFull:!0,disabled:!ni(),onClick:()=>se(new Date(G.getFullYear(),G.getMonth()-1,1)),icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"})})}),a.jsx("div",{className:"flex items-center gap-4",children:a.jsxs("select",{className:"text-sm outline-none",value:G.getMonth(),onChange:h=>se(new Date(G.getFullYear(),parseInt(h.target.value),1)),children:[cn.map((h,U)=>{const ne=G.getFullYear(),ke=U,Te=new Date;if(x&&ne===Te.getFullYear()&&ke>Te.getMonth())return null;if(z){const ye=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(ne===ye.getFullYear()&&ke<ye.getMonth()||ne<ye.getFullYear())return null}if(y||p){const ye=y?typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y:p?new Date(p):null;if(ye&&ne===ye.getFullYear()&&ke>ye.getMonth()||ye&&ne>ye.getFullYear())return null}return a.jsx("option",{value:U,children:h},h)}),a.jsxs("select",{value:S.ampm,onChange:h=>A({...S,ampm:h.target.value==="AM"?"AM":"PM"}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]}),Array.from({length:150},(h,U)=>new Date().getFullYear()-100+U).filter(h=>{if(x&&h>new Date().getFullYear())return!1;if(z){const U=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(h<U.getFullYear())return!1}if(y||p){const U=y?typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y:p?new Date(p):null;if(U&&h>U.getFullYear())return!1}return!0}).map(h=>a.jsx("option",{value:h,children:h},h))]})}),a.jsx(_e,{variant:"transparent",size:"small",color:"gray",roundedFull:!0,disabled:!ri(),onClick:()=>se(new Date(G.getFullYear(),G.getMonth()+1,1)),icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"})})})]}),a.jsxs("div",{className:"grid grid-columns-7 gap-1 text-center text-sm mb-2",children:[!x&&Xa.map(h=>a.jsx("div",{className:"font-semibold",children:h},h)),oi().map((h,U)=>a.jsx("div",{className:`size-8 flex justify-center items-center text-sm rounded-full transition-all
161
+ `,onTransitionEnd:d,children:[s&&a.jsx(_e,{color:"gray",icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})}),size:"small",roundedFull:!0,className:"!absolute right-3 top-3 z-99",onClick:o,variant:"transparent"}),n&&a.jsx("h2",{className:"text-xl font-semibold mb-4",children:n}),a.jsx("div",{className:`grow overflow-y-auto ${i}`,children:r}),l&&a.jsx("div",{className:"mt-4",children:l})]})]}),document.body)},Ha=({title:e,content:o,expandIcon:t=a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})}),collapseIcon:n=a.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"})}),isOpen:r,defaultExpanded:i=!1,onToggle:l,className:s="",titleClass:c="",contentClass:u=""})=>{const[g,m]=v.useState(i),p=r!==void 0,d=p?r:g,x=()=>{const f=!d;p||m(f),l==null||l(f)};return v.useEffect(()=>{p&&m(r)},[r]),a.jsxs("div",{className:`overflow-hidden w-full border border-color-gray-100 ${s}`,children:[a.jsxs("button",{type:"button",onClick:x,className:`flex justify-between items-center w-full p-4 bg-color-gray-50 hover:bg-color-gray-200 transition ${c}`,children:[a.jsx("div",{className:"text-left text-sm font-medium",children:e}),a.jsx("div",{className:"transition-transform duration-300",children:d?t:n})]}),a.jsx("div",{className:`grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] ${d?"grid-rows-[1fr] opacity-100":"grid-rows-[0fr] opacity-0"}`,children:a.jsx("div",{className:"overflow-hidden",children:a.jsx("div",{className:`p-4 text-sm text-color-gray-700 ${u}`,children:o})})})]})},Ba={info:"bg-color-blue-50 border-color-blue-300 text-color-blue-800",success:"bg-color-green-50 border-color-green-300 text-color-green-800",danger:"bg-color-red-50 border-color-red-300 text-color-red-800",warning:"bg-color-yellow-50 border-color-yellow-300 text-color-yellow-800",dark:"bg-color-gray-100 border-color-gray-300 text-color-gray-800"},Ga={info:a.jsx("svg",{className:"text-color-blue-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"})}),success:a.jsx("svg",{className:"text-color-green-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2ZM17.4571 9.45711L16.0429 8.04289L11 13.0858L8.20711 10.2929L6.79289 11.7071L11 15.9142L17.4571 9.45711Z"})}),danger:a.jsx("svg",{className:"text-color-red-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 10.5858L14.8284 7.75736L16.2426 9.17157L13.4142 12L16.2426 14.8284L14.8284 16.2426L12 13.4142L9.17157 16.2426L7.75736 14.8284L10.5858 12L7.75736 9.17157L9.17157 7.75736L12 10.5858Z"})}),warning:a.jsx("svg",{className:"text-color-yellow-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 15H13V17H11V15ZM11 7H13V13H11V7Z"})}),dark:a.jsx("svg",{className:"text-color-gray-800 shrink-0 size-7",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM11 7H13V9H11V7ZM11 11H13V17H11V11Z"})})},qa={info:"bg-color-blue-500",success:"bg-color-green-500",danger:"bg-color-red-500",warning:"bg-color-yellow-500",dark:"bg-color-gray-700"},Ya=({message:e,variant:o="info",onClose:t,autoClose:n=!1,className:r="",autoCloseDuration:i=5e3})=>{const[l,s]=v.useState(!0),c=v.useRef(null);return v.useEffect(()=>{let u;return n&&(requestAnimationFrame(()=>{c.current&&(c.current.style.transition=`width ${i}ms linear`,c.current.style.width="0%")}),u=setTimeout(()=>{s(!1),t==null||t()},i)),()=>clearTimeout(u)},[n,i,t]),l?a.jsxs("div",{className:`relative border-t-4 p-4 flex items-start justify-between ${Ba[o]} ${r}`,children:[a.jsxs("div",{className:"flex items-center gap-2",children:[Ga[o],a.jsx("span",{dangerouslySetInnerHTML:{__html:e}})]}),a.jsx("button",{type:"button",onClick:()=>{s(!1),t==null||t()},"aria-label":"Close alert",className:"ml-4 bg-color-transparent cursor-pointer hover:bg-color-white rounded-full p-1 transition-color",children:a.jsx("svg",{className:`size-5 ${o==="dark"?"text-color-gray-700":""}`,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})})}),n&&a.jsx("div",{className:"absolute -top-1 left-0 h-1 w-full bg-color-transparent overflow-hidden",children:a.jsx("div",{ref:c,className:`${qa[o]} h-1`,style:{width:"100%"}})})]}):null},Za=({children:e,count:o,showDot:t=!1,max:n=99,color:r="red",position:i="top-right"})=>{const l=()=>{var u,g;if(t)return a.jsx("span",{className:`h-2 w-2 rounded-full ${(u=xe[r])==null?void 0:u.filled} block`});if(o===0||o===void 0)return null;const c=o>n?`${n}+`:o;return a.jsx("span",{className:`text-color-white text-xs px-[10px] py-1 rounded-full whitespace-nowrap ${(g=xe[r])==null?void 0:g.filled}`,children:c})},s={"top-left":"top-0 left-0 -translate-x-1/2 -translate-y-1/2","bottom-right":"bottom-0 right-0 translate-x-1/2 translate-y-1/2","bottom-left":"bottom-0 left-0 -translate-x-1/2 translate-y-1/2","top-right":"top-0 right-0 translate-x-1/2 -translate-y-1/2"};return a.jsxs("div",{className:"relative inline-block",children:[e,a.jsx("span",{className:`absolute ${s[i]}`,children:l()})]})},Ua=({variant:e="fixed",activeTab:o,navItems:t,onTabChange:n,className:r="",activeClass:i="",buttonClass:l=""})=>{const s={fixed:"fixed bottom-0 left-0 right-0",floating:"fixed bottom-4 left-4 right-4 rounded-full",static:"static w-full"};return a.jsx("nav",{className:`flex justify-around items-center bg-color-white shadow-sm text-color-gray-600 py-2 px-4 ${s[e]} ${r}`,children:t.map(c=>{const u=c.label===o;return a.jsxs("a",{href:c.path,onClick:()=>n(c.label),className:`flex flex-col items-center text-sm cursor-pointer text-color-gray-500 no-underline ${l}`,children:[a.jsx("span",{className:`text-xl ${u?`text-color-blue-500 ${i}`:""}`,children:c.icon}),a.jsx("span",{className:`text-xs font-medium mt-1 ${u?`text-color-blue-500 ${i}`:""}`,children:c.label})]},c.label)})})},Wa=({items:e,separator:o="/",className:t="",itemClass:n="",spanClass:r="",separatorClass:i=""})=>a.jsx("nav",{className:`text-sm text-color-gray-600 ${t}`,"aria-label":"Breadcrumb",children:a.jsx("ol",{className:"flex items-center space-x-1",children:e.map((l,s)=>a.jsxs("li",{className:"flex items-center",children:[l.href?a.jsx("a",{href:l.href,className:`text-color-gray-800 hover:underline font-medium ${n}`,children:l.label}):a.jsx("span",{className:`text-color-gray-500 font-medium ${r}`,children:l.label}),s<e.length-1&&a.jsx("span",{className:`mx-2 text-color-gray-400 ${i}`,children:o})]},s))})}),Ka=a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM13 12V7H11V14H17V12H13Z"})}),cn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Xa=["Su","Mo","Tu","We","Th","Fr","Sa"],Ja=({mode:e="single",type:o="inline",showTime:t=!1,onlyTime:n=!1,fromToTime:r=!1,className:i,onChange:l,onConfirm:s,onCancel:c,placeholder:u="Select date",icon:g=Ka,disableBefore:m,disableAfter:p,selectedDate:d,hideFutureDates:x=!1,defaultDate:f,fromDate:w,toDate:b,minimumDate:z,maxDate:y,defaultTime:$,fromTime:k,toTime:V})=>{const[j,Z]=v.useState(!1),[ee,X]=v.useState(null),[G,se]=v.useState(w||b?new Date:f?new Date(typeof f=="string"?parseInt(f):f):new Date),[W,T]=v.useState(d?new Date(d):f&&!d?new Date(typeof f=="string"?parseInt(f):f):null),[D,Q]=v.useState(w?new Date(w):null),[R,pe]=v.useState(b?new Date(b):null),[M,C]=v.useState(null),[S,A]=v.useState({hour:12,minute:0,ampm:"AM"}),E=v.useRef(null),[O,Y]=v.useState(d?new Date(d):f&&!d?new Date(typeof f=="string"?parseInt(f):f):null),[N,_]=v.useState(w?new Date(w):null),[L,H]=v.useState(b?new Date(b):null),[B,re]=v.useState(!1),[P,F]=v.useState(!1),[ie,le]=v.useState(!1),[ge,K]=v.useState({hour:12,minute:0,ampm:"AM"}),[ae,Ce]=v.useState({hour:12,minute:0,ampm:"AM"}),[ve,Ae]=v.useState(k?new Date(k):null),[Le,Be]=v.useState(V?new Date(V):null);v.useEffect(()=>{if(k){const h=new Date(k);Ae(h);let U=h.getHours();const ne=U>=12?"PM":"AM";U=U%12||12,K({hour:U,minute:h.getMinutes(),ampm:ne})}},[k]),v.useEffect(()=>{if(V){const h=new Date(V);Be(h);let U=h.getHours();const ne=U>=12?"PM":"AM";U=U%12||12,Ce({hour:U,minute:h.getMinutes(),ampm:ne})}},[V]),v.useEffect(()=>{if(d)T(new Date(d)),Y(new Date(d));else if(!d&&f){const h=new Date(typeof f=="string"?parseInt(f):f);T(h),Y(h)}else T(null),Y(null)},[d,f]),v.useEffect(()=>{w&&(Q(new Date(w)),_(new Date(w)),T(new Date(w)),Y(new Date(w)))},[w]),v.useEffect(()=>{b&&(pe(new Date(b)),H(new Date(b)),T(new Date(b)),Y(new Date(b)))},[b]),v.useEffect(()=>{if($&&!d&&!f){const h=new Date;typeof $=="object"&&(h.setHours($.hour+($.ampm==="PM"?12:0)),h.setMinutes($.minute)),T(h),Y(h)}},[$,d,f]);const I=h=>{h.stopPropagation(),X(h.currentTarget),Z(!0),O?se(new Date(O)):f&&!O&&se(new Date(typeof f=="string"?parseInt(f):f))},J=h=>{if(m&&h.getTime()<m||p&&h.getTime()>p||x&&h.getTime()>new Date().setHours(23,59,59,999))return!0;if(y){const U=typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y;if(h.getTime()>U.getTime())return!0}if(z){const U=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(h.getTime()<U.getTime())return!0}return!1},fe=h=>{o==="inline"&&E.current&&!E.current.contains(h.target)&&(e==="single"?W||T(null):e==="range"&&(!D||!R)&&(Q(null),pe(null)),Z(!1))};v.useEffect(()=>(j?document.addEventListener("mousedown",fe):document.removeEventListener("mousedown",fe),()=>{document.removeEventListener("mousedown",fe)}),[j]);const he=h=>{!h||J(h)||(e==="single"?T(h):e==="range"&&(!D||D&&R?(Q(h),pe(null)):h>=D?pe(h):Q(h)))},we=h=>{if(!h||J(h)){C(null);return}e==="range"&&D&&!R&&C(h)},je=()=>{C(null)},Fe=()=>{if(Z(!1),e==="single"){const h=n?new Date:W,U=h?new Date(h.getFullYear(),h.getMonth(),h.getDate(),S.ampm==="PM"&&S.hour!==12?S.hour+12:S.ampm==="AM"&&S.hour===12?0:S.hour,S.minute):null;Y(U);const ne=U?U.getTime():null;l==null||l(ne),s==null||s(ne)}else if(e==="range"){_(D),H(R);const h={startDate:D?D.getTime():null,endDate:R?R.getTime():null};l==null||l(h),s==null||s(h)}},Ke=()=>{Z(!1),T(O),Q(N),pe(L),se(O?new Date(O):new Date),c==null||c()},Oe=h=>{const U=new Date,ne=h.ampm==="PM"&&h.hour!==12?h.hour+12:h.ampm==="AM"&&h.hour===12?0:h.hour;return U.setHours(ne,h.minute,0,0),U},Xe=(h,U)=>Oe(U).getTime()>h.getTime(),Ge=()=>{const h=Oe(ge);Ae(h),F(!1);const U={fromTime:h.getTime(),toTime:Le?Le.getTime():null};l==null||l(U)},Je=()=>{if(!ve)return;if(!Xe(ve,ae)){alert("To Time must be greater than From Time");return}const h=Oe(ae);Be(h),le(!1);const U={fromTime:ve.getTime(),toTime:h.getTime()};l==null||l(U),s==null||s(U)},Qe=()=>{if(F(!1),ve){let h=ve.getHours();const U=h>=12?"PM":"AM";h=h%12||12,K({hour:h,minute:ve.getMinutes(),ampm:U})}c==null||c()},Re=()=>{if(le(!1),Le){let h=Le.getHours();const U=h>=12?"PM":"AM";h=h%12||12,Ce({hour:h,minute:Le.getMinutes(),ampm:U})}c==null||c()},et=()=>{if(!ve){alert("Please select and confirm From Time first");return}le(!0)},ft=(h,U)=>{if(!h)return U;let ne=h.getHours();const ke=ne>=12?"PM":"AM";ne=ne%12||12;const Te=h.getMinutes();return`${String(ne).padStart(2,"0")}:${String(Te).padStart(2,"0")} ${ke}`},oi=()=>{const h=new Date(G.getFullYear(),G.getMonth(),1),U=new Date(G.getFullYear(),G.getMonth()+1,0),ne=new Date().setHours(23,59,59,999),ke=[],Te=h.getDay();for(let ye=0;ye<Te;ye++)ke.push(null);for(let ye=1;ye<=U.getDate();ye++){const Kt=new Date(G.getFullYear(),G.getMonth(),ye);x&&Kt.getTime()>ne||ke.push(Kt)}return ke},ni=()=>{if(z){const h=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(G.getFullYear()<h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()<=h.getMonth())return!1}if(m){const h=new Date(m);if(G.getFullYear()<h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()<=h.getMonth())return!1}return!0},ri=()=>{if(y){const h=typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y;if(G.getFullYear()>h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()>=h.getMonth())return!1}if(p){const h=new Date(p);if(G.getFullYear()>h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()>=h.getMonth())return!1}if(x){const h=new Date;if(G.getFullYear()>h.getFullYear()||G.getFullYear()===h.getFullYear()&&G.getMonth()>=h.getMonth())return!1}return!0},ai=h=>{if(!h)return!1;if(e==="single")return(W==null?void 0:W.toDateString())===h.toDateString();if(e==="range"){if(D&&!R&&M){const U=D<M?D:M,ne=D<M?M:D;return h>=U&&h<=ne}return D&&R&&h>=D&&h<=R}return!1},Wt=(h,U)=>{if(!h)return e==="range"?U==="end"?"End Date":"Start Date":n?`${String(S.hour).padStart(2,"0")}:${String(S.minute).padStart(2,"0")} ${S.ampm}`:u;if(n)return`${String(S.hour).padStart(2,"0")}:${String(S.minute).padStart(2,"0")} ${S.ampm}`;const ne=h.getDate().toString().padStart(2,"0"),ke=cn[h.getMonth()],Te=h.getFullYear(),ye=t?` ${String(S.hour).padStart(2,"0")}:${String(S.minute).padStart(2,"0")} ${S.ampm}`:"";return`${ne} ${ke} ${Te}${ye}`},ii=a.jsxs("div",{className:"flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2",children:[a.jsx("select",{value:S.hour,onChange:h=>A({...S,hour:parseInt(h.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0",children:Array.from({length:12},(h,U)=>U+1).map(h=>a.jsx("option",{value:h,children:h.toString().padStart(2,"0")},h))}),a.jsx("select",{value:S.minute,onChange:h=>A({...S,minute:parseInt(h.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:Array.from({length:60},(h,U)=>U).map(h=>a.jsx("option",{value:h,children:h.toString().padStart(2,"0")},h))}),a.jsxs("select",{value:S.ampm,onChange:h=>A({...S,ampm:h.target.value==="AM"?"AM":"PM"}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]})]}),pn=(h,U)=>a.jsxs("div",{className:"flex items-center justify-between w-full border border-color-gray-300 rounded-md p-2",children:[a.jsx("select",{value:h.hour,onChange:ne=>U({...h,hour:parseInt(ne.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0",children:Array.from({length:12},(ne,ke)=>ke+1).map(ne=>a.jsx("option",{value:ne,children:ne.toString().padStart(2,"0")},ne))}),a.jsx("select",{value:h.minute,onChange:ne=>U({...h,minute:parseInt(ne.target.value)}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:Array.from({length:60},(ne,ke)=>ke).map(ne=>a.jsx("option",{value:ne,children:ne.toString().padStart(2,"0")},ne))}),a.jsxs("select",{value:h.ampm,onChange:ne=>U({...h,ampm:ne.target.value==="AM"?"AM":"PM"}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]})]}),un=a.jsxs("div",{ref:E,className:`${o==="dialog"?"relative w-full":"absolute z-50 mt-2 w-72 rounded-lg border border-color-gray-200 bg-color-white shadow-xl p-4"}`,style:o==="dialog"?void 0:{position:"absolute",left:ee==null?void 0:ee.getBoundingClientRect().left,top:ee?ee.getBoundingClientRect().bottom+window.scrollY:0},children:[!n&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex items-center justify-between mb-3",children:[a.jsx(_e,{variant:"transparent",size:"small",color:"gray",roundedFull:!0,disabled:!ni(),onClick:()=>se(new Date(G.getFullYear(),G.getMonth()-1,1)),icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"})})}),a.jsx("div",{className:"flex items-center gap-4",children:a.jsxs("select",{className:"text-sm outline-none",value:G.getMonth(),onChange:h=>se(new Date(G.getFullYear(),parseInt(h.target.value),1)),children:[cn.map((h,U)=>{const ne=G.getFullYear(),ke=U,Te=new Date;if(x&&ne===Te.getFullYear()&&ke>Te.getMonth())return null;if(z){const ye=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(ne===ye.getFullYear()&&ke<ye.getMonth()||ne<ye.getFullYear())return null}if(y||p){const ye=y?typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y:p?new Date(p):null;if(ye&&ne===ye.getFullYear()&&ke>ye.getMonth()||ye&&ne>ye.getFullYear())return null}return a.jsx("option",{value:U,children:h},h)}),a.jsxs("select",{value:S.ampm,onChange:h=>A({...S,ampm:h.target.value==="AM"?"AM":"PM"}),className:"w-16 border-0 text-center bg-color-transparent outline-0 border-l border-color-gray-300",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]}),Array.from({length:150},(h,U)=>new Date().getFullYear()-100+U).filter(h=>{if(x&&h>new Date().getFullYear())return!1;if(z){const U=typeof z=="string"?new Date(z):typeof z=="number"?new Date(z):z;if(h<U.getFullYear())return!1}if(y||p){const U=y?typeof y=="string"?new Date(y):typeof y=="number"?new Date(y):y:p?new Date(p):null;if(U&&h>U.getFullYear())return!1}return!0}).map(h=>a.jsx("option",{value:h,children:h},h))]})}),a.jsx(_e,{variant:"transparent",size:"small",color:"gray",roundedFull:!0,disabled:!ri(),onClick:()=>se(new Date(G.getFullYear(),G.getMonth()+1,1)),icon:a.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"})})})]}),a.jsxs("div",{className:"grid grid-columns-7 gap-1 text-center text-sm mb-2",children:[!x&&Xa.map(h=>a.jsx("div",{className:"font-semibold",children:h},h)),oi().map((h,U)=>a.jsx("div",{className:`size-8 flex justify-center items-center text-sm rounded-full transition-all
162
162
  ${h?"hover:bg-color-blue-100 cursor-pointer":""}
163
163
  ${h&&ai(h)?"bg-color-blue-500 hover:bg-color-blue-500 text-color-white":""}
164
- ${h&&J(h)?"bg-color-gray-100 text-color-gray-400 !cursor-not-allowed hover:bg-color-gray-100":""}`,onClick:()=>h&&he(h),onMouseEnter:()=>h&&we(h),onMouseLeave:je,children:h?h.getDate():""},U))]})]}),(t||n)&&ii,a.jsx("div",{className:"mt-4 flex justify-end",children:a.jsx(ze,{fullWidth:!0,onClick:Fe,disabled:e==="range"&&!R&&!n,className:`${e==="range"&&!R&&!n?"bg-color-gray-400 cursor-not-allowed":""}`,children:"Confirm"})})]});return r?a.jsxs("div",{className:`relative flex items-center gap-2 ${i||""}`,children:[a.jsxs(ze,{onClick:()=>F(!0),fullWidth:!0,color:"gray",variant:"outlined",className:"!justify-between gap-2",children:[ft(ve,"From Time"),g]}),a.jsx("span",{style:{width:20,height:2,background:"#303E59",display:"inline-block",borderRadius:2}}),a.jsxs(ze,{onClick:et,fullWidth:!0,color:"gray",variant:"outlined",className:`!justify-between gap-2 ${ve?"":"opacity-50 cursor-not-allowed"}`,disabled:!ve,children:[ft(Le,"To Time"),g]}),a.jsx(We,{open:P,title:"Select From Time",onClose:Qe,children:a.jsxs("div",{className:"w-72 p-4",children:[pn(ge,K),a.jsx("div",{className:"mt-4 flex justify-end",children:a.jsx(ze,{fullWidth:!0,onClick:Ge,children:"Confirm"})})]})}),a.jsx(We,{open:ie,title:"Select To Time",onClose:Re,children:a.jsxs("div",{className:"w-72 p-4",children:[pn(ae,Ce),a.jsx("div",{className:"mt-4 flex justify-end",children:a.jsx(ze,{fullWidth:!0,onClick:Je,children:"Confirm"})})]})})]}):a.jsxs("div",{className:"relative",children:[a.jsxs(ze,{onClick:I,fullWidth:!0,color:"gray",variant:"outlined",className:`!justify-between gap-2 ${i||""}`,children:[e==="single"?O&&d!==null?Wt(O):u:D||N||L?a.jsxs(a.Fragment,{children:[Wt(D||N,"start")," -"," ",Wt(R||L,"end")]}):u,g]}),o==="inline"?a.jsx(a.Fragment,{children:j&&qe.createPortal(un,document.body)}):a.jsx(We,{open:j,title:n?"Select Time":u,onClose:Ke,children:a.jsx("div",{className:"w-72",children:un})}),B&&a.jsx(We,{open:B,onClose:()=>re(!1),title:"Select Time",children:a.jsxs("div",{className:"p-4",children:[a.jsxs("div",{className:"flex gap-2 mb-4",children:[a.jsxs("div",{className:"flex-1",children:[a.jsx("label",{className:"block text-sm font-medium text-color-gray-700 mb-1",children:"Hour"}),a.jsx("input",{type:"number",min:1,max:12,value:S.hour,onChange:h=>A({...S,hour:parseInt(h.target.value,10)}),className:"w-full border border-color-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"})]}),a.jsxs("div",{className:"flex-1",children:[a.jsx("label",{className:"block text-sm font-medium text-color-gray-700 mb-1",children:"Minute"}),a.jsx("input",{type:"number",min:0,max:59,value:S.minute,onChange:h=>A({...S,minute:parseInt(h.target.value,10)}),className:"w-full border border-color-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"})]})]}),a.jsxs("div",{className:"mb-4",children:[a.jsx("label",{className:"block text-sm font-medium text-color-gray-700 mb-1",children:"AM/PM"}),a.jsxs("select",{value:S.ampm,onChange:h=>A({...S,ampm:h.target.value==="AM"?"AM":"PM"}),className:"w-full border border-color-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]})]}),a.jsxs("div",{className:"flex justify-end gap-2",children:[a.jsx(ze,{onClick:()=>{const h=new Date;h.setHours(S.hour+(S.ampm==="PM"?12:0)),h.setMinutes(S.minute),T(h),Y(h),re(!1)},className:"w-full bg-blue-600 text-white rounded-md px-4 py-2 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500",children:"Set Time"}),a.jsx(ze,{onClick:()=>re(!1),className:"w-full bg-color-gray-300 text-color-gray-700 rounded-md px-4 py-2 hover:bg-color-gray-400 focus:outline-none",children:"Cancel"})]})]})})]})},Qa=({tabs:e,activeKey:o,onChange:t,className:n="",tabsClass:r="",tabItemClass:i="",tabItemActiveClass:l="",tabContentClass:s="",indicatorClass:c="",variant:u="horizontal"})=>{const g=e.find(p=>p.key===o),m=u==="vertical";return a.jsxs("div",{className:`w-full flex ${m?"flex-row":"flex-col"} ${n}`,children:[a.jsx("div",{className:`${m?"flex flex-col min-w-[160px] border-r border-color-gray-200":"flex space-x-6 border-b border-color-gray-200"} ${r}`,children:e.map(p=>{const d=o===p.key;return a.jsxs("button",{onClick:()=>t(p.key),className:`relative flex ${m?"flex-row items-center px-4 py-3":"flex-col items-center py-4"}
164
+ ${h&&J(h)?"bg-color-gray-100 text-color-gray-400 !cursor-not-allowed hover:bg-color-gray-100":""}`,onClick:()=>h&&he(h),onMouseEnter:()=>h&&we(h),onMouseLeave:je,children:h?h.getDate():""},U))]})]}),(t||n)&&ii,a.jsx("div",{className:"mt-4 flex justify-end",children:a.jsx(ze,{fullWidth:!0,onClick:Fe,disabled:e==="range"&&!R&&!n,className:`${e==="range"&&!R&&!n?"bg-color-gray-400 cursor-not-allowed":""}`,children:"Confirm"})})]});return r?a.jsxs("div",{className:`relative flex items-center gap-2 ${i||""}`,children:[a.jsxs(ze,{onClick:()=>F(!0),fullWidth:!0,color:"gray",variant:"outlined",className:"!justify-between gap-2",children:[ft(ve,"From Time"),g]}),a.jsx("span",{style:{width:20,height:2,background:"#303E59",display:"inline-block",borderRadius:2}}),a.jsxs(ze,{onClick:et,fullWidth:!0,color:"gray",variant:"outlined",className:`!justify-between gap-2 ${ve?"":"opacity-50 cursor-not-allowed"}`,disabled:!ve,children:[ft(Le,"To Time"),g]}),a.jsx(We,{open:P,title:"Select From Time",onClose:Qe,children:a.jsxs("div",{className:"w-72 p-4",children:[pn(ge,K),a.jsx("div",{className:"mt-4 flex justify-end",children:a.jsx(ze,{fullWidth:!0,onClick:Ge,children:"Confirm"})})]})}),a.jsx(We,{open:ie,title:"Select To Time",onClose:Re,children:a.jsxs("div",{className:"w-72 p-4",children:[pn(ae,Ce),a.jsx("div",{className:"mt-4 flex justify-end",children:a.jsx(ze,{fullWidth:!0,onClick:Je,children:"Confirm"})})]})})]}):a.jsxs("div",{className:"relative",children:[a.jsxs(ze,{onClick:I,fullWidth:!0,color:"gray",variant:"outlined",className:`!justify-between gap-2 ${i||""}`,children:[e==="single"?O&&d!==null?Wt(O):u:D||N||L?a.jsxs(a.Fragment,{children:[Wt(D||N,"start")," -"," ",Wt(R||L,"end")]}):u,g]}),o==="inline"?a.jsx(a.Fragment,{children:j&&qe.createPortal(un,document.body)}):a.jsx(We,{open:j,title:n?"Select Time":u,onClose:Ke,children:a.jsx("div",{className:"w-72",children:un})}),B&&a.jsx(We,{open:B,onClose:()=>re(!1),title:"Select Time",children:a.jsxs("div",{className:"p-4",children:[a.jsxs("div",{className:"flex gap-2 mb-4",children:[a.jsxs("div",{className:"flex-1",children:[a.jsx("label",{className:"block text-sm font-medium text-color-gray-700 mb-1",children:"Hour"}),a.jsx("input",{type:"number",min:1,max:12,value:S.hour,onChange:h=>A({...S,hour:parseInt(h.target.value,10)}),className:"w-full border border-color-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"})]}),a.jsxs("div",{className:"flex-1",children:[a.jsx("label",{className:"block text-sm font-medium text-color-gray-700 mb-1",children:"Minute"}),a.jsx("input",{type:"number",min:0,max:59,value:S.minute,onChange:h=>A({...S,minute:parseInt(h.target.value,10)}),className:"w-full border border-color-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500"})]})]}),a.jsxs("div",{className:"mb-4",children:[a.jsx("label",{className:"block text-sm font-medium text-color-gray-700 mb-1",children:"AM/PM"}),a.jsxs("select",{value:S.ampm,onChange:h=>A({...S,ampm:h.target.value==="AM"?"AM":"PM"}),className:"w-full border border-color-gray-300 rounded-md p-2 focus:outline-none focus:ring-2 focus:ring-blue-500",children:[a.jsx("option",{value:"AM",children:"AM"}),a.jsx("option",{value:"PM",children:"PM"})]})]}),a.jsxs("div",{className:"flex justify-end gap-2",children:[a.jsx(ze,{onClick:()=>{const h=new Date;h.setHours(S.hour+(S.ampm==="PM"?12:0)),h.setMinutes(S.minute),T(h),Y(h),re(!1)},className:"w-full bg-blue-600 text-white rounded-md px-4 py-2 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500",children:"Set Time"}),a.jsx(ze,{onClick:()=>re(!1),className:"w-full bg-color-gray-300 text-color-gray-700 rounded-md px-4 py-2 hover:bg-color-gray-400 focus:outline-none",children:"Cancel"})]})]})})]})},Qa=({tabs:e,activeKey:o,onChange:t,className:n="",tabsClass:r="",tabItemClass:i="",tabItemActiveClass:l="",tabContentClass:s="",indicatorClass:c="",variant:u="horizontal"})=>{const g=e.find(p=>p.key===o),m=u==="vertical";return a.jsxs("div",{className:`w-full flex ${m?"flex-row":"flex-col"} ${n}`,children:[a.jsx("div",{className:`${m?"flex flex-col min-w-[160px] border-r border-color-gray-200":"flex space-x-6 border-b border-color-gray-200"} ${r}`,children:e.map(p=>{const d=o===p.key;return a.jsxs("button",{type:"button",onClick:()=>t(p.key),className:`relative flex ${m?"flex-row items-center px-4 py-3":"flex-col items-center py-4"}
165
165
  text-sm font-medium transition-color duration-200 bg-color-transparent
166
166
  ${d?`text-color-blue-500 ${l} `:"text-color-gray-600 hover:text-color-blue-500 cursor-pointer"}
167
167
  ${i}`,children:[a.jsxs("div",{className:`flex items-center ${m?"space-x-3":"space-x-2"}`,children:[p.icon&&a.jsx("span",{children:p.icon}),a.jsx("span",{children:p.label})]}),d&&(m?a.jsx("div",{className:`absolute right-0 top-3 bottom-3 w-1 bg-color-blue-500 rounded-full ${c}`}):a.jsx("div",{className:`absolute bottom-0 left-0 right-0 h-1 bg-color-blue-500 rounded-full ${c}`}))]},p.key)})}),a.jsx("div",{className:`mt-4 ${m?"ml-6 mt-0":""} ${s}`,children:g==null?void 0:g.content})]})},Ra=({stats:e=[],className:o=""})=>a.jsx(ln,{className:`w-full ${o}`,children:a.jsx("div",{className:"grid grid-columns-1 sm:grid-columns-1 md:grid-columns-2 lg:grid-columns-4 gap-4 justify-items-center",children:e.map((t,n)=>a.jsxs("div",{className:`flex items-center justify-center gap-4 lg:not-last:border-r md:not-last:border-r md:nth-2:border-r-0 md:not-last:border-b-0 not-last:border-b border-color-gray-200
168
168
  md:p-2 not-last:pb-4 w-full h-full ${t.className}`,children:[a.jsx("div",{className:`p-2 ${t.accentColor} ${t.accentBackground} shrink-0 flex items-center justify-center p-4 text-md rounded-lg`,children:t.icon}),a.jsxs("div",{className:"flex flex-col justify-center gap-1 w-full ",children:[a.jsx("div",{className:"text-sm",children:t.name}),a.jsx("div",{className:`text-xl ${t.accentColor} font-semibold`,children:t.value})]})]},n))})});function ei({items:e=[],logoJSX:o,position:t,defaultActive:n,open:r=!0,onClose:i,onItemSelect:l,className:s=""}){const[c,u]=v.useState(n),g=m=>{u(m),m.onClick&&m.onClick(),l&&l(m)};return a.jsx(a.Fragment,{children:a.jsx(sn,{open:r,onClose:i,anchor:t,showCloseIcon:!1,className:s,children:a.jsxs("div",{className:"",children:[o&&a.jsx("div",{className:"pb-6",children:o}),a.jsx("nav",{className:"space-y-2 text-sm font-medium text-color-gray-700",children:e.map(m=>m.href?a.jsxs("a",{href:m.href,className:`flex items-center gap-3 py-3 px-4 cursor-pointer rounded-full w-full no-underline
169
169
  ${m.label===(c==null?void 0:c.label)?"bg-color-blue-500 text-color-white font-medium ":"hover:bg-color-gray-50 text-color-gray-600"}
170
- `,onClick:()=>g(m),children:[a.jsx("span",{className:"text-lg",children:m.icon}),a.jsx("span",{children:m.label})]},m.label):a.jsxs("button",{onClick:()=>g(m),className:`flex items-center gap-3 py-3 px-4 cursor-pointer rounded-full w-full no-underline
170
+ `,onClick:()=>g(m),children:[a.jsx("span",{className:"text-lg",children:m.icon}),a.jsx("span",{children:m.label})]},m.label):a.jsxs("button",{type:"button",onClick:()=>g(m),className:`flex items-center gap-3 py-3 px-4 cursor-pointer rounded-full w-full no-underline
171
171
  ${m.label===(c==null?void 0:c.label)?"bg-color-blue-500 text-color-white font-medium ":"hover:bg-color-gray-50 text-color-gray-600 bg-color-transparent"}
172
172
  `,children:[a.jsx("span",{className:"text-lg",children:m.icon}),a.jsx("span",{children:m.label})]},m.label))})]})})})}const dn=[{code:"AF",name:"Afghanistan",dialCode:"+93",flag:"https://ik.imagekit.io/unizap/country_flag/af.svg"},{code:"AL",name:"Albania",dialCode:"+355",flag:"https://ik.imagekit.io/unizap/country_flag/al.svg"},{code:"DZ",name:"Algeria",dialCode:"+213",flag:"https://ik.imagekit.io/unizap/country_flag/dz.svg"},{code:"AS",name:"American Samoa",dialCode:"+1684",flag:"https://ik.imagekit.io/unizap/country_flag/as.svg"},{code:"AD",name:"Andorra",dialCode:"+376",flag:"https://ik.imagekit.io/unizap/country_flag/ad.svg"},{code:"AO",name:"Angola",dialCode:"+244",flag:"https://ik.imagekit.io/unizap/country_flag/ao.svg"},{code:"AI",name:"Anguilla",dialCode:"+1264",flag:"https://ik.imagekit.io/unizap/country_flag/ai.svg"},{code:"AQ",name:"Antarctica",dialCode:"+672",flag:"https://ik.imagekit.io/unizap/country_flag/aq.svg"},{code:"AG",name:"Antigua and Barbuda",dialCode:"+1268",flag:"https://ik.imagekit.io/unizap/country_flag/ag.svg"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"https://ik.imagekit.io/unizap/country_flag/ar.svg"},{code:"AM",name:"Armenia",dialCode:"+374",flag:"https://ik.imagekit.io/unizap/country_flag/am.svg"},{code:"AW",name:"Aruba",dialCode:"+297",flag:"https://ik.imagekit.io/unizap/country_flag/aw.svg"},{code:"AU",name:"Australia",dialCode:"+61",flag:"https://ik.imagekit.io/unizap/country_flag/au.svg"},{code:"AT",name:"Austria",dialCode:"+43",flag:"https://ik.imagekit.io/unizap/country_flag/at.svg"},{code:"AZ",name:"Azerbaijan",dialCode:"+994",flag:"https://ik.imagekit.io/unizap/country_flag/az.svg"},{code:"BS",name:"Bahamas",dialCode:"+1242",flag:"https://ik.imagekit.io/unizap/country_flag/bs.svg"},{code:"BH",name:"Bahrain",dialCode:"+973",flag:"https://ik.imagekit.io/unizap/country_flag/bh.svg"},{code:"BD",name:"Bangladesh",dialCode:"+880",flag:"https://ik.imagekit.io/unizap/country_flag/bd.svg"},{code:"BB",name:"Barbados",dialCode:"+1246",flag:"https://ik.imagekit.io/unizap/country_flag/bb.svg"},{code:"BY",name:"Belarus",dialCode:"+375",flag:"https://ik.imagekit.io/unizap/country_flag/by.svg"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"https://ik.imagekit.io/unizap/country_flag/be.svg"},{code:"BZ",name:"Belize",dialCode:"+501",flag:"https://ik.imagekit.io/unizap/country_flag/bz.svg"},{code:"BJ",name:"Benin",dialCode:"+229",flag:"https://ik.imagekit.io/unizap/country_flag/bj.svg"},{code:"BM",name:"Bermuda",dialCode:"+1441",flag:"https://ik.imagekit.io/unizap/country_flag/bm.svg"},{code:"BT",name:"Bhutan",dialCode:"+975",flag:"https://ik.imagekit.io/unizap/country_flag/bt.svg"},{code:"BO",name:"Bolivia",dialCode:"+591",flag:"https://ik.imagekit.io/unizap/country_flag/bo.svg"},{code:"BA",name:"Bosnia and Herzegovina",dialCode:"+387",flag:"https://ik.imagekit.io/unizap/country_flag/ba.svg"},{code:"BW",name:"Botswana",dialCode:"+267",flag:"https://ik.imagekit.io/unizap/country_flag/bw.svg"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"https://ik.imagekit.io/unizap/country_flag/br.svg"},{code:"IO",name:"British Indian Ocean Territory",dialCode:"+246",flag:"https://ik.imagekit.io/unizap/country_flag/io.svg"},{code:"VG",name:"British Virgin Islands",dialCode:"+1284",flag:"https://ik.imagekit.io/unizap/country_flag/vg.svg"},{code:"BN",name:"Brunei",dialCode:"+673",flag:"https://ik.imagekit.io/unizap/country_flag/bn.svg"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"https://ik.imagekit.io/unizap/country_flag/bg.svg"},{code:"BF",name:"Burkina Faso",dialCode:"+226",flag:"https://ik.imagekit.io/unizap/country_flag/bf.svg"},{code:"BI",name:"Burundi",dialCode:"+257",flag:"https://ik.imagekit.io/unizap/country_flag/bi.svg"},{code:"KH",name:"Cambodia",dialCode:"+855",flag:"https://ik.imagekit.io/unizap/country_flag/kh.svg"},{code:"CM",name:"Cameroon",dialCode:"+237",flag:"https://ik.imagekit.io/unizap/country_flag/cm.svg"},{code:"CA",name:"Canada",dialCode:"+1",flag:"https://ik.imagekit.io/unizap/country_flag/ca.svg"},{code:"CV",name:"Cape Verde",dialCode:"+238",flag:"https://ik.imagekit.io/unizap/country_flag/cv.svg"},{code:"KY",name:"Cayman Islands",dialCode:"+1345",flag:"https://ik.imagekit.io/unizap/country_flag/ky.svg"},{code:"CF",name:"Central African Republic",dialCode:"+236",flag:"https://ik.imagekit.io/unizap/country_flag/cf.svg"},{code:"TD",name:"Chad",dialCode:"+235",flag:"https://ik.imagekit.io/unizap/country_flag/td.svg"},{code:"CL",name:"Chile",dialCode:"+56",flag:"https://ik.imagekit.io/unizap/country_flag/cl.svg"},{code:"CN",name:"China",dialCode:"+86",flag:"https://ik.imagekit.io/unizap/country_flag/cn.svg"},{code:"CX",name:"Christmas Island",dialCode:"+61",flag:"https://ik.imagekit.io/unizap/country_flag/cx.svg"},{code:"CC",name:"Cocos Islands",dialCode:"+61",flag:"https://ik.imagekit.io/unizap/country_flag/cc.svg"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"https://ik.imagekit.io/unizap/country_flag/co.svg"},{code:"KM",name:"Comoros",dialCode:"+269",flag:"https://ik.imagekit.io/unizap/country_flag/km.svg"},{code:"CK",name:"Cook Islands",dialCode:"+682",flag:"https://ik.imagekit.io/unizap/country_flag/ck.svg"},{code:"CR",name:"Costa Rica",dialCode:"+506",flag:"https://ik.imagekit.io/unizap/country_flag/cr.svg"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"https://ik.imagekit.io/unizap/country_flag/hr.svg"},{code:"CU",name:"Cuba",dialCode:"+53",flag:"https://ik.imagekit.io/unizap/country_flag/cu.svg"},{code:"CW",name:"Curacao",dialCode:"+599",flag:"https://ik.imagekit.io/unizap/country_flag/cw.svg"},{code:"CY",name:"Cyprus",dialCode:"+357",flag:"https://ik.imagekit.io/unizap/country_flag/cy.svg"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"https://ik.imagekit.io/unizap/country_flag/cz.svg"},{code:"CD",name:"Democratic Republic of the Congo",dialCode:"+243",flag:"https://ik.imagekit.io/unizap/country_flag/cd.svg"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"https://ik.imagekit.io/unizap/country_flag/dk.svg"},{code:"DJ",name:"Djibouti",dialCode:"+253",flag:"https://ik.imagekit.io/unizap/country_flag/dj.svg"},{code:"DM",name:"Dominica",dialCode:"+1767",flag:"https://ik.imagekit.io/unizap/country_flag/dm.svg"},{code:"DO",name:"Dominican Republic",dialCode:"+1809",flag:"https://ik.imagekit.io/unizap/country_flag/do.svg"},{code:"TL",name:"East Timor",dialCode:"+670",flag:"https://ik.imagekit.io/unizap/country_flag/tl.svg"},{code:"EC",name:"Ecuador",dialCode:"+593",flag:"https://ik.imagekit.io/unizap/country_flag/ec.svg"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"https://ik.imagekit.io/unizap/country_flag/eg.svg"},{code:"SV",name:"El Salvador",dialCode:"+503",flag:"https://ik.imagekit.io/unizap/country_flag/sv.svg"},{code:"GQ",name:"Equatorial Guinea",dialCode:"+240",flag:"https://ik.imagekit.io/unizap/country_flag/gq.svg"},{code:"ER",name:"Eritrea",dialCode:"+291",flag:"https://ik.imagekit.io/unizap/country_flag/er.svg"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"https://ik.imagekit.io/unizap/country_flag/ee.svg"},{code:"SZ",name:"Eswatini",dialCode:"+268",flag:"https://ik.imagekit.io/unizap/country_flag/sz.svg"},{code:"ET",name:"Ethiopia",dialCode:"+251",flag:"https://ik.imagekit.io/unizap/country_flag/et.svg"},{code:"FK",name:"Falkland Islands",dialCode:"+500",flag:"https://ik.imagekit.io/unizap/country_flag/fk.svg"},{code:"FO",name:"Faroe Islands",dialCode:"+298",flag:"https://ik.imagekit.io/unizap/country_flag/fo.svg"},{code:"FJ",name:"Fiji",dialCode:"+679",flag:"https://ik.imagekit.io/unizap/country_flag/fj.svg"},{code:"FI",name:"Finland",dialCode:"+358",flag:"https://ik.imagekit.io/unizap/country_flag/fi.svg"},{code:"FR",name:"France",dialCode:"+33",flag:"https://ik.imagekit.io/unizap/country_flag/fr.svg"},{code:"PF",name:"French Polynesia",dialCode:"+689",flag:"https://ik.imagekit.io/unizap/country_flag/pf.svg"},{code:"GA",name:"Gabon",dialCode:"+241",flag:"https://ik.imagekit.io/unizap/country_flag/ga.svg"},{code:"GM",name:"Gambia",dialCode:"+220",flag:"https://ik.imagekit.io/unizap/country_flag/gm.svg"},{code:"GE",name:"Georgia",dialCode:"+995",flag:"https://ik.imagekit.io/unizap/country_flag/ge.svg"},{code:"DE",name:"Germany",dialCode:"+49",flag:"https://ik.imagekit.io/unizap/country_flag/de.svg"},{code:"GH",name:"Ghana",dialCode:"+233",flag:"https://ik.imagekit.io/unizap/country_flag/gh.svg"},{code:"GI",name:"Gibraltar",dialCode:"+350",flag:"https://ik.imagekit.io/unizap/country_flag/gi.svg"},{code:"GR",name:"Greece",dialCode:"+30",flag:"https://ik.imagekit.io/unizap/country_flag/gr.svg"},{code:"GL",name:"Greenland",dialCode:"+299",flag:"https://ik.imagekit.io/unizap/country_flag/gl.svg"},{code:"GD",name:"Grenada",dialCode:"+1473",flag:"https://ik.imagekit.io/unizap/country_flag/gd.svg"},{code:"GU",name:"Guam",dialCode:"+1671",flag:"https://ik.imagekit.io/unizap/country_flag/gu.svg"},{code:"GT",name:"Guatemala",dialCode:"+502",flag:"https://ik.imagekit.io/unizap/country_flag/gt.svg"},{code:"GG",name:"Guernsey",dialCode:"+44",flag:"https://ik.imagekit.io/unizap/country_flag/gg.svg"},{code:"GN",name:"Guinea",dialCode:"+224",flag:"https://ik.imagekit.io/unizap/country_flag/gn.svg"},{code:"GW",name:"Guinea-Bissau",dialCode:"+245",flag:"https://ik.imagekit.io/unizap/country_flag/gw.svg"},{code:"GY",name:"Guyana",dialCode:"+592",flag:"https://ik.imagekit.io/unizap/country_flag/gy.svg"},{code:"HT",name:"Haiti",dialCode:"+509",flag:"https://ik.imagekit.io/unizap/country_flag/ht.svg"},{code:"HN",name:"Honduras",dialCode:"+504",flag:"https://ik.imagekit.io/unizap/country_flag/hn.svg"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"https://ik.imagekit.io/unizap/country_flag/hk.svg"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"https://ik.imagekit.io/unizap/country_flag/hu.svg"},{code:"IS",name:"Iceland",dialCode:"+354",flag:"https://ik.imagekit.io/unizap/country_flag/is.svg"},{code:"IN",name:"India",dialCode:"+91",flag:"https://ik.imagekit.io/unizap/country_flag/in.svg"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"https://ik.imagekit.io/unizap/country_flag/id.svg"},{code:"IR",name:"Iran",dialCode:"+98",flag:"https://ik.imagekit.io/unizap/country_flag/ir.svg"},{code:"IQ",name:"Iraq",dialCode:"+964",flag:"https://ik.imagekit.io/unizap/country_flag/iq.svg"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"https://ik.imagekit.io/unizap/country_flag/ie.svg"},{code:"IM",name:"Isle of Man",dialCode:"+44",flag:"https://ik.imagekit.io/unizap/country_flag/im.svg"},{code:"IL",name:"Israel",dialCode:"+972",flag:"https://ik.imagekit.io/unizap/country_flag/il.svg"},{code:"IT",name:"Italy",dialCode:"+39",flag:"https://ik.imagekit.io/unizap/country_flag/it.svg"},{code:"CI",name:"Ivory Coast",dialCode:"+225",flag:"https://ik.imagekit.io/unizap/country_flag/ci.svg"},{code:"JM",name:"Jamaica",dialCode:"+1876",flag:"https://ik.imagekit.io/unizap/country_flag/jm.svg"},{code:"JP",name:"Japan",dialCode:"+81",flag:"https://ik.imagekit.io/unizap/country_flag/jp.svg"},{code:"JE",name:"Jersey",dialCode:"+44",flag:"https://ik.imagekit.io/unizap/country_flag/je.svg"},{code:"JO",name:"Jordan",dialCode:"+962",flag:"https://ik.imagekit.io/unizap/country_flag/jo.svg"},{code:"KZ",name:"Kazakhstan",dialCode:"+7",flag:"https://ik.imagekit.io/unizap/country_flag/kz.svg"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"https://ik.imagekit.io/unizap/country_flag/ke.svg"},{code:"KI",name:"Kiribati",dialCode:"+686",flag:"https://ik.imagekit.io/unizap/country_flag/ki.svg"},{code:"XK",name:"Kosovo",dialCode:"+383",flag:"https://ik.imagekit.io/unizap/country_flag/xk.svg"},{code:"KW",name:"Kuwait",dialCode:"+965",flag:"https://ik.imagekit.io/unizap/country_flag/kw.svg"},{code:"KG",name:"Kyrgyzstan",dialCode:"+996",flag:"https://ik.imagekit.io/unizap/country_flag/kg.svg"},{code:"LA",name:"Laos",dialCode:"+856",flag:"https://ik.imagekit.io/unizap/country_flag/la.svg"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"https://ik.imagekit.io/unizap/country_flag/lv.svg"},{code:"LB",name:"Lebanon",dialCode:"+961",flag:"https://ik.imagekit.io/unizap/country_flag/lb.svg"},{code:"LS",name:"Lesotho",dialCode:"+266",flag:"https://ik.imagekit.io/unizap/country_flag/ls.svg"},{code:"LR",name:"Liberia",dialCode:"+231",flag:"https://ik.imagekit.io/unizap/country_flag/lr.svg"},{code:"LY",name:"Libya",dialCode:"+218",flag:"https://ik.imagekit.io/unizap/country_flag/ly.svg"},{code:"LI",name:"Liechtenstein",dialCode:"+423",flag:"https://ik.imagekit.io/unizap/country_flag/li.svg"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"https://ik.imagekit.io/unizap/country_flag/lt.svg"},{code:"LU",name:"Luxembourg",dialCode:"+352",flag:"https://ik.imagekit.io/unizap/country_flag/lu.svg"},{code:"MO",name:"Macau",dialCode:"+853",flag:"https://ik.imagekit.io/unizap/country_flag/mo.svg"},{code:"MK",name:"North Macedonia",dialCode:"+389",flag:"https://ik.imagekit.io/unizap/country_flag/mk.svg"},{code:"MG",name:"Madagascar",dialCode:"+261",flag:"https://ik.imagekit.io/unizap/country_flag/mg.svg"},{code:"MW",name:"Malawi",dialCode:"+265",flag:"https://ik.imagekit.io/unizap/country_flag/mw.svg"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"https://ik.imagekit.io/unizap/country_flag/my.svg"},{code:"MV",name:"Maldives",dialCode:"+960",flag:"https://ik.imagekit.io/unizap/country_flag/mv.svg"},{code:"ML",name:"Mali",dialCode:"+223",flag:"https://ik.imagekit.io/unizap/country_flag/ml.svg"},{code:"MT",name:"Malta",dialCode:"+356",flag:"https://ik.imagekit.io/unizap/country_flag/mt.svg"},{code:"MH",name:"Marshall Islands",dialCode:"+692",flag:"https://ik.imagekit.io/unizap/country_flag/mh.svg"},{code:"MR",name:"Mauritania",dialCode:"+222",flag:"https://ik.imagekit.io/unizap/country_flag/mr.svg"},{code:"MU",name:"Mauritius",dialCode:"+230",flag:"https://ik.imagekit.io/unizap/country_flag/mu.svg"},{code:"YT",name:"Mayotte",dialCode:"+262",flag:"https://ik.imagekit.io/unizap/country_flag/yt.svg"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"https://ik.imagekit.io/unizap/country_flag/mx.svg"},{code:"FM",name:"Micronesia",dialCode:"+691",flag:"https://ik.imagekit.io/unizap/country_flag/fm.svg"},{code:"MD",name:"Moldova",dialCode:"+373",flag:"https://ik.imagekit.io/unizap/country_flag/md.svg"},{code:"MC",name:"Monaco",dialCode:"+377",flag:"https://ik.imagekit.io/unizap/country_flag/mc.svg"},{code:"MN",name:"Mongolia",dialCode:"+976",flag:"https://ik.imagekit.io/unizap/country_flag/mn.svg"},{code:"ME",name:"Montenegro",dialCode:"+382",flag:"https://ik.imagekit.io/unizap/country_flag/me.svg"},{code:"MS",name:"Montserrat",dialCode:"+1664",flag:"https://ik.imagekit.io/unizap/country_flag/ms.svg"},{code:"MA",name:"Morocco",dialCode:"+212",flag:"https://ik.imagekit.io/unizap/country_flag/ma.svg"},{code:"MZ",name:"Mozambique",dialCode:"+258",flag:"https://ik.imagekit.io/unizap/country_flag/mz.svg"},{code:"MM",name:"Myanmar",dialCode:"+95",flag:"https://ik.imagekit.io/unizap/country_flag/mm.svg"},{code:"NA",name:"Namibia",dialCode:"+264",flag:"https://ik.imagekit.io/unizap/country_flag/na.svg"},{code:"NR",name:"Nauru",dialCode:"+674",flag:"https://ik.imagekit.io/unizap/country_flag/nr.svg"},{code:"NP",name:"Nepal",dialCode:"+977",flag:"https://ik.imagekit.io/unizap/country_flag/np.svg"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"https://ik.imagekit.io/unizap/country_flag/nl.svg"},{code:"NC",name:"New Caledonia",dialCode:"+687",flag:"https://ik.imagekit.io/unizap/country_flag/nc.svg"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"https://ik.imagekit.io/unizap/country_flag/nz.svg"},{code:"NI",name:"Nicaragua",dialCode:"+505",flag:"https://ik.imagekit.io/unizap/country_flag/ni.svg"},{code:"NE",name:"Niger",dialCode:"+227",flag:"https://ik.imagekit.io/unizap/country_flag/ne.svg"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"https://ik.imagekit.io/unizap/country_flag/ng.svg"},{code:"NU",name:"Niue",dialCode:"+683",flag:"https://ik.imagekit.io/unizap/country_flag/nu.svg"},{code:"NF",name:"Norfolk Island",dialCode:"+672",flag:"https://ik.imagekit.io/unizap/country_flag/nf.svg"},{code:"KP",name:"North Korea",dialCode:"+850",flag:"https://ik.imagekit.io/unizap/country_flag/kp.svg"},{code:"MP",name:"Northern Mariana Islands",dialCode:"+1670",flag:"https://ik.imagekit.io/unizap/country_flag/mp.svg"},{code:"NO",name:"Norway",dialCode:"+47",flag:"https://ik.imagekit.io/unizap/country_flag/no.svg"},{code:"OM",name:"Oman",dialCode:"+968",flag:"https://ik.imagekit.io/unizap/country_flag/om.svg"},{code:"PK",name:"Pakistan",dialCode:"+92",flag:"https://ik.imagekit.io/unizap/country_flag/pk.svg"},{code:"PW",name:"Palau",dialCode:"+680",flag:"https://ik.imagekit.io/unizap/country_flag/pw.svg"},{code:"PS",name:"Palestine",dialCode:"+970",flag:"https://ik.imagekit.io/unizap/country_flag/ps.svg"},{code:"PA",name:"Panama",dialCode:"+507",flag:"https://ik.imagekit.io/unizap/country_flag/pa.svg"},{code:"PG",name:"Papua New Guinea",dialCode:"+675",flag:"https://ik.imagekit.io/unizap/country_flag/pg.svg"},{code:"PY",name:"Paraguay",dialCode:"+595",flag:"https://ik.imagekit.io/unizap/country_flag/py.svg"},{code:"PE",name:"Peru",dialCode:"+51",flag:"https://ik.imagekit.io/unizap/country_flag/pe.svg"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"https://ik.imagekit.io/unizap/country_flag/ph.svg"},{code:"PN",name:"Pitcairn Islands",dialCode:"+64",flag:"https://ik.imagekit.io/unizap/country_flag/pn.svg"},{code:"PL",name:"Poland",dialCode:"+48",flag:"https://ik.imagekit.io/unizap/country_flag/pl.svg"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"https://ik.imagekit.io/unizap/country_flag/pt.svg"},{code:"PR",name:"Puerto Rico",dialCode:"+1787",flag:"https://ik.imagekit.io/unizap/country_flag/pr.svg"},{code:"QA",name:"Qatar",dialCode:"+974",flag:"https://ik.imagekit.io/unizap/country_flag/qa.svg"},{code:"CG",name:"Republic of the Congo",dialCode:"+242",flag:"https://ik.imagekit.io/unizap/country_flag/cg.svg"},{code:"RE",name:"Reunion",dialCode:"+262",flag:"https://ik.imagekit.io/unizap/country_flag/re.svg"},{code:"RO",name:"Romania",dialCode:"+40",flag:"https://ik.imagekit.io/unizap/country_flag/ro.svg"},{code:"RU",name:"Russia",dialCode:"+7",flag:"https://ik.imagekit.io/unizap/country_flag/ru.svg"},{code:"RW",name:"Rwanda",dialCode:"+250",flag:"https://ik.imagekit.io/unizap/country_flag/rw.svg"},{code:"BL",name:"Saint Barthelemy",dialCode:"+590",flag:"https://ik.imagekit.io/unizap/country_flag/bl.svg"},{code:"SH",name:"Saint Helena",dialCode:"+290",flag:"https://ik.imagekit.io/unizap/country_flag/sh.svg"},{code:"KN",name:"Saint Kitts and Nevis",dialCode:"+1869",flag:"https://ik.imagekit.io/unizap/country_flag/kn.svg"},{code:"LC",name:"Saint Lucia",dialCode:"+1758",flag:"https://ik.imagekit.io/unizap/country_flag/lc.svg"},{code:"MF",name:"Saint Martin",dialCode:"+590",flag:"https://ik.imagekit.io/unizap/country_flag/mf.svg"},{code:"PM",name:"Saint Pierre and Miquelon",dialCode:"+508",flag:"https://ik.imagekit.io/unizap/country_flag/pm.svg"},{code:"VC",name:"Saint Vincent and the Grenadines",dialCode:"+1784",flag:"https://ik.imagekit.io/unizap/country_flag/vc.svg"},{code:"WS",name:"Samoa",dialCode:"+685",flag:"https://ik.imagekit.io/unizap/country_flag/ws.svg"},{code:"SM",name:"San Marino",dialCode:"+378",flag:"https://ik.imagekit.io/unizap/country_flag/sm.svg"},{code:"ST",name:"Sao Tome and Principe",dialCode:"+239",flag:"https://ik.imagekit.io/unizap/country_flag/st.svg"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"https://ik.imagekit.io/unizap/country_flag/sa.svg"},{code:"SN",name:"Senegal",dialCode:"+221",flag:"https://ik.imagekit.io/unizap/country_flag/sn.svg"},{code:"RS",name:"Serbia",dialCode:"+381",flag:"https://ik.imagekit.io/unizap/country_flag/rs.svg"},{code:"SC",name:"Seychelles",dialCode:"+248",flag:"https://ik.imagekit.io/unizap/country_flag/sc.svg"},{code:"SL",name:"Sierra Leone",dialCode:"+232",flag:"https://ik.imagekit.io/unizap/country_flag/sl.svg"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"https://ik.imagekit.io/unizap/country_flag/sg.svg"},{code:"SX",name:"Sint Maarten",dialCode:"+1721",flag:"https://ik.imagekit.io/unizap/country_flag/sx.svg"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"https://ik.imagekit.io/unizap/country_flag/sk.svg"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"https://ik.imagekit.io/unizap/country_flag/si.svg"},{code:"SB",name:"Solomon Islands",dialCode:"+677",flag:"https://ik.imagekit.io/unizap/country_flag/sb.svg"},{code:"SO",name:"Somalia",dialCode:"+252",flag:"https://ik.imagekit.io/unizap/country_flag/so.svg"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"https://ik.imagekit.io/unizap/country_flag/za.svg"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"https://ik.imagekit.io/unizap/country_flag/kr.svg"},{code:"SS",name:"South Sudan",dialCode:"+211",flag:"https://ik.imagekit.io/unizap/country_flag/ss.svg"},{code:"ES",name:"Spain",dialCode:"+34",flag:"https://ik.imagekit.io/unizap/country_flag/es.svg"},{code:"LK",name:"Sri Lanka",dialCode:"+94",flag:"https://ik.imagekit.io/unizap/country_flag/lk.svg"},{code:"SD",name:"Sudan",dialCode:"+249",flag:"https://ik.imagekit.io/unizap/country_flag/sd.svg"},{code:"SR",name:"Suriname",dialCode:"+597",flag:"https://ik.imagekit.io/unizap/country_flag/sr.svg"},{code:"SJ",name:"Svalbard and Jan Mayen",dialCode:"+47",flag:"https://ik.imagekit.io/unizap/country_flag/sj.svg"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"https://ik.imagekit.io/unizap/country_flag/se.svg"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"https://ik.imagekit.io/unizap/country_flag/ch.svg"},{code:"SY",name:"Syria",dialCode:"+963",flag:"https://ik.imagekit.io/unizap/country_flag/sy.svg"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"https://ik.imagekit.io/unizap/country_flag/tw.svg"},{code:"TJ",name:"Tajikistan",dialCode:"+992",flag:"https://ik.imagekit.io/unizap/country_flag/tj.svg"},{code:"TZ",name:"Tanzania",dialCode:"+255",flag:"https://ik.imagekit.io/unizap/country_flag/tz.svg"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"https://ik.imagekit.io/unizap/country_flag/th.svg"},{code:"TG",name:"Togo",dialCode:"+228",flag:"https://ik.imagekit.io/unizap/country_flag/tg.svg"},{code:"TK",name:"Tokelau",dialCode:"+690",flag:"https://ik.imagekit.io/unizap/country_flag/tk.svg"},{code:"TO",name:"Tonga",dialCode:"+676",flag:"https://ik.imagekit.io/unizap/country_flag/to.svg"},{code:"TT",name:"Trinidad and Tobago",dialCode:"+1868",flag:"https://ik.imagekit.io/unizap/country_flag/tt.svg"},{code:"TN",name:"Tunisia",dialCode:"+216",flag:"https://ik.imagekit.io/unizap/country_flag/tn.svg"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"https://ik.imagekit.io/unizap/country_flag/tr.svg"},{code:"TM",name:"Turkmenistan",dialCode:"+993",flag:"https://ik.imagekit.io/unizap/country_flag/tm.svg"},{code:"TC",name:"Turks and Caicos Islands",dialCode:"+1649",flag:"https://ik.imagekit.io/unizap/country_flag/tc.svg"},{code:"TV",name:"Tuvalu",dialCode:"+688",flag:"https://ik.imagekit.io/unizap/country_flag/tv.svg"},{code:"VI",name:"U.S. Virgin Islands",dialCode:"+1340",flag:"https://ik.imagekit.io/unizap/country_flag/vi.svg"},{code:"UG",name:"Uganda",dialCode:"+256",flag:"https://ik.imagekit.io/unizap/country_flag/ug.svg"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"https://ik.imagekit.io/unizap/country_flag/ua.svg"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"https://ik.imagekit.io/unizap/country_flag/ae.svg"},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"https://ik.imagekit.io/unizap/country_flag/gb.svg"},{code:"US",name:"United States",dialCode:"+1",flag:"https://ik.imagekit.io/unizap/country_flag/us.svg"},{code:"UY",name:"Uruguay",dialCode:"+598",flag:"https://ik.imagekit.io/unizap/country_flag/uy.svg"},{code:"UZ",name:"Uzbekistan",dialCode:"+998",flag:"https://ik.imagekit.io/unizap/country_flag/uz.svg"},{code:"VU",name:"Vanuatu",dialCode:"+678",flag:"https://ik.imagekit.io/unizap/country_flag/vu.svg"},{code:"VA",name:"Vatican City",dialCode:"+379",flag:"https://ik.imagekit.io/unizap/country_flag/va.svg"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"https://ik.imagekit.io/unizap/country_flag/ve.svg"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"https://ik.imagekit.io/unizap/country_flag/vn.svg"},{code:"WF",name:"Wallis and Futuna",dialCode:"+681",flag:"https://ik.imagekit.io/unizap/country_flag/wf.svg"},{code:"EH",name:"Western Sahara",dialCode:"+212",flag:"https://ik.imagekit.io/unizap/country_flag/eh.svg"},{code:"YE",name:"Yemen",dialCode:"+967",flag:"https://ik.imagekit.io/unizap/country_flag/ye.svg"},{code:"ZM",name:"Zambia",dialCode:"+260",flag:"https://ik.imagekit.io/unizap/country_flag/zm.svg"},{code:"ZW",name:"Zimbabwe",dialCode:"+263",flag:"https://ik.imagekit.io/unizap/country_flag/zw.svg"}],ti=({value:e,onChange:o,multiple:t=!1,searchable:n=!0,placeholder:r="Select country",searchPlaceholder:i="Search countries...",className:l="",menuClassName:s="",maxHeight:c=250,position:u="auto",disabled:g=!1,showDialCode:m=!0,showFlag:p=!0,searchClassName:d="",showClearAll:x=!1})=>{const[f,w]=v.useState(!1),[b,z]=v.useState(""),[y,$]=v.useState(-1),[k,V]=v.useState("bottom"),j=v.useRef(null),Z=v.useRef(null),ee=v.useRef(null),X=t?Array.isArray(e)?e:[]:e&&!Array.isArray(e)?[e]:[],G=b?dn.filter(M=>M.name.toLowerCase().includes(b.toLowerCase())||M.code.toLowerCase().includes(b.toLowerCase())||M.dialCode.includes(b)):dn,se=G.filter(M=>X.some(C=>C.code===M.code)),W=G.filter(M=>!X.some(C=>C.code===M.code)),T=M=>{if(t){const C=Array.isArray(e)?e:[],A=C.some(E=>E.code===M.code)?C.filter(E=>E.code!==M.code):[...C,M];o==null||o(A)}else o==null||o(M),w(!1),z("")},D=(M,C)=>{C.stopPropagation(),t&&Array.isArray(e)&&(o==null||o(e.filter(S=>S.code!==M.code)))},Q=M=>{M.stopPropagation(),o==null||o(t?[]:null)};v.useEffect(()=>{const M=C=>{j.current&&!j.current.contains(C.target)&&(w(!1),z(""),$(-1))};return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[]),v.useEffect(()=>{if(f&&j.current){if(u==="auto"){const M=j.current.getBoundingClientRect(),C=Math.min(G.length*44,c),S=window.innerHeight-M.bottom,A=M.top;V(S>=C||S>=A?"bottom":"top")}else V(u);n&&Z.current&&Z.current.focus()}},[f,G.length,c,u,n]);const R=M=>{M.key==="ArrowDown"?(M.preventDefault(),f?$(C=>Math.min(C+1,G.length-1)):(w(!0),$(0))):M.key==="ArrowUp"?(M.preventDefault(),$(C=>Math.max(C-1,0))):M.key==="Enter"?(M.preventDefault(),y>=0&&G[y]&&T(G[y])):M.key==="Escape"&&(M.preventDefault(),w(!1),z(""),$(-1))},pe=()=>{if(t){if(X.length===0)return a.jsx("span",{className:"text-color-gray-400",children:r});const C=X[0],S=X.length-1;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-color-gray-100 rounded-md",children:[p&&a.jsx("img",{src:C.flag,alt:C.name,className:"size-4 object-contain"}),a.jsx("span",{children:C.name}),a.jsx("button",{type:"button",onClick:A=>D(C,A),className:"ml-1 text-color-gray-500 hover:text-color-gray-700",children:a.jsx("svg",{className:"size-3",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"})})})]}),S>0&&a.jsxs("span",{className:"text-sm text-color-gray-500",children:["+",S," more"]})]})}const M=X[0];return M?a.jsxs("span",{className:"flex items-center gap-2",children:[p&&a.jsx("img",{src:M.flag,alt:M.name,className:"size-5 object-contain"}),a.jsx("span",{children:M.name}),m&&a.jsxs("span",{className:"text-color-gray-400",children:["(",M.dialCode,")"]})]}):a.jsx("span",{className:"text-color-gray-400",children:r})};return a.jsxs("div",{ref:j,className:"relative inline-block w-full",children:[a.jsxs("button",{type:"button",onClick:()=>!g&&w(!f),onKeyDown:R,disabled:g,className:`flex items-center justify-between w-full px-4 py-3 bg-color-white rounded-sm border border-color-gray-200 text-sm font-medium text-color-gray-700 hover:bg-color-gray-50 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed ${l}`,children:[a.jsx("div",{className:"flex-1 text-left truncate",children:pe()}),a.jsxs("div",{className:"flex items-center gap-1 ml-2",children:[X.length>0&&x&&a.jsx("span",{role:"button",onClick:Q,className:"p-0.5 text-color-gray-400 hover:text-color-gray-600",children:a.jsx("svg",{className:"size-4",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636l4.95 4.95z"})})}),f?a.jsx("svg",{className:"text-color-gray-500 size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"})}):a.jsx("svg",{className:"text-color-gray-500 size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"})})]})]}),f&&a.jsxs("div",{className:`absolute right-0 z-10 w-full rounded-xl bg-color-white shadow-lg shadow-color-zinc-200 dark:shadow-color-gray-900 border border-color-gray-100 py-2 ${s}`,style:{bottom:k==="top"?"100%":"auto",top:k==="top"?"auto":"100%",marginBottom:k==="top"?"8px":"0",marginTop:k==="top"?"0":"8px"},children:[n&&a.jsx("div",{className:"px-2 pb-2",children:a.jsx("input",{ref:Z,type:"text",value:b,onChange:M=>{z(M.target.value),$(0)},onKeyDown:R,placeholder:i,className:`w-full px-3 py-2 text-sm bg-color-white border border-color-gray-200 rounded-lg focus:outline-none focus:border-color-gray-400 ${d}`})}),a.jsx("ul",{ref:ee,className:"overflow-y-auto",style:{maxHeight:`${c}px`},children:G.length>0?a.jsxs(a.Fragment,{children:[se.map((M,C)=>a.jsxs("li",{onClick:()=>T(M),className:`flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 bg-color-gray-200 hover:bg-color-gray-100
173
173
  ${y===C?"bg-color-gray-100":""}`,children:[t&&a.jsx("span",{className:"flex items-center justify-center size-4 border rounded bg-color-blue-500 border-color-blue-500",children:a.jsx("svg",{className:"size-3 text-color-white",viewBox:"0 0 24 24",fill:"currentColor",children:a.jsx("path",{d:"M9.9997 15.1709L19.1921 5.97852L20.6063 7.39273L9.9997 17.9993L3.63574 11.6354L5.04996 10.2212L9.9997 15.1709Z"})})}),p&&a.jsx("img",{src:M.flag,alt:M.name,className:"size-5 object-contain"}),a.jsx("span",{className:"flex-1",children:M.name}),m&&a.jsx("span",{className:"text-color-gray-400",children:M.dialCode})]},`selected-${M.code}`)),se.length>0&&W.length>0&&a.jsx("li",{className:"border-t border-color-gray-200 my-1"}),W.map((M,C)=>{const S=se.length+(se.length>0&&W.length>0?1:0)+C;return a.jsxs("li",{onClick:()=>T(M),className:`flex items-center gap-3 cursor-pointer w-full px-4 py-2 text-left text-sm text-color-gray-700 hover:bg-color-gray-100
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unizap/uniui",
3
- "version": "1.0.70",
3
+ "version": "1.0.72",
4
4
  "description": "UniUi helps developers and designers build beautiful, responsive UIs faster with ready-made, customizable components. Simplify your workflow and create stunning user interfaces effortlessly.",
5
5
  "type": "module",
6
6
  "files": [
@@ -56,7 +56,7 @@
56
56
  },
57
57
  "dependencies": {
58
58
  "@tanstack/react-table": "^8.21.2",
59
- "@unizap/unicss": "^2.0.12",
59
+ "@unizap/unicss": "^2.0.13",
60
60
  "react-dropzone": "^14.3.8"
61
61
  },
62
62
  "devDependencies": {
@@ -95,4 +95,4 @@
95
95
  "vite-plugin-dts": "^4.5.3",
96
96
  "vitest": "^3.2.4"
97
97
  }
98
- }
98
+ }