@zango-core/components 0.2.0-rc.2 → 0.2.0-rc.3
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/dist/zango-components.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode('/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e9eaeb;--color-gray-300:#d5d7da;--color-gray-400:#a4a7ae;--color-gray-500:#717680;--color-gray-600:#535862;--color-gray-700:#414651;--color-gray-800:#252b37;--color-gray-900:#181d27;--color-gray-950:#0a0d12;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-25:#f2f1ff;--color-brand-50:#eae8ff;--color-brand-100:#dddafe;--color-brand-200:#bbb6fd;--color-brand-300:#9791f9;--color-brand-400:#7b74f4;--color-brand-500:#5048ed;--color-brand-600:#3b34cb;--color-brand-700:#2924aa;--color-brand-800:#1a1689;--color-brand-900:#100d71;--color-brand-950:#0a0d12;--color-gray-25:#fdfdfd;--color-success-25:#f6fef9;--color-success-50:#edfdf3;--color-success-100:#dcfce7;--color-success-200:#c1f9d5;--color-success-300:#a7f7c3;--color-success-400:#84f3aa;--color-success-500:#4fee86;--color-success-600:#47d679;--color-success-700:#3fbe6b;--color-success-800:#37a75e;--color-success-900:#2b834a;--color-success-950:#205f36;--color-error-25:#fef8f6;--color-error-50:#fdf1ed;--color-error-100:#fce2dc;--color-error-200:#f9ccc1;--color-error-300:#f7b7a7;--color-error-400:#f39a84;--color-error-500:#ee6e4f;--color-error-600:#d66347;--color-error-700:#be583f;--color-error-800:#a74d37;--color-error-900:#833d2b;--color-error-950:#5f2c20;--color-warning-25:#fefdf6;--color-warning-50:#fdfced;--color-warning-100:#fcf9dc;--color-warning-200:#f9f4c1;--color-warning-300:#f7f0a7;--color-warning-400:#f3e984;--color-warning-500:#eee04f;--color-warning-600:#d6ca47;--color-warning-700:#beb33f;--color-warning-800:#a79d37;--color-warning-900:#837b2b;--color-warning-950:#5f5a20;--color-base-white:#fff;--color-base-black:#000}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input,textarea,select,button{outline-offset:2px;outline:2px solid #0000}input:focus,textarea:focus,select:focus{outline-offset:2px;box-shadow:none;outline:2px solid #0000}}@layer components{.form-item{margin-bottom:calc(var(--spacing) * 4)}.form-item-error .form-control input,.form-item-error .form-control textarea,.form-item-error .form-control select,:is(.form-item-error .form-control input,.form-item-error .form-control textarea,.form-item-error .form-control select):focus{border-color:var(--color-error-500)}.form-label{margin-bottom:calc(var(--spacing) * 1);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.form-label-required:after{content:"*";margin-left:calc(var(--spacing) * 1);color:var(--color-error-500)}.form-required-mark{color:var(--color-error-500)}.form-control{position:relative}.form-message{margin-top:calc(var(--spacing) * 1);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.form-error-message{color:var(--color-error-600)}.form-help-message{color:var(--color-gray-500)}.form-vertical .form-item{margin-bottom:calc(var(--spacing) * 4)}.form-horizontal .form-item{margin-bottom:calc(var(--spacing) * 4);align-items:center;display:flex}.form-horizontal .form-label{margin-right:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 0);width:25%}.form-horizontal .form-control{flex:1}.form-inline{align-items:center;gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}.form-inline .form-item{margin-bottom:calc(var(--spacing) * 0);align-items:center;display:flex}.form-inline .form-label{margin-right:calc(var(--spacing) * 2);margin-bottom:calc(var(--spacing) * 0)}.zango-input{border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-gray-300);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.zango-input:hover{border-color:var(--color-gray-400)}}.zango-input:focus{border-color:var(--color-brand-500)}.zango-input:disabled{cursor:not-allowed;background-color:var(--color-gray-50);color:var(--color-gray-500)}.zango-input.error{border-color:var(--color-error-500)}@media (hover:hover){.zango-input.error:hover{border-color:var(--color-error-500)}}.zango-input.error:focus{border-color:var(--color-error-500)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.absolute\\!{position:absolute!important}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-3{top:calc(var(--spacing) * 3)}.top-3\\!{top:calc(var(--spacing) * 3)!important}.top-4{top:calc(var(--spacing) * 4)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-3\\!{right:calc(var(--spacing) * 3)!important}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-\\[-2px\\]{bottom:-2px}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing) * 0)}.left-1\\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-3{left:calc(var(--spacing) * 3)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[101\\]{z-index:101}.z-\\[9999\\]{z-index:9999}.order-2{order:2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-6{margin:calc(var(--spacing) * -6)}.m-0{margin:calc(var(--spacing) * 0)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-0\\!{margin-left:calc(var(--spacing) * 0)!important}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-4\\!{height:calc(var(--spacing) * 4)!important}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[44px\\]{height:44px}.h-auto\\!{height:auto!important}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\\[640px\\]{max-height:640px}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-\\[32px\\]{min-height:32px}.min-h-\\[36px\\]{min-height:36px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[80px\\]{min-height:80px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-4\\!{width:calc(var(--spacing) * 4)!important}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\\[80\\%\\]{width:80%}.w-\\[320px\\]{width:320px}.w-\\[480px\\]{width:480px}.w-\\[640px\\]{width:640px}.w-\\[800px\\]{width:800px}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\\[640px\\]{max-width:640px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-\\[3rem\\]{min-width:3rem}.min-w-\\[160px\\]{min-width:160px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.origin-top-left{transform-origin:0 0}.origin-top-right{transform-origin:100% 0}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing) * -2);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-4{--tw-translate-y:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-none\\!{transform:none!important}.animate-in{animation:.3s ease-out slide-in-from-right-full}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.slide-in-from-right-full{animation:.3s ease-out slide-in-from-right-full}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-\\[4px\\]{gap:4px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[12px\\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none\\!{border-radius:0!important}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-\\[12px\\]{border-top-left-radius:12px;border-bottom-left-radius:12px}.rounded-l-lg{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.rounded-r-\\[12px\\]{border-top-right-radius:12px;border-bottom-right-radius:12px}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-0\\!{border-style:var(--tw-border-style)!important;border-width:0!important}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-brand-300{border-color:var(--color-brand-300)}.border-brand-500{border-color:var(--color-brand-500)}.border-brand-600{border-color:var(--color-brand-600)}.border-error-200{border-color:var(--color-error-200)}.border-error-300{border-color:var(--color-error-300)}.border-error-500{border-color:var(--color-error-500)}.border-error-600{border-color:var(--color-error-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-500{border-color:var(--color-green-500)}.border-red-500{border-color:var(--color-red-500)}.border-success-200{border-color:var(--color-success-200)}.border-success-300{border-color:var(--color-success-300)}.border-transparent{border-color:#0000}.border-warning-200{border-color:var(--color-warning-200)}.border-warning-300{border-color:var(--color-warning-300)}.border-yellow-500{border-color:var(--color-yellow-500)}.border-t-brand-500{border-top-color:var(--color-brand-500)}.border-t-transparent{border-top-color:#0000}.bg-base-white{background-color:var(--color-base-white)}.bg-black\\/0{background-color:#0000}@supports (color:color-mix(in lab,red,red)){.bg-black\\/0{background-color:color-mix(in oklab,var(--color-black) 0%,transparent)}}.bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\\/20{background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}.bg-black\\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\\/30{background-color:color-mix(in oklab,var(--color-black) 30%,transparent)}}.bg-black\\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\\/70{background-color:color-mix(in oklab,var(--color-black) 70%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-900\\/20{background-color:#1c398e33}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\\/20{background-color:color-mix(in oklab,var(--color-blue-900) 20%,transparent)}}.bg-brand-50{background-color:var(--color-brand-50)}.bg-brand-100{background-color:var(--color-brand-100)}.bg-brand-200{background-color:var(--color-brand-200)}.bg-brand-500{background-color:var(--color-brand-500)}.bg-brand-600{background-color:var(--color-brand-600)}.bg-error-50{background-color:var(--color-error-50)}.bg-error-100{background-color:var(--color-error-100)}.bg-error-500{background-color:var(--color-error-500)}.bg-error-600{background-color:var(--color-error-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-success-50{background-color:var(--color-success-50)}.bg-success-100{background-color:var(--color-success-100)}.bg-success-500{background-color:var(--color-success-500)}.bg-transparent{background-color:#0000}.bg-transparent\\!{background-color:#0000!important}.bg-warning-50{background-color:var(--color-warning-50)}.bg-warning-100{background-color:var(--color-warning-100)}.bg-warning-200{background-color:var(--color-warning-200)}.bg-white{background-color:var(--color-white)}.bg-white\\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\\/60{background-color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.bg-white\\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-brand-500{--tw-gradient-via:var(--color-brand-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-yellow-500{fill:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing) * 0)}.p-0\\!{padding:calc(var(--spacing) * 0)!important}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pr-0{padding-right:calc(var(--spacing) * 0)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-0{padding-left:calc(var(--spacing) * 0)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[14px\\]{font-size:14px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-base-white{color:var(--color-base-white)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-brand-500{color:var(--color-brand-500)}.text-brand-600{color:var(--color-brand-600)}.text-brand-800{color:var(--color-brand-800)}.text-error-500{color:var(--color-error-500)}.text-error-600{color:var(--color-error-600)}.text-error-700{color:var(--color-error-700)}.text-error-800{color:var(--color-error-800)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-gray-950{color:var(--color-gray-950)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-800{color:var(--color-green-800)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-success-600{color:var(--color-success-600)}.text-success-700{color:var(--color-success-700)}.text-success-800{color:var(--color-success-800)}.text-warning-600{color:var(--color-warning-600)}.text-warning-700{color:var(--color-warning-700)}.text-warning-800{color:var(--color-warning-800)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline-hidden\\!{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.outline-hidden\\!{outline-offset:2px!important;outline:2px solid #0000!important}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.placeholder\\:text-gray-400::placeholder{color:var(--color-gray-400)}.last\\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\\:border-brand-500:focus-within{border-color:var(--color-brand-500)}@media (hover:hover){.hover\\:border-error-500:hover{border-color:var(--color-error-500)}.hover\\:border-gray-400:hover{border-color:var(--color-gray-400)}.hover\\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\\:bg-brand-600:hover{background-color:var(--color-brand-600)}.hover\\:bg-error-50:hover{background-color:var(--color-error-50)}.hover\\:bg-error-600:hover{background-color:var(--color-error-600)}.hover\\:bg-error-700:hover{background-color:var(--color-error-700)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\\:bg-success-600:hover{background-color:var(--color-success-600)}.hover\\:bg-yellow-50:hover{background-color:var(--color-yellow-50)}.hover\\:text-blue-700:hover{color:var(--color-blue-700)}.hover\\:text-brand-600:hover{color:var(--color-brand-600)}.hover\\:text-brand-700:hover{color:var(--color-brand-700)}.hover\\:text-gray-300:hover{color:var(--color-gray-300)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-gray-700:hover{color:var(--color-gray-700)}.hover\\:text-gray-900:hover{color:var(--color-gray-900)}.hover\\:text-red-700:hover{color:var(--color-red-700)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.hover\\:opacity-80:hover{opacity:.8}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\\:border-brand-500:focus{border-color:var(--color-brand-500)}.focus\\:border-error-500:focus{border-color:var(--color-error-500)}.focus\\:bg-error-50:focus{background-color:var(--color-error-50)}.focus\\:bg-gray-50:focus{background-color:var(--color-gray-50)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\\:bg-brand-700:active{background-color:var(--color-brand-700)}.active\\:bg-error-700:active{background-color:var(--color-error-700)}.active\\:bg-error-800:active{background-color:var(--color-error-800)}.active\\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\\:bg-gray-200:active{background-color:var(--color-gray-200)}.active\\:bg-gray-300:active{background-color:var(--color-gray-300)}.active\\:bg-success-700:active{background-color:var(--color-success-700)}.disabled\\:cursor-default:disabled{cursor:default}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-50:disabled{opacity:.5}.data-\\[state\\=closed\\]\\:animate-slide-out-to-left[data-state=closed]{animation:.3s ease-in-out slide-out-to-left}.data-\\[state\\=closed\\]\\:animate-slide-out-to-right[data-state=closed]{animation:.3s ease-in-out slide-out-to-right}.data-\\[state\\=open\\]\\:animate-slide-in-from-left[data-state=open]{animation:.3s ease-in-out slide-in-from-left}.data-\\[state\\=open\\]\\:animate-slide-in-from-right[data-state=open]{animation:.3s ease-in-out slide-in-from-right}@media (min-width:40rem){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:48rem){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\\:text-gray-400{color:var(--color-gray-400)}}.\\[\\&\\>svg\\]\\:\\!h-4>svg{height:calc(var(--spacing) * 4)!important}.\\[\\&\\>svg\\]\\:\\!w-4>svg{width:calc(var(--spacing) * 4)!important}}@keyframes slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-out-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slide-in-from-right-full{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-type=success]{border-color:var(--color-success-500)!important}[data-type=error]{border-color:var(--color-error-500)!important}[data-type=warning]{border-color:var(--color-warning-500)!important}[data-type=info]{border-color:var(--color-gray-200)!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}')),document.head.appendChild(r)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
|
|
2
|
-
import { jsx as i, jsxs as N, Fragment as
|
|
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
|
+
import { jsx as i, jsxs as N, Fragment as He } from "react/jsx-runtime";
|
|
3
3
|
import * as f from "react";
|
|
4
|
-
import x, { useState as
|
|
4
|
+
import x, { useState as W, useRef as xe, useEffect as ge, forwardRef as St, createElement as wt, useCallback as $e, createContext as oa, useContext as kt } from "react";
|
|
5
5
|
import * as Ya from "react-dom";
|
|
6
|
-
import
|
|
6
|
+
import sa from "react-dom";
|
|
7
7
|
function Za() {
|
|
8
8
|
if (typeof document > "u") return;
|
|
9
9
|
const e = "zango-components-styles";
|
|
@@ -45,8 +45,8 @@ const Xa = x.forwardRef(
|
|
|
45
45
|
);
|
|
46
46
|
Xa.displayName = "Button";
|
|
47
47
|
const qa = ({ isExpanded: e, children: t }) => {
|
|
48
|
-
const [a, r] =
|
|
49
|
-
return
|
|
48
|
+
const [a, r] = W(0), n = xe(null);
|
|
49
|
+
return ge(() => {
|
|
50
50
|
if (n.current) {
|
|
51
51
|
const o = n.current.scrollHeight;
|
|
52
52
|
r(e ? o : 0);
|
|
@@ -69,7 +69,7 @@ const qa = ({ isExpanded: e, children: t }) => {
|
|
|
69
69
|
multiple: c = !0,
|
|
70
70
|
collapsible: l = !0
|
|
71
71
|
}) => {
|
|
72
|
-
const [u, d] =
|
|
72
|
+
const [u, d] = W(t), m = (s) => {
|
|
73
73
|
!l && u[s] || (console.log("this accordion is from lib"), d((g) => {
|
|
74
74
|
if (c)
|
|
75
75
|
return { ...g, [s]: !g[s] };
|
|
@@ -213,8 +213,8 @@ const qa = ({ isExpanded: e, children: t }) => {
|
|
|
213
213
|
closeOnClick: c = !0,
|
|
214
214
|
disabled: l = !1
|
|
215
215
|
}) => {
|
|
216
|
-
const [u, d] =
|
|
217
|
-
|
|
216
|
+
const [u, d] = W(!1), m = xe(null), s = xe(null);
|
|
217
|
+
ge(() => {
|
|
218
218
|
const h = (w) => {
|
|
219
219
|
m.current && !m.current.contains(w.target) && s.current && !s.current.contains(w.target) && d(!1);
|
|
220
220
|
}, y = (w) => {
|
|
@@ -444,7 +444,7 @@ const qa = ({ isExpanded: e, children: t }) => {
|
|
|
444
444
|
}, Ja = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
|
|
445
445
|
/* @__PURE__ */ i("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
|
|
446
446
|
/* @__PURE__ */ i("circle", { cx: "12", cy: "7", r: "4" })
|
|
447
|
-
] }),
|
|
447
|
+
] }), ia = () => /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ i("polyline", { points: "22,12 18,12 15,21 9,3 6,12 2,12" }) }), Qa = () => /* @__PURE__ */ N("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
|
|
448
448
|
/* @__PURE__ */ i("path", { d: "M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2Z" }),
|
|
449
449
|
/* @__PURE__ */ i("polyline", { points: "14,2 14,8 20,8" }),
|
|
450
450
|
/* @__PURE__ */ i("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
|
|
@@ -460,14 +460,14 @@ const qa = ({ isExpanded: e, children: t }) => {
|
|
|
460
460
|
/* @__PURE__ */ i("polyline", { points: "12,6 12,12 16,14" })
|
|
461
461
|
] }), ar = {
|
|
462
462
|
user: Ja,
|
|
463
|
-
activity:
|
|
463
|
+
activity: ia,
|
|
464
464
|
file: Qa,
|
|
465
465
|
calendar: er,
|
|
466
466
|
clock: tr
|
|
467
467
|
}, rr = (e) => {
|
|
468
468
|
if (e.iconUrl)
|
|
469
469
|
return /* @__PURE__ */ i("img", { src: e.iconUrl, alt: "Event", className: "w-full h-full rounded-full object-cover" });
|
|
470
|
-
const t = e.icon ? ar[e.icon] :
|
|
470
|
+
const t = e.icon ? ar[e.icon] : ia;
|
|
471
471
|
return /* @__PURE__ */ i("div", { className: "p-1 border border-gray-300 rounded-full text-gray-500 bg-base-white flex items-center justify-center", children: /* @__PURE__ */ i(t, {}) });
|
|
472
472
|
};
|
|
473
473
|
function nr({ event: e }) {
|
|
@@ -477,7 +477,7 @@ function nr({ event: e }) {
|
|
|
477
477
|
/* @__PURE__ */ N("div", { className: "flex-1", children: [
|
|
478
478
|
/* @__PURE__ */ N("div", { className: "text-xs text-gray-950 leading-relaxed", children: [
|
|
479
479
|
/* @__PURE__ */ i("span", { className: "font-normal", children: e.title }),
|
|
480
|
-
e.subtitle && /* @__PURE__ */ N(
|
|
480
|
+
e.subtitle && /* @__PURE__ */ N(He, { children: [
|
|
481
481
|
": ",
|
|
482
482
|
/* @__PURE__ */ i("span", { className: "font-medium", children: e.subtitle })
|
|
483
483
|
] })
|
|
@@ -522,35 +522,35 @@ function xs(e) {
|
|
|
522
522
|
hour12: !0
|
|
523
523
|
});
|
|
524
524
|
}
|
|
525
|
-
function
|
|
525
|
+
function ke(e, t, { checkForDefaultPrevented: a = !0 } = {}) {
|
|
526
526
|
return function(n) {
|
|
527
527
|
if (e == null || e(n), a === !1 || !n.defaultPrevented)
|
|
528
528
|
return t == null ? void 0 : t(n);
|
|
529
529
|
};
|
|
530
530
|
}
|
|
531
|
-
function
|
|
531
|
+
function $t(e, t) {
|
|
532
532
|
if (typeof e == "function")
|
|
533
533
|
return e(t);
|
|
534
534
|
e != null && (e.current = t);
|
|
535
535
|
}
|
|
536
|
-
function
|
|
536
|
+
function la(...e) {
|
|
537
537
|
return (t) => {
|
|
538
538
|
let a = !1;
|
|
539
539
|
const r = e.map((n) => {
|
|
540
|
-
const o =
|
|
540
|
+
const o = $t(n, t);
|
|
541
541
|
return !a && typeof o == "function" && (a = !0), o;
|
|
542
542
|
});
|
|
543
543
|
if (a)
|
|
544
544
|
return () => {
|
|
545
545
|
for (let n = 0; n < r.length; n++) {
|
|
546
546
|
const o = r[n];
|
|
547
|
-
typeof o == "function" ? o() :
|
|
547
|
+
typeof o == "function" ? o() : $t(e[n], null);
|
|
548
548
|
}
|
|
549
549
|
};
|
|
550
550
|
};
|
|
551
551
|
}
|
|
552
|
-
function
|
|
553
|
-
return f.useCallback(
|
|
552
|
+
function Le(...e) {
|
|
553
|
+
return f.useCallback(la(...e), e);
|
|
554
554
|
}
|
|
555
555
|
function sr(e, t) {
|
|
556
556
|
const a = f.createContext(t), r = (o) => {
|
|
@@ -616,16 +616,16 @@ function lr(...e) {
|
|
|
616
616
|
};
|
|
617
617
|
return a.scopeName = t.scopeName, a;
|
|
618
618
|
}
|
|
619
|
-
var
|
|
619
|
+
var Ge = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
|
|
620
620
|
}, cr = f[" useId ".trim().toString()] || (() => {
|
|
621
621
|
}), dr = 0;
|
|
622
|
-
function
|
|
622
|
+
function mt(e) {
|
|
623
623
|
const [t, a] = f.useState(cr());
|
|
624
|
-
return
|
|
624
|
+
return Ge(() => {
|
|
625
625
|
a((r) => r ?? String(dr++));
|
|
626
626
|
}, [e]), e || (t ? `radix-${t}` : "");
|
|
627
627
|
}
|
|
628
|
-
var ur = f[" useInsertionEffect ".trim().toString()] ||
|
|
628
|
+
var ur = f[" useInsertionEffect ".trim().toString()] || Ge;
|
|
629
629
|
function fr({
|
|
630
630
|
prop: e,
|
|
631
631
|
defaultProp: t,
|
|
@@ -675,7 +675,7 @@ function gr(e) {
|
|
|
675
675
|
return typeof e == "function";
|
|
676
676
|
}
|
|
677
677
|
// @__NO_SIDE_EFFECTS__
|
|
678
|
-
function
|
|
678
|
+
function ca(e) {
|
|
679
679
|
const t = /* @__PURE__ */ hr(e), a = f.forwardRef((r, n) => {
|
|
680
680
|
const { children: o, ...c } = r, l = f.Children.toArray(o), u = l.find(vr);
|
|
681
681
|
if (u) {
|
|
@@ -692,7 +692,7 @@ function hr(e) {
|
|
|
692
692
|
const { children: n, ...o } = a;
|
|
693
693
|
if (f.isValidElement(n)) {
|
|
694
694
|
const c = yr(n), l = br(o, n.props);
|
|
695
|
-
return n.type !== f.Fragment && (l.ref = r ?
|
|
695
|
+
return n.type !== f.Fragment && (l.ref = r ? la(r, c) : c), f.cloneElement(n, l);
|
|
696
696
|
}
|
|
697
697
|
return f.Children.count(n) > 1 ? f.Children.only(null) : null;
|
|
698
698
|
});
|
|
@@ -736,8 +736,8 @@ var xr = [
|
|
|
736
736
|
"span",
|
|
737
737
|
"svg",
|
|
738
738
|
"ul"
|
|
739
|
-
],
|
|
740
|
-
const a = /* @__PURE__ */
|
|
739
|
+
], we = xr.reduce((e, t) => {
|
|
740
|
+
const a = /* @__PURE__ */ ca(`Primitive.${t}`), r = f.forwardRef((n, o) => {
|
|
741
741
|
const { asChild: c, ...l } = n, u = c ? a : t;
|
|
742
742
|
return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i(u, { ...l, ref: o });
|
|
743
743
|
});
|
|
@@ -746,7 +746,7 @@ var xr = [
|
|
|
746
746
|
function wr(e, t) {
|
|
747
747
|
e && Ya.flushSync(() => e.dispatchEvent(t));
|
|
748
748
|
}
|
|
749
|
-
function
|
|
749
|
+
function Ke(e) {
|
|
750
750
|
const t = f.useRef(e);
|
|
751
751
|
return f.useEffect(() => {
|
|
752
752
|
t.current = e;
|
|
@@ -756,7 +756,7 @@ function Ue(e) {
|
|
|
756
756
|
}, []);
|
|
757
757
|
}
|
|
758
758
|
function Cr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
759
|
-
const a =
|
|
759
|
+
const a = Ke(e);
|
|
760
760
|
f.useEffect(() => {
|
|
761
761
|
const r = (n) => {
|
|
762
762
|
n.key === "Escape" && a(n);
|
|
@@ -764,11 +764,11 @@ function Cr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
764
764
|
return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
|
|
765
765
|
}, [a, t]);
|
|
766
766
|
}
|
|
767
|
-
var Nr = "DismissableLayer",
|
|
767
|
+
var Nr = "DismissableLayer", Ct = "dismissableLayer.update", Er = "dismissableLayer.pointerDownOutside", Sr = "dismissableLayer.focusOutside", zt, da = f.createContext({
|
|
768
768
|
layers: /* @__PURE__ */ new Set(),
|
|
769
769
|
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
770
770
|
branches: /* @__PURE__ */ new Set()
|
|
771
|
-
}),
|
|
771
|
+
}), ua = f.forwardRef(
|
|
772
772
|
(e, t) => {
|
|
773
773
|
const {
|
|
774
774
|
disableOutsidePointerEvents: a = !1,
|
|
@@ -778,27 +778,27 @@ var Nr = "DismissableLayer", xt = "dismissableLayer.update", Er = "dismissableLa
|
|
|
778
778
|
onInteractOutside: c,
|
|
779
779
|
onDismiss: l,
|
|
780
780
|
...u
|
|
781
|
-
} = e, d = f.useContext(
|
|
782
|
-
const F =
|
|
783
|
-
!S || $ || (n == null || n(
|
|
784
|
-
}, g),
|
|
785
|
-
const F =
|
|
786
|
-
[...d.branches].some((
|
|
781
|
+
} = e, d = f.useContext(da), [m, s] = f.useState(null), g = (m == null ? void 0 : m.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, b] = f.useState({}), C = Le(t, (k) => s(k)), h = Array.from(d.layers), [y] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), w = h.indexOf(y), E = m ? h.indexOf(m) : -1, v = d.layersWithOutsidePointerEventsDisabled.size > 0, S = E >= w, M = Mr((k) => {
|
|
782
|
+
const F = k.target, $ = [...d.branches].some((J) => J.contains(F));
|
|
783
|
+
!S || $ || (n == null || n(k), c == null || c(k), k.defaultPrevented || l == null || l());
|
|
784
|
+
}, g), P = Rr((k) => {
|
|
785
|
+
const F = k.target;
|
|
786
|
+
[...d.branches].some((J) => J.contains(F)) || (o == null || o(k), c == null || c(k), k.defaultPrevented || l == null || l());
|
|
787
787
|
}, g);
|
|
788
|
-
return Cr((
|
|
789
|
-
E === d.layers.size - 1 && (r == null || r(
|
|
788
|
+
return Cr((k) => {
|
|
789
|
+
E === d.layers.size - 1 && (r == null || r(k), !k.defaultPrevented && l && (k.preventDefault(), l()));
|
|
790
790
|
}, g), f.useEffect(() => {
|
|
791
791
|
if (m)
|
|
792
|
-
return a && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (
|
|
793
|
-
a && d.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents =
|
|
792
|
+
return a && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (zt = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(m)), d.layers.add(m), Vt(), () => {
|
|
793
|
+
a && d.layersWithOutsidePointerEventsDisabled.size === 1 && (g.body.style.pointerEvents = zt);
|
|
794
794
|
};
|
|
795
795
|
}, [m, g, a, d]), f.useEffect(() => () => {
|
|
796
|
-
m && (d.layers.delete(m), d.layersWithOutsidePointerEventsDisabled.delete(m),
|
|
796
|
+
m && (d.layers.delete(m), d.layersWithOutsidePointerEventsDisabled.delete(m), Vt());
|
|
797
797
|
}, [m, d]), f.useEffect(() => {
|
|
798
|
-
const
|
|
799
|
-
return document.addEventListener(
|
|
798
|
+
const k = () => b({});
|
|
799
|
+
return document.addEventListener(Ct, k), () => document.removeEventListener(Ct, k);
|
|
800
800
|
}, []), /* @__PURE__ */ i(
|
|
801
|
-
|
|
801
|
+
we.div,
|
|
802
802
|
{
|
|
803
803
|
...u,
|
|
804
804
|
ref: C,
|
|
@@ -806,9 +806,9 @@ var Nr = "DismissableLayer", xt = "dismissableLayer.update", Er = "dismissableLa
|
|
|
806
806
|
pointerEvents: v ? S ? "auto" : "none" : void 0,
|
|
807
807
|
...e.style
|
|
808
808
|
},
|
|
809
|
-
onFocusCapture:
|
|
810
|
-
onBlurCapture:
|
|
811
|
-
onPointerDownCapture:
|
|
809
|
+
onFocusCapture: ke(e.onFocusCapture, P.onFocusCapture),
|
|
810
|
+
onBlurCapture: ke(e.onBlurCapture, P.onBlurCapture),
|
|
811
|
+
onPointerDownCapture: ke(
|
|
812
812
|
e.onPointerDownCapture,
|
|
813
813
|
M.onPointerDownCapture
|
|
814
814
|
)
|
|
@@ -816,26 +816,26 @@ var Nr = "DismissableLayer", xt = "dismissableLayer.update", Er = "dismissableLa
|
|
|
816
816
|
);
|
|
817
817
|
}
|
|
818
818
|
);
|
|
819
|
-
|
|
819
|
+
ua.displayName = Nr;
|
|
820
820
|
var kr = "DismissableLayerBranch", Tr = f.forwardRef((e, t) => {
|
|
821
|
-
const a = f.useContext(
|
|
821
|
+
const a = f.useContext(da), r = f.useRef(null), n = Le(t, r);
|
|
822
822
|
return f.useEffect(() => {
|
|
823
823
|
const o = r.current;
|
|
824
824
|
if (o)
|
|
825
825
|
return a.branches.add(o), () => {
|
|
826
826
|
a.branches.delete(o);
|
|
827
827
|
};
|
|
828
|
-
}, [a.branches]), /* @__PURE__ */ i(
|
|
828
|
+
}, [a.branches]), /* @__PURE__ */ i(we.div, { ...e, ref: n });
|
|
829
829
|
});
|
|
830
830
|
Tr.displayName = kr;
|
|
831
831
|
function Mr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
832
|
-
const a =
|
|
832
|
+
const a = Ke(e), r = f.useRef(!1), n = f.useRef(() => {
|
|
833
833
|
});
|
|
834
834
|
return f.useEffect(() => {
|
|
835
835
|
const o = (l) => {
|
|
836
836
|
if (l.target && !r.current) {
|
|
837
837
|
let u = function() {
|
|
838
|
-
|
|
838
|
+
fa(
|
|
839
839
|
Er,
|
|
840
840
|
a,
|
|
841
841
|
d,
|
|
@@ -859,10 +859,10 @@ function Mr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
859
859
|
};
|
|
860
860
|
}
|
|
861
861
|
function Rr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
862
|
-
const a =
|
|
862
|
+
const a = Ke(e), r = f.useRef(!1);
|
|
863
863
|
return f.useEffect(() => {
|
|
864
864
|
const n = (o) => {
|
|
865
|
-
o.target && !r.current &&
|
|
865
|
+
o.target && !r.current && fa(Sr, a, { originalEvent: o }, {
|
|
866
866
|
discrete: !1
|
|
867
867
|
});
|
|
868
868
|
};
|
|
@@ -872,22 +872,22 @@ function Rr(e, t = globalThis == null ? void 0 : globalThis.document) {
|
|
|
872
872
|
onBlurCapture: () => r.current = !1
|
|
873
873
|
};
|
|
874
874
|
}
|
|
875
|
-
function
|
|
876
|
-
const e = new CustomEvent(
|
|
875
|
+
function Vt() {
|
|
876
|
+
const e = new CustomEvent(Ct);
|
|
877
877
|
document.dispatchEvent(e);
|
|
878
878
|
}
|
|
879
|
-
function
|
|
879
|
+
function fa(e, t, a, { discrete: r }) {
|
|
880
880
|
const n = a.originalEvent.target, o = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: a });
|
|
881
881
|
t && n.addEventListener(e, t, { once: !0 }), r ? wr(n, o) : n.dispatchEvent(o);
|
|
882
882
|
}
|
|
883
|
-
var
|
|
883
|
+
var gt = "focusScope.autoFocusOnMount", ht = "focusScope.autoFocusOnUnmount", Ut = { bubbles: !1, cancelable: !0 }, Ar = "FocusScope", ma = f.forwardRef((e, t) => {
|
|
884
884
|
const {
|
|
885
885
|
loop: a = !1,
|
|
886
886
|
trapped: r = !1,
|
|
887
887
|
onMountAutoFocus: n,
|
|
888
888
|
onUnmountAutoFocus: o,
|
|
889
889
|
...c
|
|
890
|
-
} = e, [l, u] = f.useState(null), d =
|
|
890
|
+
} = e, [l, u] = f.useState(null), d = Ke(n), m = Ke(o), s = f.useRef(null), g = Le(t, (h) => u(h)), b = f.useRef({
|
|
891
891
|
paused: !1,
|
|
892
892
|
pause() {
|
|
893
893
|
this.paused = !0;
|
|
@@ -901,15 +901,15 @@ var ft = "focusScope.autoFocusOnMount", mt = "focusScope.autoFocusOnUnmount", Vt
|
|
|
901
901
|
let h = function(v) {
|
|
902
902
|
if (b.paused || !l) return;
|
|
903
903
|
const S = v.target;
|
|
904
|
-
l.contains(S) ? s.current = S :
|
|
904
|
+
l.contains(S) ? s.current = S : Se(s.current, { select: !0 });
|
|
905
905
|
}, y = function(v) {
|
|
906
906
|
if (b.paused || !l) return;
|
|
907
907
|
const S = v.relatedTarget;
|
|
908
|
-
S !== null && (l.contains(S) ||
|
|
908
|
+
S !== null && (l.contains(S) || Se(s.current, { select: !0 }));
|
|
909
909
|
}, w = function(v) {
|
|
910
910
|
if (document.activeElement === document.body)
|
|
911
911
|
for (const M of v)
|
|
912
|
-
M.removedNodes.length > 0 &&
|
|
912
|
+
M.removedNodes.length > 0 && Se(l);
|
|
913
913
|
};
|
|
914
914
|
document.addEventListener("focusin", h), document.addEventListener("focusout", y);
|
|
915
915
|
const E = new MutationObserver(w);
|
|
@@ -919,16 +919,16 @@ var ft = "focusScope.autoFocusOnMount", mt = "focusScope.autoFocusOnUnmount", Vt
|
|
|
919
919
|
}
|
|
920
920
|
}, [r, l, b.paused]), f.useEffect(() => {
|
|
921
921
|
if (l) {
|
|
922
|
-
|
|
922
|
+
Gt.add(b);
|
|
923
923
|
const h = document.activeElement;
|
|
924
924
|
if (!l.contains(h)) {
|
|
925
|
-
const w = new CustomEvent(
|
|
926
|
-
l.addEventListener(
|
|
925
|
+
const w = new CustomEvent(gt, Ut);
|
|
926
|
+
l.addEventListener(gt, d), l.dispatchEvent(w), w.defaultPrevented || (Ir(Br(ga(l)), { select: !0 }), document.activeElement === h && Se(l));
|
|
927
927
|
}
|
|
928
928
|
return () => {
|
|
929
|
-
l.removeEventListener(
|
|
930
|
-
const w = new CustomEvent(
|
|
931
|
-
l.addEventListener(
|
|
929
|
+
l.removeEventListener(gt, d), setTimeout(() => {
|
|
930
|
+
const w = new CustomEvent(ht, Ut);
|
|
931
|
+
l.addEventListener(ht, m), l.dispatchEvent(w), w.defaultPrevented || Se(h ?? document.body, { select: !0 }), l.removeEventListener(ht, m), Gt.remove(b);
|
|
932
932
|
}, 0);
|
|
933
933
|
};
|
|
934
934
|
}
|
|
@@ -939,24 +939,24 @@ var ft = "focusScope.autoFocusOnMount", mt = "focusScope.autoFocusOnUnmount", Vt
|
|
|
939
939
|
const y = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, w = document.activeElement;
|
|
940
940
|
if (y && w) {
|
|
941
941
|
const E = h.currentTarget, [v, S] = Dr(E);
|
|
942
|
-
v && S ? !h.shiftKey && w === S ? (h.preventDefault(), a &&
|
|
942
|
+
v && S ? !h.shiftKey && w === S ? (h.preventDefault(), a && Se(v, { select: !0 })) : h.shiftKey && w === v && (h.preventDefault(), a && Se(S, { select: !0 })) : w === E && h.preventDefault();
|
|
943
943
|
}
|
|
944
944
|
},
|
|
945
945
|
[a, r, b.paused]
|
|
946
946
|
);
|
|
947
|
-
return /* @__PURE__ */ i(
|
|
947
|
+
return /* @__PURE__ */ i(we.div, { tabIndex: -1, ...c, ref: g, onKeyDown: C });
|
|
948
948
|
});
|
|
949
|
-
|
|
949
|
+
ma.displayName = Ar;
|
|
950
950
|
function Ir(e, { select: t = !1 } = {}) {
|
|
951
951
|
const a = document.activeElement;
|
|
952
952
|
for (const r of e)
|
|
953
|
-
if (
|
|
953
|
+
if (Se(r, { select: t }), document.activeElement !== a) return;
|
|
954
954
|
}
|
|
955
955
|
function Dr(e) {
|
|
956
|
-
const t =
|
|
956
|
+
const t = ga(e), a = Ht(t, e), r = Ht(t.reverse(), e);
|
|
957
957
|
return [a, r];
|
|
958
958
|
}
|
|
959
|
-
function
|
|
959
|
+
function ga(e) {
|
|
960
960
|
const t = [], a = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
|
|
961
961
|
acceptNode: (r) => {
|
|
962
962
|
const n = r.tagName === "INPUT" && r.type === "hidden";
|
|
@@ -966,7 +966,7 @@ function ma(e) {
|
|
|
966
966
|
for (; a.nextNode(); ) t.push(a.currentNode);
|
|
967
967
|
return t;
|
|
968
968
|
}
|
|
969
|
-
function
|
|
969
|
+
function Ht(e, t) {
|
|
970
970
|
for (const a of e)
|
|
971
971
|
if (!Pr(a, { upTo: t })) return a;
|
|
972
972
|
}
|
|
@@ -982,49 +982,49 @@ function Pr(e, { upTo: t }) {
|
|
|
982
982
|
function Lr(e) {
|
|
983
983
|
return e instanceof HTMLInputElement && "select" in e;
|
|
984
984
|
}
|
|
985
|
-
function
|
|
985
|
+
function Se(e, { select: t = !1 } = {}) {
|
|
986
986
|
if (e && e.focus) {
|
|
987
987
|
const a = document.activeElement;
|
|
988
988
|
e.focus({ preventScroll: !0 }), e !== a && Lr(e) && t && e.select();
|
|
989
989
|
}
|
|
990
990
|
}
|
|
991
|
-
var
|
|
991
|
+
var Gt = Or();
|
|
992
992
|
function Or() {
|
|
993
993
|
let e = [];
|
|
994
994
|
return {
|
|
995
995
|
add(t) {
|
|
996
996
|
const a = e[0];
|
|
997
|
-
t !== a && (a == null || a.pause()), e =
|
|
997
|
+
t !== a && (a == null || a.pause()), e = Kt(e, t), e.unshift(t);
|
|
998
998
|
},
|
|
999
999
|
remove(t) {
|
|
1000
1000
|
var a;
|
|
1001
|
-
e =
|
|
1001
|
+
e = Kt(e, t), (a = e[0]) == null || a.resume();
|
|
1002
1002
|
}
|
|
1003
1003
|
};
|
|
1004
1004
|
}
|
|
1005
|
-
function
|
|
1005
|
+
function Kt(e, t) {
|
|
1006
1006
|
const a = [...e], r = a.indexOf(t);
|
|
1007
1007
|
return r !== -1 && a.splice(r, 1), a;
|
|
1008
1008
|
}
|
|
1009
1009
|
function Br(e) {
|
|
1010
1010
|
return e.filter((t) => t.tagName !== "A");
|
|
1011
1011
|
}
|
|
1012
|
-
var _r = "Portal",
|
|
1012
|
+
var _r = "Portal", ha = f.forwardRef((e, t) => {
|
|
1013
1013
|
var l;
|
|
1014
1014
|
const { container: a, ...r } = e, [n, o] = f.useState(!1);
|
|
1015
|
-
|
|
1015
|
+
Ge(() => o(!0), []);
|
|
1016
1016
|
const c = a || n && ((l = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : l.body);
|
|
1017
|
-
return c ?
|
|
1017
|
+
return c ? sa.createPortal(/* @__PURE__ */ i(we.div, { ...r, ref: t }), c) : null;
|
|
1018
1018
|
});
|
|
1019
|
-
|
|
1019
|
+
ha.displayName = _r;
|
|
1020
1020
|
function Fr(e, t) {
|
|
1021
1021
|
return f.useReducer((a, r) => t[a][r] ?? a, e);
|
|
1022
1022
|
}
|
|
1023
|
-
var
|
|
1024
|
-
const { present: t, children: a } = e, r = Wr(t), n = typeof a == "function" ? a({ present: r.isPresent }) : f.Children.only(a), o =
|
|
1023
|
+
var st = (e) => {
|
|
1024
|
+
const { present: t, children: a } = e, r = Wr(t), n = typeof a == "function" ? a({ present: r.isPresent }) : f.Children.only(a), o = Le(r.ref, jr(n));
|
|
1025
1025
|
return typeof a == "function" || r.isPresent ? f.cloneElement(n, { ref: o }) : null;
|
|
1026
1026
|
};
|
|
1027
|
-
|
|
1027
|
+
st.displayName = "Presence";
|
|
1028
1028
|
function Wr(e) {
|
|
1029
1029
|
const [t, a] = f.useState(), r = f.useRef(null), n = f.useRef(e), o = f.useRef("none"), c = e ? "mounted" : "unmounted", [l, u] = Fr(c, {
|
|
1030
1030
|
mounted: {
|
|
@@ -1040,19 +1040,19 @@ function Wr(e) {
|
|
|
1040
1040
|
}
|
|
1041
1041
|
});
|
|
1042
1042
|
return f.useEffect(() => {
|
|
1043
|
-
const d =
|
|
1043
|
+
const d = qe(r.current);
|
|
1044
1044
|
o.current = l === "mounted" ? d : "none";
|
|
1045
|
-
}, [l]),
|
|
1045
|
+
}, [l]), Ge(() => {
|
|
1046
1046
|
const d = r.current, m = n.current;
|
|
1047
1047
|
if (m !== e) {
|
|
1048
|
-
const g = o.current, b =
|
|
1048
|
+
const g = o.current, b = qe(d);
|
|
1049
1049
|
e ? u("MOUNT") : b === "none" || (d == null ? void 0 : d.display) === "none" ? u("UNMOUNT") : u(m && g !== b ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
|
|
1050
1050
|
}
|
|
1051
|
-
}, [e, u]),
|
|
1051
|
+
}, [e, u]), Ge(() => {
|
|
1052
1052
|
if (t) {
|
|
1053
1053
|
let d;
|
|
1054
1054
|
const m = t.ownerDocument.defaultView ?? window, s = (b) => {
|
|
1055
|
-
const h =
|
|
1055
|
+
const h = qe(r.current).includes(CSS.escape(b.animationName));
|
|
1056
1056
|
if (b.target === t && h && (u("ANIMATION_END"), !n.current)) {
|
|
1057
1057
|
const y = t.style.animationFillMode;
|
|
1058
1058
|
t.style.animationFillMode = "forwards", d = m.setTimeout(() => {
|
|
@@ -1060,7 +1060,7 @@ function Wr(e) {
|
|
|
1060
1060
|
});
|
|
1061
1061
|
}
|
|
1062
1062
|
}, g = (b) => {
|
|
1063
|
-
b.target === t && (o.current =
|
|
1063
|
+
b.target === t && (o.current = qe(r.current));
|
|
1064
1064
|
};
|
|
1065
1065
|
return t.addEventListener("animationstart", g), t.addEventListener("animationcancel", s), t.addEventListener("animationend", s), () => {
|
|
1066
1066
|
m.clearTimeout(d), t.removeEventListener("animationstart", g), t.removeEventListener("animationcancel", s), t.removeEventListener("animationend", s);
|
|
@@ -1074,7 +1074,7 @@ function Wr(e) {
|
|
|
1074
1074
|
}, [])
|
|
1075
1075
|
};
|
|
1076
1076
|
}
|
|
1077
|
-
function
|
|
1077
|
+
function qe(e) {
|
|
1078
1078
|
return (e == null ? void 0 : e.animationName) || "none";
|
|
1079
1079
|
}
|
|
1080
1080
|
function jr(e) {
|
|
@@ -1082,29 +1082,29 @@ function jr(e) {
|
|
|
1082
1082
|
let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, a = t && "isReactWarning" in t && t.isReactWarning;
|
|
1083
1083
|
return a ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, a = t && "isReactWarning" in t && t.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
|
|
1084
1084
|
}
|
|
1085
|
-
var
|
|
1085
|
+
var pt = 0;
|
|
1086
1086
|
function $r() {
|
|
1087
1087
|
f.useEffect(() => {
|
|
1088
1088
|
const e = document.querySelectorAll("[data-radix-focus-guard]");
|
|
1089
|
-
return document.body.insertAdjacentElement("afterbegin", e[0] ??
|
|
1090
|
-
|
|
1089
|
+
return document.body.insertAdjacentElement("afterbegin", e[0] ?? Yt()), document.body.insertAdjacentElement("beforeend", e[1] ?? Yt()), pt++, () => {
|
|
1090
|
+
pt === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), pt--;
|
|
1091
1091
|
};
|
|
1092
1092
|
}, []);
|
|
1093
1093
|
}
|
|
1094
|
-
function
|
|
1094
|
+
function Yt() {
|
|
1095
1095
|
const e = document.createElement("span");
|
|
1096
1096
|
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;
|
|
1097
1097
|
}
|
|
1098
|
-
var
|
|
1099
|
-
return
|
|
1098
|
+
var me = function() {
|
|
1099
|
+
return me = Object.assign || function(t) {
|
|
1100
1100
|
for (var a, r = 1, n = arguments.length; r < n; r++) {
|
|
1101
1101
|
a = arguments[r];
|
|
1102
1102
|
for (var o in a) Object.prototype.hasOwnProperty.call(a, o) && (t[o] = a[o]);
|
|
1103
1103
|
}
|
|
1104
1104
|
return t;
|
|
1105
|
-
},
|
|
1105
|
+
}, me.apply(this, arguments);
|
|
1106
1106
|
};
|
|
1107
|
-
function
|
|
1107
|
+
function pa(e, t) {
|
|
1108
1108
|
var a = {};
|
|
1109
1109
|
for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (a[r] = e[r]);
|
|
1110
1110
|
if (e != null && typeof Object.getOwnPropertySymbols == "function")
|
|
@@ -1117,12 +1117,12 @@ function zr(e, t, a) {
|
|
|
1117
1117
|
(o || !(r in t)) && (o || (o = Array.prototype.slice.call(t, 0, r)), o[r] = t[r]);
|
|
1118
1118
|
return e.concat(o || Array.prototype.slice.call(t));
|
|
1119
1119
|
}
|
|
1120
|
-
var
|
|
1121
|
-
function
|
|
1120
|
+
var rt = "right-scroll-bar-position", nt = "width-before-scroll-bar", Vr = "with-scroll-bars-hidden", Ur = "--removed-body-scroll-bar-size";
|
|
1121
|
+
function vt(e, t) {
|
|
1122
1122
|
return typeof e == "function" ? e(t) : e && (e.current = t), e;
|
|
1123
1123
|
}
|
|
1124
1124
|
function Hr(e, t) {
|
|
1125
|
-
var a =
|
|
1125
|
+
var a = W(function() {
|
|
1126
1126
|
return {
|
|
1127
1127
|
// value
|
|
1128
1128
|
value: e,
|
|
@@ -1142,24 +1142,24 @@ function Hr(e, t) {
|
|
|
1142
1142
|
})[0];
|
|
1143
1143
|
return a.callback = t, a.facade;
|
|
1144
1144
|
}
|
|
1145
|
-
var Gr = typeof window < "u" ? f.useLayoutEffect : f.useEffect,
|
|
1145
|
+
var Gr = typeof window < "u" ? f.useLayoutEffect : f.useEffect, Zt = /* @__PURE__ */ new WeakMap();
|
|
1146
1146
|
function Kr(e, t) {
|
|
1147
1147
|
var a = Hr(null, function(r) {
|
|
1148
1148
|
return e.forEach(function(n) {
|
|
1149
|
-
return
|
|
1149
|
+
return vt(n, r);
|
|
1150
1150
|
});
|
|
1151
1151
|
});
|
|
1152
1152
|
return Gr(function() {
|
|
1153
|
-
var r =
|
|
1153
|
+
var r = Zt.get(a);
|
|
1154
1154
|
if (r) {
|
|
1155
1155
|
var n = new Set(r), o = new Set(e), c = a.current;
|
|
1156
1156
|
n.forEach(function(l) {
|
|
1157
|
-
o.has(l) ||
|
|
1157
|
+
o.has(l) || vt(l, null);
|
|
1158
1158
|
}), o.forEach(function(l) {
|
|
1159
|
-
n.has(l) ||
|
|
1159
|
+
n.has(l) || vt(l, c);
|
|
1160
1160
|
});
|
|
1161
1161
|
}
|
|
1162
|
-
|
|
1162
|
+
Zt.set(a, e);
|
|
1163
1163
|
}, [e]), a;
|
|
1164
1164
|
}
|
|
1165
1165
|
function Yr(e) {
|
|
@@ -1223,43 +1223,43 @@ function Zr(e, t) {
|
|
|
1223
1223
|
function Xr(e) {
|
|
1224
1224
|
e === void 0 && (e = {});
|
|
1225
1225
|
var t = Zr(null);
|
|
1226
|
-
return t.options =
|
|
1226
|
+
return t.options = me({ async: !0, ssr: !1 }, e), t;
|
|
1227
1227
|
}
|
|
1228
|
-
var
|
|
1229
|
-
var t = e.sideCar, a =
|
|
1228
|
+
var va = function(e) {
|
|
1229
|
+
var t = e.sideCar, a = pa(e, ["sideCar"]);
|
|
1230
1230
|
if (!t)
|
|
1231
1231
|
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
1232
1232
|
var r = t.read();
|
|
1233
1233
|
if (!r)
|
|
1234
1234
|
throw new Error("Sidecar medium not found");
|
|
1235
|
-
return f.createElement(r,
|
|
1235
|
+
return f.createElement(r, me({}, a));
|
|
1236
1236
|
};
|
|
1237
|
-
|
|
1237
|
+
va.isSideCarExport = !0;
|
|
1238
1238
|
function qr(e, t) {
|
|
1239
|
-
return e.useMedium(t),
|
|
1239
|
+
return e.useMedium(t), va;
|
|
1240
1240
|
}
|
|
1241
|
-
var
|
|
1242
|
-
},
|
|
1241
|
+
var ba = Xr(), bt = function() {
|
|
1242
|
+
}, it = f.forwardRef(function(e, t) {
|
|
1243
1243
|
var a = f.useRef(null), r = f.useState({
|
|
1244
|
-
onScrollCapture:
|
|
1245
|
-
onWheelCapture:
|
|
1246
|
-
onTouchMoveCapture:
|
|
1247
|
-
}), n = r[0], o = r[1], c = e.forwardProps, l = e.children, u = e.className, d = e.removeScrollBar, m = e.enabled, s = e.shards, g = e.sideCar, b = e.noRelative, C = e.noIsolation, h = e.inert, y = e.allowPinchZoom, w = e.as, E = w === void 0 ? "div" : w, v = e.gapMode, S =
|
|
1244
|
+
onScrollCapture: bt,
|
|
1245
|
+
onWheelCapture: bt,
|
|
1246
|
+
onTouchMoveCapture: bt
|
|
1247
|
+
}), n = r[0], o = r[1], c = e.forwardProps, l = e.children, u = e.className, d = e.removeScrollBar, m = e.enabled, s = e.shards, g = e.sideCar, b = e.noRelative, C = e.noIsolation, h = e.inert, y = e.allowPinchZoom, w = e.as, E = w === void 0 ? "div" : w, v = e.gapMode, S = pa(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), M = g, P = Kr([a, t]), k = me(me({}, S), n);
|
|
1248
1248
|
return f.createElement(
|
|
1249
1249
|
f.Fragment,
|
|
1250
1250
|
null,
|
|
1251
|
-
m && f.createElement(M, { sideCar:
|
|
1252
|
-
c ? f.cloneElement(f.Children.only(l),
|
|
1251
|
+
m && f.createElement(M, { sideCar: ba, removeScrollBar: d, shards: s, noRelative: b, noIsolation: C, inert: h, setCallbacks: o, allowPinchZoom: !!y, lockRef: a, gapMode: v }),
|
|
1252
|
+
c ? f.cloneElement(f.Children.only(l), me(me({}, k), { ref: P })) : f.createElement(E, me({}, k, { className: u, ref: P }), l)
|
|
1253
1253
|
);
|
|
1254
1254
|
});
|
|
1255
|
-
|
|
1255
|
+
it.defaultProps = {
|
|
1256
1256
|
enabled: !0,
|
|
1257
1257
|
removeScrollBar: !0,
|
|
1258
1258
|
inert: !1
|
|
1259
1259
|
};
|
|
1260
|
-
|
|
1261
|
-
fullWidth:
|
|
1262
|
-
zeroRight:
|
|
1260
|
+
it.classNames = {
|
|
1261
|
+
fullWidth: nt,
|
|
1262
|
+
zeroRight: rt
|
|
1263
1263
|
};
|
|
1264
1264
|
var Jr = function() {
|
|
1265
1265
|
if (typeof __webpack_nonce__ < "u")
|
|
@@ -1299,7 +1299,7 @@ var an = function() {
|
|
|
1299
1299
|
};
|
|
1300
1300
|
}, [t && a]);
|
|
1301
1301
|
};
|
|
1302
|
-
},
|
|
1302
|
+
}, ya = function() {
|
|
1303
1303
|
var e = rn(), t = function(a) {
|
|
1304
1304
|
var r = a.styles, n = a.dynamic;
|
|
1305
1305
|
return e(r, n), null;
|
|
@@ -1310,11 +1310,11 @@ var an = function() {
|
|
|
1310
1310
|
top: 0,
|
|
1311
1311
|
right: 0,
|
|
1312
1312
|
gap: 0
|
|
1313
|
-
},
|
|
1313
|
+
}, yt = function(e) {
|
|
1314
1314
|
return parseInt(e || "", 10) || 0;
|
|
1315
1315
|
}, on = function(e) {
|
|
1316
1316
|
var t = window.getComputedStyle(document.body), a = t[e === "padding" ? "paddingLeft" : "marginLeft"], r = t[e === "padding" ? "paddingTop" : "marginTop"], n = t[e === "padding" ? "paddingRight" : "marginRight"];
|
|
1317
|
-
return [
|
|
1317
|
+
return [yt(a), yt(r), yt(n)];
|
|
1318
1318
|
}, sn = function(e) {
|
|
1319
1319
|
if (e === void 0 && (e = "margin"), typeof window > "u")
|
|
1320
1320
|
return nn;
|
|
@@ -1325,14 +1325,14 @@ var an = function() {
|
|
|
1325
1325
|
right: t[2],
|
|
1326
1326
|
gap: Math.max(0, r - a + t[2] - t[0])
|
|
1327
1327
|
};
|
|
1328
|
-
}, ln =
|
|
1328
|
+
}, ln = ya(), ze = "data-scroll-locked", cn = function(e, t, a, r) {
|
|
1329
1329
|
var n = e.left, o = e.top, c = e.right, l = e.gap;
|
|
1330
1330
|
return a === void 0 && (a = "margin"), `
|
|
1331
1331
|
.`.concat(Vr, ` {
|
|
1332
1332
|
overflow: hidden `).concat(r, `;
|
|
1333
1333
|
padding-right: `).concat(l, "px ").concat(r, `;
|
|
1334
1334
|
}
|
|
1335
|
-
body[`).concat(
|
|
1335
|
+
body[`).concat(ze, `] {
|
|
1336
1336
|
overflow: hidden `).concat(r, `;
|
|
1337
1337
|
overscroll-behavior: contain;
|
|
1338
1338
|
`).concat([
|
|
@@ -1349,34 +1349,34 @@ var an = function() {
|
|
|
1349
1349
|
].filter(Boolean).join(""), `
|
|
1350
1350
|
}
|
|
1351
1351
|
|
|
1352
|
-
.`).concat(
|
|
1352
|
+
.`).concat(rt, ` {
|
|
1353
1353
|
right: `).concat(l, "px ").concat(r, `;
|
|
1354
1354
|
}
|
|
1355
1355
|
|
|
1356
|
-
.`).concat(
|
|
1356
|
+
.`).concat(nt, ` {
|
|
1357
1357
|
margin-right: `).concat(l, "px ").concat(r, `;
|
|
1358
1358
|
}
|
|
1359
1359
|
|
|
1360
|
-
.`).concat(
|
|
1360
|
+
.`).concat(rt, " .").concat(rt, ` {
|
|
1361
1361
|
right: 0 `).concat(r, `;
|
|
1362
1362
|
}
|
|
1363
1363
|
|
|
1364
|
-
.`).concat(
|
|
1364
|
+
.`).concat(nt, " .").concat(nt, ` {
|
|
1365
1365
|
margin-right: 0 `).concat(r, `;
|
|
1366
1366
|
}
|
|
1367
1367
|
|
|
1368
|
-
body[`).concat(
|
|
1368
|
+
body[`).concat(ze, `] {
|
|
1369
1369
|
`).concat(Ur, ": ").concat(l, `px;
|
|
1370
1370
|
}
|
|
1371
1371
|
`);
|
|
1372
|
-
},
|
|
1373
|
-
var e = parseInt(document.body.getAttribute(
|
|
1372
|
+
}, Xt = function() {
|
|
1373
|
+
var e = parseInt(document.body.getAttribute(ze) || "0", 10);
|
|
1374
1374
|
return isFinite(e) ? e : 0;
|
|
1375
1375
|
}, dn = function() {
|
|
1376
1376
|
f.useEffect(function() {
|
|
1377
|
-
return document.body.setAttribute(
|
|
1378
|
-
var e =
|
|
1379
|
-
e <= 0 ? document.body.removeAttribute(
|
|
1377
|
+
return document.body.setAttribute(ze, (Xt() + 1).toString()), function() {
|
|
1378
|
+
var e = Xt() - 1;
|
|
1379
|
+
e <= 0 ? document.body.removeAttribute(ze) : document.body.setAttribute(ze, e.toString());
|
|
1380
1380
|
};
|
|
1381
1381
|
}, []);
|
|
1382
1382
|
}, un = function(e) {
|
|
@@ -1386,21 +1386,21 @@ var an = function() {
|
|
|
1386
1386
|
return sn(n);
|
|
1387
1387
|
}, [n]);
|
|
1388
1388
|
return f.createElement(ln, { styles: cn(o, !t, n, a ? "" : "!important") });
|
|
1389
|
-
},
|
|
1389
|
+
}, Nt = !1;
|
|
1390
1390
|
if (typeof window < "u")
|
|
1391
1391
|
try {
|
|
1392
|
-
var
|
|
1392
|
+
var Je = Object.defineProperty({}, "passive", {
|
|
1393
1393
|
get: function() {
|
|
1394
|
-
return
|
|
1394
|
+
return Nt = !0, !0;
|
|
1395
1395
|
}
|
|
1396
1396
|
});
|
|
1397
|
-
window.addEventListener("test",
|
|
1397
|
+
window.addEventListener("test", Je, Je), window.removeEventListener("test", Je, Je);
|
|
1398
1398
|
} catch {
|
|
1399
|
-
|
|
1399
|
+
Nt = !1;
|
|
1400
1400
|
}
|
|
1401
|
-
var
|
|
1401
|
+
var Fe = Nt ? { passive: !1 } : !1, fn = function(e) {
|
|
1402
1402
|
return e.tagName === "TEXTAREA";
|
|
1403
|
-
},
|
|
1403
|
+
}, xa = function(e, t) {
|
|
1404
1404
|
if (!(e instanceof Element))
|
|
1405
1405
|
return !1;
|
|
1406
1406
|
var a = window.getComputedStyle(e);
|
|
@@ -1410,16 +1410,16 @@ var Le = wt ? { passive: !1 } : !1, fn = function(e) {
|
|
|
1410
1410
|
!(a.overflowY === a.overflowX && !fn(e) && a[t] === "visible")
|
|
1411
1411
|
);
|
|
1412
1412
|
}, mn = function(e) {
|
|
1413
|
-
return
|
|
1413
|
+
return xa(e, "overflowY");
|
|
1414
1414
|
}, gn = function(e) {
|
|
1415
|
-
return
|
|
1416
|
-
},
|
|
1415
|
+
return xa(e, "overflowX");
|
|
1416
|
+
}, qt = function(e, t) {
|
|
1417
1417
|
var a = t.ownerDocument, r = t;
|
|
1418
1418
|
do {
|
|
1419
1419
|
typeof ShadowRoot < "u" && r instanceof ShadowRoot && (r = r.host);
|
|
1420
|
-
var n =
|
|
1420
|
+
var n = wa(e, r);
|
|
1421
1421
|
if (n) {
|
|
1422
|
-
var o =
|
|
1422
|
+
var o = Ca(e, r), c = o[1], l = o[2];
|
|
1423
1423
|
if (c > l)
|
|
1424
1424
|
return !0;
|
|
1425
1425
|
}
|
|
@@ -1440,9 +1440,9 @@ var Le = wt ? { passive: !1 } : !1, fn = function(e) {
|
|
|
1440
1440
|
a,
|
|
1441
1441
|
r
|
|
1442
1442
|
];
|
|
1443
|
-
}, xa = function(e, t) {
|
|
1444
|
-
return e === "v" ? mn(t) : gn(t);
|
|
1445
1443
|
}, wa = function(e, t) {
|
|
1444
|
+
return e === "v" ? mn(t) : gn(t);
|
|
1445
|
+
}, Ca = function(e, t) {
|
|
1446
1446
|
return e === "v" ? hn(t) : pn(t);
|
|
1447
1447
|
}, vn = function(e, t) {
|
|
1448
1448
|
return e === "h" && t === "rtl" ? -1 : 1;
|
|
@@ -1451,8 +1451,8 @@ var Le = wt ? { passive: !1 } : !1, fn = function(e) {
|
|
|
1451
1451
|
do {
|
|
1452
1452
|
if (!l)
|
|
1453
1453
|
break;
|
|
1454
|
-
var b =
|
|
1455
|
-
(C || w) &&
|
|
1454
|
+
var b = Ca(e, l), C = b[0], h = b[1], y = b[2], w = h - y - o * C;
|
|
1455
|
+
(C || w) && wa(e, l) && (s += w, g += C);
|
|
1456
1456
|
var E = l.parentNode;
|
|
1457
1457
|
l = E && E.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? E.host : E;
|
|
1458
1458
|
} while (
|
|
@@ -1461,11 +1461,11 @@ var Le = wt ? { passive: !1 } : !1, fn = function(e) {
|
|
|
1461
1461
|
u && (t.contains(l) || t === l)
|
|
1462
1462
|
);
|
|
1463
1463
|
return (m && Math.abs(s) < 1 || !m && Math.abs(g) < 1) && (d = !0), d;
|
|
1464
|
-
},
|
|
1464
|
+
}, Qe = function(e) {
|
|
1465
1465
|
return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
|
|
1466
|
-
}, qt = function(e) {
|
|
1467
|
-
return [e.deltaX, e.deltaY];
|
|
1468
1466
|
}, Jt = function(e) {
|
|
1467
|
+
return [e.deltaX, e.deltaY];
|
|
1468
|
+
}, Qt = function(e) {
|
|
1469
1469
|
return e && "current" in e ? e.current : e;
|
|
1470
1470
|
}, yn = function(e, t) {
|
|
1471
1471
|
return e[0] === t[0] && e[1] === t[1];
|
|
@@ -1474,15 +1474,15 @@ var Le = wt ? { passive: !1 } : !1, fn = function(e) {
|
|
|
1474
1474
|
.block-interactivity-`.concat(e, ` {pointer-events: none;}
|
|
1475
1475
|
.allow-interactivity-`).concat(e, ` {pointer-events: all;}
|
|
1476
1476
|
`);
|
|
1477
|
-
}, wn = 0,
|
|
1477
|
+
}, wn = 0, We = [];
|
|
1478
1478
|
function Cn(e) {
|
|
1479
|
-
var t = f.useRef([]), a = f.useRef([0, 0]), r = f.useRef(), n = f.useState(wn++)[0], o = f.useState(
|
|
1479
|
+
var t = f.useRef([]), a = f.useRef([0, 0]), r = f.useRef(), n = f.useState(wn++)[0], o = f.useState(ya)[0], c = f.useRef(e);
|
|
1480
1480
|
f.useEffect(function() {
|
|
1481
1481
|
c.current = e;
|
|
1482
1482
|
}, [e]), f.useEffect(function() {
|
|
1483
1483
|
if (e.inert) {
|
|
1484
1484
|
document.body.classList.add("block-interactivity-".concat(n));
|
|
1485
|
-
var h = zr([e.lockRef.current], (e.shards || []).map(
|
|
1485
|
+
var h = zr([e.lockRef.current], (e.shards || []).map(Qt), !0).filter(Boolean);
|
|
1486
1486
|
return h.forEach(function(y) {
|
|
1487
1487
|
return y.classList.add("allow-interactivity-".concat(n));
|
|
1488
1488
|
}), function() {
|
|
@@ -1495,13 +1495,13 @@ function Cn(e) {
|
|
|
1495
1495
|
var l = f.useCallback(function(h, y) {
|
|
1496
1496
|
if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
|
|
1497
1497
|
return !c.current.allowPinchZoom;
|
|
1498
|
-
var w =
|
|
1499
|
-
if ("touches" in h &&
|
|
1498
|
+
var w = Qe(h), E = a.current, v = "deltaX" in h ? h.deltaX : E[0] - w[0], S = "deltaY" in h ? h.deltaY : E[1] - w[1], M, P = h.target, k = Math.abs(v) > Math.abs(S) ? "h" : "v";
|
|
1499
|
+
if ("touches" in h && k === "h" && P.type === "range")
|
|
1500
1500
|
return !1;
|
|
1501
|
-
var F =
|
|
1501
|
+
var F = qt(k, P);
|
|
1502
1502
|
if (!F)
|
|
1503
1503
|
return !0;
|
|
1504
|
-
if (F ? M =
|
|
1504
|
+
if (F ? M = k : (M = k === "v" ? "h" : "v", F = qt(k, P)), !F)
|
|
1505
1505
|
return !1;
|
|
1506
1506
|
if (!r.current && "changedTouches" in h && (v || S) && (r.current = M), !M)
|
|
1507
1507
|
return !0;
|
|
@@ -1509,8 +1509,8 @@ function Cn(e) {
|
|
|
1509
1509
|
return bn($, y, h, $ === "h" ? v : S);
|
|
1510
1510
|
}, []), u = f.useCallback(function(h) {
|
|
1511
1511
|
var y = h;
|
|
1512
|
-
if (!(!
|
|
1513
|
-
var w = "deltaY" in y ?
|
|
1512
|
+
if (!(!We.length || We[We.length - 1] !== o)) {
|
|
1513
|
+
var w = "deltaY" in y ? Jt(y) : Qe(y), E = t.current.filter(function(M) {
|
|
1514
1514
|
return M.name === y.type && (M.target === y.target || y.target === M.shadowParent) && yn(M.delta, w);
|
|
1515
1515
|
})[0];
|
|
1516
1516
|
if (E && E.should) {
|
|
@@ -1518,7 +1518,7 @@ function Cn(e) {
|
|
|
1518
1518
|
return;
|
|
1519
1519
|
}
|
|
1520
1520
|
if (!E) {
|
|
1521
|
-
var v = (c.current.shards || []).map(
|
|
1521
|
+
var v = (c.current.shards || []).map(Qt).filter(Boolean).filter(function(M) {
|
|
1522
1522
|
return M.contains(y.target);
|
|
1523
1523
|
}), S = v.length > 0 ? l(y, v[0]) : !c.current.noIsolation;
|
|
1524
1524
|
S && y.cancelable && y.preventDefault();
|
|
@@ -1532,21 +1532,21 @@ function Cn(e) {
|
|
|
1532
1532
|
});
|
|
1533
1533
|
}, 1);
|
|
1534
1534
|
}, []), m = f.useCallback(function(h) {
|
|
1535
|
-
a.current =
|
|
1535
|
+
a.current = Qe(h), r.current = void 0;
|
|
1536
1536
|
}, []), s = f.useCallback(function(h) {
|
|
1537
|
-
d(h.type,
|
|
1537
|
+
d(h.type, Jt(h), h.target, l(h, e.lockRef.current));
|
|
1538
1538
|
}, []), g = f.useCallback(function(h) {
|
|
1539
|
-
d(h.type,
|
|
1539
|
+
d(h.type, Qe(h), h.target, l(h, e.lockRef.current));
|
|
1540
1540
|
}, []);
|
|
1541
1541
|
f.useEffect(function() {
|
|
1542
|
-
return
|
|
1542
|
+
return We.push(o), e.setCallbacks({
|
|
1543
1543
|
onScrollCapture: s,
|
|
1544
1544
|
onWheelCapture: s,
|
|
1545
1545
|
onTouchMoveCapture: g
|
|
1546
|
-
}), document.addEventListener("wheel", u,
|
|
1547
|
-
|
|
1546
|
+
}), document.addEventListener("wheel", u, Fe), document.addEventListener("touchmove", u, Fe), document.addEventListener("touchstart", m, Fe), function() {
|
|
1547
|
+
We = We.filter(function(h) {
|
|
1548
1548
|
return h !== o;
|
|
1549
|
-
}), document.removeEventListener("wheel", u,
|
|
1549
|
+
}), document.removeEventListener("wheel", u, Fe), document.removeEventListener("touchmove", u, Fe), document.removeEventListener("touchstart", m, Fe);
|
|
1550
1550
|
};
|
|
1551
1551
|
}, []);
|
|
1552
1552
|
var b = e.removeScrollBar, C = e.inert;
|
|
@@ -1562,31 +1562,31 @@ function Nn(e) {
|
|
|
1562
1562
|
e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
|
|
1563
1563
|
return t;
|
|
1564
1564
|
}
|
|
1565
|
-
const En = qr(
|
|
1566
|
-
var
|
|
1567
|
-
return f.createElement(
|
|
1565
|
+
const En = qr(ba, Cn);
|
|
1566
|
+
var Na = f.forwardRef(function(e, t) {
|
|
1567
|
+
return f.createElement(it, me({}, e, { ref: t, sideCar: En }));
|
|
1568
1568
|
});
|
|
1569
|
-
|
|
1569
|
+
Na.classNames = it.classNames;
|
|
1570
1570
|
var Sn = function(e) {
|
|
1571
1571
|
if (typeof document > "u")
|
|
1572
1572
|
return null;
|
|
1573
1573
|
var t = Array.isArray(e) ? e[0] : e;
|
|
1574
1574
|
return t.ownerDocument.body;
|
|
1575
|
-
},
|
|
1576
|
-
return e && (e.host ||
|
|
1575
|
+
}, je = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), tt = {}, xt = 0, Ea = function(e) {
|
|
1576
|
+
return e && (e.host || Ea(e.parentNode));
|
|
1577
1577
|
}, kn = function(e, t) {
|
|
1578
1578
|
return t.map(function(a) {
|
|
1579
1579
|
if (e.contains(a))
|
|
1580
1580
|
return a;
|
|
1581
|
-
var r =
|
|
1581
|
+
var r = Ea(a);
|
|
1582
1582
|
return r && e.contains(r) ? r : (console.error("aria-hidden", a, "in not contained inside", e, ". Doing nothing"), null);
|
|
1583
1583
|
}).filter(function(a) {
|
|
1584
1584
|
return !!a;
|
|
1585
1585
|
});
|
|
1586
1586
|
}, Tn = function(e, t, a, r) {
|
|
1587
1587
|
var n = kn(t, Array.isArray(e) ? e : [e]);
|
|
1588
|
-
|
|
1589
|
-
var o =
|
|
1588
|
+
tt[a] || (tt[a] = /* @__PURE__ */ new WeakMap());
|
|
1589
|
+
var o = tt[a], c = [], l = /* @__PURE__ */ new Set(), u = new Set(n), d = function(s) {
|
|
1590
1590
|
!s || l.has(s) || (l.add(s), d(s.parentNode));
|
|
1591
1591
|
};
|
|
1592
1592
|
n.forEach(d);
|
|
@@ -1596,18 +1596,18 @@ var Sn = function(e) {
|
|
|
1596
1596
|
m(g);
|
|
1597
1597
|
else
|
|
1598
1598
|
try {
|
|
1599
|
-
var b = g.getAttribute(r), C = b !== null && b !== "false", h = (
|
|
1600
|
-
|
|
1599
|
+
var b = g.getAttribute(r), C = b !== null && b !== "false", h = (je.get(g) || 0) + 1, y = (o.get(g) || 0) + 1;
|
|
1600
|
+
je.set(g, h), o.set(g, y), c.push(g), h === 1 && C && et.set(g, !0), y === 1 && g.setAttribute(a, "true"), C || g.setAttribute(r, "true");
|
|
1601
1601
|
} catch (w) {
|
|
1602
1602
|
console.error("aria-hidden: cannot operate on ", g, w);
|
|
1603
1603
|
}
|
|
1604
1604
|
});
|
|
1605
1605
|
};
|
|
1606
|
-
return m(t), l.clear(),
|
|
1606
|
+
return m(t), l.clear(), xt++, function() {
|
|
1607
1607
|
c.forEach(function(s) {
|
|
1608
|
-
var g =
|
|
1609
|
-
|
|
1610
|
-
}),
|
|
1608
|
+
var g = je.get(s) - 1, b = o.get(s) - 1;
|
|
1609
|
+
je.set(s, g), o.set(s, b), g || (et.has(s) || s.removeAttribute(r), et.delete(s)), b || s.removeAttribute(a);
|
|
1610
|
+
}), xt--, xt || (je = /* @__PURE__ */ new WeakMap(), je = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), tt = {});
|
|
1611
1611
|
};
|
|
1612
1612
|
}, Mn = function(e, t, a) {
|
|
1613
1613
|
a === void 0 && (a = "data-aria-hidden");
|
|
@@ -1615,7 +1615,7 @@ var Sn = function(e) {
|
|
|
1615
1615
|
return n ? (r.push.apply(r, Array.from(n.querySelectorAll("[aria-live], script"))), Tn(r, n, a, "aria-hidden")) : function() {
|
|
1616
1616
|
return null;
|
|
1617
1617
|
};
|
|
1618
|
-
},
|
|
1618
|
+
}, lt = "Dialog", [Sa] = ir(lt), [Rn, le] = Sa(lt), ka = (e) => {
|
|
1619
1619
|
const {
|
|
1620
1620
|
__scopeDialog: t,
|
|
1621
1621
|
children: a,
|
|
@@ -1627,7 +1627,7 @@ var Sn = function(e) {
|
|
|
1627
1627
|
prop: r,
|
|
1628
1628
|
defaultProp: n ?? !1,
|
|
1629
1629
|
onChange: o,
|
|
1630
|
-
caller:
|
|
1630
|
+
caller: lt
|
|
1631
1631
|
});
|
|
1632
1632
|
return /* @__PURE__ */ i(
|
|
1633
1633
|
Rn,
|
|
@@ -1635,9 +1635,9 @@ var Sn = function(e) {
|
|
|
1635
1635
|
scope: t,
|
|
1636
1636
|
triggerRef: l,
|
|
1637
1637
|
contentRef: u,
|
|
1638
|
-
contentId:
|
|
1639
|
-
titleId:
|
|
1640
|
-
descriptionId:
|
|
1638
|
+
contentId: mt(),
|
|
1639
|
+
titleId: mt(),
|
|
1640
|
+
descriptionId: mt(),
|
|
1641
1641
|
open: d,
|
|
1642
1642
|
onOpenChange: m,
|
|
1643
1643
|
onOpenToggle: f.useCallback(() => m((s) => !s), [m]),
|
|
@@ -1646,50 +1646,50 @@ var Sn = function(e) {
|
|
|
1646
1646
|
}
|
|
1647
1647
|
);
|
|
1648
1648
|
};
|
|
1649
|
-
|
|
1650
|
-
var
|
|
1649
|
+
ka.displayName = lt;
|
|
1650
|
+
var Ta = "DialogTrigger", An = f.forwardRef(
|
|
1651
1651
|
(e, t) => {
|
|
1652
|
-
const { __scopeDialog: a, ...r } = e, n =
|
|
1652
|
+
const { __scopeDialog: a, ...r } = e, n = le(Ta, a), o = Le(t, n.triggerRef);
|
|
1653
1653
|
return /* @__PURE__ */ i(
|
|
1654
|
-
|
|
1654
|
+
we.button,
|
|
1655
1655
|
{
|
|
1656
1656
|
type: "button",
|
|
1657
1657
|
"aria-haspopup": "dialog",
|
|
1658
1658
|
"aria-expanded": n.open,
|
|
1659
1659
|
"aria-controls": n.contentId,
|
|
1660
|
-
"data-state":
|
|
1660
|
+
"data-state": Rt(n.open),
|
|
1661
1661
|
...r,
|
|
1662
1662
|
ref: o,
|
|
1663
|
-
onClick:
|
|
1663
|
+
onClick: ke(e.onClick, n.onOpenToggle)
|
|
1664
1664
|
}
|
|
1665
1665
|
);
|
|
1666
1666
|
}
|
|
1667
1667
|
);
|
|
1668
|
-
An.displayName =
|
|
1669
|
-
var
|
|
1668
|
+
An.displayName = Ta;
|
|
1669
|
+
var Tt = "DialogPortal", [In, Ma] = Sa(Tt, {
|
|
1670
1670
|
forceMount: void 0
|
|
1671
|
-
}),
|
|
1672
|
-
const { __scopeDialog: t, forceMount: a, children: r, container: n } = e, o =
|
|
1673
|
-
return /* @__PURE__ */ i(In, { scope: t, forceMount: a, children: f.Children.map(r, (c) => /* @__PURE__ */ i(
|
|
1671
|
+
}), Ra = (e) => {
|
|
1672
|
+
const { __scopeDialog: t, forceMount: a, children: r, container: n } = e, o = le(Tt, t);
|
|
1673
|
+
return /* @__PURE__ */ i(In, { scope: t, forceMount: a, children: f.Children.map(r, (c) => /* @__PURE__ */ i(st, { present: a || o.open, children: /* @__PURE__ */ i(ha, { asChild: !0, container: n, children: c }) })) });
|
|
1674
1674
|
};
|
|
1675
|
-
|
|
1676
|
-
var
|
|
1675
|
+
Ra.displayName = Tt;
|
|
1676
|
+
var ot = "DialogOverlay", Aa = f.forwardRef(
|
|
1677
1677
|
(e, t) => {
|
|
1678
|
-
const a =
|
|
1679
|
-
return o.modal ? /* @__PURE__ */ i(
|
|
1678
|
+
const a = Ma(ot, e.__scopeDialog), { forceMount: r = a.forceMount, ...n } = e, o = le(ot, e.__scopeDialog);
|
|
1679
|
+
return o.modal ? /* @__PURE__ */ i(st, { present: r || o.open, children: /* @__PURE__ */ i(Pn, { ...n, ref: t }) }) : null;
|
|
1680
1680
|
}
|
|
1681
1681
|
);
|
|
1682
|
-
|
|
1683
|
-
var Dn = /* @__PURE__ */
|
|
1682
|
+
Aa.displayName = ot;
|
|
1683
|
+
var Dn = /* @__PURE__ */ ca("DialogOverlay.RemoveScroll"), Pn = f.forwardRef(
|
|
1684
1684
|
(e, t) => {
|
|
1685
|
-
const { __scopeDialog: a, ...r } = e, n =
|
|
1685
|
+
const { __scopeDialog: a, ...r } = e, n = le(ot, a);
|
|
1686
1686
|
return (
|
|
1687
1687
|
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
1688
1688
|
// ie. when `Overlay` and `Content` are siblings
|
|
1689
|
-
/* @__PURE__ */ i(
|
|
1690
|
-
|
|
1689
|
+
/* @__PURE__ */ i(Na, { as: Dn, allowPinchZoom: !0, shards: [n.contentRef], children: /* @__PURE__ */ i(
|
|
1690
|
+
we.div,
|
|
1691
1691
|
{
|
|
1692
|
-
"data-state":
|
|
1692
|
+
"data-state": Rt(n.open),
|
|
1693
1693
|
...r,
|
|
1694
1694
|
ref: t,
|
|
1695
1695
|
style: { pointerEvents: "auto", ...r.style }
|
|
@@ -1697,35 +1697,35 @@ var Dn = /* @__PURE__ */ la("DialogOverlay.RemoveScroll"), Pn = f.forwardRef(
|
|
|
1697
1697
|
) })
|
|
1698
1698
|
);
|
|
1699
1699
|
}
|
|
1700
|
-
),
|
|
1700
|
+
), Pe = "DialogContent", Ia = f.forwardRef(
|
|
1701
1701
|
(e, t) => {
|
|
1702
|
-
const a =
|
|
1703
|
-
return /* @__PURE__ */ i(
|
|
1702
|
+
const a = Ma(Pe, e.__scopeDialog), { forceMount: r = a.forceMount, ...n } = e, o = le(Pe, e.__scopeDialog);
|
|
1703
|
+
return /* @__PURE__ */ i(st, { present: r || o.open, children: o.modal ? /* @__PURE__ */ i(Ln, { ...n, ref: t }) : /* @__PURE__ */ i(On, { ...n, ref: t }) });
|
|
1704
1704
|
}
|
|
1705
1705
|
);
|
|
1706
|
-
|
|
1706
|
+
Ia.displayName = Pe;
|
|
1707
1707
|
var Ln = f.forwardRef(
|
|
1708
1708
|
(e, t) => {
|
|
1709
|
-
const a =
|
|
1709
|
+
const a = le(Pe, e.__scopeDialog), r = f.useRef(null), n = Le(t, a.contentRef, r);
|
|
1710
1710
|
return f.useEffect(() => {
|
|
1711
1711
|
const o = r.current;
|
|
1712
1712
|
if (o) return Mn(o);
|
|
1713
1713
|
}, []), /* @__PURE__ */ i(
|
|
1714
|
-
|
|
1714
|
+
Da,
|
|
1715
1715
|
{
|
|
1716
1716
|
...e,
|
|
1717
1717
|
ref: n,
|
|
1718
1718
|
trapFocus: a.open,
|
|
1719
1719
|
disableOutsidePointerEvents: !0,
|
|
1720
|
-
onCloseAutoFocus:
|
|
1720
|
+
onCloseAutoFocus: ke(e.onCloseAutoFocus, (o) => {
|
|
1721
1721
|
var c;
|
|
1722
1722
|
o.preventDefault(), (c = a.triggerRef.current) == null || c.focus();
|
|
1723
1723
|
}),
|
|
1724
|
-
onPointerDownOutside:
|
|
1724
|
+
onPointerDownOutside: ke(e.onPointerDownOutside, (o) => {
|
|
1725
1725
|
const c = o.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
|
|
1726
1726
|
(c.button === 2 || l) && o.preventDefault();
|
|
1727
1727
|
}),
|
|
1728
|
-
onFocusOutside:
|
|
1728
|
+
onFocusOutside: ke(
|
|
1729
1729
|
e.onFocusOutside,
|
|
1730
1730
|
(o) => o.preventDefault()
|
|
1731
1731
|
)
|
|
@@ -1734,9 +1734,9 @@ var Ln = f.forwardRef(
|
|
|
1734
1734
|
}
|
|
1735
1735
|
), On = f.forwardRef(
|
|
1736
1736
|
(e, t) => {
|
|
1737
|
-
const a =
|
|
1737
|
+
const a = le(Pe, e.__scopeDialog), r = f.useRef(!1), n = f.useRef(!1);
|
|
1738
1738
|
return /* @__PURE__ */ i(
|
|
1739
|
-
|
|
1739
|
+
Da,
|
|
1740
1740
|
{
|
|
1741
1741
|
...e,
|
|
1742
1742
|
ref: t,
|
|
@@ -1755,12 +1755,12 @@ var Ln = f.forwardRef(
|
|
|
1755
1755
|
}
|
|
1756
1756
|
);
|
|
1757
1757
|
}
|
|
1758
|
-
),
|
|
1758
|
+
), Da = f.forwardRef(
|
|
1759
1759
|
(e, t) => {
|
|
1760
|
-
const { __scopeDialog: a, trapFocus: r, onOpenAutoFocus: n, onCloseAutoFocus: o, ...c } = e, l =
|
|
1761
|
-
return $r(), /* @__PURE__ */ N(
|
|
1760
|
+
const { __scopeDialog: a, trapFocus: r, onOpenAutoFocus: n, onCloseAutoFocus: o, ...c } = e, l = le(Pe, a), u = f.useRef(null), d = Le(t, u);
|
|
1761
|
+
return $r(), /* @__PURE__ */ N(He, { children: [
|
|
1762
1762
|
/* @__PURE__ */ i(
|
|
1763
|
-
|
|
1763
|
+
ma,
|
|
1764
1764
|
{
|
|
1765
1765
|
asChild: !0,
|
|
1766
1766
|
loop: !0,
|
|
@@ -1768,13 +1768,13 @@ var Ln = f.forwardRef(
|
|
|
1768
1768
|
onMountAutoFocus: n,
|
|
1769
1769
|
onUnmountAutoFocus: o,
|
|
1770
1770
|
children: /* @__PURE__ */ i(
|
|
1771
|
-
|
|
1771
|
+
ua,
|
|
1772
1772
|
{
|
|
1773
1773
|
role: "dialog",
|
|
1774
1774
|
id: l.contentId,
|
|
1775
1775
|
"aria-describedby": l.descriptionId,
|
|
1776
1776
|
"aria-labelledby": l.titleId,
|
|
1777
|
-
"data-state":
|
|
1777
|
+
"data-state": Rt(l.open),
|
|
1778
1778
|
...c,
|
|
1779
1779
|
ref: d,
|
|
1780
1780
|
onDismiss: () => l.onOpenChange(!1)
|
|
@@ -1782,50 +1782,50 @@ var Ln = f.forwardRef(
|
|
|
1782
1782
|
)
|
|
1783
1783
|
}
|
|
1784
1784
|
),
|
|
1785
|
-
/* @__PURE__ */ N(
|
|
1785
|
+
/* @__PURE__ */ N(He, { children: [
|
|
1786
1786
|
/* @__PURE__ */ i(_n, { titleId: l.titleId }),
|
|
1787
1787
|
/* @__PURE__ */ i(Wn, { contentRef: u, descriptionId: l.descriptionId })
|
|
1788
1788
|
] })
|
|
1789
1789
|
] });
|
|
1790
1790
|
}
|
|
1791
|
-
),
|
|
1791
|
+
), Mt = "DialogTitle", Pa = f.forwardRef(
|
|
1792
1792
|
(e, t) => {
|
|
1793
|
-
const { __scopeDialog: a, ...r } = e, n =
|
|
1794
|
-
return /* @__PURE__ */ i(
|
|
1793
|
+
const { __scopeDialog: a, ...r } = e, n = le(Mt, a);
|
|
1794
|
+
return /* @__PURE__ */ i(we.h2, { id: n.titleId, ...r, ref: t });
|
|
1795
1795
|
}
|
|
1796
1796
|
);
|
|
1797
|
-
|
|
1798
|
-
var
|
|
1797
|
+
Pa.displayName = Mt;
|
|
1798
|
+
var La = "DialogDescription", Bn = f.forwardRef(
|
|
1799
1799
|
(e, t) => {
|
|
1800
|
-
const { __scopeDialog: a, ...r } = e, n =
|
|
1801
|
-
return /* @__PURE__ */ i(
|
|
1800
|
+
const { __scopeDialog: a, ...r } = e, n = le(La, a);
|
|
1801
|
+
return /* @__PURE__ */ i(we.p, { id: n.descriptionId, ...r, ref: t });
|
|
1802
1802
|
}
|
|
1803
1803
|
);
|
|
1804
|
-
Bn.displayName =
|
|
1805
|
-
var
|
|
1804
|
+
Bn.displayName = La;
|
|
1805
|
+
var Oa = "DialogClose", Ba = f.forwardRef(
|
|
1806
1806
|
(e, t) => {
|
|
1807
|
-
const { __scopeDialog: a, ...r } = e, n =
|
|
1807
|
+
const { __scopeDialog: a, ...r } = e, n = le(Oa, a);
|
|
1808
1808
|
return /* @__PURE__ */ i(
|
|
1809
|
-
|
|
1809
|
+
we.button,
|
|
1810
1810
|
{
|
|
1811
1811
|
type: "button",
|
|
1812
1812
|
...r,
|
|
1813
1813
|
ref: t,
|
|
1814
|
-
onClick:
|
|
1814
|
+
onClick: ke(e.onClick, () => n.onOpenChange(!1))
|
|
1815
1815
|
}
|
|
1816
1816
|
);
|
|
1817
1817
|
}
|
|
1818
1818
|
);
|
|
1819
|
-
|
|
1820
|
-
function
|
|
1819
|
+
Ba.displayName = Oa;
|
|
1820
|
+
function Rt(e) {
|
|
1821
1821
|
return e ? "open" : "closed";
|
|
1822
1822
|
}
|
|
1823
|
-
var
|
|
1824
|
-
contentName:
|
|
1825
|
-
titleName:
|
|
1823
|
+
var _a = "DialogTitleWarning", [ws, Fa] = sr(_a, {
|
|
1824
|
+
contentName: Pe,
|
|
1825
|
+
titleName: Mt,
|
|
1826
1826
|
docsSlug: "dialog"
|
|
1827
1827
|
}), _n = ({ titleId: e }) => {
|
|
1828
|
-
const t = _a
|
|
1828
|
+
const t = Fa(_a), a = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
|
|
1829
1829
|
|
|
1830
1830
|
If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
1831
1831
|
|
|
@@ -1834,13 +1834,13 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
1834
1834
|
e && (document.getElementById(e) || console.error(a));
|
|
1835
1835
|
}, [a, e]), null;
|
|
1836
1836
|
}, Fn = "DialogDescriptionWarning", Wn = ({ contentRef: e, descriptionId: t }) => {
|
|
1837
|
-
const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${
|
|
1837
|
+
const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Fa(Fn).contentName}}.`;
|
|
1838
1838
|
return f.useEffect(() => {
|
|
1839
1839
|
var o;
|
|
1840
1840
|
const n = (o = e.current) == null ? void 0 : o.getAttribute("aria-describedby");
|
|
1841
1841
|
t && n && (document.getElementById(t) || console.warn(r));
|
|
1842
1842
|
}, [r, e, t]), null;
|
|
1843
|
-
}, jn =
|
|
1843
|
+
}, jn = ka, $n = Ra, zn = Aa, Vn = Ia, Un = Pa, Hn = Ba;
|
|
1844
1844
|
/**
|
|
1845
1845
|
* @license lucide-react v0.546.0 - ISC
|
|
1846
1846
|
*
|
|
@@ -1850,10 +1850,10 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
|
|
|
1850
1850
|
const Gn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Kn = (e) => e.replace(
|
|
1851
1851
|
/^([A-Z])|[\s-_]+(\w)/g,
|
|
1852
1852
|
(t, a, r) => r ? r.toUpperCase() : a.toLowerCase()
|
|
1853
|
-
),
|
|
1853
|
+
), ea = (e) => {
|
|
1854
1854
|
const t = Kn(e);
|
|
1855
1855
|
return t.charAt(0).toUpperCase() + t.slice(1);
|
|
1856
|
-
},
|
|
1856
|
+
}, Wa = (...e) => e.filter((t, a, r) => !!t && t.trim() !== "" && r.indexOf(t) === a).join(" ").trim(), Yn = (e) => {
|
|
1857
1857
|
for (const t in e)
|
|
1858
1858
|
if (t.startsWith("aria-") || t === "role" || t === "title")
|
|
1859
1859
|
return !0;
|
|
@@ -1881,7 +1881,7 @@ var Zn = {
|
|
|
1881
1881
|
* This source code is licensed under the ISC license.
|
|
1882
1882
|
* See the LICENSE file in the root directory of this source tree.
|
|
1883
1883
|
*/
|
|
1884
|
-
const Xn =
|
|
1884
|
+
const Xn = St(
|
|
1885
1885
|
({
|
|
1886
1886
|
color: e = "currentColor",
|
|
1887
1887
|
size: t = 24,
|
|
@@ -1891,7 +1891,7 @@ const Xn = Nt(
|
|
|
1891
1891
|
children: o,
|
|
1892
1892
|
iconNode: c,
|
|
1893
1893
|
...l
|
|
1894
|
-
}, u) =>
|
|
1894
|
+
}, u) => wt(
|
|
1895
1895
|
"svg",
|
|
1896
1896
|
{
|
|
1897
1897
|
ref: u,
|
|
@@ -1900,12 +1900,12 @@ const Xn = Nt(
|
|
|
1900
1900
|
height: t,
|
|
1901
1901
|
stroke: e,
|
|
1902
1902
|
strokeWidth: r ? Number(a) * 24 / Number(t) : a,
|
|
1903
|
-
className:
|
|
1903
|
+
className: Wa("lucide", n),
|
|
1904
1904
|
...!o && !Yn(l) && { "aria-hidden": "true" },
|
|
1905
1905
|
...l
|
|
1906
1906
|
},
|
|
1907
1907
|
[
|
|
1908
|
-
...c.map(([d, m]) =>
|
|
1908
|
+
...c.map(([d, m]) => wt(d, m)),
|
|
1909
1909
|
...Array.isArray(o) ? o : [o]
|
|
1910
1910
|
]
|
|
1911
1911
|
)
|
|
@@ -1916,20 +1916,20 @@ const Xn = Nt(
|
|
|
1916
1916
|
* This source code is licensed under the ISC license.
|
|
1917
1917
|
* See the LICENSE file in the root directory of this source tree.
|
|
1918
1918
|
*/
|
|
1919
|
-
const
|
|
1920
|
-
const a =
|
|
1921
|
-
({ className: r, ...n }, o) =>
|
|
1919
|
+
const At = (e, t) => {
|
|
1920
|
+
const a = St(
|
|
1921
|
+
({ className: r, ...n }, o) => wt(Xn, {
|
|
1922
1922
|
ref: o,
|
|
1923
1923
|
iconNode: t,
|
|
1924
|
-
className:
|
|
1925
|
-
`lucide-${Gn(
|
|
1924
|
+
className: Wa(
|
|
1925
|
+
`lucide-${Gn(ea(e))}`,
|
|
1926
1926
|
`lucide-${e}`,
|
|
1927
1927
|
r
|
|
1928
1928
|
),
|
|
1929
1929
|
...n
|
|
1930
1930
|
})
|
|
1931
1931
|
);
|
|
1932
|
-
return a.displayName =
|
|
1932
|
+
return a.displayName = ea(e), a;
|
|
1933
1933
|
};
|
|
1934
1934
|
/**
|
|
1935
1935
|
* @license lucide-react v0.546.0 - ISC
|
|
@@ -1954,7 +1954,7 @@ const qn = [
|
|
|
1954
1954
|
}
|
|
1955
1955
|
],
|
|
1956
1956
|
["path", { d: "m2 2 20 20", key: "1ooewy" }]
|
|
1957
|
-
], Jn =
|
|
1957
|
+
], Jn = At("eye-off", qn);
|
|
1958
1958
|
/**
|
|
1959
1959
|
* @license lucide-react v0.546.0 - ISC
|
|
1960
1960
|
*
|
|
@@ -1970,7 +1970,7 @@ const Qn = [
|
|
|
1970
1970
|
}
|
|
1971
1971
|
],
|
|
1972
1972
|
["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
|
|
1973
|
-
], eo =
|
|
1973
|
+
], eo = At("eye", Qn);
|
|
1974
1974
|
/**
|
|
1975
1975
|
* @license lucide-react v0.546.0 - ISC
|
|
1976
1976
|
*
|
|
@@ -1980,13 +1980,13 @@ const Qn = [
|
|
|
1980
1980
|
const to = [
|
|
1981
1981
|
["path", { d: "M18 6 6 18", key: "1bl5f8" }],
|
|
1982
1982
|
["path", { d: "m6 6 12 12", key: "d8bk6v" }]
|
|
1983
|
-
],
|
|
1983
|
+
], ja = At("x", to), ta = {
|
|
1984
1984
|
sm: "w-[320px]",
|
|
1985
1985
|
md: "w-[480px]",
|
|
1986
1986
|
lg: "w-[640px]",
|
|
1987
1987
|
xl: "w-[800px]",
|
|
1988
1988
|
full: "w-full"
|
|
1989
|
-
},
|
|
1989
|
+
}, aa = {
|
|
1990
1990
|
left: {
|
|
1991
1991
|
position: "left-0",
|
|
1992
1992
|
rounded: "rounded-r-[12px]",
|
|
@@ -2011,13 +2011,14 @@ const to = [
|
|
|
2011
2011
|
showCloseButton: m = !0,
|
|
2012
2012
|
closeButton: s
|
|
2013
2013
|
}) => {
|
|
2014
|
-
const g =
|
|
2014
|
+
const g = ta[r] || ta.md, b = aa[o] || aa.right;
|
|
2015
2015
|
return /* @__PURE__ */ i(jn, { open: e, onOpenChange: t, children: /* @__PURE__ */ N($n, { children: [
|
|
2016
2016
|
/* @__PURE__ */ i(
|
|
2017
2017
|
zn,
|
|
2018
2018
|
{
|
|
2019
2019
|
className: p(
|
|
2020
2020
|
"fixed inset-0 bg-black/30 z-40",
|
|
2021
|
+
"data-[state=open]:animate-overlay-fade-in data-[state=closed]:animate-overlay-fade-out",
|
|
2021
2022
|
d
|
|
2022
2023
|
)
|
|
2023
2024
|
}
|
|
@@ -2051,7 +2052,7 @@ const to = [
|
|
|
2051
2052
|
"button",
|
|
2052
2053
|
{
|
|
2053
2054
|
className: "p-1 rounded text-gray-500 hover:bg-gray-100",
|
|
2054
|
-
children: /* @__PURE__ */ i(
|
|
2055
|
+
children: /* @__PURE__ */ i(ja, { className: "w-5 h-5" })
|
|
2055
2056
|
}
|
|
2056
2057
|
) })
|
|
2057
2058
|
] }),
|
|
@@ -2074,8 +2075,8 @@ const to = [
|
|
|
2074
2075
|
closeOnOverlayClick: m = !0,
|
|
2075
2076
|
closeOnEscapeKey: s = !0
|
|
2076
2077
|
}) => {
|
|
2077
|
-
const [g, b] =
|
|
2078
|
-
|
|
2078
|
+
const [g, b] = W(!1), [C, h] = W(!1);
|
|
2079
|
+
ge(() => {
|
|
2079
2080
|
if (e)
|
|
2080
2081
|
h(!0), requestAnimationFrame(() => {
|
|
2081
2082
|
requestAnimationFrame(() => {
|
|
@@ -2089,7 +2090,7 @@ const to = [
|
|
|
2089
2090
|
}, 200);
|
|
2090
2091
|
return () => clearTimeout(E);
|
|
2091
2092
|
}
|
|
2092
|
-
}, [e]),
|
|
2093
|
+
}, [e]), ge(() => {
|
|
2093
2094
|
if (e && s) {
|
|
2094
2095
|
const E = (v) => {
|
|
2095
2096
|
v.key === "Escape" && t(!1);
|
|
@@ -2102,7 +2103,7 @@ const to = [
|
|
|
2102
2103
|
}, w = () => {
|
|
2103
2104
|
m && y();
|
|
2104
2105
|
};
|
|
2105
|
-
return C ? /* @__PURE__ */ N(
|
|
2106
|
+
return C ? /* @__PURE__ */ N(He, { children: [
|
|
2106
2107
|
/* @__PURE__ */ i(
|
|
2107
2108
|
"div",
|
|
2108
2109
|
{
|
|
@@ -2130,7 +2131,7 @@ const to = [
|
|
|
2130
2131
|
{
|
|
2131
2132
|
onClick: y,
|
|
2132
2133
|
className: "absolute top-3 right-3 p-1 hover:bg-gray-100 rounded transition-colors z-10",
|
|
2133
|
-
children: /* @__PURE__ */ i(
|
|
2134
|
+
children: /* @__PURE__ */ i(ja, { className: "w-4 h-4 text-gray-500" })
|
|
2134
2135
|
}
|
|
2135
2136
|
),
|
|
2136
2137
|
u || a ? /* @__PURE__ */ i("div", { className: "flex items-center py-3 px-4 pr-12 border-b border-gray-300", children: u || a && /* @__PURE__ */ i("h2", { className: "text-[14px] font-semibold text-gray-900", children: a }) }) : (
|
|
@@ -2174,7 +2175,7 @@ const to = [
|
|
|
2174
2175
|
both: "pl-12 pr-12"
|
|
2175
2176
|
}
|
|
2176
2177
|
}
|
|
2177
|
-
},
|
|
2178
|
+
}, $a = St(
|
|
2178
2179
|
({
|
|
2179
2180
|
leftIcon: e,
|
|
2180
2181
|
rightIcon: t,
|
|
@@ -2191,7 +2192,7 @@ const to = [
|
|
|
2191
2192
|
"w-full border rounded-[8px] transition-colors duration-200",
|
|
2192
2193
|
s.input,
|
|
2193
2194
|
g(),
|
|
2194
|
-
!a && !u && "border-gray-300 hover:border-gray-400 focus:border-brand-500",
|
|
2195
|
+
!a && !u && "border-gray-300 hover:border-gray-400 focus:border-brand-500 focus:hover:border-brand-500",
|
|
2195
2196
|
a && !u && "border-error-500 hover:border-error-500 focus:border-error-500",
|
|
2196
2197
|
u && "bg-gray-50 border-gray-300 cursor-not-allowed opacity-60",
|
|
2197
2198
|
o
|
|
@@ -2234,7 +2235,7 @@ const to = [
|
|
|
2234
2235
|
] });
|
|
2235
2236
|
}
|
|
2236
2237
|
);
|
|
2237
|
-
|
|
2238
|
+
$a.displayName = "Input";
|
|
2238
2239
|
const ro = x.forwardRef(
|
|
2239
2240
|
({ error: e, className: t, ...a }, r) => /* @__PURE__ */ i(
|
|
2240
2241
|
"textarea",
|
|
@@ -2244,7 +2245,7 @@ const ro = x.forwardRef(
|
|
|
2244
2245
|
min-h-[80px] w-full rounded-[8px] border border-gray-300 px-3 py-2 text-sm
|
|
2245
2246
|
placeholder:text-gray-400
|
|
2246
2247
|
hover:border-gray-400
|
|
2247
|
-
focus:border-brand-500
|
|
2248
|
+
focus:border-brand-500 focus:hover:border-brand-500
|
|
2248
2249
|
disabled:cursor-not-allowed disabled:opacity-50
|
|
2249
2250
|
resize-vertical
|
|
2250
2251
|
${e ? "border-error-500 hover:border-error-500 focus:border-error-500" : ""}
|
|
@@ -2276,8 +2277,8 @@ const no = () => /* @__PURE__ */ i(
|
|
|
2276
2277
|
}
|
|
2277
2278
|
), oo = x.forwardRef(
|
|
2278
2279
|
({ label: e, error: t, className: a, checked: r, defaultChecked: n, onChange: o, ...c }, l) => {
|
|
2279
|
-
const [u, d] =
|
|
2280
|
-
|
|
2280
|
+
const [u, d] = W(r ?? n ?? !1);
|
|
2281
|
+
ge(() => {
|
|
2281
2282
|
r !== void 0 && d(r);
|
|
2282
2283
|
}, [r]);
|
|
2283
2284
|
const m = (s) => {
|
|
@@ -2317,9 +2318,9 @@ const no = () => /* @__PURE__ */ i(
|
|
|
2317
2318
|
oo.displayName = "Checkbox";
|
|
2318
2319
|
const so = x.forwardRef(
|
|
2319
2320
|
(e, t) => {
|
|
2320
|
-
const [a, r] =
|
|
2321
|
+
const [a, r] = W(!1);
|
|
2321
2322
|
return /* @__PURE__ */ N("div", { className: "relative", children: [
|
|
2322
|
-
/* @__PURE__ */ i(
|
|
2323
|
+
/* @__PURE__ */ i($a, { ref: t, type: a ? "text" : "password", ...e }),
|
|
2323
2324
|
/* @__PURE__ */ i(
|
|
2324
2325
|
"button",
|
|
2325
2326
|
{
|
|
@@ -2638,51 +2639,59 @@ const lo = [
|
|
|
2638
2639
|
disabled: v = !1,
|
|
2639
2640
|
loading: S = !1,
|
|
2640
2641
|
ariaLabel: M,
|
|
2641
|
-
ariaDescribedBy:
|
|
2642
|
-
className:
|
|
2642
|
+
ariaDescribedBy: P,
|
|
2643
|
+
className: k,
|
|
2643
2644
|
containerClassName: F,
|
|
2644
2645
|
dropdownClassName: $,
|
|
2645
|
-
inputClassName:
|
|
2646
|
-
name:
|
|
2647
|
-
id:
|
|
2648
|
-
required:
|
|
2649
|
-
...
|
|
2646
|
+
inputClassName: J,
|
|
2647
|
+
name: Te,
|
|
2648
|
+
id: he,
|
|
2649
|
+
required: Y = !1,
|
|
2650
|
+
...Z
|
|
2650
2651
|
}, I) => {
|
|
2651
|
-
const
|
|
2652
|
-
let
|
|
2653
|
-
return u.length > 0 ?
|
|
2654
|
-
const
|
|
2655
|
-
return
|
|
2652
|
+
const j = (() => {
|
|
2653
|
+
let T = lo;
|
|
2654
|
+
return u.length > 0 ? T = T.filter((L) => u.includes(L.code)) : l.length > 0 && (T = T.filter((L) => !l.includes(L.code))), T.sort((L, de) => {
|
|
2655
|
+
const Ie = c.includes(L.code), ue = c.includes(de.code);
|
|
2656
|
+
return Ie && !ue ? -1 : !Ie && ue ? 1 : Ie && ue ? c.indexOf(L.code) - c.indexOf(de.code) : L.priority && de.priority ? L.priority - de.priority : L.priority && !de.priority ? -1 : !L.priority && de.priority ? 1 : L.name.localeCompare(de.name);
|
|
2656
2657
|
});
|
|
2657
|
-
})(),
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2658
|
+
})(), ce = j.find((T) => T.code === o) || j[0], [z, Q] = W(ce), [X, Me] = W(e || t), [A, B] = W(!1), [_, K] = W(!1), [te, O] = W(""), [pe, Oe] = W(!0), [ve, be] = W(!1), Be = xe(null), Re = $e(() => {
|
|
2659
|
+
K(!0), Be.current = setTimeout(() => {
|
|
2660
|
+
B(!1), K(!1), O(""), Be.current = null;
|
|
2661
|
+
}, 150);
|
|
2662
|
+
}, []);
|
|
2663
|
+
ge(() => () => {
|
|
2664
|
+
Be.current && clearTimeout(Be.current);
|
|
2665
|
+
}, []);
|
|
2666
|
+
const Ve = xe(null), Ue = xe(null), Ae = xe(null);
|
|
2667
|
+
ge(() => {
|
|
2668
|
+
const T = (L) => {
|
|
2669
|
+
Ve.current && !Ve.current.contains(L.target) && Re();
|
|
2661
2670
|
};
|
|
2662
|
-
return document.addEventListener("mousedown",
|
|
2663
|
-
}, []),
|
|
2664
|
-
e !== void 0 &&
|
|
2665
|
-
}, [e]),
|
|
2671
|
+
return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
|
|
2672
|
+
}, []), ge(() => {
|
|
2673
|
+
e !== void 0 && Me(e);
|
|
2674
|
+
}, [e]), ge(() => {
|
|
2666
2675
|
if (s) {
|
|
2667
|
-
const
|
|
2668
|
-
|
|
2676
|
+
const T = fo(X);
|
|
2677
|
+
Oe(T), g == null || g(T);
|
|
2669
2678
|
}
|
|
2670
|
-
}, [
|
|
2671
|
-
const
|
|
2672
|
-
let
|
|
2673
|
-
m && (
|
|
2674
|
-
},
|
|
2675
|
-
var
|
|
2676
|
-
|
|
2677
|
-
},
|
|
2678
|
-
var
|
|
2679
|
-
|
|
2680
|
-
},
|
|
2681
|
-
var
|
|
2682
|
-
|
|
2683
|
-
},
|
|
2684
|
-
(
|
|
2685
|
-
) :
|
|
2679
|
+
}, [X, z, s, g]);
|
|
2680
|
+
const Ye = (T) => {
|
|
2681
|
+
let L = T.target.value;
|
|
2682
|
+
m && (L = mo(L, z)), Me(L), a == null || a(L, z);
|
|
2683
|
+
}, oe = (T) => {
|
|
2684
|
+
var L;
|
|
2685
|
+
be(!0), (L = Z.onFocus) == null || L.call(Z, T);
|
|
2686
|
+
}, dt = (T) => {
|
|
2687
|
+
var L;
|
|
2688
|
+
be(!1), (L = Z.onBlur) == null || L.call(Z, T);
|
|
2689
|
+
}, ut = (T) => {
|
|
2690
|
+
var L;
|
|
2691
|
+
Q(T), Re(), r == null || r(T), (L = Ue.current) == null || L.focus(), X && (a == null || a(X, T));
|
|
2692
|
+
}, H = te ? j.filter(
|
|
2693
|
+
(T) => T.name.toLowerCase().includes(te.toLowerCase()) || T.dialCode.includes(te) || T.code.toLowerCase().includes(te.toLowerCase())
|
|
2694
|
+
) : j, Ce = b || (C ? go(z) : "Enter phone number"), ae = {
|
|
2686
2695
|
sm: {
|
|
2687
2696
|
container: "h-8",
|
|
2688
2697
|
input: "h-8 px-3 py-1 text-sm",
|
|
@@ -2706,22 +2715,24 @@ const lo = [
|
|
|
2706
2715
|
}
|
|
2707
2716
|
}[w];
|
|
2708
2717
|
return /* @__PURE__ */ N("div", { className: p("w-full", F), children: [
|
|
2709
|
-
/* @__PURE__ */ N("div", { className: "relative", ref:
|
|
2718
|
+
/* @__PURE__ */ N("div", { className: "relative", ref: Ve, children: [
|
|
2710
2719
|
/* @__PURE__ */ N("div", { className: p(
|
|
2711
2720
|
"flex border rounded-lg transition-colors",
|
|
2712
|
-
|
|
2713
|
-
!E && !v && !
|
|
2714
|
-
!E && !v && (
|
|
2715
|
-
E && !v && !
|
|
2716
|
-
E && !v &&
|
|
2721
|
+
ae.container,
|
|
2722
|
+
!E && !v && !ve && !A && "border-gray-300 hover:border-gray-400",
|
|
2723
|
+
!E && !v && (ve || A) && "border-brand-500",
|
|
2724
|
+
E && !v && !ve && "border-error-500 hover:border-error-500",
|
|
2725
|
+
E && !v && ve && "border-error-500",
|
|
2717
2726
|
v && "bg-gray-50 border-gray-300 cursor-not-allowed opacity-60",
|
|
2718
|
-
|
|
2727
|
+
k
|
|
2719
2728
|
), children: [
|
|
2720
2729
|
n ? /* @__PURE__ */ N(
|
|
2721
2730
|
"button",
|
|
2722
2731
|
{
|
|
2723
2732
|
type: "button",
|
|
2724
|
-
onClick: () =>
|
|
2733
|
+
onClick: () => {
|
|
2734
|
+
v || (A ? Re() : B(!0));
|
|
2735
|
+
},
|
|
2725
2736
|
disabled: v,
|
|
2726
2737
|
className: p(
|
|
2727
2738
|
"flex items-center gap-1 px-2 border-r border-gray-300 rounded-l-lg transition-colors",
|
|
@@ -2732,99 +2743,109 @@ const lo = [
|
|
|
2732
2743
|
"aria-expanded": A,
|
|
2733
2744
|
"aria-haspopup": "listbox",
|
|
2734
2745
|
children: [
|
|
2735
|
-
d && /* @__PURE__ */ i("span", { className:
|
|
2736
|
-
/* @__PURE__ */ i("span", { className: p("text-gray-700",
|
|
2746
|
+
d && /* @__PURE__ */ i("span", { className: ae.flag, children: z.flag }),
|
|
2747
|
+
/* @__PURE__ */ i("span", { className: p("text-gray-700", ae.dialCode), children: z.dialCode }),
|
|
2737
2748
|
/* @__PURE__ */ i(co, {})
|
|
2738
2749
|
]
|
|
2739
2750
|
}
|
|
2740
2751
|
) : /* @__PURE__ */ N("div", { className: "flex items-center gap-2 px-3 border-r border-gray-300 rounded-l-lg bg-gray-50", children: [
|
|
2741
|
-
d && /* @__PURE__ */ i("span", { className:
|
|
2742
|
-
/* @__PURE__ */ i("span", { className: p("text-gray-700",
|
|
2752
|
+
d && /* @__PURE__ */ i("span", { className: ae.flag, children: z.flag }),
|
|
2753
|
+
/* @__PURE__ */ i("span", { className: p("text-gray-700", ae.dialCode), children: z.dialCode })
|
|
2743
2754
|
] }),
|
|
2744
2755
|
/* @__PURE__ */ i(
|
|
2745
2756
|
"input",
|
|
2746
2757
|
{
|
|
2747
|
-
ref: I ||
|
|
2758
|
+
ref: I || Ue,
|
|
2748
2759
|
type: "tel",
|
|
2749
|
-
id:
|
|
2750
|
-
name:
|
|
2751
|
-
value:
|
|
2752
|
-
onChange:
|
|
2753
|
-
onFocus:
|
|
2754
|
-
onBlur:
|
|
2755
|
-
placeholder:
|
|
2760
|
+
id: he,
|
|
2761
|
+
name: Te,
|
|
2762
|
+
value: X,
|
|
2763
|
+
onChange: Ye,
|
|
2764
|
+
onFocus: oe,
|
|
2765
|
+
onBlur: dt,
|
|
2766
|
+
placeholder: Ce,
|
|
2756
2767
|
disabled: v,
|
|
2757
|
-
required:
|
|
2768
|
+
required: Y,
|
|
2758
2769
|
"aria-label": M || "Phone number",
|
|
2759
|
-
"aria-describedby":
|
|
2760
|
-
"aria-invalid": E || s && !
|
|
2770
|
+
"aria-describedby": P,
|
|
2771
|
+
"aria-invalid": E || s && !pe,
|
|
2761
2772
|
className: p(
|
|
2762
2773
|
"flex-1 bg-transparent rounded-r-lg border-0 outline-hidden placeholder:text-gray-400 px-1",
|
|
2763
|
-
|
|
2774
|
+
ae.input,
|
|
2764
2775
|
v && "cursor-not-allowed",
|
|
2765
|
-
|
|
2776
|
+
J
|
|
2766
2777
|
),
|
|
2767
|
-
...
|
|
2778
|
+
...Z
|
|
2768
2779
|
}
|
|
2769
2780
|
),
|
|
2770
2781
|
S && /* @__PURE__ */ i("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ i("div", { className: "animate-spin rounded-full h-4 w-4 border-2 border-gray-300 border-t-brand-500" }) })
|
|
2771
2782
|
] }),
|
|
2772
|
-
n && A && /* @__PURE__ */ N(
|
|
2773
|
-
"
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2783
|
-
placeholder: "Search countries...",
|
|
2784
|
-
value: O,
|
|
2785
|
-
onChange: (k) => H(k.target.value),
|
|
2786
|
-
className: p(
|
|
2787
|
-
"w-full pl-8 pr-3 py-2 text-sm border border-gray-300 rounded focus:border-brand-500 hover:border-gray-400",
|
|
2788
|
-
ee.dropdown
|
|
2789
|
-
)
|
|
2790
|
-
}
|
|
2783
|
+
n && A && /* @__PURE__ */ N(
|
|
2784
|
+
"div",
|
|
2785
|
+
{
|
|
2786
|
+
style: {
|
|
2787
|
+
animation: `${_ ? h === "top" ? "phone-menu-slide-up-close" : "phone-menu-slide-down-close" : h === "top" ? "phone-menu-slide-up-open" : "phone-menu-slide-down-open"} 150ms ease-out forwards`,
|
|
2788
|
+
transformOrigin: h === "top" ? "bottom" : "top"
|
|
2789
|
+
},
|
|
2790
|
+
className: p(
|
|
2791
|
+
"absolute z-[9999] w-full mt-1 bg-white border border-gray-300 rounded-lg shadow-md max-h-60 overflow-hidden",
|
|
2792
|
+
h === "top" && "bottom-full mb-1 mt-0",
|
|
2793
|
+
$
|
|
2791
2794
|
),
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2795
|
+
children: [
|
|
2796
|
+
y && /* @__PURE__ */ i("div", { className: "p-2 border-b border-gray-200", children: /* @__PURE__ */ N("div", { className: "relative", children: [
|
|
2797
|
+
/* @__PURE__ */ i(
|
|
2798
|
+
"input",
|
|
2799
|
+
{
|
|
2800
|
+
ref: Ae,
|
|
2801
|
+
type: "text",
|
|
2802
|
+
placeholder: "Search countries...",
|
|
2803
|
+
value: te,
|
|
2804
|
+
onChange: (T) => O(T.target.value),
|
|
2805
|
+
className: p(
|
|
2806
|
+
"w-full pl-8 pr-3 py-2 text-sm border border-gray-300 rounded focus:border-brand-500 hover:border-gray-400",
|
|
2807
|
+
ae.dropdown
|
|
2808
|
+
)
|
|
2809
|
+
}
|
|
2804
2810
|
),
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2811
|
+
/* @__PURE__ */ i("div", { className: "absolute left-2 top-1/2 transform -translate-y-1/2 text-gray-400", children: /* @__PURE__ */ i(uo, {}) })
|
|
2812
|
+
] }) }),
|
|
2813
|
+
/* @__PURE__ */ N("div", { className: "overflow-auto max-h-48", children: [
|
|
2814
|
+
H.map((T) => /* @__PURE__ */ N(
|
|
2815
|
+
"button",
|
|
2816
|
+
{
|
|
2817
|
+
type: "button",
|
|
2818
|
+
onClick: () => ut(T),
|
|
2819
|
+
className: p(
|
|
2820
|
+
"w-full flex items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-gray-50",
|
|
2821
|
+
z.code === T.code && "bg-brand-50 text-brand-600",
|
|
2822
|
+
ae.dropdown
|
|
2823
|
+
),
|
|
2824
|
+
role: "option",
|
|
2825
|
+
"aria-selected": z.code === T.code,
|
|
2826
|
+
children: [
|
|
2827
|
+
d && /* @__PURE__ */ i("span", { className: ae.flag, children: T.flag }),
|
|
2828
|
+
/* @__PURE__ */ i("span", { className: "flex-1 truncate", children: T.name }),
|
|
2829
|
+
/* @__PURE__ */ i("span", { className: p("text-gray-500", ae.dialCode), children: T.dialCode })
|
|
2830
|
+
]
|
|
2831
|
+
},
|
|
2832
|
+
T.code
|
|
2833
|
+
)),
|
|
2834
|
+
H.length === 0 && /* @__PURE__ */ N("div", { className: "px-3 py-8 text-center text-gray-500", children: [
|
|
2835
|
+
/* @__PURE__ */ i("p", { children: "No countries found" }),
|
|
2836
|
+
/* @__PURE__ */ i("p", { className: "text-xs mt-1", children: "Try a different search term" })
|
|
2837
|
+
] })
|
|
2838
|
+
] })
|
|
2839
|
+
]
|
|
2840
|
+
}
|
|
2841
|
+
)
|
|
2821
2842
|
] }),
|
|
2822
|
-
s && !
|
|
2843
|
+
s && !pe && X && /* @__PURE__ */ i("p", { className: "mt-1 text-xs text-error-500", children: "Please enter a valid phone number" })
|
|
2823
2844
|
] });
|
|
2824
2845
|
}
|
|
2825
2846
|
);
|
|
2826
2847
|
ho.displayName = "PhoneNumberInput";
|
|
2827
|
-
const
|
|
2848
|
+
const za = oa({
|
|
2828
2849
|
values: {},
|
|
2829
2850
|
errors: {},
|
|
2830
2851
|
setFieldValue: () => {
|
|
@@ -2841,7 +2862,7 @@ const $a = na({
|
|
|
2841
2862
|
name: o,
|
|
2842
2863
|
initialValues: c = {}
|
|
2843
2864
|
}) => {
|
|
2844
|
-
const [l, u] =
|
|
2865
|
+
const [l, u] = W(c), [d, m] = W({}), s = $e((y, w) => {
|
|
2845
2866
|
u((E) => ({ ...E, [y]: w })), d[y] && m((E) => {
|
|
2846
2867
|
const v = { ...E };
|
|
2847
2868
|
return delete v[y], v;
|
|
@@ -2880,11 +2901,11 @@ const $a = na({
|
|
|
2880
2901
|
let E = !1;
|
|
2881
2902
|
const v = [];
|
|
2882
2903
|
for (const S of w) {
|
|
2883
|
-
const M = S.getAttribute("data-form-item"),
|
|
2884
|
-
if (M &&
|
|
2904
|
+
const M = S.getAttribute("data-form-item"), P = S.getAttribute("data-form-rules");
|
|
2905
|
+
if (M && P)
|
|
2885
2906
|
try {
|
|
2886
|
-
const
|
|
2887
|
-
if (!await b(M,
|
|
2907
|
+
const k = JSON.parse(P);
|
|
2908
|
+
if (!await b(M, k)) {
|
|
2888
2909
|
E = !0;
|
|
2889
2910
|
const $ = d[M];
|
|
2890
2911
|
$ && v.push({ name: M, errors: [$.message] });
|
|
@@ -2900,7 +2921,7 @@ const $a = na({
|
|
|
2900
2921
|
setFieldError: g,
|
|
2901
2922
|
validateField: b
|
|
2902
2923
|
};
|
|
2903
|
-
return /* @__PURE__ */ i(
|
|
2924
|
+
return /* @__PURE__ */ i(za.Provider, { value: h, children: /* @__PURE__ */ i(
|
|
2904
2925
|
"form",
|
|
2905
2926
|
{
|
|
2906
2927
|
onSubmit: C,
|
|
@@ -2927,20 +2948,20 @@ const $a = na({
|
|
|
2927
2948
|
noStyle: u,
|
|
2928
2949
|
valuePropName: d = "value"
|
|
2929
2950
|
}) => {
|
|
2930
|
-
const { values: m, errors: s, setFieldValue: g, validateField: b } =
|
|
2951
|
+
const { values: m, errors: s, setFieldValue: g, validateField: b } = kt(za), C = e ? m[e] : void 0, h = e ? s[e] : void 0, y = c === "error" || !!h, w = (S) => {
|
|
2931
2952
|
e && g(e, S);
|
|
2932
2953
|
}, E = async () => {
|
|
2933
2954
|
e && a.length > 0 && await b(e, a);
|
|
2934
2955
|
}, v = x.cloneElement(r, {
|
|
2935
2956
|
[d]: C,
|
|
2936
2957
|
onChange: (S) => {
|
|
2937
|
-
var
|
|
2958
|
+
var P, k;
|
|
2938
2959
|
let M;
|
|
2939
|
-
S != null && S.target ? M = d === "checked" ? S.target.checked : S.target.value : M = S, w(M), (
|
|
2960
|
+
S != null && S.target ? M = d === "checked" ? S.target.checked : S.target.value : M = S, w(M), (k = (P = r.props).onChange) == null || k.call(P, S);
|
|
2940
2961
|
},
|
|
2941
2962
|
onBlur: (S) => {
|
|
2942
|
-
var M,
|
|
2943
|
-
E(), (
|
|
2963
|
+
var M, P;
|
|
2964
|
+
E(), (P = (M = r.props).onBlur) == null || P.call(M, S);
|
|
2944
2965
|
},
|
|
2945
2966
|
status: y ? "error" : void 0,
|
|
2946
2967
|
className: p(r.props.className, y && "error")
|
|
@@ -2974,7 +2995,7 @@ const $a = na({
|
|
|
2974
2995
|
// Placeholder
|
|
2975
2996
|
});
|
|
2976
2997
|
po.Item = vo;
|
|
2977
|
-
const
|
|
2998
|
+
const ct = ({ children: e, className: t, style: a }) => /* @__PURE__ */ i(
|
|
2978
2999
|
"div",
|
|
2979
3000
|
{
|
|
2980
3001
|
className: p("flex flex-col min-h-screen bg-gray-50", t),
|
|
@@ -3013,10 +3034,10 @@ const st = ({ children: e, className: t, style: a }) => /* @__PURE__ */ i(
|
|
|
3013
3034
|
}
|
|
3014
3035
|
);
|
|
3015
3036
|
};
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3037
|
+
ct.Header = bo;
|
|
3038
|
+
ct.Content = yo;
|
|
3039
|
+
ct.Footer = xo;
|
|
3040
|
+
ct.Sider = wo;
|
|
3020
3041
|
const Ms = ({
|
|
3021
3042
|
children: e,
|
|
3022
3043
|
className: t,
|
|
@@ -3049,7 +3070,7 @@ const Ms = ({
|
|
|
3049
3070
|
d && d.length > 0 && /* @__PURE__ */ i("div", { className: "card-actions flex justify-end space-x-2 mt-4 pt-4 border-t border-gray-100", children: d.map((m, s) => /* @__PURE__ */ i("div", { className: "card-action", children: m }, s)) })
|
|
3050
3071
|
]
|
|
3051
3072
|
}
|
|
3052
|
-
),
|
|
3073
|
+
), It = (e) => {
|
|
3053
3074
|
const t = {
|
|
3054
3075
|
primary: "text-gray-900",
|
|
3055
3076
|
secondary: "text-gray-600",
|
|
@@ -3058,7 +3079,7 @@ const Ms = ({
|
|
|
3058
3079
|
danger: "text-error-600"
|
|
3059
3080
|
};
|
|
3060
3081
|
return e ? t[e] : t.primary;
|
|
3061
|
-
},
|
|
3082
|
+
}, Dt = ({ children: e, className: t, style: a }) => /* @__PURE__ */ i("div", { className: p("typography", t), style: a, children: e }), Co = ({
|
|
3062
3083
|
children: e,
|
|
3063
3084
|
level: t = 1,
|
|
3064
3085
|
type: a = "primary",
|
|
@@ -3077,7 +3098,7 @@ const Ms = ({
|
|
|
3077
3098
|
4: "text-lg font-medium",
|
|
3078
3099
|
5: "text-base font-medium"
|
|
3079
3100
|
}[t],
|
|
3080
|
-
|
|
3101
|
+
It(a),
|
|
3081
3102
|
"mb-2",
|
|
3082
3103
|
r
|
|
3083
3104
|
),
|
|
@@ -3103,7 +3124,7 @@ const Ms = ({
|
|
|
3103
3124
|
"span",
|
|
3104
3125
|
{
|
|
3105
3126
|
className: p(
|
|
3106
|
-
|
|
3127
|
+
It(t),
|
|
3107
3128
|
a && "font-semibold",
|
|
3108
3129
|
r && "italic",
|
|
3109
3130
|
n && "underline",
|
|
@@ -3125,7 +3146,7 @@ const Ms = ({
|
|
|
3125
3146
|
"p",
|
|
3126
3147
|
{
|
|
3127
3148
|
className: p(
|
|
3128
|
-
|
|
3149
|
+
It(t),
|
|
3129
3150
|
"mb-4 leading-relaxed",
|
|
3130
3151
|
a && "truncate",
|
|
3131
3152
|
r
|
|
@@ -3134,17 +3155,17 @@ const Ms = ({
|
|
|
3134
3155
|
children: e
|
|
3135
3156
|
}
|
|
3136
3157
|
);
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
const
|
|
3158
|
+
Dt.Title = Co;
|
|
3159
|
+
Dt.Text = No;
|
|
3160
|
+
Dt.Paragraph = Eo;
|
|
3161
|
+
const Pt = oa({
|
|
3141
3162
|
messages: [],
|
|
3142
3163
|
addMessage: () => {
|
|
3143
3164
|
},
|
|
3144
3165
|
removeMessage: () => {
|
|
3145
3166
|
}
|
|
3146
3167
|
}), Rs = ({ children: e }) => {
|
|
3147
|
-
const [t, a] =
|
|
3168
|
+
const [t, a] = W([]), r = $e((c) => {
|
|
3148
3169
|
const l = Math.random().toString(36).substr(2, 9), u = { ...c, id: l };
|
|
3149
3170
|
a((m) => [...m, u]);
|
|
3150
3171
|
const d = c.duration ?? 3e3;
|
|
@@ -3156,12 +3177,12 @@ const It = na({
|
|
|
3156
3177
|
}, []), o = { messages: t, addMessage: r, removeMessage: n };
|
|
3157
3178
|
return x.useEffect(() => {
|
|
3158
3179
|
typeof window < "u" && (window.messageAPI = o);
|
|
3159
|
-
}, [o]), /* @__PURE__ */ N(
|
|
3180
|
+
}, [o]), /* @__PURE__ */ N(Pt.Provider, { value: o, children: [
|
|
3160
3181
|
e,
|
|
3161
3182
|
/* @__PURE__ */ i(So, {})
|
|
3162
3183
|
] });
|
|
3163
3184
|
}, So = () => {
|
|
3164
|
-
const { messages: e, removeMessage: t } =
|
|
3185
|
+
const { messages: e, removeMessage: t } = kt(Pt);
|
|
3165
3186
|
return e.length === 0 ? null : /* @__PURE__ */ i("div", { className: "fixed top-4 right-4 z-50 space-y-2", children: e.map((a) => /* @__PURE__ */ i(
|
|
3166
3187
|
ko,
|
|
3167
3188
|
{
|
|
@@ -3218,7 +3239,7 @@ const It = na({
|
|
|
3218
3239
|
typeof window < "u" && window.messageAPI && window.messageAPI.addMessage({ type: "info", content: e, duration: t });
|
|
3219
3240
|
}
|
|
3220
3241
|
}, Is = () => {
|
|
3221
|
-
const e =
|
|
3242
|
+
const e = kt(Pt);
|
|
3222
3243
|
if (!e)
|
|
3223
3244
|
throw new Error("useMessage must be used within MessageProvider");
|
|
3224
3245
|
return e;
|
|
@@ -3352,7 +3373,7 @@ const It = na({
|
|
|
3352
3373
|
style: d
|
|
3353
3374
|
}) => {
|
|
3354
3375
|
var E;
|
|
3355
|
-
const [m, s] =
|
|
3376
|
+
const [m, s] = W(
|
|
3356
3377
|
e || t || ((E = a[0]) == null ? void 0 : E.key) || ""
|
|
3357
3378
|
), g = e !== void 0 ? e : m, b = (v) => {
|
|
3358
3379
|
e === void 0 && s(v), r == null || r(v);
|
|
@@ -3428,33 +3449,33 @@ const It = na({
|
|
|
3428
3449
|
dropdownClassName: b,
|
|
3429
3450
|
children: C
|
|
3430
3451
|
}) => {
|
|
3431
|
-
const [h, y] =
|
|
3452
|
+
const [h, y] = W(!1), [w, E] = W(e || t), [v, S] = W(""), M = xe(null), P = xe(null), k = C ? x.Children.toArray(C).map((I) => ({
|
|
3432
3453
|
value: I.props.value,
|
|
3433
3454
|
label: I.props.children,
|
|
3434
3455
|
disabled: I.props.disabled
|
|
3435
|
-
})) : r, F = e !== void 0 ? e : w, $ =
|
|
3456
|
+
})) : r, F = e !== void 0 ? e : w, $ = k.find((I) => I.value === F), J = u && v ? k.filter((I) => d ? d(v, I) : String(I.label).toLowerCase().includes(v.toLowerCase())) : k, Te = {
|
|
3436
3457
|
small: "px-2 py-1 text-sm min-h-[32px]",
|
|
3437
3458
|
medium: "px-3 py-1.5 text-sm min-h-[36px]",
|
|
3438
3459
|
large: "px-4 py-2 text-base min-h-[40px]"
|
|
3439
3460
|
};
|
|
3440
|
-
|
|
3461
|
+
ge(() => {
|
|
3441
3462
|
const I = (D) => {
|
|
3442
3463
|
M.current && !M.current.contains(D.target) && (y(!1), S(""));
|
|
3443
3464
|
};
|
|
3444
3465
|
return document.addEventListener("mousedown", I), () => document.removeEventListener("mousedown", I);
|
|
3445
3466
|
}, []);
|
|
3446
|
-
const
|
|
3467
|
+
const he = (I) => {
|
|
3447
3468
|
if (I.disabled) return;
|
|
3448
3469
|
const D = I.value;
|
|
3449
3470
|
e === void 0 && E(D), n == null || n(D, I), o == null || o(D, I), y(!1), S("");
|
|
3450
|
-
},
|
|
3471
|
+
}, Y = (I) => {
|
|
3451
3472
|
I.stopPropagation();
|
|
3452
3473
|
const D = void 0;
|
|
3453
3474
|
e === void 0 && E(D), n == null || n(D, {});
|
|
3454
|
-
},
|
|
3475
|
+
}, Z = () => {
|
|
3455
3476
|
c || (y(!h), u && !h && setTimeout(() => {
|
|
3456
3477
|
var I;
|
|
3457
|
-
return (I =
|
|
3478
|
+
return (I = P.current) == null ? void 0 : I.focus();
|
|
3458
3479
|
}, 0));
|
|
3459
3480
|
};
|
|
3460
3481
|
return /* @__PURE__ */ N(
|
|
@@ -3467,10 +3488,10 @@ const It = na({
|
|
|
3467
3488
|
/* @__PURE__ */ N(
|
|
3468
3489
|
"div",
|
|
3469
3490
|
{
|
|
3470
|
-
onClick:
|
|
3491
|
+
onClick: Z,
|
|
3471
3492
|
className: p(
|
|
3472
3493
|
"flex items-center justify-between w-full border border-gray-300 rounded-md cursor-pointer transition-colors",
|
|
3473
|
-
|
|
3494
|
+
Te[m],
|
|
3474
3495
|
c && "bg-gray-50 cursor-not-allowed opacity-60",
|
|
3475
3496
|
h && "border-brand-500",
|
|
3476
3497
|
!c && "hover:border-gray-400",
|
|
@@ -3480,7 +3501,7 @@ const It = na({
|
|
|
3480
3501
|
/* @__PURE__ */ i("div", { className: "flex-1 min-w-0", children: u && h ? /* @__PURE__ */ i(
|
|
3481
3502
|
"input",
|
|
3482
3503
|
{
|
|
3483
|
-
ref:
|
|
3504
|
+
ref: P,
|
|
3484
3505
|
type: "text",
|
|
3485
3506
|
value: v,
|
|
3486
3507
|
onChange: (I) => S(I.target.value),
|
|
@@ -3501,7 +3522,7 @@ const It = na({
|
|
|
3501
3522
|
l && $ && /* @__PURE__ */ i(
|
|
3502
3523
|
"button",
|
|
3503
3524
|
{
|
|
3504
|
-
onClick:
|
|
3525
|
+
onClick: Y,
|
|
3505
3526
|
className: "text-gray-400 hover:text-gray-600 text-sm",
|
|
3506
3527
|
children: "×"
|
|
3507
3528
|
}
|
|
@@ -3527,10 +3548,10 @@ const It = na({
|
|
|
3527
3548
|
"absolute z-50 w-full mt-1 bg-white border border-gray-300 rounded-md shadow-md max-h-60 overflow-auto",
|
|
3528
3549
|
b
|
|
3529
3550
|
),
|
|
3530
|
-
children:
|
|
3551
|
+
children: J.length === 0 ? /* @__PURE__ */ i("div", { className: "px-3 py-2 text-sm text-gray-500", children: "No options" }) : J.map((I) => /* @__PURE__ */ i(
|
|
3531
3552
|
"div",
|
|
3532
3553
|
{
|
|
3533
|
-
onClick: () =>
|
|
3554
|
+
onClick: () => he(I),
|
|
3534
3555
|
className: p(
|
|
3535
3556
|
"px-3 py-2 cursor-pointer text-sm transition-colors",
|
|
3536
3557
|
I.disabled && "opacity-50 cursor-not-allowed",
|
|
@@ -3546,7 +3567,7 @@ const It = na({
|
|
|
3546
3567
|
]
|
|
3547
3568
|
}
|
|
3548
3569
|
);
|
|
3549
|
-
}, Mo = ({ children: e }) => /* @__PURE__ */ i(
|
|
3570
|
+
}, Mo = ({ children: e }) => /* @__PURE__ */ i(He, { children: e });
|
|
3550
3571
|
To.Option = Mo;
|
|
3551
3572
|
const Bs = ({
|
|
3552
3573
|
children: e,
|
|
@@ -3743,7 +3764,7 @@ const Bs = ({
|
|
|
3743
3764
|
className: c,
|
|
3744
3765
|
style: l
|
|
3745
3766
|
}) => {
|
|
3746
|
-
const [u, d] =
|
|
3767
|
+
const [u, d] = W(t || a || (e[0] && typeof e[0] == "object" ? e[0].value : e[0])), m = t !== void 0 ? t : u, s = e.map(
|
|
3747
3768
|
(C) => typeof C == "object" ? C : { label: C, value: C }
|
|
3748
3769
|
), g = (C) => {
|
|
3749
3770
|
n || (t === void 0 && d(C), r == null || r(C));
|
|
@@ -3996,7 +4017,7 @@ const Do = (e) => {
|
|
|
3996
4017
|
return document.addEventListener("visibilitychange", a), () => window.removeEventListener("visibilitychange", a);
|
|
3997
4018
|
}, []), e;
|
|
3998
4019
|
};
|
|
3999
|
-
let
|
|
4020
|
+
let Et = 1;
|
|
4000
4021
|
class $o {
|
|
4001
4022
|
constructor() {
|
|
4002
4023
|
this.subscribe = (t) => (this.subscribers.push(t), () => {
|
|
@@ -4011,7 +4032,7 @@ class $o {
|
|
|
4011
4032
|
];
|
|
4012
4033
|
}, this.create = (t) => {
|
|
4013
4034
|
var a;
|
|
4014
|
-
const { message: r, ...n } = t, o = typeof (t == null ? void 0 : t.id) == "number" || ((a = t.id) == null ? void 0 : a.length) > 0 ? t.id :
|
|
4035
|
+
const { message: r, ...n } = t, o = typeof (t == null ? void 0 : t.id) == "number" || ((a = t.id) == null ? void 0 : a.length) > 0 ? t.id : Et++, c = this.toasts.find((u) => u.id === o), l = t.dismissible === void 0 ? !0 : t.dismissible;
|
|
4015
4036
|
return this.dismissedToasts.has(o) && this.dismissedToasts.delete(o), c ? this.toasts = this.toasts.map((u) => u.id === o ? (this.publish({
|
|
4016
4037
|
...u,
|
|
4017
4038
|
...t,
|
|
@@ -4142,7 +4163,7 @@ class $o {
|
|
|
4142
4163
|
unwrap: u
|
|
4143
4164
|
});
|
|
4144
4165
|
}, this.custom = (t, a) => {
|
|
4145
|
-
const r = (a == null ? void 0 : a.id) ||
|
|
4166
|
+
const r = (a == null ? void 0 : a.id) || Et++;
|
|
4146
4167
|
return this.create({
|
|
4147
4168
|
jsx: t(r),
|
|
4148
4169
|
id: r,
|
|
@@ -4151,33 +4172,33 @@ class $o {
|
|
|
4151
4172
|
}, this.getActiveToasts = () => this.toasts.filter((t) => !this.dismissedToasts.has(t.id)), this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set();
|
|
4152
4173
|
}
|
|
4153
4174
|
}
|
|
4154
|
-
const
|
|
4155
|
-
const a = (t == null ? void 0 : t.id) ||
|
|
4156
|
-
return
|
|
4175
|
+
const q = new $o(), zo = (e, t) => {
|
|
4176
|
+
const a = (t == null ? void 0 : t.id) || Et++;
|
|
4177
|
+
return q.addToast({
|
|
4157
4178
|
title: e,
|
|
4158
4179
|
...t,
|
|
4159
4180
|
id: a
|
|
4160
4181
|
}), a;
|
|
4161
|
-
}, Vo = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Uo = zo, Ho = () =>
|
|
4162
|
-
success:
|
|
4163
|
-
info:
|
|
4164
|
-
warning:
|
|
4165
|
-
error:
|
|
4166
|
-
custom:
|
|
4167
|
-
message:
|
|
4168
|
-
promise:
|
|
4169
|
-
dismiss:
|
|
4170
|
-
loading:
|
|
4182
|
+
}, Vo = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Uo = zo, Ho = () => q.toasts, Go = () => q.getActiveToasts(), ne = Object.assign(Uo, {
|
|
4183
|
+
success: q.success,
|
|
4184
|
+
info: q.info,
|
|
4185
|
+
warning: q.warning,
|
|
4186
|
+
error: q.error,
|
|
4187
|
+
custom: q.custom,
|
|
4188
|
+
message: q.message,
|
|
4189
|
+
promise: q.promise,
|
|
4190
|
+
dismiss: q.dismiss,
|
|
4191
|
+
loading: q.loading
|
|
4171
4192
|
}, {
|
|
4172
4193
|
getHistory: Ho,
|
|
4173
4194
|
getToasts: Go
|
|
4174
4195
|
});
|
|
4175
4196
|
Io("[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%)}");
|
|
4176
|
-
function
|
|
4197
|
+
function at(e) {
|
|
4177
4198
|
return e.label !== void 0;
|
|
4178
4199
|
}
|
|
4179
|
-
const Ko = 3, Yo = "24px", Zo = "16px",
|
|
4180
|
-
function
|
|
4200
|
+
const Ko = 3, Yo = "24px", Zo = "16px", ra = 4e3, Xo = 356, qo = 14, Jo = 45, Qo = 200;
|
|
4201
|
+
function fe(...e) {
|
|
4181
4202
|
return e.filter(Boolean).join(" ");
|
|
4182
4203
|
}
|
|
4183
4204
|
function es(e) {
|
|
@@ -4186,53 +4207,53 @@ function es(e) {
|
|
|
4186
4207
|
}
|
|
4187
4208
|
const ts = (e) => {
|
|
4188
4209
|
var t, a, r, n, o, c, l, u, d;
|
|
4189
|
-
const { invert: m, toast: s, unstyled: g, interacting: b, setHeights: C, visibleToasts: h, heights: y, index: w, toasts: E, expanded: v, removeToast: S, defaultRichColors: M, closeButton:
|
|
4210
|
+
const { invert: m, toast: s, unstyled: g, interacting: b, setHeights: C, visibleToasts: h, heights: y, index: w, toasts: E, expanded: v, removeToast: S, defaultRichColors: M, closeButton: P, style: k, cancelButtonStyle: F, actionButtonStyle: $, className: J = "", descriptionClassName: Te = "", duration: he, position: Y, gap: Z, expandByDefault: I, classNames: D, icons: j, closeButtonAriaLabel: ce = "Close toast" } = e, [z, Q] = x.useState(null), [X, Me] = x.useState(null), [A, B] = x.useState(!1), [_, K] = x.useState(!1), [te, O] = x.useState(!1), [pe, Oe] = x.useState(!1), [ve, be] = x.useState(!1), [Be, Re] = x.useState(0), [Ve, Ue] = x.useState(0), Ae = x.useRef(s.duration || he || ra), Ye = x.useRef(null), oe = x.useRef(null), dt = w === 0, ut = w + 1 <= h, H = s.type, Ce = s.dismissible !== !1, Lt = s.className || "", ae = s.descriptionClassName || "", T = x.useMemo(() => y.findIndex((R) => R.toastId === s.id) || 0, [
|
|
4190
4211
|
y,
|
|
4191
4212
|
s.id
|
|
4192
|
-
]),
|
|
4213
|
+
]), L = x.useMemo(() => {
|
|
4193
4214
|
var R;
|
|
4194
|
-
return (R = s.closeButton) != null ? R :
|
|
4215
|
+
return (R = s.closeButton) != null ? R : P;
|
|
4195
4216
|
}, [
|
|
4196
4217
|
s.closeButton,
|
|
4197
|
-
|
|
4198
|
-
]),
|
|
4218
|
+
P
|
|
4219
|
+
]), de = x.useMemo(() => s.duration || he || ra, [
|
|
4199
4220
|
s.duration,
|
|
4200
|
-
|
|
4201
|
-
]),
|
|
4221
|
+
he
|
|
4222
|
+
]), Ie = x.useRef(0), ue = x.useRef(0), Ot = x.useRef(0), _e = x.useRef(null), [Va, Ua] = Y.split("-"), Bt = x.useMemo(() => y.reduce((R, V, G) => G >= T ? R : R + V.height, 0), [
|
|
4202
4223
|
y,
|
|
4203
|
-
|
|
4204
|
-
]),
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4224
|
+
T
|
|
4225
|
+
]), _t = jo(), Ha = s.invert || m, ft = H === "loading";
|
|
4226
|
+
ue.current = x.useMemo(() => T * Z + Bt, [
|
|
4227
|
+
T,
|
|
4228
|
+
Bt
|
|
4208
4229
|
]), x.useEffect(() => {
|
|
4209
|
-
|
|
4230
|
+
Ae.current = de;
|
|
4210
4231
|
}, [
|
|
4211
|
-
|
|
4232
|
+
de
|
|
4212
4233
|
]), x.useEffect(() => {
|
|
4213
|
-
|
|
4234
|
+
B(!0);
|
|
4214
4235
|
}, []), x.useEffect(() => {
|
|
4215
|
-
const R =
|
|
4236
|
+
const R = oe.current;
|
|
4216
4237
|
if (R) {
|
|
4217
4238
|
const V = R.getBoundingClientRect().height;
|
|
4218
|
-
return
|
|
4239
|
+
return Ue(V), C((G) => [
|
|
4219
4240
|
{
|
|
4220
4241
|
toastId: s.id,
|
|
4221
4242
|
height: V,
|
|
4222
4243
|
position: s.position
|
|
4223
4244
|
},
|
|
4224
4245
|
...G
|
|
4225
|
-
]), () => C((G) => G.filter((
|
|
4246
|
+
]), () => C((G) => G.filter((ee) => ee.toastId !== s.id));
|
|
4226
4247
|
}
|
|
4227
4248
|
}, [
|
|
4228
4249
|
C,
|
|
4229
4250
|
s.id
|
|
4230
4251
|
]), x.useLayoutEffect(() => {
|
|
4231
4252
|
if (!A) return;
|
|
4232
|
-
const R =
|
|
4253
|
+
const R = oe.current, V = R.style.height;
|
|
4233
4254
|
R.style.height = "auto";
|
|
4234
4255
|
const G = R.getBoundingClientRect().height;
|
|
4235
|
-
R.style.height = V,
|
|
4256
|
+
R.style.height = V, Ue(G), C((ee) => ee.find((U) => U.toastId === s.id) ? ee.map((U) => U.toastId === s.id ? {
|
|
4236
4257
|
...U,
|
|
4237
4258
|
height: G
|
|
4238
4259
|
} : U) : [
|
|
@@ -4241,7 +4262,7 @@ const ts = (e) => {
|
|
|
4241
4262
|
height: G,
|
|
4242
4263
|
position: s.position
|
|
4243
4264
|
},
|
|
4244
|
-
...
|
|
4265
|
+
...ee
|
|
4245
4266
|
]);
|
|
4246
4267
|
}, [
|
|
4247
4268
|
A,
|
|
@@ -4253,184 +4274,184 @@ const ts = (e) => {
|
|
|
4253
4274
|
s.action,
|
|
4254
4275
|
s.cancel
|
|
4255
4276
|
]);
|
|
4256
|
-
const
|
|
4257
|
-
|
|
4277
|
+
const Ne = x.useCallback(() => {
|
|
4278
|
+
K(!0), Re(ue.current), C((R) => R.filter((V) => V.toastId !== s.id)), setTimeout(() => {
|
|
4258
4279
|
S(s);
|
|
4259
4280
|
}, Qo);
|
|
4260
4281
|
}, [
|
|
4261
4282
|
s,
|
|
4262
4283
|
S,
|
|
4263
4284
|
C,
|
|
4264
|
-
|
|
4285
|
+
ue
|
|
4265
4286
|
]);
|
|
4266
4287
|
x.useEffect(() => {
|
|
4267
|
-
if (s.promise &&
|
|
4288
|
+
if (s.promise && H === "loading" || s.duration === 1 / 0 || s.type === "loading") return;
|
|
4268
4289
|
let R;
|
|
4269
|
-
return v || b ||
|
|
4270
|
-
if (
|
|
4271
|
-
const
|
|
4272
|
-
|
|
4290
|
+
return v || b || _t ? (() => {
|
|
4291
|
+
if (Ot.current < Ie.current) {
|
|
4292
|
+
const ee = (/* @__PURE__ */ new Date()).getTime() - Ie.current;
|
|
4293
|
+
Ae.current = Ae.current - ee;
|
|
4273
4294
|
}
|
|
4274
|
-
|
|
4295
|
+
Ot.current = (/* @__PURE__ */ new Date()).getTime();
|
|
4275
4296
|
})() : (() => {
|
|
4276
|
-
|
|
4277
|
-
s.onAutoClose == null || s.onAutoClose.call(s, s),
|
|
4278
|
-
},
|
|
4297
|
+
Ae.current !== 1 / 0 && (Ie.current = (/* @__PURE__ */ new Date()).getTime(), R = setTimeout(() => {
|
|
4298
|
+
s.onAutoClose == null || s.onAutoClose.call(s, s), Ne();
|
|
4299
|
+
}, Ae.current));
|
|
4279
4300
|
})(), () => clearTimeout(R);
|
|
4280
4301
|
}, [
|
|
4281
4302
|
v,
|
|
4282
4303
|
b,
|
|
4283
4304
|
s,
|
|
4284
|
-
|
|
4285
|
-
|
|
4286
|
-
|
|
4305
|
+
H,
|
|
4306
|
+
_t,
|
|
4307
|
+
Ne
|
|
4287
4308
|
]), x.useEffect(() => {
|
|
4288
|
-
s.delete && (
|
|
4309
|
+
s.delete && (Ne(), s.onDismiss == null || s.onDismiss.call(s, s));
|
|
4289
4310
|
}, [
|
|
4290
|
-
|
|
4311
|
+
Ne,
|
|
4291
4312
|
s.delete
|
|
4292
4313
|
]);
|
|
4293
4314
|
function Ga() {
|
|
4294
4315
|
var R;
|
|
4295
|
-
if (
|
|
4316
|
+
if (j != null && j.loading) {
|
|
4296
4317
|
var V;
|
|
4297
4318
|
return /* @__PURE__ */ x.createElement("div", {
|
|
4298
|
-
className:
|
|
4299
|
-
"data-visible":
|
|
4300
|
-
},
|
|
4319
|
+
className: fe(D == null ? void 0 : D.loader, s == null || (V = s.classNames) == null ? void 0 : V.loader, "sonner-loader"),
|
|
4320
|
+
"data-visible": H === "loading"
|
|
4321
|
+
}, j.loading);
|
|
4301
4322
|
}
|
|
4302
4323
|
return /* @__PURE__ */ x.createElement(Lo, {
|
|
4303
|
-
className:
|
|
4304
|
-
visible:
|
|
4324
|
+
className: fe(D == null ? void 0 : D.loader, s == null || (R = s.classNames) == null ? void 0 : R.loader),
|
|
4325
|
+
visible: H === "loading"
|
|
4305
4326
|
});
|
|
4306
4327
|
}
|
|
4307
|
-
const Ka = s.icon || (
|
|
4308
|
-
var
|
|
4328
|
+
const Ka = s.icon || (j == null ? void 0 : j[H]) || Do(H);
|
|
4329
|
+
var Ft, Wt;
|
|
4309
4330
|
return /* @__PURE__ */ x.createElement("li", {
|
|
4310
4331
|
tabIndex: 0,
|
|
4311
|
-
ref:
|
|
4312
|
-
className:
|
|
4332
|
+
ref: oe,
|
|
4333
|
+
className: fe(J, Lt, D == null ? void 0 : D.toast, s == null || (t = s.classNames) == null ? void 0 : t.toast, D == null ? void 0 : D.default, D == null ? void 0 : D[H], s == null || (a = s.classNames) == null ? void 0 : a[H]),
|
|
4313
4334
|
"data-sonner-toast": "",
|
|
4314
|
-
"data-rich-colors": (
|
|
4335
|
+
"data-rich-colors": (Ft = s.richColors) != null ? Ft : M,
|
|
4315
4336
|
"data-styled": !(s.jsx || s.unstyled || g),
|
|
4316
4337
|
"data-mounted": A,
|
|
4317
4338
|
"data-promise": !!s.promise,
|
|
4318
|
-
"data-swiped":
|
|
4319
|
-
"data-removed":
|
|
4320
|
-
"data-visible":
|
|
4339
|
+
"data-swiped": ve,
|
|
4340
|
+
"data-removed": _,
|
|
4341
|
+
"data-visible": ut,
|
|
4321
4342
|
"data-y-position": Va,
|
|
4322
4343
|
"data-x-position": Ua,
|
|
4323
4344
|
"data-index": w,
|
|
4324
|
-
"data-front":
|
|
4325
|
-
"data-swiping":
|
|
4326
|
-
"data-dismissible":
|
|
4327
|
-
"data-type":
|
|
4345
|
+
"data-front": dt,
|
|
4346
|
+
"data-swiping": te,
|
|
4347
|
+
"data-dismissible": Ce,
|
|
4348
|
+
"data-type": H,
|
|
4328
4349
|
"data-invert": Ha,
|
|
4329
|
-
"data-swipe-out":
|
|
4330
|
-
"data-swipe-direction":
|
|
4350
|
+
"data-swipe-out": pe,
|
|
4351
|
+
"data-swipe-direction": X,
|
|
4331
4352
|
"data-expanded": !!(v || I && A),
|
|
4332
4353
|
"data-testid": s.testId,
|
|
4333
4354
|
style: {
|
|
4334
4355
|
"--index": w,
|
|
4335
4356
|
"--toasts-before": w,
|
|
4336
4357
|
"--z-index": E.length - w,
|
|
4337
|
-
"--offset": `${
|
|
4338
|
-
"--initial-height": I ? "auto" : `${
|
|
4339
|
-
...
|
|
4358
|
+
"--offset": `${_ ? Be : ue.current}px`,
|
|
4359
|
+
"--initial-height": I ? "auto" : `${Ve}px`,
|
|
4360
|
+
...k,
|
|
4340
4361
|
...s.style
|
|
4341
4362
|
},
|
|
4342
4363
|
onDragEnd: () => {
|
|
4343
|
-
|
|
4364
|
+
O(!1), Q(null), _e.current = null;
|
|
4344
4365
|
},
|
|
4345
4366
|
onPointerDown: (R) => {
|
|
4346
|
-
R.button !== 2 && (
|
|
4367
|
+
R.button !== 2 && (ft || !Ce || (Ye.current = /* @__PURE__ */ new Date(), Re(ue.current), R.target.setPointerCapture(R.pointerId), R.target.tagName !== "BUTTON" && (O(!0), _e.current = {
|
|
4347
4368
|
x: R.clientX,
|
|
4348
4369
|
y: R.clientY
|
|
4349
4370
|
})));
|
|
4350
4371
|
},
|
|
4351
4372
|
onPointerUp: () => {
|
|
4352
4373
|
var R, V, G;
|
|
4353
|
-
if (
|
|
4354
|
-
|
|
4355
|
-
const
|
|
4356
|
-
if (Math.abs(
|
|
4357
|
-
|
|
4374
|
+
if (pe || !Ce) return;
|
|
4375
|
+
_e.current = null;
|
|
4376
|
+
const ee = Number(((R = oe.current) == null ? void 0 : R.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Ze = Number(((V = oe.current) == null ? void 0 : V.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), U = (/* @__PURE__ */ new Date()).getTime() - ((G = Ye.current) == null ? void 0 : G.getTime()), re = z === "x" ? ee : Ze, Xe = Math.abs(re) / U;
|
|
4377
|
+
if (Math.abs(re) >= Jo || Xe > 0.11) {
|
|
4378
|
+
Re(ue.current), s.onDismiss == null || s.onDismiss.call(s, s), Me(z === "x" ? ee > 0 ? "right" : "left" : Ze > 0 ? "down" : "up"), Ne(), Oe(!0);
|
|
4358
4379
|
return;
|
|
4359
4380
|
} else {
|
|
4360
|
-
var
|
|
4361
|
-
(
|
|
4381
|
+
var se, ie;
|
|
4382
|
+
(se = oe.current) == null || se.style.setProperty("--swipe-amount-x", "0px"), (ie = oe.current) == null || ie.style.setProperty("--swipe-amount-y", "0px");
|
|
4362
4383
|
}
|
|
4363
|
-
|
|
4384
|
+
be(!1), O(!1), Q(null);
|
|
4364
4385
|
},
|
|
4365
4386
|
onPointerMove: (R) => {
|
|
4366
|
-
var V, G,
|
|
4367
|
-
if (!
|
|
4368
|
-
const U = R.clientY -
|
|
4369
|
-
var
|
|
4370
|
-
const
|
|
4371
|
-
!z && (Math.abs(
|
|
4372
|
-
let
|
|
4387
|
+
var V, G, ee;
|
|
4388
|
+
if (!_e.current || !Ce || ((V = window.getSelection()) == null ? void 0 : V.toString().length) > 0) return;
|
|
4389
|
+
const U = R.clientY - _e.current.y, re = R.clientX - _e.current.x;
|
|
4390
|
+
var Xe;
|
|
4391
|
+
const se = (Xe = e.swipeDirections) != null ? Xe : es(Y);
|
|
4392
|
+
!z && (Math.abs(re) > 1 || Math.abs(U) > 1) && Q(Math.abs(re) > Math.abs(U) ? "x" : "y");
|
|
4393
|
+
let ie = {
|
|
4373
4394
|
x: 0,
|
|
4374
4395
|
y: 0
|
|
4375
4396
|
};
|
|
4376
|
-
const
|
|
4397
|
+
const jt = (De) => 1 / (1.5 + Math.abs(De) / 20);
|
|
4377
4398
|
if (z === "y") {
|
|
4378
|
-
if (
|
|
4379
|
-
if (
|
|
4380
|
-
|
|
4399
|
+
if (se.includes("top") || se.includes("bottom"))
|
|
4400
|
+
if (se.includes("top") && U < 0 || se.includes("bottom") && U > 0)
|
|
4401
|
+
ie.y = U;
|
|
4381
4402
|
else {
|
|
4382
|
-
const
|
|
4383
|
-
|
|
4403
|
+
const De = U * jt(U);
|
|
4404
|
+
ie.y = Math.abs(De) < Math.abs(U) ? De : U;
|
|
4384
4405
|
}
|
|
4385
|
-
} else if (z === "x" && (
|
|
4386
|
-
if (
|
|
4387
|
-
|
|
4406
|
+
} else if (z === "x" && (se.includes("left") || se.includes("right")))
|
|
4407
|
+
if (se.includes("left") && re < 0 || se.includes("right") && re > 0)
|
|
4408
|
+
ie.x = re;
|
|
4388
4409
|
else {
|
|
4389
|
-
const
|
|
4390
|
-
|
|
4410
|
+
const De = re * jt(re);
|
|
4411
|
+
ie.x = Math.abs(De) < Math.abs(re) ? De : re;
|
|
4391
4412
|
}
|
|
4392
|
-
(Math.abs(
|
|
4413
|
+
(Math.abs(ie.x) > 0 || Math.abs(ie.y) > 0) && be(!0), (G = oe.current) == null || G.style.setProperty("--swipe-amount-x", `${ie.x}px`), (ee = oe.current) == null || ee.style.setProperty("--swipe-amount-y", `${ie.y}px`);
|
|
4393
4414
|
}
|
|
4394
|
-
},
|
|
4395
|
-
"aria-label":
|
|
4396
|
-
"data-disabled":
|
|
4415
|
+
}, L && !s.jsx && H !== "loading" ? /* @__PURE__ */ x.createElement("button", {
|
|
4416
|
+
"aria-label": ce,
|
|
4417
|
+
"data-disabled": ft,
|
|
4397
4418
|
"data-close-button": !0,
|
|
4398
|
-
onClick:
|
|
4419
|
+
onClick: ft || !Ce ? () => {
|
|
4399
4420
|
} : () => {
|
|
4400
|
-
|
|
4421
|
+
Ne(), s.onDismiss == null || s.onDismiss.call(s, s);
|
|
4401
4422
|
},
|
|
4402
|
-
className:
|
|
4403
|
-
}, (
|
|
4423
|
+
className: fe(D == null ? void 0 : D.closeButton, s == null || (r = s.classNames) == null ? void 0 : r.closeButton)
|
|
4424
|
+
}, (Wt = j == null ? void 0 : j.close) != null ? Wt : Wo) : null, (H || s.icon || s.promise) && s.icon !== null && ((j == null ? void 0 : j[H]) !== null || s.icon) ? /* @__PURE__ */ x.createElement("div", {
|
|
4404
4425
|
"data-icon": "",
|
|
4405
|
-
className:
|
|
4426
|
+
className: fe(D == null ? void 0 : D.icon, s == null || (n = s.classNames) == null ? void 0 : n.icon)
|
|
4406
4427
|
}, s.promise || s.type === "loading" && !s.icon ? s.icon || Ga() : null, s.type !== "loading" ? Ka : null) : null, /* @__PURE__ */ x.createElement("div", {
|
|
4407
4428
|
"data-content": "",
|
|
4408
|
-
className:
|
|
4429
|
+
className: fe(D == null ? void 0 : D.content, s == null || (o = s.classNames) == null ? void 0 : o.content)
|
|
4409
4430
|
}, /* @__PURE__ */ x.createElement("div", {
|
|
4410
4431
|
"data-title": "",
|
|
4411
|
-
className:
|
|
4432
|
+
className: fe(D == null ? void 0 : D.title, s == null || (c = s.classNames) == null ? void 0 : c.title)
|
|
4412
4433
|
}, s.jsx ? s.jsx : typeof s.title == "function" ? s.title() : s.title), s.description ? /* @__PURE__ */ x.createElement("div", {
|
|
4413
4434
|
"data-description": "",
|
|
4414
|
-
className:
|
|
4415
|
-
}, typeof s.description == "function" ? s.description() : s.description) : null), /* @__PURE__ */ x.isValidElement(s.cancel) ? s.cancel : s.cancel &&
|
|
4435
|
+
className: fe(Te, ae, D == null ? void 0 : D.description, s == null || (l = s.classNames) == null ? void 0 : l.description)
|
|
4436
|
+
}, typeof s.description == "function" ? s.description() : s.description) : null), /* @__PURE__ */ x.isValidElement(s.cancel) ? s.cancel : s.cancel && at(s.cancel) ? /* @__PURE__ */ x.createElement("button", {
|
|
4416
4437
|
"data-button": !0,
|
|
4417
4438
|
"data-cancel": !0,
|
|
4418
4439
|
style: s.cancelButtonStyle || F,
|
|
4419
4440
|
onClick: (R) => {
|
|
4420
|
-
|
|
4441
|
+
at(s.cancel) && Ce && (s.cancel.onClick == null || s.cancel.onClick.call(s.cancel, R), Ne());
|
|
4421
4442
|
},
|
|
4422
|
-
className:
|
|
4423
|
-
}, s.cancel.label) : null, /* @__PURE__ */ x.isValidElement(s.action) ? s.action : s.action &&
|
|
4443
|
+
className: fe(D == null ? void 0 : D.cancelButton, s == null || (u = s.classNames) == null ? void 0 : u.cancelButton)
|
|
4444
|
+
}, s.cancel.label) : null, /* @__PURE__ */ x.isValidElement(s.action) ? s.action : s.action && at(s.action) ? /* @__PURE__ */ x.createElement("button", {
|
|
4424
4445
|
"data-button": !0,
|
|
4425
4446
|
"data-action": !0,
|
|
4426
4447
|
style: s.actionButtonStyle || $,
|
|
4427
4448
|
onClick: (R) => {
|
|
4428
|
-
|
|
4449
|
+
at(s.action) && (s.action.onClick == null || s.action.onClick.call(s.action, R), !R.defaultPrevented && Ne());
|
|
4429
4450
|
},
|
|
4430
|
-
className:
|
|
4451
|
+
className: fe(D == null ? void 0 : D.actionButton, s == null || (d = s.classNames) == null ? void 0 : d.actionButton)
|
|
4431
4452
|
}, s.action.label) : null);
|
|
4432
4453
|
};
|
|
4433
|
-
function
|
|
4454
|
+
function na() {
|
|
4434
4455
|
if (typeof window > "u" || typeof document > "u") return "ltr";
|
|
4435
4456
|
const e = document.documentElement.getAttribute("dir");
|
|
4436
4457
|
return e === "auto" || !e ? window.getComputedStyle(document.documentElement).direction : e;
|
|
@@ -4466,97 +4487,97 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4466
4487
|
const { id: r, invert: n, position: o = "bottom-right", hotkey: c = [
|
|
4467
4488
|
"altKey",
|
|
4468
4489
|
"KeyT"
|
|
4469
|
-
], expand: l, closeButton: u, className: d, offset: m, mobileOffset: s, theme: g = "light", richColors: b, duration: C, style: h, visibleToasts: y = Ko, toastOptions: w, dir: E =
|
|
4470
|
-
|
|
4490
|
+
], expand: l, closeButton: u, className: d, offset: m, mobileOffset: s, theme: g = "light", richColors: b, duration: C, style: h, visibleToasts: y = Ko, toastOptions: w, dir: E = na(), gap: v = qo, icons: S, containerAriaLabel: M = "Notifications" } = t, [P, k] = x.useState([]), F = x.useMemo(() => r ? P.filter((A) => A.toasterId === r) : P.filter((A) => !A.toasterId), [
|
|
4491
|
+
P,
|
|
4471
4492
|
r
|
|
4472
4493
|
]), $ = x.useMemo(() => Array.from(new Set([
|
|
4473
4494
|
o
|
|
4474
4495
|
].concat(F.filter((A) => A.position).map((A) => A.position)))), [
|
|
4475
4496
|
F,
|
|
4476
4497
|
o
|
|
4477
|
-
]), [
|
|
4478
|
-
|
|
4479
|
-
var
|
|
4480
|
-
return (
|
|
4498
|
+
]), [J, Te] = x.useState([]), [he, Y] = x.useState(!1), [Z, I] = x.useState(!1), [D, j] = x.useState(g !== "system" ? g : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), ce = x.useRef(null), z = c.join("+").replace(/Key/g, "").replace(/Digit/g, ""), Q = x.useRef(null), X = x.useRef(!1), Me = x.useCallback((A) => {
|
|
4499
|
+
k((B) => {
|
|
4500
|
+
var _;
|
|
4501
|
+
return (_ = B.find((K) => K.id === A.id)) != null && _.delete || q.dismiss(A.id), B.filter(({ id: K }) => K !== A.id);
|
|
4481
4502
|
});
|
|
4482
4503
|
}, []);
|
|
4483
|
-
return x.useEffect(() =>
|
|
4504
|
+
return x.useEffect(() => q.subscribe((A) => {
|
|
4484
4505
|
if (A.dismiss) {
|
|
4485
4506
|
requestAnimationFrame(() => {
|
|
4486
|
-
|
|
4487
|
-
...
|
|
4507
|
+
k((B) => B.map((_) => _.id === A.id ? {
|
|
4508
|
+
..._,
|
|
4488
4509
|
delete: !0
|
|
4489
|
-
} :
|
|
4510
|
+
} : _));
|
|
4490
4511
|
});
|
|
4491
4512
|
return;
|
|
4492
4513
|
}
|
|
4493
4514
|
setTimeout(() => {
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
const
|
|
4497
|
-
return
|
|
4498
|
-
...
|
|
4515
|
+
sa.flushSync(() => {
|
|
4516
|
+
k((B) => {
|
|
4517
|
+
const _ = B.findIndex((K) => K.id === A.id);
|
|
4518
|
+
return _ !== -1 ? [
|
|
4519
|
+
...B.slice(0, _),
|
|
4499
4520
|
{
|
|
4500
|
-
..._
|
|
4521
|
+
...B[_],
|
|
4501
4522
|
...A
|
|
4502
4523
|
},
|
|
4503
|
-
...
|
|
4524
|
+
...B.slice(_ + 1)
|
|
4504
4525
|
] : [
|
|
4505
4526
|
A,
|
|
4506
|
-
...
|
|
4527
|
+
...B
|
|
4507
4528
|
];
|
|
4508
4529
|
});
|
|
4509
4530
|
});
|
|
4510
4531
|
});
|
|
4511
4532
|
}), [
|
|
4512
|
-
|
|
4533
|
+
P
|
|
4513
4534
|
]), x.useEffect(() => {
|
|
4514
4535
|
if (g !== "system") {
|
|
4515
|
-
|
|
4536
|
+
j(g);
|
|
4516
4537
|
return;
|
|
4517
4538
|
}
|
|
4518
|
-
if (g === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ?
|
|
4539
|
+
if (g === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? j("dark") : j("light")), typeof window > "u") return;
|
|
4519
4540
|
const A = window.matchMedia("(prefers-color-scheme: dark)");
|
|
4520
4541
|
try {
|
|
4521
|
-
A.addEventListener("change", ({ matches:
|
|
4522
|
-
|
|
4542
|
+
A.addEventListener("change", ({ matches: B }) => {
|
|
4543
|
+
j(B ? "dark" : "light");
|
|
4523
4544
|
});
|
|
4524
4545
|
} catch {
|
|
4525
|
-
A.addListener(({ matches:
|
|
4546
|
+
A.addListener(({ matches: _ }) => {
|
|
4526
4547
|
try {
|
|
4527
|
-
|
|
4528
|
-
} catch (
|
|
4529
|
-
console.error(
|
|
4548
|
+
j(_ ? "dark" : "light");
|
|
4549
|
+
} catch (K) {
|
|
4550
|
+
console.error(K);
|
|
4530
4551
|
}
|
|
4531
4552
|
});
|
|
4532
4553
|
}
|
|
4533
4554
|
}, [
|
|
4534
4555
|
g
|
|
4535
4556
|
]), x.useEffect(() => {
|
|
4536
|
-
|
|
4557
|
+
P.length <= 1 && Y(!1);
|
|
4537
4558
|
}, [
|
|
4538
|
-
|
|
4559
|
+
P
|
|
4539
4560
|
]), x.useEffect(() => {
|
|
4540
|
-
const A = (
|
|
4541
|
-
var
|
|
4542
|
-
if (c.every((
|
|
4543
|
-
var
|
|
4544
|
-
|
|
4561
|
+
const A = (B) => {
|
|
4562
|
+
var _;
|
|
4563
|
+
if (c.every((O) => B[O] || B.code === O)) {
|
|
4564
|
+
var te;
|
|
4565
|
+
Y(!0), (te = ce.current) == null || te.focus();
|
|
4545
4566
|
}
|
|
4546
|
-
|
|
4567
|
+
B.code === "Escape" && (document.activeElement === ce.current || (_ = ce.current) != null && _.contains(document.activeElement)) && Y(!1);
|
|
4547
4568
|
};
|
|
4548
4569
|
return document.addEventListener("keydown", A), () => document.removeEventListener("keydown", A);
|
|
4549
4570
|
}, [
|
|
4550
4571
|
c
|
|
4551
4572
|
]), x.useEffect(() => {
|
|
4552
|
-
if (
|
|
4573
|
+
if (ce.current)
|
|
4553
4574
|
return () => {
|
|
4554
|
-
|
|
4575
|
+
Q.current && (Q.current.focus({
|
|
4555
4576
|
preventScroll: !0
|
|
4556
|
-
}),
|
|
4577
|
+
}), Q.current = null, X.current = !1);
|
|
4557
4578
|
};
|
|
4558
4579
|
}, [
|
|
4559
|
-
|
|
4580
|
+
ce.current
|
|
4560
4581
|
]), // Remove item from normal navigation flow, only available via hotkey
|
|
4561
4582
|
/* @__PURE__ */ x.createElement("section", {
|
|
4562
4583
|
ref: a,
|
|
@@ -4566,59 +4587,59 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4566
4587
|
"aria-relevant": "additions text",
|
|
4567
4588
|
"aria-atomic": "false",
|
|
4568
4589
|
suppressHydrationWarning: !0
|
|
4569
|
-
}, $.map((A,
|
|
4570
|
-
var
|
|
4571
|
-
const [
|
|
4590
|
+
}, $.map((A, B) => {
|
|
4591
|
+
var _;
|
|
4592
|
+
const [K, te] = A.split("-");
|
|
4572
4593
|
return F.length ? /* @__PURE__ */ x.createElement("ol", {
|
|
4573
4594
|
key: A,
|
|
4574
|
-
dir: E === "auto" ?
|
|
4595
|
+
dir: E === "auto" ? na() : E,
|
|
4575
4596
|
tabIndex: -1,
|
|
4576
|
-
ref:
|
|
4597
|
+
ref: ce,
|
|
4577
4598
|
className: d,
|
|
4578
4599
|
"data-sonner-toaster": !0,
|
|
4579
4600
|
"data-sonner-theme": D,
|
|
4580
|
-
"data-y-position":
|
|
4581
|
-
"data-x-position":
|
|
4601
|
+
"data-y-position": K,
|
|
4602
|
+
"data-x-position": te,
|
|
4582
4603
|
style: {
|
|
4583
|
-
"--front-toast-height": `${((
|
|
4604
|
+
"--front-toast-height": `${((_ = J[0]) == null ? void 0 : _.height) || 0}px`,
|
|
4584
4605
|
"--width": `${Xo}px`,
|
|
4585
4606
|
"--gap": `${v}px`,
|
|
4586
4607
|
...h,
|
|
4587
4608
|
...as(m, s)
|
|
4588
4609
|
},
|
|
4589
|
-
onBlur: (
|
|
4590
|
-
|
|
4610
|
+
onBlur: (O) => {
|
|
4611
|
+
X.current && !O.currentTarget.contains(O.relatedTarget) && (X.current = !1, Q.current && (Q.current.focus({
|
|
4591
4612
|
preventScroll: !0
|
|
4592
|
-
}),
|
|
4613
|
+
}), Q.current = null));
|
|
4593
4614
|
},
|
|
4594
|
-
onFocus: (
|
|
4595
|
-
|
|
4615
|
+
onFocus: (O) => {
|
|
4616
|
+
O.target instanceof HTMLElement && O.target.dataset.dismissible === "false" || X.current || (X.current = !0, Q.current = O.relatedTarget);
|
|
4596
4617
|
},
|
|
4597
|
-
onMouseEnter: () =>
|
|
4598
|
-
onMouseMove: () =>
|
|
4618
|
+
onMouseEnter: () => Y(!0),
|
|
4619
|
+
onMouseMove: () => Y(!0),
|
|
4599
4620
|
onMouseLeave: () => {
|
|
4600
|
-
|
|
4621
|
+
Z || Y(!1);
|
|
4601
4622
|
},
|
|
4602
|
-
onDragEnd: () =>
|
|
4603
|
-
onPointerDown: (
|
|
4604
|
-
|
|
4623
|
+
onDragEnd: () => Y(!1),
|
|
4624
|
+
onPointerDown: (O) => {
|
|
4625
|
+
O.target instanceof HTMLElement && O.target.dataset.dismissible === "false" || I(!0);
|
|
4605
4626
|
},
|
|
4606
4627
|
onPointerUp: () => I(!1)
|
|
4607
|
-
}, F.filter((
|
|
4608
|
-
var
|
|
4628
|
+
}, F.filter((O) => !O.position && B === 0 || O.position === A).map((O, pe) => {
|
|
4629
|
+
var Oe, ve;
|
|
4609
4630
|
return /* @__PURE__ */ x.createElement(ts, {
|
|
4610
|
-
key:
|
|
4631
|
+
key: O.id,
|
|
4611
4632
|
icons: S,
|
|
4612
|
-
index:
|
|
4613
|
-
toast:
|
|
4633
|
+
index: pe,
|
|
4634
|
+
toast: O,
|
|
4614
4635
|
defaultRichColors: b,
|
|
4615
|
-
duration: (
|
|
4636
|
+
duration: (Oe = w == null ? void 0 : w.duration) != null ? Oe : C,
|
|
4616
4637
|
className: w == null ? void 0 : w.className,
|
|
4617
4638
|
descriptionClassName: w == null ? void 0 : w.descriptionClassName,
|
|
4618
4639
|
invert: n,
|
|
4619
4640
|
visibleToasts: y,
|
|
4620
|
-
closeButton: (
|
|
4621
|
-
interacting:
|
|
4641
|
+
closeButton: (ve = w == null ? void 0 : w.closeButton) != null ? ve : u,
|
|
4642
|
+
interacting: Z,
|
|
4622
4643
|
position: A,
|
|
4623
4644
|
style: w == null ? void 0 : w.style,
|
|
4624
4645
|
unstyled: w == null ? void 0 : w.unstyled,
|
|
@@ -4626,13 +4647,13 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4626
4647
|
cancelButtonStyle: w == null ? void 0 : w.cancelButtonStyle,
|
|
4627
4648
|
actionButtonStyle: w == null ? void 0 : w.actionButtonStyle,
|
|
4628
4649
|
closeButtonAriaLabel: w == null ? void 0 : w.closeButtonAriaLabel,
|
|
4629
|
-
removeToast:
|
|
4630
|
-
toasts: F.filter((
|
|
4631
|
-
heights:
|
|
4632
|
-
setHeights:
|
|
4650
|
+
removeToast: Me,
|
|
4651
|
+
toasts: F.filter((be) => be.position == O.position),
|
|
4652
|
+
heights: J.filter((be) => be.position == O.position),
|
|
4653
|
+
setHeights: Te,
|
|
4633
4654
|
expandByDefault: l,
|
|
4634
4655
|
gap: v,
|
|
4635
|
-
expanded:
|
|
4656
|
+
expanded: he,
|
|
4636
4657
|
swipeDirections: t.swipeDirections
|
|
4637
4658
|
});
|
|
4638
4659
|
})) : null;
|
|
@@ -4692,7 +4713,7 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4692
4713
|
}
|
|
4693
4714
|
}
|
|
4694
4715
|
}
|
|
4695
|
-
),
|
|
4716
|
+
), ye = ({
|
|
4696
4717
|
title: e,
|
|
4697
4718
|
description: t,
|
|
4698
4719
|
icon: a
|
|
@@ -4702,16 +4723,16 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4702
4723
|
/* @__PURE__ */ i("div", { className: "text-black font-medium text-sm leading-5", style: { fontFamily: "Inter, sans-serif" }, children: e }),
|
|
4703
4724
|
t && /* @__PURE__ */ i("div", { className: "text-xs text-gray-700 leading-5 font-normal", style: { fontFamily: "Inter, sans-serif", color: "#414651" }, children: t })
|
|
4704
4725
|
] })
|
|
4705
|
-
] }),
|
|
4726
|
+
] }), Ee = {
|
|
4706
4727
|
success: (e) => {
|
|
4707
4728
|
if (typeof e == "string")
|
|
4708
|
-
return
|
|
4709
|
-
/* @__PURE__ */ i(
|
|
4729
|
+
return ne.success(
|
|
4730
|
+
/* @__PURE__ */ i(ye, { title: e, variant: "success" })
|
|
4710
4731
|
);
|
|
4711
4732
|
const { title: t, description: a, icon: r, primaryAction: n, secondaryAction: o, ...c } = e;
|
|
4712
|
-
return
|
|
4733
|
+
return ne.success(
|
|
4713
4734
|
/* @__PURE__ */ i(
|
|
4714
|
-
|
|
4735
|
+
ye,
|
|
4715
4736
|
{
|
|
4716
4737
|
title: t,
|
|
4717
4738
|
description: a,
|
|
@@ -4734,13 +4755,13 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4734
4755
|
},
|
|
4735
4756
|
error: (e) => {
|
|
4736
4757
|
if (typeof e == "string")
|
|
4737
|
-
return
|
|
4738
|
-
/* @__PURE__ */ i(
|
|
4758
|
+
return ne.error(
|
|
4759
|
+
/* @__PURE__ */ i(ye, { title: e, variant: "error" })
|
|
4739
4760
|
);
|
|
4740
4761
|
const { title: t, description: a, icon: r, primaryAction: n, secondaryAction: o, ...c } = e;
|
|
4741
|
-
return
|
|
4762
|
+
return ne.error(
|
|
4742
4763
|
/* @__PURE__ */ i(
|
|
4743
|
-
|
|
4764
|
+
ye,
|
|
4744
4765
|
{
|
|
4745
4766
|
title: t,
|
|
4746
4767
|
description: a,
|
|
@@ -4763,13 +4784,13 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4763
4784
|
},
|
|
4764
4785
|
warning: (e) => {
|
|
4765
4786
|
if (typeof e == "string")
|
|
4766
|
-
return
|
|
4767
|
-
/* @__PURE__ */ i(
|
|
4787
|
+
return ne.warning(
|
|
4788
|
+
/* @__PURE__ */ i(ye, { title: e, variant: "warning" })
|
|
4768
4789
|
);
|
|
4769
4790
|
const { title: t, description: a, icon: r, primaryAction: n, secondaryAction: o, ...c } = e;
|
|
4770
|
-
return
|
|
4791
|
+
return ne.warning(
|
|
4771
4792
|
/* @__PURE__ */ i(
|
|
4772
|
-
|
|
4793
|
+
ye,
|
|
4773
4794
|
{
|
|
4774
4795
|
title: t,
|
|
4775
4796
|
description: a,
|
|
@@ -4792,13 +4813,13 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4792
4813
|
},
|
|
4793
4814
|
info: (e) => {
|
|
4794
4815
|
if (typeof e == "string")
|
|
4795
|
-
return
|
|
4796
|
-
/* @__PURE__ */ i(
|
|
4816
|
+
return ne.info(
|
|
4817
|
+
/* @__PURE__ */ i(ye, { title: e, variant: "info" })
|
|
4797
4818
|
);
|
|
4798
4819
|
const { title: t, description: a, icon: r, primaryAction: n, secondaryAction: o, ...c } = e;
|
|
4799
|
-
return
|
|
4820
|
+
return ne.info(
|
|
4800
4821
|
/* @__PURE__ */ i(
|
|
4801
|
-
|
|
4822
|
+
ye,
|
|
4802
4823
|
{
|
|
4803
4824
|
title: t,
|
|
4804
4825
|
description: a,
|
|
@@ -4821,9 +4842,9 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4821
4842
|
},
|
|
4822
4843
|
custom: (e) => {
|
|
4823
4844
|
const { title: t, description: a, icon: r, primaryAction: n, secondaryAction: o, variant: c = "default", ...l } = e;
|
|
4824
|
-
return
|
|
4845
|
+
return ne(
|
|
4825
4846
|
/* @__PURE__ */ i(
|
|
4826
|
-
|
|
4847
|
+
ye,
|
|
4827
4848
|
{
|
|
4828
4849
|
title: t,
|
|
4829
4850
|
description: a,
|
|
@@ -4844,18 +4865,18 @@ const rs = /* @__PURE__ */ x.forwardRef(function(t, a) {
|
|
|
4844
4865
|
}
|
|
4845
4866
|
);
|
|
4846
4867
|
},
|
|
4847
|
-
dismiss:
|
|
4848
|
-
loading:
|
|
4849
|
-
promise:
|
|
4868
|
+
dismiss: ne.dismiss,
|
|
4869
|
+
loading: ne.loading,
|
|
4870
|
+
promise: ne.promise
|
|
4850
4871
|
}, Us = () => ({
|
|
4851
|
-
toast:
|
|
4852
|
-
success:
|
|
4853
|
-
error:
|
|
4854
|
-
warning:
|
|
4855
|
-
info:
|
|
4856
|
-
dismiss:
|
|
4857
|
-
loading:
|
|
4858
|
-
promise:
|
|
4872
|
+
toast: Ee.custom,
|
|
4873
|
+
success: Ee.success,
|
|
4874
|
+
error: Ee.error,
|
|
4875
|
+
warning: Ee.warning,
|
|
4876
|
+
info: Ee.info,
|
|
4877
|
+
dismiss: Ee.dismiss,
|
|
4878
|
+
loading: Ee.loading,
|
|
4879
|
+
promise: Ee.promise
|
|
4859
4880
|
});
|
|
4860
4881
|
export {
|
|
4861
4882
|
ls as Accordion,
|
|
@@ -4882,8 +4903,8 @@ export {
|
|
|
4882
4903
|
vs as InfoGrid,
|
|
4883
4904
|
ps as InfoItem,
|
|
4884
4905
|
hs as InfoSection,
|
|
4885
|
-
|
|
4886
|
-
|
|
4906
|
+
$a as Input,
|
|
4907
|
+
ct as Layout,
|
|
4887
4908
|
Rs as MessageProvider,
|
|
4888
4909
|
io as MobileInput,
|
|
4889
4910
|
so as PasswordInput,
|
|
@@ -4901,11 +4922,11 @@ export {
|
|
|
4901
4922
|
nr as TimelineEventItem,
|
|
4902
4923
|
or as TimelineSection,
|
|
4903
4924
|
Vs as Toaster,
|
|
4904
|
-
|
|
4925
|
+
Dt as Typography,
|
|
4905
4926
|
ys as formatTimelineDate,
|
|
4906
4927
|
xs as formatTimelineTime,
|
|
4907
4928
|
As as message,
|
|
4908
|
-
|
|
4929
|
+
Ee as toast,
|
|
4909
4930
|
Ts as useForm,
|
|
4910
4931
|
Is as useMessage,
|
|
4911
4932
|
Us as useToast
|