@unizap/uniui 1.0.26 → 1.0.28

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 (4) hide show
  1. package/dist/uniui.css +1 -1
  2. package/dist/uniui.js +5 -5
  3. package/dist/uniui.umd.cjs +3 -3
  4. package/package.json +1 -1
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}}@keyframes progress-indeterminate{0%{left:-40%}to{left:100%}}.animate-progress-indeterminate{animation:progress-indeterminate 1.2s cubic-bezier(.4,0,.2,1) infinite}button{cursor:pointer;background-color:transparent}*,: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{--0: 0rem;--1: .25rem;--2: .5rem;--3: .75rem;--4: 1rem;--5: 1.25rem;--6: 1.5rem;--7: 1.75rem;--8: 2rem;--9: 2.25rem;--10: 2.5rem;--11: 2.75rem;--12: 3rem;--14: 3.5rem;--16: 4rem;--18: 4.5rem;--20: 5rem;--24: 6rem;--28: 7rem;--32: 8rem;--36: 9rem;--40: 10rem;--44: 11rem;--48: 12rem;--52: 13rem;--56: 14rem;--60: 15rem;--64: 16rem;--72: 18rem;--80: 20rem;--96: 24rem;--112: 28rem;--128: 32rem;--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;--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-drop-shadow-color: rgb(0 0 0 / .15);--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}.hidden{display:none}.top-4{top:var(--4)}.bottom-4{bottom:var(--4)}.left-4{left:var(--4)}.right-4{right:var(--4)}.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: var(--0);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{translate:var(--uni-translate-x) -100%}.translate-y-full{translate:var(--uni-translate-x) 100%}.opacity-100{opacity:1}.opacity-0{opacity:0}.stroke-color-gray-300{stroke:var(--color-gray-300)}.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);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)}.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);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)}.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);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-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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-3xl{font-size:var(--text-3xl)}.text-2xl{font-size:var(--text-2xl)}.font-semibold{font-weight:600}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.text-base{font-size:var(--text-base)}.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}.overline{text-decoration-line:overline}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:var(--2)}.py-1{padding-block:var(--1)}.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)}.whitespace-nowrap{white-space:nowrap}.pointer-events-none{pointer-events:none}.text-center{text-align:center}.pt-24{padding-top:var(--24)}.px-4{padding-inline:var(--4)}.py-2{padding-block:var(--2)}.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)}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-10{width:var(--10)}.h-3{height:var(--3)}.flex{display:flex}.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)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.absolute{position:absolute}.rounded-full{border-radius:calc(infinity * 1px)}.inset-0{inset:var(--0)}.bg-color-gray-400{background-color:var(--color-gray-400)}.justify-center{justify-content:center}.top-0\\5{top:var(--0.5)}.left-0\\5{left:var(--0.5)}.size-5{width:var(--5);height:var(--5)}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.translate-x-5{--uni-translate-x: var(--5);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-x-0{--uni-translate-x: var(--0);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:var(--3);height:var(--3)}.w-11{width:var(--11)}.h-6{height:var(--6)}.bg-color-gray-300{background-color:var(--color-gray-300)}.top-\[4px\]{top:4px}.left-1{left:var(--1)}.w-4{width:var(--4)}.h-4{height:var(--4)}.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: calc(-1 * var(--0));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:var(--2)}:where(.space-y-2>:not(:last-child)){margin-bottom:var(--2)}.px-6{padding-inline:var(--6)}.py-3{padding-block:var(--3)}.inline-flex{display:inline-flex}.rounded-md{border-radius:var(--radius-md)}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-color-gray-200{border-color:var(--color-gray-200)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-2{gap:var(--2)}.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:var(--2)}.p-3{padding:var(--3)}.p-4{padding:var(--4)}.w-full{width:100%}.mb-2{margin-bottom:var(--2)}.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:var(--3)}.grow{flex-grow:1}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.placeholder\:font-normal::placeholder{font-weight:400}.pr-3{padding-right:var(--3)}.mt-1{margin-top:var(--1)}.text-color-gray-800{color:var(--color-gray-800)}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.gap-1{gap:var(--1)}.border-color-gray-300{border-color:var(--color-gray-300)}.px-3{padding-inline:var(--3)}.resize-none{resize:none}.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)}.focus\:outline-none:focus{outline-width:nonepx;outline-style:var(--uni-outline-style)}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px}:where(.space-x-6>:not(:last-child)){margin-right:var(--6)}.border-b{border-bottom-width:1px}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:var(--4)}.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:var(--3)}.right-0{right:var(--0)}.top-3{top:var(--3)}.bottom-3{bottom:var(--3)}.w-1{width:var(--1)}.bottom-0{bottom:var(--0)}.left-0{left:var(--0)}.h-1{height:var(--1)}.mt-4{margin-top:var(--4)}.ml-6{margin-left:var(--6)}.mt-0{margin-top:var(--0)}.size-4{width:var(--4);height:var(--4)}.overflow-y-auto{overflow-y:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:var(--0)}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:var(--10)}.text-left{text-align:left}.border-t{border-top-width:1px}.justify-between{justify-content:space-between}.w-9{width:var(--9)}.h-9{height:var(--9)}.rounded-lg{border-radius:var(--radius-lg)}.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:var(--10)}.shrink-0{flex-shrink:0}.text-nowrap{text-wrap:nowrap}.py-0\\5{padding-block:var(--0.5)}.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:var(--1)}.bg-color-gray-50{background-color:var(--color-gray-50)}.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)}.w-7{width:var(--7)}.h-7{height:var(--7)}.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:var(--4);margin-right:var(--4)}.size-6{width:var(--6);height:var(--6)}.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:var(--72)}.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:var(--3)}.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)}.flex-1{flex:1}.leading-relaxed{line-height:1.625}.flex-shrink-0{flex:shrink-0}.-mr-1{margin-right:calc(-1 * var(--1))}.visible{visibility:visible}.bottom-center{bottom:var(--center)}.top-left{top:var(--left)}.top-center{top:var(--center)}.top-right{top:var(--right)}.bottom-left{bottom:var(--left)}.bottom-right{bottom:var(--right)}.grid{display:grid}.none{shadow:0 0 #0000}.capitalize{text-transform:capitalize}.inherit{shadow:inherit}.underline{text-decoration-line:underline}.w-3{width:var(--3)}.h-2{height:var(--2)}.w-5{width:var(--5)}.h-5{height:var(--5)}.mr-3{margin-right:var(--3)}.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)}.z-20{z-index:20}.mt-2{margin-top:var(--2)}.ml-3{margin-left:var(--3)}.text-right{text-align:right}.w-80{width:var(--80)}.text-gray-500{font-size:var(--text-gray-500)}:where(.space-y-8>:not(:last-child)){margin-bottom:var(--8)}:where(.space-y-4>:not(:last-child)){margin-bottom:var(--4)}.text-gray-600{font-size:var(--text-gray-600)}.animate-pulse{animation:var(--animate-pulse)}.rounded-sm{border-radius:var(--radius-sm)}.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)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mb-4{margin-bottom:var(--4)}.pb-6{padding-bottom:var(--6)}.no-underline{text-decoration-line:none}.h-\[30px\]{height:30px}.mb-1{margin-bottom:var(--1)}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:nonepx;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);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)}.right-3{right:var(--3)}.fill-color-yellow-500{fill:var(--color-yellow-500)}.fill-color-gray-300{fill:var(--color-gray-300)}.w-6{width:var(--6)}.w-8{width:var(--8)}.h-8{height:var(--8)}.ml-2{margin-left:var(--2)}.gap-6{gap:var(--6)}.select-none{-webkit-user-select:none;user-select:none}.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}.border-color-gray-400{border-color:var(--color-gray-400)}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.-rotate-90{rotate:-90deg}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.h-full{height:100%}.py-\[0\.35rem\]{padding-block:.35rem}.\!w-4{width:var(--4)!important}.\!h-4{height:var(--4)!important}.\!w-5{width:var(--5)!important}.\!h-5{height:var(--5)!important}.\!w-6{width:var(--6)!important}.\!h-6{height:var(--6)!important}.-ml-1{margin-left:calc(-1 * var(--1))}.mr-1{margin-right:var(--1)}.ml-1{margin-left:var(--1)}:where(.space-x-4>:not(:last-child)){margin-right:var(--4)}.gap-4{gap:var(--4)}:where(.space-x-1>:not(:last-child)){margin-right:var(--1)}.w-12{width:var(--12)}.h-12{height:var(--12)}.w-16{width:var(--16)}.h-16{height:var(--16)}.rounded-none{border-radius:0}.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)}.min-w-20{min-width:var(--20)}.max-w-60{max-width:var(--60)}.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)}.bottom-7{bottom:var(--7)}.top-6{top:var(--6)}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.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)}.ml-4{margin-left:var(--4)}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:var(--8);height:var(--8)}.size-12{width:var(--12);height:var(--12)}.size-10{width:var(--10);height:var(--10)}.\!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}.transparent{shadow:transparent}.p-6{padding:var(--6)}.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:var(--0)}.bg-color-red-50{background-color:var(--color-red-50)}.pt-6{padding-top:var(--6)}.pb-4{padding-bottom:var(--4)}.pb-2{padding-bottom:var(--2)}:where(.space-y-1>:not(:last-child)){margin-bottom:var(--1)}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.w-40{width:var(--40)}.border-color-gray-100{border-color:var(--color-gray-100)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.\!rounded-full{border-radius:calc(infinity * 1px)!important}.min-w-96{min-width:var(--96)}.min-h-40{min-height:var(--40)}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.translate-x-full{translate:100% var(--uni-translate-y)}.-translate-x-full{translate:-100% var(--uni-translate-y)}.justify-end{justify-content:flex-end}.pl-4{padding-left:var(--4)}.pt-4{padding-top:var(--4)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-2xl{max-width:var(--container-2xl)}.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:var(--5)}.mx-5{margin-left:var(--5);margin-right:var(--5)}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:var(--8)}.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}.w-72{width:var(--72)}.mb-3{margin-bottom:var(--3)}.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}.\!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}.not-last\:pb-4:not(:last-child){padding-bottom:var(--4)}.text-md{font-size:var(--text-md)}.bg-color-teal-100{background-color:var(--color-teal-100)}.bg-color-purple-100{background-color:var(--color-purple-100)}.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\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.after\:top-1\/2:after{top:50%}.after\:left-1\/2:after{left:50%}.after\:-translate-x-1\/2:after{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.after\:-translate-y-1\/2:after{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.cursor-default{cursor:default}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.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)}.left-2{left:var(--2)}.top-2{top:var(--2)}.transition-colo{--uni-transition-property: colo;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.right-2{right:var(--2)}.bottom-2{bottom:var(--2)}.mt-3{margin-top:var(--3)}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.rotate-90{rotate:90deg}.size-\[10px\]{width:10px;height:10px}.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:var(--1)}.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)}.rounded-2xl{border-radius:var(--radius-2xl)}.h-auto{height:auto}.items-start{align-items:flex-start}.h-px{height:1px}.my-5{margin-top:var(--5);margin-bottom:var(--5)}.px-5{padding-inline:var(--5)}.\!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:var(--2);margin-right:var(--2)}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:var(--16)}.\!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)}.w-2{width:var(--2)}.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}.pointer-events-auto{pointer-events:auto}.w-14{width:var(--14)}.h-14{height:var(--14)}.w-20{width:var(--20)}.h-20{height:var(--20)}:where(.-space-x-2>:not(:last-child)){margin-right:calc(-1 * var(--2))}.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)}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.top-full{top:100%}.max-h-56{max-height:var(--56)}.overflow-auto{overflow:auto}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.bg-color-green-50{background-color:var(--color-green-50)}.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:var(--7);height:var(--7)}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.transition-colors{--uni-transition-property: colors;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.text-gray-700{font-size:var(--text-gray-700)}.-top-1{top:calc(-1 * var(--1))}.gap-20{gap:var(--20)}.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}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:var(--4)}.sm\:gap-4{gap:var(--4)}}@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}.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:var(--2)}}@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}}.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\:text-color-gray-700{color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}@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\:text-color-gray-700{color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}}@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%)}}@keyframes spin-slow{to{transform:rotate(360deg)}}.animate-progress-indeterminate-gpu{animation:progress-indeterminate-gpu 1.2s cubic-bezier(.4,0,.2,1) infinite;will-change:transform}.animate-spin-slow{animation:spin-slow 1.4s linear infinite;will-change:transform}@media (prefers-reduced-motion: reduce){.animate-progress-indeterminate,.animate-spin-slow{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{--0: 0rem;--1: .25rem;--2: .5rem;--3: .75rem;--4: 1rem;--5: 1.25rem;--6: 1.5rem;--7: 1.75rem;--8: 2rem;--9: 2.25rem;--10: 2.5rem;--11: 2.75rem;--12: 3rem;--14: 3.5rem;--16: 4rem;--18: 4.5rem;--20: 5rem;--24: 6rem;--28: 7rem;--32: 8rem;--36: 9rem;--40: 10rem;--44: 11rem;--48: 12rem;--52: 13rem;--56: 14rem;--60: 15rem;--64: 16rem;--72: 18rem;--80: 20rem;--96: 24rem;--112: 28rem;--128: 32rem;--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;--uni-blur: blur(0);--uni-drop-shadow: drop-shadow(0 0 #0000);--uni-drop-shadow-color: rgb(0 0 0 / .15);--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}.hidden{display:none}.top-4{top:var(--4)}.bottom-4{bottom:var(--4)}.left-4{left:var(--4)}.right-4{right:var(--4)}.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: var(--0);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.-translate-y-full{translate:var(--uni-translate-x) -100%}.translate-y-full{translate:var(--uni-translate-x) 100%}.opacity-100{opacity:1}.opacity-0{opacity:0}.stroke-color-gray-300{stroke:var(--color-gray-300)}.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);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)}.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);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)}.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);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-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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.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);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)}.active\:bg-color-rose-700:active{background-color:var(--color-rose-700)}.text-5xl{font-size:var(--text-5xl)}.font-bold{font-weight:700}.text-4xl{font-size:var(--text-4xl)}.text-3xl{font-size:var(--text-3xl)}.text-2xl{font-size:var(--text-2xl)}.font-semibold{font-weight:600}.text-xl{font-size:var(--text-xl)}.text-lg{font-size:var(--text-lg)}.text-base{font-size:var(--text-base)}.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}.overline{text-decoration-line:overline}.inline-block{display:inline-block}.fixed{position:fixed}.z-50{z-index:50}.px-2{padding-inline:var(--2)}.py-1{padding-block:var(--1)}.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)}.whitespace-nowrap{white-space:nowrap}.pointer-events-none{pointer-events:none}.text-center{text-align:center}.pt-24{padding-top:var(--24)}.px-4{padding-inline:var(--4)}.py-2{padding-block:var(--2)}.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)}.bg-color-purple-600{background-color:var(--color-purple-600)}.relative{position:relative}.w-10{width:var(--10)}.h-3{height:var(--3)}.flex{display:flex}.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)}.duration-300{--uni-transition-duration: .3s;transition-duration:var(--uni-transition-duration, .15s)}.opacity-50{opacity:.5}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.absolute{position:absolute}.rounded-full{border-radius:calc(infinity * 1px)}.inset-0{inset:var(--0)}.bg-color-gray-400{background-color:var(--color-gray-400)}.justify-center{justify-content:center}.top-0\\5{top:var(--0.5)}.left-0\\5{left:var(--0.5)}.size-5{width:var(--5);height:var(--5)}.transition-all{--uni-transition-property: all;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.translate-x-5{--uni-translate-x: var(--5);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.translate-x-0{--uni-translate-x: var(--0);translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.animate-spin{animation:var(--animate-spin)}.size-3{width:var(--3);height:var(--3)}.w-11{width:var(--11)}.h-6{height:var(--6)}.bg-color-gray-300{background-color:var(--color-gray-300)}.top-\[4px\]{top:4px}.left-1{left:var(--1)}.w-4{width:var(--4)}.h-4{height:var(--4)}.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: calc(-1 * var(--0));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:var(--2)}:where(.space-y-2>:not(:last-child)){margin-bottom:var(--2)}.px-6{padding-inline:var(--6)}.py-3{padding-block:var(--3)}.inline-flex{display:inline-flex}.rounded-md{border-radius:var(--radius-md)}.overflow-hidden{overflow:hidden}.border{border-width:1px}.border-color-gray-200{border-color:var(--color-gray-200)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.gap-2{gap:var(--2)}.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:var(--2)}.p-3{padding:var(--3)}.p-4{padding:var(--4)}.w-full{width:100%}.mb-2{margin-bottom:var(--2)}.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:var(--3)}.grow{flex-grow:1}.outline-0{outline-width:0px;outline-style:var(--uni-outline-style)}.placeholder\:font-normal::placeholder{font-weight:400}.pr-3{padding-right:var(--3)}.mt-1{margin-top:var(--1)}.text-color-gray-800{color:var(--color-gray-800)}.placeholder\:text-color-gray-400::placeholder{color:var(--color-gray-400)}.gap-1{gap:var(--1)}.border-color-gray-300{border-color:var(--color-gray-300)}.px-3{padding-inline:var(--3)}.resize-none{resize:none}.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)}.focus\:outline-none:focus{outline-width:nonepx;outline-style:var(--uni-outline-style)}.min-w-\[160px\]{min-width:160px}.border-r{border-right-width:1px}:where(.space-x-6>:not(:last-child)){margin-right:var(--6)}.border-b{border-bottom-width:1px}.duration-200{--uni-transition-duration: .2s;transition-duration:var(--uni-transition-duration, .15s)}.py-4{padding-block:var(--4)}.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:var(--3)}.right-0{right:var(--0)}.top-3{top:var(--3)}.bottom-3{bottom:var(--3)}.w-1{width:var(--1)}.bottom-0{bottom:var(--0)}.left-0{left:var(--0)}.h-1{height:var(--1)}.mt-4{margin-top:var(--4)}.ml-6{margin-left:var(--6)}.mt-0{margin-top:var(--0)}.size-4{width:var(--4);height:var(--4)}.overflow-y-auto{overflow-y:auto}.border-collapse{border-collapse:collapse}.sticky{position:sticky}.top-0{top:var(--0)}.rounded-xl{border-radius:var(--radius-xl)}.bg-color-\[\#FAFBFB\]{background-color:#fafbfb}.z-10{z-index:10}.h-10{height:var(--10)}.text-left{text-align:left}.border-t{border-top-width:1px}.justify-between{justify-content:space-between}.w-9{width:var(--9)}.h-9{height:var(--9)}.rounded-lg{border-radius:var(--radius-lg)}.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:var(--10)}.shrink-0{flex-shrink:0}.text-nowrap{text-wrap:nowrap}.py-0\\5{padding-block:var(--0.5)}.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:var(--1)}.bg-color-gray-50{background-color:var(--color-gray-50)}.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)}.w-7{width:var(--7)}.h-7{height:var(--7)}.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:var(--4);margin-right:var(--4)}.size-6{width:var(--6);height:var(--6)}.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:var(--72)}.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:var(--3)}.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)}.flex-1{flex:1}.leading-relaxed{line-height:1.625}.flex-shrink-0{flex:shrink-0}.-mr-1{margin-right:calc(-1 * var(--1))}.visible{visibility:visible}.bottom-center{bottom:var(--center)}.top-left{top:var(--left)}.top-center{top:var(--center)}.top-right{top:var(--right)}.bottom-left{bottom:var(--left)}.bottom-right{bottom:var(--right)}.grid{display:grid}.none{shadow:0 0 #0000}.capitalize{text-transform:capitalize}.inherit{shadow:inherit}.underline{text-decoration-line:underline}.w-3{width:var(--3)}.h-2{height:var(--2)}.w-5{width:var(--5)}.h-5{height:var(--5)}.mr-3{margin-right:var(--3)}.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)}.z-20{z-index:20}.mt-2{margin-top:var(--2)}.ml-3{margin-left:var(--3)}.text-right{text-align:right}.w-80{width:var(--80)}.text-gray-500{font-size:var(--text-gray-500)}:where(.space-y-8>:not(:last-child)){margin-bottom:var(--8)}:where(.space-y-4>:not(:last-child)){margin-bottom:var(--4)}.text-gray-600{font-size:var(--text-gray-600)}.animate-pulse{animation:var(--animate-pulse)}.rounded-sm{border-radius:var(--radius-sm)}.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)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.mb-4{margin-bottom:var(--4)}.pb-6{padding-bottom:var(--6)}.no-underline{text-decoration-line:none}.h-\[30px\]{height:30px}.mb-1{margin-bottom:var(--1)}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.outline-none{outline-width:nonepx;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);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)}.right-3{right:var(--3)}.fill-color-yellow-500{fill:var(--color-yellow-500)}.fill-color-gray-300{fill:var(--color-gray-300)}.w-6{width:var(--6)}.w-8{width:var(--8)}.h-8{height:var(--8)}.ml-2{margin-left:var(--2)}.gap-6{gap:var(--6)}.select-none{-webkit-user-select:none;user-select:none}.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}.border-color-gray-400{border-color:var(--color-gray-400)}.peer:checked~.peer-checked\:border-\[7px\]{border-width:7px;border-style:var(--uni-border-style)}.animate-spin-slow{animation:var(--animate-spin)}.h-full{height:100%}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.py-\[0\.35rem\]{padding-block:.35rem}.\!w-4{width:var(--4)!important}.\!h-4{height:var(--4)!important}.\!w-5{width:var(--5)!important}.\!h-5{height:var(--5)!important}.\!w-6{width:var(--6)!important}.\!h-6{height:var(--6)!important}.-ml-1{margin-left:calc(-1 * var(--1))}.mr-1{margin-right:var(--1)}.ml-1{margin-left:var(--1)}:where(.space-x-4>:not(:last-child)){margin-right:var(--4)}.gap-4{gap:var(--4)}:where(.space-x-1>:not(:last-child)){margin-right:var(--1)}.w-12{width:var(--12)}.h-12{height:var(--12)}.w-16{width:var(--16)}.h-16{height:var(--16)}.rounded-none{border-radius:0}.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)}.min-w-20{min-width:var(--20)}.max-w-60{max-width:var(--60)}.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)}.bottom-7{bottom:var(--7)}.top-6{top:var(--6)}:where(.divide-y>:not(:last-child)){border-bottom-width:1px;border-style:solid}:where(.divide-color-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.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)}.ml-4{margin-left:var(--4)}.focus\:outline-0:focus{outline-width:0px;outline-style:var(--uni-outline-style)}.size-8{width:var(--8);height:var(--8)}.size-12{width:var(--12);height:var(--12)}.size-10{width:var(--10);height:var(--10)}.\!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}.transparent{shadow:transparent}.p-6{padding:var(--6)}.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:var(--0)}.bg-color-red-50{background-color:var(--color-red-50)}.pt-6{padding-top:var(--6)}.pb-4{padding-bottom:var(--4)}.pb-2{padding-bottom:var(--2)}:where(.space-y-1>:not(:last-child)){margin-bottom:var(--1)}.grid-columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.object-cover{object-fit:cover}.max-w-\[200px\]{max-width:200px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover\:text-color-red-700:hover{color:var(--color-red-700)}.w-40{width:var(--40)}.border-color-gray-100{border-color:var(--color-gray-100)}.hover\:bg-color-gray-100:hover{background-color:var(--color-gray-100)}.\!rounded-full{border-radius:calc(infinity * 1px)!important}.min-w-96{min-width:var(--96)}.min-h-40{min-height:var(--40)}.bg-color-black\/50{background-color:color-mix(in srgb,var(--color-black) 50%,transparent)}.\!absolute{position:absolute!important}.translate-x-full{translate:100% var(--uni-translate-y)}.-translate-x-full{translate:-100% var(--uni-translate-y)}.justify-end{justify-content:flex-end}.pl-4{padding-left:var(--4)}.pt-4{padding-top:var(--4)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-2xl{max-width:var(--container-2xl)}.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:var(--5)}.mx-5{margin-left:var(--5);margin-right:var(--5)}.w-auto{width:auto}.max-h-\[calc\(100vh_-_130px\)\]{max-height:calc(100vh - 130px)}.mt-8{margin-top:var(--8)}.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}.w-72{width:var(--72)}.mb-3{margin-bottom:var(--3)}.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}.\!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}.not-last\:pb-4:not(:last-child){padding-bottom:var(--4)}.text-md{font-size:var(--text-md)}.bg-color-teal-100{background-color:var(--color-teal-100)}.bg-color-purple-100{background-color:var(--color-purple-100)}.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\:text-\[12px\]:after{font-size:12px}.after\:font-bold:after{font-weight:700}.after\:top-1\/2:after{top:50%}.after\:left-1\/2:after{left:50%}.after\:-translate-x-1\/2:after{--uni-translate-x: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.after\:-translate-y-1\/2:after{--uni-translate-y: -50%;translate:var(--uni-translate-x) var(--uni-translate-y) var(--uni-translate-z)}.cursor-default{cursor:default}.transition-transform{--uni-transition-property: transform;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.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)}.left-2{left:var(--2)}.top-2{top:var(--2)}.transition-colo{--uni-transition-property: colo;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.right-2{right:var(--2)}.bottom-2{bottom:var(--2)}.mt-3{margin-top:var(--3)}.bg-color-white\/90{background-color:color-mix(in srgb,var(--color-white) 90%,transparent)}.px-\[5px\]{padding-inline:5px}.rotate-90{rotate:90deg}.size-\[10px\]{width:10px;height:10px}.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:var(--1)}.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)}.rounded-2xl{border-radius:var(--radius-2xl)}.h-auto{height:auto}.items-start{align-items:flex-start}.h-px{height:1px}.my-5{margin-top:var(--5);margin-bottom:var(--5)}.px-5{padding-inline:var(--5)}.\!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:var(--2);margin-right:var(--2)}.static{position:static}.justify-around{justify-content:space-around}.pb-16{padding-bottom:var(--16)}.\!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)}.w-2{width:var(--2)}.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}.w-14{width:var(--14)}.h-14{height:var(--14)}.w-20{width:var(--20)}.h-20{height:var(--20)}:where(.-space-x-2>:not(:last-child)){margin-right:calc(-1 * var(--2))}.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)}.hover\:text-color-gray-600:hover{color:var(--color-gray-600)}.top-full{top:100%}.max-h-56{max-height:var(--56)}.overflow-auto{overflow:auto}.bg-color-indigo-50{background-color:var(--color-indigo-50)}.text-color-indigo-700{color:var(--color-indigo-700)}.text-color-blue-800{color:var(--color-blue-800)}.bg-color-green-50{background-color:var(--color-green-50)}.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:var(--7);height:var(--7)}.bg-color-gray-700{background-color:var(--color-gray-700)}.border-t-4{border-top-width:4px;border-style:var(--uni-border-style)}.transition-colors{--uni-transition-property: colors;transition-property:var(--uni-transition-property, all);transition-duration:var(--uni-transition-duration, .15s)}.text-gray-700{font-size:var(--text-gray-700)}.-top-1{top:calc(-1 * var(--1))}.gap-20{gap:var(--20)}.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}@media (min-width: 40rem){.sm\:grid-columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:p-4{padding:var(--4)}.sm\:gap-4{gap:var(--4)}}@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}.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:var(--2)}}@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}}.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\:text-color-gray-700{color:var(--color-gray-700)}.dark .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}@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\:text-color-gray-700{color:var(--color-gray-700)}html[data-theme=system] .dark\:bg-color-gray-700{background-color:var(--color-gray-700)}}@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
@@ -5950,7 +5950,7 @@ const ei = {
5950
5950
  }, [e]), !e && !a ? null : /* @__PURE__ */ s.jsx(
5951
5951
  "div",
5952
5952
  {
5953
- className: `fixed inset-0 z-40 bg-color-black/50 flex items-center justify-center transition-all duration-300 ${a ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"} ${t}`,
5953
+ className: `fixed inset-0 z-999 bg-color-black/50 flex items-center justify-center transition-all duration-300 ${a ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"} ${t}`,
5954
5954
  onClick: n,
5955
5955
  "aria-hidden": !a,
5956
5956
  ...o,
@@ -6504,7 +6504,7 @@ const Ul = Zr(function({
6504
6504
  strokeWidth: v,
6505
6505
  fill: "none",
6506
6506
  strokeLinecap: "round",
6507
- className: `${l} transition-all duration-300 ease-out ${r ? "" : "animate-spin"}`,
6507
+ className: `${l} transition-all duration-300 ease-out ${r ? "" : "animate-spin-slow"}`,
6508
6508
  style: {
6509
6509
  strokeDasharray: h,
6510
6510
  strokeDashoffset: r ? k : b * 0.75,
@@ -6541,7 +6541,7 @@ const Ul = Zr(function({
6541
6541
  ) : /* @__PURE__ */ s.jsx(
6542
6542
  "div",
6543
6543
  {
6544
- className: `absolute left-0 top-0 h-full ${c} animate-progress-indeterminate`,
6544
+ className: `absolute left-0 top-0 h-full ${c} animate-progress-indeterminate-gpu`,
6545
6545
  style: { width: "40%" }
6546
6546
  }
6547
6547
  )
@@ -7229,8 +7229,8 @@ const li = {
7229
7229
  w.key === "Escape" && (n == null || n());
7230
7230
  };
7231
7231
  return g && document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
7232
- }, [g, n]), ce(() => (g ? (document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden") : (document.body.style.overflow = "", document.documentElement.style.overflow = ""), () => {
7233
- document.body.style.overflow = "", document.documentElement.style.overflow = "";
7232
+ }, [g, n]), ce(() => (g ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
7233
+ document.body.style.overflow = "";
7234
7234
  }), [g]), f ? Ze(
7235
7235
  /* @__PURE__ */ s.jsxs(
7236
7236
  "div",
package/dist/uniui.umd.cjs CHANGED
@@ -123,7 +123,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
123
123
  * LICENSE.md file in the root directory of this source tree.
124
124
  *
125
125
  * @license MIT
126
- */function qi(e){const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[t]=$.useState(()=>({current:Hi(n)})),[r,o]=$.useState(()=>t.current.initialState);return t.current.setOptions(i=>({...i,...e,state:{...r,...e.state},onStateChange:a=>{o(a),e.onStateChange==null||e.onStateChange(a)}})),t.current}const Gi={h1:"text-5xl font-bold",h2:"text-4xl font-bold",h3:"text-3xl font-bold",h4:"text-2xl font-semibold",h5:"text-xl font-semibold",h6:"text-lg font-semibold",subtitle1:"text-base font-medium",subtitle2:"text-sm font-normal",body1:"text-base",body2:"text-sm",caption:"text-xs",overline:"text-xs uppercase tracking-wide"},mr=({variant:e="body1",component:n,className:t="",children:r,color:o="dark"})=>{var l;const a=n||{h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"p",subtitle2:"p",body1:"p",body2:"p",caption:"span",overline:"span"}[e]||"p";return s.jsx(a,{className:`${Gi[e]} ${(l=fe[o])==null?void 0:l.text} ${t}`,children:r})},gr=({total:e,currentPage:n,pageSize:t=10,onPageChange:r,hideEdgeButtons:o=!1,className:i=""})=>{const a=Math.ceil(e/t),l=n===1,c=n===a;return a<=1?null:s.jsxs("div",{className:`flex items-center space-x-1 ${i}`,children:[!o&&s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("path",{d:"M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"})}),onClick:()=>r(1),disabled:l,roundedFull:!0,size:"small",variant:"transparent"}),s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("path",{d:"M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"})}),onClick:()=>r(n-1),disabled:l,roundedFull:!0,size:"small",variant:"transparent"}),s.jsxs("span",{className:"text-sm text-color-gray-800",children:["Page ",n," of ",a]}),s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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"})}),onClick:()=>r(n+1),disabled:c,roundedFull:!0,size:"small",variant:"transparent"}),!o&&s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("path",{d:"M19.1642 12L12.9571 5.79291L11.5429 7.20712L16.3358 12L11.5429 16.7929L12.9571 18.2071L19.1642 12ZM13.5143 12L7.30722 5.79291L5.89301 7.20712L10.6859 12L5.89301 16.7929L7.30722 18.2071L13.5143 12Z"})}),onClick:()=>r(a),disabled:c,roundedFull:!0,size:"small",variant:"transparent"})]})},Wi=({data:e,columns:n=[],pageSize:t,pageIndex:r,onPageSizeChange:o,onPageChange:i,rowOptionArray:a=[5,10,15],totalRecords:l=e.length,className:c="",paginationClassName:u="",tdClassName:d="",thClassName:g=""})=>{const p=qi({data:e,columns:n,getCoreRowModel:Bi(),manualPagination:!0,pageCount:Math.ceil(l/t),state:{pagination:{pageIndex:r,pageSize:t}}});return s.jsx(s.Fragment,{children:s.jsxs("div",{className:`relative overflow-y-auto flex flex-col ${c} `,children:[s.jsxs("table",{className:"w-full relative border-collapse",children:[s.jsx("thead",{className:"sticky top-0 left-0 rounded-xl bg-color-[#FAFBFB] z-10 h-10",children:p.getHeaderGroups().map(f=>s.jsx("tr",{children:f.headers.map(v=>s.jsx("th",{className:`bg-color-[#FAFBFB] p-2 text-left text-xs font-semibold text-color-gray-500 border-b border-color-gray-200 ${g}`,children:v.isPlaceholder?null:v.column.columnDef.header instanceof Function?v.column.columnDef.header(v.getContext()):v.column.columnDef.header},v.id))},f.id))}),s.jsx("tbody",{className:"",children:p.getRowModel().rows.map(f=>s.jsx("tr",{className:"border-b border-color-gray-200",children:f.getVisibleCells().map(v=>s.jsx("td",{className:`px-2 py-4 font-normal text-sm text-color-gray-800 ${d}`,children:v.column.columnDef.cell instanceof Function?v.column.columnDef.cell(v.getContext()):v.getValue()},v.id))},f.id))})]}),s.jsxs("div",{className:`w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB] flex justify-between items-center ${u} sticky bottom-0 z-10`,children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(mr,{variant:"body2",className:"hidden md:!flex",children:"Rows per page"}),s.jsx(Qn,{options:a,selectedValue:t,placementTop:!0,onChange:f=>{o(f),i(0)}})]}),s.jsx(gr,{total:l,pageSize:t,currentPage:r+1,onPageChange:f=>i(f-1)})]})]})})},Ui=({children:e,className:n=""})=>s.jsx("ul",{className:`divide-y divide-color-gray-200 rounded-md bg-color-white shadow-sm border border-color-gray-200 ${n}`,children:e}),Yi=({children:e,secondaryAction:n,className:t=""})=>s.jsxs("li",{className:`flex items-center justify-between overflow-hidden px-4 py-3 hover:bg-color-gray-50 transition ${t}`,children:[s.jsx("div",{className:"flex-1",children:e}),n&&s.jsx("div",{className:"ml-4",children:n})]}),Zi=({open:e,onClick:n,className:t="",children:r,...o})=>{const[i,a]=w.useState(!1);return w.useEffect(()=>{let l;return e?l=setTimeout(()=>a(!0),100):a(!1),()=>clearTimeout(l)},[e]),!e&&!i?null:s.jsx("div",{className:`fixed inset-0 z-40 bg-color-black/50 flex items-center justify-center transition-all duration-300 ${i?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none"} ${t}`,onClick:n,"aria-hidden":!i,...o,children:r})},Ki=({animation:e="pulse",variant:n="rectangular",width:t,height:r,className:o=""})=>{const i="bg-color-gray-200 dark:bg-color-gray-700",a={pulse:"animate-pulse",wave:"relative overflow-hidden"},l=()=>{switch(n){case"circular":return{classes:"rounded-full",defaultWidth:40,defaultHeight:40};case"rectangular":return{classes:"",defaultWidth:200,defaultHeight:100};case"rounded":return{classes:"rounded-lg",defaultWidth:200,defaultHeight:100};case"text":return{classes:"rounded-sm",defaultWidth:void 0,defaultHeight:16};default:return{classes:"",defaultWidth:200,defaultHeight:100}}},{classes:c,defaultWidth:u,defaultHeight:d}=l(),g=t??u,p=r??d,f={};g!==void 0&&(f.width=`${g}px`),p!==void 0&&(f.height=`${p}px`),n==="text"&&t===void 0&&(f.width="100%");const v=[i,c,a[e],o].filter(Boolean).join(" ");return s.jsx("div",{className:v,style:f,children:e==="wave"&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"absolute inset-0 bg-gradient-[linear-gradient(90deg,_rgba(255,_255,_255,_0)_0%,_rgba(255,_255,_255,_0.35)_50%,_rgba(255,_255,_255,_0)_100%)] 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%)]",style:{animation:"skeleton-wave 2s ease-in-out infinite"}}),s.jsx("style",{children:`
126
+ */function qi(e){const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...e},[t]=$.useState(()=>({current:Hi(n)})),[r,o]=$.useState(()=>t.current.initialState);return t.current.setOptions(i=>({...i,...e,state:{...r,...e.state},onStateChange:a=>{o(a),e.onStateChange==null||e.onStateChange(a)}})),t.current}const Gi={h1:"text-5xl font-bold",h2:"text-4xl font-bold",h3:"text-3xl font-bold",h4:"text-2xl font-semibold",h5:"text-xl font-semibold",h6:"text-lg font-semibold",subtitle1:"text-base font-medium",subtitle2:"text-sm font-normal",body1:"text-base",body2:"text-sm",caption:"text-xs",overline:"text-xs uppercase tracking-wide"},mr=({variant:e="body1",component:n,className:t="",children:r,color:o="dark"})=>{var l;const a=n||{h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"p",subtitle2:"p",body1:"p",body2:"p",caption:"span",overline:"span"}[e]||"p";return s.jsx(a,{className:`${Gi[e]} ${(l=fe[o])==null?void 0:l.text} ${t}`,children:r})},gr=({total:e,currentPage:n,pageSize:t=10,onPageChange:r,hideEdgeButtons:o=!1,className:i=""})=>{const a=Math.ceil(e/t),l=n===1,c=n===a;return a<=1?null:s.jsxs("div",{className:`flex items-center space-x-1 ${i}`,children:[!o&&s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("path",{d:"M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"})}),onClick:()=>r(1),disabled:l,roundedFull:!0,size:"small",variant:"transparent"}),s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("path",{d:"M10.8284 12.0007L15.7782 16.9504L14.364 18.3646L8 12.0007L14.364 5.63672L15.7782 7.05093L10.8284 12.0007Z"})}),onClick:()=>r(n-1),disabled:l,roundedFull:!0,size:"small",variant:"transparent"}),s.jsxs("span",{className:"text-sm text-color-gray-800",children:["Page ",n," of ",a]}),s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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"})}),onClick:()=>r(n+1),disabled:c,roundedFull:!0,size:"small",variant:"transparent"}),!o&&s.jsx(we,{color:"dark",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.jsx("path",{d:"M19.1642 12L12.9571 5.79291L11.5429 7.20712L16.3358 12L11.5429 16.7929L12.9571 18.2071L19.1642 12ZM13.5143 12L7.30722 5.79291L5.89301 7.20712L10.6859 12L5.89301 16.7929L7.30722 18.2071L13.5143 12Z"})}),onClick:()=>r(a),disabled:c,roundedFull:!0,size:"small",variant:"transparent"})]})},Wi=({data:e,columns:n=[],pageSize:t,pageIndex:r,onPageSizeChange:o,onPageChange:i,rowOptionArray:a=[5,10,15],totalRecords:l=e.length,className:c="",paginationClassName:u="",tdClassName:d="",thClassName:g=""})=>{const p=qi({data:e,columns:n,getCoreRowModel:Bi(),manualPagination:!0,pageCount:Math.ceil(l/t),state:{pagination:{pageIndex:r,pageSize:t}}});return s.jsx(s.Fragment,{children:s.jsxs("div",{className:`relative overflow-y-auto flex flex-col ${c} `,children:[s.jsxs("table",{className:"w-full relative border-collapse",children:[s.jsx("thead",{className:"sticky top-0 left-0 rounded-xl bg-color-[#FAFBFB] z-10 h-10",children:p.getHeaderGroups().map(f=>s.jsx("tr",{children:f.headers.map(v=>s.jsx("th",{className:`bg-color-[#FAFBFB] p-2 text-left text-xs font-semibold text-color-gray-500 border-b border-color-gray-200 ${g}`,children:v.isPlaceholder?null:v.column.columnDef.header instanceof Function?v.column.columnDef.header(v.getContext()):v.column.columnDef.header},v.id))},f.id))}),s.jsx("tbody",{className:"",children:p.getRowModel().rows.map(f=>s.jsx("tr",{className:"border-b border-color-gray-200",children:f.getVisibleCells().map(v=>s.jsx("td",{className:`px-2 py-4 font-normal text-sm text-color-gray-800 ${d}`,children:v.column.columnDef.cell instanceof Function?v.column.columnDef.cell(v.getContext()):v.getValue()},v.id))},f.id))})]}),s.jsxs("div",{className:`w-full py-4 px-2 border-t border-color-gray-200 bg-color-[#FAFBFB] flex justify-between items-center ${u} sticky bottom-0 z-10`,children:[s.jsxs("div",{className:"flex items-center gap-2",children:[s.jsx(mr,{variant:"body2",className:"hidden md:!flex",children:"Rows per page"}),s.jsx(Qn,{options:a,selectedValue:t,placementTop:!0,onChange:f=>{o(f),i(0)}})]}),s.jsx(gr,{total:l,pageSize:t,currentPage:r+1,onPageChange:f=>i(f-1)})]})]})})},Ui=({children:e,className:n=""})=>s.jsx("ul",{className:`divide-y divide-color-gray-200 rounded-md bg-color-white shadow-sm border border-color-gray-200 ${n}`,children:e}),Yi=({children:e,secondaryAction:n,className:t=""})=>s.jsxs("li",{className:`flex items-center justify-between overflow-hidden px-4 py-3 hover:bg-color-gray-50 transition ${t}`,children:[s.jsx("div",{className:"flex-1",children:e}),n&&s.jsx("div",{className:"ml-4",children:n})]}),Zi=({open:e,onClick:n,className:t="",children:r,...o})=>{const[i,a]=w.useState(!1);return w.useEffect(()=>{let l;return e?l=setTimeout(()=>a(!0),100):a(!1),()=>clearTimeout(l)},[e]),!e&&!i?null:s.jsx("div",{className:`fixed inset-0 z-999 bg-color-black/50 flex items-center justify-center transition-all duration-300 ${i?"opacity-100 pointer-events-auto":"opacity-0 pointer-events-none"} ${t}`,onClick:n,"aria-hidden":!i,...o,children:r})},Ki=({animation:e="pulse",variant:n="rectangular",width:t,height:r,className:o=""})=>{const i="bg-color-gray-200 dark:bg-color-gray-700",a={pulse:"animate-pulse",wave:"relative overflow-hidden"},l=()=>{switch(n){case"circular":return{classes:"rounded-full",defaultWidth:40,defaultHeight:40};case"rectangular":return{classes:"",defaultWidth:200,defaultHeight:100};case"rounded":return{classes:"rounded-lg",defaultWidth:200,defaultHeight:100};case"text":return{classes:"rounded-sm",defaultWidth:void 0,defaultHeight:16};default:return{classes:"",defaultWidth:200,defaultHeight:100}}},{classes:c,defaultWidth:u,defaultHeight:d}=l(),g=t??u,p=r??d,f={};g!==void 0&&(f.width=`${g}px`),p!==void 0&&(f.height=`${p}px`),n==="text"&&t===void 0&&(f.width="100%");const v=[i,c,a[e],o].filter(Boolean).join(" ");return s.jsx("div",{className:v,style:f,children:e==="wave"&&s.jsxs(s.Fragment,{children:[s.jsx("div",{className:"absolute inset-0 bg-gradient-[linear-gradient(90deg,_rgba(255,_255,_255,_0)_0%,_rgba(255,_255,_255,_0.35)_50%,_rgba(255,_255,_255,_0)_100%)] 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%)]",style:{animation:"skeleton-wave 2s ease-in-out infinite"}}),s.jsx("style",{children:`
127
127
  @keyframes skeleton-wave {
128
128
  0% { transform: translateX(-100%); }
129
129
  50% { transform: translateX(100%); }
@@ -154,7 +154,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
154
154
  ${H==="max"?"ring-2 ring-offset-1 ring-blue-300":""}
155
155
  shadow-md hover:shadow-lg focus:outline-none dark:shadow-none
156
156
  `,style:{left:`${ee}%`},tabIndex:d?-1:0,role:"slider","aria-orientation":"horizontal","aria-valuemin":i,"aria-valuemax":a,"aria-valuenow":T,"aria-disabled":d,"aria-label":"Maximum value",onKeyDown:_=>k(_,"max"),onFocus:()=>z("max"),onBlur:()=>z(null),onPointerDown:_=>G(_,"max")})]})]}),f&&v.length>0&&s.jsx("div",{className:"relative mt-2 text-xs text-color-gray-500 dark:text-color-gray-200",children:v.map((_,Q)=>{const te=X(_.value);return s.jsx("div",{className:"absolute transform -translate-x-1/2 text-xs",style:{left:`${te}%`},children:_.label||_.value},Q)})})]}),p&&s.jsx("div",{className:"ml-3 text-sm font-medium text-color-gray-700 dark:text-color-gray-200 min-w-[2rem] text-right",children:m?s.jsx("div",{className:"range-max",children:s.jsx("div",{children:T})}):s.jsx("span",{children:C})})]})})}),ea=({open:e=!1,message:n,autoHideDuration:t=4e3,position:r="bottom-center",color:o="dark",onClose:i,action:a,className:l=""})=>{var g;w.useEffect(()=>{if(e&&t>0&&i){const p=setTimeout(()=>{i()},t);return()=>clearTimeout(p)}},[e,t,i]),w.useEffect(()=>{const p=f=>{f.key==="Escape"&&e&&i&&i()};if(e)return document.addEventListener("keydown",p),()=>document.removeEventListener("keydown",p)},[e,i]);const c=w.useCallback(()=>{i&&i()},[i]),u=p=>{const f="fixed z-50 transform transition-all duration-300 ease-in-out";switch(p){case"top-center":return`${f} top-4 left-1/2 -translate-x-1/2 ${e?"translate-y-0 opacity-100":"-translate-y-full opacity-0"}`;case"top-left":return`${f} top-4 left-4 ${e?"translate-y-0 opacity-100":"-translate-y-full opacity-0"}`;case"top-right":return`${f} top-4 right-4 ${e?"translate-y-0 opacity-100":"-translate-y-full opacity-0"}`;case"bottom-left":return`${f} bottom-4 left-4 ${e?"translate-y-0 opacity-100":"translate-y-full opacity-0"}`;case"bottom-right":return`${f} bottom-4 right-4 ${e?"translate-y-0 opacity-100":"translate-y-full opacity-0"}`;case"bottom-center":default:return`${f} bottom-4 left-1/2 -translate-x-1/2 ${e?"translate-y-0 opacity-100":"translate-y-full opacity-0"}`}},d=(g=fe[o])==null?void 0:g.filled;return e?s.jsxs(s.Fragment,{children:[e&&s.jsx("div",{className:"fixed inset-0 z-40 bg-color-black/10 backdrop-blur-[1px] md:hidden",onClick:c}),s.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
157
- ${u(r)} ${d} ${l}`,role:"alert","aria-live":"assertive","aria-atomic":"true",children:[s.jsx("span",{className:"flex-1 text-sm font-medium leading-relaxed",children:n}),s.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[a&&s.jsx("div",{className:"flex items-center",children:a}),i&&s.jsx(we,{color:"light",size:"small",icon:s.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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},ta=({variant:e="linear",value:n=0,color:t="blue",determinate:r=!0,className:o="",...i})=>{var g,p;const a="inline-block",l=(g=fe[t])==null?void 0:g.transparent,c=(p=fe[t])==null?void 0:p.filled,u=Math.min(Math.max(n,0),100);if(e==="circular"){const{size:f=40,thickness:v=3.6}=i,m=(f-v)/2,b=2*Math.PI*m,x=`${b} ${b}`,R=b-u/100*b;return s.jsx("div",{className:`${a} ${o}`,style:{width:f,height:f},role:"progressbar","aria-valuenow":r?u:void 0,"aria-valuemin":0,"aria-valuemax":100,children:s.jsxs("svg",{className:"transform -rotate-90",width:f,height:f,viewBox:`0 0 ${f} ${f}`,children:[s.jsx("circle",{cx:f/2,cy:f/2,r:m,stroke:"currentColor",strokeWidth:v,fill:"none",className:"text-color-gray-200 dark:text-color-gray-700"}),s.jsx("circle",{cx:f/2,cy:f/2,r:m,stroke:"currentColor",strokeWidth:v,fill:"none",strokeLinecap:"round",className:`${l} transition-all duration-300 ease-out ${r?"":"animate-spin"}`,style:{strokeDasharray:x,strokeDashoffset:r?R:b*.75,transformOrigin:"center"}})]})})}const{thickness:d=4}=i;return s.jsx("div",{className:`${a} w-full ${o}`,role:"progressbar","aria-valuenow":r?u:void 0,"aria-valuemin":0,"aria-valuemax":100,children:s.jsx("div",{className:"w-full bg-color-gray-200 dark:bg-color-gray-700 rounded-full overflow-hidden relative",style:{height:`${d}px`},children:r?s.jsx("div",{className:`h-full ${c} transition-all duration-300 ease-out`,style:{width:`${u}%`}}):s.jsx("div",{className:`absolute left-0 top-0 h-full ${c} animate-progress-indeterminate`,style:{width:"40%"}})})})},hr=s.jsx("svg",{className:"w-5 h-5 fill-color-yellow-500",fill:"currentColor",viewBox:"0 0 20 20",children:s.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"})}),xr=s.jsx("svg",{className:"w-5 h-5 fill-color-gray-300",fill:"none",stroke:"currentColor",viewBox:"0 0 20 20",children:s.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"})}),at={small:"w-4 h-4",medium:"w-6 h-6",large:"w-8 h-8"},na=({value:e,onChange:n,readOnly:t=!1,disabled:r=!1,precision:o=1,max:i=5,size:a="medium",icon:l,emptyIcon:c,className:u="",showHoverValue:d=!1,showValue:g=!1,labels:p={}})=>{const[f,v]=w.useState(null),m=(y,E)=>{if(t||r||!n)return;const{left:C,width:V}=y.target.getBoundingClientRect(),T=(y.clientX-C)/V;let B=E-1+Math.ceil(T/o)*o;B=Math.min(i,Math.max(o,Math.round(B/o)*o)),n(B)},b=(y,E)=>{if(t||r)return;const{left:C,width:V}=y.target.getBoundingClientRect(),T=(y.clientX-C)/V;let B=E-1+Math.ceil(T/o)*o;B=Math.min(i,Math.max(o,Math.round(B/o)*o)),v(B)},x=()=>v(null),R=[];for(let y=1;y<=i;y++){let E=(f!==null?f:e)>=y,C=!E&&(f!==null?f:e)>y-1,V=E?l||w.cloneElement(hr,{className:`fill-color-yellow-500 ${at[a]}`}):c||w.cloneElement(xr,{className:`stroke-color-gray-300 ${at[a]}`});if(C){const T=((f!==null?f:e)-(y-1))*100;V=s.jsxs("span",{className:"relative block",children:[s.jsx("span",{className:"absolute top-0 left-0 overflow-hidden",style:{width:`${T}%`},children:l||w.cloneElement(hr,{className:`fill-color-yellow-500 ${at[a]}`})}),c||w.cloneElement(xr,{className:`stroke-color-gray-300 ${at[a]}`})]})}R.push(s.jsx("span",{className:`inline-block ${r?"opacity-50 cursor-not-allowed":"cursor-pointer"}`,onClick:T=>m(T,y),onMouseMove:T=>b(T,y),onMouseLeave:x,tabIndex:t||r?-1:0,"aria-label":`Rate ${y}`,role:"radio","aria-checked":e===y,children:V},y))}return s.jsxs("div",{className:`flex items-center gap-1 ${u}`,role:"radiogroup","aria-disabled":r,children:[R,d&&f!==null?s.jsx("span",{className:"ml-2 text-xs text-gray-500",children:p[f]||f}):g?s.jsx("span",{className:"ml-2 text-xs text-gray-500",children:p[e]||e}):null]})},ra=({children:e,width:n="100%",height:t="auto",showIndicators:r=!0,showArrows:o=!0,autoplay:i=!1,interval:a=3e3,infiniteLoop:l=!1,perview:c=1,gap:u=0,onClickItem:d,showThumbs:g=!1,pauseOnHover:p=!1,swipeable:f=!0,thumbWidth:v=60,orientation:m="horizontal",nextIcon:b,prevIcon:x,className:R})=>{const y=e.length,E=Math.min(Math.max(c,.1),y),[C,V]=w.useState(0),[T,B]=w.useState(!1),[A,X]=w.useState(!1),[ie,se]=w.useState(0),ee=w.useRef(null),q=w.useRef(0),K=w.useRef(0),I=E>=y?0:Math.max(0,y-E),ne=P=>Math.max(0,Math.min(P,I)),ue=P=>V(l&&I>0?(P%(I+1)+(I+1))%(I+1):ne(P)),J=()=>{l&&I>0?V(C===0?I:C-1):ue(C-1)},h=()=>{l&&I>0?V(C>=I?0:C+1):ue(C+1)};w.useEffect(()=>{if(!i||p&&T||A||I===0)return;const P=setInterval(()=>{V(M=>{const G=M+1;return G>I?l?0:M:G})},a);return()=>clearInterval(P)},[i,a,T,p,A,I,l]);const S=(P,M)=>{!f||I===0||(X(!0),q.current=m==="horizontal"?P:M,K.current=q.current)},F=(P,M)=>{A&&(K.current=m==="horizontal"?P:M,se(K.current-q.current))},L=()=>{if(!A)return;Math.abs(K.current-q.current)>50&&(K.current<q.current?h():J()),X(!1),se(0)},D=()=>{const P=m==="horizontal"?"X":"Y";let M=0;if(A&&ee.current&&I>0){const Q=m==="horizontal"?ee.current.offsetWidth:ee.current.offsetHeight;M=ie/Q*100*(E/y)}const W=Math.min(C,I)*(100/y)-M,j=C>=I,_=C<=0?0:j?u/(c/2):u/c;return`translate${P}(calc(-${W}% - ${_}px))`},H=()=>E>=y?1:Math.floor(I)+1,z=()=>I===0?0:Math.round(C/I*(H()-1));return s.jsxs("div",{className:`relative flex flex-col items-center select-none ${R}`,style:{width:n,height:t},onMouseEnter:()=>p&&B(!0),onMouseLeave:()=>p&&B(!1),children:[s.jsxs("div",{ref:ee,className:`w-full overflow-hidden relative ${f&&I>0?A?"cursor-grabbing":"cursor-grab":"cursor-default"}`,style:{height:g?`calc(${t} - ${v+20}px)`:t},onMouseDown:P=>{P.preventDefault(),S(P.clientX,P.clientY)},onMouseMove:P=>F(P.clientX,P.clientY),onMouseUp:L,onMouseLeave:L,onTouchStart:P=>S(P.touches[0].clientX,P.touches[0].clientY),onTouchMove:P=>F(P.touches[0].clientX,P.touches[0].clientY),onTouchEnd:L,children:[s.jsx("div",{className:`flex ${m==="horizontal"?"flex-row":"flex-col"} transition-transform duration-300 ease-in-out`,style:{width:m==="horizontal"?`${y*100/E}%`:"100%",height:m==="vertical"?`${y*100/E}%`:"100%",transform:D(),gap:`${u}px`,transitionProperty:A?"none":"transform"},children:e.map((P,M)=>s.jsx("div",{className:"shrink-0 flex items-center justify-center",style:{width:m==="horizontal"?`calc(${100/y}% - ${u/c}px)`:"100%",height:m==="vertical"?`calc(${100/y}% - ${u*(y-1)/y}px)`:"100%"},onClick:()=>!A&&(d==null?void 0:d(M)),children:P},M))}),o&&I>0&&s.jsxs(s.Fragment,{children:[s.jsx("button",{"aria-label":"prev",onClick:J,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-10 h-10 flex items-center justify-center text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
157
+ ${u(r)} ${d} ${l}`,role:"alert","aria-live":"assertive","aria-atomic":"true",children:[s.jsx("span",{className:"flex-1 text-sm font-medium leading-relaxed",children:n}),s.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[a&&s.jsx("div",{className:"flex items-center",children:a}),i&&s.jsx(we,{color:"light",size:"small",icon:s.jsx("svg",{className:"size-6",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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},ta=({variant:e="linear",value:n=0,color:t="blue",determinate:r=!0,className:o="",...i})=>{var g,p;const a="inline-block",l=(g=fe[t])==null?void 0:g.transparent,c=(p=fe[t])==null?void 0:p.filled,u=Math.min(Math.max(n,0),100);if(e==="circular"){const{size:f=40,thickness:v=3.6}=i,m=(f-v)/2,b=2*Math.PI*m,x=`${b} ${b}`,R=b-u/100*b;return s.jsx("div",{className:`${a} ${o}`,style:{width:f,height:f},role:"progressbar","aria-valuenow":r?u:void 0,"aria-valuemin":0,"aria-valuemax":100,children:s.jsxs("svg",{className:"transform -rotate-90",width:f,height:f,viewBox:`0 0 ${f} ${f}`,children:[s.jsx("circle",{cx:f/2,cy:f/2,r:m,stroke:"currentColor",strokeWidth:v,fill:"none",className:"text-color-gray-200 dark:text-color-gray-700"}),s.jsx("circle",{cx:f/2,cy:f/2,r:m,stroke:"currentColor",strokeWidth:v,fill:"none",strokeLinecap:"round",className:`${l} transition-all duration-300 ease-out ${r?"":"animate-spin-slow"}`,style:{strokeDasharray:x,strokeDashoffset:r?R:b*.75,transformOrigin:"center"}})]})})}const{thickness:d=4}=i;return s.jsx("div",{className:`${a} w-full ${o}`,role:"progressbar","aria-valuenow":r?u:void 0,"aria-valuemin":0,"aria-valuemax":100,children:s.jsx("div",{className:"w-full bg-color-gray-200 dark:bg-color-gray-700 rounded-full overflow-hidden relative",style:{height:`${d}px`},children:r?s.jsx("div",{className:`h-full ${c} transition-all duration-300 ease-out`,style:{width:`${u}%`}}):s.jsx("div",{className:`absolute left-0 top-0 h-full ${c} animate-progress-indeterminate-gpu`,style:{width:"40%"}})})})},hr=s.jsx("svg",{className:"w-5 h-5 fill-color-yellow-500",fill:"currentColor",viewBox:"0 0 20 20",children:s.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"})}),xr=s.jsx("svg",{className:"w-5 h-5 fill-color-gray-300",fill:"none",stroke:"currentColor",viewBox:"0 0 20 20",children:s.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"})}),at={small:"w-4 h-4",medium:"w-6 h-6",large:"w-8 h-8"},na=({value:e,onChange:n,readOnly:t=!1,disabled:r=!1,precision:o=1,max:i=5,size:a="medium",icon:l,emptyIcon:c,className:u="",showHoverValue:d=!1,showValue:g=!1,labels:p={}})=>{const[f,v]=w.useState(null),m=(y,E)=>{if(t||r||!n)return;const{left:C,width:V}=y.target.getBoundingClientRect(),T=(y.clientX-C)/V;let B=E-1+Math.ceil(T/o)*o;B=Math.min(i,Math.max(o,Math.round(B/o)*o)),n(B)},b=(y,E)=>{if(t||r)return;const{left:C,width:V}=y.target.getBoundingClientRect(),T=(y.clientX-C)/V;let B=E-1+Math.ceil(T/o)*o;B=Math.min(i,Math.max(o,Math.round(B/o)*o)),v(B)},x=()=>v(null),R=[];for(let y=1;y<=i;y++){let E=(f!==null?f:e)>=y,C=!E&&(f!==null?f:e)>y-1,V=E?l||w.cloneElement(hr,{className:`fill-color-yellow-500 ${at[a]}`}):c||w.cloneElement(xr,{className:`stroke-color-gray-300 ${at[a]}`});if(C){const T=((f!==null?f:e)-(y-1))*100;V=s.jsxs("span",{className:"relative block",children:[s.jsx("span",{className:"absolute top-0 left-0 overflow-hidden",style:{width:`${T}%`},children:l||w.cloneElement(hr,{className:`fill-color-yellow-500 ${at[a]}`})}),c||w.cloneElement(xr,{className:`stroke-color-gray-300 ${at[a]}`})]})}R.push(s.jsx("span",{className:`inline-block ${r?"opacity-50 cursor-not-allowed":"cursor-pointer"}`,onClick:T=>m(T,y),onMouseMove:T=>b(T,y),onMouseLeave:x,tabIndex:t||r?-1:0,"aria-label":`Rate ${y}`,role:"radio","aria-checked":e===y,children:V},y))}return s.jsxs("div",{className:`flex items-center gap-1 ${u}`,role:"radiogroup","aria-disabled":r,children:[R,d&&f!==null?s.jsx("span",{className:"ml-2 text-xs text-gray-500",children:p[f]||f}):g?s.jsx("span",{className:"ml-2 text-xs text-gray-500",children:p[e]||e}):null]})},ra=({children:e,width:n="100%",height:t="auto",showIndicators:r=!0,showArrows:o=!0,autoplay:i=!1,interval:a=3e3,infiniteLoop:l=!1,perview:c=1,gap:u=0,onClickItem:d,showThumbs:g=!1,pauseOnHover:p=!1,swipeable:f=!0,thumbWidth:v=60,orientation:m="horizontal",nextIcon:b,prevIcon:x,className:R})=>{const y=e.length,E=Math.min(Math.max(c,.1),y),[C,V]=w.useState(0),[T,B]=w.useState(!1),[A,X]=w.useState(!1),[ie,se]=w.useState(0),ee=w.useRef(null),q=w.useRef(0),K=w.useRef(0),I=E>=y?0:Math.max(0,y-E),ne=P=>Math.max(0,Math.min(P,I)),ue=P=>V(l&&I>0?(P%(I+1)+(I+1))%(I+1):ne(P)),J=()=>{l&&I>0?V(C===0?I:C-1):ue(C-1)},h=()=>{l&&I>0?V(C>=I?0:C+1):ue(C+1)};w.useEffect(()=>{if(!i||p&&T||A||I===0)return;const P=setInterval(()=>{V(M=>{const G=M+1;return G>I?l?0:M:G})},a);return()=>clearInterval(P)},[i,a,T,p,A,I,l]);const S=(P,M)=>{!f||I===0||(X(!0),q.current=m==="horizontal"?P:M,K.current=q.current)},F=(P,M)=>{A&&(K.current=m==="horizontal"?P:M,se(K.current-q.current))},L=()=>{if(!A)return;Math.abs(K.current-q.current)>50&&(K.current<q.current?h():J()),X(!1),se(0)},D=()=>{const P=m==="horizontal"?"X":"Y";let M=0;if(A&&ee.current&&I>0){const Q=m==="horizontal"?ee.current.offsetWidth:ee.current.offsetHeight;M=ie/Q*100*(E/y)}const W=Math.min(C,I)*(100/y)-M,j=C>=I,_=C<=0?0:j?u/(c/2):u/c;return`translate${P}(calc(-${W}% - ${_}px))`},H=()=>E>=y?1:Math.floor(I)+1,z=()=>I===0?0:Math.round(C/I*(H()-1));return s.jsxs("div",{className:`relative flex flex-col items-center select-none ${R}`,style:{width:n,height:t},onMouseEnter:()=>p&&B(!0),onMouseLeave:()=>p&&B(!1),children:[s.jsxs("div",{ref:ee,className:`w-full overflow-hidden relative ${f&&I>0?A?"cursor-grabbing":"cursor-grab":"cursor-default"}`,style:{height:g?`calc(${t} - ${v+20}px)`:t},onMouseDown:P=>{P.preventDefault(),S(P.clientX,P.clientY)},onMouseMove:P=>F(P.clientX,P.clientY),onMouseUp:L,onMouseLeave:L,onTouchStart:P=>S(P.touches[0].clientX,P.touches[0].clientY),onTouchMove:P=>F(P.touches[0].clientX,P.touches[0].clientY),onTouchEnd:L,children:[s.jsx("div",{className:`flex ${m==="horizontal"?"flex-row":"flex-col"} transition-transform duration-300 ease-in-out`,style:{width:m==="horizontal"?`${y*100/E}%`:"100%",height:m==="vertical"?`${y*100/E}%`:"100%",transform:D(),gap:`${u}px`,transitionProperty:A?"none":"transform"},children:e.map((P,M)=>s.jsx("div",{className:"shrink-0 flex items-center justify-center",style:{width:m==="horizontal"?`calc(${100/y}% - ${u/c}px)`:"100%",height:m==="vertical"?`calc(${100/y}% - ${u*(y-1)/y}px)`:"100%"},onClick:()=>!A&&(d==null?void 0:d(M)),children:P},M))}),o&&I>0&&s.jsxs(s.Fragment,{children:[s.jsx("button",{"aria-label":"prev",onClick:J,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-10 h-10 flex items-center justify-center text-lg font-bold text-color-gray-800 hover:bg-color-white transition-color cursor-pointer
158
158
  ${m==="horizontal"?"left-2 top-1/2 -translate-y-1/2":"left-1/2 top-2 -translate-x-1/2"}`,children:x||(m==="horizontal"?"‹":"↑")}),s.jsx("button",{"aria-label":"next",onClick:h,className:`absolute z-20 bg-color-white/80 border border-color-gray-300 rounded-full w-10 h-10 flex items-center justify-center text-lg font-bold text-color-gray-800 hover:bg-color-white transition-colo cursor-pointer
159
159
  ${m==="horizontal"?"right-2 top-1/2 -translate-y-1/2":"left-1/2 bottom-2 -translate-x-1/2"}`,children:b||(m==="horizontal"?"›":"↓")})]}),r&&H()>1&&s.jsx("div",{className:`flex gap-1 mt-3 justify-center absolute bg-color-white/90 py-1 px-[5px] rounded-full ${m==="horizontal"?"bottom-3 left-1/2 -translate-x-1/2":"top-1/2 right-3 -translate-y-1/2 rotate-90"} z-10`,children:Array.from({length:H()}).map((P,M)=>s.jsx("button",{onClick:()=>ue(Math.round(M/(H()-1)*I)),className:`size-[10px] rounded-full transition-color hover:bg-color-gray-600 cursor-pointer ${M===z()?"bg-color-gray-800":"bg-color-gray-400"}`},M))})]}),g&&s.jsx("div",{className:"flex gap-2 mt-3 justify-center flex-wrap",children:e.map((P,M)=>{const G=M===Math.round(C);return s.jsx("div",{onClick:()=>{const W=Math.max(0,Math.min(I,M-Math.floor(E/2)));ue(W)},className:`overflow-hidden rounded-md cursor-pointer transition-all hover:opacity-100 ${G?"border-2 border-color-gray-800 opacity-100 scale-105":"border-2 border-color-gray-300 opacity-70"}`,style:{width:v,height:v},children:P},M)})})]})},oa=({title:e,description:n,actionLabel:t,onAction:r,illustration:o,illustrationWidth:i=120,children:a,color:l="gray"})=>s.jsxs("section",{className:"flex flex-col items-center justify-center text-center p-6 max-w-md",role:"status","aria-live":"polite",children:[o&&s.jsx("div",{className:"flex items-center justify-center",style:{width:i},children:typeof o=="string"?s.jsx("img",{src:o,alt:"",className:"object-contain"}):o}),s.jsx("h2",{className:"text-lg mt-4 font-semibold text-color-gray-800",children:e}),n&&s.jsx("p",{className:"text-sm mt-2 text-color-gray-600",children:n}),t&&r&&s.jsx(Ye,{onClick:r,color:l,className:"mt-4",children:t}),a]}),ia=({initialState:e=!1,onToggle:n,disabled:t=!1,type:r="button",color:o="green",variant:i="ios"})=>{var g,p,f;const[a,l]=w.useState(e),[c,u]=w.useState(!1),d=async()=>{if(!(t||c))if(n){u(!0);try{await n(!a),l(!a)}catch(v){console.error("Toggle failed",v)}finally{u(!1)}}else l(!a)};return i==="android"?s.jsxs("button",{onClick:d,type:r,disabled:t,className:`relative w-10 h-3 flex items-center transition-color duration-300
160
160
  } ${t?"bg-color-gray-200 opacity-50 cursor-not-allowed":"cursor-pointer"}`,children:[s.jsx("span",{className:`absolute rounded-full inset-0 opacity-50 ${a?`${(g=fe[o])==null?void 0:g.filled}`:"bg-color-gray-400"}`}),s.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 ${a?`translate-x-5 ${(p=fe[o])==null?void 0:p.filled}`:"translate-x-0 bg-color-white"}`,children:c?s.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:s.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})]}):s.jsx("button",{onClick:d,type:r,disabled:t,className:`relative w-11 h-6 flex items-center rounded-full transition-color duration-300 ${a?(f=fe[o])==null?void 0:f.filled:"bg-color-gray-300"} ${t?"bg-color-gray-300 opacity-50 cursor-not-allowed":"cursor-pointer"}`,children:s.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 ${a?"translate-x-[19px]":"-translate-x-0"}`,children:c?s.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:s.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})})},aa={small:"px-2 py-1 text-sm",medium:"px-4 py-2 text-base",large:"px-6 py-3 text-lg"},la=({value:e,onChange:n,options:t,multiple:r=!1,size:o="medium",color:i="blue",orientation:a="horizontal",className:l="",buttonClass:c="",disabled:u=!1})=>{const d=p=>Array.isArray(e)?e.includes(p):e===p,g=p=>{if(!u)if(r){if(!Array.isArray(e))return;e.includes(p)?n(e.filter(f=>f!==p)):n([...e,p])}else n(p)};return s.jsx("div",{className:`inline-flex ${a==="vertical"?"flex-col":"flex-row"} rounded-md overflow-hidden border border-color-gray-200 bg-color-white ${l}`,role:"group","aria-disabled":u,children:t.map((p,f)=>{var v;return s.jsxs("button",{type:"button",disabled:u||p.disabled,className:`
@@ -167,7 +167,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
167
167
  ${r}
168
168
  ${n==="inset"?o?"pl-4":"pt-4":""}`,children:s.jsxs("div",{className:a,children:[s.jsx("div",{className:l}),s.jsx("span",{children:t}),s.jsx("div",{className:l})]})})}const i=o?"h-px w-full bg-color-gray-300":"w-px h-full bg-color-gray-300";return s.jsx("div",{role:"separator",className:`flex ${o?"w-full items-center":"h-full flex-col justify-center"}
169
169
  ${r}
170
- ${n==="inset"?o?"pl-4":"pt-4":""} ${i}`})},ca=({name:e,options:n,selectedValue:t,onChange:r,direction:o="column",disabled:i=!1,color:a="blue",className:l="",radioClass:c})=>s.jsx("div",{className:`flex ${o==="row"?"flex-row gap-6":"flex-col gap-3"} ${l}`,children:n.map(({label:u,value:d,disabled:g})=>{var f,v;const p=i||g;return s.jsxs("label",{className:`relative flex items-center cursor-pointer select-none transition ${p?"opacity-50 cursor-not-allowed":"hover:opacity-90"}`,children:[s.jsx("input",{type:"radio",name:e,value:d,disabled:p,checked:t===d,onChange:()=>!p&&(r==null?void 0:r(d)),className:"sr-only peer"}),s.jsx("div",{className:`w-5 h-5 rounded-full border-2 border-color-gray-400 peer-checked:border-[7px] transition-all duration-150 ${(f=fe[a])==null?void 0:f.peer} ${c}`}),s.jsx("span",{className:`ml-2 text-sm text-color-gray-800 ${(v=fe[a])==null?void 0:v.peer}`,children:u})]},d)})}),ua=({label:e,value:n,onChange:t,options:r,className:o="",labelClass:i="",disabled:a=!1,size:l="medium",variant:c="outlined",rounded:u="medium",shadow:d=!1})=>{const g={small:"p-2",medium:"p-3",large:"p-4"},p={small:"rounded-md",medium:"rounded-lg",full:"rounded-full"},f={filled:"bg-color-gray-100 border-color-gray-200",outlined:"border-color-gray-300 bg-color-transparent"};return s.jsxs("div",{className:`relative w-full ${o}`,children:[e&&s.jsx("label",{className:`text-sm text-color-gray-500 pointer-events-none block mb-1 ${i}`,children:e}),s.jsxs("div",{className:"relative",children:[s.jsx("select",{disabled:a,value:n,onChange:v=>t(v.target.value),className:`appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all ${p[u]} ${g[l]} ${f[c]} ${a?"!bg-color-gray-50 opacity-60 cursor-not-allowed":""} ${d?"shadow-md shadow-color-zinc-100":""}`,children:r.map(v=>s.jsx("option",{value:v.value,className:"text-color-gray-900",children:v.label},v.value))}),s.jsx("span",{className:`absolute right-3 text-sm top-1/2 -translate-y-1/2 ${a?"opacity-60":""}`,children:s.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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"})})})]})]})},da=({content:e,children:n,position:t="top"})=>{const[r,o]=w.useState(!1),[i,a]=w.useState({top:0,left:0}),l=w.useRef(null),c=w.useRef(null);return w.useEffect(()=>{if(r&&l.current&&c.current){const u=l.current.getBoundingClientRect(),d=c.current.getBoundingClientRect();let g=0,p=0;switch(t){case"top":g=u.top-d.height-8,p=u.left+u.width/2-d.width/2;break;case"bottom":g=u.bottom+8,p=u.left+u.width/2-d.width/2;break;case"left":g=u.top+u.height/2-d.height/2,p=u.left-d.width-8;break;case"right":g=u.top+u.height/2-d.height/2,p=u.right+8;break}a({top:g,left:p})}},[r,t]),s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:l,className:"inline-block",onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:n}),r&&Te.createPortal(s.jsx("div",{ref:c,style:{top:i.top,left:i.left},className:"fixed z-50 px-2 py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md whitespace-nowrap pointer-events-none",children:e}),document.body)]})};function pa(...e){return e.filter(Boolean).join(" ")}const fa={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"},Sr=w.forwardRef(({open:e,onClose:n,className:t,title:r,children:o,actions:i,showCloseIcon:a=!0,fullscreen:l=!1,fullWidth:c=!1,maxWidth:u},d)=>{const[g,p]=w.useState(e||!1),[f,v]=w.useState(!1),[m,b]=w.useState(!1);w.useEffect(()=>{e!==void 0&&p(e)},[e]),w.useImperativeHandle(d,()=>({open:()=>p(!0),close:()=>{b(!1),setTimeout(()=>p(!1),300)}})),w.useEffect(()=>{let R;return g?(v(!0),R=setTimeout(()=>b(!0),10)):b(!1),()=>clearTimeout(R)},[g]);const x=()=>{g||v(!1)};return w.useEffect(()=>{const R=y=>{y.key==="Escape"&&(n==null||n())};return g&&document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[g,n]),w.useEffect(()=>(g?(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"):(document.body.style.overflow="",document.documentElement.style.overflow=""),()=>{document.body.style.overflow="",document.documentElement.style.overflow=""}),[g]),f?Te.createPortal(s.jsxs("div",{className:pa("fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",m?"opacity-100":"opacity-0 pointer-events-none"),children:[s.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:()=>{n==null||n(),p(!1)}}),s.jsxs("div",{className:`relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m?"opacity-100 scale-100":"opacity-0 scale-95"} ${l?"w-full h-[calc(100%_-_40px)] m-5":`${c?"w-full":"w-auto"} ${u?fa[u]:""} mx-5`} ${t}`,onTransitionEnd:x,children:[s.jsxs("div",{className:"flex items-center justify-between mb-4",children:[r&&s.jsx("h2",{className:"text-xl font-semibold",children:r}),a&&s.jsx(we,{color:"gray",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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:()=>{n==null||n(),p(!1)},variant:"transparent"})]}),s.jsx("div",{className:"grow lg:max-h-[calc(100vh_-_200px)] max-h-[calc(100vh_-_130px)] overflow-y-auto",children:o}),i&&s.jsx("div",{className:"mt-8",children:i})]})]}),document.body):null});function ma({items:e,trigger:n,className:t,dropdownItemClass:r}){const[o,i]=w.useState(!1),[a,l]=w.useState({top:0,left:0}),[c,u]=w.useState(!1),d=w.useRef(null),g=w.useRef(null),p=v=>{v.stopPropagation(),i(m=>!m),u(!1)};w.useLayoutEffect(()=>{if(o&&d.current&&g.current){const v=d.current.getBoundingClientRect(),m=g.current.getBoundingClientRect(),b=window.innerWidth,x=window.innerHeight;let R=v.left+window.scrollX,y=v.bottom+window.scrollY;v.right+m.width>b&&(R=v.right+window.scrollX-m.width),R+m.width>b&&(R=b-m.width-12),y+m.height>x&&(y=v.top+window.scrollY-m.height),l({top:y,left:R}),setTimeout(()=>{u(!0)},150)}},[o]),w.useEffect(()=>{const v=m=>{var b;g.current&&!g.current.contains(m.target)&&!((b=d.current)!=null&&b.contains(m.target))&&i(!1)};return o&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[o]);const f=s.jsx("div",{ref:g,className:`absolute mt-2 z-50 rounded-xl bg-color-white shadow-xl p-2 min-w-[160px] transition-all duration-200 transform ${c?"opacity-100 scale-100":"opacity-0 scale-95"} ${t}`,style:{top:a.top,left:a.left},children:e.map((v,m)=>s.jsxs("button",{disabled:v.disabled,onClick:()=>{var b;(b=v.onClick)==null||b.call(v),i(!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 ${v.disabled?"opacity-50 hover:bg-color-transparent !cursor-not-allowed":""} ${r} ${v.itemClass}`,children:[v.icon&&s.jsx("span",{children:v.icon}),s.jsx("span",{children:v.label})]},m))});return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:d,onClick:p,className:"cursor-pointer",children:n}),o&&Te.createPortal(f,document.body)]})}function ga(...e){return e.filter(Boolean).join(" ")}const jr=({open:e,onClose:n,className:t,title:r,children:o,childrenClass:i,actions:a,showCloseIcon:l=!0,anchor:c="left"})=>{const[u,d]=w.useState(!1),[g,p]=w.useState(!1);w.useEffect(()=>{let b;return e?(d(!0),b=setTimeout(()=>{p(!0)},10)):p(!1),()=>clearTimeout(b)},[e]);const f=()=>{e||d(!1)};if(w.useEffect(()=>{const b=x=>{x.key==="Escape"&&(n==null||n())};return e&&document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[e,n]),w.useEffect(()=>(e?(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"):(document.body.style.overflow="",document.documentElement.style.overflow=""),()=>{document.body.style.overflow="",document.documentElement.style.overflow=""}),[e]),!u)return null;const v={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"},m={left:g?"translate-x-0":"-translate-x-full",right:g?"translate-x-0":"translate-x-full",top:g?"translate-y-0":"-translate-y-full",bottom:g?"translate-y-0":"translate-y-full"};return Te.createPortal(s.jsxs("div",{className:ga("fixed inset-0 z-50 transition-opacity duration-300",g?"opacity-100":"opacity-0 pointer-events-none"),children:[s.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:n}),s.jsxs("div",{className:`
170
+ ${n==="inset"?o?"pl-4":"pt-4":""} ${i}`})},ca=({name:e,options:n,selectedValue:t,onChange:r,direction:o="column",disabled:i=!1,color:a="blue",className:l="",radioClass:c})=>s.jsx("div",{className:`flex ${o==="row"?"flex-row gap-6":"flex-col gap-3"} ${l}`,children:n.map(({label:u,value:d,disabled:g})=>{var f,v;const p=i||g;return s.jsxs("label",{className:`relative flex items-center cursor-pointer select-none transition ${p?"opacity-50 cursor-not-allowed":"hover:opacity-90"}`,children:[s.jsx("input",{type:"radio",name:e,value:d,disabled:p,checked:t===d,onChange:()=>!p&&(r==null?void 0:r(d)),className:"sr-only peer"}),s.jsx("div",{className:`w-5 h-5 rounded-full border-2 border-color-gray-400 peer-checked:border-[7px] transition-all duration-150 ${(f=fe[a])==null?void 0:f.peer} ${c}`}),s.jsx("span",{className:`ml-2 text-sm text-color-gray-800 ${(v=fe[a])==null?void 0:v.peer}`,children:u})]},d)})}),ua=({label:e,value:n,onChange:t,options:r,className:o="",labelClass:i="",disabled:a=!1,size:l="medium",variant:c="outlined",rounded:u="medium",shadow:d=!1})=>{const g={small:"p-2",medium:"p-3",large:"p-4"},p={small:"rounded-md",medium:"rounded-lg",full:"rounded-full"},f={filled:"bg-color-gray-100 border-color-gray-200",outlined:"border-color-gray-300 bg-color-transparent"};return s.jsxs("div",{className:`relative w-full ${o}`,children:[e&&s.jsx("label",{className:`text-sm text-color-gray-500 pointer-events-none block mb-1 ${i}`,children:e}),s.jsxs("div",{className:"relative",children:[s.jsx("select",{disabled:a,value:n,onChange:v=>t(v.target.value),className:`appearance-none focus:ring-1 text-color-gray-800 w-full border outline-none transition-all ${p[u]} ${g[l]} ${f[c]} ${a?"!bg-color-gray-50 opacity-60 cursor-not-allowed":""} ${d?"shadow-md shadow-color-zinc-100":""}`,children:r.map(v=>s.jsx("option",{value:v.value,className:"text-color-gray-900",children:v.label},v.value))}),s.jsx("span",{className:`absolute right-3 text-sm top-1/2 -translate-y-1/2 ${a?"opacity-60":""}`,children:s.jsx("svg",{className:"size-4",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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"})})})]})]})},da=({content:e,children:n,position:t="top"})=>{const[r,o]=w.useState(!1),[i,a]=w.useState({top:0,left:0}),l=w.useRef(null),c=w.useRef(null);return w.useEffect(()=>{if(r&&l.current&&c.current){const u=l.current.getBoundingClientRect(),d=c.current.getBoundingClientRect();let g=0,p=0;switch(t){case"top":g=u.top-d.height-8,p=u.left+u.width/2-d.width/2;break;case"bottom":g=u.bottom+8,p=u.left+u.width/2-d.width/2;break;case"left":g=u.top+u.height/2-d.height/2,p=u.left-d.width-8;break;case"right":g=u.top+u.height/2-d.height/2,p=u.right+8;break}a({top:g,left:p})}},[r,t]),s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:l,className:"inline-block",onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),children:n}),r&&Te.createPortal(s.jsx("div",{ref:c,style:{top:i.top,left:i.left},className:"fixed z-50 px-2 py-1 text-sm text-color-white bg-color-gray-800 rounded shadow-md whitespace-nowrap pointer-events-none",children:e}),document.body)]})};function pa(...e){return e.filter(Boolean).join(" ")}const fa={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"},Sr=w.forwardRef(({open:e,onClose:n,className:t,title:r,children:o,actions:i,showCloseIcon:a=!0,fullscreen:l=!1,fullWidth:c=!1,maxWidth:u},d)=>{const[g,p]=w.useState(e||!1),[f,v]=w.useState(!1),[m,b]=w.useState(!1);w.useEffect(()=>{e!==void 0&&p(e)},[e]),w.useImperativeHandle(d,()=>({open:()=>p(!0),close:()=>{b(!1),setTimeout(()=>p(!1),300)}})),w.useEffect(()=>{let R;return g?(v(!0),R=setTimeout(()=>b(!0),10)):b(!1),()=>clearTimeout(R)},[g]);const x=()=>{g||v(!1)};return w.useEffect(()=>{const R=y=>{y.key==="Escape"&&(n==null||n())};return g&&document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[g,n]),w.useEffect(()=>(g?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[g]),f?Te.createPortal(s.jsxs("div",{className:pa("fixed inset-0 z-50 flex items-center justify-center transition-opacity duration-300",m?"opacity-100":"opacity-0 pointer-events-none"),children:[s.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:()=>{n==null||n(),p(!1)}}),s.jsxs("div",{className:`relative flex flex-col z-50 bg-color-white rounded-xl shadow-lg transition-all duration-300 transform p-6 ${m?"opacity-100 scale-100":"opacity-0 scale-95"} ${l?"w-full h-[calc(100%_-_40px)] m-5":`${c?"w-full":"w-auto"} ${u?fa[u]:""} mx-5`} ${t}`,onTransitionEnd:x,children:[s.jsxs("div",{className:"flex items-center justify-between mb-4",children:[r&&s.jsx("h2",{className:"text-xl font-semibold",children:r}),a&&s.jsx(we,{color:"gray",icon:s.jsx("svg",{className:"size-5",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",children:s.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:()=>{n==null||n(),p(!1)},variant:"transparent"})]}),s.jsx("div",{className:"grow lg:max-h-[calc(100vh_-_200px)] max-h-[calc(100vh_-_130px)] overflow-y-auto",children:o}),i&&s.jsx("div",{className:"mt-8",children:i})]})]}),document.body):null});function ma({items:e,trigger:n,className:t,dropdownItemClass:r}){const[o,i]=w.useState(!1),[a,l]=w.useState({top:0,left:0}),[c,u]=w.useState(!1),d=w.useRef(null),g=w.useRef(null),p=v=>{v.stopPropagation(),i(m=>!m),u(!1)};w.useLayoutEffect(()=>{if(o&&d.current&&g.current){const v=d.current.getBoundingClientRect(),m=g.current.getBoundingClientRect(),b=window.innerWidth,x=window.innerHeight;let R=v.left+window.scrollX,y=v.bottom+window.scrollY;v.right+m.width>b&&(R=v.right+window.scrollX-m.width),R+m.width>b&&(R=b-m.width-12),y+m.height>x&&(y=v.top+window.scrollY-m.height),l({top:y,left:R}),setTimeout(()=>{u(!0)},150)}},[o]),w.useEffect(()=>{const v=m=>{var b;g.current&&!g.current.contains(m.target)&&!((b=d.current)!=null&&b.contains(m.target))&&i(!1)};return o&&document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[o]);const f=s.jsx("div",{ref:g,className:`absolute mt-2 z-50 rounded-xl bg-color-white shadow-xl p-2 min-w-[160px] transition-all duration-200 transform ${c?"opacity-100 scale-100":"opacity-0 scale-95"} ${t}`,style:{top:a.top,left:a.left},children:e.map((v,m)=>s.jsxs("button",{disabled:v.disabled,onClick:()=>{var b;(b=v.onClick)==null||b.call(v),i(!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 ${v.disabled?"opacity-50 hover:bg-color-transparent !cursor-not-allowed":""} ${r} ${v.itemClass}`,children:[v.icon&&s.jsx("span",{children:v.icon}),s.jsx("span",{children:v.label})]},m))});return s.jsxs(s.Fragment,{children:[s.jsx("div",{ref:d,onClick:p,className:"cursor-pointer",children:n}),o&&Te.createPortal(f,document.body)]})}function ga(...e){return e.filter(Boolean).join(" ")}const jr=({open:e,onClose:n,className:t,title:r,children:o,childrenClass:i,actions:a,showCloseIcon:l=!0,anchor:c="left"})=>{const[u,d]=w.useState(!1),[g,p]=w.useState(!1);w.useEffect(()=>{let b;return e?(d(!0),b=setTimeout(()=>{p(!0)},10)):p(!1),()=>clearTimeout(b)},[e]);const f=()=>{e||d(!1)};if(w.useEffect(()=>{const b=x=>{x.key==="Escape"&&(n==null||n())};return e&&document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[e,n]),w.useEffect(()=>(e?(document.body.style.overflow="hidden",document.documentElement.style.overflow="hidden"):(document.body.style.overflow="",document.documentElement.style.overflow=""),()=>{document.body.style.overflow="",document.documentElement.style.overflow=""}),[e]),!u)return null;const v={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"},m={left:g?"translate-x-0":"-translate-x-full",right:g?"translate-x-0":"translate-x-full",top:g?"translate-y-0":"-translate-y-full",bottom:g?"translate-y-0":"translate-y-full"};return Te.createPortal(s.jsxs("div",{className:ga("fixed inset-0 z-50 transition-opacity duration-300",g?"opacity-100":"opacity-0 pointer-events-none"),children:[s.jsx("div",{className:"fixed inset-0 bg-color-black/50",onClick:n}),s.jsxs("div",{className:`
171
171
  fixed bg-color-white shadow-lg z-50 p-6 flex flex-col
172
172
  ${v[c]}
173
173
  ${m[c]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unizap/uniui",
3
- "version": "1.0.26",
3
+ "version": "1.0.28",
4
4
  "description": "A UI component library for React",
5
5
  "type": "module",
6
6
  "files": [