@zango-core/components 0.2.0-rc.1 → 0.2.0-rc.2
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--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-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--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-800:oklch(44.8% .119 151.328);--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-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-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e9eaeb;--color-gray-300:#d5d7da;--color-gray-400:#a4a7ae;--color-gray-500:#717680;--color-gray-600:#535862;--color-gray-700:#414651;--color-gray-800:#252b37;--color-gray-900:#181d27;--color-gray-950:#0a0d12;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-25:#f2f1ff;--color-brand-50:#eae8ff;--color-brand-100:#dddafe;--color-brand-200:#bbb6fd;--color-brand-300:#9791f9;--color-brand-400:#7b74f4;--color-brand-500:#5048ed;--color-brand-600:#3b34cb;--color-brand-700:#2924aa;--color-brand-800:#1a1689;--color-brand-900:#100d71;--color-brand-950:#0a0d12;--color-gray-25:#fdfdfd;--color-success-25:#f6fef9;--color-success-50:#edfdf3;--color-success-100:#dcfce7;--color-success-200:#c1f9d5;--color-success-300:#a7f7c3;--color-success-400:#84f3aa;--color-success-500:#4fee86;--color-success-600:#47d679;--color-success-700:#3fbe6b;--color-success-800:#37a75e;--color-success-900:#2b834a;--color-success-950:#205f36;--color-error-25:#fef8f6;--color-error-50:#fdf1ed;--color-error-100:#fce2dc;--color-error-200:#f9ccc1;--color-error-300:#f7b7a7;--color-error-400:#f39a84;--color-error-500:#ee6e4f;--color-error-600:#d66347;--color-error-700:#be583f;--color-error-800:#a74d37;--color-error-900:#833d2b;--color-error-950:#5f2c20;--color-warning-25:#fefdf6;--color-warning-50:#fdfced;--color-warning-100:#fcf9dc;--color-warning-200:#f9f4c1;--color-warning-300:#f7f0a7;--color-warning-400:#f3e984;--color-warning-500:#eee04f;--color-warning-600:#d6ca47;--color-warning-700:#beb33f;--color-warning-800:#a79d37;--color-warning-900:#837b2b;--color-warning-950:#5f5a20;--color-base-white:#fff;--color-base-black:#000}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input,textarea,select,button{outline-offset:2px;outline:2px solid #0000}input:focus,textarea:focus,select:focus{outline-offset:2px;box-shadow:none;outline:2px solid #0000}}@layer components{.form-item{margin-bottom:calc(var(--spacing) * 4)}.form-item-error .form-control input,.form-item-error .form-control textarea,.form-item-error .form-control select,:is(.form-item-error .form-control input,.form-item-error .form-control textarea,.form-item-error .form-control select):focus{border-color:var(--color-error-500)}.form-label{margin-bottom:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.form-label-required:after{content:"*";margin-left:calc(var(--spacing) * 1);color:var(--color-error-500)}.form-required-mark{color:var(--color-error-500)}.form-control{position:relative}.form-message{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.form-error-message{color:var(--color-error-600)}.form-help-message{color:var(--color-gray-500)}.form-vertical .form-item{margin-bottom:calc(var(--spacing) * 4)}.form-horizontal .form-item{margin-bottom:calc(var(--spacing) * 4);align-items:center;display:flex}.form-horizontal .form-label{margin-right:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 0);width:25%}.form-horizontal .form-control{flex:1}.form-inline{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.form-inline .form-item{margin-bottom:calc(var(--spacing) * 0);align-items:center;display:flex}.form-inline .form-label{margin-right:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 0)}.zango-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.zango-input:hover{border-color:var(--color-gray-400)}}.zango-input:focus{border-color:var(--color-brand-500)}.zango-input:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.zango-input.error{border-color:var(--color-error-500)}@media (hover:hover){.zango-input.error:hover{border-color:var(--color-error-500)}}.zango-input.error:focus{border-color:var(--color-error-500)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.absolute\\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-3\\!{top:calc(var(--spacing) * 3)!important}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\\!{right:calc(var(--spacing) * 3)!important}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\\[-2px\\]{bottom:-2px}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[9999\\]{z-index:9999}.order-2{order:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-6{margin:calc(var(--spacing) * -6)}.m-0{margin:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0\\!{margin-left:calc(var(--spacing) * 0)!important}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-4\\!{height:calc(var(--spacing) * 4)!important}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[44px\\]{height:44px}.h-\\[calc\\(100vh-69px\\)\\]{height:calc(100vh - 69px)}.h-auto\\!{height:auto!important}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\\[640px\\]{max-height:640px}.min-h-\\[32px\\]{min-height:32px}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[80px\\]{min-height:80px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\\!{width:calc(var(--spacing) * 4)!important}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\\[80\\%\\]{width:80%}.w-\\[320px\\]{width:320px}.w-\\[480px\\]{width:480px}.w-\\[640px\\]{width:640px}.w-\\[800px\\]{width:800px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[640px\\]{max-width:640px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\\[3rem\\]{min-width:3rem}.min-w-\\[160px\\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none\\!{transform:none!important}.animate-in{animation:.3s ease-out slide-in-from-right-full}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.slide-in-from-right-full{animation:.3s ease-out slide-in-from-right-full}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\\[4px\\]{gap:4px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[12px\\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none\\!{border-radius:0!important}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-\\[12px\\]{border-top-left-radius:12px;border-bottom-left-radius:12px}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-\\[12px\\]{border-top-right-radius:12px;border-bottom-right-radius:12px}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-0\\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-brand-300{border-color:var(--color-brand-300)}.border-brand-500{border-color:var(--color-brand-500)}.border-brand-600{border-color:var(--color-brand-600)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-error-500{border-color:var(--color-error-500)}.border-error-600{border-color:var(--color-error-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-500{border-color:var(--color-green-500)}.border-red-500{border-color:var(--color-red-500)}.border-success-200{border-color:var(--color-success-200)}.border-success-300{border-color:var(--color-success-300)}.border-transparent{border-color:#0000}.border-warning-200{border-color:var(--color-warning-200)}.border-warning-300{border-color:var(--color-warning-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-brand-500{border-top-color:var(--color-brand-500)}.border-t-transparent{border-top-color:#0000}.bg-base-white{background-color:var(--color-base-white)}.bg-black\\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-900\\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-transparent{background-color:#0000}.bg-transparent\\!{background-color:#0000!important}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-brand-500{--tw-gradient-via:var(--color-brand-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-yellow-500{fill:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[14px\\]{font-size:14px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-base-white{color:var(--color-base-white)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-brand-500{color:var(--color-brand-500)}.text-brand-600{color:var(--color-brand-600)}.text-brand-800{color:var(--color-brand-800)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-error-800{color:var(--color-error-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-success-800{color:var(--color-success-800)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-warning-800{color:var(--color-warning-800)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-hidden\\!{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.outline-hidden\\!{outline-offset:2px!important;outline:2px solid #0000!important}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.placeholder\\:text-gray-400::placeholder{color:var(--color-gray-400)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-brand-500:focus-within{border-color:var(--color-brand-500)}@media (hover:hover){.hover\\:border-error-500:hover{border-color:var(--color-error-500)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\\:bg-error-50:hover{background-color:var(--color-error-50)}.hover\\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\\:bg-error-700:hover{background-color:var(--color-error-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-success-600:hover{background-color:var(--color-success-600)}.hover\\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\\:text-blue-700:hover{color:var(--color-blue-700)}.hover\\:text-brand-600:hover{color:var(--color-brand-600)}.hover\\:text-brand-700:hover{color:var(--color-brand-700)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.hover\\:opacity-80:hover{opacity:.8}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:border-brand-500:focus{border-color:var(--color-brand-500)}.focus\\:border-error-500:focus{border-color:var(--color-error-500)}.focus\\:bg-error-50:focus{background-color:var(--color-error-50)}.focus\\:bg-gray-50:focus{background-color:var(--color-gray-50)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\\:bg-brand-700:active{background-color:var(--color-brand-700)}.active\\:bg-error-700:active{background-color:var(--color-error-700)}.active\\:bg-error-800:active{background-color:var(--color-error-800)}.active\\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\\:bg-gray-200:active{background-color:var(--color-gray-200)}.active\\:bg-gray-300:active{background-color:var(--color-gray-300)}.active\\:bg-success-700:active{background-color:var(--color-success-700)}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=closed\\]\\:animate-slide-out-to-left[data-state=closed]{animation:.3s ease-in-out slide-out-to-left}.data-\\[state\\=closed\\]\\:animate-slide-out-to-right[data-state=closed]{animation:.3s ease-in-out slide-out-to-right}.data-\\[state\\=open\\]\\:animate-slide-in-from-left[data-state=open]{animation:.3s ease-in-out slide-in-from-left}.data-\\[state\\=open\\]\\:animate-slide-in-from-right[data-state=open]{animation:.3s ease-in-out slide-in-from-right}@media (min-width:40rem){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:text-gray-400{color:var(--color-gray-400)}}.\\[\\&\\>svg\\]\\:\\!h-4>svg{height:calc(var(--spacing) * 4)!important}.\\[\\&\\>svg\\]\\:\\!w-4>svg{width:calc(var(--spacing) * 4)!important}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-right-full{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-type=success]{border-color:var(--color-success-500)!important}[data-type=error]{border-color:var(--color-error-500)!important}[data-type=warning]{border-color:var(--color-warning-500)!important}[data-type=info]{border-color:var(--color-gray-200)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--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-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--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-800:oklch(44.8% .119 151.328);--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-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-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e9eaeb;--color-gray-300:#d5d7da;--color-gray-400:#a4a7ae;--color-gray-500:#717680;--color-gray-600:#535862;--color-gray-700:#414651;--color-gray-800:#252b37;--color-gray-900:#181d27;--color-gray-950:#0a0d12;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-25:#f2f1ff;--color-brand-50:#eae8ff;--color-brand-100:#dddafe;--color-brand-200:#bbb6fd;--color-brand-300:#9791f9;--color-brand-400:#7b74f4;--color-brand-500:#5048ed;--color-brand-600:#3b34cb;--color-brand-700:#2924aa;--color-brand-800:#1a1689;--color-brand-900:#100d71;--color-brand-950:#0a0d12;--color-gray-25:#fdfdfd;--color-success-25:#f6fef9;--color-success-50:#edfdf3;--color-success-100:#dcfce7;--color-success-200:#c1f9d5;--color-success-300:#a7f7c3;--color-success-400:#84f3aa;--color-success-500:#4fee86;--color-success-600:#47d679;--color-success-700:#3fbe6b;--color-success-800:#37a75e;--color-success-900:#2b834a;--color-success-950:#205f36;--color-error-25:#fef8f6;--color-error-50:#fdf1ed;--color-error-100:#fce2dc;--color-error-200:#f9ccc1;--color-error-300:#f7b7a7;--color-error-400:#f39a84;--color-error-500:#ee6e4f;--color-error-600:#d66347;--color-error-700:#be583f;--color-error-800:#a74d37;--color-error-900:#833d2b;--color-error-950:#5f2c20;--color-warning-25:#fefdf6;--color-warning-50:#fdfced;--color-warning-100:#fcf9dc;--color-warning-200:#f9f4c1;--color-warning-300:#f7f0a7;--color-warning-400:#f3e984;--color-warning-500:#eee04f;--color-warning-600:#d6ca47;--color-warning-700:#beb33f;--color-warning-800:#a79d37;--color-warning-900:#837b2b;--color-warning-950:#5f5a20;--color-base-white:#fff;--color-base-black:#000}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input,textarea,select,button{outline-offset:2px;outline:2px solid #0000}input:focus,textarea:focus,select:focus{outline-offset:2px;box-shadow:none;outline:2px solid #0000}}@layer components{.form-item{margin-bottom:calc(var(--spacing) * 4)}.form-item-error .form-control input,.form-item-error .form-control textarea,.form-item-error .form-control select,:is(.form-item-error .form-control input,.form-item-error .form-control textarea,.form-item-error .form-control select):focus{border-color:var(--color-error-500)}.form-label{margin-bottom:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.form-label-required:after{content:"*";margin-left:calc(var(--spacing) * 1);color:var(--color-error-500)}.form-required-mark{color:var(--color-error-500)}.form-control{position:relative}.form-message{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.form-error-message{color:var(--color-error-600)}.form-help-message{color:var(--color-gray-500)}.form-vertical .form-item{margin-bottom:calc(var(--spacing) * 4)}.form-horizontal .form-item{margin-bottom:calc(var(--spacing) * 4);align-items:center;display:flex}.form-horizontal .form-label{margin-right:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 0);width:25%}.form-horizontal .form-control{flex:1}.form-inline{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.form-inline .form-item{margin-bottom:calc(var(--spacing) * 0);align-items:center;display:flex}.form-inline .form-label{margin-right:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 0)}.zango-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.zango-input:hover{border-color:var(--color-gray-400)}}.zango-input:focus{border-color:var(--color-brand-500)}.zango-input:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.zango-input.error{border-color:var(--color-error-500)}@media (hover:hover){.zango-input.error:hover{border-color:var(--color-error-500)}}.zango-input.error:focus{border-color:var(--color-error-500)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.absolute\\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-3\\!{top:calc(var(--spacing) * 3)!important}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\\!{right:calc(var(--spacing) * 3)!important}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\\[-2px\\]{bottom:-2px}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[9999\\]{z-index:9999}.order-2{order:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-6{margin:calc(var(--spacing) * -6)}.m-0{margin:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0\\!{margin-left:calc(var(--spacing) * 0)!important}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-4\\!{height:calc(var(--spacing) * 4)!important}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[44px\\]{height:44px}.h-auto\\!{height:auto!important}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\\[640px\\]{max-height:640px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\\[32px\\]{min-height:32px}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[80px\\]{min-height:80px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\\!{width:calc(var(--spacing) * 4)!important}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\\[80\\%\\]{width:80%}.w-\\[320px\\]{width:320px}.w-\\[480px\\]{width:480px}.w-\\[640px\\]{width:640px}.w-\\[800px\\]{width:800px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[640px\\]{max-width:640px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\\[3rem\\]{min-width:3rem}.min-w-\\[160px\\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none\\!{transform:none!important}.animate-in{animation:.3s ease-out slide-in-from-right-full}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.slide-in-from-right-full{animation:.3s ease-out slide-in-from-right-full}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\\[4px\\]{gap:4px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[12px\\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none\\!{border-radius:0!important}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-\\[12px\\]{border-top-left-radius:12px;border-bottom-left-radius:12px}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-\\[12px\\]{border-top-right-radius:12px;border-bottom-right-radius:12px}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-0\\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-brand-300{border-color:var(--color-brand-300)}.border-brand-500{border-color:var(--color-brand-500)}.border-brand-600{border-color:var(--color-brand-600)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-error-500{border-color:var(--color-error-500)}.border-error-600{border-color:var(--color-error-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-500{border-color:var(--color-green-500)}.border-red-500{border-color:var(--color-red-500)}.border-success-200{border-color:var(--color-success-200)}.border-success-300{border-color:var(--color-success-300)}.border-transparent{border-color:#0000}.border-warning-200{border-color:var(--color-warning-200)}.border-warning-300{border-color:var(--color-warning-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-brand-500{border-top-color:var(--color-brand-500)}.border-t-transparent{border-top-color:#0000}.bg-base-white{background-color:var(--color-base-white)}.bg-black\\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-900\\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-transparent{background-color:#0000}.bg-transparent\\!{background-color:#0000!important}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-brand-500{--tw-gradient-via:var(--color-brand-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-yellow-500{fill:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[14px\\]{font-size:14px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-base-white{color:var(--color-base-white)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-brand-500{color:var(--color-brand-500)}.text-brand-600{color:var(--color-brand-600)}.text-brand-800{color:var(--color-brand-800)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-error-800{color:var(--color-error-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-success-800{color:var(--color-success-800)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-warning-800{color:var(--color-warning-800)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-hidden\\!{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.outline-hidden\\!{outline-offset:2px!important;outline:2px solid #0000!important}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.placeholder\\:text-gray-400::placeholder{color:var(--color-gray-400)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-brand-500:focus-within{border-color:var(--color-brand-500)}@media (hover:hover){.hover\\:border-error-500:hover{border-color:var(--color-error-500)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\\:bg-error-50:hover{background-color:var(--color-error-50)}.hover\\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\\:bg-error-700:hover{background-color:var(--color-error-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-success-600:hover{background-color:var(--color-success-600)}.hover\\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\\:text-blue-700:hover{color:var(--color-blue-700)}.hover\\:text-brand-600:hover{color:var(--color-brand-600)}.hover\\:text-brand-700:hover{color:var(--color-brand-700)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.hover\\:opacity-80:hover{opacity:.8}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:border-brand-500:focus{border-color:var(--color-brand-500)}.focus\\:border-error-500:focus{border-color:var(--color-error-500)}.focus\\:bg-error-50:focus{background-color:var(--color-error-50)}.focus\\:bg-gray-50:focus{background-color:var(--color-gray-50)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\\:bg-brand-700:active{background-color:var(--color-brand-700)}.active\\:bg-error-700:active{background-color:var(--color-error-700)}.active\\:bg-error-800:active{background-color:var(--color-error-800)}.active\\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\\:bg-gray-200:active{background-color:var(--color-gray-200)}.active\\:bg-gray-300:active{background-color:var(--color-gray-300)}.active\\:bg-success-700:active{background-color:var(--color-success-700)}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=closed\\]\\:animate-slide-out-to-left[data-state=closed]{animation:.3s ease-in-out slide-out-to-left}.data-\\[state\\=closed\\]\\:animate-slide-out-to-right[data-state=closed]{animation:.3s ease-in-out slide-out-to-right}.data-\\[state\\=open\\]\\:animate-slide-in-from-left[data-state=open]{animation:.3s ease-in-out slide-in-from-left}.data-\\[state\\=open\\]\\:animate-slide-in-from-right[data-state=open]{animation:.3s ease-in-out slide-in-from-right}@media (min-width:40rem){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:text-gray-400{color:var(--color-gray-400)}}.\\[\\&\\>svg\\]\\:\\!h-4>svg{height:calc(var(--spacing) * 4)!important}.\\[\\&\\>svg\\]\\:\\!w-4>svg{width:calc(var(--spacing) * 4)!important}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-right-full{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-type=success]{border-color:var(--color-success-500)!important}[data-type=error]{border-color:var(--color-error-500)!important}[data-type=warning]{border-color:var(--color-warning-500)!important}[data-type=info]{border-color:var(--color-gray-200)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
2
|
(function(E,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("react/jsx-runtime"),require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","react-dom"],n):(E=typeof globalThis<"u"?globalThis:E||self,n(E.ZangoComponentLibrary={},E["react/jsx-runtime"],E.React,E.ReactDOM))})(this,function(E,n,f,at){"use strict";function kt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const m=kt(f),Gr=kt(at);function Kr(){if(typeof document>"u")return;const e="zango-components-styles";if(document.getElementById(e))return;const t=document.createElement("style");t.id=e,t.textContent=`
|
|
3
3
|
/* Zango Components - Tailwind utilities will use CSS variables from the host application */
|
|
4
4
|
`,document.head.appendChild(t)}Kr();function v(...e){return e.filter(Boolean).join(" ")}const Tt=f.forwardRef(({variant:e="primary",size:t="medium",fullWidth:r=!1,className:a="",children:o,...s},l)=>{const d=t==="sm"?"small":t==="md"?"medium":t==="lg"?"large":t,u=e==="link"?"inline-flex items-center font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed":"inline-flex items-center justify-center font-medium rounded-[8px] transition-colors focus:border-brand-500 disabled:opacity-50 disabled:cursor-not-allowed",c={primary:"bg-brand-500 text-base-white hover:bg-brand-600 active:bg-brand-700",secondary:"bg-gray-100 text-gray-700 border border-gray-300 hover:bg-gray-200 hover:border-gray-400 active:bg-gray-300 focus:border-brand-500",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 active:bg-gray-200",outline:"bg-transparent text-gray-700 border border-gray-300 hover:bg-gray-50 hover:border-gray-400 active:bg-gray-100 focus:border-brand-500",destructive:"bg-error-600 text-base-white hover:bg-error-700 active:bg-error-800",danger:"bg-error-500 text-base-white hover:bg-error-600 active:bg-error-700",success:"bg-success-500 text-base-white hover:bg-success-600 active:bg-success-700",link:"p-0! h-auto! bg-transparent! border-0! rounded-none! text-brand-500 hover:text-brand-600 hover:underline"},g={small:"px-3 py-1.5 text-sm h-[32px]",medium:"px-4 py-2 text-sm h-[36px]",large:"px-6 py-3 text-base h-[44px]",link:"text-sm"},i=v(u,c[e],e!=="link"&&g[d],r&&e!=="link"&&"w-full",a);return n.jsx("button",{ref:l,className:i,...s,children:o})});Tt.displayName="Button";const Yr=({isExpanded:e,children:t})=>{const[r,a]=f.useState(0),o=f.useRef(null);return f.useEffect(()=>{if(o.current){const s=o.current.scrollHeight;a(e?s:0)}},[e,t]),n.jsx("div",{className:"overflow-hidden transition-all duration-300 ease-in-out",style:{height:`${r}px`},children:n.jsx("div",{ref:o,children:t})})},Zr=({items:e,defaultExpanded:t={},className:r="",itemClassName:a="",headerClassName:o="",contentClassName:s="",multiple:l=!0,collapsible:d=!0})=>{const[u,c]=f.useState(t),g=i=>{!d&&u[i]||(console.log("this accordion is from lib"),c(h=>{if(l)return{...h,[i]:!h[i]};{const y={};return h[i]||(y[i]=!0),y}}))};return n.jsx("div",{className:v("space-y-2",r),children:e.map(i=>{const h=u[i.key]||!1,y=i.content||i.children;return n.jsxs("div",{className:v("border-b border-gray-300 last:border-b-0",a),children:[n.jsxs("button",{className:v("w-full flex items-center justify-between py-3 text-left transition-colors hover:bg-gray-50 disabled:cursor-default",o),style:i.headerStyle,onClick:()=>g(i.key),disabled:!y,children:[n.jsxs("div",{className:"flex items-center gap-3 flex-1",children:[i.icon&&n.jsx("div",{className:"flex-shrink-0 flex items-center justify-center",children:i.icon}),n.jsxs("div",{className:"flex-1 min-w-0",children:[n.jsx("div",{className:v("text-sm font-medium",i.hasFilter?"text-gray-900":"text-gray-700"),children:i.title}),i.subtitle&&n.jsx("div",{className:"text-xs text-gray-500 mt-1",children:i.subtitle})]})]}),y&&n.jsxs("div",{className:"flex items-center gap-2",children:[i.badge&&n.jsx("span",{className:"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800",children:i.badge}),i.actions&&n.jsx("div",{className:"flex items-center gap-1",onClick:C=>C.stopPropagation(),children:i.actions}),n.jsx("div",{className:v("flex items-center justify-center text-gray-400 transition-transform duration-200",h&&"rotate-180"),children:n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:n.jsx("path",{d:"M13.354 9.64646L8.35403 4.64646C8.30759 4.59997 8.25245 4.56309 8.19175 4.53793C8.13105 4.51277 8.06599 4.49982 8.00028 4.49982C7.93457 4.49982 7.86951 4.51277 7.80881 4.53793C7.74811 4.56309 7.69296 4.59997 7.64653 4.64646L2.64653 9.64646C2.55271 9.74028 2.5 9.86753 2.5 10.0002C2.5 10.1329 2.55271 10.2601 2.64653 10.354C2.74035 10.4478 2.8676 10.5005 3.00028 10.5005C3.13296 10.5005 3.26021 10.4478 3.35403 10.354L8.00028 5.70709L12.6465 10.354C12.693 10.4004 12.7481 10.4373 12.8088 10.4624C12.8695 10.4875 12.9346 10.5005 13.0003 10.5005C13.066 10.5005 13.131 10.4875 13.1917 10.4624C13.2524 10.4373 13.3076 10.4004 13.354 10.354C13.4005 10.3075 13.4373 10.2524 13.4625 10.1917C13.4876 10.131 13.5006 10.0659 13.5006 10.0002C13.5006 9.93451 13.4876 9.86946 13.4625 9.80876C13.4373 9.74807 13.4005 9.69292 13.354 9.64646Z",fill:"#0A0D12",stroke:"#0A0D12","stroke-width":"0.5"})})})]})]}),y&&n.jsx(Yr,{isExpanded:h,children:n.jsx("div",{className:v("pb-3",s),children:i.content||i.children})})]},i.key)})})},Xr=({title:e,children:t,icon:r,subtitle:a,badge:o,actions:s,hasFilter:l=!1})=>({key:"",title:e,children:t,icon:r,subtitle:a,badge:o,actions:s,hasFilter:l}),qr=({children:e,variant:t="default",className:r=""})=>{const s=v("inline-flex items-center px-2.5 py-1 rounded-md text-xs font-medium border",{success:"bg-success-100 text-success-800 border-success-300",low:"bg-success-50 text-success-700 border-success-200",warning:"bg-warning-200 text-warning-800 border-warning-300",medium:"bg-warning-50 text-warning-700 border-warning-200",danger:"bg-error-100 text-error-800 border-error-300",high:"bg-error-50 text-error-700 border-error-200",critical:"bg-error-600 text-base-white border-error-600",neutral:"bg-brand-100 text-brand-800 border-brand-300",outline:"bg-transparent text-gray-700 border-gray-300",default:"bg-gray-100 text-gray-900 border-gray-300"}[t],r);return n.jsx("span",{className:s,children:e})},Jr=({trigger:e,children:t,align:r="right",className:a="",contentClassName:o="",offset:s=8,closeOnClick:l=!0,disabled:d=!1})=>{const[u,c]=f.useState(!1),g=f.useRef(null),i=f.useRef(null);f.useEffect(()=>{const p=w=>{g.current&&!g.current.contains(w.target)&&i.current&&!i.current.contains(w.target)&&c(!1)},x=w=>{w.key==="Escape"&&c(!1)};return u&&(document.addEventListener("mousedown",p),document.addEventListener("keydown",x)),()=>{document.removeEventListener("mousedown",p),document.removeEventListener("keydown",x)}},[u]);const h=p=>{p.preventDefault(),p.stopPropagation(),d||c(!u)},y=()=>{l&&c(!1)},C=()=>{switch(r){case"left":return"left-0 origin-top-left";case"center":return"left-1/2 transform -translate-x-1/2 origin-top";case"right":default:return"right-0 origin-top-right"}};return n.jsxs("div",{className:v("relative inline-block",a),ref:g,children:[n.jsx("div",{ref:i,onClick:h,className:v("cursor-pointer",d&&"opacity-50 cursor-not-allowed"),children:e}),n.jsx("div",{className:v("absolute z-50 mt-1 min-w-[160px] rounded-md bg-base-white shadow-md border border-gray-300 py-1 transition-all duration-200 ease-out overflow-hidden",C(),u?"opacity-100 scale-100 translate-y-0":"opacity-0 scale-95 -translate-y-2 pointer-events-none",o),style:{top:`calc(100% + ${s}px)`},onClick:y,children:t})]})},Qr=({children:e,onClick:t,disabled:r=!1,className:a="",icon:o,shortcut:s,danger:l=!1})=>{const d=u=>{u.preventDefault(),u.stopPropagation(),!r&&t&&t(u)};return n.jsxs("button",{className:v("w-full flex items-center justify-between px-3 py-2 text-sm text-left transition-colors hover:bg-gray-50 focus:bg-gray-50",r&&"opacity-50 cursor-not-allowed",l&&"text-error-600 hover:bg-error-50 focus:bg-error-50",a),onClick:d,disabled:r,children:[n.jsxs("div",{className:"flex items-center gap-3",children:[o&&n.jsx("div",{className:"flex-shrink-0 flex items-center",children:o}),n.jsx("span",{children:e})]}),s&&n.jsx("span",{className:"text-xs text-gray-400",children:s})]})},Rr=({className:e=""})=>n.jsx("div",{className:v("h-px bg-gray-200 my-1",e)}),ea=({children:e,className:t=""})=>n.jsx("div",{className:v("px-3 py-1 text-xs font-medium text-gray-500 uppercase tracking-wider",t),children:e}),ta=({title:e,subtitle:t,description:r,children:a,className:o="",headerClassName:s="",contentClassName:l="",icon:d,badge:u,actions:c,variant:g="default",size:i="medium"})=>{const h=e||t||r||d||u||c,y=()=>{switch(g){case"card":return"bg-base-white rounded-lg shadow-xs border border-gray-300 p-6";case"bordered":return"border border-gray-300 rounded-md p-4";case"default":default:return"bg-base-white"}},C=()=>{switch(i){case"small":return"space-y-2";case"large":return"space-y-6";case"medium":default:return"space-y-4"}},p=()=>{switch(i){case"small":return"text-sm font-medium";case"large":return"text-xl font-semibold";case"medium":default:return"text-base font-semibold"}},x=()=>{switch(i){case"small":return"text-xs";case"large":return"text-base";case"medium":default:return"text-sm"}},w=()=>{switch(i){case"small":return"mb-2";case"large":return"mb-6";case"medium":default:return"mb-4"}};return n.jsxs("div",{className:v(y(),C(),o),children:[h&&n.jsxs("div",{className:v("flex items-start justify-between",w(),s),children:[n.jsxs("div",{className:"flex items-start gap-3 flex-1",children:[d&&n.jsx("div",{className:"flex-shrink-0 mt-0.5 flex items-center justify-center",children:d}),n.jsxs("div",{className:"flex-1 min-w-0",children:[e&&n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx("h3",{className:v(p(),"text-gray-900 m-0"),children:e}),u&&n.jsx("span",{className:"inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800",children:u})]}),t&&n.jsx("p",{className:v(x(),"text-gray-600 mt-1 m-0"),children:t}),r&&n.jsx("p",{className:"text-sm text-gray-500 mt-2 m-0",children:r})]})]}),c&&n.jsx("div",{className:"flex items-center gap-2 flex-shrink-0",children:c})]}),a&&n.jsx("div",{className:l,children:a})]})},ra=({label:e,value:t,className:r="",labelClassName:a="",valueClassName:o="",orientation:s="vertical"})=>{const l=s==="horizontal";return n.jsxs("div",{className:v(l?"flex items-center justify-between gap-3":"flex flex-col gap-1",r),children:[n.jsx("dt",{className:v("text-sm font-medium text-gray-500 m-0",l&&"flex-shrink-0",a),children:e}),n.jsx("dd",{className:v("text-sm text-gray-900 m-0",l&&"text-right",o),children:t})]})},aa=({children:e,columns:t=1,className:r="",gap:a="medium"})=>{const o=()=>{switch(a){case"small":return"gap-2";case"large":return"gap-6";case"medium":default:return"gap-4"}},s=()=>{switch(t){case 1:return"grid-cols-1";case 2:return"grid-cols-1 sm:grid-cols-2";case 3:return"grid-cols-1 sm:grid-cols-2 lg:grid-cols-3";case 4:return"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4";default:return"grid-cols-1"}};return n.jsx("dl",{className:v("grid m-0",s(),o(),r),children:e})},na=()=>n.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[n.jsx("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),n.jsx("circle",{cx:"12",cy:"7",r:"4"})]}),Mt=()=>n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:n.jsx("polyline",{points:"22,12 18,12 15,21 9,3 6,12 2,12"})}),oa={user:na,activity:Mt,file:()=>n.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[n.jsx("path",{d:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2Z"}),n.jsx("polyline",{points:"14,2 14,8 20,8"}),n.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),n.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),n.jsx("polyline",{points:"10,9 9,9 8,9"})]}),calendar:()=>n.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[n.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),n.jsx("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),n.jsx("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),n.jsx("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]}),clock:()=>n.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[n.jsx("circle",{cx:"12",cy:"12",r:"10"}),n.jsx("polyline",{points:"12,6 12,12 16,14"})]})},sa=e=>{if(e.iconUrl)return n.jsx("img",{src:e.iconUrl,alt:"Event",className:"w-full h-full rounded-full object-cover"});const t=e.icon?oa[e.icon]:Mt;return n.jsx("div",{className:"p-1 border border-gray-300 rounded-full text-gray-500 bg-base-white flex items-center justify-center",children:n.jsx(t,{})})};function It({event:e}){return n.jsxs("div",{className:"flex gap-3",children:[n.jsx("div",{className:"w-7 h-7 flex-shrink-0 flex items-center justify-center",children:sa(e)}),n.jsx("div",{className:"bg-base-white border border-gray-300 rounded-lg p-3 flex-1 max-w-sm",children:n.jsxs("div",{className:"flex justify-between items-start",children:[n.jsxs("div",{className:"flex-1",children:[n.jsxs("div",{className:"text-xs text-gray-950 leading-relaxed",children:[n.jsx("span",{className:"font-normal",children:e.title}),e.subtitle&&n.jsxs(n.Fragment,{children:[": ",n.jsx("span",{className:"font-medium",children:e.subtitle})]})]}),e.description&&n.jsx("div",{className:"text-xs text-gray-500 mt-0.5 leading-tight",children:e.description}),e.metadata&&n.jsx("div",{className:"mt-2 space-y-1",children:Object.entries(e.metadata).map(([t,r])=>n.jsxs("div",{className:"flex items-center gap-1 text-xs",children:[n.jsxs("span",{className:"text-gray-500 capitalize",children:[t.replace(/_/g," "),":"]}),n.jsx("span",{className:"text-gray-700",children:String(r)})]},t))})]}),n.jsxs("div",{className:"text-[10px] text-gray-500 text-right ml-3 whitespace-nowrap leading-tight",children:[n.jsx("div",{className:"mb-0.5",children:e.date}),n.jsx("div",{children:e.timestamp})]})]})})]})}function At({section:e}){return n.jsx("div",{className:"rounded-lg",children:n.jsxs("div",{className:"space-y-4",children:[n.jsx("div",{className:"inline-block",children:n.jsx("span",{className:"bg-gray-200 px-2 py-1 rounded-md text-xs font-medium text-gray-950",children:e.date})}),n.jsx("div",{className:"space-y-3",children:e.events.map(t=>n.jsx(It,{event:t},t.id))})]})})}function ia({sections:e,className:t=""}){return n.jsx("div",{className:v("flex flex-col gap-5",t),children:e.map((r,a)=>n.jsx(At,{section:r},`${r.date}-${a}`))})}function la(e){const t=typeof e=="string"?new Date(e):e,r={day:"numeric",month:"long",year:"numeric"};return t.toLocaleDateString("en-US",r)}function da(e){return(typeof e=="string"?new Date(e):e).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0})}function ve(e,t,{checkForDefaultPrevented:r=!0}={}){return function(o){if(e==null||e(o),r===!1||!o.defaultPrevented)return t==null?void 0:t(o)}}function Dt(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Pt(...e){return t=>{let r=!1;const a=e.map(o=>{const s=Dt(o,t);return!r&&typeof s=="function"&&(r=!0),s});if(r)return()=>{for(let o=0;o<a.length;o++){const s=a[o];typeof s=="function"?s():Dt(e[o],null)}}}}function Ce(...e){return m.useCallback(Pt(...e),e)}function ca(e,t){const r=m.createContext(t),a=s=>{const{children:l,...d}=s,u=m.useMemo(()=>d,Object.values(d));return n.jsx(r.Provider,{value:u,children:l})};a.displayName=e+"Provider";function o(s){const l=m.useContext(r);if(l)return l;if(t!==void 0)return t;throw new Error(`\`${s}\` must be used within \`${e}\``)}return[a,o]}function ua(e,t=[]){let r=[];function a(s,l){const d=m.createContext(l),u=r.length;r=[...r,l];const c=i=>{var w;const{scope:h,children:y,...C}=i,p=((w=h==null?void 0:h[e])==null?void 0:w[u])||d,x=m.useMemo(()=>C,Object.values(C));return n.jsx(p.Provider,{value:x,children:y})};c.displayName=s+"Provider";function g(i,h){var p;const y=((p=h==null?void 0:h[e])==null?void 0:p[u])||d,C=m.useContext(y);if(C)return C;if(l!==void 0)return l;throw new Error(`\`${i}\` must be used within \`${s}\``)}return[c,g]}const o=()=>{const s=r.map(l=>m.createContext(l));return function(d){const u=(d==null?void 0:d[e])||s;return m.useMemo(()=>({[`__scope${e}`]:{...d,[e]:u}}),[d,u])}};return o.scopeName=e,[a,fa(o,...t)]}function fa(...e){const t=e[0];if(e.length===1)return t;const r=()=>{const a=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(s){const l=a.reduce((d,{useScope:u,scopeName:c})=>{const i=u(s)[`__scope${c}`];return{...d,...i}},{});return m.useMemo(()=>({[`__scope${t.scopeName}`]:l}),[l])}};return r.scopeName=t.scopeName,r}var Be=globalThis!=null&&globalThis.document?m.useLayoutEffect:()=>{},ma=m[" useId ".trim().toString()]||(()=>{}),ga=0;function nt(e){const[t,r]=m.useState(ma());return Be(()=>{r(a=>a??String(ga++))},[e]),e||(t?`radix-${t}`:"")}var ha=m[" useInsertionEffect ".trim().toString()]||Be;function pa({prop:e,defaultProp:t,onChange:r=()=>{},caller:a}){const[o,s,l]=va({defaultProp:t,onChange:r}),d=e!==void 0,u=d?e:o;{const g=m.useRef(e!==void 0);m.useEffect(()=>{const i=g.current;i!==d&&console.warn(`${a} is changing from ${i?"controlled":"uncontrolled"} to ${d?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),g.current=d},[d,a])}const c=m.useCallback(g=>{var i;if(d){const h=ba(g)?g(e):g;h!==e&&((i=l.current)==null||i.call(l,h))}else s(g)},[d,e,s,l]);return[u,c]}function va({defaultProp:e,onChange:t}){const[r,a]=m.useState(e),o=m.useRef(r),s=m.useRef(t);return ha(()=>{s.current=t},[t]),m.useEffect(()=>{var l;o.current!==r&&((l=s.current)==null||l.call(s,r),o.current=r)},[r,o]),[r,a,s]}function ba(e){return typeof e=="function"}function Lt(e){const t=ya(e),r=m.forwardRef((a,o)=>{const{children:s,...l}=a,d=m.Children.toArray(s),u=d.find(wa);if(u){const c=u.props.children,g=d.map(i=>i===u?m.Children.count(c)>1?m.Children.only(null):m.isValidElement(c)?c.props.children:null:i);return n.jsx(t,{...l,ref:o,children:m.isValidElement(c)?m.cloneElement(c,void 0,g):null})}return n.jsx(t,{...l,ref:o,children:s})});return r.displayName=`${e}.Slot`,r}function ya(e){const t=m.forwardRef((r,a)=>{const{children:o,...s}=r;if(m.isValidElement(o)){const l=Na(o),d=Ca(s,o.props);return o.type!==m.Fragment&&(d.ref=a?Pt(a,l):l),m.cloneElement(o,d)}return m.Children.count(o)>1?m.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var xa=Symbol("radix.slottable");function wa(e){return m.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===xa}function Ca(e,t){const r={...t};for(const a in t){const o=e[a],s=t[a];/^on[A-Z]/.test(a)?o&&s?r[a]=(...d)=>{const u=s(...d);return o(...d),u}:o&&(r[a]=o):a==="style"?r[a]={...o,...s}:a==="className"&&(r[a]=[o,s].filter(Boolean).join(" "))}return{...e,...r}}function Na(e){var a,o;let t=(a=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var Ea=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],ce=Ea.reduce((e,t)=>{const r=Lt(`Primitive.${t}`),a=m.forwardRef((o,s)=>{const{asChild:l,...d}=o,u=l?r:t;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),n.jsx(u,{...d,ref:s})});return a.displayName=`Primitive.${t}`,{...e,[t]:a}},{});function Sa(e,t){e&&Gr.flushSync(()=>e.dispatchEvent(t))}function _e(e){const t=m.useRef(e);return m.useEffect(()=>{t.current=e}),m.useMemo(()=>(...r)=>{var a;return(a=t.current)==null?void 0:a.call(t,...r)},[])}function ka(e,t=globalThis==null?void 0:globalThis.document){const r=_e(e);m.useEffect(()=>{const a=o=>{o.key==="Escape"&&r(o)};return t.addEventListener("keydown",a,{capture:!0}),()=>t.removeEventListener("keydown",a,{capture:!0})},[r,t])}var Ta="DismissableLayer",ot="dismissableLayer.update",Ma="dismissableLayer.pointerDownOutside",Ia="dismissableLayer.focusOutside",Ot,Bt=m.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),_t=m.forwardRef((e,t)=>{const{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:s,onInteractOutside:l,onDismiss:d,...u}=e,c=m.useContext(Bt),[g,i]=m.useState(null),h=(g==null?void 0:g.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,y]=m.useState({}),C=Ce(t,T=>i(T)),p=Array.from(c.layers),[x]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),w=p.indexOf(x),N=g?p.indexOf(g):-1,b=c.layersWithOutsidePointerEventsDisabled.size>0,S=N>=w,M=Pa(T=>{const W=T.target,$=[...c.branches].some(q=>q.contains(W));!S||$||(o==null||o(T),l==null||l(T),T.defaultPrevented||d==null||d())},h),O=La(T=>{const W=T.target;[...c.branches].some(q=>q.contains(W))||(s==null||s(T),l==null||l(T),T.defaultPrevented||d==null||d())},h);return ka(T=>{N===c.layers.size-1&&(a==null||a(T),!T.defaultPrevented&&d&&(T.preventDefault(),d()))},h),m.useEffect(()=>{if(g)return r&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(Ot=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(g)),c.layers.add(g),Ft(),()=>{r&&c.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=Ot)}},[g,h,r,c]),m.useEffect(()=>()=>{g&&(c.layers.delete(g),c.layersWithOutsidePointerEventsDisabled.delete(g),Ft())},[g,c]),m.useEffect(()=>{const T=()=>y({});return document.addEventListener(ot,T),()=>document.removeEventListener(ot,T)},[]),n.jsx(ce.div,{...u,ref:C,style:{pointerEvents:b?S?"auto":"none":void 0,...e.style},onFocusCapture:ve(e.onFocusCapture,O.onFocusCapture),onBlurCapture:ve(e.onBlurCapture,O.onBlurCapture),onPointerDownCapture:ve(e.onPointerDownCapture,M.onPointerDownCapture)})});_t.displayName=Ta;var Aa="DismissableLayerBranch",Da=m.forwardRef((e,t)=>{const r=m.useContext(Bt),a=m.useRef(null),o=Ce(t,a);return m.useEffect(()=>{const s=a.current;if(s)return r.branches.add(s),()=>{r.branches.delete(s)}},[r.branches]),n.jsx(ce.div,{...e,ref:o})});Da.displayName=Aa;function Pa(e,t=globalThis==null?void 0:globalThis.document){const r=_e(e),a=m.useRef(!1),o=m.useRef(()=>{});return m.useEffect(()=>{const s=d=>{if(d.target&&!a.current){let u=function(){Wt(Ma,r,c,{discrete:!0})};const c={originalEvent:d};d.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=u,t.addEventListener("click",o.current,{once:!0})):u()}else t.removeEventListener("click",o.current);a.current=!1},l=window.setTimeout(()=>{t.addEventListener("pointerdown",s)},0);return()=>{window.clearTimeout(l),t.removeEventListener("pointerdown",s),t.removeEventListener("click",o.current)}},[t,r]),{onPointerDownCapture:()=>a.current=!0}}function La(e,t=globalThis==null?void 0:globalThis.document){const r=_e(e),a=m.useRef(!1);return m.useEffect(()=>{const o=s=>{s.target&&!a.current&&Wt(Ia,r,{originalEvent:s},{discrete:!1})};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,r]),{onFocusCapture:()=>a.current=!0,onBlurCapture:()=>a.current=!1}}function Ft(){const e=new CustomEvent(ot);document.dispatchEvent(e)}function Wt(e,t,r,{discrete:a}){const o=r.originalEvent.target,s=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),a?Sa(o,s):o.dispatchEvent(s)}var st="focusScope.autoFocusOnMount",it="focusScope.autoFocusOnUnmount",jt={bubbles:!1,cancelable:!0},Oa="FocusScope",$t=m.forwardRef((e,t)=>{const{loop:r=!1,trapped:a=!1,onMountAutoFocus:o,onUnmountAutoFocus:s,...l}=e,[d,u]=m.useState(null),c=_e(o),g=_e(s),i=m.useRef(null),h=Ce(t,p=>u(p)),y=m.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;m.useEffect(()=>{if(a){let p=function(b){if(y.paused||!d)return;const S=b.target;d.contains(S)?i.current=S:be(i.current,{select:!0})},x=function(b){if(y.paused||!d)return;const S=b.relatedTarget;S!==null&&(d.contains(S)||be(i.current,{select:!0}))},w=function(b){if(document.activeElement===document.body)for(const M of b)M.removedNodes.length>0&&be(d)};document.addEventListener("focusin",p),document.addEventListener("focusout",x);const N=new MutationObserver(w);return d&&N.observe(d,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",p),document.removeEventListener("focusout",x),N.disconnect()}}},[a,d,y.paused]),m.useEffect(()=>{if(d){Ut.add(y);const p=document.activeElement;if(!d.contains(p)){const w=new CustomEvent(st,jt);d.addEventListener(st,c),d.dispatchEvent(w),w.defaultPrevented||(Ba($a(zt(d)),{select:!0}),document.activeElement===p&&be(d))}return()=>{d.removeEventListener(st,c),setTimeout(()=>{const w=new CustomEvent(it,jt);d.addEventListener(it,g),d.dispatchEvent(w),w.defaultPrevented||be(p??document.body,{select:!0}),d.removeEventListener(it,g),Ut.remove(y)},0)}}},[d,c,g,y]);const C=m.useCallback(p=>{if(!r&&!a||y.paused)return;const x=p.key==="Tab"&&!p.altKey&&!p.ctrlKey&&!p.metaKey,w=document.activeElement;if(x&&w){const N=p.currentTarget,[b,S]=_a(N);b&&S?!p.shiftKey&&w===S?(p.preventDefault(),r&&be(b,{select:!0})):p.shiftKey&&w===b&&(p.preventDefault(),r&&be(S,{select:!0})):w===N&&p.preventDefault()}},[r,a,y.paused]);return n.jsx(ce.div,{tabIndex:-1,...l,ref:h,onKeyDown:C})});$t.displayName=Oa;function Ba(e,{select:t=!1}={}){const r=document.activeElement;for(const a of e)if(be(a,{select:t}),document.activeElement!==r)return}function _a(e){const t=zt(e),r=Vt(t,e),a=Vt(t.reverse(),e);return[r,a]}function zt(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:a=>{const o=a.tagName==="INPUT"&&a.type==="hidden";return a.disabled||a.hidden||o?NodeFilter.FILTER_SKIP:a.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function Vt(e,t){for(const r of e)if(!Fa(r,{upTo:t}))return r}function Fa(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function Wa(e){return e instanceof HTMLInputElement&&"select"in e}function be(e,{select:t=!1}={}){if(e&&e.focus){const r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&Wa(e)&&t&&e.select()}}var Ut=ja();function ja(){let e=[];return{add(t){const r=e[0];t!==r&&(r==null||r.pause()),e=Ht(e,t),e.unshift(t)},remove(t){var r;e=Ht(e,t),(r=e[0])==null||r.resume()}}}function Ht(e,t){const r=[...e],a=r.indexOf(t);return a!==-1&&r.splice(a,1),r}function $a(e){return e.filter(t=>t.tagName!=="A")}var za="Portal",Gt=m.forwardRef((e,t)=>{var d;const{container:r,...a}=e,[o,s]=m.useState(!1);Be(()=>s(!0),[]);const l=r||o&&((d=globalThis==null?void 0:globalThis.document)==null?void 0:d.body);return l?at.createPortal(n.jsx(ce.div,{...a,ref:t}),l):null});Gt.displayName=za;function Va(e,t){return m.useReducer((r,a)=>t[r][a]??r,e)}var ze=e=>{const{present:t,children:r}=e,a=Ua(t),o=typeof r=="function"?r({present:a.isPresent}):m.Children.only(r),s=Ce(a.ref,Ha(o));return typeof r=="function"||a.isPresent?m.cloneElement(o,{ref:s}):null};ze.displayName="Presence";function Ua(e){const[t,r]=m.useState(),a=m.useRef(null),o=m.useRef(e),s=m.useRef("none"),l=e?"mounted":"unmounted",[d,u]=Va(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return m.useEffect(()=>{const c=Ve(a.current);s.current=d==="mounted"?c:"none"},[d]),Be(()=>{const c=a.current,g=o.current;if(g!==e){const h=s.current,y=Ve(c);e?u("MOUNT"):y==="none"||(c==null?void 0:c.display)==="none"?u("UNMOUNT"):u(g&&h!==y?"ANIMATION_OUT":"UNMOUNT"),o.current=e}},[e,u]),Be(()=>{if(t){let c;const g=t.ownerDocument.defaultView??window,i=y=>{const p=Ve(a.current).includes(CSS.escape(y.animationName));if(y.target===t&&p&&(u("ANIMATION_END"),!o.current)){const x=t.style.animationFillMode;t.style.animationFillMode="forwards",c=g.setTimeout(()=>{t.style.animationFillMode==="forwards"&&(t.style.animationFillMode=x)})}},h=y=>{y.target===t&&(s.current=Ve(a.current))};return t.addEventListener("animationstart",h),t.addEventListener("animationcancel",i),t.addEventListener("animationend",i),()=>{g.clearTimeout(c),t.removeEventListener("animationstart",h),t.removeEventListener("animationcancel",i),t.removeEventListener("animationend",i)}}else u("ANIMATION_END")},[t,u]),{isPresent:["mounted","unmountSuspended"].includes(d),ref:m.useCallback(c=>{a.current=c?getComputedStyle(c):null,r(c)},[])}}function Ve(e){return(e==null?void 0:e.animationName)||"none"}function Ha(e){var a,o;let t=(a=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:a.get,r=t&&"isReactWarning"in t&&t.isReactWarning;return r?e.ref:(t=(o=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:o.get,r=t&&"isReactWarning"in t&&t.isReactWarning,r?e.props.ref:e.props.ref||e.ref)}var lt=0;function Ga(){m.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??Kt()),document.body.insertAdjacentElement("beforeend",e[1]??Kt()),lt++,()=>{lt===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),lt--}},[])}function Kt(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var ie=function(){return ie=Object.assign||function(t){for(var r,a=1,o=arguments.length;a<o;a++){r=arguments[a];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},ie.apply(this,arguments)};function Yt(e,t){var r={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(r[a]=e[a]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(r[a[o]]=e[a[o]]);return r}function Ka(e,t,r){if(r||arguments.length===2)for(var a=0,o=t.length,s;a<o;a++)(s||!(a in t))&&(s||(s=Array.prototype.slice.call(t,0,a)),s[a]=t[a]);return e.concat(s||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;var Ue="right-scroll-bar-position",He="width-before-scroll-bar",Ya="with-scroll-bars-hidden",Za="--removed-body-scroll-bar-size";function dt(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Xa(e,t){var r=f.useState(function(){return{value:e,callback:t,facade:{get current(){return r.value},set current(a){var o=r.value;o!==a&&(r.value=a,r.callback(a,o))}}}})[0];return r.callback=t,r.facade}var qa=typeof window<"u"?m.useLayoutEffect:m.useEffect,Zt=new WeakMap;function Ja(e,t){var r=Xa(null,function(a){return e.forEach(function(o){return dt(o,a)})});return qa(function(){var a=Zt.get(r);if(a){var o=new Set(a),s=new Set(e),l=r.current;o.forEach(function(d){s.has(d)||dt(d,null)}),s.forEach(function(d){o.has(d)||dt(d,l)})}Zt.set(r,e)},[e]),r}function Qa(e){return e}function Ra(e,t){t===void 0&&(t=Qa);var r=[],a=!1,o={read:function(){if(a)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(s){var l=t(s,a);return r.push(l),function(){r=r.filter(function(d){return d!==l})}},assignSyncMedium:function(s){for(a=!0;r.length;){var l=r;r=[],l.forEach(s)}r={push:function(d){return s(d)},filter:function(){return r}}},assignMedium:function(s){a=!0;var l=[];if(r.length){var d=r;r=[],d.forEach(s),l=r}var u=function(){var g=l;l=[],g.forEach(s)},c=function(){return Promise.resolve().then(u)};c(),r={push:function(g){l.push(g),c()},filter:function(g){return l=l.filter(g),r}}}};return o}function en(e){e===void 0&&(e={});var t=Ra(null);return t.options=ie({async:!0,ssr:!1},e),t}var Xt=function(e){var t=e.sideCar,r=Yt(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var a=t.read();if(!a)throw new Error("Sidecar medium not found");return m.createElement(a,ie({},r))};Xt.isSideCarExport=!0;function tn(e,t){return e.useMedium(t),Xt}var qt=en(),ct=function(){},Ge=m.forwardRef(function(e,t){var r=m.useRef(null),a=m.useState({onScrollCapture:ct,onWheelCapture:ct,onTouchMoveCapture:ct}),o=a[0],s=a[1],l=e.forwardProps,d=e.children,u=e.className,c=e.removeScrollBar,g=e.enabled,i=e.shards,h=e.sideCar,y=e.noRelative,C=e.noIsolation,p=e.inert,x=e.allowPinchZoom,w=e.as,N=w===void 0?"div":w,b=e.gapMode,S=Yt(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),M=h,O=Ja([r,t]),T=ie(ie({},S),o);return m.createElement(m.Fragment,null,g&&m.createElement(M,{sideCar:qt,removeScrollBar:c,shards:i,noRelative:y,noIsolation:C,inert:p,setCallbacks:s,allowPinchZoom:!!x,lockRef:r,gapMode:b}),l?m.cloneElement(m.Children.only(d),ie(ie({},T),{ref:O})):m.createElement(N,ie({},T,{className:u,ref:O}),d))});Ge.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},Ge.classNames={fullWidth:He,zeroRight:Ue};var rn=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function an(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=rn();return t&&e.setAttribute("nonce",t),e}function nn(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function on(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var sn=function(){var e=0,t=null;return{add:function(r){e==0&&(t=an())&&(nn(t,r),on(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},ln=function(){var e=sn();return function(t,r){m.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&r])}},Jt=function(){var e=ln(),t=function(r){var a=r.styles,o=r.dynamic;return e(a,o),null};return t},dn={left:0,top:0,right:0,gap:0},ut=function(e){return parseInt(e||"",10)||0},cn=function(e){var t=window.getComputedStyle(document.body),r=t[e==="padding"?"paddingLeft":"marginLeft"],a=t[e==="padding"?"paddingTop":"marginTop"],o=t[e==="padding"?"paddingRight":"marginRight"];return[ut(r),ut(a),ut(o)]},un=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return dn;var t=cn(e),r=document.documentElement.clientWidth,a=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,a-r+t[2]-t[0])}},fn=Jt(),Ie="data-scroll-locked",mn=function(e,t,r,a){var o=e.left,s=e.top,l=e.right,d=e.gap;return r===void 0&&(r="margin"),`
|
|
@@ -80,7 +80,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
80
80
|
*
|
|
81
81
|
* This source code is licensed under the ISC license.
|
|
82
82
|
* See the LICENSE file in the root directory of this source tree.
|
|
83
|
-
*/const Nr=vt("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),Er={sm:"w-[320px]",md:"w-[480px]",lg:"w-[640px]",xl:"w-[800px]",full:"w-full"},Sr={left:{position:"left-0",rounded:"rounded-r-[12px]",animation:"data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left"},right:{position:"right-0",rounded:"rounded-l-[12px]",animation:"data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right"}},ao=({open:e,onClose:t,children:r,size:a="md",title:o,position:s="right",showBackButton:l=!1,onBack:d,className:u="",overlayClassName:c="",showCloseButton:g=!0,closeButton:i})=>{const h=Er[a]||Er.md,y=Sr[s]||Sr.right;return n.jsx(Hn,{open:e,onOpenChange:t,children:n.jsxs(Gn,{children:[n.jsx(Kn,{className:v("fixed inset-0 bg-black/30 z-40",c)}),n.jsxs(Yn,{className:v("fixed top-0 h-full bg-base-white shadow-md z-50","focus:outline-hidden focus-visible:outline-hidden",h,y.position,y.rounded,y.animation,u),children:[(o||l||g)&&n.jsxs("div",{className:"flex items-center justify-between p-5 border-b border-gray-300",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[l&&n.jsx("button",{className:"text-gray-700 px-2 py-1 rounded hover:bg-gray-100",onClick:d,children:"←"}),o&&n.jsx(Zn,{className:"text-lg font-semibold text-gray-900",children:o})]}),g&&n.jsx(Xn,{asChild:!0,children:i||n.jsx("button",{className:"p-1 rounded text-gray-500 hover:bg-gray-100",children:n.jsx(Nr,{className:"w-5 h-5"})})})]}),n.jsx("div",{className:"overflow-y-auto h-
|
|
83
|
+
*/const Nr=vt("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),Er={sm:"w-[320px]",md:"w-[480px]",lg:"w-[640px]",xl:"w-[800px]",full:"w-full"},Sr={left:{position:"left-0",rounded:"rounded-r-[12px]",animation:"data-[state=open]:animate-slide-in-from-left data-[state=closed]:animate-slide-out-to-left"},right:{position:"right-0",rounded:"rounded-l-[12px]",animation:"data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right"}},ao=({open:e,onClose:t,children:r,size:a="md",title:o,position:s="right",showBackButton:l=!1,onBack:d,className:u="",overlayClassName:c="",showCloseButton:g=!0,closeButton:i})=>{const h=Er[a]||Er.md,y=Sr[s]||Sr.right;return n.jsx(Hn,{open:e,onOpenChange:t,children:n.jsxs(Gn,{children:[n.jsx(Kn,{className:v("fixed inset-0 bg-black/30 z-40",c)}),n.jsxs(Yn,{className:v("fixed top-0 h-full bg-base-white shadow-md z-50 flex flex-col","focus:outline-hidden focus-visible:outline-hidden",h,y.position,y.rounded,y.animation,u),children:[(o||l||g)&&n.jsxs("div",{className:"flex items-center justify-between p-5 border-b border-gray-300",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[l&&n.jsx("button",{className:"text-gray-700 px-2 py-1 rounded hover:bg-gray-100",onClick:d,children:"←"}),o&&n.jsx(Zn,{className:"text-lg font-semibold text-gray-900",children:o})]}),g&&n.jsx(Xn,{asChild:!0,children:i||n.jsx("button",{className:"p-1 rounded text-gray-500 hover:bg-gray-100",children:n.jsx(Nr,{className:"w-5 h-5"})})})]}),n.jsx("div",{className:"overflow-y-auto flex-1 min-h-0",children:r})]})]})})},no=({open:e,onOpenChange:t,title:r,showCloseButton:a=!0,className:o="",overlayClassName:s="",contentClassName:l="",children:d,header:u,footer:c,closeOnOverlayClick:g=!0,closeOnEscapeKey:i=!0})=>{const[h,y]=f.useState(!1),[C,p]=f.useState(!1);f.useEffect(()=>{if(e)p(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{y(!0)})});else{y(!1);const N=setTimeout(()=>{p(!1)},200);return()=>clearTimeout(N)}},[e]),f.useEffect(()=>{if(e&&i){const N=b=>{b.key==="Escape"&&t(!1)};return document.addEventListener("keydown",N),()=>document.removeEventListener("keydown",N)}},[e,i,t]);const x=()=>{t(!1)},w=()=>{g&&x()};return C?n.jsxs(n.Fragment,{children:[n.jsx("div",{className:v("fixed inset-0 transition-opacity duration-200 z-50",h?"bg-black/20":"bg-black/0",s),onClick:w}),n.jsx("div",{className:"fixed inset-0 flex items-center justify-center z-50 pointer-events-none",children:n.jsxs("div",{className:v("bg-base-white rounded-[12px] shadow-lg flex flex-col mx-4 transition-all duration-200 pointer-events-auto relative","max-w-[640px] max-h-[640px]",h?"opacity-100 scale-100 translate-y-0":"opacity-0 scale-95 translate-y-4",o),onClick:N=>N.stopPropagation(),children:[a&&n.jsx("button",{onClick:x,className:"absolute top-3 right-3 p-1 hover:bg-gray-100 rounded transition-colors z-10",children:n.jsx(Nr,{className:"w-4 h-4 text-gray-500"})}),u||r?n.jsx("div",{className:"flex items-center py-3 px-4 pr-12 border-b border-gray-300",children:u||r&&n.jsx("h2",{className:"text-[14px] font-semibold text-gray-900",children:r})}):a&&n.jsx("div",{className:"min-h-[36px]"}),n.jsx("div",{className:v("p-4 flex-1 overflow-auto",l),children:d}),c&&n.jsx("div",{className:"p-4 border-t border-gray-300",children:c})]})})]}):null},oo=({children:e,className:t})=>n.jsx("div",{className:v("mb-4",t),children:e}),so=({children:e,className:t})=>n.jsx("div",{className:v("",t),children:e}),io=({children:e,className:t})=>n.jsx("div",{className:v("flex items-center justify-end gap-2",t),children:e}),lo={sm:{input:"h-[32px] py-1.5 text-xs",icon:"h-3 w-3",padding:{default:"px-3",left:"pl-8 pr-3",right:"pl-3 pr-8",both:"pl-8 pr-8"}},md:{input:"h-[36px] py-2 text-sm",icon:"h-4 w-4",padding:{default:"px-4",left:"pl-10 pr-4",right:"pl-4 pr-10",both:"pl-10 pr-10"}},lg:{input:"h-[44px] py-3 text-base",icon:"h-5 w-5",padding:{default:"px-4",left:"pl-12 pr-4",right:"pl-4 pr-12",both:"pl-12 pr-12"}}},bt=f.forwardRef(({leftIcon:e,rightIcon:t,error:r=!1,helperText:a,inputSize:o="md",className:s,containerClassName:l,iconClassName:d,disabled:u,...c},g)=>{const i=lo[o],h=()=>e&&t?i.padding.both:e?i.padding.left:t?i.padding.right:i.padding.default,y=v("w-full border rounded-[8px] transition-colors duration-200",i.input,h(),!r&&!u&&"border-gray-300 hover:border-gray-400 focus:border-brand-500",r&&!u&&"border-error-500 hover:border-error-500 focus:border-error-500",u&&"bg-gray-50 border-gray-300 cursor-not-allowed opacity-60",s),C=v("absolute top-1/2 -translate-y-1/2 pointer-events-none",i.icon,!r&&!u&&"text-gray-400",r&&!u&&"text-error-500",u&&"text-gray-300",d);return n.jsxs("div",{className:v("w-full",l),children:[n.jsxs("div",{className:"relative",children:[e&&n.jsx("div",{className:v(C,"left-3"),children:e}),n.jsx("input",{ref:g,className:y,disabled:u,"aria-invalid":r,"aria-describedby":a?"input-helper-text":void 0,...c}),t&&n.jsx("div",{className:v(C,"right-3"),children:t})]}),a&&n.jsx("p",{id:"input-helper-text",className:v("mt-1 text-xs",r&&"text-error-500",!r&&"text-gray-600"),children:a})]})});bt.displayName="Input";const kr=f.forwardRef(({error:e,className:t,...r},a)=>n.jsx("textarea",{ref:a,className:`
|
|
84
84
|
min-h-[80px] w-full rounded-[8px] border border-gray-300 px-3 py-2 text-sm
|
|
85
85
|
placeholder:text-gray-400
|
|
86
86
|
hover:border-gray-400
|