@zango-core/components 0.2.0-rc.3 → 0.2.1
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.
- package/LICENSE +21 -0
- package/NOTICE +29 -0
- package/README.md +56 -376
- package/dist/components/Accordion/Accordion.d.ts +3 -1
- package/dist/components/Accordion/index.d.ts +1 -1
- package/dist/components/Alert/Alert.d.ts +14 -0
- package/dist/components/Alert/index.d.ts +1 -1
- package/dist/components/Avatar/Avatar.d.ts +13 -0
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Badge/Badge.d.ts +8 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Button/Button.d.ts +24 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Card/Card.d.ts +34 -0
- package/dist/components/Card/index.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +6 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +33 -1
- package/dist/components/ContextMenu/index.d.ts +1 -1
- package/dist/components/Dialog/index.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +12 -0
- package/dist/components/Divider/index.d.ts +1 -1
- package/dist/components/Drawer/Drawer.d.ts +2 -0
- package/dist/components/Drawer/index.d.ts +1 -1
- package/dist/components/Empty/Empty.d.ts +9 -0
- package/dist/components/Empty/index.d.ts +1 -1
- package/dist/components/Form/Form.d.ts +34 -0
- package/dist/components/Form/index.d.ts +1 -1
- package/dist/components/FormWidgets/index.d.ts +4 -4
- package/dist/components/InfoSection/InfoSection.d.ts +35 -0
- package/dist/components/InfoSection/index.d.ts +1 -1
- package/dist/components/Input/Input.d.ts +12 -1
- package/dist/components/Layout/Layout.d.ts +36 -0
- package/dist/components/Layout/index.d.ts +1 -1
- package/dist/components/Loader/Loader.d.ts +0 -1
- package/dist/components/Loader/index.d.ts +1 -0
- package/dist/components/MobileInput/MobileInput.d.ts +9 -0
- package/dist/components/PasswordInput/PasswordInput.d.ts +6 -1
- package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts +45 -0
- package/dist/components/PhoneNumberInput/PhoneNumberInput.example.d.ts +7 -5
- package/dist/components/PhoneNumberInput/index.d.ts +1 -1
- package/dist/components/Progress/Progress.d.ts +18 -0
- package/dist/components/Progress/index.d.ts +1 -1
- package/dist/components/Result/Result.d.ts +11 -0
- package/dist/components/Result/index.d.ts +1 -1
- package/dist/components/Segmented/Segmented.d.ts +16 -0
- package/dist/components/Segmented/index.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +30 -2
- package/dist/components/Select/index.d.ts +1 -1
- package/dist/components/Space/Space.d.ts +11 -0
- package/dist/components/Space/index.d.ts +1 -1
- package/dist/components/Spin/Spin.d.ts +10 -0
- package/dist/components/Spin/index.d.ts +1 -1
- package/dist/components/Tabs/Tabs.d.ts +18 -0
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tag/Tag.d.ts +11 -0
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Textarea/Textarea.d.ts +7 -0
- package/dist/components/Timeline/Timeline.d.ts +31 -6
- package/dist/components/Timeline/index.d.ts +1 -1
- package/dist/components/Toast/Toast.d.ts +29 -0
- package/dist/components/Toast/index.d.ts +1 -1
- package/dist/components/Typography/Typography.d.ts +26 -1
- package/dist/components/Typography/index.d.ts +1 -1
- package/dist/demo/App.d.ts +1 -1
- package/dist/index.d.ts +45 -46
- package/dist/test/axe.d.ts +1 -0
- package/dist/test/setup.d.ts +1 -0
- package/dist/utils/cn.d.ts +6 -0
- package/dist/utils/gradient.d.ts +30 -0
- package/dist/zango-components.js +5894 -4281
- package/dist/zango-components.js.map +1 -1
- package/dist/zango-components.umd.cjs +36 -97
- package/dist/zango-components.umd.cjs.map +1 -1
- package/package.json +70 -28
- package/dist/components/Message/Message.d.ts +0 -35
- package/dist/components/Message/index.d.ts +0 -2
|
@@ -1,103 +1,42 @@
|
|
|
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}}@media (hover:hover){.focus\\:hover\\:border-brand-500:focus:hover{border-color:var(--color-brand-500)}}.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-overlay-fade-out[data-state=closed]{animation:.3s ease-in-out overlay-fade-out}.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-overlay-fade-in[data-state=open]{animation:.3s ease-in-out overlay-fade-in}.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 overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-right-full{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes phone-menu-slide-down-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-menu-slide-down-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes phone-menu-slide-up-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-menu-slide-up-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}[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
|
-
(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,st){"use strict";function Mt(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=Mt(f),Kr=Mt(st);function Yr(){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
|
-
|
|
4
|
-
`,document.head.appendChild(t)}Yr();function v(...e){return e.filter(Boolean).join(" ")}const It=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})});It.displayName="Button";const Zr=({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})})},Xr=({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(Zr,{isExpanded:h,children:n.jsx("div",{className:v("pb-3",s),children:i.content||i.children})})]},i.key)})})},qr=({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}),Jr=({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})},Qr=({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})]})},Rr=({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})]})},ea=({className:e=""})=>n.jsx("div",{className:v("h-px bg-gray-200 my-1",e)}),ta=({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}),ra=({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})]})},aa=({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})]})},na=({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})},oa=()=>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"})]}),At=()=>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"})}),sa={user:oa,activity:At,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"})]})},ia=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?sa[e.icon]:At;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 Dt({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:ia(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 Pt({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(Dt,{event:t},t.id))})]})})}function la({sections:e,className:t=""}){return n.jsx("div",{className:v("flex flex-col gap-5",t),children:e.map((r,a)=>n.jsx(Pt,{section:r},`${r.date}-${a}`))})}function da(e){const t=typeof e=="string"?new Date(e):e,r={day:"numeric",month:"long",year:"numeric"};return t.toLocaleDateString("en-US",r)}function ca(e){return(typeof e=="string"?new Date(e):e).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0})}function xe(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 Lt(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Ot(...e){return t=>{let r=!1;const a=e.map(o=>{const s=Lt(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():Lt(e[o],null)}}}}function Ee(...e){return m.useCallback(Ot(...e),e)}function ua(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 fa(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,ma(o,...t)]}function ma(...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 je=globalThis!=null&&globalThis.document?m.useLayoutEffect:()=>{},ga=m[" useId ".trim().toString()]||(()=>{}),ha=0;function it(e){const[t,r]=m.useState(ga());return je(()=>{r(a=>a??String(ha++))},[e]),e||(t?`radix-${t}`:"")}var pa=m[" useInsertionEffect ".trim().toString()]||je;function va({prop:e,defaultProp:t,onChange:r=()=>{},caller:a}){const[o,s,l]=ba({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=ya(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 ba({defaultProp:e,onChange:t}){const[r,a]=m.useState(e),o=m.useRef(r),s=m.useRef(t);return pa(()=>{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 ya(e){return typeof e=="function"}function Bt(e){const t=xa(e),r=m.forwardRef((a,o)=>{const{children:s,...l}=a,d=m.Children.toArray(s),u=d.find(Ca);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 xa(e){const t=m.forwardRef((r,a)=>{const{children:o,...s}=r;if(m.isValidElement(o)){const l=Ea(o),d=Na(s,o.props);return o.type!==m.Fragment&&(d.ref=a?Ot(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 wa=Symbol("radix.slottable");function Ca(e){return m.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===wa}function Na(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 Ea(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 Sa=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],me=Sa.reduce((e,t)=>{const r=Bt(`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 ka(e,t){e&&Kr.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 Ta(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 Ma="DismissableLayer",lt="dismissableLayer.update",Ia="dismissableLayer.pointerDownOutside",Aa="dismissableLayer.focusOutside",_t,Ft=m.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Wt=m.forwardRef((e,t)=>{const{disableOutsidePointerEvents:r=!1,onEscapeKeyDown:a,onPointerDownOutside:o,onFocusOutside:s,onInteractOutside:l,onDismiss:d,...u}=e,c=m.useContext(Ft),[g,i]=m.useState(null),h=(g==null?void 0:g.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,y]=m.useState({}),C=Ee(t,k=>i(k)),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=La(k=>{const W=k.target,$=[...c.branches].some(J=>J.contains(W));!S||$||(o==null||o(k),l==null||l(k),k.defaultPrevented||d==null||d())},h),L=Oa(k=>{const W=k.target;[...c.branches].some(J=>J.contains(W))||(s==null||s(k),l==null||l(k),k.defaultPrevented||d==null||d())},h);return Ta(k=>{N===c.layers.size-1&&(a==null||a(k),!k.defaultPrevented&&d&&(k.preventDefault(),d()))},h),m.useEffect(()=>{if(g)return r&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(_t=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(g)),c.layers.add(g),jt(),()=>{r&&c.layersWithOutsidePointerEventsDisabled.size===1&&(h.body.style.pointerEvents=_t)}},[g,h,r,c]),m.useEffect(()=>()=>{g&&(c.layers.delete(g),c.layersWithOutsidePointerEventsDisabled.delete(g),jt())},[g,c]),m.useEffect(()=>{const k=()=>y({});return document.addEventListener(lt,k),()=>document.removeEventListener(lt,k)},[]),n.jsx(me.div,{...u,ref:C,style:{pointerEvents:b?S?"auto":"none":void 0,...e.style},onFocusCapture:xe(e.onFocusCapture,L.onFocusCapture),onBlurCapture:xe(e.onBlurCapture,L.onBlurCapture),onPointerDownCapture:xe(e.onPointerDownCapture,M.onPointerDownCapture)})});Wt.displayName=Ma;var Da="DismissableLayerBranch",Pa=m.forwardRef((e,t)=>{const r=m.useContext(Ft),a=m.useRef(null),o=Ee(t,a);return m.useEffect(()=>{const s=a.current;if(s)return r.branches.add(s),()=>{r.branches.delete(s)}},[r.branches]),n.jsx(me.div,{...e,ref:o})});Pa.displayName=Da;function La(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(){$t(Ia,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 Oa(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&&$t(Aa,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 jt(){const e=new CustomEvent(lt);document.dispatchEvent(e)}function $t(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?ka(o,s):o.dispatchEvent(s)}var dt="focusScope.autoFocusOnMount",ct="focusScope.autoFocusOnUnmount",zt={bubbles:!1,cancelable:!0},Ba="FocusScope",Vt=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=Ee(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:we(i.current,{select:!0})},x=function(b){if(y.paused||!d)return;const S=b.relatedTarget;S!==null&&(d.contains(S)||we(i.current,{select:!0}))},w=function(b){if(document.activeElement===document.body)for(const M of b)M.removedNodes.length>0&&we(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){Gt.add(y);const p=document.activeElement;if(!d.contains(p)){const w=new CustomEvent(dt,zt);d.addEventListener(dt,c),d.dispatchEvent(w),w.defaultPrevented||(_a(za(Ut(d)),{select:!0}),document.activeElement===p&&we(d))}return()=>{d.removeEventListener(dt,c),setTimeout(()=>{const w=new CustomEvent(ct,zt);d.addEventListener(ct,g),d.dispatchEvent(w),w.defaultPrevented||we(p??document.body,{select:!0}),d.removeEventListener(ct,g),Gt.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]=Fa(N);b&&S?!p.shiftKey&&w===S?(p.preventDefault(),r&&we(b,{select:!0})):p.shiftKey&&w===b&&(p.preventDefault(),r&&we(S,{select:!0})):w===N&&p.preventDefault()}},[r,a,y.paused]);return n.jsx(me.div,{tabIndex:-1,...l,ref:h,onKeyDown:C})});Vt.displayName=Ba;function _a(e,{select:t=!1}={}){const r=document.activeElement;for(const a of e)if(we(a,{select:t}),document.activeElement!==r)return}function Fa(e){const t=Ut(e),r=Ht(t,e),a=Ht(t.reverse(),e);return[r,a]}function Ut(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 Ht(e,t){for(const r of e)if(!Wa(r,{upTo:t}))return r}function Wa(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 ja(e){return e instanceof HTMLInputElement&&"select"in e}function we(e,{select:t=!1}={}){if(e&&e.focus){const r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&ja(e)&&t&&e.select()}}var Gt=$a();function $a(){let e=[];return{add(t){const r=e[0];t!==r&&(r==null||r.pause()),e=Kt(e,t),e.unshift(t)},remove(t){var r;e=Kt(e,t),(r=e[0])==null||r.resume()}}}function Kt(e,t){const r=[...e],a=r.indexOf(t);return a!==-1&&r.splice(a,1),r}function za(e){return e.filter(t=>t.tagName!=="A")}var Va="Portal",Yt=m.forwardRef((e,t)=>{var d;const{container:r,...a}=e,[o,s]=m.useState(!1);je(()=>s(!0),[]);const l=r||o&&((d=globalThis==null?void 0:globalThis.document)==null?void 0:d.body);return l?st.createPortal(n.jsx(me.div,{...a,ref:t}),l):null});Yt.displayName=Va;function Ua(e,t){return m.useReducer((r,a)=>t[r][a]??r,e)}var He=e=>{const{present:t,children:r}=e,a=Ha(t),o=typeof r=="function"?r({present:a.isPresent}):m.Children.only(r),s=Ee(a.ref,Ga(o));return typeof r=="function"||a.isPresent?m.cloneElement(o,{ref:s}):null};He.displayName="Presence";function Ha(e){const[t,r]=m.useState(),a=m.useRef(null),o=m.useRef(e),s=m.useRef("none"),l=e?"mounted":"unmounted",[d,u]=Ua(l,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return m.useEffect(()=>{const c=Ge(a.current);s.current=d==="mounted"?c:"none"},[d]),je(()=>{const c=a.current,g=o.current;if(g!==e){const h=s.current,y=Ge(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]),je(()=>{if(t){let c;const g=t.ownerDocument.defaultView??window,i=y=>{const p=Ge(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=Ge(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 Ge(e){return(e==null?void 0:e.animationName)||"none"}function Ga(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 ut=0;function Ka(){m.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??Zt()),document.body.insertAdjacentElement("beforeend",e[1]??Zt()),ut++,()=>{ut===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),ut--}},[])}function Zt(){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 le=function(){return le=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},le.apply(this,arguments)};function Xt(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 Ya(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 Ke="right-scroll-bar-position",Ye="width-before-scroll-bar",Za="with-scroll-bars-hidden",Xa="--removed-body-scroll-bar-size";function ft(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function qa(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 Ja=typeof window<"u"?m.useLayoutEffect:m.useEffect,qt=new WeakMap;function Qa(e,t){var r=qa(null,function(a){return e.forEach(function(o){return ft(o,a)})});return Ja(function(){var a=qt.get(r);if(a){var o=new Set(a),s=new Set(e),l=r.current;o.forEach(function(d){s.has(d)||ft(d,null)}),s.forEach(function(d){o.has(d)||ft(d,l)})}qt.set(r,e)},[e]),r}function Ra(e){return e}function en(e,t){t===void 0&&(t=Ra);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 tn(e){e===void 0&&(e={});var t=en(null);return t.options=le({async:!0,ssr:!1},e),t}var Jt=function(e){var t=e.sideCar,r=Xt(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,le({},r))};Jt.isSideCarExport=!0;function rn(e,t){return e.useMedium(t),Jt}var Qt=tn(),mt=function(){},Ze=m.forwardRef(function(e,t){var r=m.useRef(null),a=m.useState({onScrollCapture:mt,onWheelCapture:mt,onTouchMoveCapture:mt}),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=Xt(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),M=h,L=Qa([r,t]),k=le(le({},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),le(le({},k),{ref:L})):m.createElement(N,le({},k,{className:u,ref:L}),d))});Ze.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1},Ze.classNames={fullWidth:Ye,zeroRight:Ke};var an=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function nn(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=an();return t&&e.setAttribute("nonce",t),e}function on(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function sn(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var ln=function(){var e=0,t=null;return{add:function(r){e==0&&(t=nn())&&(on(t,r),sn(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},dn=function(){var e=ln();return function(t,r){m.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&r])}},Rt=function(){var e=dn(),t=function(r){var a=r.styles,o=r.dynamic;return e(a,o),null};return t},cn={left:0,top:0,right:0,gap:0},gt=function(e){return parseInt(e||"",10)||0},un=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[gt(r),gt(a),gt(o)]},fn=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return cn;var t=un(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])}},mn=Rt(),Pe="data-scroll-locked",gn=function(e,t,r,a){var o=e.left,s=e.top,l=e.right,d=e.gap;return r===void 0&&(r="margin"),`
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
padding-right: `).concat(d,"px ").concat(a,`;
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.`).concat(Ye," .").concat(Ye,` {
|
|
35
|
-
margin-right: 0 `).concat(a,`;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
body[`).concat(Pe,`] {
|
|
39
|
-
`).concat(Xa,": ").concat(d,`px;
|
|
40
|
-
}
|
|
41
|
-
`)},er=function(){var e=parseInt(document.body.getAttribute(Pe)||"0",10);return isFinite(e)?e:0},hn=function(){m.useEffect(function(){return document.body.setAttribute(Pe,(er()+1).toString()),function(){var e=er()-1;e<=0?document.body.removeAttribute(Pe):document.body.setAttribute(Pe,e.toString())}},[])},pn=function(e){var t=e.noRelative,r=e.noImportant,a=e.gapMode,o=a===void 0?"margin":a;hn();var s=m.useMemo(function(){return fn(o)},[o]);return m.createElement(mn,{styles:gn(s,!t,o,r?"":"!important")})},ht=!1;if(typeof window<"u")try{var Xe=Object.defineProperty({},"passive",{get:function(){return ht=!0,!0}});window.addEventListener("test",Xe,Xe),window.removeEventListener("test",Xe,Xe)}catch{ht=!1}var Le=ht?{passive:!1}:!1,vn=function(e){return e.tagName==="TEXTAREA"},tr=function(e,t){if(!(e instanceof Element))return!1;var r=window.getComputedStyle(e);return r[t]!=="hidden"&&!(r.overflowY===r.overflowX&&!vn(e)&&r[t]==="visible")},bn=function(e){return tr(e,"overflowY")},yn=function(e){return tr(e,"overflowX")},rr=function(e,t){var r=t.ownerDocument,a=t;do{typeof ShadowRoot<"u"&&a instanceof ShadowRoot&&(a=a.host);var o=ar(e,a);if(o){var s=nr(e,a),l=s[1],d=s[2];if(l>d)return!0}a=a.parentNode}while(a&&a!==r.body);return!1},xn=function(e){var t=e.scrollTop,r=e.scrollHeight,a=e.clientHeight;return[t,r,a]},wn=function(e){var t=e.scrollLeft,r=e.scrollWidth,a=e.clientWidth;return[t,r,a]},ar=function(e,t){return e==="v"?bn(t):yn(t)},nr=function(e,t){return e==="v"?xn(t):wn(t)},Cn=function(e,t){return e==="h"&&t==="rtl"?-1:1},Nn=function(e,t,r,a,o){var s=Cn(e,window.getComputedStyle(t).direction),l=s*a,d=r.target,u=t.contains(d),c=!1,g=l>0,i=0,h=0;do{if(!d)break;var y=nr(e,d),C=y[0],p=y[1],x=y[2],w=p-x-s*C;(C||w)&&ar(e,d)&&(i+=w,h+=C);var N=d.parentNode;d=N&&N.nodeType===Node.DOCUMENT_FRAGMENT_NODE?N.host:N}while(!u&&d!==document.body||u&&(t.contains(d)||t===d));return(g&&Math.abs(i)<1||!g&&Math.abs(h)<1)&&(c=!0),c},qe=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},or=function(e){return[e.deltaX,e.deltaY]},sr=function(e){return e&&"current"in e?e.current:e},En=function(e,t){return e[0]===t[0]&&e[1]===t[1]},Sn=function(e){return`
|
|
42
|
-
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
43
|
-
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
44
|
-
`)},kn=0,Oe=[];function Tn(e){var t=m.useRef([]),r=m.useRef([0,0]),a=m.useRef(),o=m.useState(kn++)[0],s=m.useState(Rt)[0],l=m.useRef(e);m.useEffect(function(){l.current=e},[e]),m.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(o));var p=Ya([e.lockRef.current],(e.shards||[]).map(sr),!0).filter(Boolean);return p.forEach(function(x){return x.classList.add("allow-interactivity-".concat(o))}),function(){document.body.classList.remove("block-interactivity-".concat(o)),p.forEach(function(x){return x.classList.remove("allow-interactivity-".concat(o))})}}},[e.inert,e.lockRef.current,e.shards]);var d=m.useCallback(function(p,x){if("touches"in p&&p.touches.length===2||p.type==="wheel"&&p.ctrlKey)return!l.current.allowPinchZoom;var w=qe(p),N=r.current,b="deltaX"in p?p.deltaX:N[0]-w[0],S="deltaY"in p?p.deltaY:N[1]-w[1],M,L=p.target,k=Math.abs(b)>Math.abs(S)?"h":"v";if("touches"in p&&k==="h"&&L.type==="range")return!1;var W=rr(k,L);if(!W)return!0;if(W?M=k:(M=k==="v"?"h":"v",W=rr(k,L)),!W)return!1;if(!a.current&&"changedTouches"in p&&(b||S)&&(a.current=M),!M)return!0;var $=a.current||M;return Nn($,x,p,$==="h"?b:S)},[]),u=m.useCallback(function(p){var x=p;if(!(!Oe.length||Oe[Oe.length-1]!==s)){var w="deltaY"in x?or(x):qe(x),N=t.current.filter(function(M){return M.name===x.type&&(M.target===x.target||x.target===M.shadowParent)&&En(M.delta,w)})[0];if(N&&N.should){x.cancelable&&x.preventDefault();return}if(!N){var b=(l.current.shards||[]).map(sr).filter(Boolean).filter(function(M){return M.contains(x.target)}),S=b.length>0?d(x,b[0]):!l.current.noIsolation;S&&x.cancelable&&x.preventDefault()}}},[]),c=m.useCallback(function(p,x,w,N){var b={name:p,delta:x,target:w,should:N,shadowParent:Mn(w)};t.current.push(b),setTimeout(function(){t.current=t.current.filter(function(S){return S!==b})},1)},[]),g=m.useCallback(function(p){r.current=qe(p),a.current=void 0},[]),i=m.useCallback(function(p){c(p.type,or(p),p.target,d(p,e.lockRef.current))},[]),h=m.useCallback(function(p){c(p.type,qe(p),p.target,d(p,e.lockRef.current))},[]);m.useEffect(function(){return Oe.push(s),e.setCallbacks({onScrollCapture:i,onWheelCapture:i,onTouchMoveCapture:h}),document.addEventListener("wheel",u,Le),document.addEventListener("touchmove",u,Le),document.addEventListener("touchstart",g,Le),function(){Oe=Oe.filter(function(p){return p!==s}),document.removeEventListener("wheel",u,Le),document.removeEventListener("touchmove",u,Le),document.removeEventListener("touchstart",g,Le)}},[]);var y=e.removeScrollBar,C=e.inert;return m.createElement(m.Fragment,null,C?m.createElement(s,{styles:Sn(o)}):null,y?m.createElement(pn,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function Mn(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const In=rn(Qt,Tn);var ir=m.forwardRef(function(e,t){return m.createElement(Ze,le({},e,{ref:t,sideCar:In}))});ir.classNames=Ze.classNames;var An=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},Be=new WeakMap,Je=new WeakMap,Qe={},pt=0,lr=function(e){return e&&(e.host||lr(e.parentNode))},Dn=function(e,t){return t.map(function(r){if(e.contains(r))return r;var a=lr(r);return a&&e.contains(a)?a:(console.error("aria-hidden",r,"in not contained inside",e,". Doing nothing"),null)}).filter(function(r){return!!r})},Pn=function(e,t,r,a){var o=Dn(t,Array.isArray(e)?e:[e]);Qe[r]||(Qe[r]=new WeakMap);var s=Qe[r],l=[],d=new Set,u=new Set(o),c=function(i){!i||d.has(i)||(d.add(i),c(i.parentNode))};o.forEach(c);var g=function(i){!i||u.has(i)||Array.prototype.forEach.call(i.children,function(h){if(d.has(h))g(h);else try{var y=h.getAttribute(a),C=y!==null&&y!=="false",p=(Be.get(h)||0)+1,x=(s.get(h)||0)+1;Be.set(h,p),s.set(h,x),l.push(h),p===1&&C&&Je.set(h,!0),x===1&&h.setAttribute(r,"true"),C||h.setAttribute(a,"true")}catch(w){console.error("aria-hidden: cannot operate on ",h,w)}})};return g(t),d.clear(),pt++,function(){l.forEach(function(i){var h=Be.get(i)-1,y=s.get(i)-1;Be.set(i,h),s.set(i,y),h||(Je.has(i)||i.removeAttribute(a),Je.delete(i)),y||i.removeAttribute(r)}),pt--,pt||(Be=new WeakMap,Be=new WeakMap,Je=new WeakMap,Qe={})}},Ln=function(e,t,r){r===void 0&&(r="data-aria-hidden");var a=Array.from(Array.isArray(e)?e:[e]),o=An(e);return o?(a.push.apply(a,Array.from(o.querySelectorAll("[aria-live], script"))),Pn(a,o,r,"aria-hidden")):function(){return null}},Re="Dialog",[dr]=fa(Re),[On,ne]=dr(Re),cr=e=>{const{__scopeDialog:t,children:r,open:a,defaultOpen:o,onOpenChange:s,modal:l=!0}=e,d=m.useRef(null),u=m.useRef(null),[c,g]=va({prop:a,defaultProp:o??!1,onChange:s,caller:Re});return n.jsx(On,{scope:t,triggerRef:d,contentRef:u,contentId:it(),titleId:it(),descriptionId:it(),open:c,onOpenChange:g,onOpenToggle:m.useCallback(()=>g(i=>!i),[g]),modal:l,children:r})};cr.displayName=Re;var ur="DialogTrigger",Bn=m.forwardRef((e,t)=>{const{__scopeDialog:r,...a}=e,o=ne(ur,r),s=Ee(t,o.triggerRef);return n.jsx(me.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":yt(o.open),...a,ref:s,onClick:xe(e.onClick,o.onOpenToggle)})});Bn.displayName=ur;var vt="DialogPortal",[_n,fr]=dr(vt,{forceMount:void 0}),mr=e=>{const{__scopeDialog:t,forceMount:r,children:a,container:o}=e,s=ne(vt,t);return n.jsx(_n,{scope:t,forceMount:r,children:m.Children.map(a,l=>n.jsx(He,{present:r||s.open,children:n.jsx(Yt,{asChild:!0,container:o,children:l})}))})};mr.displayName=vt;var et="DialogOverlay",gr=m.forwardRef((e,t)=>{const r=fr(et,e.__scopeDialog),{forceMount:a=r.forceMount,...o}=e,s=ne(et,e.__scopeDialog);return s.modal?n.jsx(He,{present:a||s.open,children:n.jsx(Wn,{...o,ref:t})}):null});gr.displayName=et;var Fn=Bt("DialogOverlay.RemoveScroll"),Wn=m.forwardRef((e,t)=>{const{__scopeDialog:r,...a}=e,o=ne(et,r);return n.jsx(ir,{as:Fn,allowPinchZoom:!0,shards:[o.contentRef],children:n.jsx(me.div,{"data-state":yt(o.open),...a,ref:t,style:{pointerEvents:"auto",...a.style}})})}),Se="DialogContent",hr=m.forwardRef((e,t)=>{const r=fr(Se,e.__scopeDialog),{forceMount:a=r.forceMount,...o}=e,s=ne(Se,e.__scopeDialog);return n.jsx(He,{present:a||s.open,children:s.modal?n.jsx(jn,{...o,ref:t}):n.jsx($n,{...o,ref:t})})});hr.displayName=Se;var jn=m.forwardRef((e,t)=>{const r=ne(Se,e.__scopeDialog),a=m.useRef(null),o=Ee(t,r.contentRef,a);return m.useEffect(()=>{const s=a.current;if(s)return Ln(s)},[]),n.jsx(pr,{...e,ref:o,trapFocus:r.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:xe(e.onCloseAutoFocus,s=>{var l;s.preventDefault(),(l=r.triggerRef.current)==null||l.focus()}),onPointerDownOutside:xe(e.onPointerDownOutside,s=>{const l=s.detail.originalEvent,d=l.button===0&&l.ctrlKey===!0;(l.button===2||d)&&s.preventDefault()}),onFocusOutside:xe(e.onFocusOutside,s=>s.preventDefault())})}),$n=m.forwardRef((e,t)=>{const r=ne(Se,e.__scopeDialog),a=m.useRef(!1),o=m.useRef(!1);return n.jsx(pr,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{var l,d;(l=e.onCloseAutoFocus)==null||l.call(e,s),s.defaultPrevented||(a.current||(d=r.triggerRef.current)==null||d.focus(),s.preventDefault()),a.current=!1,o.current=!1},onInteractOutside:s=>{var u,c;(u=e.onInteractOutside)==null||u.call(e,s),s.defaultPrevented||(a.current=!0,s.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const l=s.target;((c=r.triggerRef.current)==null?void 0:c.contains(l))&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&o.current&&s.preventDefault()}})}),pr=m.forwardRef((e,t)=>{const{__scopeDialog:r,trapFocus:a,onOpenAutoFocus:o,onCloseAutoFocus:s,...l}=e,d=ne(Se,r),u=m.useRef(null),c=Ee(t,u);return Ka(),n.jsxs(n.Fragment,{children:[n.jsx(Vt,{asChild:!0,loop:!0,trapped:a,onMountAutoFocus:o,onUnmountAutoFocus:s,children:n.jsx(Wt,{role:"dialog",id:d.contentId,"aria-describedby":d.descriptionId,"aria-labelledby":d.titleId,"data-state":yt(d.open),...l,ref:c,onDismiss:()=>d.onOpenChange(!1)})}),n.jsxs(n.Fragment,{children:[n.jsx(Vn,{titleId:d.titleId}),n.jsx(Hn,{contentRef:u,descriptionId:d.descriptionId})]})]})}),bt="DialogTitle",vr=m.forwardRef((e,t)=>{const{__scopeDialog:r,...a}=e,o=ne(bt,r);return n.jsx(me.h2,{id:o.titleId,...a,ref:t})});vr.displayName=bt;var br="DialogDescription",zn=m.forwardRef((e,t)=>{const{__scopeDialog:r,...a}=e,o=ne(br,r);return n.jsx(me.p,{id:o.descriptionId,...a,ref:t})});zn.displayName=br;var yr="DialogClose",xr=m.forwardRef((e,t)=>{const{__scopeDialog:r,...a}=e,o=ne(yr,r);return n.jsx(me.button,{type:"button",...a,ref:t,onClick:xe(e.onClick,()=>o.onOpenChange(!1))})});xr.displayName=yr;function yt(e){return e?"open":"closed"}var wr="DialogTitleWarning",[Is,Cr]=ua(wr,{contentName:Se,titleName:bt,docsSlug:"dialog"}),Vn=({titleId:e})=>{const t=Cr(wr),r=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
45
|
-
|
|
46
|
-
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
47
|
-
|
|
48
|
-
For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return m.useEffect(()=>{e&&(document.getElementById(e)||console.error(r))},[r,e]),null},Un="DialogDescriptionWarning",Hn=({contentRef:e,descriptionId:t})=>{const a=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Cr(Un).contentName}}.`;return m.useEffect(()=>{var s;const o=(s=e.current)==null?void 0:s.getAttribute("aria-describedby");t&&o&&(document.getElementById(t)||console.warn(a))},[a,e,t]),null},Gn=cr,Kn=mr,Yn=gr,Zn=hr,Xn=vr,qn=xr;/**
|
|
49
|
-
* @license lucide-react v0.546.0 - ISC
|
|
50
|
-
*
|
|
51
|
-
* This source code is licensed under the ISC license.
|
|
52
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
53
|
-
*/const Jn=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Qn=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,r,a)=>a?a.toUpperCase():r.toLowerCase()),Nr=e=>{const t=Qn(e);return t.charAt(0).toUpperCase()+t.slice(1)},Er=(...e)=>e.filter((t,r,a)=>!!t&&t.trim()!==""&&a.indexOf(t)===r).join(" ").trim(),Rn=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};/**
|
|
54
|
-
* @license lucide-react v0.546.0 - ISC
|
|
55
|
-
*
|
|
56
|
-
* This source code is licensed under the ISC license.
|
|
57
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
58
|
-
*/var eo={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
|
|
59
|
-
* @license lucide-react v0.546.0 - ISC
|
|
60
|
-
*
|
|
61
|
-
* This source code is licensed under the ISC license.
|
|
62
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
63
|
-
*/const to=f.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:r=2,absoluteStrokeWidth:a,className:o="",children:s,iconNode:l,...d},u)=>f.createElement("svg",{ref:u,...eo,width:t,height:t,stroke:e,strokeWidth:a?Number(r)*24/Number(t):r,className:Er("lucide",o),...!s&&!Rn(d)&&{"aria-hidden":"true"},...d},[...l.map(([c,g])=>f.createElement(c,g)),...Array.isArray(s)?s:[s]]));/**
|
|
64
|
-
* @license lucide-react v0.546.0 - ISC
|
|
65
|
-
*
|
|
66
|
-
* This source code is licensed under the ISC license.
|
|
67
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
68
|
-
*/const xt=(e,t)=>{const r=f.forwardRef(({className:a,...o},s)=>f.createElement(to,{ref:s,iconNode:t,className:Er(`lucide-${Jn(Nr(e))}`,`lucide-${e}`,a),...o}));return r.displayName=Nr(e),r};/**
|
|
69
|
-
* @license lucide-react v0.546.0 - ISC
|
|
70
|
-
*
|
|
71
|
-
* This source code is licensed under the ISC license.
|
|
72
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
73
|
-
*/const ro=xt("eye-off",[["path",{d:"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",key:"ct8e1f"}],["path",{d:"M14.084 14.158a3 3 0 0 1-4.242-4.242",key:"151rxh"}],["path",{d:"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",key:"13bj9a"}],["path",{d:"m2 2 20 20",key:"1ooewy"}]]);/**
|
|
74
|
-
* @license lucide-react v0.546.0 - ISC
|
|
75
|
-
*
|
|
76
|
-
* This source code is licensed under the ISC license.
|
|
77
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
78
|
-
*/const ao=xt("eye",[["path",{d:"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",key:"1nclc0"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/**
|
|
79
|
-
* @license lucide-react v0.546.0 - ISC
|
|
80
|
-
*
|
|
81
|
-
* This source code is licensed under the ISC license.
|
|
82
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
83
|
-
*/const Sr=xt("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]),kr={sm:"w-[320px]",md:"w-[480px]",lg:"w-[640px]",xl:"w-[800px]",full:"w-full"},Tr={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"}},no=({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=kr[a]||kr.md,y=Tr[s]||Tr.right;return n.jsx(Gn,{open:e,onOpenChange:t,children:n.jsxs(Kn,{children:[n.jsx(Yn,{className:v("fixed inset-0 bg-black/30 z-40","data-[state=open]:animate-overlay-fade-in data-[state=closed]:animate-overlay-fade-out",c)}),n.jsxs(Zn,{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(Xn,{className:"text-lg font-semibold text-gray-900",children:o})]}),g&&n.jsx(qn,{asChild:!0,children:i||n.jsx("button",{className:"p-1 rounded text-gray-500 hover:bg-gray-100",children:n.jsx(Sr,{className:"w-5 h-5"})})})]}),n.jsx("div",{className:"overflow-y-auto flex-1 min-h-0",children:r})]})]})})},oo=({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(Sr,{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},so=({children:e,className:t})=>n.jsx("div",{className:v("mb-4",t),children:e}),io=({children:e,className:t})=>n.jsx("div",{className:v("",t),children:e}),lo=({children:e,className:t})=>n.jsx("div",{className:v("flex items-center justify-end gap-2",t),children:e}),co={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"}}},wt=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=co[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 focus:hover: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})]})});wt.displayName="Input";const Mr=f.forwardRef(({error:e,className:t,...r},a)=>n.jsx("textarea",{ref:a,className:`
|
|
84
|
-
min-h-[80px] w-full rounded-[8px] border border-gray-300 px-3 py-2 text-sm
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('/*! tailwindcss v4.3.2 | 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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--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:#f8f8f9;--color-gray-100:#eaeaec;--color-gray-200:#d4d6d9;--color-gray-300:#bfc1c6;--color-gray-400:#a3a6ac;--color-gray-500:#717680;--color-gray-600:#60646d;--color-gray-700:#555960;--color-gray-800:#494d53;--color-gray-900:#393b40;--color-gray-950:#28292d;--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;--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-500:#5048ed;--color-brand-600:#3b34cb;--color-brand-700:#2924aa;--color-brand-800:#1a1689;--color-brand-900:#100d71;--color-gray-25:#fff;--color-success-50:#f6fcf4;--color-success-100:#e5f6dd;--color-success-200:#cbedba;--color-success-300:#b1e498;--color-success-500:#52c41a;--color-success-600:#46a716;--color-success-700:#3e9314;--color-success-800:#357f11;--color-error-50:#fdf1ed;--color-error-100:#fce2dc;--color-error-200:#f9ccc1;--color-error-300:#f7b7a7;--color-error-500:#ee6e4f;--color-error-600:#d66347;--color-error-700:#be583f;--color-error-800:#a74d37;--color-warning-50:#fffbf3;--color-warning-100:#fef3dc;--color-warning-200:#fee6b9;--color-warning-300:#fdda95;--color-warning-500:#faad14;--color-warning-600:#d59311;--color-warning-700:#bc820f;--color-warning-800:#a3700d;--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:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible),button:focus:not(:focus-visible){outline-offset:2px;outline:2px solid #0000}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}}@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:var(--spacing);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-required-mark{margin-left:var(--spacing);color:var(--color-error-500)}.form-control{position:relative}.form-message{margin-top:var(--spacing);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);width:25%;margin-bottom:0}.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{align-items:center;margin-bottom:0;display:flex}.form-inline .form-label{margin-right:calc(var(--spacing) * 2);margin-bottom:0}.zango-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--zango-border-color-default,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(--zango-border-color-hover,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}.invisible{visibility:hidden}.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}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.top-1\\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-3\\!{top:calc(var(--spacing) * 3)!important}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\\!{right:calc(var(--spacing) * 3)!important}.bottom-0{bottom:0}.bottom-\\[-2px\\]{bottom:-2px}.bottom-full{bottom:100%}.left-0{left: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: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:var(--spacing)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0{margin-top:0}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.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:var(--spacing)}.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:var(--spacing)}.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:0!important}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\\.5{height:calc(var(--spacing) * 3.5)}.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-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-64{height:calc(var(--spacing) * 64)}.h-\\[36px\\]{height:36px}.h-\\[var\\(--zango-control-height-lg\\,44px\\)\\]{height:var(--zango-control-height-lg,44px)}.h-\\[var\\(--zango-control-height-md\\,36px\\)\\]{height:var(--zango-control-height-md,36px)}.h-\\[var\\(--zango-control-height-sm\\,32px\\)\\]{height:var(--zango-control-height-sm,32px)}.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:0}.min-h-0\\!{min-height:0!important}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-\\[24px\\]{min-height:24px}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[80px\\]{min-height:80px}.min-h-\\[var\\(--zango-control-height-lg\\,44px\\)\\]{min-height:var(--zango-control-height-lg,44px)}.min-h-\\[var\\(--zango-control-height-md\\,36px\\)\\]{min-height:var(--zango-control-height-md,36px)}.min-h-\\[var\\(--zango-control-height-sm\\,32px\\)\\]{min-height:var(--zango-control-height-sm,32px)}.min-h-\\[var\\(--zango-dialog-min-height\\,200px\\)\\]{min-height:var(--zango-dialog-min-height,200px)}.min-h-screen{min-height:100vh}.w-1\\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\\.5{width:calc(var(--spacing) * 3.5)}.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:0}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-\\[3rem\\]{min-width:3rem}.min-w-\\[24px\\]{min-width:24px}.min-w-\\[160px\\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.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: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-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.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))}.grid-cols-4{grid-template-columns:repeat(4,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:var(--spacing)}.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(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * 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(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * 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-\\[12px\\]{border-radius:12px}.rounded-\\[var\\(--zango-border-radius-lg\\,12px\\)\\]{border-radius:var(--zango-border-radius-lg,12px)}.rounded-\\[var\\(--zango-border-radius-md\\,8px\\)\\]{border-radius:var(--zango-border-radius-md,8px)}.rounded-\\[var\\(--zango-border-radius-sm\\,4px\\)\\]{border-radius:var(--zango-border-radius-sm,4px)}.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-t-\\[var\\(--zango-border-radius-lg\\,12px\\)\\]{border-top-left-radius:var(--zango-border-radius-lg,12px);border-top-right-radius:var(--zango-border-radius-lg,12px)}.rounded-l-\\[var\\(--zango-border-radius-lg\\,12px\\)\\]{border-top-left-radius:var(--zango-border-radius-lg,12px);border-bottom-left-radius:var(--zango-border-radius-lg,12px)}.rounded-l-\\[var\\(--zango-border-radius-md\\,8px\\)\\]{border-top-left-radius:var(--zango-border-radius-md,8px);border-bottom-left-radius:var(--zango-border-radius-md,8px)}.rounded-r-\\[var\\(--zango-border-radius-lg\\,12px\\)\\]{border-top-right-radius:var(--zango-border-radius-lg,12px);border-bottom-right-radius:var(--zango-border-radius-lg,12px)}.rounded-r-\\[var\\(--zango-border-radius-md\\,8px\\)\\]{border-top-right-radius:var(--zango-border-radius-md,8px);border-bottom-right-radius:var(--zango-border-radius-md,8px)}.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-\\[var\\(--zango-border-color-default\\,var\\(--color-gray-300\\)\\)\\]{border-color:var(--zango-border-color-default,var(--color-gray-300))}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-brand-100{border-color:var(--color-brand-100)}.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-white\\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.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\\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\\/60{background-color:color-mix(in oklab,var(--color-black) 60%,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-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-bl{--tw-gradient-position:to bottom left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tl{--tw-gradient-position:to top left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-brand-50{--tw-gradient-from:var(--color-brand-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-brand-500{--tw-gradient-from:var(--color-brand-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-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-base-white{--tw-gradient-to:var(--color-base-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-brand-700{--tw-gradient-to:var(--color-brand-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-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))}.to-60\\%{--tw-gradient-to-position:60%}.fill-yellow-500{fill:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\\!{padding:0!important}.p-1{padding:var(--spacing)}.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)}.p-\\[var\\(--zango-card-padding-md\\,24px\\)\\]{padding:var(--zango-card-padding-md,24px)}.p-\\[var\\(--zango-card-padding-sm\\,16px\\)\\]{padding:var(--zango-card-padding-sm,16px)}.px-1{padding-inline:var(--spacing)}.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)}.px-\\[var\\(--zango-control-padding-x-lg\\,24px\\)\\]{padding-inline:var(--zango-control-padding-x-lg,24px)}.px-\\[var\\(--zango-control-padding-x-md\\,16px\\)\\]{padding-inline:var(--zango-control-padding-x-md,16px)}.px-\\[var\\(--zango-control-padding-x-sm\\,12px\\)\\]{padding-inline:var(--zango-control-padding-x-sm,12px)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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: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:0}.pl-2{padding-left:calc(var(--spacing) * 2)}.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}.text-\\[length\\:var\\(--zango-font-size-base\\,1rem\\)\\]{font-size:var(--zango-font-size-base,1rem)}.text-\\[length\\:var\\(--zango-font-size-sm\\,0\\.875rem\\)\\]{font-size:var(--zango-font-size-sm,.875rem)}.text-\\[length\\:var\\(--zango-font-size-xs\\,0\\.75rem\\)\\]{font-size:var(--zango-font-size-xs,.75rem)}.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-500\\!{color:var(--color-gray-500)!important}.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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.peer-focus-visible\\:ring-2:is(:where(.peer):focus-visible~*){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-focus-visible\\:ring-brand-500:is(:where(.peer):focus-visible~*){--tw-ring-color:var(--color-brand-500)}.peer-focus-visible\\:ring-offset-1:is(:where(.peer):focus-visible~*){--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.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-\\[var\\(--zango-border-color-hover\\,var\\(--color-gray-400\\)\\)\\]:hover{border-color:var(--zango-border-color-hover,var(--color-gray-400))}.hover\\:border-brand-600:hover{border-color:var(--color-brand-600)}.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-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-700\\!:hover{color:var(--color-gray-700)!important}.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)}.hover\\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.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\\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\: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\\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (hover:hover){.focus\\:hover\\:border-brand-500:focus:hover{border-color:var(--color-brand-500)}}.focus-visible\\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\\:ring-brand-500:focus-visible{--tw-ring-color:var(--color-brand-500)}.focus-visible\\:ring-current:focus-visible{--tw-ring-color:currentcolor}.focus-visible\\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-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}}.focus-visible\\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:-outline-offset-2:focus-visible{outline-offset:-2px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-brand-500:focus-visible{outline-color:var(--color-brand-500)}.focus-visible\\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.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-success-700:active{background-color:var(--color-success-700)}.active\\:brightness-95:active{--tw-brightness:brightness(95%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=closed\\]\\:animate-overlay-fade-out[data-state=closed]{animation:.3s ease-in-out overlay-fade-out}.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-overlay-fade-in[data-state=open]{animation:.3s ease-in-out overlay-fade-in}.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 (prefers-reduced-motion:reduce){.motion-reduce\\:animate-none{animation:none}.motion-reduce\\:transition-none{transition-property:none}}@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}.\\[\\&\\>svg\\]\\:\\!text-gray-500>svg{color:var(--color-gray-500)!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 overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes slide-in-from-right-full{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes phone-menu-slide-down-open{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-menu-slide-down-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes phone-menu-slide-up-open{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-menu-slide-up-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}[data-type=success],[data-type=error],[data-type=warning],[data-type=info]{background-color:var(--color-base-white)!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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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
|
+
(function(T,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("react/jsx-runtime"),require("lucide-react"),require("sonner"),require("react"),require("@radix-ui/react-dialog")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","lucide-react","sonner","react","@radix-ui/react-dialog"],r):(T=typeof globalThis<"u"?globalThis:T||self,r(T.ZangoComponentLibrary={},T["react/jsx-runtime"],T.LucideReact,T.sonner,T.React,T.RadixDialog))})(this,function(T,r,de,X,m,Br){"use strict";function Gr(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const xe=Gr(Br),Pr=(e,o)=>{const a=new Array(e.length+o.length);for(let t=0;t<e.length;t++)a[t]=e[t];for(let t=0;t<o.length;t++)a[e.length+t]=o[t];return a},jr=(e,o)=>({classGroupId:e,validator:o}),He=(e=new Map,o=null,a)=>({nextPart:e,validators:o,classGroupId:a}),Ae="-",qe=[],$r="arbitrary..",Fr=e=>{const o=Or(e),{conflictingClassGroups:a,conflictingClassGroupModifiers:t}=e;return{getClassGroupId:l=>{if(l.startsWith("[")&&l.endsWith("]"))return Vr(l);const f=l.split(Ae),d=f[0]===""&&f.length>1?1:0;return Ze(f,d,o)},getConflictingClassGroupIds:(l,f)=>{if(f){const d=t[l],g=a[l];return d?g?Pr(g,d):d:g||qe}return a[l]||qe}}},Ze=(e,o,a)=>{if(e.length-o===0)return a.classGroupId;const s=e[o],i=a.nextPart.get(s);if(i){const g=Ze(e,o+1,i);if(g)return g}const l=a.validators;if(l===null)return;const f=o===0?e.join(Ae):e.slice(o).join(Ae),d=l.length;for(let g=0;g<d;g++){const x=l[g];if(x.validator(f))return x.classGroupId}},Vr=e=>e.slice(1,-1).indexOf(":")===-1?void 0:(()=>{const o=e.slice(1,-1),a=o.indexOf(":"),t=o.slice(0,a);return t?$r+t:void 0})(),Or=e=>{const{theme:o,classGroups:a}=e;return Wr(a,o)},Wr=(e,o)=>{const a=He();for(const t in e){const s=e[t];Ge(s,a,t,o)}return a},Ge=(e,o,a,t)=>{const s=e.length;for(let i=0;i<s;i++){const l=e[i];Ur(l,o,a,t)}},Ur=(e,o,a,t)=>{if(typeof e=="string"){Kr(e,o,a);return}if(typeof e=="function"){Hr(e,o,a,t);return}qr(e,o,a,t)},Kr=(e,o,a)=>{const t=e===""?o:_e(o,e);t.classGroupId=a},Hr=(e,o,a,t)=>{if(Zr(e)){Ge(e(t),o,a,t);return}o.validators===null&&(o.validators=[]),o.validators.push(jr(a,e))},qr=(e,o,a,t)=>{const s=Object.entries(e),i=s.length;for(let l=0;l<i;l++){const[f,d]=s[l];Ge(d,_e(o,f),a,t)}},_e=(e,o)=>{let a=e;const t=o.split(Ae),s=t.length;for(let i=0;i<s;i++){const l=t[i];let f=a.nextPart.get(l);f||(f=He(),a.nextPart.set(l,f)),a=f}return a},Zr=e=>"isThemeGetter"in e&&e.isThemeGetter===!0,_r=e=>{if(e<1)return{get:()=>{},set:()=>{}};let o=0,a=Object.create(null),t=Object.create(null);const s=(i,l)=>{a[i]=l,o++,o>e&&(o=0,t=a,a=Object.create(null))};return{get(i){let l=a[i];if(l!==void 0)return l;if((l=t[i])!==void 0)return s(i,l),l},set(i,l){i in a?a[i]=l:s(i,l)}}},Pe="!",Ye=":",Yr=[],Je=(e,o,a,t,s)=>({modifiers:e,hasImportantModifier:o,baseClassName:a,maybePostfixModifierPosition:t,isExternal:s}),Jr=e=>{const{prefix:o,experimentalParseClassName:a}=e;let t=s=>{const i=[];let l=0,f=0,d=0,g;const x=s.length;for(let L=0;L<x;L++){const h=s[L];if(l===0&&f===0){if(h===Ye){i.push(s.slice(d,L)),d=L+1;continue}if(h==="/"){g=L;continue}}h==="["?l++:h==="]"?l--:h==="("?f++:h===")"&&f--}const c=i.length===0?s:s.slice(d);let p=c,z=!1;c.endsWith(Pe)?(p=c.slice(0,-1),z=!0):c.startsWith(Pe)&&(p=c.slice(1),z=!0);const B=g&&g>d?g-d:void 0;return Je(i,z,p,B)};if(o){const s=o+Ye,i=t;t=l=>l.startsWith(s)?i(l.slice(s.length)):Je(Yr,!1,l,void 0,!0)}if(a){const s=t;t=i=>a({className:i,parseClassName:s})}return t},Xr=e=>{const o=new Map;return e.orderSensitiveModifiers.forEach((a,t)=>{o.set(a,1e6+t)}),a=>{const t=[];let s=[];for(let i=0;i<a.length;i++){const l=a[i],f=l[0]==="[",d=o.has(l);f||d?(s.length>0&&(s.sort(),t.push(...s),s=[]),t.push(l)):s.push(l)}return s.length>0&&(s.sort(),t.push(...s)),t}},Qr=e=>({cache:_r(e.cacheSize),parseClassName:Jr(e),sortModifiers:Xr(e),postfixLookupClassGroupIds:Rr(e),...Fr(e)}),Rr=e=>{const o=Object.create(null),a=e.postfixLookupClassGroups;if(a)for(let t=0;t<a.length;t++)o[a[t]]=!0;return o},ea=/\s+/,ra=(e,o)=>{const{parseClassName:a,getClassGroupId:t,getConflictingClassGroupIds:s,sortModifiers:i,postfixLookupClassGroupIds:l}=o,f=[],d=e.trim().split(ea);let g="";for(let x=d.length-1;x>=0;x-=1){const c=d[x],{isExternal:p,modifiers:z,hasImportantModifier:B,baseClassName:L,maybePostfixModifierPosition:h}=a(c);if(p){g=c+(g.length>0?" "+g:g);continue}let E=!!h,v;if(E){const M=L.substring(0,h);v=t(M);const n=v&&l[v]?t(L):void 0;n&&n!==v&&(v=n,E=!1)}else v=t(L);if(!v){if(!E){g=c+(g.length>0?" "+g:g);continue}if(v=t(L),!v){g=c+(g.length>0?" "+g:g);continue}E=!1}const b=z.length===0?"":z.length===1?z[0]:i(z).join(":"),I=B?b+Pe:b,P=I+v;if(f.indexOf(P)>-1)continue;f.push(P);const S=s(v,E);for(let M=0;M<S.length;++M){const n=S[M];f.push(I+n)}g=c+(g.length>0?" "+g:g)}return g},aa=(...e)=>{let o=0,a,t,s="";for(;o<e.length;)(a=e[o++])&&(t=Xe(a))&&(s&&(s+=" "),s+=t);return s},Xe=e=>{if(typeof e=="string")return e;let o,a="";for(let t=0;t<e.length;t++)e[t]&&(o=Xe(e[t]))&&(a&&(a+=" "),a+=o);return a},oa=(e,...o)=>{let a,t,s,i;const l=d=>{const g=o.reduce((x,c)=>c(x),e());return a=Qr(g),t=a.cache.get,s=a.cache.set,i=f,f(d)},f=d=>{const g=t(d);if(g)return g;const x=ra(d,a);return s(d,x),x};return i=l,(...d)=>i(aa(...d))},ta=[],_=e=>{const o=a=>a[e]||ta;return o.isThemeGetter=!0,o},Qe=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,Re=/^\((?:(\w[\w-]*):)?(.+)\)$/i,sa=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,na=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,la=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,ia=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,da=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,ca=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,ce=e=>sa.test(e),$=e=>!!e&&!Number.isNaN(Number(e)),ae=e=>!!e&&Number.isInteger(Number(e)),je=e=>e.endsWith("%")&&$(e.slice(0,-1)),te=e=>na.test(e),er=()=>!0,fa=e=>la.test(e)&&!ia.test(e),$e=()=>!1,ga=e=>da.test(e),ua=e=>ca.test(e),ma=e=>!C(e)&&!k(e),ba=e=>e.startsWith("@container")&&(e[10]==="/"&&e[11]!==void 0||e[11]==="s"&&e[16]!==void 0&&e.startsWith("-size/",10)||e[11]==="n"&&e[18]!==void 0&&e.startsWith("-normal/",10)),pa=e=>fe(e,nr,$e),C=e=>Qe.test(e),ue=e=>fe(e,lr,fa),rr=e=>fe(e,Na,$),ha=e=>fe(e,dr,er),va=e=>fe(e,ir,$e),ar=e=>fe(e,tr,$e),xa=e=>fe(e,sr,ua),Me=e=>fe(e,cr,ga),k=e=>Re.test(e),ze=e=>me(e,lr),ya=e=>me(e,ir),or=e=>me(e,tr),wa=e=>me(e,nr),Ca=e=>me(e,sr),Te=e=>me(e,cr,!0),ka=e=>me(e,dr,!0),fe=(e,o,a)=>{const t=Qe.exec(e);return t?t[1]?o(t[1]):a(t[2]):!1},me=(e,o,a=!1)=>{const t=Re.exec(e);return t?t[1]?o(t[1]):a:!1},tr=e=>e==="position"||e==="percentage",sr=e=>e==="image"||e==="url",nr=e=>e==="length"||e==="size"||e==="bg-size",lr=e=>e==="length",Na=e=>e==="number",ir=e=>e==="family-name",dr=e=>e==="number"||e==="weight",cr=e=>e==="shadow",za=oa(()=>{const e=_("color"),o=_("font"),a=_("text"),t=_("font-weight"),s=_("tracking"),i=_("leading"),l=_("breakpoint"),f=_("container"),d=_("spacing"),g=_("radius"),x=_("shadow"),c=_("inset-shadow"),p=_("text-shadow"),z=_("drop-shadow"),B=_("blur"),L=_("perspective"),h=_("aspect"),E=_("ease"),v=_("animate"),b=()=>["auto","avoid","all","avoid-page","page","left","right","column"],I=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"],P=()=>[...I(),k,C],S=()=>["auto","hidden","clip","visible","scroll"],M=()=>["auto","contain","none"],n=()=>[k,C,d],y=()=>[ce,"full","auto",...n()],F=()=>[ae,"none","subgrid",k,C],A=()=>["auto",{span:["full",ae,k,C]},ae,k,C],G=()=>[ae,"auto",k,C],O=()=>["auto","min","max","fr",k,C],q=()=>["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"],Z=()=>["start","end","center","stretch","center-safe","end-safe"],U=()=>["auto",...n()],V=()=>[ce,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...n()],le=()=>[ce,"screen","full","dvw","lvw","svw","min","max","fit",...n()],Q=()=>[ce,"screen","full","lh","dvh","lvh","svh","min","max","fit",...n()],D=()=>[e,k,C],Y=()=>[...I(),or,ar,{position:[k,C]}],be=()=>["no-repeat",{repeat:["","x","y","space","round"]}],ee=()=>["auto","cover","contain",wa,pa,{size:[k,C]}],ie=()=>[je,ze,ue],W=()=>["","none","full",g,k,C],w=()=>["",$,ze,ue],H=()=>["solid","dashed","dotted","double"],re=()=>["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"],K=()=>[$,je,or,ar],R=()=>["","none",B,k,C],pe=()=>["none",$,k,C],ye=()=>["none",$,k,C],ge=()=>[$,k,C],he=()=>[ce,"full",...n()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[te],breakpoint:[te],color:[er],container:[te],"drop-shadow":[te],ease:["in","out","in-out"],font:[ma],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[te],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[te],shadow:[te],spacing:["px",$],text:[te],"text-shadow":[te],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",ce,C,k,h]}],container:["container"],"container-type":[{"@container":["","normal","size",k,C]}],"container-named":[ba],columns:[{columns:[$,C,k,f]}],"break-after":[{"break-after":b()}],"break-before":[{"break-before":b()}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:P()}],overflow:[{overflow:S()}],"overflow-x":[{"overflow-x":S()}],"overflow-y":[{"overflow-y":S()}],overscroll:[{overscroll:M()}],"overscroll-x":[{"overscroll-x":M()}],"overscroll-y":[{"overscroll-y":M()}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:y()}],"inset-x":[{"inset-x":y()}],"inset-y":[{"inset-y":y()}],start:[{"inset-s":y(),start:y()}],end:[{"inset-e":y(),end:y()}],"inset-bs":[{"inset-bs":y()}],"inset-be":[{"inset-be":y()}],top:[{top:y()}],right:[{right:y()}],bottom:[{bottom:y()}],left:[{left:y()}],visibility:["visible","invisible","collapse"],z:[{z:[ae,"auto",k,C]}],basis:[{basis:[ce,"full","auto",f,...n()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[$,ce,"auto","initial","none",C]}],grow:[{grow:["",$,k,C]}],shrink:[{shrink:["",$,k,C]}],order:[{order:[ae,"first","last","none",k,C]}],"grid-cols":[{"grid-cols":F()}],"col-start-end":[{col:A()}],"col-start":[{"col-start":G()}],"col-end":[{"col-end":G()}],"grid-rows":[{"grid-rows":F()}],"row-start-end":[{row:A()}],"row-start":[{"row-start":G()}],"row-end":[{"row-end":G()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":O()}],"auto-rows":[{"auto-rows":O()}],gap:[{gap:n()}],"gap-x":[{"gap-x":n()}],"gap-y":[{"gap-y":n()}],"justify-content":[{justify:[...q(),"normal"]}],"justify-items":[{"justify-items":[...Z(),"normal"]}],"justify-self":[{"justify-self":["auto",...Z()]}],"align-content":[{content:["normal",...q()]}],"align-items":[{items:[...Z(),{baseline:["","last"]}]}],"align-self":[{self:["auto",...Z(),{baseline:["","last"]}]}],"place-content":[{"place-content":q()}],"place-items":[{"place-items":[...Z(),"baseline"]}],"place-self":[{"place-self":["auto",...Z()]}],p:[{p:n()}],px:[{px:n()}],py:[{py:n()}],ps:[{ps:n()}],pe:[{pe:n()}],pbs:[{pbs:n()}],pbe:[{pbe:n()}],pt:[{pt:n()}],pr:[{pr:n()}],pb:[{pb:n()}],pl:[{pl:n()}],m:[{m:U()}],mx:[{mx:U()}],my:[{my:U()}],ms:[{ms:U()}],me:[{me:U()}],mbs:[{mbs:U()}],mbe:[{mbe:U()}],mt:[{mt:U()}],mr:[{mr:U()}],mb:[{mb:U()}],ml:[{ml:U()}],"space-x":[{"space-x":n()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":n()}],"space-y-reverse":["space-y-reverse"],size:[{size:V()}],"inline-size":[{inline:["auto",...le()]}],"min-inline-size":[{"min-inline":["auto",...le()]}],"max-inline-size":[{"max-inline":["none",...le()]}],"block-size":[{block:["auto",...Q()]}],"min-block-size":[{"min-block":["auto",...Q()]}],"max-block-size":[{"max-block":["none",...Q()]}],w:[{w:[f,"screen",...V()]}],"min-w":[{"min-w":[f,"screen","none",...V()]}],"max-w":[{"max-w":[f,"screen","none","prose",{screen:[l]},...V()]}],h:[{h:["screen","lh",...V()]}],"min-h":[{"min-h":["screen","lh","none",...V()]}],"max-h":[{"max-h":["screen","lh",...V()]}],"font-size":[{text:["base",a,ze,ue]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[t,ka,ha]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",je,C]}],"font-family":[{font:[ya,va,o]}],"font-features":[{"font-features":[C]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[s,k,C]}],"line-clamp":[{"line-clamp":[$,"none",k,rr]}],leading:[{leading:[i,...n()]}],"list-image":[{"list-image":["none",k,C]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",k,C]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:D()}],"text-color":[{text:D()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:[...H(),"wavy"]}],"text-decoration-thickness":[{decoration:[$,"from-font","auto",k,ue]}],"text-decoration-color":[{decoration:D()}],"underline-offset":[{"underline-offset":[$,"auto",k,C]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:n()}],"tab-size":[{tab:[ae,k,C]}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",k,C]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",k,C]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:Y()}],"bg-repeat":[{bg:be()}],"bg-size":[{bg:ee()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},ae,k,C],radial:["",k,C],conic:[ae,k,C]},Ca,xa]}],"bg-color":[{bg:D()}],"gradient-from-pos":[{from:ie()}],"gradient-via-pos":[{via:ie()}],"gradient-to-pos":[{to:ie()}],"gradient-from":[{from:D()}],"gradient-via":[{via:D()}],"gradient-to":[{to:D()}],rounded:[{rounded:W()}],"rounded-s":[{"rounded-s":W()}],"rounded-e":[{"rounded-e":W()}],"rounded-t":[{"rounded-t":W()}],"rounded-r":[{"rounded-r":W()}],"rounded-b":[{"rounded-b":W()}],"rounded-l":[{"rounded-l":W()}],"rounded-ss":[{"rounded-ss":W()}],"rounded-se":[{"rounded-se":W()}],"rounded-ee":[{"rounded-ee":W()}],"rounded-es":[{"rounded-es":W()}],"rounded-tl":[{"rounded-tl":W()}],"rounded-tr":[{"rounded-tr":W()}],"rounded-br":[{"rounded-br":W()}],"rounded-bl":[{"rounded-bl":W()}],"border-w":[{border:w()}],"border-w-x":[{"border-x":w()}],"border-w-y":[{"border-y":w()}],"border-w-s":[{"border-s":w()}],"border-w-e":[{"border-e":w()}],"border-w-bs":[{"border-bs":w()}],"border-w-be":[{"border-be":w()}],"border-w-t":[{"border-t":w()}],"border-w-r":[{"border-r":w()}],"border-w-b":[{"border-b":w()}],"border-w-l":[{"border-l":w()}],"divide-x":[{"divide-x":w()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":w()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:[...H(),"hidden","none"]}],"divide-style":[{divide:[...H(),"hidden","none"]}],"border-color":[{border:D()}],"border-color-x":[{"border-x":D()}],"border-color-y":[{"border-y":D()}],"border-color-s":[{"border-s":D()}],"border-color-e":[{"border-e":D()}],"border-color-bs":[{"border-bs":D()}],"border-color-be":[{"border-be":D()}],"border-color-t":[{"border-t":D()}],"border-color-r":[{"border-r":D()}],"border-color-b":[{"border-b":D()}],"border-color-l":[{"border-l":D()}],"divide-color":[{divide:D()}],"outline-style":[{outline:[...H(),"none","hidden"]}],"outline-offset":[{"outline-offset":[$,k,C]}],"outline-w":[{outline:["",$,ze,ue]}],"outline-color":[{outline:D()}],shadow:[{shadow:["","none",x,Te,Me]}],"shadow-color":[{shadow:D()}],"inset-shadow":[{"inset-shadow":["none",c,Te,Me]}],"inset-shadow-color":[{"inset-shadow":D()}],"ring-w":[{ring:w()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:D()}],"ring-offset-w":[{"ring-offset":[$,ue]}],"ring-offset-color":[{"ring-offset":D()}],"inset-ring-w":[{"inset-ring":w()}],"inset-ring-color":[{"inset-ring":D()}],"text-shadow":[{"text-shadow":["none",p,Te,Me]}],"text-shadow-color":[{"text-shadow":D()}],opacity:[{opacity:[$,k,C]}],"mix-blend":[{"mix-blend":[...re(),"plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":re()}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[$]}],"mask-image-linear-from-pos":[{"mask-linear-from":K()}],"mask-image-linear-to-pos":[{"mask-linear-to":K()}],"mask-image-linear-from-color":[{"mask-linear-from":D()}],"mask-image-linear-to-color":[{"mask-linear-to":D()}],"mask-image-t-from-pos":[{"mask-t-from":K()}],"mask-image-t-to-pos":[{"mask-t-to":K()}],"mask-image-t-from-color":[{"mask-t-from":D()}],"mask-image-t-to-color":[{"mask-t-to":D()}],"mask-image-r-from-pos":[{"mask-r-from":K()}],"mask-image-r-to-pos":[{"mask-r-to":K()}],"mask-image-r-from-color":[{"mask-r-from":D()}],"mask-image-r-to-color":[{"mask-r-to":D()}],"mask-image-b-from-pos":[{"mask-b-from":K()}],"mask-image-b-to-pos":[{"mask-b-to":K()}],"mask-image-b-from-color":[{"mask-b-from":D()}],"mask-image-b-to-color":[{"mask-b-to":D()}],"mask-image-l-from-pos":[{"mask-l-from":K()}],"mask-image-l-to-pos":[{"mask-l-to":K()}],"mask-image-l-from-color":[{"mask-l-from":D()}],"mask-image-l-to-color":[{"mask-l-to":D()}],"mask-image-x-from-pos":[{"mask-x-from":K()}],"mask-image-x-to-pos":[{"mask-x-to":K()}],"mask-image-x-from-color":[{"mask-x-from":D()}],"mask-image-x-to-color":[{"mask-x-to":D()}],"mask-image-y-from-pos":[{"mask-y-from":K()}],"mask-image-y-to-pos":[{"mask-y-to":K()}],"mask-image-y-from-color":[{"mask-y-from":D()}],"mask-image-y-to-color":[{"mask-y-to":D()}],"mask-image-radial":[{"mask-radial":[k,C]}],"mask-image-radial-from-pos":[{"mask-radial-from":K()}],"mask-image-radial-to-pos":[{"mask-radial-to":K()}],"mask-image-radial-from-color":[{"mask-radial-from":D()}],"mask-image-radial-to-color":[{"mask-radial-to":D()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":I()}],"mask-image-conic-pos":[{"mask-conic":[$]}],"mask-image-conic-from-pos":[{"mask-conic-from":K()}],"mask-image-conic-to-pos":[{"mask-conic-to":K()}],"mask-image-conic-from-color":[{"mask-conic-from":D()}],"mask-image-conic-to-color":[{"mask-conic-to":D()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:Y()}],"mask-repeat":[{mask:be()}],"mask-size":[{mask:ee()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",k,C]}],filter:[{filter:["","none",k,C]}],blur:[{blur:R()}],brightness:[{brightness:[$,k,C]}],contrast:[{contrast:[$,k,C]}],"drop-shadow":[{"drop-shadow":["","none",z,Te,Me]}],"drop-shadow-color":[{"drop-shadow":D()}],grayscale:[{grayscale:["",$,k,C]}],"hue-rotate":[{"hue-rotate":[$,k,C]}],invert:[{invert:["",$,k,C]}],saturate:[{saturate:[$,k,C]}],sepia:[{sepia:["",$,k,C]}],"backdrop-filter":[{"backdrop-filter":["","none",k,C]}],"backdrop-blur":[{"backdrop-blur":R()}],"backdrop-brightness":[{"backdrop-brightness":[$,k,C]}],"backdrop-contrast":[{"backdrop-contrast":[$,k,C]}],"backdrop-grayscale":[{"backdrop-grayscale":["",$,k,C]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[$,k,C]}],"backdrop-invert":[{"backdrop-invert":["",$,k,C]}],"backdrop-opacity":[{"backdrop-opacity":[$,k,C]}],"backdrop-saturate":[{"backdrop-saturate":[$,k,C]}],"backdrop-sepia":[{"backdrop-sepia":["",$,k,C]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":n()}],"border-spacing-x":[{"border-spacing-x":n()}],"border-spacing-y":[{"border-spacing-y":n()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",k,C]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[$,"initial",k,C]}],ease:[{ease:["linear","initial",E,k,C]}],delay:[{delay:[$,k,C]}],animate:[{animate:["none",v,k,C]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[L,k,C]}],"perspective-origin":[{"perspective-origin":P()}],rotate:[{rotate:pe()}],"rotate-x":[{"rotate-x":pe()}],"rotate-y":[{"rotate-y":pe()}],"rotate-z":[{"rotate-z":pe()}],scale:[{scale:ye()}],"scale-x":[{"scale-x":ye()}],"scale-y":[{"scale-y":ye()}],"scale-z":[{"scale-z":ye()}],"scale-3d":["scale-3d"],skew:[{skew:ge()}],"skew-x":[{"skew-x":ge()}],"skew-y":[{"skew-y":ge()}],transform:[{transform:[k,C,"","none","gpu","cpu"]}],"transform-origin":[{origin:P()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:he()}],"translate-x":[{"translate-x":he()}],"translate-y":[{"translate-y":he()}],"translate-z":[{"translate-z":he()}],"translate-none":["translate-none"],zoom:[{zoom:[ae,k,C]}],accent:[{accent:D()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:D()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",k,C]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scrollbar-thumb-color":[{"scrollbar-thumb":D()}],"scrollbar-track-color":[{"scrollbar-track":D()}],"scrollbar-gutter":[{"scrollbar-gutter":["auto","stable","both"]}],"scrollbar-w":[{scrollbar:["auto","thin","none"]}],"scroll-m":[{"scroll-m":n()}],"scroll-mx":[{"scroll-mx":n()}],"scroll-my":[{"scroll-my":n()}],"scroll-ms":[{"scroll-ms":n()}],"scroll-me":[{"scroll-me":n()}],"scroll-mbs":[{"scroll-mbs":n()}],"scroll-mbe":[{"scroll-mbe":n()}],"scroll-mt":[{"scroll-mt":n()}],"scroll-mr":[{"scroll-mr":n()}],"scroll-mb":[{"scroll-mb":n()}],"scroll-ml":[{"scroll-ml":n()}],"scroll-p":[{"scroll-p":n()}],"scroll-px":[{"scroll-px":n()}],"scroll-py":[{"scroll-py":n()}],"scroll-ps":[{"scroll-ps":n()}],"scroll-pe":[{"scroll-pe":n()}],"scroll-pbs":[{"scroll-pbs":n()}],"scroll-pbe":[{"scroll-pbe":n()}],"scroll-pt":[{"scroll-pt":n()}],"scroll-pr":[{"scroll-pr":n()}],"scroll-pb":[{"scroll-pb":n()}],"scroll-pl":[{"scroll-pl":n()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",k,C]}],fill:[{fill:["none",...D()]}],"stroke-w":[{stroke:[$,ze,ue,rr]}],stroke:[{stroke:["none",...D()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{"container-named":["container-type"],overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},postfixLookupClassGroups:["container-type"],orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}});function u(...e){return za(e.filter(Boolean).join(" "))}const Ia=({isExpanded:e,children:o})=>{const[a,t]=m.useState(0),s=m.useRef(null);return m.useEffect(()=>{s.current&&t(e?s.current.scrollHeight:0)},[e]),m.useEffect(()=>{const i=s.current;if(!i||typeof ResizeObserver>"u")return;const l=new ResizeObserver(()=>{e&&s.current&&t(s.current.scrollHeight)});return l.observe(i),()=>l.disconnect()},[e]),r.jsx("div",{className:"overflow-hidden transition-all duration-300 ease-in-out",style:{height:`${a}px`},children:r.jsx("div",{ref:s,children:o})})},Sa=({items:e,defaultExpanded:o={},className:a="",itemClassName:t="",headerClassName:s="",contentClassName:i="",multiple:l=!0,collapsible:f=!0})=>{const[d,g]=m.useState(o),x=c=>{!f&&d[c]||g(p=>{if(l)return{...p,[c]:!p[c]};{const z={};return p[c]||(z[c]=!0),z}})};return r.jsx("div",{className:u("space-y-2",a),children:e.map(c=>{const p=d[c.key]||!1,z=c.content||c.children,B=p?{}:{inert:""};return r.jsxs("div",{className:u("border-b border-[var(--zango-border-color-default,var(--color-gray-300))] last:border-b-0",t),children:[r.jsxs("div",{className:u("flex items-center justify-between py-3",s),children:[r.jsxs("button",{type:"button",id:`accordion-header-${c.key}`,"aria-expanded":p,"aria-controls":`accordion-panel-${c.key}`,className:"flex items-center gap-3 flex-1 min-w-0 text-left transition-colors hover:opacity-80 disabled:cursor-default outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",style:c.headerStyle,onClick:()=>x(c.key),disabled:!z,children:[c.icon&&r.jsx("div",{className:"flex-shrink-0 flex items-center justify-center",children:c.icon}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("div",{className:u("text-sm font-medium",c.hasFilter?"text-gray-900":"text-gray-700"),children:c.title}),c.subtitle&&r.jsx("div",{className:"text-xs text-gray-500 mt-1",children:c.subtitle})]})]}),z&&r.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0 pl-2",children:[c.badge&&r.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:c.badge}),c.actions&&r.jsx("div",{className:"flex items-center gap-1",children:c.actions}),r.jsx("button",{type:"button","aria-hidden":"true",tabIndex:-1,onClick:()=>x(c.key),className:u("flex items-center justify-center text-gray-400 transition-transform duration-200 motion-reduce:transition-none","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",!p&&"rotate-180"),children:r.jsx("svg",{"aria-hidden":"true",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:r.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",strokeWidth:"0.5"})})})]})]}),z&&r.jsx(Ia,{isExpanded:p,children:r.jsx("div",{id:`accordion-panel-${c.key}`,role:"region","aria-labelledby":`accordion-header-${c.key}`,...B,className:u("pb-3",i),children:c.content||c.children})})]},c.key)})})},Aa=({key:e,title:o,children:a,icon:t,subtitle:s,badge:i,actions:l,hasFilter:f=!1})=>({key:e,title:o,children:a,icon:t,subtitle:s,badge:i,actions:l,hasFilter:f}),Ma=({type:e="info",message:o,description:a,showIcon:t=!1,closable:s=!1,closeText:i,onClose:l,action:f,className:d,style:g})=>{const x={success:"bg-success-50 border-success-200 text-success-800",info:"bg-gray-50 border-[var(--zango-border-color-default,var(--color-gray-300))] text-gray-800",warning:"bg-warning-50 border-warning-200 text-warning-800",error:"bg-error-50 border-error-200 text-error-800"},c={success:"✓",info:"ⓘ",warning:"⚠",error:"✕"},p={success:"text-success-600",info:"text-gray-600",warning:"text-warning-600",error:"text-error-600"},z={success:"Success:",info:"Information:",warning:"Warning:",error:"Error:"},B=e==="error"||e==="warning";return r.jsxs("div",{role:B?"alert":"status","aria-live":B?"assertive":"polite",className:u("flex p-4 rounded-[var(--zango-border-radius-md,8px)] border",x[e],d),style:g,children:[r.jsx("span",{className:"sr-only",children:z[e]}),t&&r.jsx("div",{"aria-hidden":"true",className:u("mr-3 text-lg font-semibold",p[e]),children:c[e]}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("div",{className:"font-medium",children:o}),a&&r.jsx("div",{className:"mt-1 text-sm opacity-90",children:a})]}),f&&r.jsx("div",{className:"ml-3 flex-shrink-0",children:f}),s&&r.jsx("button",{type:"button",onClick:l,className:"ml-3 flex-shrink-0 inline-flex items-center justify-center min-w-6 min-h-6 text-lg leading-none rounded-[var(--zango-border-radius-sm,4px)] hover:opacity-70 transition-opacity focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-current","aria-label":"Close",children:i||"×"})]})},Ta=({size:e="default",icon:o,src:a,alt:t,children:s,shape:i="circle",className:l,style:f,onClick:d})=>{const g={small:"w-6 h-6 text-xs",default:"w-8 h-8 text-sm",large:"w-10 h-10 text-base"},x=typeof e=="number"?{width:e,height:e,fontSize:e*.45}:{},c=i==="circle"?"rounded-full":"rounded-[var(--zango-border-radius-sm,4px)]";return r.jsx("div",{className:u("inline-flex items-center justify-center bg-gray-200 text-gray-600 overflow-hidden",typeof e=="string"&&g[e],c,d&&"cursor-pointer hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2",l),style:{...x,...f},onClick:d,role:d?"button":void 0,tabIndex:d?0:void 0,onKeyDown:d?p=>{(p.key==="Enter"||p.key===" ")&&(p.preventDefault(),d())}:void 0,children:a?r.jsx("img",{src:a,alt:t??"",className:"w-full h-full object-cover"}):o||s||r.jsx("span",{"aria-hidden":"true",children:"?"})})},La=({children:e,variant:o="default",className:a=""})=>{const i=u("inline-flex items-center px-2.5 py-1 rounded-[var(--zango-border-radius-sm,4px)] 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-[var(--zango-border-color-default,var(--color-gray-300))]",default:"bg-gray-100 text-gray-900 border-[var(--zango-border-color-default,var(--color-gray-300))]"}[o],a);return r.jsx("span",{className:i,children:e})},Ea={"to-r":"bg-gradient-to-r","to-l":"bg-gradient-to-l","to-t":"bg-gradient-to-t","to-b":"bg-gradient-to-b","to-tr":"bg-gradient-to-tr","to-br":"bg-gradient-to-br","to-tl":"bg-gradient-to-tl","to-bl":"bg-gradient-to-bl"},Da={"to-r":"to right","to-l":"to left","to-t":"to top","to-b":"to bottom","to-tr":"to top right","to-br":"to bottom right","to-tl":"to top left","to-bl":"to bottom left"},Ba={soft:"from-brand-50 to-base-white to-60%",solid:"from-brand-500 to-brand-700"};function fr({gradientType:e="solid",gradientFrom:o,gradientTo:a,gradientDirection:t="to-r"}){return o&&a?{className:"",style:{backgroundImage:`linear-gradient(${Da[t]}, ${o}, ${a})`},isCustom:!0}:{className:`${Ea[t]} ${Ba[e]}`,isCustom:!1}}const gr=m.forwardRef(({variant:e="primary",gradientType:o="solid",gradientFrom:a,gradientTo:t,gradientDirection:s="to-r",size:i="medium",fullWidth:l=!1,className:f="",style:d,children:g,...x},c)=>{const p=i==="sm"?"small":i==="md"?"medium":i==="lg"?"large":i,z="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2",B=u(e==="link"?"inline-flex items-center font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed rounded-[var(--zango-border-radius-sm,4px)]":"inline-flex items-center justify-center font-medium rounded-[var(--zango-border-radius-md,8px)] transition-colors disabled:opacity-50 disabled:cursor-not-allowed",z),L={primary:"bg-brand-500 text-base-white hover:bg-brand-600 active:bg-brand-700",secondary:"bg-base-white text-brand-500 border border-brand-500 hover:bg-gray-100 hover:border-brand-600 hover:text-brand-600 active:bg-gray-200 focus:border-brand-500",ghost:"bg-transparent text-gray-700 hover:bg-gray-100 active:bg-gray-200",outline:"bg-base-white text-gray-700 border border-[var(--zango-border-color-default,var(--color-gray-300))] hover:border-[var(--zango-border-color-hover,var(--color-gray-400))] hover:bg-gray-50 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",gradient:"hover:brightness-110 active:brightness-95",link:"p-0! h-auto! bg-transparent! border-0! rounded-none! text-brand-500 hover:text-brand-600 hover:underline"},h=e==="gradient"?fr({gradientType:o,gradientFrom:a,gradientTo:t,gradientDirection:s}):void 0,E=h&&!h.isCustom&&o==="soft"?"text-gray-900":"text-base-white",v={small:"px-[var(--zango-control-padding-x-sm,12px)] h-[var(--zango-control-height-sm,32px)] text-[length:var(--zango-font-size-sm,0.875rem)]",medium:"px-[var(--zango-control-padding-x-md,16px)] h-[var(--zango-control-height-md,36px)] text-[length:var(--zango-font-size-sm,0.875rem)]",large:"px-[var(--zango-control-padding-x-lg,24px)] h-[var(--zango-control-height-lg,44px)] text-[length:var(--zango-font-size-base,1rem)]",link:"text-[length:var(--zango-font-size-sm,0.875rem)]"},b=u(B,L[e],h&&E,h==null?void 0:h.className,e!=="link"&&v[p],l&&e!=="link"&&"w-full",f),I=h!=null&&h.style?{...h.style,...d}:d;return r.jsx("button",{ref:c,className:b,style:I,...x,children:g})});gr.displayName="Button";const Ga=({children:e,className:o,style:a,variant:t="default",gradientType:s="solid",gradientFrom:i,gradientTo:l,gradientDirection:f="to-r",bordered:d=!0,hoverable:g=!1,size:x="default",titleLevel:c,title:p,extra:z,cover:B,actions:L})=>{const h=c?`h${c}`:"div",E=t==="gradient"?fr({gradientType:s,gradientFrom:i,gradientTo:l,gradientDirection:f}):void 0,v=E&&!E.isCustom&&s==="solid",b=E!=null&&E.style?{...E.style,...a}:a;return r.jsxs("div",{className:u("rounded-[var(--zango-border-radius-md,8px)] overflow-hidden",E?E.className:"bg-white",d&&"border border-[var(--zango-border-color-default,var(--color-gray-300))] shadow-xs",g&&"hover:shadow-sm transition-shadow duration-200 cursor-pointer",x==="small"?"p-[var(--zango-card-padding-sm,16px)]":"p-[var(--zango-card-padding-md,24px)]",o),style:b,children:[B&&r.jsx("div",{className:"card-cover -m-6 mb-6",children:B}),(p||z)&&r.jsxs("div",{className:"card-header flex justify-between items-center mb-4",children:[p&&r.jsx(h,{className:u("card-title text-lg font-semibold m-0",v?"text-white":"text-gray-900"),children:p}),z&&r.jsx("div",{className:"card-extra",children:z})]}),r.jsx("div",{className:u("card-body",v&&"text-white"),children:e}),L&&L.length>0&&r.jsx("div",{className:u("card-actions flex justify-end space-x-2 mt-4 pt-4 border-t",v?"border-white/20":"border-gray-100"),children:L.map((I,P)=>r.jsx("div",{className:"card-action",children:I},P))})]})},Pa=()=>r.jsx("svg",{"aria-hidden":"true",width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),ur=m.forwardRef(({label:e,error:o,className:a,checked:t,defaultChecked:s,onChange:i,...l},f)=>{const d=t!==void 0,[g,x]=m.useState(s??!1),c=d?t:g,p=z=>{d||x(z.target.checked),i==null||i(z)};return r.jsxs("label",{className:`inline-flex items-center cursor-pointer ${a||""}`,children:[r.jsxs("div",{className:"relative flex items-center",children:[r.jsx("input",{ref:f,type:"checkbox",className:"sr-only peer",checked:c,"aria-invalid":o||void 0,onChange:p,...l}),r.jsx("div",{className:`
|
|
3
|
+
w-4 h-4 rounded-[var(--zango-border-radius-sm,4px)] border-2 transition-colors flex items-center justify-center
|
|
4
|
+
${c?"bg-brand-500 border-brand-500":o?"border-error-500":"border-[var(--zango-border-color-default,var(--color-gray-300))]"}
|
|
5
|
+
${c?"":"hover:border-[var(--zango-border-color-hover,var(--color-gray-400))]"}
|
|
6
|
+
peer-focus-visible:ring-2 peer-focus-visible:ring-brand-500 peer-focus-visible:ring-offset-1
|
|
7
|
+
`.trim(),children:r.jsx("div",{className:`text-white transition-opacity ${c?"opacity-100":"opacity-0"}`,children:r.jsx(Pa,{})})})]}),e&&r.jsx("span",{className:`ml-2 text-sm ${o?"text-error-500":"text-gray-700"}`,children:e})]})});ur.displayName="Checkbox";function ja(e,...o){for(const a of o)typeof a=="function"?a(e):a&&(a.current=e)}const mr=m.createContext(null),$a=({trigger:e,children:o,align:a="right",className:t="",contentClassName:s="",offset:i=8,closeOnClick:l=!0,disabled:f=!1})=>{const[d,g]=m.useState(!1),x=m.useRef(null),c=m.useRef(null),p=m.useRef(null),z=m.useId(),B=()=>p.current?Array.from(p.current.querySelectorAll('[role="menuitem"]:not(:disabled)')):[];m.useEffect(()=>{const A=O=>{x.current&&!x.current.contains(O.target)&&c.current&&!c.current.contains(O.target)&&g(!1)},G=O=>{var q;O.key==="Escape"&&(g(!1),(q=c.current)==null||q.focus())};return d&&(document.addEventListener("mousedown",A),document.addEventListener("keydown",G)),()=>{document.removeEventListener("mousedown",A),document.removeEventListener("keydown",G)}},[d]),m.useEffect(()=>{d&&requestAnimationFrame(()=>{var A;return(A=B()[0])==null?void 0:A.focus()})},[d]);const L=A=>{A.preventDefault(),A.stopPropagation(),f||g(!d)},h=A=>{f||(A.key==="ArrowDown"||A.key==="ArrowUp")&&(A.preventDefault(),g(!0))},E=A=>{var q,Z,U,V,le;if(A.key==="Tab"){A.preventDefault(),g(!1),(q=c.current)==null||q.focus();return}const G=B();if(G.length===0)return;const O=G.indexOf(document.activeElement);A.key==="ArrowDown"?(A.preventDefault(),(Z=G[(O+1)%G.length])==null||Z.focus()):A.key==="ArrowUp"?(A.preventDefault(),(U=G[(O-1+G.length)%G.length])==null||U.focus()):A.key==="Home"?(A.preventDefault(),(V=G[0])==null||V.focus()):A.key==="End"&&(A.preventDefault(),(le=G[G.length-1])==null||le.focus())},v=()=>{var A;g(!1),(A=c.current)==null||A.focus()},b=()=>{l&&v()},I=()=>{switch(a){case"left":return"left-0 origin-top-left";case"center":return"left-1/2 transform -translate-x-1/2 origin-top";default:return"right-0 origin-top-right"}},P=(A,G)=>O=>{A==null||A(O),(!O.defaultPrevented||O.type!=="keydown")&&G(O)},S=m.isValidElement(e)?e:null,M=(S==null?void 0:S.props)??{},n=M.ref??(S==null?void 0:S.ref),y=m.useCallback(A=>ja(A,c,n),[n]),F=S?m.cloneElement(S,{ref:y,onClick:P(M.onClick,L),onKeyDown:P(M.onKeyDown,h),disabled:f||M.disabled,"aria-haspopup":"menu","aria-expanded":d,"aria-controls":d?z:void 0}):e;return r.jsxs("div",{className:u("relative inline-block",t),ref:x,children:[F,r.jsx("div",{ref:p,id:z,role:"menu",className:u("absolute z-50 mt-1 min-w-[160px] rounded-[var(--zango-border-radius-md,8px)] bg-base-white shadow-md border border-[var(--zango-border-color-default,var(--color-gray-300))] py-1 transition-all duration-200 ease-out overflow-hidden",I(),d?"opacity-100 scale-100 translate-y-0":"opacity-0 scale-95 -translate-y-2 pointer-events-none",s),style:{top:`calc(100% + ${i}px)`},onClick:b,onKeyDown:E,children:r.jsx(mr.Provider,{value:{closeOnClick:l,requestClose:v},children:o})})]})},Fa=({children:e,onClick:o,disabled:a=!1,className:t="",icon:s,shortcut:i,danger:l=!1})=>{const f=m.useContext(mr),d=g=>{g.preventDefault(),g.stopPropagation(),!a&&(o==null||o(g),f!=null&&f.closeOnClick&&f.requestClose())};return r.jsxs("button",{type:"button",role:"menuitem",tabIndex:-1,className:u("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 focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-brand-500",a&&"opacity-50 cursor-not-allowed",l&&"text-error-600 hover:bg-error-50 focus:bg-error-50",t),onClick:d,disabled:a,children:[r.jsxs("div",{className:"flex items-center gap-3",children:[s&&r.jsx("div",{className:"flex-shrink-0 flex items-center",children:s}),r.jsx("span",{children:e})]}),i&&r.jsx("span",{className:"text-xs text-gray-400",children:i})]})},Va=({className:e=""})=>r.jsx("hr",{className:u("h-px border-0 bg-gray-200 my-1",e)}),Oa=({children:e,className:o=""})=>r.jsx("div",{className:u("px-3 py-1 text-xs font-medium text-gray-500 uppercase tracking-wider",o),children:e}),br='a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])',Wa=({open:e,onOpenChange:o,title:a,showCloseButton:t=!0,className:s="",overlayClassName:i="",contentClassName:l="",children:f,header:d,footer:g,closeOnOverlayClick:x=!0,closeOnEscapeKey:c=!0})=>{const[p,z]=m.useState(!1),[B,L]=m.useState(!1),h=m.useRef(null),E=m.useRef(null),v=m.useId(),b=m.useRef(o);b.current=o,m.useEffect(()=>{if(e)L(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{z(!0)})});else{z(!1);const S=setTimeout(()=>{L(!1)},200);return()=>clearTimeout(S)}},[e]),m.useEffect(()=>{if(!e)return;E.current=document.activeElement;const S=requestAnimationFrame(()=>{const M=h.current;if(!M)return;(M.querySelector(br)??M).focus()});return()=>{var M,n;cancelAnimationFrame(S),(n=(M=E.current)==null?void 0:M.focus)==null||n.call(M)}},[e]),m.useEffect(()=>{if(!e)return;const S=M=>{if(M.key==="Escape"&&c){b.current(!1);return}if(M.key==="Tab"&&h.current){const n=Array.from(h.current.querySelectorAll(br));if(n.length===0){M.preventDefault();return}const y=n[0],F=n[n.length-1],A=document.activeElement;M.shiftKey&&A===y?(M.preventDefault(),F.focus()):!M.shiftKey&&A===F&&(M.preventDefault(),y.focus())}};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[e,c]);const I=()=>{o(!1)},P=()=>{x&&I()};return B?r.jsxs(r.Fragment,{children:[r.jsx("div",{className:u("fixed inset-0 transition-opacity duration-200 z-50",p?"bg-black/20":"bg-black/0",i),onClick:P}),r.jsx("div",{className:"fixed inset-0 flex items-center justify-center z-50 pointer-events-none",children:r.jsxs("div",{ref:h,role:"dialog","aria-modal":"true","aria-labelledby":d||a?v:void 0,tabIndex:-1,className:u("bg-base-white rounded-[var(--zango-border-radius-lg,12px)] shadow-lg flex flex-col mx-4 transition-all duration-200 pointer-events-auto relative outline-none","max-w-[640px] min-h-[var(--zango-dialog-min-height,200px)] max-h-[640px]",p?"opacity-100 scale-100 translate-y-0":"opacity-0 scale-95 translate-y-4",s),onClick:S=>S.stopPropagation(),children:[t&&r.jsx("button",{type:"button",onClick:I,"aria-label":"Close",className:"absolute top-3 right-3 p-1 hover:bg-gray-100 rounded-[var(--zango-border-radius-sm,4px)] transition-colors z-10",children:r.jsx(de.X,{className:"w-4 h-4 text-gray-500"})}),d||a?r.jsx("div",{id:d?v:void 0,className:"flex items-center py-3 px-4 pr-12 border-b border-[var(--zango-border-color-default,var(--color-gray-300))]",children:d||a&&r.jsx("h2",{id:v,className:"text-[14px] font-semibold text-gray-900",children:a})}):t&&r.jsx("div",{className:"min-h-[36px]"}),r.jsx("div",{className:u("p-4 flex-1 overflow-auto",l),children:f}),g&&r.jsx("div",{className:"p-4 border-t border-[var(--zango-border-color-default,var(--color-gray-300))]",children:g})]})})]}):null},Ua=({children:e,className:o})=>r.jsx("div",{className:u("mb-4",o),children:e}),Ka=({children:e,className:o})=>r.jsx("div",{className:u("",o),children:e}),Ha=({children:e,className:o})=>r.jsx("div",{className:u("flex items-center justify-end gap-2",o),children:e}),qa=({children:e,className:o,style:a,type:t="horizontal",orientation:s="center",orientationMargin:i,dashed:l=!1,plain:f=!1})=>{if(t==="vertical")return r.jsx("div",{"aria-hidden":"true",className:u("inline-block h-4 mx-2 border-l border-[var(--zango-border-color-default,var(--color-gray-300))]",l&&"border-dashed",o),style:a});if(!e)return r.jsx("hr",{className:u("w-full border-0 border-t border-[var(--zango-border-color-default,var(--color-gray-300))] my-4",l&&"border-dashed",o),style:a});const d=i?{[s==="left"?"marginRight":"marginLeft"]:i}:{};return r.jsxs("div",{className:u("flex items-center my-4",o),style:a,children:[s!=="left"&&r.jsx("div",{"aria-hidden":"true",className:u("flex-1 border-t border-[var(--zango-border-color-default,var(--color-gray-300))]",l&&"border-dashed")}),e&&r.jsx("div",{className:u("px-4 text-sm text-gray-600",f?"font-normal":"font-medium",s==="left"&&"pr-4 pl-0",s==="right"&&"pl-4 pr-0"),style:d,children:e}),s!=="right"&&r.jsx("div",{"aria-hidden":"true",className:u("flex-1 border-t border-[var(--zango-border-color-default,var(--color-gray-300))]",l&&"border-dashed")})]})},pr={sm:"w-[320px]",md:"w-[480px]",lg:"w-[640px]",xl:"w-[800px]",full:"w-full"},hr={left:{position:"left-0",rounded:"rounded-r-[var(--zango-border-radius-lg,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-[var(--zango-border-radius-lg,12px)]",animation:"data-[state=open]:animate-slide-in-from-right data-[state=closed]:animate-slide-out-to-right"}},Za=({open:e,onClose:o,children:a,size:t="md",title:s,position:i="right",showBackButton:l=!1,onBack:f,className:d="",overlayClassName:g="",showCloseButton:x=!0,closeButton:c,"aria-label":p})=>{const z=pr[t]||pr.md,B=hr[i]||hr.right,L=s?void 0:p||"Drawer";return r.jsx(xe.Root,{open:e,onOpenChange:o,children:r.jsxs(xe.Portal,{children:[r.jsx(xe.Overlay,{className:u("fixed inset-0 bg-black/30 z-40","data-[state=open]:animate-overlay-fade-in data-[state=closed]:animate-overlay-fade-out",g)}),r.jsxs(xe.Content,{"aria-label":L,"aria-describedby":void 0,className:u("fixed top-0 h-full bg-base-white shadow-md z-50 flex flex-col","focus:outline-hidden focus-visible:outline-hidden",z,B.position,B.rounded,B.animation,d),children:[(s||l||x)&&r.jsxs("div",{className:"flex items-center justify-between p-5 border-b border-[var(--zango-border-color-default,var(--color-gray-300))]",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[l&&r.jsx("button",{type:"button","aria-label":"Back",className:"text-gray-700 px-2 py-1 rounded-[var(--zango-border-radius-sm,4px)] hover:bg-gray-100",onClick:f,children:"←"}),s&&r.jsx(xe.Title,{className:"text-lg font-semibold text-gray-900",children:s})]}),x&&r.jsx(xe.Close,{asChild:!0,children:c||r.jsx("button",{type:"button","aria-label":"Close",className:"p-1 rounded-[var(--zango-border-radius-sm,4px)] text-gray-500 hover:bg-gray-100",children:r.jsx(de.X,{className:"w-5 h-5"})})})]}),r.jsx("div",{className:"overflow-y-auto flex-1 min-h-0",children:a})]})]})})},_a=()=>r.jsx("svg",{"aria-hidden":"true",width:"64",height:"41",viewBox:"0 0 64 41",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[r.jsx("ellipse",{fill:"#f5f5f5",cx:"32",cy:"33",rx:"32",ry:"7"}),r.jsxs("g",{fillRule:"nonzero",stroke:"#d9d9d9",children:[r.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"}),r.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"#fafafa"})]})]})}),Ya=({description:e="No data",image:o,className:a,style:t,children:s})=>r.jsxs("div",{className:u("flex flex-col items-center justify-center py-8 px-4",a),style:t,children:[r.jsx("div",{className:"mb-4",children:o===null?null:o||r.jsx(_a,{})}),e&&r.jsx("div",{className:"text-sm text-gray-500 mb-4",children:e}),s]}),vr=m.createContext({values:{},errors:{},setFieldValue:()=>{},setFieldError:()=>{},validateField:async()=>null,registerField:()=>{},unregisterField:()=>{}}),xr=({children:e,onFinish:o,onFinishFailed:a,layout:t="vertical",className:s,name:i,initialValues:l={}})=>{const[f,d]=m.useState(l),[g,x]=m.useState({}),c=m.useRef(new Map),p=m.useRef(f);p.current=f;const z=m.useCallback((I,P)=>{c.current.set(I,P)},[]),B=m.useCallback(I=>{c.current.delete(I)},[]),L=m.useCallback((I,P)=>{d(S=>({...S,[I]:P})),x(S=>{if(!S[I])return S;const M={...S};return delete M[I],M})},[]),h=m.useCallback((I,P)=>{x(S=>{if(P)return{...S,[I]:P};const M={...S};return delete M[I],M})},[]),E=m.useCallback(async(I,P)=>{const S=p.current[I],M=S==null||S==="";for(const n of P){if(n.required&&M){const y=n.message||`${I} is required`;return h(I,{message:y}),y}if(!M){if(n.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(S)){const y=n.message||"Please enter a valid email";return h(I,{message:y}),y}if(n.type==="url")try{new URL(S)}catch{const y=n.message||"Please enter a valid URL";return h(I,{message:y}),y}if(n.pattern&&!n.pattern.test(S)){const y=n.message||"Invalid format";return h(I,{message:y}),y}if(n.type==="number"){const y=Number(S);if(Number.isNaN(y)){const F=n.message||"Please enter a valid number";return h(I,{message:F}),F}if(n.min!=null&&y<n.min){const F=n.message||`Minimum value is ${n.min}`;return h(I,{message:F}),F}if(n.max!=null&&y>n.max){const F=n.message||`Maximum value is ${n.max}`;return h(I,{message:F}),F}}else{const y=Array.isArray(S),F=y?S.length:String(S).length,A=y?"items":"characters";if(n.min!=null&&F<n.min){const G=n.message||`Minimum ${n.min} ${A} required`;return h(I,{message:G}),G}if(n.max!=null&&F>n.max){const G=n.message||`Maximum ${n.max} ${A} allowed`;return h(I,{message:G}),G}}if(n.validator)try{await n.validator(n,S)}catch(y){const F=(y==null?void 0:y.message)||"Validation failed";return h(I,{message:F}),F}}}return h(I,null),null},[h]),v=async I=>{var S,M;I.preventDefault();const P=[];for(const[n,y]of c.current.entries()){const F=await E(n,y);F&&P.push({name:n,errors:[F]})}if(P.length>0){const n=(S=P[0])==null?void 0:S.name;if(n){const y=document.getElementById(`form-item-${n}`);(M=y==null?void 0:y.focus)==null||M.call(y)}a==null||a({values:p.current,errorFields:P})}else o==null||o(p.current)},b=m.useMemo(()=>({values:f,errors:g,setFieldValue:L,setFieldError:h,validateField:E,registerField:z,unregisterField:B}),[f,g,L,h,E,z,B]);return r.jsx(vr.Provider,{value:b,children:r.jsx("form",{onSubmit:v,className:u("form",t==="vertical"&&"form-vertical",t==="horizontal"&&"form-horizontal",t==="inline"&&"form-inline",s),name:i,children:e})})},yr=({name:e,label:o,rules:a=[],children:t,className:s,help:i,validateStatus:l,required:f,noStyle:d,valuePropName:g="value"})=>{const{values:x,errors:c,setFieldValue:p,validateField:z,registerField:B,unregisterField:L}=m.useContext(vr),h=e?x[e]:void 0,E=e?c[e]:void 0,v=l==="error"||!!E;e&&B(e,a),m.useEffect(()=>{if(e)return()=>L(e)},[e,L]);const b=e?`form-item-${e}`:void 0,I=b?`${b}-error`:void 0,P=A=>{e&&p(e,A)},S=async()=>{e&&a.length>0&&await z(e,a)},M=f||a.some(A=>A.required),y=[E&&I?I:null,t.props["aria-describedby"]].filter(Boolean).join(" "),F=m.cloneElement(t,{[g]:h,id:t.props.id??b,"aria-invalid":v||void 0,"aria-required":M||void 0,"aria-describedby":y||void 0,onChange:A=>{var O,q;let G;A!=null&&A.target?G=g==="checked"?A.target.checked:A.target.value:G=A,P(G),(q=(O=t.props).onChange)==null||q.call(O,A)},onBlur:A=>{var G,O;S(),(O=(G=t.props).onBlur)==null||O.call(G,A)},status:v?"error":void 0,className:u(t.props.className,v&&"error")});return d?F:r.jsxs("div",{className:u("form-item",v&&"form-item-error",s),children:[o&&r.jsxs("label",{htmlFor:t.props.id??b,className:u("form-label",f&&"form-label-required"),children:[o,f&&r.jsx("span",{className:"form-required-mark","aria-hidden":"true",children:"*"})]}),r.jsxs("div",{className:"form-control",children:[F,(E||i)&&r.jsx("div",{id:E?I:void 0,role:E?"alert":void 0,className:u("form-message",v?"form-error-message":"form-help-message"),children:(E==null?void 0:E.message)||i})]})]})},Ja=()=>({resetFields:()=>{},setFieldsValue:()=>{},getFieldsValue:()=>({})});xr.Item=yr;const Xa=({title:e,subtitle:o,description:a,children:t,className:s="",headerClassName:i="",contentClassName:l="",icon:f,badge:d,actions:g,variant:x="default",size:c="medium",titleLevel:p=3})=>{const z=e||o||a||f||d||g,B=`h${p}`,L=()=>{switch(x){case"card":return"bg-base-white rounded-[var(--zango-border-radius-lg,12px)] shadow-xs border border-[var(--zango-border-color-default,var(--color-gray-300))] p-6";case"bordered":return"border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-[var(--zango-border-radius-md,8px)] p-4";default:return"bg-base-white"}},h=()=>{switch(c){case"small":return"space-y-2";case"large":return"space-y-6";default:return"space-y-4"}},E=()=>{switch(c){case"small":return"text-sm font-medium";case"large":return"text-xl font-semibold";default:return"text-base font-semibold"}},v=()=>{switch(c){case"small":return"text-xs";case"large":return"text-base";default:return"text-sm"}},b=()=>{switch(c){case"small":return"mb-2";case"large":return"mb-6";default:return"mb-4"}};return r.jsxs("div",{className:u(L(),h(),s),children:[z&&r.jsxs("div",{className:u("flex items-start justify-between",b(),i),children:[r.jsxs("div",{className:"flex items-start gap-3 flex-1",children:[f&&r.jsx("div",{className:"flex-shrink-0 mt-0.5 flex items-center justify-center",children:f}),r.jsxs("div",{className:"flex-1 min-w-0",children:[e&&r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(B,{className:u(E(),"text-gray-900 m-0"),children:e}),d&&r.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:d})]}),o&&r.jsx("p",{className:u(v(),"text-gray-600 mt-1 m-0"),children:o}),a&&r.jsx("p",{className:"text-sm text-gray-500 mt-2 m-0",children:a})]})]}),g&&r.jsx("div",{className:"flex items-center gap-2 flex-shrink-0",children:g})]}),t&&r.jsx("div",{className:l,children:t})]})},Qa=({label:e,value:o,className:a="",labelClassName:t="",valueClassName:s="",orientation:i="vertical"})=>{const l=i==="horizontal";return r.jsx("dl",{className:"contents",children:r.jsxs("div",{className:u(l?"flex items-center justify-between gap-3":"flex flex-col gap-1",a),children:[r.jsx("dt",{className:u("text-sm font-medium text-gray-500 m-0",l&&"flex-shrink-0",t),children:e}),r.jsx("dd",{className:u("text-sm text-gray-900 m-0",l&&"text-right",s),children:o})]})})},Ra=({children:e,columns:o=1,className:a="",gap:t="medium"})=>{const s=()=>{switch(t){case"small":return"gap-2";case"large":return"gap-6";default:return"gap-4"}},i=()=>{switch(o){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 r.jsx("div",{className:u("grid m-0",i(),s(),a),children:e})},eo={sm:{input:"h-[var(--zango-control-height-sm,32px)] text-[length:var(--zango-font-size-xs,0.75rem)]",icon:"h-3 w-3",padding:{default:"px-[var(--zango-control-padding-x-sm,12px)]",left:"pl-8 pr-3",right:"pl-3 pr-8",both:"pl-8 pr-8"}},md:{input:"h-[var(--zango-control-height-md,36px)] text-[length:var(--zango-font-size-sm,0.875rem)]",icon:"h-4 w-4",padding:{default:"px-[var(--zango-control-padding-x-md,16px)]",left:"pl-10 pr-4",right:"pl-4 pr-10",both:"pl-10 pr-10"}},lg:{input:"h-[var(--zango-control-height-lg,44px)] text-[length:var(--zango-font-size-base,1rem)]",icon:"h-5 w-5",padding:{default:"px-[var(--zango-control-padding-x-md,16px)]",left:"pl-12 pr-4",right:"pl-4 pr-12",both:"pl-12 pr-12"}}},Fe=m.forwardRef(({leftIcon:e,rightIcon:o,error:a=!1,helperText:t,inputSize:s="md",className:i,containerClassName:l,iconClassName:f,disabled:d,id:g,"aria-describedby":x,...c},p)=>{const z=eo[s],B=m.useId(),L=g??B,h=`${L}-helper`,E=[t?h:null,x].filter(Boolean).join(" ")||void 0,v=()=>e&&o?z.padding.both:e?z.padding.left:o?z.padding.right:z.padding.default,b=u("w-full border rounded-[var(--zango-border-radius-md,8px)] transition-colors duration-200",z.input,v(),!a&&!d&&"border-[var(--zango-border-color-default,var(--color-gray-300))] hover:border-[var(--zango-border-color-hover,var(--color-gray-400))] focus:border-brand-500 focus:hover:border-brand-500",a&&!d&&"border-error-500 hover:border-error-500 focus:border-error-500",d&&"bg-gray-50 border-[var(--zango-border-color-default,var(--color-gray-300))] cursor-not-allowed opacity-60",i),I=u("absolute top-1/2 -translate-y-1/2 pointer-events-none",z.icon,!a&&!d&&"text-gray-400",a&&!d&&"text-error-500",d&&"text-gray-300",f);return r.jsxs("div",{className:u("w-full",l),children:[r.jsxs("div",{className:"relative",children:[e&&r.jsx("div",{className:u(I,"left-3"),children:e}),r.jsx("input",{ref:p,id:L,className:b,disabled:d,"aria-invalid":a,"aria-describedby":E,...c}),o&&r.jsx("div",{className:u(I,"right-3"),children:o})]}),t&&r.jsx("p",{id:h,role:a?"alert":void 0,className:u("mt-1 text-xs",a&&"text-error-500",!a&&"text-gray-600"),children:t})]})});Fe.displayName="Input";const Ie=({children:e,className:o,style:a})=>r.jsx("div",{className:u("flex flex-col min-h-screen bg-gray-50",o),style:a,children:e}),ro=({children:e,className:o,style:a})=>r.jsx("header",{className:u("bg-white shadow-xs border-b border-[var(--zango-border-color-default,var(--color-gray-300))] px-6 py-4",o),style:a,children:e}),ao=({children:e,className:o,style:a,as:t="main","aria-label":s})=>r.jsx(t,{className:u("flex-1 p-6",o),style:a,"aria-label":s,children:e}),oo=({children:e,className:o,style:a})=>r.jsx("footer",{className:u("bg-white border-t border-[var(--zango-border-color-default,var(--color-gray-300))] px-6 py-4 text-center text-gray-600",o),style:a,children:e}),to=({children:e,className:o,style:a,width:t=200,collapsed:s=!1,as:i="aside","aria-label":l})=>{const f=s?80:t;return r.jsx(i,{className:u("bg-white border-r border-[var(--zango-border-color-default,var(--color-gray-300))] transition-all duration-300",o),style:{width:f,...a},"aria-label":l,children:e})};if(Ie.Header=ro,Ie.Content=ao,Ie.Footer=oo,Ie.Sider=to,typeof document<"u"&&!document.getElementById("loader-styles")){const e=document.createElement("style");e.id="loader-styles",e.textContent=`
|
|
8
|
+
@keyframes page-loader {
|
|
9
|
+
0% { transform: translateX(-150%); }
|
|
10
|
+
100% { transform: translateX(250%); }
|
|
11
|
+
}
|
|
12
|
+
@keyframes page-loader-secondary {
|
|
13
|
+
0% { transform: translateX(-150%); }
|
|
14
|
+
66% { transform: translateX(-150%); }
|
|
15
|
+
100% { transform: translateX(250%); }
|
|
16
|
+
}
|
|
17
|
+
@keyframes inline-loader {
|
|
18
|
+
0% { transform: translateX(-100%); }
|
|
19
|
+
100% { transform: translateX(400%); }
|
|
20
|
+
}
|
|
21
|
+
.animate-page-loader { animation: page-loader 2s linear infinite; }
|
|
22
|
+
.animate-page-loader-secondary { animation: page-loader-secondary 2s linear infinite; }
|
|
23
|
+
.animate-inline-loader { animation: inline-loader 1.5s ease-in-out infinite; }
|
|
24
|
+
@media (prefers-reduced-motion: reduce) {
|
|
25
|
+
.animate-page-loader, .animate-page-loader-secondary, .animate-inline-loader { animation: none; }
|
|
26
|
+
}
|
|
27
|
+
`,document.head.appendChild(e)}const so=({loading:e=!0,type:o="inline",position:a="top",size:t="default",text:s,children:i,className:l,style:f,delay:d=0})=>{const[g,x]=m.useState(d===0?e:!1);m.useEffect(()=>{if(d===0){x(e);return}if(e){const h=setTimeout(()=>{x(!0)},d);return()=>clearTimeout(h)}else x(!1)},[e,d]);const c={small:"h-0.5",default:"h-1",large:"h-1.5"},p=r.jsx("div",{role:"status","aria-live":"polite","aria-label":s||"Loading",className:u("fixed left-0 right-0 z-[9999] bg-brand-200 overflow-hidden transition-all duration-300",a==="top"?"top-0":"bottom-0",c[t],g?"opacity-100":"opacity-0",l),style:f,children:r.jsxs("div",{className:"relative h-full w-full",children:[r.jsx("div",{className:"absolute inset-0 h-full bg-gradient-to-r from-transparent via-brand-500 to-transparent animate-page-loader",style:{width:"60%"}}),r.jsx("div",{className:"absolute inset-0 h-full bg-gradient-to-r from-transparent via-brand-500 to-transparent animate-page-loader-secondary",style:{width:"60%"}})]})}),z=r.jsxs("div",{role:"status","aria-live":"polite",className:u("flex flex-col items-center justify-center p-4",l),style:f,children:[r.jsx("div",{className:"relative",children:r.jsx("div",{className:u("w-full bg-brand-200 rounded-full overflow-hidden",t==="small"?"w-32 h-1":t==="large"?"w-64 h-2":"w-48 h-1.5"),children:r.jsx("div",{className:"h-full bg-gradient-to-r from-transparent via-brand-500 to-transparent animate-inline-loader",style:{width:"50%"}})})}),s?r.jsx("div",{className:"mt-3 text-sm text-gray-600",children:s}):r.jsx("span",{className:"sr-only",children:"Loading"})]}),B=g?{inert:""}:{},L=r.jsxs("div",{className:u("relative",l),style:f,children:[r.jsx("div",{"aria-busy":g,...B,children:i}),g&&r.jsx("div",{className:"absolute inset-0 bg-white/80 flex items-center justify-center z-50",children:z})]});return!g&&o!=="overlay"?null:o==="page"?p:o==="overlay"?L:g?z:null},wr=m.forwardRef(({countryCode:e="+1",error:o,helperText:a,className:t,id:s,"aria-describedby":i,...l},f)=>{const d=m.useId(),g=s??d,x=`${g}-helper`,c=`${g}-code`,p=[a?x:null,i].filter(Boolean).join(" ")||void 0;return r.jsxs("div",{className:"w-full",children:[r.jsxs("div",{role:"group",className:`flex rounded-[var(--zango-border-radius-md,8px)] border border-[var(--zango-border-color-default,var(--color-gray-300))] ${o?"border-error-500":""}`,children:[r.jsx("div",{className:"flex items-center px-3 py-2 bg-gray-50 border-r border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-l-[var(--zango-border-radius-md,8px)]",children:r.jsx("span",{id:c,className:"text-sm text-gray-700",children:e})}),r.jsx("input",{ref:f,id:g,type:"tel",inputMode:"tel","aria-invalid":o||void 0,"aria-describedby":[c,p].filter(Boolean).join(" "),className:`
|
|
28
|
+
flex h-[36px] px-3 py-2 text-sm rounded-r-[var(--zango-border-radius-md,8px)] border-0
|
|
29
|
+
placeholder:text-gray-400
|
|
30
|
+
disabled:cursor-not-allowed disabled:opacity-50
|
|
31
|
+
${t||""}
|
|
32
|
+
`.trim(),...l})]}),a&&r.jsx("p",{id:x,role:o?"alert":void 0,className:`mt-1 text-xs ${o?"text-error-500":"text-gray-600"}`,children:a})]})});wr.displayName="MobileInput";const Cr=m.forwardRef((e,o)=>{const[a,t]=m.useState(!1);return r.jsxs("div",{className:"relative",children:[r.jsx(Fe,{ref:o,type:a?"text":"password",...e}),r.jsx("button",{type:"button",onClick:()=>t(!a),"aria-label":a?"Hide password":"Show password","aria-pressed":a,className:"absolute right-2 top-1/2 -translate-y-1/2 cursor-pointer text-gray-400 hover:text-gray-600",children:a?r.jsx(de.EyeOff,{size:16,"aria-hidden":"true"}):r.jsx(de.EyeIcon,{size:16,"aria-hidden":"true"})})]})});Cr.displayName="PasswordInput";const no=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸",format:"(###) ###-####",priority:1},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧",format:"## #### ####",priority:2},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦",format:"(###) ###-####",priority:3},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺",format:"# #### ####",priority:4},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳",format:"##### #####",priority:5},{code:"AD",name:"Andorra",dialCode:"+376",flag:"🇦🇩"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"AF",name:"Afghanistan",dialCode:"+93",flag:"🇦🇫"},{code:"AG",name:"Antigua and Barbuda",dialCode:"+1268",flag:"🇦🇬"},{code:"AI",name:"Anguilla",dialCode:"+1264",flag:"🇦🇮"},{code:"AL",name:"Albania",dialCode:"+355",flag:"🇦🇱"},{code:"AM",name:"Armenia",dialCode:"+374",flag:"🇦🇲"},{code:"AO",name:"Angola",dialCode:"+244",flag:"🇦🇴"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"AS",name:"American Samoa",dialCode:"+1684",flag:"🇦🇸"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"AW",name:"Aruba",dialCode:"+297",flag:"🇦🇼"},{code:"AZ",name:"Azerbaijan",dialCode:"+994",flag:"🇦🇿"},{code:"BA",name:"Bosnia and Herzegovina",dialCode:"+387",flag:"🇧🇦"},{code:"BB",name:"Barbados",dialCode:"+1246",flag:"🇧🇧"},{code:"BD",name:"Bangladesh",dialCode:"+880",flag:"🇧🇩"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"BF",name:"Burkina Faso",dialCode:"+226",flag:"🇧🇫"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬"},{code:"BH",name:"Bahrain",dialCode:"+973",flag:"🇧🇭"},{code:"BI",name:"Burundi",dialCode:"+257",flag:"🇧🇮"},{code:"BJ",name:"Benin",dialCode:"+229",flag:"🇧🇯"},{code:"BL",name:"Saint Barthélemy",dialCode:"+590",flag:"🇧🇱"},{code:"BM",name:"Bermuda",dialCode:"+1441",flag:"🇧🇲"},{code:"BN",name:"Brunei",dialCode:"+673",flag:"🇧🇳"},{code:"BO",name:"Bolivia",dialCode:"+591",flag:"🇧🇴"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"BS",name:"Bahamas",dialCode:"+1242",flag:"🇧🇸"},{code:"BT",name:"Bhutan",dialCode:"+975",flag:"🇧🇹"},{code:"BW",name:"Botswana",dialCode:"+267",flag:"🇧🇼"},{code:"BY",name:"Belarus",dialCode:"+375",flag:"🇧🇾"},{code:"BZ",name:"Belize",dialCode:"+501",flag:"🇧🇿"},{code:"CD",name:"Congo (DRC)",dialCode:"+243",flag:"🇨🇩"},{code:"CF",name:"Central African Republic",dialCode:"+236",flag:"🇨🇫"},{code:"CG",name:"Congo (Republic)",dialCode:"+242",flag:"🇨🇬"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"CI",name:"Côte d'Ivoire",dialCode:"+225",flag:"🇨🇮"},{code:"CK",name:"Cook Islands",dialCode:"+682",flag:"🇨🇰"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱"},{code:"CM",name:"Cameroon",dialCode:"+237",flag:"🇨🇲"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴"},{code:"CR",name:"Costa Rica",dialCode:"+506",flag:"🇨🇷"},{code:"CU",name:"Cuba",dialCode:"+53",flag:"🇨🇺"},{code:"CV",name:"Cape Verde",dialCode:"+238",flag:"🇨🇻"},{code:"CW",name:"Curaçao",dialCode:"+599",flag:"🇨🇼"},{code:"CY",name:"Cyprus",dialCode:"+357",flag:"🇨🇾"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"DJ",name:"Djibouti",dialCode:"+253",flag:"🇩🇯"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"DM",name:"Dominica",dialCode:"+1767",flag:"🇩🇲"},{code:"DO",name:"Dominican Republic",dialCode:"+1",flag:"🇩🇴"},{code:"DZ",name:"Algeria",dialCode:"+213",flag:"🇩🇿"},{code:"EC",name:"Ecuador",dialCode:"+593",flag:"🇪🇨"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬"},{code:"ER",name:"Eritrea",dialCode:"+291",flag:"🇪🇷"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"ET",name:"Ethiopia",dialCode:"+251",flag:"🇪🇹"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"FJ",name:"Fiji",dialCode:"+679",flag:"🇫🇯"},{code:"FK",name:"Falkland Islands",dialCode:"+500",flag:"🇫🇰"},{code:"FM",name:"Micronesia",dialCode:"+691",flag:"🇫🇲"},{code:"FO",name:"Faroe Islands",dialCode:"+298",flag:"🇫🇴"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"GA",name:"Gabon",dialCode:"+241",flag:"🇬🇦"},{code:"GD",name:"Grenada",dialCode:"+1473",flag:"🇬🇩"},{code:"GE",name:"Georgia",dialCode:"+995",flag:"🇬🇪"},{code:"GF",name:"French Guiana",dialCode:"+594",flag:"🇬🇫"},{code:"GG",name:"Guernsey",dialCode:"+44",flag:"🇬🇬"},{code:"GH",name:"Ghana",dialCode:"+233",flag:"🇬🇭"},{code:"GI",name:"Gibraltar",dialCode:"+350",flag:"🇬🇮"},{code:"GL",name:"Greenland",dialCode:"+299",flag:"🇬🇱"},{code:"GM",name:"Gambia",dialCode:"+220",flag:"🇬🇲"},{code:"GN",name:"Guinea",dialCode:"+224",flag:"🇬🇳"},{code:"GP",name:"Guadeloupe",dialCode:"+590",flag:"🇬🇵"},{code:"GQ",name:"Equatorial Guinea",dialCode:"+240",flag:"🇬🇶"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷"},{code:"GT",name:"Guatemala",dialCode:"+502",flag:"🇬🇹"},{code:"GU",name:"Guam",dialCode:"+1671",flag:"🇬🇺"},{code:"GW",name:"Guinea-Bissau",dialCode:"+245",flag:"🇬🇼"},{code:"GY",name:"Guyana",dialCode:"+592",flag:"🇬🇾"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"HN",name:"Honduras",dialCode:"+504",flag:"🇭🇳"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷"},{code:"HT",name:"Haiti",dialCode:"+509",flag:"🇭🇹"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"IM",name:"Isle of Man",dialCode:"+44",flag:"🇮🇲"},{code:"IQ",name:"Iraq",dialCode:"+964",flag:"🇮🇶"},{code:"IR",name:"Iran",dialCode:"+98",flag:"🇮🇷"},{code:"IS",name:"Iceland",dialCode:"+354",flag:"🇮🇸"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"JE",name:"Jersey",dialCode:"+44",flag:"🇯🇪"},{code:"JM",name:"Jamaica",dialCode:"+1876",flag:"🇯🇲"},{code:"JO",name:"Jordan",dialCode:"+962",flag:"🇯🇴"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪"},{code:"KG",name:"Kyrgyzstan",dialCode:"+996",flag:"🇰🇬"},{code:"KH",name:"Cambodia",dialCode:"+855",flag:"🇰🇭"},{code:"KI",name:"Kiribati",dialCode:"+686",flag:"🇰🇮"},{code:"KM",name:"Comoros",dialCode:"+269",flag:"🇰🇲"},{code:"KN",name:"Saint Kitts and Nevis",dialCode:"+1869",flag:"🇰🇳"},{code:"KP",name:"North Korea",dialCode:"+850",flag:"🇰🇵"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"KW",name:"Kuwait",dialCode:"+965",flag:"🇰🇼"},{code:"KY",name:"Cayman Islands",dialCode:"+1345",flag:"🇰🇾"},{code:"KZ",name:"Kazakhstan",dialCode:"+7",flag:"🇰🇿"},{code:"LA",name:"Laos",dialCode:"+856",flag:"🇱🇦"},{code:"LB",name:"Lebanon",dialCode:"+961",flag:"🇱🇧"},{code:"LC",name:"Saint Lucia",dialCode:"+1758",flag:"🇱🇨"},{code:"LI",name:"Liechtenstein",dialCode:"+423",flag:"🇱🇮"},{code:"LK",name:"Sri Lanka",dialCode:"+94",flag:"🇱🇰"},{code:"LR",name:"Liberia",dialCode:"+231",flag:"🇱🇷"},{code:"LS",name:"Lesotho",dialCode:"+266",flag:"🇱🇸"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹"},{code:"LU",name:"Luxembourg",dialCode:"+352",flag:"🇱🇺"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻"},{code:"LY",name:"Libya",dialCode:"+218",flag:"🇱🇾"},{code:"MA",name:"Morocco",dialCode:"+212",flag:"🇲🇦"},{code:"MC",name:"Monaco",dialCode:"+377",flag:"🇲🇨"},{code:"MD",name:"Moldova",dialCode:"+373",flag:"🇲🇩"},{code:"ME",name:"Montenegro",dialCode:"+382",flag:"🇲🇪"},{code:"MF",name:"Saint Martin",dialCode:"+590",flag:"🇲🇫"},{code:"MG",name:"Madagascar",dialCode:"+261",flag:"🇲🇬"},{code:"MH",name:"Marshall Islands",dialCode:"+692",flag:"🇲🇭"},{code:"MK",name:"North Macedonia",dialCode:"+389",flag:"🇲🇰"},{code:"ML",name:"Mali",dialCode:"+223",flag:"🇲🇱"},{code:"MM",name:"Myanmar",dialCode:"+95",flag:"🇲🇲"},{code:"MN",name:"Mongolia",dialCode:"+976",flag:"🇲🇳"},{code:"MO",name:"Macao",dialCode:"+853",flag:"🇲🇴"},{code:"MP",name:"Northern Mariana Islands",dialCode:"+1670",flag:"🇲🇵"},{code:"MQ",name:"Martinique",dialCode:"+596",flag:"🇲🇶"},{code:"MR",name:"Mauritania",dialCode:"+222",flag:"🇲🇷"},{code:"MS",name:"Montserrat",dialCode:"+1664",flag:"🇲🇸"},{code:"MT",name:"Malta",dialCode:"+356",flag:"🇲🇹"},{code:"MU",name:"Mauritius",dialCode:"+230",flag:"🇲🇺"},{code:"MV",name:"Maldives",dialCode:"+960",flag:"🇲🇻"},{code:"MW",name:"Malawi",dialCode:"+265",flag:"🇲🇼"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾"},{code:"MZ",name:"Mozambique",dialCode:"+258",flag:"🇲🇿"},{code:"NA",name:"Namibia",dialCode:"+264",flag:"🇳🇦"},{code:"NC",name:"New Caledonia",dialCode:"+687",flag:"🇳🇨"},{code:"NE",name:"Niger",dialCode:"+227",flag:"🇳🇪"},{code:"NF",name:"Norfolk Island",dialCode:"+672",flag:"🇳🇫"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬"},{code:"NI",name:"Nicaragua",dialCode:"+505",flag:"🇳🇮"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"NP",name:"Nepal",dialCode:"+977",flag:"🇳🇵"},{code:"NR",name:"Nauru",dialCode:"+674",flag:"🇳🇷"},{code:"NU",name:"Niue",dialCode:"+683",flag:"🇳🇺"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿"},{code:"OM",name:"Oman",dialCode:"+968",flag:"🇴🇲"},{code:"PA",name:"Panama",dialCode:"+507",flag:"🇵🇦"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪"},{code:"PF",name:"French Polynesia",dialCode:"+689",flag:"🇵🇫"},{code:"PG",name:"Papua New Guinea",dialCode:"+675",flag:"🇵🇬"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭"},{code:"PK",name:"Pakistan",dialCode:"+92",flag:"🇵🇰"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱"},{code:"PM",name:"Saint Pierre and Miquelon",dialCode:"+508",flag:"🇵🇲"},{code:"PR",name:"Puerto Rico",dialCode:"+1",flag:"🇵🇷"},{code:"PS",name:"Palestine",dialCode:"+970",flag:"🇵🇸"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹"},{code:"PW",name:"Palau",dialCode:"+680",flag:"🇵🇼"},{code:"PY",name:"Paraguay",dialCode:"+595",flag:"🇵🇾"},{code:"QA",name:"Qatar",dialCode:"+974",flag:"🇶🇦"},{code:"RE",name:"Réunion",dialCode:"+262",flag:"🇷🇪"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴"},{code:"RS",name:"Serbia",dialCode:"+381",flag:"🇷🇸"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺"},{code:"RW",name:"Rwanda",dialCode:"+250",flag:"🇷🇼"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"},{code:"SB",name:"Solomon Islands",dialCode:"+677",flag:"🇸🇧"},{code:"SC",name:"Seychelles",dialCode:"+248",flag:"🇸🇨"},{code:"SD",name:"Sudan",dialCode:"+249",flag:"🇸🇩"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"SH",name:"Saint Helena",dialCode:"+290",flag:"🇸🇭"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮"},{code:"SJ",name:"Svalbard and Jan Mayen",dialCode:"+47",flag:"🇸🇯"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰"},{code:"SL",name:"Sierra Leone",dialCode:"+232",flag:"🇸🇱"},{code:"SM",name:"San Marino",dialCode:"+378",flag:"🇸🇲"},{code:"SN",name:"Senegal",dialCode:"+221",flag:"🇸🇳"},{code:"SO",name:"Somalia",dialCode:"+252",flag:"🇸🇴"},{code:"SR",name:"Suriname",dialCode:"+597",flag:"🇸🇷"},{code:"SS",name:"South Sudan",dialCode:"+211",flag:"🇸🇸"},{code:"ST",name:"São Tomé and Príncipe",dialCode:"+239",flag:"🇸🇹"},{code:"SV",name:"El Salvador",dialCode:"+503",flag:"🇸🇻"},{code:"SX",name:"Sint Maarten",dialCode:"+1721",flag:"🇸🇽"},{code:"SY",name:"Syria",dialCode:"+963",flag:"🇸🇾"},{code:"SZ",name:"Eswatini",dialCode:"+268",flag:"🇸🇿"},{code:"TC",name:"Turks and Caicos Islands",dialCode:"+1649",flag:"🇹🇨"},{code:"TD",name:"Chad",dialCode:"+235",flag:"🇹🇩"},{code:"TG",name:"Togo",dialCode:"+228",flag:"🇹🇬"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭"},{code:"TJ",name:"Tajikistan",dialCode:"+992",flag:"🇹🇯"},{code:"TK",name:"Tokelau",dialCode:"+690",flag:"🇹🇰"},{code:"TL",name:"Timor-Leste",dialCode:"+670",flag:"🇹🇱"},{code:"TM",name:"Turkmenistan",dialCode:"+993",flag:"🇹🇲"},{code:"TN",name:"Tunisia",dialCode:"+216",flag:"🇹🇳"},{code:"TO",name:"Tonga",dialCode:"+676",flag:"🇹🇴"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷"},{code:"TT",name:"Trinidad and Tobago",dialCode:"+1868",flag:"🇹🇹"},{code:"TV",name:"Tuvalu",dialCode:"+688",flag:"🇹🇻"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼"},{code:"TZ",name:"Tanzania",dialCode:"+255",flag:"🇹🇿"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦"},{code:"UG",name:"Uganda",dialCode:"+256",flag:"🇺🇬"},{code:"UY",name:"Uruguay",dialCode:"+598",flag:"🇺🇾"},{code:"UZ",name:"Uzbekistan",dialCode:"+998",flag:"🇺🇿"},{code:"VA",name:"Vatican City",dialCode:"+39",flag:"🇻🇦"},{code:"VC",name:"Saint Vincent and the Grenadines",dialCode:"+1784",flag:"🇻🇨"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪"},{code:"VG",name:"British Virgin Islands",dialCode:"+1284",flag:"🇻🇬"},{code:"VI",name:"U.S. Virgin Islands",dialCode:"+1340",flag:"🇻🇮"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳"},{code:"VU",name:"Vanuatu",dialCode:"+678",flag:"🇻🇺"},{code:"WF",name:"Wallis and Futuna",dialCode:"+681",flag:"🇼🇫"},{code:"WS",name:"Samoa",dialCode:"+685",flag:"🇼🇸"},{code:"YE",name:"Yemen",dialCode:"+967",flag:"🇾🇪"},{code:"YT",name:"Mayotte",dialCode:"+262",flag:"🇾🇹"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"ZM",name:"Zambia",dialCode:"+260",flag:"🇿🇲"},{code:"ZW",name:"Zimbabwe",dialCode:"+263",flag:"🇿🇼"}],lo=()=>r.jsx("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"transition-transform",children:r.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),io=()=>r.jsxs("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[r.jsx("path",{d:"M11.742 10.344L15.398 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5Z",stroke:"currentColor",strokeWidth:"1.5"})]}),co=(e,o)=>{if(!e)return!1;const a=e.replace(/\D/g,"");return!(a.length<7||a.length>15)},fo=(e,o)=>{if(!e||!o.format)return e;const a=e.replace(/\D/g,"");let t="",s=0;for(let i=0;i<o.format.length&&s<a.length;i++){const l=o.format[i];l==="#"?(t+=a[s],s++):t+=l}return t},go=e=>e.format?e.format.replace(/#/g,"0"):{US:"(555) 123-4567",GB:"01234 567890",IN:"98765 43210",AU:"0 4567 8901",CA:"(555) 123-4567"}[e.code]||"123456789",kr=m.forwardRef(({value:e,defaultValue:o="",onChange:a,onCountryChange:t,enableCountryDropdown:s=!0,defaultCountry:i="US",preferredCountries:l=["US","GB","CA","AU","IN"],excludeCountries:f=[],onlyCountries:d=[],showCountryFlags:g=!0,autoFormat:x=!0,validatePhoneNumber:c=!1,onValidationChange:p,placeholder:z,autoPlaceholder:B=!0,dropdownPosition:L="auto",searchable:h=!0,size:E="md",error:v=!1,disabled:b=!1,loading:I=!1,ariaLabel:P,ariaDescribedBy:S,searchLabel:M="Search countries",noResultsText:n="No countries found",className:y,containerClassName:F,dropdownClassName:A,inputClassName:G,name:O,id:q,required:Z=!1,...U},V)=>{const Q=(()=>{let N=[...no];return d.length>0?N=N.filter(j=>d.includes(j.code)):f.length>0&&(N=N.filter(j=>!f.includes(j.code))),N.sort((j,J)=>{const Ne=l.includes(j.code),Ke=l.includes(J.code);return Ne&&!Ke?-1:!Ne&&Ke?1:Ne&&Ke?l.indexOf(j.code)-l.indexOf(J.code):j.priority&&J.priority?j.priority-J.priority:j.priority&&!J.priority?-1:!j.priority&&J.priority?1:j.name.localeCompare(J.name)})})(),D=Q.find(N=>N.code===i)||Q[0],[Y,be]=m.useState(D),[ee,ie]=m.useState(e??o),[W,w]=m.useState(!1),[H,re]=m.useState(!1),[K,R]=m.useState(""),[pe,ye]=m.useState(!0),[ge,he]=m.useState(!1),[we,ve]=m.useState(0),Ee=m.useRef(null),De=m.useId(),Oe=`${De}-listbox`,Be=N=>`${De}-option-${N}`,Ce=m.useCallback((N=!1)=>{var j;re(!0),Ee.current=setTimeout(()=>{w(!1),re(!1),R(""),Ee.current=null},150),N&&((j=Ue.current)==null||j.focus())},[]),Mr=m.useCallback(()=>{ve(0),w(!0)},[]);m.useEffect(()=>()=>{Ee.current&&clearTimeout(Ee.current)},[]);const We=m.useRef(null),Ue=m.useRef(null),Tr=m.useRef(null),Bo=m.useCallback(N=>{Ue.current=N,typeof V=="function"?V(N):V&&(V.current=N)},[V]);m.useEffect(()=>{const N=j=>{We.current&&!We.current.contains(j.target)&&Ce()};return document.addEventListener("mousedown",N),()=>document.removeEventListener("mousedown",N)},[Ce]),m.useEffect(()=>{W&&h&&requestAnimationFrame(()=>{var N;return(N=Tr.current)==null?void 0:N.focus()})},[W,h]),m.useEffect(()=>{ve(0)},[K]),m.useEffect(()=>{var j;if(!W)return;const N=document.getElementById(Be(we));(j=N==null?void 0:N.scrollIntoView)==null||j.call(N,{block:"nearest"})},[we,W]),m.useEffect(()=>{e!==void 0&&ie(e)},[e]),m.useEffect(()=>{if(c){const N=co(ee);ye(N),p==null||p(N)}},[ee,Y,c,p]);const Go=N=>{let j=N.target.value;x&&(j=fo(j,Y)),ie(j),a==null||a(j,Y)},Po=N=>{var j;he(!0),(j=U.onFocus)==null||j.call(U,N)},jo=N=>{var j;he(!1),(j=U.onBlur)==null||j.call(U,N)},Lr=N=>{var j;be(N),Ce(),t==null||t(N),(j=Ue.current)==null||j.focus(),ee&&(a==null||a(ee,N))},Er=N=>{const j=ke.length;switch(N.key){case"ArrowDown":N.preventDefault(),j&&ve(J=>(J+1)%j);break;case"ArrowUp":N.preventDefault(),j&&ve(J=>(J-1+j)%j);break;case"Home":N.preventDefault(),ve(0);break;case"End":N.preventDefault(),j&&ve(j-1);break;case"Enter":{N.preventDefault();const J=ke[we];J&&Lr(J);break}case"Escape":N.preventDefault(),Ce(!0);break;case"Tab":Ce();break}},ke=K?Q.filter(N=>N.name.toLowerCase().includes(K.toLowerCase())||N.dialCode.includes(K)||N.code.toLowerCase().includes(K.toLowerCase())):Q,$o=z||(B?go(Y):"Enter phone number"),oe={sm:{container:"h-8",input:"h-8 px-3 py-1 text-sm",dropdown:"text-sm",flag:"text-sm",dialCode:"text-xs"},md:{container:"h-[36px]",input:"h-[36px] px-2 py-2 w-[80%] h-full flex items-center text-sm",dropdown:"text-sm",flag:"text-base",dialCode:"text-sm"},lg:{container:"h-12",input:"h-12 px-2 py-2 w-[80%] h-full flex items-center text-base",dropdown:"text-base",flag:"text-lg",dialCode:"text-base"}}[E],Dr=!!(c&&!pe&&ee);return r.jsxs("div",{className:u("w-full",F),children:[r.jsxs("div",{className:"relative",ref:We,children:[r.jsxs("div",{className:u("flex border rounded-[var(--zango-border-radius-md,8px)] transition-colors",oe.container,!v&&!b&&!ge&&!W&&"border-[var(--zango-border-color-default,var(--color-gray-300))] hover:border-[var(--zango-border-color-hover,var(--color-gray-400))]",!v&&!b&&(ge||W)&&"border-brand-500",v&&!b&&!ge&&"border-error-500 hover:border-error-500",v&&!b&&ge&&"border-error-500",b&&"bg-gray-50 border-[var(--zango-border-color-default,var(--color-gray-300))] cursor-not-allowed opacity-60",y),children:[s?r.jsxs("button",{type:"button",onClick:()=>{b||(W?Ce():Mr())},onKeyDown:N=>{b||(!W&&(N.key==="ArrowDown"||N.key==="ArrowUp")?(N.preventDefault(),Mr()):W&&!h&&Er(N))},disabled:b,className:u("flex items-center gap-1 px-2 border-r border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-l-[var(--zango-border-radius-md,8px)] transition-colors",!b&&"hover:bg-gray-50",b&&"cursor-not-allowed opacity-60"),role:h?void 0:"combobox","aria-label":`Selected country: ${Y.name}`,"aria-expanded":W,"aria-haspopup":"listbox","aria-controls":W?Oe:void 0,"aria-activedescendant":W&&!h&&ke.length?Be(we):void 0,children:[g&&r.jsx("span",{className:oe.flag,children:Y.flag}),r.jsx("span",{className:u("text-gray-700",oe.dialCode),children:Y.dialCode}),r.jsx(lo,{})]}):r.jsxs("div",{className:"flex items-center gap-2 px-3 border-r border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-l-[var(--zango-border-radius-md,8px)] bg-gray-50",children:[g&&r.jsx("span",{className:oe.flag,children:Y.flag}),r.jsx("span",{className:u("text-gray-700",oe.dialCode),children:Y.dialCode})]}),r.jsx("input",{...U,ref:Bo,type:"tel",id:q,name:O,value:ee,onChange:Go,onFocus:Po,onBlur:jo,placeholder:$o,disabled:b,required:Z,"aria-label":P||"Phone number","aria-describedby":[S,Dr?`${De}-error`:null].filter(Boolean).join(" ")||void 0,"aria-invalid":v||c&&!pe,"aria-busy":I||void 0,className:u("flex-1 bg-transparent rounded-r-[var(--zango-border-radius-md,8px)] border-0 outline-hidden placeholder:text-gray-400 px-1",oe.input,b&&"cursor-not-allowed",G)}),I&&r.jsxs("div",{role:"status","aria-live":"polite",className:"absolute right-3 top-1/2 transform -translate-y-1/2",children:[r.jsx("div",{"aria-hidden":"true",className:"animate-spin motion-reduce:animate-none rounded-full h-4 w-4 border-2 border-gray-300 border-t-brand-500"}),r.jsx("span",{className:"sr-only",children:"Loading"})]})]}),s&&W&&r.jsxs("div",{style:{animation:`${H?L==="top"?"phone-menu-slide-up-close":"phone-menu-slide-down-close":L==="top"?"phone-menu-slide-up-open":"phone-menu-slide-down-open"} 150ms ease-out forwards`,transformOrigin:L==="top"?"bottom":"top"},className:u("absolute z-[9999] w-full mt-1 bg-white border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-[var(--zango-border-radius-md,8px)] shadow-md max-h-60 overflow-hidden",L==="top"&&"bottom-full mb-1 mt-0",A),children:[h&&r.jsx("div",{className:"p-2 border-b border-gray-200",children:r.jsxs("div",{className:"relative",children:[r.jsx("input",{ref:Tr,type:"text",role:"combobox","aria-label":M,"aria-expanded":W,"aria-controls":Oe,"aria-activedescendant":ke.length?Be(we):void 0,"aria-autocomplete":"list",placeholder:M,value:K,onChange:N=>R(N.target.value),onKeyDown:Er,className:u("w-full pl-8 pr-3 py-2 text-sm border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-[var(--zango-border-radius-md,8px)] focus:border-brand-500 hover:border-[var(--zango-border-color-hover,var(--color-gray-400))]",oe.dropdown)}),r.jsx("div",{className:"absolute left-2 top-1/2 transform -translate-y-1/2 text-gray-400",children:r.jsx(io,{})})]})}),r.jsxs("div",{id:Oe,role:"listbox","aria-label":"Countries",className:"overflow-auto max-h-48",children:[ke.map((N,j)=>{const J=j===we,Ne=Y.code===N.code;return r.jsxs("div",{id:Be(j),role:"option","aria-selected":Ne,onClick:()=>Lr(N),onMouseEnter:()=>ve(j),className:u("w-full flex items-center gap-3 px-3 py-2 text-left cursor-pointer transition-colors",J&&"bg-gray-100",Ne&&"bg-brand-50 text-brand-600",oe.dropdown),children:[g&&r.jsx("span",{className:oe.flag,children:N.flag}),r.jsx("span",{className:"flex-1 truncate",children:N.name}),r.jsx("span",{className:u("text-gray-500",oe.dialCode),children:N.dialCode})]},N.code)}),ke.length===0&&r.jsx("div",{className:"px-3 py-8 text-center text-gray-500",children:r.jsx("p",{children:n})})]})]})]}),Dr&&r.jsx("p",{id:`${De}-error`,role:"alert",className:"mt-1 text-xs text-error-500",children:"Please enter a valid phone number"})]})});kr.displayName="PhoneNumberInput";const uo=({percent:e=0,type:o="line",status:a="normal",showInfo:t=!0,format:s,strokeColor:i,strokeWidth:l,size:f="default","aria-label":d,"aria-labelledby":g,className:x,style:c})=>{const p=Math.min(100,Math.max(0,e)),z={normal:"bg-brand-500",exception:"bg-error-500",active:"bg-brand-500",success:"bg-success-500"},B=()=>s?s(p):`${Math.round(p)}%`,L={role:"progressbar","aria-valuenow":Math.round(p),"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":`${Math.round(p)}%`,"aria-label":g?void 0:d??"Progress","aria-labelledby":g};if(o==="circle"){const h=f==="small"?80:120,E=l||(f==="small"?4:6),v=(h-E)/2,b=2*Math.PI*v,I=b-p/100*b;return r.jsxs("div",{className:u("inline-block",x),style:c,...L,children:[r.jsxs("svg",{"aria-hidden":"true",width:h,height:h,children:[r.jsx("circle",{cx:h/2,cy:h/2,r:v,fill:"none",stroke:"#f5f5f5",strokeWidth:E}),r.jsx("circle",{cx:h/2,cy:h/2,r:v,fill:"none",stroke:i||(a==="exception"?"#ff4d4f":a==="success"?"#52c41a":"#1890ff"),strokeWidth:E,strokeDasharray:b,strokeDashoffset:I,strokeLinecap:"round",transform:`rotate(-90 ${h/2} ${h/2})`,style:{transition:"stroke-dashoffset 0.3s ease"}})]}),t&&r.jsx("div",{className:"text-center mt-2",children:r.jsx("span",{className:"text-sm font-medium",children:B()})})]})}return r.jsx("div",{className:u("w-full",x),style:c,...L,children:r.jsxs("div",{className:"flex items-center",children:[r.jsx("div",{className:"flex-1 mr-2",children:r.jsx("div",{className:u("w-full bg-gray-200 rounded-full overflow-hidden",f==="small"?"h-1.5":"h-2"),children:r.jsx("div",{className:u("h-full transition-all duration-300 ease-in-out motion-reduce:transition-none rounded-full",z[a]),style:{width:`${p}%`,backgroundColor:i}})})}),t&&r.jsx("span",{className:"text-sm font-medium text-gray-700 min-w-[3rem] text-right",children:B()})]})})},mo={success:r.jsx("svg",{"aria-hidden":"true",className:"w-16 h-16 text-success-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"})}),error:r.jsx("svg",{"aria-hidden":"true",className:"w-16 h-16 text-error-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"})}),info:r.jsx("svg",{"aria-hidden":"true",className:"w-16 h-16 text-gray-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),warning:r.jsx("svg",{"aria-hidden":"true",className:"w-16 h-16 text-warning-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),404:r.jsx("div",{className:"text-6xl font-bold text-gray-300",children:"404"}),403:r.jsx("div",{className:"text-6xl font-bold text-gray-300",children:"403"}),500:r.jsx("div",{className:"text-6xl font-bold text-gray-300",children:"500"})},bo=({status:e="info",title:o,subTitle:a,icon:t,extra:s,className:i,style:l})=>{const f={success:"Success",error:"Error",info:"Information",warning:"Warning",404:"Not found",403:"Forbidden",500:"Server error"};return r.jsxs("div",{role:"status",className:u("flex flex-col items-center justify-center py-12 px-8 text-center",i),style:l,children:[r.jsx("span",{className:"sr-only",children:f[e]}),r.jsx("div",{className:"mb-6",children:t||mo[e]}),o&&r.jsx("h3",{className:"text-xl font-semibold text-gray-900 mb-2",children:o}),a&&r.jsx("p",{className:"text-sm text-gray-600 mb-6 max-w-md",children:a}),s&&r.jsx("div",{className:"flex gap-2",children:s})]})},po=({options:e,value:o,defaultValue:a,onChange:t,disabled:s=!1,size:i="middle",className:l,style:f})=>{const[d,g]=m.useState(o??a??(e[0]&&typeof e[0]=="object"?e[0].value:e[0])),x=o!==void 0?o:d,c=e.map(b=>typeof b=="object"?b:{label:b,value:b}),p=b=>{s||(o===void 0&&g(b),t==null||t(b))},z=(b,I)=>{var n,y;let P=null;if(b.key==="ArrowRight"||b.key==="ArrowDown")P=(I+1)%c.length;else if(b.key==="ArrowLeft"||b.key==="ArrowUp")P=(I-1+c.length)%c.length;else return;b.preventDefault();let S=0;for(;(n=c[P])!=null&&n.disabled&&S<c.length;)P=(P+(b.key==="ArrowLeft"||b.key==="ArrowUp"?-1:1)+c.length)%c.length,S++;const M=c[P];M&&!M.disabled&&(p(M.value),(y=document.getElementById(`segmented-${M.value}`))==null||y.focus())},B=c.findIndex(b=>b.value===x),L=c.findIndex(b=>!b.disabled),h=B>=0?B:L,E={small:"px-3 text-sm",middle:"px-4 text-sm",large:"px-6 text-base"},v={small:"h-[var(--zango-control-height-sm,32px)]",middle:"h-[var(--zango-control-height-md,36px)]",large:"h-[var(--zango-control-height-lg,44px)]"};return r.jsx("div",{role:"radiogroup","aria-disabled":s||void 0,className:u("inline-flex bg-gray-100 rounded-[var(--zango-border-radius-md,8px)] p-1",v[i],s&&"opacity-60 cursor-not-allowed",l),style:f,children:c.map((b,I)=>r.jsxs("button",{type:"button",role:"radio",id:`segmented-${b.value}`,"aria-checked":x===b.value,tabIndex:I===h?0:-1,onClick:()=>!b.disabled&&p(b.value),onKeyDown:P=>z(P,I),disabled:s||b.disabled,className:u("relative font-medium transition-all rounded-[var(--zango-border-radius-sm,4px)]","inline-flex items-center justify-center h-full","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",E[i],x===b.value?"bg-white text-gray-900 shadow-xs":"text-gray-600 hover:text-gray-900",s||b.disabled?"cursor-not-allowed opacity-50":"cursor-pointer"),children:[b.icon&&r.jsx("span",{className:"mr-1",children:b.icon}),b.label]},b.value))})},Nr=({value:e,defaultValue:o,placeholder:a="Please select",options:t=[],onChange:s,onSelect:i,disabled:l=!1,allowClear:f=!1,showSearch:d=!1,filterOption:g,size:x="medium",className:c,style:p,dropdownClassName:z,"aria-label":B,"aria-labelledby":L,"aria-invalid":h,children:E})=>{const[v,b]=m.useState(!1),[I,P]=m.useState(e??o),[S,M]=m.useState(""),[n,y]=m.useState(-1),F=m.useRef(null),A=m.useRef(null),G=m.useRef(null),O=m.useId(),q=E?m.Children.toArray(E).filter(w=>m.isValidElement(w)).map(w=>({value:w.props.value,label:w.props.label??w.props.children,disabled:w.props.disabled})):t,Z=e!==void 0?e:I,U=q.find(w=>w.value===Z),V=d&&S?q.filter(w=>g?g(S,w):String(w.label).toLowerCase().includes(S.toLowerCase())):q,le={small:"min-h-[var(--zango-control-height-sm,32px)] px-[var(--zango-control-padding-x-sm,12px)] text-sm",medium:"min-h-[var(--zango-control-height-md,36px)] px-[var(--zango-control-padding-x-md,16px)] text-sm",large:"min-h-[var(--zango-control-height-lg,44px)] px-[var(--zango-control-padding-x-lg,24px)] text-base"};m.useEffect(()=>{const w=H=>{F.current&&!F.current.contains(H.target)&&(b(!1),M(""),y(-1))};return document.addEventListener("mousedown",w),()=>document.removeEventListener("mousedown",w)},[]),m.useEffect(()=>{n>V.length-1&&y(V.length-1)},[V.length,n]);const Q=w=>{if(w.disabled)return;const H=w.value;e===void 0&&P(H),s==null||s(H,w),i==null||i(H,w),b(!1),M(""),y(-1)},D=w=>{w.stopPropagation(),e===void 0&&P(void 0),s==null||s(void 0,null)},Y=()=>{if(l)return;b(!0);const w=V.findIndex(H=>H.value===Z);y(w>=0?w:0),d&&setTimeout(()=>{var H;return(H=A.current)==null?void 0:H.focus()},0)},be=()=>{b(!1),M(""),y(-1)},ee=()=>{l||(v?be():Y())},ie=w=>{var re;if(V.length===0)return;let H=n;for(let K=0;K<V.length&&(H=(H+w+V.length)%V.length,!!((re=V[H])!=null&&re.disabled));K++);y(H)},W=w=>{var H,re,K;if(!l)switch(w.key){case"ArrowDown":w.preventDefault(),v?ie(1):Y();break;case"ArrowUp":w.preventDefault(),v?ie(-1):Y();break;case"Enter":d&&v&&w.stopPropagation(),v?n>=0&&V[n]&&(w.preventDefault(),Q(V[n]),(H=G.current)==null||H.focus()):(w.preventDefault(),Y());break;case" ":if(d&&v)break;v?n>=0&&V[n]&&(w.preventDefault(),Q(V[n]),(re=G.current)==null||re.focus()):(w.preventDefault(),Y());break;case"Escape":v&&(w.preventDefault(),be(),(K=G.current)==null||K.focus());break;case"Home":v&&(w.preventDefault(),y(V.findIndex(R=>!R.disabled)));break;case"End":if(v){w.preventDefault();for(let R=V.length-1;R>=0;R--)if(!V[R].disabled){y(R);break}}break}};return r.jsxs("div",{ref:F,className:u("relative inline-block w-full",c),style:p,children:[r.jsxs("div",{ref:G,role:d&&v?void 0:"combobox","aria-expanded":d&&v?void 0:v,"aria-haspopup":d&&v?void 0:"listbox","aria-controls":d&&v?void 0:O,"aria-disabled":l||void 0,"aria-invalid":d&&v?void 0:h||void 0,"aria-label":d&&v||L?void 0:B??a,"aria-labelledby":d&&v?void 0:L,"aria-activedescendant":!(d&&v)&&v&&n>=0?`${O}-option-${n}`:void 0,tabIndex:l||d&&v?-1:0,onClick:ee,onKeyDown:W,className:u("flex items-center justify-between w-full border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-[var(--zango-border-radius-md,8px)] cursor-pointer transition-colors",le[x],l&&"bg-gray-50 cursor-not-allowed opacity-60",v&&"border-brand-500",!l&&"hover:border-[var(--zango-border-color-hover,var(--color-gray-400))]","focus-within:border-brand-500"),children:[r.jsx("div",{className:"flex-1 min-w-0",children:d&&v?r.jsx("input",{ref:A,type:"text",role:"combobox","aria-expanded":v,"aria-haspopup":"listbox","aria-controls":O,"aria-autocomplete":"list","aria-invalid":h||void 0,"aria-activedescendant":n>=0?`${O}-option-${n}`:void 0,"aria-label":L?void 0:B??a,"aria-labelledby":L,value:S,onChange:w=>M(w.target.value),onKeyDown:W,className:"w-full bg-transparent border-none focus:outline-hidden",placeholder:U?String(U.label):a}):r.jsx("span",{className:u("block truncate",!U&&"text-gray-400"),children:U?U.label:a})}),r.jsxs("div",{className:"flex items-center space-x-1",children:[f&&U&&r.jsx("button",{type:"button",onClick:D,"aria-label":"Clear selection",className:"text-gray-400 hover:text-gray-600 text-sm",children:"×"}),r.jsx("span",{className:u("text-gray-400 transition-transform text-xs",v&&"transform rotate-180"),children:"▼"})]})]}),v&&r.jsx("div",{id:O,role:"listbox",className:u("absolute z-50 w-full mt-1 bg-white border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-[var(--zango-border-radius-md,8px)] shadow-md max-h-60 overflow-auto",z),children:V.length===0?r.jsx("div",{className:"px-3 py-2 text-sm text-gray-500",children:"No options"}):V.map((w,H)=>r.jsx("div",{id:`${O}-option-${H}`,role:"option","aria-selected":w.value===Z,"aria-disabled":w.disabled||void 0,onClick:()=>Q(w),onMouseEnter:()=>!w.disabled&&y(H),className:u("px-3 py-2 cursor-pointer text-sm transition-colors",w.disabled&&"opacity-50 cursor-not-allowed",!w.disabled&&"hover:bg-gray-50",n===H&&!w.disabled&&"bg-gray-100",w.value===Z&&"bg-brand-50 text-brand-600"),children:w.label},`${w.value}-${H}`))})]})},ho=({children:e})=>r.jsx(r.Fragment,{children:e});Nr.Option=ho;const vo=({children:e,direction:o="horizontal",size:a="medium",align:t,wrap:s=!1,className:i,style:l})=>{const d=typeof a=="number"?a:{small:8,medium:16,large:24}[a],g={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline"};return r.jsx("div",{className:u("flex",o==="vertical"?"flex-col":"flex-row",t&&g[t],s&&"flex-wrap",i),style:{gap:`${d}px`,...l},children:e})},xo=({spinning:e=!0,size:o="default",tip:a,children:t,className:s,style:i})=>{const l={small:"w-4 h-4",default:"w-6 h-6",large:"w-8 h-8"},f=r.jsxs("div",{role:"status","aria-live":"polite",className:u("flex flex-col items-center justify-center",!t&&"p-4"),children:[r.jsx("div",{"aria-hidden":"true",className:u("animate-spin motion-reduce:animate-none rounded-full border-2 border-gray-300 border-t-brand-500",l[o])}),a?r.jsx("div",{className:"mt-2 text-sm text-gray-600",children:a}):r.jsx("span",{className:"sr-only",children:"Loading"})]});return t?r.jsxs("div",{className:u("relative",s),style:i,children:[r.jsx("div",{"aria-busy":e,children:t}),e&&r.jsx("div",{className:"absolute inset-0 bg-white/60 flex items-center justify-center z-10",children:f})]}):r.jsx("div",{className:u("inline-block",s),style:i,children:e?f:null})},yo=({activeKey:e,defaultActiveKey:o,items:a=[],onChange:t,type:s="line",size:i="default",tabPosition:l="top",className:f,contentClassName:d,style:g})=>{var M;const[x,c]=m.useState(e||o||((M=a[0])==null?void 0:M.key)||""),p=e!==void 0?e:x,z=m.useId(),B=n=>`${z}-tab-${n}`,L=n=>`${z}-tabpanel-${n}`;m.useEffect(()=>{if(e!==void 0||a.length===0)return;a.some(y=>y.key===x)||c(a[0].key)},[e,a,x]);const h=n=>{e===void 0&&c(n),t==null||t(n)},E=l==="top"||l==="bottom",v=(n,y)=>{var U,V;const F=E?"ArrowRight":"ArrowDown",A=E?"ArrowLeft":"ArrowUp";let G=null,O=1;if(n.key===F)G=(y+1)%a.length,O=1;else if(n.key===A)G=(y-1+a.length)%a.length,O=-1;else if(n.key==="Home")G=0,O=1;else if(n.key==="End")G=a.length-1,O=-1;else return;n.preventDefault();let q=0;for(;(U=a[G])!=null&&U.disabled&&q<a.length;)G=(G+O+a.length)%a.length,q++;const Z=a[G];Z&&!Z.disabled&&(h(Z.key),(V=document.getElementById(B(Z.key)))==null||V.focus())},b=a.find(n=>n.key===p),I={small:"px-3 py-1.5 text-sm",default:"px-4 py-2 text-sm",large:"px-6 py-3 text-base"},P=()=>r.jsx("div",{role:"tablist","aria-orientation":E?"horizontal":"vertical",className:u("flex",l==="top"||l==="bottom"?"flex-row":"flex-col",l==="bottom"&&"order-2",l==="right"&&"order-2",s==="line"&&"border-b border-[var(--zango-border-color-default,var(--color-gray-300))]",l==="left"&&s==="line"&&"border-r border-[var(--zango-border-color-default,var(--color-gray-300))] border-b-0",l==="right"&&s==="line"&&"border-l border-[var(--zango-border-color-default,var(--color-gray-300))] border-b-0",s==="card"&&"bg-gray-50 rounded-t-[var(--zango-border-radius-lg,12px)] p-1"),children:a.map((n,y)=>r.jsxs("button",{type:"button",role:"tab",id:B(n.key),"aria-selected":p===n.key,"aria-controls":L(n.key),tabIndex:p===n.key?0:-1,onClick:()=>!n.disabled&&h(n.key),onKeyDown:F=>v(F,y),disabled:n.disabled,className:u("relative transition-colors whitespace-nowrap","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",I[i],n.disabled?"opacity-50 cursor-not-allowed":"cursor-pointer",s==="line"&&"border-b-2 border-transparent hover:text-brand-600 "+(p===n.key?"text-brand-600 border-brand-600 font-semibold":"text-gray-600 font-medium"),s==="card"&&"rounded-[var(--zango-border-radius-md,8px)] font-medium "+(p===n.key?"bg-white text-brand-600 shadow-xs font-semibold":"text-gray-600 hover:text-gray-900"),l==="left"&&s==="line"&&"border-b-0 border-r-2",l==="right"&&s==="line"&&"border-b-0 border-l-2"),children:[n.label,p===n.key&&s==="line"&&r.jsx("div",{className:"absolute bottom-[-2px] left-0 right-0 h-0.5 bg-brand-600"})]},n.key))}),S=()=>r.jsx("div",{role:"tabpanel",id:b?L(b.key):void 0,"aria-labelledby":b?B(b.key):void 0,tabIndex:0,className:u("tab-content flex-1 p-4","outline-none focus:outline-none focus-visible:outline-none ring-0 focus:ring-0 focus-visible:ring-0",d),children:b==null?void 0:b.children});return r.jsxs("div",{className:u("tabs",l==="left"||l==="right"?"flex":"block",f),style:g,children:[P(),S()]})},wo=({children:e,color:o="default",closable:a=!1,onClose:t,className:s,style:i,icon:l})=>{const f={success:"bg-success-100 text-success-800 border-success-200",processing:"bg-blue-100 text-blue-800 border-blue-200",error:"bg-error-100 text-error-800 border-error-200",warning:"bg-warning-100 text-warning-800 border-warning-200",default:"bg-gray-100 text-gray-800 border-[var(--zango-border-color-default,var(--color-gray-300))]"},d=o in f,g=d?f[o]:"",x=!d&&o?{backgroundColor:`${o}20`,borderColor:`${o}40`,color:o,...i}:i,c=p=>{p.stopPropagation(),t==null||t(p)};return r.jsxs("span",{className:u("inline-flex items-center px-2 py-1 text-xs font-medium rounded-[var(--zango-border-radius-sm,4px)] border",g,s),style:x,children:[l&&r.jsx("span",{"aria-hidden":"true",className:"mr-1",children:l}),r.jsx("span",{children:e}),a&&r.jsx("button",{type:"button",onClick:c,className:"ml-1 inline-flex items-center justify-center min-w-[24px] min-h-[24px] text-xs rounded-[var(--zango-border-radius-sm,4px)] hover:opacity-70 transition-opacity focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-current","aria-label":typeof e=="string"?`Remove ${e}`:"Remove",children:"×"})]})},zr=m.forwardRef(({error:e,helperText:o,className:a,id:t,"aria-describedby":s,...i},l)=>{const f=m.useId(),d=t??f,g=`${d}-helper`,x=[o?g:null,s].filter(Boolean).join(" ")||void 0;return r.jsxs("div",{className:"w-full",children:[r.jsx("textarea",{ref:l,id:d,"aria-invalid":e||void 0,"aria-describedby":x,className:`
|
|
33
|
+
min-h-[80px] w-full rounded-[var(--zango-border-radius-md,8px)] border border-[var(--zango-border-color-default,var(--color-gray-300))] px-3 py-2 text-sm
|
|
85
34
|
placeholder:text-gray-400
|
|
86
|
-
hover:border-gray-400
|
|
35
|
+
hover:border-[var(--zango-border-color-hover,var(--color-gray-400))]
|
|
87
36
|
focus:border-brand-500 focus:hover:border-brand-500
|
|
88
37
|
disabled:cursor-not-allowed disabled:opacity-50
|
|
89
38
|
resize-vertical
|
|
90
39
|
${e?"border-error-500 hover:border-error-500 focus:border-error-500":""}
|
|
91
|
-
${
|
|
92
|
-
`.trim(),...r}));Mr.displayName="Textarea";const uo=()=>n.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),Ir=f.forwardRef(({label:e,error:t,className:r,checked:a,defaultChecked:o,onChange:s,...l},d)=>{const[u,c]=f.useState(a??o??!1);f.useEffect(()=>{a!==void 0&&c(a)},[a]);const g=i=>{const h=i.target.checked;a===void 0&&c(h),s==null||s(i)};return n.jsxs("label",{className:`inline-flex items-center cursor-pointer ${r||""}`,children:[n.jsxs("div",{className:"relative flex items-center",children:[n.jsx("input",{ref:d,type:"checkbox",className:"sr-only hidden!",checked:a!==void 0?a:u,onChange:g,...l}),n.jsx("div",{className:`
|
|
93
|
-
w-4 h-4 rounded border-2 transition-colors flex items-center justify-center
|
|
94
|
-
${u||a?"bg-brand-500 border-brand-500":t?"border-error-500":"border-gray-300"}
|
|
95
|
-
${!u&&!a?"hover:border-gray-400":""}
|
|
96
|
-
focus:border-brand-500
|
|
97
|
-
`.trim(),children:n.jsx("div",{className:`text-white transition-opacity ${u||a?"opacity-100":"opacity-0"}`,children:n.jsx(uo,{})})})]}),e&&n.jsx("span",{className:`ml-2 text-sm ${t?"text-red-500":"text-gray-700"}`,children:e})]})});Ir.displayName="Checkbox";const Ar=f.forwardRef((e,t)=>{const[r,a]=f.useState(!1);return n.jsxs("div",{className:"relative",children:[n.jsx(wt,{ref:t,type:r?"text":"password",...e}),n.jsx("button",{type:"button",onClick:()=>a(!r),className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600",children:r?n.jsx(ro,{size:16}):n.jsx(ao,{size:16})})]})});Ar.displayName="PasswordInput";const Dr=f.forwardRef(({countryCode:e="+1",error:t,className:r,...a},o)=>n.jsxs("div",{className:`flex rounded-lg border border-gray-200 ${t?"border-red-500":""}`,children:[n.jsx("div",{className:"flex items-center px-3 py-2 bg-gray-50 border-r border-gray-200 rounded-l-lg",children:n.jsx("span",{className:"text-sm text-gray-700",children:e})}),n.jsx("input",{ref:o,type:"tel",className:`
|
|
98
|
-
flex h-[36px] px-3 py-2 text-sm rounded-r-lg border-0
|
|
99
|
-
placeholder:text-gray-400
|
|
100
|
-
disabled:cursor-not-allowed disabled:opacity-50
|
|
101
|
-
${r||""}
|
|
102
|
-
`.trim(),...a})]}));Dr.displayName="MobileInput";const fo=[{code:"US",name:"United States",dialCode:"+1",flag:"🇺🇸",format:"(###) ###-####",priority:1},{code:"GB",name:"United Kingdom",dialCode:"+44",flag:"🇬🇧",format:"## #### ####",priority:2},{code:"CA",name:"Canada",dialCode:"+1",flag:"🇨🇦",format:"(###) ###-####",priority:3},{code:"AU",name:"Australia",dialCode:"+61",flag:"🇦🇺",format:"# #### ####",priority:4},{code:"IN",name:"India",dialCode:"+91",flag:"🇮🇳",format:"##### #####",priority:5},{code:"AD",name:"Andorra",dialCode:"+376",flag:"🇦🇩"},{code:"AE",name:"United Arab Emirates",dialCode:"+971",flag:"🇦🇪"},{code:"AF",name:"Afghanistan",dialCode:"+93",flag:"🇦🇫"},{code:"AG",name:"Antigua and Barbuda",dialCode:"+1268",flag:"🇦🇬"},{code:"AI",name:"Anguilla",dialCode:"+1264",flag:"🇦🇮"},{code:"AL",name:"Albania",dialCode:"+355",flag:"🇦🇱"},{code:"AM",name:"Armenia",dialCode:"+374",flag:"🇦🇲"},{code:"AO",name:"Angola",dialCode:"+244",flag:"🇦🇴"},{code:"AR",name:"Argentina",dialCode:"+54",flag:"🇦🇷"},{code:"AS",name:"American Samoa",dialCode:"+1684",flag:"🇦🇸"},{code:"AT",name:"Austria",dialCode:"+43",flag:"🇦🇹"},{code:"AW",name:"Aruba",dialCode:"+297",flag:"🇦🇼"},{code:"AZ",name:"Azerbaijan",dialCode:"+994",flag:"🇦🇿"},{code:"BA",name:"Bosnia and Herzegovina",dialCode:"+387",flag:"🇧🇦"},{code:"BB",name:"Barbados",dialCode:"+1246",flag:"🇧🇧"},{code:"BD",name:"Bangladesh",dialCode:"+880",flag:"🇧🇩"},{code:"BE",name:"Belgium",dialCode:"+32",flag:"🇧🇪"},{code:"BF",name:"Burkina Faso",dialCode:"+226",flag:"🇧🇫"},{code:"BG",name:"Bulgaria",dialCode:"+359",flag:"🇧🇬"},{code:"BH",name:"Bahrain",dialCode:"+973",flag:"🇧🇭"},{code:"BI",name:"Burundi",dialCode:"+257",flag:"🇧🇮"},{code:"BJ",name:"Benin",dialCode:"+229",flag:"🇧🇯"},{code:"BL",name:"Saint Barthélemy",dialCode:"+590",flag:"🇧🇱"},{code:"BM",name:"Bermuda",dialCode:"+1441",flag:"🇧🇲"},{code:"BN",name:"Brunei",dialCode:"+673",flag:"🇧🇳"},{code:"BO",name:"Bolivia",dialCode:"+591",flag:"🇧🇴"},{code:"BR",name:"Brazil",dialCode:"+55",flag:"🇧🇷"},{code:"BS",name:"Bahamas",dialCode:"+1242",flag:"🇧🇸"},{code:"BT",name:"Bhutan",dialCode:"+975",flag:"🇧🇹"},{code:"BW",name:"Botswana",dialCode:"+267",flag:"🇧🇼"},{code:"BY",name:"Belarus",dialCode:"+375",flag:"🇧🇾"},{code:"BZ",name:"Belize",dialCode:"+501",flag:"🇧🇿"},{code:"CD",name:"Congo (DRC)",dialCode:"+243",flag:"🇨🇩"},{code:"CF",name:"Central African Republic",dialCode:"+236",flag:"🇨🇫"},{code:"CG",name:"Congo (Republic)",dialCode:"+242",flag:"🇨🇬"},{code:"CH",name:"Switzerland",dialCode:"+41",flag:"🇨🇭"},{code:"CI",name:"Côte d'Ivoire",dialCode:"+225",flag:"🇨🇮"},{code:"CK",name:"Cook Islands",dialCode:"+682",flag:"🇨🇰"},{code:"CL",name:"Chile",dialCode:"+56",flag:"🇨🇱"},{code:"CM",name:"Cameroon",dialCode:"+237",flag:"🇨🇲"},{code:"CN",name:"China",dialCode:"+86",flag:"🇨🇳"},{code:"CO",name:"Colombia",dialCode:"+57",flag:"🇨🇴"},{code:"CR",name:"Costa Rica",dialCode:"+506",flag:"🇨🇷"},{code:"CU",name:"Cuba",dialCode:"+53",flag:"🇨🇺"},{code:"CV",name:"Cape Verde",dialCode:"+238",flag:"🇨🇻"},{code:"CW",name:"Curaçao",dialCode:"+599",flag:"🇨🇼"},{code:"CY",name:"Cyprus",dialCode:"+357",flag:"🇨🇾"},{code:"CZ",name:"Czech Republic",dialCode:"+420",flag:"🇨🇿"},{code:"DE",name:"Germany",dialCode:"+49",flag:"🇩🇪"},{code:"DJ",name:"Djibouti",dialCode:"+253",flag:"🇩🇯"},{code:"DK",name:"Denmark",dialCode:"+45",flag:"🇩🇰"},{code:"DM",name:"Dominica",dialCode:"+1767",flag:"🇩🇲"},{code:"DO",name:"Dominican Republic",dialCode:"+1",flag:"🇩🇴"},{code:"DZ",name:"Algeria",dialCode:"+213",flag:"🇩🇿"},{code:"EC",name:"Ecuador",dialCode:"+593",flag:"🇪🇨"},{code:"EE",name:"Estonia",dialCode:"+372",flag:"🇪🇪"},{code:"EG",name:"Egypt",dialCode:"+20",flag:"🇪🇬"},{code:"ER",name:"Eritrea",dialCode:"+291",flag:"🇪🇷"},{code:"ES",name:"Spain",dialCode:"+34",flag:"🇪🇸"},{code:"ET",name:"Ethiopia",dialCode:"+251",flag:"🇪🇹"},{code:"FI",name:"Finland",dialCode:"+358",flag:"🇫🇮"},{code:"FJ",name:"Fiji",dialCode:"+679",flag:"🇫🇯"},{code:"FK",name:"Falkland Islands",dialCode:"+500",flag:"🇫🇰"},{code:"FM",name:"Micronesia",dialCode:"+691",flag:"🇫🇲"},{code:"FO",name:"Faroe Islands",dialCode:"+298",flag:"🇫🇴"},{code:"FR",name:"France",dialCode:"+33",flag:"🇫🇷"},{code:"GA",name:"Gabon",dialCode:"+241",flag:"🇬🇦"},{code:"GD",name:"Grenada",dialCode:"+1473",flag:"🇬🇩"},{code:"GE",name:"Georgia",dialCode:"+995",flag:"🇬🇪"},{code:"GF",name:"French Guiana",dialCode:"+594",flag:"🇬🇫"},{code:"GG",name:"Guernsey",dialCode:"+44",flag:"🇬🇬"},{code:"GH",name:"Ghana",dialCode:"+233",flag:"🇬🇭"},{code:"GI",name:"Gibraltar",dialCode:"+350",flag:"🇬🇮"},{code:"GL",name:"Greenland",dialCode:"+299",flag:"🇬🇱"},{code:"GM",name:"Gambia",dialCode:"+220",flag:"🇬🇲"},{code:"GN",name:"Guinea",dialCode:"+224",flag:"🇬🇳"},{code:"GP",name:"Guadeloupe",dialCode:"+590",flag:"🇬🇵"},{code:"GQ",name:"Equatorial Guinea",dialCode:"+240",flag:"🇬🇶"},{code:"GR",name:"Greece",dialCode:"+30",flag:"🇬🇷"},{code:"GT",name:"Guatemala",dialCode:"+502",flag:"🇬🇹"},{code:"GU",name:"Guam",dialCode:"+1671",flag:"🇬🇺"},{code:"GW",name:"Guinea-Bissau",dialCode:"+245",flag:"🇬🇼"},{code:"GY",name:"Guyana",dialCode:"+592",flag:"🇬🇾"},{code:"HK",name:"Hong Kong",dialCode:"+852",flag:"🇭🇰"},{code:"HN",name:"Honduras",dialCode:"+504",flag:"🇭🇳"},{code:"HR",name:"Croatia",dialCode:"+385",flag:"🇭🇷"},{code:"HT",name:"Haiti",dialCode:"+509",flag:"🇭🇹"},{code:"HU",name:"Hungary",dialCode:"+36",flag:"🇭🇺"},{code:"ID",name:"Indonesia",dialCode:"+62",flag:"🇮🇩"},{code:"IE",name:"Ireland",dialCode:"+353",flag:"🇮🇪"},{code:"IL",name:"Israel",dialCode:"+972",flag:"🇮🇱"},{code:"IM",name:"Isle of Man",dialCode:"+44",flag:"🇮🇲"},{code:"IQ",name:"Iraq",dialCode:"+964",flag:"🇮🇶"},{code:"IR",name:"Iran",dialCode:"+98",flag:"🇮🇷"},{code:"IS",name:"Iceland",dialCode:"+354",flag:"🇮🇸"},{code:"IT",name:"Italy",dialCode:"+39",flag:"🇮🇹"},{code:"JE",name:"Jersey",dialCode:"+44",flag:"🇯🇪"},{code:"JM",name:"Jamaica",dialCode:"+1876",flag:"🇯🇲"},{code:"JO",name:"Jordan",dialCode:"+962",flag:"🇯🇴"},{code:"JP",name:"Japan",dialCode:"+81",flag:"🇯🇵"},{code:"KE",name:"Kenya",dialCode:"+254",flag:"🇰🇪"},{code:"KG",name:"Kyrgyzstan",dialCode:"+996",flag:"🇰🇬"},{code:"KH",name:"Cambodia",dialCode:"+855",flag:"🇰🇭"},{code:"KI",name:"Kiribati",dialCode:"+686",flag:"🇰🇮"},{code:"KM",name:"Comoros",dialCode:"+269",flag:"🇰🇲"},{code:"KN",name:"Saint Kitts and Nevis",dialCode:"+1869",flag:"🇰🇳"},{code:"KP",name:"North Korea",dialCode:"+850",flag:"🇰🇵"},{code:"KR",name:"South Korea",dialCode:"+82",flag:"🇰🇷"},{code:"KW",name:"Kuwait",dialCode:"+965",flag:"🇰🇼"},{code:"KY",name:"Cayman Islands",dialCode:"+1345",flag:"🇰🇾"},{code:"KZ",name:"Kazakhstan",dialCode:"+7",flag:"🇰🇿"},{code:"LA",name:"Laos",dialCode:"+856",flag:"🇱🇦"},{code:"LB",name:"Lebanon",dialCode:"+961",flag:"🇱🇧"},{code:"LC",name:"Saint Lucia",dialCode:"+1758",flag:"🇱🇨"},{code:"LI",name:"Liechtenstein",dialCode:"+423",flag:"🇱🇮"},{code:"LK",name:"Sri Lanka",dialCode:"+94",flag:"🇱🇰"},{code:"LR",name:"Liberia",dialCode:"+231",flag:"🇱🇷"},{code:"LS",name:"Lesotho",dialCode:"+266",flag:"🇱🇸"},{code:"LT",name:"Lithuania",dialCode:"+370",flag:"🇱🇹"},{code:"LU",name:"Luxembourg",dialCode:"+352",flag:"🇱🇺"},{code:"LV",name:"Latvia",dialCode:"+371",flag:"🇱🇻"},{code:"LY",name:"Libya",dialCode:"+218",flag:"🇱🇾"},{code:"MA",name:"Morocco",dialCode:"+212",flag:"🇲🇦"},{code:"MC",name:"Monaco",dialCode:"+377",flag:"🇲🇨"},{code:"MD",name:"Moldova",dialCode:"+373",flag:"🇲🇩"},{code:"ME",name:"Montenegro",dialCode:"+382",flag:"🇲🇪"},{code:"MF",name:"Saint Martin",dialCode:"+590",flag:"🇲🇫"},{code:"MG",name:"Madagascar",dialCode:"+261",flag:"🇲🇬"},{code:"MH",name:"Marshall Islands",dialCode:"+692",flag:"🇲🇭"},{code:"MK",name:"North Macedonia",dialCode:"+389",flag:"🇲🇰"},{code:"ML",name:"Mali",dialCode:"+223",flag:"🇲🇱"},{code:"MM",name:"Myanmar",dialCode:"+95",flag:"🇲🇲"},{code:"MN",name:"Mongolia",dialCode:"+976",flag:"🇲🇳"},{code:"MO",name:"Macao",dialCode:"+853",flag:"🇲🇴"},{code:"MP",name:"Northern Mariana Islands",dialCode:"+1670",flag:"🇲🇵"},{code:"MQ",name:"Martinique",dialCode:"+596",flag:"🇲🇶"},{code:"MR",name:"Mauritania",dialCode:"+222",flag:"🇲🇷"},{code:"MS",name:"Montserrat",dialCode:"+1664",flag:"🇲🇸"},{code:"MT",name:"Malta",dialCode:"+356",flag:"🇲🇹"},{code:"MU",name:"Mauritius",dialCode:"+230",flag:"🇲🇺"},{code:"MV",name:"Maldives",dialCode:"+960",flag:"🇲🇻"},{code:"MW",name:"Malawi",dialCode:"+265",flag:"🇲🇼"},{code:"MX",name:"Mexico",dialCode:"+52",flag:"🇲🇽"},{code:"MY",name:"Malaysia",dialCode:"+60",flag:"🇲🇾"},{code:"MZ",name:"Mozambique",dialCode:"+258",flag:"🇲🇿"},{code:"NA",name:"Namibia",dialCode:"+264",flag:"🇳🇦"},{code:"NC",name:"New Caledonia",dialCode:"+687",flag:"🇳🇨"},{code:"NE",name:"Niger",dialCode:"+227",flag:"🇳🇪"},{code:"NF",name:"Norfolk Island",dialCode:"+672",flag:"🇳🇫"},{code:"NG",name:"Nigeria",dialCode:"+234",flag:"🇳🇬"},{code:"NI",name:"Nicaragua",dialCode:"+505",flag:"🇳🇮"},{code:"NL",name:"Netherlands",dialCode:"+31",flag:"🇳🇱"},{code:"NO",name:"Norway",dialCode:"+47",flag:"🇳🇴"},{code:"NP",name:"Nepal",dialCode:"+977",flag:"🇳🇵"},{code:"NR",name:"Nauru",dialCode:"+674",flag:"🇳🇷"},{code:"NU",name:"Niue",dialCode:"+683",flag:"🇳🇺"},{code:"NZ",name:"New Zealand",dialCode:"+64",flag:"🇳🇿"},{code:"OM",name:"Oman",dialCode:"+968",flag:"🇴🇲"},{code:"PA",name:"Panama",dialCode:"+507",flag:"🇵🇦"},{code:"PE",name:"Peru",dialCode:"+51",flag:"🇵🇪"},{code:"PF",name:"French Polynesia",dialCode:"+689",flag:"🇵🇫"},{code:"PG",name:"Papua New Guinea",dialCode:"+675",flag:"🇵🇬"},{code:"PH",name:"Philippines",dialCode:"+63",flag:"🇵🇭"},{code:"PK",name:"Pakistan",dialCode:"+92",flag:"🇵🇰"},{code:"PL",name:"Poland",dialCode:"+48",flag:"🇵🇱"},{code:"PM",name:"Saint Pierre and Miquelon",dialCode:"+508",flag:"🇵🇲"},{code:"PR",name:"Puerto Rico",dialCode:"+1",flag:"🇵🇷"},{code:"PS",name:"Palestine",dialCode:"+970",flag:"🇵🇸"},{code:"PT",name:"Portugal",dialCode:"+351",flag:"🇵🇹"},{code:"PW",name:"Palau",dialCode:"+680",flag:"🇵🇼"},{code:"PY",name:"Paraguay",dialCode:"+595",flag:"🇵🇾"},{code:"QA",name:"Qatar",dialCode:"+974",flag:"🇶🇦"},{code:"RE",name:"Réunion",dialCode:"+262",flag:"🇷🇪"},{code:"RO",name:"Romania",dialCode:"+40",flag:"🇷🇴"},{code:"RS",name:"Serbia",dialCode:"+381",flag:"🇷🇸"},{code:"RU",name:"Russia",dialCode:"+7",flag:"🇷🇺"},{code:"RW",name:"Rwanda",dialCode:"+250",flag:"🇷🇼"},{code:"SA",name:"Saudi Arabia",dialCode:"+966",flag:"🇸🇦"},{code:"SB",name:"Solomon Islands",dialCode:"+677",flag:"🇸🇧"},{code:"SC",name:"Seychelles",dialCode:"+248",flag:"🇸🇨"},{code:"SD",name:"Sudan",dialCode:"+249",flag:"🇸🇩"},{code:"SE",name:"Sweden",dialCode:"+46",flag:"🇸🇪"},{code:"SG",name:"Singapore",dialCode:"+65",flag:"🇸🇬"},{code:"SH",name:"Saint Helena",dialCode:"+290",flag:"🇸🇭"},{code:"SI",name:"Slovenia",dialCode:"+386",flag:"🇸🇮"},{code:"SJ",name:"Svalbard and Jan Mayen",dialCode:"+47",flag:"🇸🇯"},{code:"SK",name:"Slovakia",dialCode:"+421",flag:"🇸🇰"},{code:"SL",name:"Sierra Leone",dialCode:"+232",flag:"🇸🇱"},{code:"SM",name:"San Marino",dialCode:"+378",flag:"🇸🇲"},{code:"SN",name:"Senegal",dialCode:"+221",flag:"🇸🇳"},{code:"SO",name:"Somalia",dialCode:"+252",flag:"🇸🇴"},{code:"SR",name:"Suriname",dialCode:"+597",flag:"🇸🇷"},{code:"SS",name:"South Sudan",dialCode:"+211",flag:"🇸🇸"},{code:"ST",name:"São Tomé and Príncipe",dialCode:"+239",flag:"🇸🇹"},{code:"SV",name:"El Salvador",dialCode:"+503",flag:"🇸🇻"},{code:"SX",name:"Sint Maarten",dialCode:"+1721",flag:"🇸🇽"},{code:"SY",name:"Syria",dialCode:"+963",flag:"🇸🇾"},{code:"SZ",name:"Eswatini",dialCode:"+268",flag:"🇸🇿"},{code:"TC",name:"Turks and Caicos Islands",dialCode:"+1649",flag:"🇹🇨"},{code:"TD",name:"Chad",dialCode:"+235",flag:"🇹🇩"},{code:"TG",name:"Togo",dialCode:"+228",flag:"🇹🇬"},{code:"TH",name:"Thailand",dialCode:"+66",flag:"🇹🇭"},{code:"TJ",name:"Tajikistan",dialCode:"+992",flag:"🇹🇯"},{code:"TK",name:"Tokelau",dialCode:"+690",flag:"🇹🇰"},{code:"TL",name:"Timor-Leste",dialCode:"+670",flag:"🇹🇱"},{code:"TM",name:"Turkmenistan",dialCode:"+993",flag:"🇹🇲"},{code:"TN",name:"Tunisia",dialCode:"+216",flag:"🇹🇳"},{code:"TO",name:"Tonga",dialCode:"+676",flag:"🇹🇴"},{code:"TR",name:"Turkey",dialCode:"+90",flag:"🇹🇷"},{code:"TT",name:"Trinidad and Tobago",dialCode:"+1868",flag:"🇹🇹"},{code:"TV",name:"Tuvalu",dialCode:"+688",flag:"🇹🇻"},{code:"TW",name:"Taiwan",dialCode:"+886",flag:"🇹🇼"},{code:"TZ",name:"Tanzania",dialCode:"+255",flag:"🇹🇿"},{code:"UA",name:"Ukraine",dialCode:"+380",flag:"🇺🇦"},{code:"UG",name:"Uganda",dialCode:"+256",flag:"🇺🇬"},{code:"UY",name:"Uruguay",dialCode:"+598",flag:"🇺🇾"},{code:"UZ",name:"Uzbekistan",dialCode:"+998",flag:"🇺🇿"},{code:"VA",name:"Vatican City",dialCode:"+39",flag:"🇻🇦"},{code:"VC",name:"Saint Vincent and the Grenadines",dialCode:"+1784",flag:"🇻🇨"},{code:"VE",name:"Venezuela",dialCode:"+58",flag:"🇻🇪"},{code:"VG",name:"British Virgin Islands",dialCode:"+1284",flag:"🇻🇬"},{code:"VI",name:"U.S. Virgin Islands",dialCode:"+1340",flag:"🇻🇮"},{code:"VN",name:"Vietnam",dialCode:"+84",flag:"🇻🇳"},{code:"VU",name:"Vanuatu",dialCode:"+678",flag:"🇻🇺"},{code:"WF",name:"Wallis and Futuna",dialCode:"+681",flag:"🇼🇫"},{code:"WS",name:"Samoa",dialCode:"+685",flag:"🇼🇸"},{code:"YE",name:"Yemen",dialCode:"+967",flag:"🇾🇪"},{code:"YT",name:"Mayotte",dialCode:"+262",flag:"🇾🇹"},{code:"ZA",name:"South Africa",dialCode:"+27",flag:"🇿🇦"},{code:"ZM",name:"Zambia",dialCode:"+260",flag:"🇿🇲"},{code:"ZW",name:"Zimbabwe",dialCode:"+263",flag:"🇿🇼"}],mo=()=>n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:"transition-transform",children:n.jsx("path",{d:"M4 6L8 10L12 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),go=()=>n.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:[n.jsx("path",{d:"M11.742 10.344L15.398 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M13 7.5C13 10.5376 10.5376 13 7.5 13C4.46243 13 2 10.5376 2 7.5C2 4.46243 4.46243 2 7.5 2C10.5376 2 13 4.46243 13 7.5Z",stroke:"currentColor",strokeWidth:"1.5"})]}),ho=(e,t)=>{if(!e)return!1;const r=e.replace(/\D/g,"");return!(r.length<7||r.length>15)},po=(e,t)=>{if(!e||!t.format)return e;const r=e.replace(/\D/g,"");let a="",o=0;for(let s=0;s<t.format.length&&o<r.length;s++){const l=t.format[s];l==="#"?(a+=r[o],o++):a+=l}return a},vo=e=>e.format?e.format.replace(/#/g,"0"):{US:"(555) 123-4567",GB:"01234 567890",IN:"98765 43210",AU:"0 4567 8901",CA:"(555) 123-4567"}[e.code]||"123456789",Pr=f.forwardRef(({value:e="",defaultValue:t="",onChange:r,onCountryChange:a,enableCountryDropdown:o=!0,defaultCountry:s="US",preferredCountries:l=["US","GB","CA","AU","IN"],excludeCountries:d=[],onlyCountries:u=[],showCountryFlags:c=!0,autoFormat:g=!0,validatePhoneNumber:i=!1,onValidationChange:h,placeholder:y,autoPlaceholder:C=!0,dropdownPosition:p="auto",searchable:x=!0,size:w="md",error:N=!1,disabled:b=!1,loading:S=!1,ariaLabel:M,ariaDescribedBy:L,className:k,containerClassName:W,dropdownClassName:$,inputClassName:J,name:ke,id:pe,required:Z=!1,...X},D)=>{const j=(()=>{let T=fo;return u.length>0?T=T.filter(O=>u.includes(O.code)):d.length>0&&(T=T.filter(O=>!d.includes(O.code))),T.sort((O,ue)=>{const Ae=l.includes(O.code),fe=l.includes(ue.code);return Ae&&!fe?-1:!Ae&&fe?1:Ae&&fe?l.indexOf(O.code)-l.indexOf(ue.code):O.priority&&ue.priority?O.priority-ue.priority:O.priority&&!ue.priority?-1:!O.priority&&ue.priority?1:O.name.localeCompare(ue.name)})})(),ce=j.find(T=>T.code===s)||j[0],[z,Q]=f.useState(ce),[q,Te]=f.useState(e||t),[A,_]=f.useState(!1),[F,K]=f.useState(!1),[te,B]=f.useState(""),[ve,_e]=f.useState(!0),[be,ye]=f.useState(!1),Fe=f.useRef(null),Me=f.useCallback(()=>{K(!0),Fe.current=setTimeout(()=>{_(!1),K(!1),B(""),Fe.current=null},150)},[]);f.useEffect(()=>()=>{Fe.current&&clearTimeout(Fe.current)},[]);const Ve=f.useRef(null),Ue=f.useRef(null),Ie=f.useRef(null);f.useEffect(()=>{const T=O=>{Ve.current&&!Ve.current.contains(O.target)&&Me()};return document.addEventListener("mousedown",T),()=>document.removeEventListener("mousedown",T)},[]),f.useEffect(()=>{e!==void 0&&Te(e)},[e]),f.useEffect(()=>{if(i){const T=ho(q);_e(T),h==null||h(T)}},[q,z,i,h]);const at=T=>{let O=T.target.value;g&&(O=po(O,z)),Te(O),r==null||r(O,z)},oe=T=>{var O;ye(!0),(O=X.onFocus)==null||O.call(X,T)},St=T=>{var O;ye(!1),(O=X.onBlur)==null||O.call(X,T)},kt=T=>{var O;Q(T),Me(),a==null||a(T),(O=Ue.current)==null||O.focus(),q&&(r==null||r(q,T))},H=te?j.filter(T=>T.name.toLowerCase().includes(te.toLowerCase())||T.dialCode.includes(te)||T.code.toLowerCase().includes(te.toLowerCase())):j,Ce=y||(C?vo(z):"Enter phone number"),re={sm:{container:"h-8",input:"h-8 px-3 py-1 text-sm",dropdown:"text-sm",flag:"text-sm",dialCode:"text-xs"},md:{container:"h-[36px]",input:"h-[36px] px-2 py-2 w-[80%] h-full flex items-center text-sm",dropdown:"text-sm",flag:"text-base",dialCode:"text-sm"},lg:{container:"h-12",input:"h-12 px-2 py-2 w-[80%] h-full flex items-center text-base",dropdown:"text-base",flag:"text-lg",dialCode:"text-base"}}[w];return n.jsxs("div",{className:v("w-full",W),children:[n.jsxs("div",{className:"relative",ref:Ve,children:[n.jsxs("div",{className:v("flex border rounded-lg transition-colors",re.container,!N&&!b&&!be&&!A&&"border-gray-300 hover:border-gray-400",!N&&!b&&(be||A)&&"border-brand-500",N&&!b&&!be&&"border-error-500 hover:border-error-500",N&&!b&&be&&"border-error-500",b&&"bg-gray-50 border-gray-300 cursor-not-allowed opacity-60",k),children:[o?n.jsxs("button",{type:"button",onClick:()=>{b||(A?Me():_(!0))},disabled:b,className:v("flex items-center gap-1 px-2 border-r border-gray-300 rounded-l-lg transition-colors",!b&&"hover:bg-gray-50",b&&"cursor-not-allowed opacity-60"),"aria-label":`Selected country: ${z.name}`,"aria-expanded":A,"aria-haspopup":"listbox",children:[c&&n.jsx("span",{className:re.flag,children:z.flag}),n.jsx("span",{className:v("text-gray-700",re.dialCode),children:z.dialCode}),n.jsx(mo,{})]}):n.jsxs("div",{className:"flex items-center gap-2 px-3 border-r border-gray-300 rounded-l-lg bg-gray-50",children:[c&&n.jsx("span",{className:re.flag,children:z.flag}),n.jsx("span",{className:v("text-gray-700",re.dialCode),children:z.dialCode})]}),n.jsx("input",{ref:D||Ue,type:"tel",id:pe,name:ke,value:q,onChange:at,onFocus:oe,onBlur:St,placeholder:Ce,disabled:b,required:Z,"aria-label":M||"Phone number","aria-describedby":L,"aria-invalid":N||i&&!ve,className:v("flex-1 bg-transparent rounded-r-lg border-0 outline-hidden placeholder:text-gray-400 px-1",re.input,b&&"cursor-not-allowed",J),...X}),S&&n.jsx("div",{className:"absolute right-3 top-1/2 transform -translate-y-1/2",children:n.jsx("div",{className:"animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-brand-500"})})]}),o&&A&&n.jsxs("div",{style:{animation:`${F?p==="top"?"phone-menu-slide-up-close":"phone-menu-slide-down-close":p==="top"?"phone-menu-slide-up-open":"phone-menu-slide-down-open"} 150ms ease-out forwards`,transformOrigin:p==="top"?"bottom":"top"},className:v("absolute z-[9999] w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-md max-h-60 overflow-hidden",p==="top"&&"bottom-full mb-1 mt-0",$),children:[x&&n.jsx("div",{className:"p-2 border-b border-gray-200",children:n.jsxs("div",{className:"relative",children:[n.jsx("input",{ref:Ie,type:"text",placeholder:"Search countries...",value:te,onChange:T=>B(T.target.value),className:v("w-full pl-8 pr-3 py-2 text-sm border border-gray-300 rounded focus:border-brand-500 hover:border-gray-400",re.dropdown)}),n.jsx("div",{className:"absolute left-2 top-1/2 transform -translate-y-1/2 text-gray-400",children:n.jsx(go,{})})]})}),n.jsxs("div",{className:"overflow-auto max-h-48",children:[H.map(T=>n.jsxs("button",{type:"button",onClick:()=>kt(T),className:v("w-full flex items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-gray-50",z.code===T.code&&"bg-brand-50 text-brand-600",re.dropdown),role:"option","aria-selected":z.code===T.code,children:[c&&n.jsx("span",{className:re.flag,children:T.flag}),n.jsx("span",{className:"flex-1 truncate",children:T.name}),n.jsx("span",{className:v("text-gray-500",re.dialCode),children:T.dialCode})]},T.code)),H.length===0&&n.jsxs("div",{className:"px-3 py-8 text-center text-gray-500",children:[n.jsx("p",{children:"No countries found"}),n.jsx("p",{className:"text-xs mt-1",children:"Try a different search term"})]})]})]})]}),i&&!ve&&q&&n.jsx("p",{className:"mt-1 text-xs text-error-500",children:"Please enter a valid phone number"})]})});Pr.displayName="PhoneNumberInput";const Lr=f.createContext({values:{},errors:{},setFieldValue:()=>{},setFieldError:()=>{},validateField:async()=>!0}),Or=({children:e,onFinish:t,onFinishFailed:r,layout:a="vertical",className:o,name:s,initialValues:l={}})=>{const[d,u]=f.useState(l),[c,g]=f.useState({}),i=f.useCallback((x,w)=>{u(N=>({...N,[x]:w})),c[x]&&g(N=>{const b={...N};return delete b[x],b})},[c]),h=f.useCallback((x,w)=>{g(N=>{if(w)return{...N,[x]:w};{const b={...N};return delete b[x],b}})},[]),y=f.useCallback(async(x,w)=>{const N=d[x];for(const b of w){if(b.required&&(N==null||N===""))return h(x,{message:b.message||`${x} is required`}),!1;if(N&&b.type==="email"&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(N))return h(x,{message:b.message||"Please enter a valid email"}),!1;if(N&&b.pattern&&!b.pattern.test(N))return h(x,{message:b.message||"Invalid format"}),!1;if(b.min&&N&&N.length<b.min)return h(x,{message:b.message||`Minimum ${b.min} characters required`}),!1;if(b.validator)try{await b.validator(b,N)}catch(S){return h(x,{message:S.message||"Validation failed"}),!1}}return h(x,null),!0},[d,h]),C=async x=>{x.preventDefault();const w=Array.from(x.currentTarget.querySelectorAll("[data-form-item]"));let N=!1;const b=[];for(const S of w){const M=S.getAttribute("data-form-item"),L=S.getAttribute("data-form-rules");if(M&&L)try{const k=JSON.parse(L);if(!await y(M,k)){N=!0;const $=c[M];$&&b.push({name:M,errors:[$.message]})}}catch{}}N?r==null||r({values:d,errorFields:b}):t==null||t(d)},p={values:d,errors:c,setFieldValue:i,setFieldError:h,validateField:y};return n.jsx(Lr.Provider,{value:p,children:n.jsx("form",{onSubmit:C,className:v("form",a==="vertical"&&"form-vertical",a==="horizontal"&&"form-horizontal",a==="inline"&&"form-inline",o),name:s,children:e})})},Br=({name:e,label:t,rules:r=[],children:a,className:o,help:s,validateStatus:l,required:d,noStyle:u,valuePropName:c="value"})=>{const{values:g,errors:i,setFieldValue:h,validateField:y}=f.useContext(Lr),C=e?g[e]:void 0,p=e?i[e]:void 0,x=l==="error"||!!p,w=S=>{e&&h(e,S)},N=async()=>{e&&r.length>0&&await y(e,r)},b=f.cloneElement(a,{[c]:C,onChange:S=>{var L,k;let M;S!=null&&S.target?M=c==="checked"?S.target.checked:S.target.value:M=S,w(M),(k=(L=a.props).onChange)==null||k.call(L,S)},onBlur:S=>{var M,L;N(),(L=(M=a.props).onBlur)==null||L.call(M,S)},status:x?"error":void 0,className:v(a.props.className,x&&"error")});return u?n.jsx("div",{"data-form-item":e,"data-form-rules":JSON.stringify(r),children:b}):n.jsxs("div",{className:v("form-item",x&&"form-item-error",o),"data-form-item":e,"data-form-rules":JSON.stringify(r),children:[t&&n.jsxs("label",{className:v("form-label",d&&"form-label-required"),children:[t,d&&n.jsx("span",{className:"form-required-mark",children:"*"})]}),n.jsxs("div",{className:"form-control",children:[b,(p||s)&&n.jsx("div",{className:v("form-message",x?"form-error-message":"form-help-message"),children:(p==null?void 0:p.message)||s})]})]})},bo=()=>({resetFields:()=>{},setFieldsValue:()=>{},getFieldsValue:()=>({})});Or.Item=Br;const ze=({children:e,className:t,style:r})=>n.jsx("div",{className:v("flex flex-col min-h-screen bg-gray-50",t),style:r,children:e}),yo=({children:e,className:t,style:r})=>n.jsx("header",{className:v("bg-white shadow-xs border-b border-gray-300 px-6 py-4",t),style:r,children:e}),xo=({children:e,className:t,style:r})=>n.jsx("main",{className:v("flex-1 p-6",t),style:r,children:e}),wo=({children:e,className:t,style:r})=>n.jsx("footer",{className:v("bg-white border-t border-gray-300 px-6 py-4 text-center text-gray-600",t),style:r,children:e}),Co=({children:e,className:t,style:r,width:a=200,collapsed:o=!1})=>{const s=o?80:a;return n.jsx("aside",{className:v("bg-white border-r border-gray-300 transition-all duration-300",t),style:{width:s,...r},children:e})};ze.Header=yo,ze.Content=xo,ze.Footer=wo,ze.Sider=Co;const No=({children:e,className:t,style:r,bordered:a=!0,hoverable:o=!1,size:s="default",title:l,extra:d,cover:u,actions:c})=>n.jsxs("div",{className:v("bg-white rounded-[8px] overflow-hidden",a&&"border border-gray-300 shadow-xs",o&&"hover:shadow-sm transition-shadow duration-200 cursor-pointer",s==="small"?"p-4":"p-6",t),style:r,children:[u&&n.jsx("div",{className:"card-cover -m-6 mb-6",children:u}),(l||d)&&n.jsxs("div",{className:"card-header flex justify-between items-center mb-4",children:[l&&n.jsx("div",{className:"card-title text-lg font-semibold text-gray-900",children:l}),d&&n.jsx("div",{className:"card-extra",children:d})]}),n.jsx("div",{className:"card-body",children:e}),c&&c.length>0&&n.jsx("div",{className:"card-actions flex justify-end space-x-2 mt-4 pt-4 border-t border-gray-100",children:c.map((g,i)=>n.jsx("div",{className:"card-action",children:g},i))})]}),Ct=e=>{const t={primary:"text-gray-900",secondary:"text-gray-600",success:"text-success-600",warning:"text-warning-600",danger:"text-error-600"};return e?t[e]:t.primary},tt=({children:e,className:t,style:r})=>n.jsx("div",{className:v("typography",t),style:r,children:e}),Eo=({children:e,level:t=1,type:r="primary",className:a,style:o})=>{const s=`h${t}`,l={1:"text-3xl font-bold",2:"text-2xl font-semibold",3:"text-xl font-semibold",4:"text-lg font-medium",5:"text-base font-medium"};return n.jsx(s,{className:v(l[t],Ct(r),"mb-2",a),style:o,children:e})},So=({children:e,type:t="primary",strong:r,italic:a,underline:o,disabled:s,mark:l,code:d,ellipsis:u,className:c,style:g})=>{let i=e;return d&&(i=n.jsx("code",{className:"bg-gray-100 px-1 py-0.5 rounded text-sm font-mono",children:i})),l&&(i=n.jsx("mark",{className:"bg-warning-100 px-1 py-0.5 rounded",children:i})),n.jsx("span",{className:v(Ct(t),r&&"font-semibold",a&&"italic",o&&"underline",s&&"opacity-50 cursor-not-allowed",u&&"truncate",c),style:g,children:i})},ko=({children:e,type:t="primary",ellipsis:r,className:a,style:o})=>n.jsx("p",{className:v(Ct(t),"mb-4 leading-relaxed",r&&"truncate",a),style:o,children:e});tt.Title=Eo,tt.Text=So,tt.Paragraph=ko;const Nt=f.createContext({messages:[],addMessage:()=>{},removeMessage:()=>{}}),To=({children:e})=>{const[t,r]=f.useState([]),a=f.useCallback(l=>{const d=Math.random().toString(36).substr(2,9),u={...l,id:d};r(g=>[...g,u]);const c=l.duration??3e3;c>0&&setTimeout(()=>{r(g=>g.filter(i=>i.id!==d))},c)},[]),o=f.useCallback(l=>{r(d=>d.filter(u=>u.id!==l))},[]),s={messages:t,addMessage:a,removeMessage:o};return f.useEffect(()=>{typeof window<"u"&&(window.messageAPI=s)},[s]),n.jsxs(Nt.Provider,{value:s,children:[e,n.jsx(Mo,{})]})},Mo=()=>{const{messages:e,removeMessage:t}=f.useContext(Nt);return e.length===0?null:n.jsx("div",{className:"fixed top-4 right-4 z-50 space-y-2",children:e.map(r=>n.jsx(Io,{message:r,onClose:()=>t(r.id)},r.id))})},Io=({message:e,onClose:t})=>{const r={success:"bg-success-50 border-success-200 text-success-800",error:"bg-error-50 border-error-200 text-error-800",warning:"bg-warning-50 border-warning-200 text-warning-800",info:"bg-gray-50 border-gray-300 text-gray-800"},a={success:"✓",error:"✕",warning:"⚠",info:"ⓘ"};return n.jsxs("div",{className:v("flex items-center px-4 py-3 rounded-lg border shadow-md min-w-80 animate-in slide-in-from-right-full",r[e.type]),children:[n.jsx("span",{className:"mr-2 text-sm font-semibold",children:a[e.type]}),n.jsx("span",{className:"flex-1 text-sm",children:e.content}),n.jsx("button",{onClick:t,className:"ml-2 text-lg leading-none hover:opacity-70","aria-label":"Close",children:"×"})]})},Ao={success:(e,t)=>{typeof window<"u"&&window.messageAPI&&window.messageAPI.addMessage({type:"success",content:e,duration:t})},error:(e,t)=>{typeof window<"u"&&window.messageAPI&&window.messageAPI.addMessage({type:"error",content:e,duration:t})},warning:(e,t)=>{typeof window<"u"&&window.messageAPI&&window.messageAPI.addMessage({type:"warning",content:e,duration:t})},info:(e,t)=>{typeof window<"u"&&window.messageAPI&&window.messageAPI.addMessage({type:"info",content:e,duration:t})}},Do=()=>{const e=f.useContext(Nt);if(!e)throw new Error("useMessage must be used within MessageProvider");return e},Po=({children:e,direction:t="horizontal",size:r="medium",align:a,wrap:o=!1,className:s,style:l})=>{const u=typeof r=="number"?r:{small:8,medium:16,large:24}[r],c={start:"items-start",end:"items-end",center:"items-center",baseline:"items-baseline"};return n.jsx("div",{className:v("flex",t==="vertical"?"flex-col":"flex-row",a&&c[a],o&&"flex-wrap",s),style:{gap:`${u}px`,...l},children:e})},Lo=({spinning:e=!0,size:t="default",tip:r,children:a,className:o,style:s})=>{const l={small:"w-4 h-4",default:"w-6 h-6",large:"w-8 h-8"},d=n.jsxs("div",{className:v("flex flex-col items-center justify-center",!a&&"p-4"),children:[n.jsx("div",{className:v("animate-spin rounded-full border-2 border-gray-300 border-t-brand-500",l[t])}),r&&n.jsx("div",{className:"mt-2 text-sm text-gray-600",children:r})]});return a?n.jsxs("div",{className:v("relative",o),style:s,children:[a,e&&n.jsx("div",{className:"absolute inset-0 bg-white/60 flex items-center justify-center z-10",children:d})]}):n.jsx("div",{className:v("inline-block",o),style:s,children:e?d:null})},Oo=({type:e="info",message:t,description:r,showIcon:a=!1,closable:o=!1,closeText:s,onClose:l,action:d,className:u,style:c})=>{const g={success:"bg-success-50 border-success-200 text-success-800",info:"bg-gray-50 border-gray-300 text-gray-800",warning:"bg-warning-50 border-warning-200 text-warning-800",error:"bg-error-50 border-error-200 text-error-800"},i={success:"✓",info:"ⓘ",warning:"⚠",error:"✕"},h={success:"text-success-600",info:"text-gray-600",warning:"text-warning-600",error:"text-error-600"};return n.jsxs("div",{className:v("flex p-4 rounded-[8px] border",g[e],u),style:c,children:[a&&n.jsx("div",{className:v("mr-3 text-lg font-semibold",h[e]),children:i[e]}),n.jsxs("div",{className:"flex-1 min-w-0",children:[n.jsx("div",{className:"font-medium",children:t}),r&&n.jsx("div",{className:"mt-1 text-sm opacity-90",children:r})]}),d&&n.jsx("div",{className:"ml-3 flex-shrink-0",children:d}),o&&n.jsx("button",{onClick:l,className:"ml-3 flex-shrink-0 text-lg leading-none hover:opacity-70 transition-opacity","aria-label":"Close",children:s||"×"})]})},Bo=({activeKey:e,defaultActiveKey:t,items:r=[],onChange:a,type:o="line",size:s="default",tabPosition:l="top",className:d,contentClassName:u,style:c})=>{var N;const[g,i]=f.useState(e||t||((N=r[0])==null?void 0:N.key)||""),h=e!==void 0?e:g,y=b=>{e===void 0&&i(b),a==null||a(b)},C=r.find(b=>b.key===h),p={small:"px-3 py-1.5 text-sm",default:"px-4 py-2 text-sm",large:"px-6 py-3 text-base"},x=()=>n.jsx("div",{className:v("flex",l==="top"||l==="bottom"?"flex-row":"flex-col",l==="bottom"&&"order-2",l==="right"&&"order-2",o==="line"&&"border-b border-gray-300",l==="left"&&o==="line"&&"border-r border-gray-300 border-b-0",l==="right"&&o==="line"&&"border-l border-gray-300 border-b-0",o==="card"&&"bg-gray-50 rounded-t-lg p-1"),children:r.map(b=>n.jsxs("button",{onClick:()=>!b.disabled&&y(b.key),disabled:b.disabled,className:v("relative transition-colors whitespace-nowrap",p[s],b.disabled&&"opacity-50 cursor-not-allowed",o==="line"&&"border-b-2 border-transparent hover:text-brand-600 "+(h===b.key?"text-brand-600 border-brand-600 font-semibold":"text-gray-600 font-medium"),o==="card"&&"rounded-md font-medium "+(h===b.key?"bg-white text-brand-600 shadow-xs font-semibold":"text-gray-600 hover:text-gray-900"),l==="left"&&o==="line"&&"border-b-0 border-r-2",l==="right"&&o==="line"&&"border-b-0 border-l-2"),children:[b.label,h===b.key&&o==="line"&&n.jsx("div",{className:"absolute bottom-[-2px] left-0 right-0 h-0.5 bg-brand-600"})]},b.key))}),w=()=>n.jsx("div",{className:v("tab-content flex-1 p-4",u),children:C==null?void 0:C.children});return n.jsxs("div",{className:v("tabs",l==="left"||l==="right"?"flex":"block",d),style:c,children:[x(),w()]})},_r=({value:e,defaultValue:t,placeholder:r="Please select",options:a=[],onChange:o,onSelect:s,disabled:l=!1,allowClear:d=!1,showSearch:u=!1,filterOption:c,size:g="medium",className:i,style:h,dropdownClassName:y,children:C})=>{const[p,x]=f.useState(!1),[w,N]=f.useState(e||t),[b,S]=f.useState(""),M=f.useRef(null),L=f.useRef(null),k=C?f.Children.toArray(C).map(D=>({value:D.props.value,label:D.props.children,disabled:D.props.disabled})):a,W=e!==void 0?e:w,$=k.find(D=>D.value===W),J=u&&b?k.filter(D=>c?c(b,D):String(D.label).toLowerCase().includes(b.toLowerCase())):k,ke={small:"px-2 py-1 text-sm min-h-[32px]",medium:"px-3 py-1.5 text-sm min-h-[36px]",large:"px-4 py-2 text-base min-h-[40px]"};f.useEffect(()=>{const D=P=>{M.current&&!M.current.contains(P.target)&&(x(!1),S(""))};return document.addEventListener("mousedown",D),()=>document.removeEventListener("mousedown",D)},[]);const pe=D=>{if(D.disabled)return;const P=D.value;e===void 0&&N(P),o==null||o(P,D),s==null||s(P,D),x(!1),S("")},Z=D=>{D.stopPropagation();const P=void 0;e===void 0&&N(P),o==null||o(P,{})},X=()=>{l||(x(!p),u&&!p&&setTimeout(()=>{var D;return(D=L.current)==null?void 0:D.focus()},0))};return n.jsxs("div",{ref:M,className:v("relative inline-block w-full",i),style:h,children:[n.jsxs("div",{onClick:X,className:v("flex items-center justify-between w-full border border-gray-300 rounded-md cursor-pointer transition-colors",ke[g],l&&"bg-gray-50 cursor-not-allowed opacity-60",p&&"border-brand-500",!l&&"hover:border-gray-400","focus-within:border-brand-500"),children:[n.jsx("div",{className:"flex-1 min-w-0",children:u&&p?n.jsx("input",{ref:L,type:"text",value:b,onChange:D=>S(D.target.value),className:"w-full bg-transparent border-none focus:outline-hidden",placeholder:$?String($.label):r}):n.jsx("span",{className:v("block truncate",!$&&"text-gray-400"),children:$?$.label:r})}),n.jsxs("div",{className:"flex items-center space-x-1",children:[d&&$&&n.jsx("button",{onClick:Z,className:"text-gray-400 hover:text-gray-600 text-sm",children:"×"}),n.jsx("span",{className:v("text-gray-400 transition-transform text-xs",p&&"transform rotate-180"),children:"▼"})]})]}),p&&n.jsx("div",{className:v("absolute z-50 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-md max-h-60 overflow-auto",y),children:J.length===0?n.jsx("div",{className:"px-3 py-2 text-sm text-gray-500",children:"No options"}):J.map(D=>n.jsx("div",{onClick:()=>pe(D),className:v("px-3 py-2 cursor-pointer text-sm transition-colors",D.disabled&&"opacity-50 cursor-not-allowed",!D.disabled&&"hover:bg-gray-50",D.value===W&&"bg-brand-50 text-brand-600"),children:D.label},D.value))})]})},_o=({children:e})=>n.jsx(n.Fragment,{children:e});_r.Option=_o;const Fo=({children:e,className:t,style:r,type:a="horizontal",orientation:o="center",orientationMargin:s,dashed:l=!1,plain:d=!1})=>{if(a==="vertical")return n.jsx("div",{className:v("inline-block h-4 mx-2 border-l border-gray-300",l&&"border-dashed",t),style:r});if(!e)return n.jsx("div",{className:v("w-full border-t border-gray-300 my-4",l&&"border-dashed",t),style:r});const u=s?{[o==="left"?"marginRight":"marginLeft"]:s}:{};return n.jsxs("div",{className:v("flex items-center my-4",t),style:r,children:[o!=="left"&&n.jsx("div",{className:v("flex-1 border-t border-gray-300",l&&"border-dashed")}),e&&n.jsx("div",{className:v("px-4 text-sm text-gray-600",d?"font-normal":"font-medium",o==="left"&&"pr-4 pl-0",o==="right"&&"pl-4 pr-0"),style:u,children:e}),o!=="right"&&n.jsx("div",{className:v("flex-1 border-t border-gray-300",l&&"border-dashed")})]})},Wo=({children:e,color:t="default",closable:r=!1,onClose:a,className:o,style:s,icon:l})=>{const d={success:"bg-success-100 text-success-800 border-success-200",processing:"bg-blue-100 text-blue-800 border-blue-200",error:"bg-error-100 text-error-800 border-error-200",warning:"bg-warning-100 text-warning-800 border-warning-200",default:"bg-gray-100 text-gray-800 border-gray-300"},u=t in d,c=u?d[t]:"",g=!u&&t?{backgroundColor:`${t}20`,borderColor:`${t}40`,color:t,...s}:s,i=h=>{h.stopPropagation(),a==null||a(h)};return n.jsxs("span",{className:v("inline-flex items-center px-2 py-1 text-xs font-medium rounded border",c,o),style:g,children:[l&&n.jsx("span",{className:"mr-1",children:l}),n.jsx("span",{children:e}),r&&n.jsx("button",{onClick:i,className:"ml-1 text-xs hover:opacity-70 transition-opacity","aria-label":"Close",children:"×"})]})},jo=()=>n.jsx("svg",{width:"64",height:"41",viewBox:"0 0 64 41",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsxs("g",{transform:"translate(0 1)",fill:"none",fillRule:"evenodd",children:[n.jsx("ellipse",{fill:"#f5f5f5",cx:"32",cy:"33",rx:"32",ry:"7"}),n.jsxs("g",{fillRule:"nonzero",stroke:"#d9d9d9",children:[n.jsx("path",{d:"M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"}),n.jsx("path",{d:"M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z",fill:"#fafafa"})]})]})}),$o=({description:e="No data",image:t,className:r,style:a,children:o})=>n.jsxs("div",{className:v("flex flex-col items-center justify-center py-8 px-4",r),style:a,children:[n.jsx("div",{className:"mb-4",children:t===null?null:t||n.jsx(jo,{})}),e&&n.jsx("div",{className:"text-sm text-gray-500 mb-4",children:e}),o]}),zo=({size:e="default",icon:t,src:r,alt:a,children:o,shape:s="circle",className:l,style:d,onClick:u})=>{const c={small:"w-6 h-6 text-xs",default:"w-8 h-8 text-sm",large:"w-10 h-10 text-base"},g=typeof e=="number"?{width:e,height:e,fontSize:e*.45}:{},i=s==="circle"?"rounded-full":"rounded";return n.jsx("div",{className:v("inline-flex items-center justify-center bg-gray-200 text-gray-600 overflow-hidden",typeof e=="string"&&c[e],i,u&&"cursor-pointer hover:opacity-80",l),style:{...g,...d},onClick:u,children:r?n.jsx("img",{src:r,alt:a,className:"w-full h-full object-cover"}):t||o||"?"})},Vo=({options:e,value:t,defaultValue:r,onChange:a,disabled:o=!1,size:s="middle",className:l,style:d})=>{const[u,c]=f.useState(t||r||(e[0]&&typeof e[0]=="object"?e[0].value:e[0])),g=t!==void 0?t:u,i=e.map(C=>typeof C=="object"?C:{label:C,value:C}),h=C=>{o||(t===void 0&&c(C),a==null||a(C))},y={small:"px-3 py-1 text-sm",middle:"px-4 py-1.5 text-sm",large:"px-6 py-2 text-base"};return n.jsx("div",{className:v("inline-flex bg-gray-100 rounded-lg p-1",o&&"opacity-60 cursor-not-allowed",l),style:d,children:i.map(C=>n.jsxs("button",{onClick:()=>!C.disabled&&h(C.value),disabled:o||C.disabled,className:v("relative font-medium transition-all rounded-md",y[s],g===C.value?"bg-white text-gray-900 shadow-xs":"text-gray-600 hover:text-gray-900",(o||C.disabled)&&"cursor-not-allowed opacity-50"),children:[C.icon&&n.jsx("span",{className:"mr-1",children:C.icon}),C.label]},C.value))})},Uo={success:n.jsx("svg",{className:"w-16 h-16 text-success-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"})}),error:n.jsx("svg",{className:"w-16 h-16 text-error-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"})}),info:n.jsx("svg",{className:"w-16 h-16 text-gray-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})}),warning:n.jsx("svg",{className:"w-16 h-16 text-warning-600",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:n.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"})}),404:n.jsx("div",{className:"text-6xl font-bold text-gray-300",children:"404"}),403:n.jsx("div",{className:"text-6xl font-bold text-gray-300",children:"403"}),500:n.jsx("div",{className:"text-6xl font-bold text-gray-300",children:"500"})},Ho=({status:e="info",title:t,subTitle:r,icon:a,extra:o,className:s,style:l})=>n.jsxs("div",{className:v("flex flex-col items-center justify-center py-12 px-8 text-center",s),style:l,children:[n.jsx("div",{className:"mb-6",children:a||Uo[e]}),t&&n.jsx("h3",{className:"text-xl font-semibold text-gray-900 mb-2",children:t}),r&&n.jsx("p",{className:"text-sm text-gray-600 mb-6 max-w-md",children:r}),o&&n.jsx("div",{className:"flex gap-2",children:o})]}),Go=({percent:e=0,type:t="line",status:r="normal",showInfo:a=!0,format:o,strokeColor:s,strokeWidth:l,size:d="default",className:u,style:c})=>{const g=Math.min(100,Math.max(0,e)),i={normal:"bg-brand-500",exception:"bg-error-500",active:"bg-brand-500",success:"bg-success-500"},h=()=>o?o(g):`${Math.round(g)}%`;if(t==="circle"){const y=d==="small"?80:120,C=l||(d==="small"?4:6),p=(y-C)/2,x=2*Math.PI*p,w=x-g/100*x;return n.jsxs("div",{className:v("inline-block",u),style:c,children:[n.jsxs("svg",{width:y,height:y,children:[n.jsx("circle",{cx:y/2,cy:y/2,r:p,fill:"none",stroke:"#f5f5f5",strokeWidth:C}),n.jsx("circle",{cx:y/2,cy:y/2,r:p,fill:"none",stroke:s||(r==="exception"?"#ff4d4f":r==="success"?"#52c41a":"#1890ff"),strokeWidth:C,strokeDasharray:x,strokeDashoffset:w,strokeLinecap:"round",transform:`rotate(-90 ${y/2} ${y/2})`,style:{transition:"stroke-dashoffset 0.3s ease"}})]}),a&&n.jsx("div",{className:"text-center mt-2",children:n.jsx("span",{className:"text-sm font-medium",children:h()})})]})}return n.jsx("div",{className:v("w-full",u),style:c,children:n.jsxs("div",{className:"flex items-center",children:[n.jsx("div",{className:"flex-1 mr-2",children:n.jsx("div",{className:v("w-full bg-gray-200 rounded-full overflow-hidden",d==="small"?"h-1.5":"h-2"),children:n.jsx("div",{className:v("h-full transition-all duration-300 ease-in-out rounded-full",i[r]),style:{width:`${g}%`,backgroundColor:s}})})}),a&&n.jsx("span",{className:"text-sm font-medium text-gray-700 min-w-[3rem] text-right",children:h()})]})})};function Ko(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css",t.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}const Yo=e=>{switch(e){case"success":return qo;case"info":return Qo;case"warning":return Jo;case"error":return Ro;default:return null}},Zo=Array(12).fill(0),Xo=({visible:e,className:t})=>f.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},f.createElement("div",{className:"sonner-spinner"},Zo.map((r,a)=>f.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${a}`})))),qo=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Jo=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),Qo=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),Ro=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),es=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},f.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),f.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),ts=()=>{const[e,t]=f.useState(document.hidden);return f.useEffect(()=>{const r=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",r),()=>window.removeEventListener("visibilitychange",r)},[]),e};let Et=1;class rs{constructor(){this.subscribe=t=>(this.subscribers.push(t),()=>{const r=this.subscribers.indexOf(t);this.subscribers.splice(r,1)}),this.publish=t=>{this.subscribers.forEach(r=>r(t))},this.addToast=t=>{this.publish(t),this.toasts=[...this.toasts,t]},this.create=t=>{var r;const{message:a,...o}=t,s=typeof(t==null?void 0:t.id)=="number"||((r=t.id)==null?void 0:r.length)>0?t.id:Et++,l=this.toasts.find(u=>u.id===s),d=t.dismissible===void 0?!0:t.dismissible;return this.dismissedToasts.has(s)&&this.dismissedToasts.delete(s),l?this.toasts=this.toasts.map(u=>u.id===s?(this.publish({...u,...t,id:s,title:a}),{...u,...t,id:s,dismissible:d,title:a}):u):this.addToast({title:a,...o,dismissible:d,id:s}),s},this.dismiss=t=>(t?(this.dismissedToasts.add(t),requestAnimationFrame(()=>this.subscribers.forEach(r=>r({id:t,dismiss:!0})))):this.toasts.forEach(r=>{this.subscribers.forEach(a=>a({id:r.id,dismiss:!0}))}),t),this.message=(t,r)=>this.create({...r,message:t}),this.error=(t,r)=>this.create({...r,message:t,type:"error"}),this.success=(t,r)=>this.create({...r,type:"success",message:t}),this.info=(t,r)=>this.create({...r,type:"info",message:t}),this.warning=(t,r)=>this.create({...r,type:"warning",message:t}),this.loading=(t,r)=>this.create({...r,type:"loading",message:t}),this.promise=(t,r)=>{if(!r)return;let a;r.loading!==void 0&&(a=this.create({...r,promise:t,type:"loading",message:r.loading,description:typeof r.description!="function"?r.description:void 0}));const o=Promise.resolve(t instanceof Function?t():t);let s=a!==void 0,l;const d=o.then(async c=>{if(l=["resolve",c],f.isValidElement(c))s=!1,this.create({id:a,type:"default",message:c});else if(ns(c)&&!c.ok){s=!1;const i=typeof r.error=="function"?await r.error(`HTTP error! status: ${c.status}`):r.error,h=typeof r.description=="function"?await r.description(`HTTP error! status: ${c.status}`):r.description,C=typeof i=="object"&&!f.isValidElement(i)?i:{message:i};this.create({id:a,type:"error",description:h,...C})}else if(c instanceof Error){s=!1;const i=typeof r.error=="function"?await r.error(c):r.error,h=typeof r.description=="function"?await r.description(c):r.description,C=typeof i=="object"&&!f.isValidElement(i)?i:{message:i};this.create({id:a,type:"error",description:h,...C})}else if(r.success!==void 0){s=!1;const i=typeof r.success=="function"?await r.success(c):r.success,h=typeof r.description=="function"?await r.description(c):r.description,C=typeof i=="object"&&!f.isValidElement(i)?i:{message:i};this.create({id:a,type:"success",description:h,...C})}}).catch(async c=>{if(l=["reject",c],r.error!==void 0){s=!1;const g=typeof r.error=="function"?await r.error(c):r.error,i=typeof r.description=="function"?await r.description(c):r.description,y=typeof g=="object"&&!f.isValidElement(g)?g:{message:g};this.create({id:a,type:"error",description:i,...y})}}).finally(()=>{s&&(this.dismiss(a),a=void 0),r.finally==null||r.finally.call(r)}),u=()=>new Promise((c,g)=>d.then(()=>l[0]==="reject"?g(l[1]):c(l[1])).catch(g));return typeof a!="string"&&typeof a!="number"?{unwrap:u}:Object.assign(a,{unwrap:u})},this.custom=(t,r)=>{const a=(r==null?void 0:r.id)||Et++;return this.create({jsx:t(a),id:a,...r}),a},this.getActiveToasts=()=>this.toasts.filter(t=>!this.dismissedToasts.has(t.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const Y=new rs,as=(e,t)=>{const r=(t==null?void 0:t.id)||Et++;return Y.addToast({title:e,...t,id:r}),r},ns=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",os=as,ss=()=>Y.toasts,is=()=>Y.getActiveToasts(),ee=Object.assign(os,{success:Y.success,info:Y.info,warning:Y.warning,error:Y.error,custom:Y.custom,message:Y.message,promise:Y.promise,dismiss:Y.dismiss,loading:Y.loading},{getHistory:ss,getToasts:is});Ko("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function rt(e){return e.label!==void 0}const ls=3,ds="24px",cs="16px",Fr=4e3,us=356,fs=14,ms=45,gs=200;function de(...e){return e.filter(Boolean).join(" ")}function hs(e){const[t,r]=e.split("-"),a=[];return t&&a.push(t),r&&a.push(r),a}const ps=e=>{var t,r,a,o,s,l,d,u,c;const{invert:g,toast:i,unstyled:h,interacting:y,setHeights:C,visibleToasts:p,heights:x,index:w,toasts:N,expanded:b,removeToast:S,defaultRichColors:M,closeButton:L,style:k,cancelButtonStyle:W,actionButtonStyle:$,className:J="",descriptionClassName:ke="",duration:pe,position:Z,gap:X,expandByDefault:D,classNames:P,icons:j,closeButtonAriaLabel:ce="Close toast"}=e,[z,Q]=f.useState(null),[q,Te]=f.useState(null),[A,_]=f.useState(!1),[F,K]=f.useState(!1),[te,B]=f.useState(!1),[ve,_e]=f.useState(!1),[be,ye]=f.useState(!1),[Fe,Me]=f.useState(0),[Ve,Ue]=f.useState(0),Ie=f.useRef(i.duration||pe||Fr),at=f.useRef(null),oe=f.useRef(null),St=w===0,kt=w+1<=p,H=i.type,Ce=i.dismissible!==!1,jr=i.className||"",re=i.descriptionClassName||"",T=f.useMemo(()=>x.findIndex(I=>I.toastId===i.id)||0,[x,i.id]),O=f.useMemo(()=>{var I;return(I=i.closeButton)!=null?I:L},[i.closeButton,L]),ue=f.useMemo(()=>i.duration||pe||Fr,[i.duration,pe]),Ae=f.useRef(0),fe=f.useRef(0),$r=f.useRef(0),We=f.useRef(null),[ws,Cs]=Z.split("-"),zr=f.useMemo(()=>x.reduce((I,V,G)=>G>=T?I:I+V.height,0),[x,T]),Vr=ts(),Ns=i.invert||g,Tt=H==="loading";fe.current=f.useMemo(()=>T*X+zr,[T,zr]),f.useEffect(()=>{Ie.current=ue},[ue]),f.useEffect(()=>{_(!0)},[]),f.useEffect(()=>{const I=oe.current;if(I){const V=I.getBoundingClientRect().height;return Ue(V),C(G=>[{toastId:i.id,height:V,position:i.position},...G]),()=>C(G=>G.filter(R=>R.toastId!==i.id))}},[C,i.id]),f.useLayoutEffect(()=>{if(!A)return;const I=oe.current,V=I.style.height;I.style.height="auto";const G=I.getBoundingClientRect().height;I.style.height=V,Ue(G),C(R=>R.find(U=>U.toastId===i.id)?R.map(U=>U.toastId===i.id?{...U,height:G}:U):[{toastId:i.id,height:G,position:i.position},...R])},[A,i.title,i.description,C,i.id,i.jsx,i.action,i.cancel]);const Ne=f.useCallback(()=>{K(!0),Me(fe.current),C(I=>I.filter(V=>V.toastId!==i.id)),setTimeout(()=>{S(i)},gs)},[i,S,C,fe]);f.useEffect(()=>{if(i.promise&&H==="loading"||i.duration===1/0||i.type==="loading")return;let I;return b||y||Vr?(()=>{if($r.current<Ae.current){const R=new Date().getTime()-Ae.current;Ie.current=Ie.current-R}$r.current=new Date().getTime()})():(()=>{Ie.current!==1/0&&(Ae.current=new Date().getTime(),I=setTimeout(()=>{i.onAutoClose==null||i.onAutoClose.call(i,i),Ne()},Ie.current))})(),()=>clearTimeout(I)},[b,y,i,H,Vr,Ne]),f.useEffect(()=>{i.delete&&(Ne(),i.onDismiss==null||i.onDismiss.call(i,i))},[Ne,i.delete]);function Es(){var I;if(j!=null&&j.loading){var V;return f.createElement("div",{className:de(P==null?void 0:P.loader,i==null||(V=i.classNames)==null?void 0:V.loader,"sonner-loader"),"data-visible":H==="loading"},j.loading)}return f.createElement(Xo,{className:de(P==null?void 0:P.loader,i==null||(I=i.classNames)==null?void 0:I.loader),visible:H==="loading"})}const Ss=i.icon||(j==null?void 0:j[H])||Yo(H);var Ur,Hr;return f.createElement("li",{tabIndex:0,ref:oe,className:de(J,jr,P==null?void 0:P.toast,i==null||(t=i.classNames)==null?void 0:t.toast,P==null?void 0:P.default,P==null?void 0:P[H],i==null||(r=i.classNames)==null?void 0:r[H]),"data-sonner-toast":"","data-rich-colors":(Ur=i.richColors)!=null?Ur:M,"data-styled":!(i.jsx||i.unstyled||h),"data-mounted":A,"data-promise":!!i.promise,"data-swiped":be,"data-removed":F,"data-visible":kt,"data-y-position":ws,"data-x-position":Cs,"data-index":w,"data-front":St,"data-swiping":te,"data-dismissible":Ce,"data-type":H,"data-invert":Ns,"data-swipe-out":ve,"data-swipe-direction":q,"data-expanded":!!(b||D&&A),"data-testid":i.testId,style:{"--index":w,"--toasts-before":w,"--z-index":N.length-w,"--offset":`${F?Fe:fe.current}px`,"--initial-height":D?"auto":`${Ve}px`,...k,...i.style},onDragEnd:()=>{B(!1),Q(null),We.current=null},onPointerDown:I=>{I.button!==2&&(Tt||!Ce||(at.current=new Date,Me(fe.current),I.target.setPointerCapture(I.pointerId),I.target.tagName!=="BUTTON"&&(B(!0),We.current={x:I.clientX,y:I.clientY})))},onPointerUp:()=>{var I,V,G;if(ve||!Ce)return;We.current=null;const R=Number(((I=oe.current)==null?void 0:I.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),nt=Number(((V=oe.current)==null?void 0:V.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),U=new Date().getTime()-((G=at.current)==null?void 0:G.getTime()),ae=z==="x"?R:nt,ot=Math.abs(ae)/U;if(Math.abs(ae)>=ms||ot>.11){Me(fe.current),i.onDismiss==null||i.onDismiss.call(i,i),Te(z==="x"?R>0?"right":"left":nt>0?"down":"up"),Ne(),_e(!0);return}else{var se,ie;(se=oe.current)==null||se.style.setProperty("--swipe-amount-x","0px"),(ie=oe.current)==null||ie.style.setProperty("--swipe-amount-y","0px")}ye(!1),B(!1),Q(null)},onPointerMove:I=>{var V,G,R;if(!We.current||!Ce||((V=window.getSelection())==null?void 0:V.toString().length)>0)return;const U=I.clientY-We.current.y,ae=I.clientX-We.current.x;var ot;const se=(ot=e.swipeDirections)!=null?ot:hs(Z);!z&&(Math.abs(ae)>1||Math.abs(U)>1)&&Q(Math.abs(ae)>Math.abs(U)?"x":"y");let ie={x:0,y:0};const Gr=De=>1/(1.5+Math.abs(De)/20);if(z==="y"){if(se.includes("top")||se.includes("bottom"))if(se.includes("top")&&U<0||se.includes("bottom")&&U>0)ie.y=U;else{const De=U*Gr(U);ie.y=Math.abs(De)<Math.abs(U)?De:U}}else if(z==="x"&&(se.includes("left")||se.includes("right")))if(se.includes("left")&&ae<0||se.includes("right")&&ae>0)ie.x=ae;else{const De=ae*Gr(ae);ie.x=Math.abs(De)<Math.abs(ae)?De:ae}(Math.abs(ie.x)>0||Math.abs(ie.y)>0)&&ye(!0),(G=oe.current)==null||G.style.setProperty("--swipe-amount-x",`${ie.x}px`),(R=oe.current)==null||R.style.setProperty("--swipe-amount-y",`${ie.y}px`)}},O&&!i.jsx&&H!=="loading"?f.createElement("button",{"aria-label":ce,"data-disabled":Tt,"data-close-button":!0,onClick:Tt||!Ce?()=>{}:()=>{Ne(),i.onDismiss==null||i.onDismiss.call(i,i)},className:de(P==null?void 0:P.closeButton,i==null||(a=i.classNames)==null?void 0:a.closeButton)},(Hr=j==null?void 0:j.close)!=null?Hr:es):null,(H||i.icon||i.promise)&&i.icon!==null&&((j==null?void 0:j[H])!==null||i.icon)?f.createElement("div",{"data-icon":"",className:de(P==null?void 0:P.icon,i==null||(o=i.classNames)==null?void 0:o.icon)},i.promise||i.type==="loading"&&!i.icon?i.icon||Es():null,i.type!=="loading"?Ss:null):null,f.createElement("div",{"data-content":"",className:de(P==null?void 0:P.content,i==null||(s=i.classNames)==null?void 0:s.content)},f.createElement("div",{"data-title":"",className:de(P==null?void 0:P.title,i==null||(l=i.classNames)==null?void 0:l.title)},i.jsx?i.jsx:typeof i.title=="function"?i.title():i.title),i.description?f.createElement("div",{"data-description":"",className:de(ke,re,P==null?void 0:P.description,i==null||(d=i.classNames)==null?void 0:d.description)},typeof i.description=="function"?i.description():i.description):null),f.isValidElement(i.cancel)?i.cancel:i.cancel&&rt(i.cancel)?f.createElement("button",{"data-button":!0,"data-cancel":!0,style:i.cancelButtonStyle||W,onClick:I=>{rt(i.cancel)&&Ce&&(i.cancel.onClick==null||i.cancel.onClick.call(i.cancel,I),Ne())},className:de(P==null?void 0:P.cancelButton,i==null||(u=i.classNames)==null?void 0:u.cancelButton)},i.cancel.label):null,f.isValidElement(i.action)?i.action:i.action&&rt(i.action)?f.createElement("button",{"data-button":!0,"data-action":!0,style:i.actionButtonStyle||$,onClick:I=>{rt(i.action)&&(i.action.onClick==null||i.action.onClick.call(i.action,I),!I.defaultPrevented&&Ne())},className:de(P==null?void 0:P.actionButton,i==null||(c=i.classNames)==null?void 0:c.actionButton)},i.action.label):null)};function Wr(){if(typeof window>"u"||typeof document>"u")return"ltr";const e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function vs(e,t){const r={};return[e,t].forEach((a,o)=>{const s=o===1,l=s?"--mobile-offset":"--offset",d=s?cs:ds;function u(c){["top","right","bottom","left"].forEach(g=>{r[`${l}-${g}`]=typeof c=="number"?`${c}px`:c})}typeof a=="number"||typeof a=="string"?u(a):typeof a=="object"?["top","right","bottom","left"].forEach(c=>{a[c]===void 0?r[`${l}-${c}`]=d:r[`${l}-${c}`]=typeof a[c]=="number"?`${a[c]}px`:a[c]}):u(d)}),r}const bs=f.forwardRef(function(t,r){const{id:a,invert:o,position:s="bottom-right",hotkey:l=["altKey","KeyT"],expand:d,closeButton:u,className:c,offset:g,mobileOffset:i,theme:h="light",richColors:y,duration:C,style:p,visibleToasts:x=ls,toastOptions:w,dir:N=Wr(),gap:b=fs,icons:S,containerAriaLabel:M="Notifications"}=t,[L,k]=f.useState([]),W=f.useMemo(()=>a?L.filter(A=>A.toasterId===a):L.filter(A=>!A.toasterId),[L,a]),$=f.useMemo(()=>Array.from(new Set([s].concat(W.filter(A=>A.position).map(A=>A.position)))),[W,s]),[J,ke]=f.useState([]),[pe,Z]=f.useState(!1),[X,D]=f.useState(!1),[P,j]=f.useState(h!=="system"?h:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),ce=f.useRef(null),z=l.join("+").replace(/Key/g,"").replace(/Digit/g,""),Q=f.useRef(null),q=f.useRef(!1),Te=f.useCallback(A=>{k(_=>{var F;return(F=_.find(K=>K.id===A.id))!=null&&F.delete||Y.dismiss(A.id),_.filter(({id:K})=>K!==A.id)})},[]);return f.useEffect(()=>Y.subscribe(A=>{if(A.dismiss){requestAnimationFrame(()=>{k(_=>_.map(F=>F.id===A.id?{...F,delete:!0}:F))});return}setTimeout(()=>{st.flushSync(()=>{k(_=>{const F=_.findIndex(K=>K.id===A.id);return F!==-1?[..._.slice(0,F),{..._[F],...A},..._.slice(F+1)]:[A,..._]})})})}),[L]),f.useEffect(()=>{if(h!=="system"){j(h);return}if(h==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?j("dark"):j("light")),typeof window>"u")return;const A=window.matchMedia("(prefers-color-scheme: dark)");try{A.addEventListener("change",({matches:_})=>{j(_?"dark":"light")})}catch{A.addListener(({matches:F})=>{try{j(F?"dark":"light")}catch(K){console.error(K)}})}},[h]),f.useEffect(()=>{L.length<=1&&Z(!1)},[L]),f.useEffect(()=>{const A=_=>{var F;if(l.every(B=>_[B]||_.code===B)){var te;Z(!0),(te=ce.current)==null||te.focus()}_.code==="Escape"&&(document.activeElement===ce.current||(F=ce.current)!=null&&F.contains(document.activeElement))&&Z(!1)};return document.addEventListener("keydown",A),()=>document.removeEventListener("keydown",A)},[l]),f.useEffect(()=>{if(ce.current)return()=>{Q.current&&(Q.current.focus({preventScroll:!0}),Q.current=null,q.current=!1)}},[ce.current]),f.createElement("section",{ref:r,"aria-label":`${M} ${z}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},$.map((A,_)=>{var F;const[K,te]=A.split("-");return W.length?f.createElement("ol",{key:A,dir:N==="auto"?Wr():N,tabIndex:-1,ref:ce,className:c,"data-sonner-toaster":!0,"data-sonner-theme":P,"data-y-position":K,"data-x-position":te,style:{"--front-toast-height":`${((F=J[0])==null?void 0:F.height)||0}px`,"--width":`${us}px`,"--gap":`${b}px`,...p,...vs(g,i)},onBlur:B=>{q.current&&!B.currentTarget.contains(B.relatedTarget)&&(q.current=!1,Q.current&&(Q.current.focus({preventScroll:!0}),Q.current=null))},onFocus:B=>{B.target instanceof HTMLElement&&B.target.dataset.dismissible==="false"||q.current||(q.current=!0,Q.current=B.relatedTarget)},onMouseEnter:()=>Z(!0),onMouseMove:()=>Z(!0),onMouseLeave:()=>{X||Z(!1)},onDragEnd:()=>Z(!1),onPointerDown:B=>{B.target instanceof HTMLElement&&B.target.dataset.dismissible==="false"||D(!0)},onPointerUp:()=>D(!1)},W.filter(B=>!B.position&&_===0||B.position===A).map((B,ve)=>{var _e,be;return f.createElement(ps,{key:B.id,icons:S,index:ve,toast:B,defaultRichColors:y,duration:(_e=w==null?void 0:w.duration)!=null?_e:C,className:w==null?void 0:w.className,descriptionClassName:w==null?void 0:w.descriptionClassName,invert:o,visibleToasts:x,closeButton:(be=w==null?void 0:w.closeButton)!=null?be:u,interacting:X,position:A,style:w==null?void 0:w.style,unstyled:w==null?void 0:w.unstyled,classNames:w==null?void 0:w.classNames,cancelButtonStyle:w==null?void 0:w.cancelButtonStyle,actionButtonStyle:w==null?void 0:w.actionButtonStyle,closeButtonAriaLabel:w==null?void 0:w.closeButtonAriaLabel,removeToast:Te,toasts:W.filter(ye=>ye.position==B.position),heights:J.filter(ye=>ye.position==B.position),setHeights:ke,expandByDefault:d,gap:b,expanded:pe,swipeDirections:t.swipeDirections})})):null}))}),ys=({position:e="top-right",duration:t=5e3,gap:r=8,visibleToasts:a=3,closeButton:o=!0,richColors:s=!1,expand:l=!0,className:d,toastOptions:u})=>n.jsx(bs,{position:e,duration:t,gap:r,visibleToasts:a,closeButton:o,richColors:s,expand:l,className:v("",d),icons:{success:null,error:null,warning:null,info:null},toastOptions:{unstyled:!0,classNames:{toast:v("group relative flex w-full p-3 rounded-xl border-2 bg-white",u==null?void 0:u.className),title:"text-black font-medium text-sm leading-5",description:"mt-1 text-xs text-gray-700 leading-5 font-normal",closeButton:v("absolute! top-3! right-3! w-4! h-4!","bg-transparent! border-0! p-0! outline-hidden!","transform-none! ml-0!","[&>svg]:!w-4 [&>svg]:!h-4"),actionButton:v("text-xs font-medium text-brand-600 hover:text-brand-700 mt-1"),cancelButton:v("text-xs font-medium text-gray-600 hover:text-gray-700 mt-1")},style:{boxShadow:"0 6px 12px -4px rgba(10, 13, 18, 0.08), 0 -4px 6px -2px rgba(10, 13, 18, 0.06), 0 -2px 2px -2px rgba(10, 13, 18, 0.05)",...u==null?void 0:u.style}}}),ge=({title:e,description:t,icon:r})=>n.jsxs("div",{className:"flex items-start gap-2 flex-1",children:[r&&n.jsx("div",{className:"flex-shrink-0 w-5 h-5 flex items-center justify-center",children:r}),n.jsxs("div",{className:"flex-1 min-w-0",children:[n.jsx("div",{className:"text-black font-medium text-sm leading-5",style:{fontFamily:"Inter, sans-serif"},children:e}),t&&n.jsx("div",{className:"text-xs text-gray-700 leading-5 font-normal",style:{fontFamily:"Inter, sans-serif",color:"#414651"},children:t})]})]}),he={success:e=>{if(typeof e=="string")return ee.success(n.jsx(ge,{title:e,variant:"success"}));const{title:t,description:r,icon:a,primaryAction:o,secondaryAction:s,...l}=e;return ee.success(n.jsx(ge,{title:t,description:r,icon:a,variant:"success"}),{...l,action:o?{label:o.label,onClick:o.onClick}:void 0,cancel:s?{label:s.label,onClick:s.onClick}:void 0})},error:e=>{if(typeof e=="string")return ee.error(n.jsx(ge,{title:e,variant:"error"}));const{title:t,description:r,icon:a,primaryAction:o,secondaryAction:s,...l}=e;return ee.error(n.jsx(ge,{title:t,description:r,icon:a,variant:"error"}),{...l,action:o?{label:o.label,onClick:o.onClick}:void 0,cancel:s?{label:s.label,onClick:s.onClick}:void 0})},warning:e=>{if(typeof e=="string")return ee.warning(n.jsx(ge,{title:e,variant:"warning"}));const{title:t,description:r,icon:a,primaryAction:o,secondaryAction:s,...l}=e;return ee.warning(n.jsx(ge,{title:t,description:r,icon:a,variant:"warning"}),{...l,action:o?{label:o.label,onClick:o.onClick}:void 0,cancel:s?{label:s.label,onClick:s.onClick}:void 0})},info:e=>{if(typeof e=="string")return ee.info(n.jsx(ge,{title:e,variant:"info"}));const{title:t,description:r,icon:a,primaryAction:o,secondaryAction:s,...l}=e;return ee.info(n.jsx(ge,{title:t,description:r,icon:a,variant:"info"}),{...l,action:o?{label:o.label,onClick:o.onClick}:void 0,cancel:s?{label:s.label,onClick:s.onClick}:void 0})},custom:e=>{const{title:t,description:r,icon:a,primaryAction:o,secondaryAction:s,variant:l="default",...d}=e;return ee(n.jsx(ge,{title:t,description:r,icon:a,variant:l}),{...d,action:o?{label:o.label,onClick:o.onClick}:void 0,cancel:s?{label:s.label,onClick:s.onClick}:void 0})},dismiss:ee.dismiss,loading:ee.loading,promise:ee.promise},xs=()=>({toast:he.custom,success:he.success,error:he.error,warning:he.warning,info:he.info,dismiss:he.dismiss,loading:he.loading,promise:he.promise});E.Accordion=Xr,E.AccordionItem=qr,E.Alert=Oo,E.Avatar=zo,E.Badge=Jr,E.Button=It,E.Card=No,E.Checkbox=Ir,E.ContextMenu=Qr,E.ContextMenuItem=Rr,E.ContextMenuLabel=ta,E.ContextMenuSeparator=ea,E.Dialog=oo,E.DialogBody=io,E.DialogFooter=lo,E.DialogHeader=so,E.Divider=Fo,E.Drawer=no,E.Empty=$o,E.Form=Or,E.FormItem=Br,E.InfoGrid=na,E.InfoItem=aa,E.InfoSection=ra,E.Input=wt,E.Layout=ze,E.MessageProvider=To,E.MobileInput=Dr,E.PasswordInput=Ar,E.PhoneNumberInput=Pr,E.Progress=Go,E.Result=Ho,E.Segmented=Vo,E.Select=_r,E.Space=Po,E.Spin=Lo,E.Tabs=Bo,E.Tag=Wo,E.Textarea=Mr,E.Timeline=la,E.TimelineEventItem=Dt,E.TimelineSection=Pt,E.Toaster=ys,E.Typography=tt,E.formatTimelineDate=da,E.formatTimelineTime=ca,E.message=Ao,E.toast=he,E.useForm=bo,E.useMessage=Do,E.useToast=xs,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
|
|
40
|
+
${a||""}
|
|
41
|
+
`.trim(),...i}),o&&r.jsx("p",{id:g,role:e?"alert":void 0,className:`mt-1 text-xs ${e?"text-error-500":"text-gray-600"}`,children:o})]})});zr.displayName="Textarea";const Co=()=>r.jsxs("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[r.jsx("path",{d:"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"}),r.jsx("circle",{cx:"12",cy:"7",r:"4"})]}),Ir=()=>r.jsx("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:r.jsx("polyline",{points:"22,12 18,12 15,21 9,3 6,12 2,12"})}),ko={user:Co,activity:Ir,file:()=>r.jsxs("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[r.jsx("path",{d:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2Z"}),r.jsx("polyline",{points:"14,2 14,8 20,8"}),r.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),r.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),r.jsx("polyline",{points:"10,9 9,9 8,9"})]}),calendar:()=>r.jsxs("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[r.jsx("rect",{x:"3",y:"4",width:"18",height:"18",rx:"2",ry:"2"}),r.jsx("line",{x1:"16",y1:"2",x2:"16",y2:"6"}),r.jsx("line",{x1:"8",y1:"2",x2:"8",y2:"6"}),r.jsx("line",{x1:"3",y1:"10",x2:"21",y2:"10"})]}),clock:()=>r.jsxs("svg",{"aria-hidden":"true",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[r.jsx("circle",{cx:"12",cy:"12",r:"10"}),r.jsx("polyline",{points:"12,6 12,12 16,14"})]})},No=e=>{if(e.iconUrl)return r.jsx("img",{src:e.iconUrl,alt:"",className:"w-full h-full rounded-full object-cover"});const o=e.icon&&ko[e.icon]||Ir;return r.jsx("div",{className:"p-1 border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-full text-gray-500 bg-base-white flex items-center justify-center",children:r.jsx(o,{})})};function Sr({event:e}){return r.jsxs("li",{className:"flex gap-3 list-none",children:[r.jsx("div",{className:"w-7 h-7 flex-shrink-0 flex items-center justify-center",children:No(e)}),r.jsx("div",{className:"bg-base-white border border-[var(--zango-border-color-default,var(--color-gray-300))] rounded-[var(--zango-border-radius-lg,12px)] p-3 flex-1 max-w-sm",children:r.jsxs("div",{className:"flex justify-between items-start",children:[r.jsxs("div",{className:"flex-1",children:[r.jsxs("div",{className:"text-xs text-gray-950 leading-relaxed",children:[r.jsx("span",{className:"font-normal",children:e.title}),e.subtitle&&r.jsxs(r.Fragment,{children:[": ",r.jsx("span",{className:"font-medium",children:e.subtitle})]})]}),e.description&&r.jsx("div",{className:"text-xs text-gray-500 mt-0.5 leading-tight",children:e.description}),e.metadata&&r.jsx("dl",{className:"mt-2 space-y-1",children:Object.entries(e.metadata).map(([o,a])=>r.jsxs("div",{className:"flex items-center gap-1 text-xs",children:[r.jsxs("dt",{className:"text-gray-500 capitalize m-0",children:[o.replace(/_/g," "),":"]}),r.jsx("dd",{className:"text-gray-700 m-0",children:String(a)})]},o))})]}),r.jsxs("div",{className:"text-[10px] text-gray-500 text-right ml-3 whitespace-nowrap leading-tight",children:[r.jsx("div",{className:"mb-0.5",children:e.date}),r.jsx("div",{children:e.timestamp})]})]})})]})}function Ar({section:e}){return r.jsx("li",{className:"rounded-[var(--zango-border-radius-lg,12px)] list-none",children:r.jsxs("div",{className:"space-y-4",children:[r.jsx("div",{className:"inline-block",children:r.jsx("span",{className:"bg-gray-200 px-2 py-1 rounded-[var(--zango-border-radius-sm,4px)] text-xs font-medium text-gray-950",children:e.date})}),r.jsx("ol",{className:"space-y-3",children:e.events.map(o=>r.jsx(Sr,{event:o},o.id))})]})})}function zo({sections:e,className:o=""}){return r.jsx("ol",{className:u("flex flex-col gap-5",o),children:e.map((a,t)=>r.jsx(Ar,{section:a},`${a.date}-${t}`))})}function Io(e){const o=typeof e=="string"?new Date(e):e,a={day:"numeric",month:"long",year:"numeric"};return o.toLocaleDateString("en-US",a)}function So(e){return(typeof e=="string"?new Date(e):e).toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0})}const Ao={success:{color:"var(--color-success-500)",icon:r.jsx(de.Check,{className:"w-3.5 h-3.5"})},error:{color:"var(--color-error-500)",icon:r.jsx(de.X,{className:"w-3.5 h-3.5"})},warning:{color:"var(--color-warning-500)",icon:r.jsx(de.AlertTriangle,{className:"w-3.5 h-3.5"})},info:{color:"var(--color-brand-500)",icon:r.jsx(de.Info,{className:"w-3.5 h-3.5"})}},Mo=({position:e="top-right",duration:o=5e3,gap:a=8,visibleToasts:t=3,closeButton:s=!0,richColors:i=!0,expand:l=!0,className:f,toastOptions:d})=>r.jsx(X.Toaster,{position:e,duration:o,gap:a,visibleToasts:t,closeButton:s,richColors:i,expand:l,className:u("",f),icons:{success:null,error:null,warning:null,info:null},toastOptions:{unstyled:!0,classNames:{toast:u("group flex w-full overflow-hidden p-3 rounded-[var(--zango-border-radius-md,8px)] bg-white",d==null?void 0:d.className),title:"text-black font-medium text-sm leading-5",description:"mt-1 text-xs text-gray-700 leading-5 font-normal",closeButton:u("absolute! top-3! right-3! w-4! h-4!","bg-transparent! border-0! p-0! outline-hidden!","transform-none! ml-0!","text-gray-500! hover:text-gray-700!","[&>svg]:!w-4 [&>svg]:!h-4 [&>svg]:!text-gray-500"),actionButton:u("text-xs font-medium text-brand-600 hover:text-brand-700 mt-1"),cancelButton:u("text-xs font-medium text-gray-600 hover:text-gray-700 mt-1")},style:{boxShadow:"0 6px 12px -4px rgba(10, 13, 18, 0.08), 0 -4px 6px -2px rgba(10, 13, 18, 0.06), 0 -2px 2px -2px rgba(10, 13, 18, 0.05)",...d==null?void 0:d.style}}}),se=({title:e,description:o,icon:a,variant:t})=>{const s=t&&t!=="default"?Ao[t]:void 0,i=a??(s==null?void 0:s.icon);return r.jsxs("div",{className:"flex items-center gap-3 flex-1 pl-2",children:[s&&r.jsx("span",{"aria-hidden":"true",className:"absolute left-0 top-0 bottom-0 w-1.5",style:{backgroundColor:s.color}}),i&&r.jsx("div",{className:u("flex-shrink-0 w-8 h-8 rounded-full flex items-center justify-center",s?"text-white":"bg-gray-100 text-gray-700"),style:s?{backgroundColor:s.color}:void 0,children:i}),r.jsxs("div",{className:"flex-1 min-w-0",children:[r.jsx("div",{className:"text-black font-semibold text-sm leading-5",style:{fontFamily:"Inter, sans-serif"},children:e}),o&&r.jsx("div",{className:"mt-0.5 text-xs leading-5 font-normal",style:{fontFamily:"Inter, sans-serif",color:"#414651"},children:o})]})]})},Se=({primaryAction:e,secondaryAction:o,...a})=>{const t=!!(e||o);return{...a,duration:a.duration??(t?Number.POSITIVE_INFINITY:void 0),action:e?{label:e.label,onClick:e.onClick}:void 0,cancel:o?{label:o.label,onClick:o.onClick}:void 0}},ne={success:e=>{if(typeof e=="string")return X.toast.success(r.jsx(se,{title:e,variant:"success"}));const{title:o,description:a,icon:t,...s}=e;return X.toast.success(r.jsx(se,{title:o,description:a,icon:t,variant:"success"}),Se(s))},error:e=>{if(typeof e=="string")return X.toast.error(r.jsx(se,{title:e,variant:"error"}));const{title:o,description:a,icon:t,...s}=e;return X.toast.error(r.jsx(se,{title:o,description:a,icon:t,variant:"error"}),Se(s))},warning:e=>{if(typeof e=="string")return X.toast.warning(r.jsx(se,{title:e,variant:"warning"}));const{title:o,description:a,icon:t,...s}=e;return X.toast.warning(r.jsx(se,{title:o,description:a,icon:t,variant:"warning"}),Se(s))},info:e=>{if(typeof e=="string")return X.toast.info(r.jsx(se,{title:e,variant:"info"}));const{title:o,description:a,icon:t,...s}=e;return X.toast.info(r.jsx(se,{title:o,description:a,icon:t,variant:"info"}),Se(s))},custom:e=>{const{title:o,description:a,icon:t,variant:s="default",...i}=e;return X.toast(r.jsx(se,{title:o,description:a,icon:t,variant:s}),Se(i))},dismiss:X.toast.dismiss,loading:X.toast.loading,promise:X.toast.promise},To=()=>({toast:ne.custom,success:ne.success,error:ne.error,warning:ne.warning,info:ne.info,dismiss:ne.dismiss,loading:ne.loading,promise:ne.promise}),Ve=e=>{const o={primary:"text-gray-900",secondary:"text-gray-600",success:"text-success-600",warning:"text-warning-600",danger:"text-error-600"};return e?o[e]:o.primary},Le=({children:e,className:o,style:a})=>r.jsx("div",{className:u("typography",o),style:a,children:e}),Lo=({children:e,level:o=1,size:a,type:t="primary",className:s,style:i})=>{const l=`h${o}`,f={1:"text-3xl font-bold",2:"text-2xl font-semibold",3:"text-xl font-semibold",4:"text-lg font-medium",5:"text-base font-medium",6:"text-sm font-medium"},d=a??o;return r.jsx(l,{className:u(f[d],Ve(t),"mb-2",s),style:i,children:e})},Eo=({children:e,type:o="primary",strong:a,italic:t,underline:s,disabled:i,mark:l,code:f,ellipsis:d,className:g,style:x})=>{let c=e;return f&&(c=r.jsx("code",{className:"bg-gray-100 px-1 py-0.5 rounded-[var(--zango-border-radius-sm,4px)] text-sm font-mono",children:c})),l&&(c=r.jsx("mark",{className:"bg-warning-100 px-1 py-0.5 rounded-[var(--zango-border-radius-sm,4px)]",children:c})),r.jsx("span",{className:u(Ve(o),a&&"font-semibold",t&&"italic",s&&"underline",i&&"opacity-50 cursor-not-allowed",d&&"truncate",g),style:x,children:c})},Do=({children:e,type:o="primary",ellipsis:a,className:t,style:s})=>r.jsx("p",{className:u(Ve(o),"mb-4 leading-relaxed",a&&"truncate",t),style:s,children:e});Le.Title=Lo,Le.Text=Eo,Le.Paragraph=Do,T.Accordion=Sa,T.AccordionItem=Aa,T.Alert=Ma,T.Avatar=Ta,T.Badge=La,T.Button=gr,T.Card=Ga,T.Checkbox=ur,T.ContextMenu=$a,T.ContextMenuItem=Fa,T.ContextMenuLabel=Oa,T.ContextMenuSeparator=Va,T.Dialog=Wa,T.DialogBody=Ka,T.DialogFooter=Ha,T.DialogHeader=Ua,T.Divider=qa,T.Drawer=Za,T.Empty=Ya,T.Form=xr,T.FormItem=yr,T.InfoGrid=Ra,T.InfoItem=Qa,T.InfoSection=Xa,T.Input=Fe,T.Layout=Ie,T.Loader=so,T.MobileInput=wr,T.PasswordInput=Cr,T.PhoneNumberInput=kr,T.Progress=uo,T.Result=bo,T.Segmented=po,T.Select=Nr,T.Space=vo,T.Spin=xo,T.Tabs=yo,T.Tag=wo,T.Textarea=zr,T.Timeline=zo,T.TimelineEventItem=Sr,T.TimelineSection=Ar,T.Toaster=Mo,T.Typography=Le,T.formatTimelineDate=Io,T.formatTimelineTime=So,T.toast=ne,T.useForm=Ja,T.useToast=To,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
|
|
103
42
|
//# sourceMappingURL=zango-components.umd.cjs.map
|