@vervstack/chures 0.0.39 → 0.0.41
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/chures.js +624 -609
- package/dist/chures.umd.cjs +2 -2
- package/dist/components/Dropdown/Dropdown.d.ts +2 -1
- package/dist/components/Dropdown/DropdownCheckmark.d.ts +5 -0
- package/dist/components/Dropdown/DropdownCheckmark.test.d.ts +1 -0
- package/dist/components/Dropdown/DropdownTrigger.d.ts +2 -1
- package/dist/components/Dropdown/index.d.ts +1 -0
- package/dist/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/chures.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace;--chures-segmented-bg: var(--chures-input-bg);--chures-segmented-radius: var(--chures-input-radius);--chures-segmented-pad: .25rem;--chures-segmented-highlight: var(--chures-accent);--chures-segmented-fg: var(--chures-fg-muted);--chures-segmented-fg-active: var(--chures-fg);--chures-segmented-gap: .25rem}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1uu20_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}:where(._SegmentedControlContainer_ga29h_2){position:relative;display:inline-flex;align-items:stretch;gap:var(--chures-segmented-gap);box-sizing:border-box;max-width:100%;padding:var(--chures-segmented-pad);border-radius:var(--chures-segmented-radius);background:var(--chures-segmented-bg);overflow-x:auto;scrollbar-width:none}:where(._SegmentedControlContainer_ga29h_2)::-webkit-scrollbar{display:none}:where(._Disabled_ga29h_20){opacity:.45;cursor:not-allowed}:where(._Highlight_ga29h_25){position:absolute;top:var(--chures-segmented-pad);bottom:var(--chures-segmented-pad);border-radius:max(0rem,calc(var(--chures-segmented-radius) - var(--chures-segmented-pad)));background:var(--chures-segmented-highlight);pointer-events:none}:where(._Option_ga29h_34){position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:0;border-radius:max(0rem,calc(var(--chures-segmented-radius) - var(--chures-segmented-pad)));background:transparent;color:var(--chures-segmented-fg);font-family:inherit;font-size:var(--chures-font-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:color .2s ease}:where(._Option_ga29h_34):hover:not(:disabled){color:var(--chures-segmented-fg-active)}:where(._Option_ga29h_34):disabled{cursor:not-allowed}:where(._OptionDisabled_ga29h_61){opacity:.45}:where(._Selected_ga29h_65){color:var(--chures-segmented-fg-active)}:where(._CheckboxContainer_14vl9_4){display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}:where(._CheckboxContainer_14vl9_4._disabled_14vl9_12){opacity:.45;cursor:not-allowed}:where(._BoxWrapper_14vl9_17){position:relative;display:inline-flex;flex-shrink:0;width:var(--chures-checkbox-size, 1.125rem);height:var(--chures-checkbox-size, 1.125rem)}:where(._BoxWrapper_14vl9_17) input{position:absolute;inset:0;margin:0;cursor:pointer;opacity:0}:where(._CheckboxContainer_14vl9_4._disabled_14vl9_12) ._BoxWrapper_14vl9_17 input{cursor:not-allowed}:where(._Box_14vl9_17){position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--chures-checkbox-radius, .3125rem);border:1px solid var(--chures-checkbox-border, rgb(255 255 255 / 25%));background:var(--chures-checkbox-bg, transparent);color:transparent;pointer-events:none;transition:background .16s ease,border-color .16s ease,color .16s ease}:where(._BoxWrapper_14vl9_17) input:checked+:where(._Box_14vl9_17){background:var(--chures-checkbox-bg-on, var(--chures-accent, #229ED9));border-color:var(--chures-checkbox-bg-on, var(--chures-accent, #229ED9));color:var(--chures-checkbox-tick, #ffffff)}:where(._BoxWrapper_14vl9_17) input:focus-visible+:where(._Box_14vl9_17){outline:2px solid var(--chures-accent, #229ED9);outline-offset:.125rem}:where(._Label_14vl9_62){font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace;--chures-segmented-bg: var(--chures-input-bg);--chures-segmented-radius: var(--chures-input-radius);--chures-segmented-pad: .25rem;--chures-segmented-highlight: var(--chures-accent);--chures-segmented-fg: var(--chures-fg-muted);--chures-segmented-fg-active: var(--chures-fg);--chures-segmented-gap: .25rem}}@keyframes _panelIn_bhkjz_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _panelInAbove_bhkjz_1{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}@keyframes _shimmer_bhkjz_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_bhkjz_18{position:relative;width:100%}._PanelWrapper_bhkjz_25{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_bhkjz_1 .14s ease}._PanelWrapper_bhkjz_25._Portal_bhkjz_39{position:fixed;width:auto;margin:var(--chures-dropdown-panel-gap) 0}._PanelWrapper_bhkjz_25._Above_bhkjz_47{transform-origin:bottom center;animation-name:_panelInAbove_bhkjz_1}._PanelContainer_bhkjz_23{background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;display:flex;flex-direction:column;max-height:var(--dropdown-available-height, none);box-shadow:0 1rem 3rem #000c}._PanelContainer_bhkjz_23._Glass_bhkjz_63{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_bhkjz_69{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_bhkjz_69._lifted_bhkjz_83{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_bhkjz_90{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_bhkjz_90:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_bhkjz_90._Open_bhkjz_114{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_bhkjz_119{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_bhkjz_127{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_bhkjz_135{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_bhkjz_142{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_bhkjz_142::-webkit-scrollbar{display:none}._ChipsWrapper_bhkjz_142._Expand_bhkjz_160{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_bhkjz_90._MultiSelect_bhkjz_166 ._TriggerIcon_bhkjz_135{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_bhkjz_90._ExpandHeight_bhkjz_171{height:auto;min-height:var(--chures-input-height)}._TriggerContainer_bhkjz_90._RichValue_bhkjz_176{height:auto;min-height:calc(var(--chures-input-height) * 1.25);padding:.625rem .875rem}._TriggerValueRich_bhkjz_182{flex:1;min-width:0;overflow:hidden}._Chip_bhkjz_142{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_bhkjz_202{flex-shrink:0;padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_bhkjz_208{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_bhkjz_218{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_bhkjz_225{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_bhkjz_225::placeholder{color:var(--chures-fg-muted)}._ResultsList_bhkjz_239{max-height:13rem;min-height:0;overflow-y:auto}._OptionRow_bhkjz_245{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_bhkjz_245:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_bhkjz_245._Selected_bhkjz_260{color:var(--chures-fg)}._OptionRow_bhkjz_245._Indented_bhkjz_264{padding-left:1.875rem}._OptionRow_bhkjz_245._Disabled_bhkjz_268{cursor:not-allowed;opacity:.5}._OptionRow_bhkjz_245._Disabled_bhkjz_268:hover{background:transparent;color:var(--chures-fg-muted)}._GroupHeader_bhkjz_279{padding:.5625rem .875rem .25rem;font-size:var(--chures-font-xs);color:var(--chures-fg-muted);text-transform:uppercase;letter-spacing:.03em}._GroupHeader_bhkjz_279:not(:first-child){margin-top:.25rem;border-top:1px solid var(--chures-dropdown-border-subtle)}._Checkmark_bhkjz_292{color:var(--chures-accent);font-size:var(--chures-font-xs);flex-shrink:0}._CreateRow_bhkjz_298{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_bhkjz_298:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_bhkjz_298._WithBorder_bhkjz_311{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_bhkjz_316{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_bhkjz_328{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_bhkjz_334{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_bhkjz_341{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_bhkjz_1 1.4s infinite linear}:where(._Btn_1wp07_10){display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}:where(._Btn_1wp07_10):disabled{opacity:.4;cursor:not-allowed}:where(._Unstyled_1wp07_35){appearance:none;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}:where(._Unstyled_1wp07_35):disabled{cursor:not-allowed}:where(._Primary_1wp07_52){background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}:where(._Primary_1wp07_52):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1wp07_67){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1wp07_67):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1wp07_79){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1wp07_79):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1wp07_91){width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}:where(._IconDanger_1wp07_91):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1wp07_112){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1wp07_112):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_cqv58_52:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}:where(._Backdrop_1w1e3_7){position:fixed;inset:0;background:var(--chures-overlay, rgb(0 0 0 / 58%));opacity:0;pointer-events:none;transition:opacity .26s ease}:where(._BackdropOpen_1w1e3_16){opacity:1;pointer-events:auto}:where(._Panel_1w1e3_21){position:fixed;display:flex;flex-direction:column;overflow:hidden;background:var(--chures-surface, #000000);box-shadow:0 0 3rem #00000059;transition:transform .28s cubic-bezier(.32,0,0,1)}:where(._Right_1w1e3_31){top:0;right:0;bottom:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(100%)}:where(._Left_1w1e3_40){top:0;bottom:0;left:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(-100%)}:where(._Top_1w1e3_49){top:0;left:0;right:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(-100%)}:where(._Bottom_1w1e3_58){left:0;right:0;bottom:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(100%)}:where(._PanelOpen_1w1e3_67){transform:translate(0)}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace;--chures-segmented-bg: var(--chures-input-bg);--chures-segmented-radius: var(--chures-input-radius);--chures-segmented-pad: .25rem;--chures-segmented-highlight: var(--chures-accent);--chures-segmented-fg: var(--chures-fg-muted);--chures-segmented-fg-active: var(--chures-fg);--chures-segmented-gap: .25rem}}._FlyoutMenuContainer_1q0ma_5{display:contents}._Backdrop_1q0ma_9{position:fixed;inset:0}._Panel_1q0ma_14{position:fixed;display:flex;flex-direction:column;min-width:var(--chures-flyout-min-width);padding:.35rem;background:var(--chures-flyout-bg);border:1px solid var(--chures-flyout-border);border-radius:var(--chures-flyout-radius);box-shadow:0 1rem 2.5rem -.75rem var(--chures-flyout-shadow);overflow-y:auto}._Submenu_1q0ma_27{position:fixed;display:flex;flex-direction:column;min-width:var(--chures-flyout-min-width);background:var(--chures-flyout-bg);border:1px solid var(--chures-flyout-border);border-radius:var(--chures-flyout-radius);box-shadow:0 1rem 2.5rem -.75rem var(--chures-flyout-shadow);overflow-y:auto}._FlyoutPanelContainer_1q0ma_41{display:flex;flex-direction:column;gap:.15rem}._Back_1q0ma_9{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;padding:.4rem .55rem;border:1px solid transparent;border-radius:var(--chures-flyout-radius);background:transparent;color:var(--chures-flyout-fg);font-size:var(--chures-flyout-font);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}._Back_1q0ma_9:hover{background:var(--chures-flyout-hover);color:var(--chures-flyout-fg-strong)}._Chevron_1q0ma_68{flex-shrink:0;color:var(--chures-flyout-fg-muted)}._MenuListContainer_1q0ma_75{display:flex;flex-direction:column;gap:.15rem}._Heading_1q0ma_81{padding:.35rem .55rem .25rem;color:var(--chures-flyout-fg-muted);font-family:var(--chures-flyout-font-mono);font-size:var(--chures-flyout-font-sm);letter-spacing:.06rem;text-transform:uppercase}._Divider_1q0ma_90{height:1px;margin:.3rem .2rem;background:var(--chures-flyout-border)}._MenuRowContainer_1q0ma_98{display:flex}._MenuRowContainer_1q0ma_98._Dim_1q0ma_102{opacity:.5}._Row_1q0ma_106{display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-start;gap:.5rem;padding:.4rem .55rem;overflow:hidden;border:1px solid transparent;border-radius:var(--chures-flyout-radius);background:transparent;color:var(--chures-flyout-fg);font-size:var(--chures-flyout-font);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}._Row_1q0ma_106:hover:not(:disabled){background:var(--chures-flyout-hover);color:var(--chures-flyout-fg-strong)}._Row_1q0ma_106:disabled{color:var(--chures-flyout-fg-muted);cursor:default}._Icon_1q0ma_135{display:flex;flex-shrink:0}._Label_1q0ma_140{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._Arrow_1q0ma_148{flex-shrink:0;color:var(--chures-flyout-fg-muted);font-size:var(--chures-flyout-font-md)}._MenuSkeletonContainer_1q0ma_156{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .5rem}._MenuSkeletonRow_1q0ma_163{height:1.75rem;border-radius:var(--chures-flyout-radius);background:var(--chures-flyout-skeleton);animation:_churesFlyoutSkeletonPulse_1q0ma_1 1.5s ease-in-out infinite}._MenuSkeletonRow_1q0ma_163:nth-child(2){animation-delay:.15s}._MenuSkeletonRow_1q0ma_163:nth-child(3){animation-delay:.3s}@keyframes _churesFlyoutSkeletonPulse_1q0ma_1{0%,to{opacity:1}50%{opacity:.4}}._MenuSearchFieldContainer_1q0ma_191{overflow:hidden;padding-bottom:.35rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
import { jsx as o, jsxs as m, Fragment as
|
|
3
|
-
import { createContext as
|
|
4
|
-
import { AnimatePresence as ve, motion as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-icon-size: 1rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace;--chures-segmented-bg: var(--chures-input-bg);--chures-segmented-radius: var(--chures-input-radius);--chures-segmented-pad: .25rem;--chures-segmented-highlight: var(--chures-accent);--chures-segmented-fg: var(--chures-fg-muted);--chures-segmented-fg-active: var(--chures-fg);--chures-segmented-gap: .25rem}}@keyframes _spin_wa8op_1{to{transform:rotate(360deg)}}@keyframes _ripple_wa8op_1{0%{transform:scale(.08);opacity:.9}to{transform:scale(1);opacity:0}}@keyframes _dotPulse_wa8op_1{0%,to{transform:translate(-50%,-50%) scale(.55);opacity:.3}50%{transform:translate(-50%,calc(-50% - var(--sz) * .1)) scale(1);opacity:1}}@keyframes _waveBounce_wa8op_1{0%,55%,to{transform:translate(-50%,-50%) scale(.8);opacity:.4}27%{transform:translate(-50%,calc(-50% - var(--sz) * .28)) scale(1);opacity:1}}._LoaderContainer_wa8op_24{position:relative;flex-shrink:0}._sm_wa8op_31{width:1.5rem;height:1.5rem;--sz: 1.5rem;--arc-gap: .2rem;--arc-bw: .125rem}._md_wa8op_32{width:2.5rem;height:2.5rem;--sz: 2.5rem;--arc-gap: .35rem;--arc-bw: .1875rem}._lg_wa8op_33{width:4rem;height:4rem;--sz: 4rem;--arc-gap: .55rem;--arc-bw: .25rem}._Arc1_wa8op_37,._Arc2_wa8op_38,._Arc3_wa8op_39{position:absolute;border-radius:50%;border:var(--arc-bw) solid transparent}._Arc1_wa8op_37{inset:0;border-top-color:var(--chures-accent, #229ED9);border-left-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.2s linear infinite;filter:drop-shadow(0 0 .25rem var(--chures-accent, #229ED9))}._Arc2_wa8op_38{inset:var(--arc-gap);border-bottom-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 1.8s linear infinite reverse;opacity:.8}._Arc3_wa8op_39{inset:calc(var(--arc-gap) * 2);border-top-color:var(--chures-accent, #229ED9);border-right-color:var(--chures-accent, #229ED9);animation:_spin_wa8op_1 2.4s linear infinite;opacity:.6}._Ring1_wa8op_71,._Ring2_wa8op_72,._Ring3_wa8op_73{position:absolute;inset:0;border-radius:50%;border:var(--arc-bw) solid var(--chures-accent, #229ED9);animation:_ripple_wa8op_1 1.8s ease-out infinite both}._Ring2_wa8op_72{animation-delay:.6s}._Ring3_wa8op_73{animation-delay:1.2s}._Dot1_wa8op_86,._Dot2_wa8op_87,._Dot3_wa8op_88{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .2);height:calc(var(--sz) * .2);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .14) var(--chures-accent, #229ED9);animation:_dotPulse_wa8op_1 1.1s ease-in-out infinite both}._Dot1_wa8op_86{left:22%}._Dot2_wa8op_87{left:50%;animation-delay:.18s}._Dot3_wa8op_88{left:78%;animation-delay:.36s}._Wave1_wa8op_105,._Wave2_wa8op_106,._Wave3_wa8op_107,._Wave4_wa8op_108,._Wave5_wa8op_109{position:absolute;top:50%;border-radius:50%;width:calc(var(--sz) * .16);height:calc(var(--sz) * .16);background:var(--chures-accent, #229ED9);box-shadow:0 0 calc(var(--sz) * .1) var(--chures-accent, #229ED9);animation:_waveBounce_wa8op_1 1s ease-in-out infinite both}._Wave1_wa8op_105{left:10%}._Wave2_wa8op_106{left:28%;animation-delay:.12s}._Wave3_wa8op_107{left:46%;animation-delay:.24s}._Wave4_wa8op_108{left:64%;animation-delay:.36s}._Wave5_wa8op_109{left:82%;animation-delay:.48s}._LoadingWrapperContainer_1q0w7_1{display:flex;align-items:center;justify-content:center;width:100%;min-height:4rem}._SkeletonWrapper_1q0w7_9{width:100%}._TelegramSignInButtonContainer_10wun_1{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem 1.375rem;background:linear-gradient(180deg,var(--chures-btn-from, #2AABEE) 0%,var(--chures-btn-to, #229ED9) 100%);border:0;border-radius:.875rem;color:#fff;font-family:Comfortaa,sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.005em;cursor:pointer;box-shadow:inset 0 .0625rem #ffffff26,0 .75rem 2rem -.75rem #2aabee8c;transition:transform .14s ease,box-shadow .2s ease,filter .16s ease}._TelegramSignInButtonContainer_10wun_1:hover{transform:translateY(-.0625rem);box-shadow:inset 0 .0625rem #ffffff2e,0 1.125rem 2.375rem -.75rem #2aabeea6;filter:brightness(1.05)}._TelegramSignInButtonContainer_10wun_1:active{transform:translateY(0);filter:brightness(.97)}._TelegramSignInButtonContainer_10wun_1:focus-visible{outline:.125rem solid rgba(255,255,255,.8);outline-offset:.125rem}._TelegramSignInButtonContainer_10wun_1:disabled{opacity:.6;cursor:not-allowed}._FullSize_10wun_46{height:100%}._Icon_10wun_50{flex-shrink:0}._ToastContainer_1tme2_1{position:fixed;right:1.5rem;top:1.5rem;width:clamp(25vw,24.5rem,95vw);display:flex;flex-direction:column;gap:1rem;z-index:9999}._Toast_1tme2_1{min-height:4rem;border:var(--chures-accent, #229ED9) 1px solid;border-radius:1rem;padding:1rem;box-sizing:border-box;position:relative;background:var(--chures-surface, #000000);display:flex;flex-direction:column}._Toast_1tme2_1>div:first-child{font-weight:700;font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}._Toast_1tme2_1._error_1tme2_33{border-color:var(--chures-error, #ef4444)}._Toast_1tme2_1._error_1tme2_33>div:first-child{color:var(--chures-error, #ef4444)}._Toast_1tme2_1._warn_1tme2_41{border-color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._warn_1tme2_41>div:first-child{color:var(--chures-warn, #f59e0b)}._Toast_1tme2_1._info_1tme2_49{border-color:var(--chures-accent, #229ED9)}._Toast_1tme2_1 ._Description_1tme2_53{color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-xs, .75rem);margin-top:.125rem}._Toast_1tme2_1 ._DismissButton_1tme2_59{position:absolute;width:1rem;height:1rem;display:flex;justify-content:center;align-items:center;top:0;right:1%;cursor:pointer;font-size:1.5rem;color:var(--chures-fg-muted, #9ca3af)}._slideIn_1tme2_79{animation:_slideIn_1tme2_79 .2s ease forwards}._slideOut_1tme2_83{animation:_slideOut_1tme2_83 .2s ease forwards}@keyframes _slideIn_1tme2_79{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@keyframes _slideOut_1tme2_83{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(2rem)}}@keyframes _shimmer_1uu20_1{0%{background-position:-200% 0}to{background-position:200% 0}}:where(._InputContainer_1uu20_15){position:relative;width:100%;height:var(--chures-input-height, 3rem)}:where(._InputField_1uu20_21){width:100%;height:100%;background:var(--chures-input-bg, #111111);border:.0625rem solid rgb(255 255 255 / 13%);border-radius:var(--chures-input-radius, .75rem);color:var(--chures-fg, #ffffff);font-size:var(--chures-font-sm, .875rem);padding:0 .875rem;outline:none;transition:border-color .18s ease;box-sizing:border-box}:where(._InputField_1uu20_21._hasStartIcon_1uu20_35){padding-left:2.25rem}:where(._InputField_1uu20_21._hasEndIcon_1uu20_39){padding-right:2.25rem}:where(._StartIcon_1uu20_43){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._EndIcon_1uu20_54){position:absolute;right:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;color:var(--chures-fg-muted, #9ca3af);pointer-events:none}:where(._InputField_1uu20_21):focus{border-color:#ffffff59}:where(._hasError_1uu20_69 ._InputField_1uu20_21),:where(._hasError_1uu20_69 ._InputField_1uu20_21):focus{border-color:var(--chures-error, #ef4444)}:where(._disabled_1uu20_74 ._InputField_1uu20_21){opacity:.45;cursor:not-allowed}:where(._Label_1uu20_79){position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted, #9ca3af);font-size:var(--chures-font-sm, .875rem);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}:where(._Label_1uu20_79._lifted_1uu20_93){top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg, #111111);color:var(--chures-fg-muted, #9ca3af)}:where(._hasError_1uu20_69 ._Label_1uu20_79._lifted_1uu20_93){color:var(--chures-error, #ef4444)}:where(._ErrorText_1uu20_104){display:block;margin-top:.25rem;padding-left:.875rem;font-size:var(--chures-font-xs, .75rem);color:var(--chures-error, #ef4444)}:where(._Skeleton_1uu20_112){width:100%;height:var(--chures-input-height, 3rem);border-radius:var(--chures-input-radius, .75rem);background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1uu20_1 1.5s ease-in-out infinite}@keyframes _shimmer_1jetc_1{0%{background-position:-200% 0}to{background-position:200% 0}}._ToggleContainer_1jetc_6{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}._disabled_1jetc_13{opacity:.45;cursor:not-allowed}._Track_1jetc_18{position:relative;width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:var(--chures-toggle-bg-off, rgb(255 255 255 / 13%));border:none;padding:0;cursor:pointer;transition:background .2s ease;flex-shrink:0}._Track_1jetc_18._on_1jetc_31{background:var(--chures-toggle-bg-on, var(--chures-accent, #229ED9))}._disabled_1jetc_13 ._Track_1jetc_18{cursor:not-allowed}._Thumb_1jetc_39{position:absolute;top:0;bottom:0;margin:auto 0;left:.1875rem;width:var(--chures-toggle-thumb, 1.125rem);height:var(--chures-toggle-thumb, 1.125rem);border-radius:50%;background:var(--chures-toggle-thumb-color, #ffffff);transition:left .2s ease;pointer-events:none}._Track_1jetc_18._on_1jetc_31 ._Thumb_1jetc_39{left:calc(var(--chures-toggle-width, 2.75rem) - var(--chures-toggle-thumb, 1.125rem) - .1875rem)}._Label_1jetc_57{font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff);-webkit-user-select:none;user-select:none}._LabelSkeleton_1jetc_63{display:inline-block;width:var(--chures-toggle-label-skeleton-w, 5rem);height:var(--chures-font-sm, .875rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}._Skeleton_1jetc_78{width:var(--chures-toggle-width, 2.75rem);height:var(--chures-toggle-height, 1.5rem);border-radius:624.9375rem;background:linear-gradient(90deg,var(--chures-input-bg, #111111) 25%,var(--chures-skeleton-shine, #1e1e1e) 50%,var(--chures-input-bg, #111111) 75%);background-size:200% 100%;animation:_shimmer_1jetc_1 1.5s ease-in-out infinite}:where(._SegmentedControlContainer_ga29h_2){position:relative;display:inline-flex;align-items:stretch;gap:var(--chures-segmented-gap);box-sizing:border-box;max-width:100%;padding:var(--chures-segmented-pad);border-radius:var(--chures-segmented-radius);background:var(--chures-segmented-bg);overflow-x:auto;scrollbar-width:none}:where(._SegmentedControlContainer_ga29h_2)::-webkit-scrollbar{display:none}:where(._Disabled_ga29h_20){opacity:.45;cursor:not-allowed}:where(._Highlight_ga29h_25){position:absolute;top:var(--chures-segmented-pad);bottom:var(--chures-segmented-pad);border-radius:max(0rem,calc(var(--chures-segmented-radius) - var(--chures-segmented-pad)));background:var(--chures-segmented-highlight);pointer-events:none}:where(._Option_ga29h_34){position:relative;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:0;border-radius:max(0rem,calc(var(--chures-segmented-radius) - var(--chures-segmented-pad)));background:transparent;color:var(--chures-segmented-fg);font-family:inherit;font-size:var(--chures-font-sm);font-weight:500;white-space:nowrap;cursor:pointer;transition:color .2s ease}:where(._Option_ga29h_34):hover:not(:disabled){color:var(--chures-segmented-fg-active)}:where(._Option_ga29h_34):disabled{cursor:not-allowed}:where(._OptionDisabled_ga29h_61){opacity:.45}:where(._Selected_ga29h_65){color:var(--chures-segmented-fg-active)}:where(._CheckboxContainer_14vl9_4){display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}:where(._CheckboxContainer_14vl9_4._disabled_14vl9_12){opacity:.45;cursor:not-allowed}:where(._BoxWrapper_14vl9_17){position:relative;display:inline-flex;flex-shrink:0;width:var(--chures-checkbox-size, 1.125rem);height:var(--chures-checkbox-size, 1.125rem)}:where(._BoxWrapper_14vl9_17) input{position:absolute;inset:0;margin:0;cursor:pointer;opacity:0}:where(._CheckboxContainer_14vl9_4._disabled_14vl9_12) ._BoxWrapper_14vl9_17 input{cursor:not-allowed}:where(._Box_14vl9_17){position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--chures-checkbox-radius, .3125rem);border:1px solid var(--chures-checkbox-border, rgb(255 255 255 / 25%));background:var(--chures-checkbox-bg, transparent);color:transparent;pointer-events:none;transition:background .16s ease,border-color .16s ease,color .16s ease}:where(._BoxWrapper_14vl9_17) input:checked+:where(._Box_14vl9_17){background:var(--chures-checkbox-bg-on, var(--chures-accent, #229ED9));border-color:var(--chures-checkbox-bg-on, var(--chures-accent, #229ED9));color:var(--chures-checkbox-tick, #ffffff)}:where(._BoxWrapper_14vl9_17) input:focus-visible+:where(._Box_14vl9_17){outline:2px solid var(--chures-accent, #229ED9);outline-offset:.125rem}:where(._Label_14vl9_62){font-size:var(--chures-font-sm, .875rem);color:var(--chures-fg, #ffffff)}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-icon-size: 1rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace;--chures-segmented-bg: var(--chures-input-bg);--chures-segmented-radius: var(--chures-input-radius);--chures-segmented-pad: .25rem;--chures-segmented-highlight: var(--chures-accent);--chures-segmented-fg: var(--chures-fg-muted);--chures-segmented-fg-active: var(--chures-fg);--chures-segmented-gap: .25rem}}@keyframes _panelIn_5x7b0_1{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes _panelInAbove_5x7b0_1{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:none}}@keyframes _shimmer_5x7b0_1{0%{background-position:-200% center}to{background-position:200% center}}._DropdownContainer_5x7b0_18{position:relative;width:100%}._PanelWrapper_5x7b0_25{position:absolute;top:calc(100% + var(--chures-dropdown-panel-gap));left:0;width:100%;animation:_panelIn_5x7b0_1 .14s ease}._PanelWrapper_5x7b0_25._Portal_5x7b0_39{position:fixed;width:auto;margin:var(--chures-dropdown-panel-gap) 0}._PanelWrapper_5x7b0_25._Above_5x7b0_47{top:auto;transform-origin:bottom center;animation-name:_panelInAbove_5x7b0_1}._PanelContainer_5x7b0_23{background:var(--chures-dropdown-bg);border:1px solid var(--chures-dropdown-border);border-radius:var(--chures-dropdown-radius);overflow:hidden;display:flex;flex-direction:column;max-height:var(--dropdown-available-height, none);box-shadow:0 1rem 3rem #000c}._PanelContainer_5x7b0_23._Glass_5x7b0_64{background:var(--chures-dropdown-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dropdown-glass-blur, 1.25rem))}._Label_5x7b0_70{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);transform-origin:left center;color:var(--chures-fg-muted);font-size:var(--chures-font-sm);pointer-events:none;transition:all .18s ease;padding:0 .25rem;border-radius:.1875rem}._Label_5x7b0_70._WithIcon_5x7b0_84:not(._lifted_5x7b0_84){left:calc(.875rem + var(--chures-dropdown-icon-size) + .5rem)}._Label_5x7b0_70._lifted_5x7b0_84{top:0;transform:translateY(-50%) scale(.82);background:var(--chures-input-bg);color:var(--chures-fg-muted)}._TriggerContainer_5x7b0_95{width:100%;height:var(--chures-input-height);background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-trigger-border);border-radius:var(--chures-input-radius);color:var(--chures-fg);font-size:var(--chures-font-sm);font-family:inherit;padding:0 .875rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._TriggerContainer_5x7b0_95:hover{border-color:var(--chures-dropdown-trigger-border-hover)}._TriggerContainer_5x7b0_95._Open_5x7b0_119{border-color:var(--chures-accent);box-shadow:0 0 0 .1875rem var(--chures-dropdown-trigger-focus-ring)}._TriggerPlaceholder_5x7b0_124{color:var(--chures-fg-muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerValue_5x7b0_132{color:var(--chures-fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._TriggerIcon_5x7b0_140{color:var(--chures-fg-muted);flex-shrink:0;display:flex;align-items:center}._ChipsWrapper_5x7b0_147{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;align-items:center;margin:.375rem 0;scrollbar-width:none;-ms-overflow-style:none}._ChipsWrapper_5x7b0_147::-webkit-scrollbar{display:none}._ChipsWrapper_5x7b0_147._Expand_5x7b0_165{flex-wrap:wrap;overflow:visible;row-gap:.25rem}._TriggerContainer_5x7b0_95._MultiSelect_5x7b0_171 ._TriggerIcon_5x7b0_140{align-self:flex-start;height:var(--chures-input-height)}._TriggerContainer_5x7b0_95._ExpandHeight_5x7b0_176{height:auto;min-height:var(--chures-input-height)}._TriggerContainer_5x7b0_95._RichValue_5x7b0_181{height:auto;min-height:calc(var(--chures-input-height) * 1.25);padding:.625rem .875rem}._TriggerContainer_5x7b0_95._WithIcon_5x7b0_84{padding-left:calc(.875rem + var(--chures-dropdown-icon-size) + .5rem)}._LeadingIcon_5x7b0_191{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--chures-dropdown-icon-size);height:var(--chures-dropdown-icon-size);color:var(--chures-fg-muted);pointer-events:none}._TriggerValueRich_5x7b0_205{flex:1;min-width:0;overflow:hidden}._Chip_5x7b0_147{display:inline-flex;align-items:center;flex-shrink:0;background:var(--chures-dropdown-create-bg);border:1px solid var(--chures-dropdown-chip-border);border-radius:624.9375rem;padding:.15rem .5rem;font-size:var(--chures-font-xs);color:var(--chures-fg);white-space:nowrap;line-height:1.4}._SearchRow_5x7b0_225{flex-shrink:0;padding:.5rem;border-bottom:1px solid var(--chures-dropdown-border-subtle)}._SearchBox_5x7b0_231{display:flex;align-items:center;gap:.5rem;background:var(--chures-input-bg);border:1px solid var(--chures-dropdown-border-subtle);border-radius:var(--chures-dropdown-row-radius);padding:.4rem .625rem}._SearchIcon_5x7b0_241{display:flex;align-items:center;color:var(--chures-fg-muted);flex-shrink:0}._SearchInput_5x7b0_248{flex:1;background:transparent;border:none;outline:none;font-size:var(--chures-font-sm);color:var(--chures-fg);font-family:inherit}._SearchInput_5x7b0_248::placeholder{color:var(--chures-fg-muted)}._ResultsList_5x7b0_262{max-height:13rem;min-height:0;overflow-y:auto}._OptionRow_5x7b0_268{padding:.5625rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);cursor:pointer;transition:background .1s ease,color .1s ease;display:flex;align-items:center;gap:.5rem}._OptionRow_5x7b0_268:hover{background:var(--chures-dropdown-hover);color:var(--chures-fg)}._OptionRow_5x7b0_268._Selected_5x7b0_283{color:var(--chures-fg)}._OptionRow_5x7b0_268._Indented_5x7b0_287{padding-left:1.875rem}._OptionRow_5x7b0_268._Disabled_5x7b0_291{cursor:not-allowed;opacity:.5}._OptionRow_5x7b0_268._Disabled_5x7b0_291:hover{background:transparent;color:var(--chures-fg-muted)}._GroupHeader_5x7b0_302{padding:.5625rem .875rem .25rem;font-size:var(--chures-font-xs);color:var(--chures-fg-muted);text-transform:uppercase;letter-spacing:.03em}._GroupHeader_5x7b0_302:not(:first-child){margin-top:.25rem;border-top:1px solid var(--chures-dropdown-border-subtle)}._CheckSlot_5x7b0_317{display:inline-flex;align-items:center;flex-shrink:0;width:0;margin-right:-.5rem;overflow:hidden;color:var(--chures-accent);transition:width .18s ease,margin-right .18s ease}._CheckSlot_5x7b0_317._Checked_5x7b0_327{width:1rem;margin-right:0}._CheckIcon_5x7b0_333{width:.75rem;height:.75rem;flex-shrink:0}._CheckIcon_5x7b0_333 path{stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .22s ease .06s}._CheckSlot_5x7b0_317._Checked_5x7b0_327 ._CheckIcon_5x7b0_333 path{stroke-dashoffset:0}@media(prefers-reduced-motion:reduce){._CheckSlot_5x7b0_317,._CheckIcon_5x7b0_333 path{transition:none}}._CreateRow_5x7b0_360{display:flex;align-items:center;gap:.625rem;padding:.5625rem .875rem;cursor:pointer;background:var(--chures-dropdown-create-bg);transition:background .1s ease}._CreateRow_5x7b0_360:hover{background:var(--chures-dropdown-create-bg-hover)}._CreateRow_5x7b0_360._WithBorder_5x7b0_373{border-top:1px solid var(--chures-dropdown-border-subtle)}._CreateIcon_5x7b0_378{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--chures-accent);color:#fff;flex-shrink:0}._CreateLabel_5x7b0_390{font-size:var(--chures-font-sm);font-weight:600;color:var(--chures-fg)}._EmptyHint_5x7b0_396{padding:.75rem .875rem;font-size:var(--chures-font-sm);color:var(--chures-fg-muted);font-style:italic}._SkeletonRow_5x7b0_403{height:2rem;margin:.375rem .875rem;border-radius:var(--chures-dropdown-row-radius);background:linear-gradient(90deg,var(--chures-dropdown-bg) 25%,var(--chures-skeleton-shine) 50%,var(--chures-dropdown-bg) 75%);background-size:200% 100%;animation:_shimmer_5x7b0_1 1.4s infinite linear}:where(._Btn_1wp07_10){display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:.625rem;border:1px solid transparent;font-family:inherit;font-size:.8125rem;font-weight:500;cursor:pointer;padding:.625rem 1rem;transition:all .16s ease;white-space:nowrap;color:var(--chures-fg, #ffffff);background:var(--chures-button-bg)}:where(._Btn_1wp07_10):disabled{opacity:.4;cursor:not-allowed}:where(._Unstyled_1wp07_35){appearance:none;margin:0;padding:0;border:none;background:none;font:inherit;color:inherit;text-align:inherit;cursor:pointer}:where(._Unstyled_1wp07_35):disabled{cursor:not-allowed}:where(._Primary_1wp07_52){background:var(--chures-accent, #229ED9);border-color:var(--chures-accent, #229ED9);color:#fff;font-weight:600;padding:.625rem 1.125rem;box-shadow:0 10px 28px -12px var(--chures-accent-muted, rgb(34 158 217 / 50%));transition:filter .16s ease,opacity .16s ease}:where(._Primary_1wp07_52):hover:not(:disabled){filter:brightness(1.06)}:where(._Secondary_1wp07_67){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Secondary_1wp07_67):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._Ghost_1wp07_79){background:transparent;border-color:#ffffff24;color:var(--chures-fg-muted, #9ca3af)}:where(._Ghost_1wp07_79):hover:not(:disabled){color:var(--chures-fg, #ffffff);border-color:#ffffff47}:where(._IconDanger_1wp07_91){width:1.375rem;height:1.375rem;padding:0;border:0;border-radius:.375rem;background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:1rem;line-height:1;justify-content:center;flex-shrink:0;transition:background .14s ease,color .14s ease}:where(._IconDanger_1wp07_91):hover:not(:disabled){background:#ef44441f;color:var(--chures-error, #ef4444)}:where(._Danger_1wp07_112){background:transparent;border-color:#ef444466;color:var(--chures-error, #ef4444);transition:background .16s ease,border-color .16s ease}:where(._Danger_1wp07_112):hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._ConfirmWrapper_1tq4o_4{width:100%;max-width:24rem;animation:_confirmIn_1tq4o_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _confirmIn_1tq4o_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._ConfirmContainer_1tq4o_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_1tq4o_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._ConfirmTitle_1tq4o_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._ConfirmMessage_1tq4o_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._ConfirmActions_1tq4o_45{display:flex;align-items:center;justify-content:flex-end;gap:.625rem;margin-top:1.5rem}._BtnCancel_1tq4o_53{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnCancel_1tq4o_53:hover:not(:disabled){background:#ffffff14;color:var(--chures-fg, #ffffff)}._BtnConfirm_1tq4o_73{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid var(--chures-accent, #229ED9);background:var(--chures-accent, #229ED9);color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:filter .16s ease,opacity .16s ease}._BtnConfirm_1tq4o_73:hover:not(:disabled){filter:brightness(1.06)}._BtnDanger_1tq4o_92{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(239 68 68 / 40%);background:transparent;color:var(--chures-error, #ef4444);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .16s ease,border-color .16s ease}._BtnDanger_1tq4o_92:hover:not(:disabled){background:#ef44441a;border-color:var(--chures-error, #ef4444)}._BtnConfirm_1tq4o_73:disabled,._BtnDanger_1tq4o_92:disabled,._BtnCancel_1tq4o_53:disabled{opacity:.4;cursor:not-allowed}._InfoWrapper_cqv58_4{width:100%;max-width:24rem;animation:_infoIn_cqv58_1 .28s cubic-bezier(.2,.7,.2,1) both}@keyframes _infoIn_cqv58_1{0%{opacity:0;transform:translateY(.75rem) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}._InfoContainer_cqv58_1{width:100%;background:var(--chures-surface, #000000);border:1px solid rgb(255 255 255 / 14%);border-radius:1.25rem;padding:1.75rem 1.75rem 1.5rem;box-shadow:0 32px 80px -20px #000c}._Glass_cqv58_24{background:var(--chures-dialog-glass-bg, rgb(255 255 255 / 6%));backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem));-webkit-backdrop-filter:blur(var(--chures-dialog-glass-blur, 1.25rem))}._InfoTitle_cqv58_30{font-size:1.25rem;font-weight:600;letter-spacing:-.02em;color:var(--chures-fg, #ffffff);margin-bottom:.75rem}._InfoMessage_cqv58_38{font-size:.875rem;color:var(--chures-fg-muted, #9ca3af);line-height:1.5;letter-spacing:-.005em}._InfoActions_cqv58_45{display:flex;align-items:center;justify-content:flex-end;margin-top:1.5rem}._BtnClose_cqv58_52{display:inline-flex;align-items:center;padding:.625rem 1.125rem;border-radius:.625rem;border:1px solid rgb(255 255 255 / 14%);background:transparent;color:var(--chures-fg-muted, #9ca3af);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}._BtnClose_cqv58_52:hover{background:#ffffff14;color:var(--chures-fg, #ffffff)}:where(._Backdrop_1w1e3_7){position:fixed;inset:0;background:var(--chures-overlay, rgb(0 0 0 / 58%));opacity:0;pointer-events:none;transition:opacity .26s ease}:where(._BackdropOpen_1w1e3_16){opacity:1;pointer-events:auto}:where(._Panel_1w1e3_21){position:fixed;display:flex;flex-direction:column;overflow:hidden;background:var(--chures-surface, #000000);box-shadow:0 0 3rem #00000059;transition:transform .28s cubic-bezier(.32,0,0,1)}:where(._Right_1w1e3_31){top:0;right:0;bottom:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(100%)}:where(._Left_1w1e3_40){top:0;bottom:0;left:0;width:var(--chures-side-drawer-size, 22rem);max-width:100vw;transform:translate(-100%)}:where(._Top_1w1e3_49){top:0;left:0;right:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(-100%)}:where(._Bottom_1w1e3_58){left:0;right:0;bottom:0;height:var(--chures-side-drawer-size, 22rem);max-height:100vh;transform:translateY(100%)}:where(._PanelOpen_1w1e3_67){transform:translate(0)}@layer chures-defaults{:root{--chures-accent: #229ED9;--chures-accent-muted: rgb(34 158 217 / 50%);--chures-btn-from: #2AABEE;--chures-btn-to: #229ED9;--chures-button-bg: var(--chures-accent);--chures-error: #ef4444;--chures-warn: #f59e0b;--chures-bg: #000000;--chures-fg: #ffffff;--chures-fg-muted: #9ca3af;--chures-surface: #000000;--chures-font-sm: .875rem;--chures-font-xs: .75rem;--chures-input-bg: #111111;--chures-input-height: 3rem;--chures-input-radius: .75rem;--chures-skeleton-shine: #1e1e1e;--chures-toggle-width: 2.75rem;--chures-toggle-height: 1.5rem;--chures-toggle-thumb: 1.125rem;--chures-toggle-bg-off: rgb(255 255 255 / 13%);--chures-toggle-bg-on: var(--chures-accent);--chures-toggle-thumb-color: #ffffff;--chures-toggle-label-skeleton-w: 5rem;--chures-dropdown-bg: var(--chures-bg);--chures-dropdown-radius: .75rem;--chures-dropdown-row-radius: .375rem;--chures-dropdown-border: var(--chures-accent);--chures-dropdown-border-subtle: var(--chures-accent-muted);--chures-dropdown-hover: rgb(255 255 255 / 8%);--chures-dropdown-create-bg: rgb(34 158 217 / 12%);--chures-dropdown-create-bg-hover: rgb(34 158 217 / 20%);--chures-dropdown-trigger-border: rgb(255 255 255 / 22%);--chures-dropdown-trigger-border-hover: rgb(255 255 255 / 38%);--chures-dropdown-trigger-focus-ring: rgb(34 158 217 / 15%);--chures-dropdown-chip-border: rgb(34 158 217 / 30%);--chures-dropdown-panel-gap: .375rem;--chures-dropdown-icon-size: 1rem;--chures-dropdown-glass-bg: rgb(255 255 255 / 6%);--chures-dropdown-glass-blur: 1.25rem;--chures-dialog-glass-bg: rgb(255 255 255 / 6%);--chures-dialog-glass-blur: 1.25rem;--chures-overlay: rgb(0 0 0 / 58%);--chures-side-drawer-size: 22rem;--chures-flyout-bg: #0d0d0d;--chures-flyout-min-width: 10rem;--chures-flyout-border: rgb(255 255 255 / 11%);--chures-flyout-radius: .5rem;--chures-flyout-shadow: rgb(0 0 0 / 80%);--chures-flyout-fg: rgb(255 255 255 / 55%);--chures-flyout-fg-strong: rgb(255 255 255 / 92%);--chures-flyout-fg-muted: rgb(255 255 255 / 32%);--chures-flyout-hover: rgb(255 255 255 / 4%);--chures-flyout-skeleton: rgb(255 255 255 / 7%);--chures-flyout-font: .8125rem;--chures-flyout-font-sm: .6875rem;--chures-flyout-font-md: .75rem;--chures-flyout-font-mono: "JetBrains Mono", ui-monospace, sfmono-regular, menlo, monospace;--chures-segmented-bg: var(--chures-input-bg);--chures-segmented-radius: var(--chures-input-radius);--chures-segmented-pad: .25rem;--chures-segmented-highlight: var(--chures-accent);--chures-segmented-fg: var(--chures-fg-muted);--chures-segmented-fg-active: var(--chures-fg);--chures-segmented-gap: .25rem}}._FlyoutMenuContainer_1q0ma_5{display:contents}._Backdrop_1q0ma_9{position:fixed;inset:0}._Panel_1q0ma_14{position:fixed;display:flex;flex-direction:column;min-width:var(--chures-flyout-min-width);padding:.35rem;background:var(--chures-flyout-bg);border:1px solid var(--chures-flyout-border);border-radius:var(--chures-flyout-radius);box-shadow:0 1rem 2.5rem -.75rem var(--chures-flyout-shadow);overflow-y:auto}._Submenu_1q0ma_27{position:fixed;display:flex;flex-direction:column;min-width:var(--chures-flyout-min-width);background:var(--chures-flyout-bg);border:1px solid var(--chures-flyout-border);border-radius:var(--chures-flyout-radius);box-shadow:0 1rem 2.5rem -.75rem var(--chures-flyout-shadow);overflow-y:auto}._FlyoutPanelContainer_1q0ma_41{display:flex;flex-direction:column;gap:.15rem}._Back_1q0ma_9{display:flex;align-items:center;justify-content:flex-start;gap:.4rem;padding:.4rem .55rem;border:1px solid transparent;border-radius:var(--chures-flyout-radius);background:transparent;color:var(--chures-flyout-fg);font-size:var(--chures-flyout-font);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}._Back_1q0ma_9:hover{background:var(--chures-flyout-hover);color:var(--chures-flyout-fg-strong)}._Chevron_1q0ma_68{flex-shrink:0;color:var(--chures-flyout-fg-muted)}._MenuListContainer_1q0ma_75{display:flex;flex-direction:column;gap:.15rem}._Heading_1q0ma_81{padding:.35rem .55rem .25rem;color:var(--chures-flyout-fg-muted);font-family:var(--chures-flyout-font-mono);font-size:var(--chures-flyout-font-sm);letter-spacing:.06rem;text-transform:uppercase}._Divider_1q0ma_90{height:1px;margin:.3rem .2rem;background:var(--chures-flyout-border)}._MenuRowContainer_1q0ma_98{display:flex}._MenuRowContainer_1q0ma_98._Dim_1q0ma_102{opacity:.5}._Row_1q0ma_106{display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-start;gap:.5rem;padding:.4rem .55rem;overflow:hidden;border:1px solid transparent;border-radius:var(--chures-flyout-radius);background:transparent;color:var(--chures-flyout-fg);font-size:var(--chures-flyout-font);text-align:left;cursor:pointer;transition:background .14s ease,color .14s ease}._Row_1q0ma_106:hover:not(:disabled){background:var(--chures-flyout-hover);color:var(--chures-flyout-fg-strong)}._Row_1q0ma_106:disabled{color:var(--chures-flyout-fg-muted);cursor:default}._Icon_1q0ma_135{display:flex;flex-shrink:0}._Label_1q0ma_140{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._Arrow_1q0ma_148{flex-shrink:0;color:var(--chures-flyout-fg-muted);font-size:var(--chures-flyout-font-md)}._MenuSkeletonContainer_1q0ma_156{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .5rem}._MenuSkeletonRow_1q0ma_163{height:1.75rem;border-radius:var(--chures-flyout-radius);background:var(--chures-flyout-skeleton);animation:_churesFlyoutSkeletonPulse_1q0ma_1 1.5s ease-in-out infinite}._MenuSkeletonRow_1q0ma_163:nth-child(2){animation-delay:.15s}._MenuSkeletonRow_1q0ma_163:nth-child(3){animation-delay:.3s}@keyframes _churesFlyoutSkeletonPulse_1q0ma_1{0%,to{opacity:1}50%{opacity:.4}}._MenuSearchFieldContainer_1q0ma_191{overflow:hidden;padding-bottom:.35rem}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { jsx as o, jsxs as m, Fragment as $ } from "react/jsx-runtime";
|
|
3
|
+
import { createContext as $e, useContext as Ge, useRef as x, useState as I, useEffect as A, forwardRef as un, useCallback as E, useLayoutEffect as de, Fragment as Ne, useMemo as je } from "react";
|
|
4
|
+
import { AnimatePresence as ve, motion as se, useReducedMotion as dn } from "framer-motion";
|
|
5
5
|
import { create as hn } from "zustand";
|
|
6
|
-
import { createPortal as
|
|
7
|
-
function
|
|
6
|
+
import { createPortal as De } from "react-dom";
|
|
7
|
+
function _n(e) {
|
|
8
8
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
9
9
|
}
|
|
10
|
-
var
|
|
10
|
+
var Ie = { exports: {} };
|
|
11
11
|
var Ae;
|
|
12
|
-
function
|
|
12
|
+
function fn() {
|
|
13
13
|
return Ae || (Ae = 1, (function(e) {
|
|
14
14
|
(function() {
|
|
15
15
|
var n = {}.hasOwnProperty;
|
|
@@ -39,10 +39,10 @@ function _n() {
|
|
|
39
39
|
}
|
|
40
40
|
e.exports ? (r.default = r, e.exports = r) : window.classNames = r;
|
|
41
41
|
})();
|
|
42
|
-
})(
|
|
42
|
+
})(Ie)), Ie.exports;
|
|
43
43
|
}
|
|
44
|
-
var pn =
|
|
45
|
-
const C = /* @__PURE__ */
|
|
44
|
+
var pn = fn();
|
|
45
|
+
const C = /* @__PURE__ */ _n(pn), mn = "_LoaderContainer_wa8op_24", gn = "_sm_wa8op_31", Cn = "_md_wa8op_32", vn = "_lg_wa8op_33", wn = "_Arc1_wa8op_37", bn = "_Arc2_wa8op_38", yn = "_Arc3_wa8op_39", Nn = "_spin_wa8op_1", In = "_Ring1_wa8op_71", kn = "_Ring2_wa8op_72", xn = "_Ring3_wa8op_73", Sn = "_ripple_wa8op_1", Rn = "_Dot1_wa8op_86", Ln = "_Dot2_wa8op_87", Tn = "_Dot3_wa8op_88", Dn = "_dotPulse_wa8op_1", Bn = "_Wave1_wa8op_105", En = "_Wave2_wa8op_106", An = "_Wave3_wa8op_107", Mn = "_Wave4_wa8op_108", Pn = "_Wave5_wa8op_109", On = "_waveBounce_wa8op_1", me = {
|
|
46
46
|
LoaderContainer: mn,
|
|
47
47
|
sm: gn,
|
|
48
48
|
md: Cn,
|
|
@@ -50,42 +50,42 @@ const C = /* @__PURE__ */ fn(pn), mn = "_LoaderContainer_wa8op_24", gn = "_sm_wa
|
|
|
50
50
|
Arc1: wn,
|
|
51
51
|
Arc2: bn,
|
|
52
52
|
Arc3: yn,
|
|
53
|
-
spin:
|
|
54
|
-
Ring1:
|
|
55
|
-
Ring2:
|
|
56
|
-
Ring3:
|
|
57
|
-
ripple:
|
|
58
|
-
Dot1:
|
|
59
|
-
Dot2:
|
|
60
|
-
Dot3:
|
|
61
|
-
dotPulse:
|
|
53
|
+
spin: Nn,
|
|
54
|
+
Ring1: In,
|
|
55
|
+
Ring2: kn,
|
|
56
|
+
Ring3: xn,
|
|
57
|
+
ripple: Sn,
|
|
58
|
+
Dot1: Rn,
|
|
59
|
+
Dot2: Ln,
|
|
60
|
+
Dot3: Tn,
|
|
61
|
+
dotPulse: Dn,
|
|
62
62
|
Wave1: Bn,
|
|
63
63
|
Wave2: En,
|
|
64
64
|
Wave3: An,
|
|
65
|
-
Wave4:
|
|
66
|
-
Wave5:
|
|
65
|
+
Wave4: Mn,
|
|
66
|
+
Wave5: Pn,
|
|
67
67
|
waveBounce: On
|
|
68
|
-
},
|
|
68
|
+
}, Ve = $e({});
|
|
69
69
|
function B(e, n) {
|
|
70
|
-
const r =
|
|
70
|
+
const r = Ge(Ve);
|
|
71
71
|
return n ?? r[e];
|
|
72
72
|
}
|
|
73
73
|
function Wn(e, n) {
|
|
74
74
|
switch (e) {
|
|
75
75
|
case "ripple":
|
|
76
|
-
return /* @__PURE__ */ m(
|
|
76
|
+
return /* @__PURE__ */ m($, { children: [
|
|
77
77
|
/* @__PURE__ */ o("div", { className: n.Ring1 }),
|
|
78
78
|
/* @__PURE__ */ o("div", { className: n.Ring2 }),
|
|
79
79
|
/* @__PURE__ */ o("div", { className: n.Ring3 })
|
|
80
80
|
] });
|
|
81
81
|
case "dots":
|
|
82
|
-
return /* @__PURE__ */ m(
|
|
82
|
+
return /* @__PURE__ */ m($, { children: [
|
|
83
83
|
/* @__PURE__ */ o("div", { className: n.Dot1 }),
|
|
84
84
|
/* @__PURE__ */ o("div", { className: n.Dot2 }),
|
|
85
85
|
/* @__PURE__ */ o("div", { className: n.Dot3 })
|
|
86
86
|
] });
|
|
87
87
|
case "wave":
|
|
88
|
-
return /* @__PURE__ */ m(
|
|
88
|
+
return /* @__PURE__ */ m($, { children: [
|
|
89
89
|
/* @__PURE__ */ o("div", { className: n.Wave1 }),
|
|
90
90
|
/* @__PURE__ */ o("div", { className: n.Wave2 }),
|
|
91
91
|
/* @__PURE__ */ o("div", { className: n.Wave3 }),
|
|
@@ -93,7 +93,7 @@ function Wn(e, n) {
|
|
|
93
93
|
/* @__PURE__ */ o("div", { className: n.Wave5 })
|
|
94
94
|
] });
|
|
95
95
|
default:
|
|
96
|
-
return /* @__PURE__ */ m(
|
|
96
|
+
return /* @__PURE__ */ m($, { children: [
|
|
97
97
|
/* @__PURE__ */ o("div", { className: n.Arc1 }),
|
|
98
98
|
/* @__PURE__ */ o("div", { className: n.Arc2 }),
|
|
99
99
|
/* @__PURE__ */ o("div", { className: n.Arc3 })
|
|
@@ -113,25 +113,25 @@ function Fn({ variant: e = "arcs", size: n = "md", color: r, className: t }) {
|
|
|
113
113
|
}
|
|
114
114
|
);
|
|
115
115
|
}
|
|
116
|
-
const
|
|
117
|
-
LoadingWrapperContainer:
|
|
118
|
-
SkeletonWrapper:
|
|
116
|
+
const Hn = "_LoadingWrapperContainer_1q0w7_1", qn = "_SkeletonWrapper_1q0w7_9", Me = {
|
|
117
|
+
LoadingWrapperContainer: Hn,
|
|
118
|
+
SkeletonWrapper: qn
|
|
119
119
|
};
|
|
120
|
-
function
|
|
120
|
+
function bs({ isLoading: e, children: n, skeleton: r, loaderProps: t, className: s }) {
|
|
121
121
|
const a = B("LoadingWrapper", s);
|
|
122
|
-
return e ? r ? /* @__PURE__ */ o("div", { className: C(
|
|
122
|
+
return e ? r ? /* @__PURE__ */ o("div", { className: C(Me.SkeletonWrapper, a), children: r }) : /* @__PURE__ */ o("div", { className: C(Me.LoadingWrapperContainer, a), children: /* @__PURE__ */ o(Fn, { ...t }) }) : /* @__PURE__ */ o($, { children: n });
|
|
123
123
|
}
|
|
124
|
-
const
|
|
125
|
-
function
|
|
126
|
-
const { botId: n, redirectUri: r, requestAccess: t = "write" } = e, s =
|
|
124
|
+
const Un = "https://oauth.telegram.org/js/telegram-login.js?3";
|
|
125
|
+
function $n(e) {
|
|
126
|
+
const { botId: n, redirectUri: r, requestAccess: t = "write" } = e, s = x(e.onSuccess);
|
|
127
127
|
s.current = e.onSuccess;
|
|
128
|
-
const a =
|
|
128
|
+
const a = x(!1), [i, c] = I(!1), [d, u] = I(!1);
|
|
129
129
|
A(function() {
|
|
130
130
|
if (!n) return;
|
|
131
131
|
const h = r ?? window.location.origin;
|
|
132
132
|
u(!0), c(!1);
|
|
133
133
|
const g = document.createElement("script");
|
|
134
|
-
return g.src =
|
|
134
|
+
return g.src = Un, g.async = !0, g.onload = function() {
|
|
135
135
|
const b = window.Telegram;
|
|
136
136
|
b && (b.Login.init(
|
|
137
137
|
{ client_id: n, redirect_uri: h },
|
|
@@ -159,15 +159,15 @@ function zn(e) {
|
|
|
159
159
|
}
|
|
160
160
|
return { login: l, isReady: i, isLoading: d };
|
|
161
161
|
}
|
|
162
|
-
const
|
|
163
|
-
TelegramSignInButtonContainer:
|
|
164
|
-
FullSize:
|
|
165
|
-
Icon:
|
|
166
|
-
},
|
|
162
|
+
const Gn = "_TelegramSignInButtonContainer_10wun_1", jn = "_FullSize_10wun_46", Vn = "_Icon_10wun_50", xe = {
|
|
163
|
+
TelegramSignInButtonContainer: Gn,
|
|
164
|
+
FullSize: jn,
|
|
165
|
+
Icon: Vn
|
|
166
|
+
}, Kn = {
|
|
167
167
|
en: "Continue with Telegram",
|
|
168
168
|
ru: "Войти через Telegram"
|
|
169
169
|
};
|
|
170
|
-
function
|
|
170
|
+
function zn() {
|
|
171
171
|
return /* @__PURE__ */ o(
|
|
172
172
|
"svg",
|
|
173
173
|
{
|
|
@@ -176,7 +176,7 @@ function Kn() {
|
|
|
176
176
|
height: "20",
|
|
177
177
|
fill: "currentColor",
|
|
178
178
|
"aria-hidden": "true",
|
|
179
|
-
className:
|
|
179
|
+
className: xe.Icon,
|
|
180
180
|
children: /* @__PURE__ */ o("path", { d: "M22 3.5L2.5 11l5 1.7L18 6 9.7 14l-.4 5.5 3.4-3.2 5.5 4c.9.5 1.5.2 1.7-.8L22 4.3c.2-.7-.2-1.1-.9-.8z" })
|
|
181
181
|
}
|
|
182
182
|
);
|
|
@@ -196,13 +196,13 @@ function Xn({
|
|
|
196
196
|
const h = document.createElement("link");
|
|
197
197
|
h.id = l, h.rel = "stylesheet", h.href = "https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&display=swap", document.head.appendChild(h);
|
|
198
198
|
}, []);
|
|
199
|
-
const c = s ?? t ??
|
|
199
|
+
const c = s ?? t ?? Kn[r], d = B("TelegramSignInButton", i), u = C(xe.TelegramSignInButtonContainer, { [xe.FullSize]: a }, d);
|
|
200
200
|
return /* @__PURE__ */ m("button", { type: "button", className: u, onClick: e, disabled: n, children: [
|
|
201
|
-
/* @__PURE__ */ o(
|
|
201
|
+
/* @__PURE__ */ o(zn, {}),
|
|
202
202
|
c
|
|
203
203
|
] });
|
|
204
204
|
}
|
|
205
|
-
function
|
|
205
|
+
function ys({
|
|
206
206
|
botId: e,
|
|
207
207
|
onSuccess: n,
|
|
208
208
|
lang: r,
|
|
@@ -212,8 +212,8 @@ function gs({
|
|
|
212
212
|
children: i,
|
|
213
213
|
className: c
|
|
214
214
|
}) {
|
|
215
|
-
const { login: d, isReady: u } =
|
|
216
|
-
return i ? /* @__PURE__ */ o(
|
|
215
|
+
const { login: d, isReady: u } = $n({ botId: e, onSuccess: n, redirectUri: s, requestAccess: a });
|
|
216
|
+
return i ? /* @__PURE__ */ o($, { children: i({ login: d, isReady: u }) }) : /* @__PURE__ */ o(
|
|
217
217
|
Xn,
|
|
218
218
|
{
|
|
219
219
|
onClick: d,
|
|
@@ -225,7 +225,7 @@ function gs({
|
|
|
225
225
|
);
|
|
226
226
|
}
|
|
227
227
|
let Qn = 0;
|
|
228
|
-
const
|
|
228
|
+
const Ke = hn((e, n) => ({
|
|
229
229
|
toasts: [],
|
|
230
230
|
bake: (r) => {
|
|
231
231
|
const t = Qn++;
|
|
@@ -238,7 +238,7 @@ const Ve = hn((e, n) => ({
|
|
|
238
238
|
toasts: t.toasts.filter((s) => s.id !== r)
|
|
239
239
|
}));
|
|
240
240
|
}
|
|
241
|
-
})), Yn = "_ToastContainer_1tme2_1", Jn = "_Toast_1tme2_1", Zn = "_error_1tme2_33", et = "_warn_1tme2_41", nt = "_info_1tme2_49", tt = "_Description_1tme2_53", ot = "_DismissButton_1tme2_59", rt = "_slideIn_1tme2_79", st = "_slideOut_1tme2_83",
|
|
241
|
+
})), Yn = "_ToastContainer_1tme2_1", Jn = "_Toast_1tme2_1", Zn = "_error_1tme2_33", et = "_warn_1tme2_41", nt = "_info_1tme2_49", tt = "_Description_1tme2_53", ot = "_DismissButton_1tme2_59", rt = "_slideIn_1tme2_79", st = "_slideOut_1tme2_83", K = {
|
|
242
242
|
ToastContainer: Yn,
|
|
243
243
|
Toast: Jn,
|
|
244
244
|
error: Zn,
|
|
@@ -249,10 +249,10 @@ const Ve = hn((e, n) => ({
|
|
|
249
249
|
slideIn: rt,
|
|
250
250
|
slideOut: st
|
|
251
251
|
};
|
|
252
|
-
function
|
|
253
|
-
const { toasts: n } =
|
|
254
|
-
return /* @__PURE__ */ o("div", { className: C(
|
|
255
|
-
|
|
252
|
+
function Ns({ className: e } = {}) {
|
|
253
|
+
const { toasts: n } = Ke(), r = B("Toaster", e);
|
|
254
|
+
return /* @__PURE__ */ o("div", { className: C(K.ToastContainer, r), children: /* @__PURE__ */ o(ve, { children: n.map((t) => /* @__PURE__ */ o(
|
|
255
|
+
se.div,
|
|
256
256
|
{
|
|
257
257
|
layout: !0,
|
|
258
258
|
initial: { opacity: 0, x: 100, y: 50 },
|
|
@@ -265,191 +265,191 @@ function Cs({ className: e } = {}) {
|
|
|
265
265
|
)) }) });
|
|
266
266
|
}
|
|
267
267
|
function at({ id: e, title: n, description: r, level: t, isDismissable: s }) {
|
|
268
|
-
const [a, i] =
|
|
268
|
+
const [a, i] = I(!1), c = Ke();
|
|
269
269
|
return A(() => () => {
|
|
270
270
|
i(!0);
|
|
271
271
|
}, []), /* @__PURE__ */ m(
|
|
272
272
|
"div",
|
|
273
273
|
{
|
|
274
|
-
className: C(
|
|
275
|
-
[
|
|
276
|
-
[
|
|
277
|
-
[
|
|
278
|
-
[
|
|
279
|
-
[
|
|
274
|
+
className: C(K.Toast, {
|
|
275
|
+
[K.error]: t === "Error",
|
|
276
|
+
[K.warn]: t === "Warn",
|
|
277
|
+
[K.info]: t == null || t === "Info",
|
|
278
|
+
[K.slideIn]: !a,
|
|
279
|
+
[K.slideOut]: a
|
|
280
280
|
}),
|
|
281
281
|
children: [
|
|
282
282
|
/* @__PURE__ */ o("div", { children: n }),
|
|
283
|
-
/* @__PURE__ */ o("div", { className:
|
|
284
|
-
s && e !== void 0 && /* @__PURE__ */ o("div", { className:
|
|
283
|
+
/* @__PURE__ */ o("div", { className: K.Description, children: r }),
|
|
284
|
+
s && e !== void 0 && /* @__PURE__ */ o("div", { className: K.DismissButton, onClick: () => c.dismiss(e), children: "×" })
|
|
285
285
|
]
|
|
286
286
|
}
|
|
287
287
|
);
|
|
288
288
|
}
|
|
289
|
-
const it = "_InputContainer_1uu20_15", ct = "_InputField_1uu20_21", lt = "_hasStartIcon_1uu20_35", ut = "_hasEndIcon_1uu20_39", dt = "_StartIcon_1uu20_43", ht = "_EndIcon_1uu20_54",
|
|
289
|
+
const it = "_InputContainer_1uu20_15", ct = "_InputField_1uu20_21", lt = "_hasStartIcon_1uu20_35", ut = "_hasEndIcon_1uu20_39", dt = "_StartIcon_1uu20_43", ht = "_EndIcon_1uu20_54", _t = "_hasError_1uu20_69", ft = "_disabled_1uu20_74", pt = "_Label_1uu20_79", mt = "_lifted_1uu20_93", gt = "_ErrorText_1uu20_104", Ct = "_Skeleton_1uu20_112", F = {
|
|
290
290
|
InputContainer: it,
|
|
291
291
|
InputField: ct,
|
|
292
292
|
hasStartIcon: lt,
|
|
293
293
|
hasEndIcon: ut,
|
|
294
294
|
StartIcon: dt,
|
|
295
295
|
EndIcon: ht,
|
|
296
|
-
hasError:
|
|
297
|
-
disabled:
|
|
296
|
+
hasError: _t,
|
|
297
|
+
disabled: ft,
|
|
298
298
|
Label: pt,
|
|
299
299
|
lifted: mt,
|
|
300
300
|
ErrorText: gt,
|
|
301
301
|
Skeleton: Ct
|
|
302
302
|
}, vt = un(function({ value: n, setValue: r, label: t, isLoader: s, type: a = "text", disabled: i, error: c, className: d, inputClassName: u, startIcon: l, endIcon: h, ...g }, b) {
|
|
303
|
-
const [w,
|
|
304
|
-
return s ? /* @__PURE__ */ o("div", { className: C(
|
|
305
|
-
l && /* @__PURE__ */ o("span", { className:
|
|
303
|
+
const [w, S] = I(!1), O = w || n.length > 0, R = B("Input", d), { onFocus: _, onBlur: v, ...L } = g;
|
|
304
|
+
return s ? /* @__PURE__ */ o("div", { className: C(F.Skeleton, R), "aria-hidden": "true" }) : /* @__PURE__ */ m("div", { className: C(F.InputContainer, { [F.hasError]: !!c, [F.disabled]: i }, R), children: [
|
|
305
|
+
l && /* @__PURE__ */ o("span", { className: F.StartIcon, children: l }),
|
|
306
306
|
/* @__PURE__ */ o(
|
|
307
307
|
"input",
|
|
308
308
|
{
|
|
309
309
|
ref: b,
|
|
310
|
-
className: C(
|
|
310
|
+
className: C(F.InputField, { [F.hasStartIcon]: !!l, [F.hasEndIcon]: !!h }, u),
|
|
311
311
|
type: a,
|
|
312
312
|
value: n,
|
|
313
313
|
onChange: (y) => r(y.target.value),
|
|
314
314
|
onFocus: (y) => {
|
|
315
|
-
|
|
315
|
+
S(!0), _?.(y);
|
|
316
316
|
},
|
|
317
317
|
onBlur: (y) => {
|
|
318
|
-
|
|
318
|
+
S(!1), v?.(y);
|
|
319
319
|
},
|
|
320
320
|
disabled: i,
|
|
321
|
-
...
|
|
321
|
+
...L
|
|
322
322
|
}
|
|
323
323
|
),
|
|
324
|
-
t && /* @__PURE__ */ o("label", { className: C(
|
|
325
|
-
h && /* @__PURE__ */ o("span", { className:
|
|
326
|
-
c && /* @__PURE__ */ o("span", { className:
|
|
324
|
+
t && /* @__PURE__ */ o("label", { className: C(F.Label, { [F.lifted]: O }), children: t }),
|
|
325
|
+
h && /* @__PURE__ */ o("span", { className: F.EndIcon, children: h }),
|
|
326
|
+
c && /* @__PURE__ */ o("span", { className: F.ErrorText, children: c })
|
|
327
327
|
] });
|
|
328
|
-
}), wt = "_ToggleContainer_1jetc_6", bt = "_disabled_1jetc_13", yt = "_Track_1jetc_18",
|
|
328
|
+
}), wt = "_ToggleContainer_1jetc_6", bt = "_disabled_1jetc_13", yt = "_Track_1jetc_18", Nt = "_on_1jetc_31", It = "_Thumb_1jetc_39", kt = "_Label_1jetc_57", xt = "_LabelSkeleton_1jetc_63", St = "_Skeleton_1jetc_78", U = {
|
|
329
329
|
ToggleContainer: wt,
|
|
330
330
|
disabled: bt,
|
|
331
331
|
Track: yt,
|
|
332
|
-
on:
|
|
333
|
-
Thumb:
|
|
334
|
-
Label:
|
|
335
|
-
LabelSkeleton:
|
|
336
|
-
Skeleton:
|
|
332
|
+
on: Nt,
|
|
333
|
+
Thumb: It,
|
|
334
|
+
Label: kt,
|
|
335
|
+
LabelSkeleton: xt,
|
|
336
|
+
Skeleton: St
|
|
337
337
|
};
|
|
338
|
-
function
|
|
339
|
-
const d = !!r || i, u = B("Toggle", c), l = i ? /* @__PURE__ */ o("span", { className:
|
|
340
|
-
return a ? d ? /* @__PURE__ */ m("div", { className: C(
|
|
338
|
+
function Is({ checked: e, onChange: n, label: r, labelPosition: t = "right", disabled: s, isLoader: a, isLoadingLabel: i, className: c }) {
|
|
339
|
+
const d = !!r || i, u = B("Toggle", c), l = i ? /* @__PURE__ */ o("span", { className: U.LabelSkeleton, "aria-hidden": "true" }) : r ? /* @__PURE__ */ o("span", { className: U.Label, children: r }) : null;
|
|
340
|
+
return a ? d ? /* @__PURE__ */ m("div", { className: C(U.ToggleContainer, u), children: [
|
|
341
341
|
t === "left" && l,
|
|
342
|
-
/* @__PURE__ */ o("div", { className:
|
|
342
|
+
/* @__PURE__ */ o("div", { className: U.Skeleton, "aria-hidden": "true" }),
|
|
343
343
|
t === "right" && l
|
|
344
|
-
] }) : /* @__PURE__ */ o("div", { className: C(
|
|
344
|
+
] }) : /* @__PURE__ */ o("div", { className: C(U.Skeleton, u), "aria-hidden": "true" }) : /* @__PURE__ */ m("label", { className: C(U.ToggleContainer, { [U.disabled]: s }, u), children: [
|
|
345
345
|
t === "left" && l,
|
|
346
346
|
/* @__PURE__ */ o(
|
|
347
347
|
"button",
|
|
348
348
|
{
|
|
349
349
|
role: "switch",
|
|
350
350
|
"aria-checked": e,
|
|
351
|
-
className: C(
|
|
351
|
+
className: C(U.Track, { [U.on]: e }),
|
|
352
352
|
onClick: () => !s && n(!e),
|
|
353
353
|
disabled: s,
|
|
354
354
|
type: "button",
|
|
355
|
-
children: /* @__PURE__ */ o("span", { className:
|
|
355
|
+
children: /* @__PURE__ */ o("span", { className: U.Thumb })
|
|
356
356
|
}
|
|
357
357
|
),
|
|
358
358
|
t === "right" && l
|
|
359
359
|
] });
|
|
360
360
|
}
|
|
361
|
-
const
|
|
362
|
-
SegmentedControlContainer:
|
|
363
|
-
Disabled:
|
|
364
|
-
Highlight:
|
|
365
|
-
Option:
|
|
361
|
+
const Rt = "_SegmentedControlContainer_ga29h_2", Lt = "_Disabled_ga29h_20", Tt = "_Highlight_ga29h_25", Dt = "_Option_ga29h_34", Bt = "_OptionDisabled_ga29h_61", Et = "_Selected_ga29h_65", re = {
|
|
362
|
+
SegmentedControlContainer: Rt,
|
|
363
|
+
Disabled: Lt,
|
|
364
|
+
Highlight: Tt,
|
|
365
|
+
Option: Dt,
|
|
366
366
|
OptionDisabled: Bt,
|
|
367
367
|
Selected: Et
|
|
368
368
|
}, At = 0.35;
|
|
369
|
-
function
|
|
370
|
-
const a = B("SegmentedControl", s), i = dn(), c =
|
|
371
|
-
const
|
|
372
|
-
return
|
|
373
|
-
}, [n]), b = E((
|
|
369
|
+
function ks({ options: e, value: n, onChange: r, disabled: t, className: s }) {
|
|
370
|
+
const a = B("SegmentedControl", s), i = dn(), c = x(/* @__PURE__ */ new Map()), d = x(null), u = x(n), [l, h] = I(null), g = E(() => {
|
|
371
|
+
const _ = c.current.get(n);
|
|
372
|
+
return _ ? { left: _.offsetLeft, width: _.offsetWidth } : null;
|
|
373
|
+
}, [n]), b = E((_) => {
|
|
374
374
|
const v = g();
|
|
375
375
|
if (!v) {
|
|
376
376
|
d.current = null, h(null);
|
|
377
377
|
return;
|
|
378
378
|
}
|
|
379
|
-
const
|
|
380
|
-
if (d.current = v, !
|
|
379
|
+
const L = d.current;
|
|
380
|
+
if (d.current = v, !_ || !L || i) {
|
|
381
381
|
h({ left: [v.left], width: [v.width], duration: 0 });
|
|
382
382
|
return;
|
|
383
383
|
}
|
|
384
|
-
const y = Math.min(
|
|
384
|
+
const y = Math.min(L.left, v.left), W = Math.max(L.left + L.width, v.left + v.width);
|
|
385
385
|
h({
|
|
386
|
-
left: [
|
|
387
|
-
width: [
|
|
386
|
+
left: [L.left, y, v.left],
|
|
387
|
+
width: [L.width, W - y, v.width],
|
|
388
388
|
duration: At
|
|
389
389
|
});
|
|
390
390
|
}, [g, i]);
|
|
391
|
-
|
|
392
|
-
const
|
|
393
|
-
u.current = n, b(
|
|
391
|
+
de(() => {
|
|
392
|
+
const _ = u.current !== n;
|
|
393
|
+
u.current = n, b(_);
|
|
394
394
|
}, [n, e, b]), A(() => {
|
|
395
|
-
const
|
|
396
|
-
return c.current.forEach((v) =>
|
|
395
|
+
const _ = new ResizeObserver(() => b(!1));
|
|
396
|
+
return c.current.forEach((v) => _.observe(v)), () => _.disconnect();
|
|
397
397
|
}, [e, b]);
|
|
398
|
-
const w = e.filter((
|
|
399
|
-
function
|
|
398
|
+
const w = e.filter((_) => !_.disabled), S = w.some((_) => _.value === n) ? n : w[0]?.value;
|
|
399
|
+
function O(_) {
|
|
400
400
|
if (t) return;
|
|
401
|
-
const v =
|
|
402
|
-
if (!v && !
|
|
403
|
-
|
|
404
|
-
const y = w.findIndex((
|
|
405
|
-
|
|
401
|
+
const v = _.key === "ArrowRight" || _.key === "ArrowDown", L = _.key === "ArrowLeft" || _.key === "ArrowUp";
|
|
402
|
+
if (!v && !L) return;
|
|
403
|
+
_.preventDefault();
|
|
404
|
+
const y = w.findIndex((G) => G.value === n), T = y === -1 ? 0 : (y + (v ? 1 : -1) + w.length) % w.length, M = w[T];
|
|
405
|
+
M && (r(M.value), c.current.get(M.value)?.focus());
|
|
406
406
|
}
|
|
407
|
-
function
|
|
408
|
-
t ||
|
|
407
|
+
function R(_) {
|
|
408
|
+
t || _.disabled || _.value === n || r(_.value);
|
|
409
409
|
}
|
|
410
410
|
return /* @__PURE__ */ m(
|
|
411
411
|
"div",
|
|
412
412
|
{
|
|
413
413
|
role: "radiogroup",
|
|
414
414
|
"aria-disabled": t || void 0,
|
|
415
|
-
className: C(
|
|
416
|
-
onKeyDown:
|
|
415
|
+
className: C(re.SegmentedControlContainer, { [re.Disabled]: t }, a),
|
|
416
|
+
onKeyDown: O,
|
|
417
417
|
children: [
|
|
418
418
|
l && /* @__PURE__ */ o(
|
|
419
|
-
|
|
419
|
+
se.span,
|
|
420
420
|
{
|
|
421
|
-
className:
|
|
421
|
+
className: re.Highlight,
|
|
422
422
|
"aria-hidden": "true",
|
|
423
423
|
initial: !1,
|
|
424
424
|
animate: { left: l.left, width: l.width },
|
|
425
425
|
transition: { duration: l.duration, ease: "easeInOut" }
|
|
426
426
|
}
|
|
427
427
|
),
|
|
428
|
-
e.map((
|
|
428
|
+
e.map((_) => /* @__PURE__ */ o(
|
|
429
429
|
"button",
|
|
430
430
|
{
|
|
431
431
|
ref: (v) => {
|
|
432
|
-
v ? c.current.set(
|
|
432
|
+
v ? c.current.set(_.value, v) : c.current.delete(_.value);
|
|
433
433
|
},
|
|
434
434
|
type: "button",
|
|
435
435
|
role: "radio",
|
|
436
|
-
"aria-checked":
|
|
437
|
-
tabIndex:
|
|
438
|
-
disabled: t ||
|
|
439
|
-
className: C(
|
|
440
|
-
[
|
|
441
|
-
[
|
|
436
|
+
"aria-checked": _.value === n,
|
|
437
|
+
tabIndex: _.value === S ? 0 : -1,
|
|
438
|
+
disabled: t || _.disabled,
|
|
439
|
+
className: C(re.Option, {
|
|
440
|
+
[re.Selected]: _.value === n,
|
|
441
|
+
[re.OptionDisabled]: _.disabled
|
|
442
442
|
}),
|
|
443
|
-
onClick: () =>
|
|
444
|
-
children:
|
|
443
|
+
onClick: () => R(_),
|
|
444
|
+
children: _.content
|
|
445
445
|
},
|
|
446
|
-
|
|
446
|
+
_.value
|
|
447
447
|
))
|
|
448
448
|
]
|
|
449
449
|
}
|
|
450
450
|
);
|
|
451
451
|
}
|
|
452
|
-
function
|
|
452
|
+
function Mt({ size: e = 18, strokeWidth: n = 2.5, shrink: r = !0 }) {
|
|
453
453
|
return /* @__PURE__ */ o(
|
|
454
454
|
"svg",
|
|
455
455
|
{
|
|
@@ -466,17 +466,17 @@ function Pt({ size: e = 18, strokeWidth: n = 2.5, shrink: r = !0 }) {
|
|
|
466
466
|
}
|
|
467
467
|
);
|
|
468
468
|
}
|
|
469
|
-
const
|
|
470
|
-
CheckboxContainer:
|
|
469
|
+
const Pt = "_CheckboxContainer_14vl9_4", Ot = "_disabled_14vl9_12", Wt = "_BoxWrapper_14vl9_17", Ft = "_Box_14vl9_17", Ht = "_Label_14vl9_62", le = {
|
|
470
|
+
CheckboxContainer: Pt,
|
|
471
471
|
disabled: Ot,
|
|
472
472
|
BoxWrapper: Wt,
|
|
473
473
|
Box: Ft,
|
|
474
|
-
Label:
|
|
474
|
+
Label: Ht
|
|
475
475
|
};
|
|
476
|
-
function
|
|
476
|
+
function xs({ checked: e, onChange: n, label: r, disabled: t, className: s }) {
|
|
477
477
|
const a = B("Checkbox", s);
|
|
478
|
-
return /* @__PURE__ */ m("label", { className: C(
|
|
479
|
-
/* @__PURE__ */ m("span", { className:
|
|
478
|
+
return /* @__PURE__ */ m("label", { className: C(le.CheckboxContainer, { [le.disabled]: t }, a), children: [
|
|
479
|
+
/* @__PURE__ */ m("span", { className: le.BoxWrapper, children: [
|
|
480
480
|
/* @__PURE__ */ o(
|
|
481
481
|
"input",
|
|
482
482
|
{
|
|
@@ -486,16 +486,16 @@ function bs({ checked: e, onChange: n, label: r, disabled: t, className: s }) {
|
|
|
486
486
|
disabled: t
|
|
487
487
|
}
|
|
488
488
|
),
|
|
489
|
-
/* @__PURE__ */ o("span", { className:
|
|
489
|
+
/* @__PURE__ */ o("span", { className: le.Box, children: /* @__PURE__ */ o(Mt, { size: 11, strokeWidth: 3, shrink: !1 }) })
|
|
490
490
|
] }),
|
|
491
|
-
r && /* @__PURE__ */ o("span", { className:
|
|
491
|
+
r && /* @__PURE__ */ o("span", { className: le.Label, children: r })
|
|
492
492
|
] });
|
|
493
493
|
}
|
|
494
|
-
function
|
|
495
|
-
const [e, n] =
|
|
494
|
+
function qt() {
|
|
495
|
+
const [e, n] = I(!1), r = x(null), t = E(() => n((a) => !a), []), s = E(() => n(!1), []);
|
|
496
496
|
return { isOpen: e, triggerRef: r, toggleOpen: t, close: s };
|
|
497
497
|
}
|
|
498
|
-
function
|
|
498
|
+
function Ut(e, n, r) {
|
|
499
499
|
A(() => {
|
|
500
500
|
function t(a) {
|
|
501
501
|
const i = a.target;
|
|
@@ -509,8 +509,8 @@ function qt(e, n, r) {
|
|
|
509
509
|
};
|
|
510
510
|
}, [n, e, r]);
|
|
511
511
|
}
|
|
512
|
-
function
|
|
513
|
-
const [r, t] =
|
|
512
|
+
function $t(e, n) {
|
|
513
|
+
const [r, t] = I([]);
|
|
514
514
|
return A(() => {
|
|
515
515
|
if (!n) return;
|
|
516
516
|
let s = !1;
|
|
@@ -521,13 +521,13 @@ function zt(e, n) {
|
|
|
521
521
|
};
|
|
522
522
|
}, [e, n]), r;
|
|
523
523
|
}
|
|
524
|
-
function
|
|
524
|
+
function ue(e) {
|
|
525
525
|
return typeof e == "object" && e !== null && "group" in e;
|
|
526
526
|
}
|
|
527
|
-
function
|
|
528
|
-
return e.flatMap((n) =>
|
|
527
|
+
function ze(e) {
|
|
528
|
+
return e.flatMap((n) => ue(n) ? n.options : [n]);
|
|
529
529
|
}
|
|
530
|
-
function
|
|
530
|
+
function H(e) {
|
|
531
531
|
return typeof e == "string" ? e : e.id;
|
|
532
532
|
}
|
|
533
533
|
function we(e) {
|
|
@@ -536,70 +536,74 @@ function we(e) {
|
|
|
536
536
|
function Xe(e) {
|
|
537
537
|
return typeof e == "string" ? !1 : !!e.disabled;
|
|
538
538
|
}
|
|
539
|
-
function
|
|
539
|
+
function Gt(e) {
|
|
540
540
|
return typeof e == "string" ? void 0 : e.title;
|
|
541
541
|
}
|
|
542
|
-
function
|
|
543
|
-
return e.map((r) => n.find((t) =>
|
|
542
|
+
function jt(e, n) {
|
|
543
|
+
return e.map((r) => n.find((t) => H(t) === r) ?? r);
|
|
544
544
|
}
|
|
545
|
-
function
|
|
545
|
+
function Vt({ anchorRect: e, panelHeight: n, viewportHeight: r, gap: t }) {
|
|
546
546
|
const s = Math.max(0, r - e.bottom - t), a = Math.max(0, e.top - t);
|
|
547
547
|
return !(n <= s) && a > s ? { side: "above", availableHeight: a } : { side: "below", availableHeight: s };
|
|
548
548
|
}
|
|
549
|
-
const
|
|
550
|
-
DropdownContainer:
|
|
551
|
-
PanelWrapper:
|
|
549
|
+
const Kt = "_DropdownContainer_5x7b0_18", zt = "_PanelWrapper_5x7b0_25", Xt = "_Portal_5x7b0_39", Qt = "_Above_5x7b0_47", Yt = "_PanelContainer_5x7b0_23", Jt = "_Glass_5x7b0_64", Zt = "_Label_5x7b0_70", eo = "_WithIcon_5x7b0_84", no = "_lifted_5x7b0_84", to = "_TriggerContainer_5x7b0_95", oo = "_Open_5x7b0_119", ro = "_TriggerPlaceholder_5x7b0_124", so = "_TriggerValue_5x7b0_132", ao = "_TriggerIcon_5x7b0_140", io = "_ChipsWrapper_5x7b0_147", co = "_Expand_5x7b0_165", lo = "_MultiSelect_5x7b0_171", uo = "_ExpandHeight_5x7b0_176", ho = "_RichValue_5x7b0_181", _o = "_LeadingIcon_5x7b0_191", fo = "_TriggerValueRich_5x7b0_205", po = "_Chip_5x7b0_147", mo = "_SearchRow_5x7b0_225", go = "_SearchBox_5x7b0_231", Co = "_SearchIcon_5x7b0_241", vo = "_SearchInput_5x7b0_248", wo = "_ResultsList_5x7b0_262", bo = "_OptionRow_5x7b0_268", yo = "_Selected_5x7b0_283", No = "_Indented_5x7b0_287", Io = "_Disabled_5x7b0_291", ko = "_GroupHeader_5x7b0_302", xo = "_CheckSlot_5x7b0_317", So = "_Checked_5x7b0_327", Ro = "_CheckIcon_5x7b0_333", Lo = "_CreateRow_5x7b0_360", To = "_WithBorder_5x7b0_373", Do = "_CreateIcon_5x7b0_378", Bo = "_CreateLabel_5x7b0_390", Eo = "_EmptyHint_5x7b0_396", Ao = "_SkeletonRow_5x7b0_403", f = {
|
|
550
|
+
DropdownContainer: Kt,
|
|
551
|
+
PanelWrapper: zt,
|
|
552
552
|
Portal: Xt,
|
|
553
553
|
Above: Qt,
|
|
554
554
|
PanelContainer: Yt,
|
|
555
555
|
Glass: Jt,
|
|
556
556
|
Label: Zt,
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
|
|
561
|
-
|
|
562
|
-
|
|
563
|
-
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
557
|
+
WithIcon: eo,
|
|
558
|
+
lifted: no,
|
|
559
|
+
TriggerContainer: to,
|
|
560
|
+
Open: oo,
|
|
561
|
+
TriggerPlaceholder: ro,
|
|
562
|
+
TriggerValue: so,
|
|
563
|
+
TriggerIcon: ao,
|
|
564
|
+
ChipsWrapper: io,
|
|
565
|
+
Expand: co,
|
|
566
|
+
MultiSelect: lo,
|
|
567
|
+
ExpandHeight: uo,
|
|
568
|
+
RichValue: ho,
|
|
569
|
+
LeadingIcon: _o,
|
|
570
|
+
TriggerValueRich: fo,
|
|
571
|
+
Chip: po,
|
|
572
|
+
SearchRow: mo,
|
|
573
|
+
SearchBox: go,
|
|
574
|
+
SearchIcon: Co,
|
|
575
|
+
SearchInput: vo,
|
|
576
|
+
ResultsList: wo,
|
|
577
|
+
OptionRow: bo,
|
|
578
|
+
Selected: yo,
|
|
579
|
+
Indented: No,
|
|
580
|
+
Disabled: Io,
|
|
579
581
|
GroupHeader: ko,
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
582
|
+
CheckSlot: xo,
|
|
583
|
+
Checked: So,
|
|
584
|
+
CheckIcon: Ro,
|
|
585
|
+
CreateRow: Lo,
|
|
586
|
+
WithBorder: To,
|
|
587
|
+
CreateIcon: Do,
|
|
588
|
+
CreateLabel: Bo,
|
|
589
|
+
EmptyHint: Eo,
|
|
590
|
+
SkeletonRow: Ao
|
|
587
591
|
};
|
|
588
|
-
function
|
|
592
|
+
function Mo({ query: e, withBorder: n, onCreate: r }) {
|
|
589
593
|
function t(s) {
|
|
590
594
|
s.preventDefault(), r();
|
|
591
595
|
}
|
|
592
596
|
return /* @__PURE__ */ m(
|
|
593
597
|
"div",
|
|
594
598
|
{
|
|
595
|
-
className: C(
|
|
599
|
+
className: C(f.CreateRow, n && f.WithBorder),
|
|
596
600
|
onMouseDown: t,
|
|
597
601
|
children: [
|
|
598
|
-
/* @__PURE__ */ o("span", { className:
|
|
602
|
+
/* @__PURE__ */ o("span", { className: f.CreateIcon, children: /* @__PURE__ */ m("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
|
|
599
603
|
/* @__PURE__ */ o("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
|
|
600
604
|
/* @__PURE__ */ o("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
|
|
601
605
|
] }) }),
|
|
602
|
-
/* @__PURE__ */ m("span", { className:
|
|
606
|
+
/* @__PURE__ */ m("span", { className: f.CreateLabel, children: [
|
|
603
607
|
"create “",
|
|
604
608
|
e,
|
|
605
609
|
"”"
|
|
@@ -608,29 +612,32 @@ function xo({ query: e, withBorder: n, onCreate: r }) {
|
|
|
608
612
|
}
|
|
609
613
|
);
|
|
610
614
|
}
|
|
611
|
-
function
|
|
615
|
+
function Po({ label: e, icon: n, withBorder: r, onAction: t }) {
|
|
612
616
|
function s(a) {
|
|
613
617
|
a.preventDefault(), t();
|
|
614
618
|
}
|
|
615
619
|
return /* @__PURE__ */ m(
|
|
616
620
|
"div",
|
|
617
621
|
{
|
|
618
|
-
className: C(
|
|
622
|
+
className: C(f.CreateRow, r && f.WithBorder),
|
|
619
623
|
onMouseDown: s,
|
|
620
624
|
children: [
|
|
621
|
-
/* @__PURE__ */ o("span", { className:
|
|
625
|
+
/* @__PURE__ */ o("span", { className: f.CreateIcon, children: n ?? /* @__PURE__ */ m("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", stroke: "currentColor", strokeWidth: "2.4", strokeLinecap: "round", children: [
|
|
622
626
|
/* @__PURE__ */ o("line", { x1: "5", y1: "1", x2: "5", y2: "9" }),
|
|
623
627
|
/* @__PURE__ */ o("line", { x1: "1", y1: "5", x2: "9", y2: "5" })
|
|
624
628
|
] }) }),
|
|
625
|
-
/* @__PURE__ */ o("span", { className:
|
|
629
|
+
/* @__PURE__ */ o("span", { className: f.CreateLabel, children: e })
|
|
626
630
|
]
|
|
627
631
|
}
|
|
628
632
|
);
|
|
629
633
|
}
|
|
630
|
-
function
|
|
631
|
-
return /* @__PURE__ */ o("div", { className:
|
|
634
|
+
function Oo({ label: e }) {
|
|
635
|
+
return /* @__PURE__ */ o("div", { className: f.GroupHeader, children: e });
|
|
636
|
+
}
|
|
637
|
+
function Wo({ isChecked: e }) {
|
|
638
|
+
return /* @__PURE__ */ o("span", { className: C(f.CheckSlot, e && f.Checked), "aria-hidden": "true", children: /* @__PURE__ */ o("svg", { className: f.CheckIcon, viewBox: "0 0 12 12", width: "12", height: "12", fill: "none", children: /* @__PURE__ */ o("path", { d: "M2 6.5 L4.75 9 L10 3.5", pathLength: "1" }) }) });
|
|
632
639
|
}
|
|
633
|
-
function
|
|
640
|
+
function Pe({ opt: e, isSelected: n, multiSelect: r, onPick: t, indented: s = !1 }) {
|
|
634
641
|
const a = Xe(e);
|
|
635
642
|
function i(c) {
|
|
636
643
|
c.preventDefault(), !a && t(e);
|
|
@@ -638,19 +645,19 @@ function Me({ opt: e, isSelected: n, multiSelect: r, onPick: t, indented: s = !1
|
|
|
638
645
|
return /* @__PURE__ */ m(
|
|
639
646
|
"div",
|
|
640
647
|
{
|
|
641
|
-
className: C(
|
|
648
|
+
className: C(f.OptionRow, n && f.Selected, s && f.Indented, a && f.Disabled),
|
|
642
649
|
onMouseDown: i,
|
|
643
|
-
title:
|
|
650
|
+
title: Gt(e),
|
|
644
651
|
children: [
|
|
645
|
-
r &&
|
|
652
|
+
r && /* @__PURE__ */ o(Wo, { isChecked: n }),
|
|
646
653
|
we(e)
|
|
647
654
|
]
|
|
648
655
|
}
|
|
649
656
|
);
|
|
650
657
|
}
|
|
651
|
-
function
|
|
652
|
-
return /* @__PURE__ */ o("div", { className:
|
|
653
|
-
/* @__PURE__ */ o("span", { className:
|
|
658
|
+
function Fo({ inputRef: e, query: n, onChange: r, onKeyDown: t, placeholder: s }) {
|
|
659
|
+
return /* @__PURE__ */ o("div", { className: f.SearchRow, children: /* @__PURE__ */ m("div", { className: f.SearchBox, children: [
|
|
660
|
+
/* @__PURE__ */ o("span", { className: f.SearchIcon, children: /* @__PURE__ */ m("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", children: [
|
|
654
661
|
/* @__PURE__ */ o("circle", { cx: "5", cy: "5", r: "3.5" }),
|
|
655
662
|
/* @__PURE__ */ o("line", { x1: "8", y1: "8", x2: "11", y2: "11" })
|
|
656
663
|
] }) }),
|
|
@@ -658,7 +665,7 @@ function Ao({ inputRef: e, query: n, onChange: r, onKeyDown: t, placeholder: s }
|
|
|
658
665
|
"input",
|
|
659
666
|
{
|
|
660
667
|
ref: e,
|
|
661
|
-
className:
|
|
668
|
+
className: f.SearchInput,
|
|
662
669
|
value: n,
|
|
663
670
|
onChange: r,
|
|
664
671
|
onKeyDown: t,
|
|
@@ -667,10 +674,10 @@ function Ao({ inputRef: e, query: n, onChange: r, onKeyDown: t, placeholder: s }
|
|
|
667
674
|
)
|
|
668
675
|
] }) });
|
|
669
676
|
}
|
|
670
|
-
function
|
|
671
|
-
return /* @__PURE__ */ o(
|
|
677
|
+
function Ho({ count: e }) {
|
|
678
|
+
return /* @__PURE__ */ o($, { children: Array.from({ length: e }).map((n, r) => /* @__PURE__ */ o("div", { className: f.SkeletonRow }, r)) });
|
|
672
679
|
}
|
|
673
|
-
function
|
|
680
|
+
function qo({
|
|
674
681
|
onSearch: e,
|
|
675
682
|
onCreate: n,
|
|
676
683
|
onPick: r,
|
|
@@ -686,131 +693,131 @@ function Mo({
|
|
|
686
693
|
emptyHint: g = "no results found",
|
|
687
694
|
skeletonRowCount: b = 4,
|
|
688
695
|
onError: w = console.error,
|
|
689
|
-
glass:
|
|
690
|
-
portal:
|
|
691
|
-
renderOption:
|
|
692
|
-
footerAction:
|
|
696
|
+
glass: S = !1,
|
|
697
|
+
portal: O = !0,
|
|
698
|
+
renderOption: R,
|
|
699
|
+
footerAction: _
|
|
693
700
|
}) {
|
|
694
|
-
const [v,
|
|
695
|
-
|
|
696
|
-
const
|
|
697
|
-
|
|
698
|
-
if (!
|
|
699
|
-
function
|
|
700
|
-
s?.current &&
|
|
701
|
+
const [v, L] = I(""), [y, W] = I(!1), [T, M] = I(null), [G, J] = I(0), [k, D] = I(0), z = x(null), te = x(null), ae = !!e, ye = $t(v, e);
|
|
702
|
+
Ut(te, t, s);
|
|
703
|
+
const q = S || O;
|
|
704
|
+
de(() => {
|
|
705
|
+
if (!q) return;
|
|
706
|
+
function p() {
|
|
707
|
+
s?.current && M(s.current.getBoundingClientRect());
|
|
701
708
|
}
|
|
702
|
-
return
|
|
703
|
-
window.removeEventListener("scroll",
|
|
709
|
+
return p(), window.addEventListener("scroll", p, !0), window.addEventListener("resize", p), () => {
|
|
710
|
+
window.removeEventListener("scroll", p, !0), window.removeEventListener("resize", p);
|
|
704
711
|
};
|
|
705
|
-
}, [
|
|
706
|
-
const
|
|
707
|
-
if (!
|
|
708
|
-
const P = "--dropdown-available-height", pe =
|
|
709
|
-
|
|
712
|
+
}, [q, s]), de(() => {
|
|
713
|
+
const p = te.current;
|
|
714
|
+
if (!q || !p) return;
|
|
715
|
+
const P = "--dropdown-available-height", pe = p.style.getPropertyValue(P);
|
|
716
|
+
p.style.removeProperty(P), J(p.offsetHeight), D(parseFloat(getComputedStyle(p).marginTop) || 0), pe && p.style.setProperty(P, pe);
|
|
710
717
|
}), A(() => {
|
|
711
|
-
ae &&
|
|
718
|
+
ae && z.current?.focus();
|
|
712
719
|
}, [ae]);
|
|
713
|
-
const
|
|
714
|
-
if (
|
|
715
|
-
const P =
|
|
716
|
-
return P.length > 0 ? [{ ...
|
|
720
|
+
const ie = (e ? ye : i).flatMap((p) => {
|
|
721
|
+
if (ue(p)) {
|
|
722
|
+
const P = p.options.filter((pe) => !c.includes(H(pe)));
|
|
723
|
+
return P.length > 0 ? [{ ...p, options: P }] : [];
|
|
717
724
|
}
|
|
718
|
-
return c.includes(
|
|
719
|
-
}),
|
|
720
|
-
...
|
|
721
|
-
...
|
|
722
|
-
] :
|
|
723
|
-
(
|
|
724
|
-
),
|
|
725
|
+
return c.includes(H(p)) ? [] : [p];
|
|
726
|
+
}), Z = l ? [
|
|
727
|
+
...ie.filter((p) => !ue(p) && d.includes(H(p))),
|
|
728
|
+
...ie.filter((p) => ue(p) || !d.includes(H(p)))
|
|
729
|
+
] : ie, X = ze(Z), ce = v.trim(), on = X.some(
|
|
730
|
+
(p) => we(p).toLowerCase() === ce.toLowerCase()
|
|
731
|
+
), _e = !!n && ce.length > 0 && !on;
|
|
725
732
|
async function Be() {
|
|
726
|
-
!
|
|
733
|
+
!ce || y || !n || (W(!0), n(ce).then(oe).catch(w).finally(() => W(!1)));
|
|
727
734
|
}
|
|
728
|
-
function
|
|
729
|
-
Xe(
|
|
735
|
+
function oe(p) {
|
|
736
|
+
Xe(p) || (r(p), u || t());
|
|
730
737
|
}
|
|
731
738
|
function rn() {
|
|
732
|
-
|
|
739
|
+
_?.onAction(), t();
|
|
733
740
|
}
|
|
734
|
-
function sn(
|
|
735
|
-
|
|
741
|
+
function sn(p) {
|
|
742
|
+
L(p.target.value);
|
|
736
743
|
}
|
|
737
|
-
function an(
|
|
738
|
-
|
|
744
|
+
function an(p) {
|
|
745
|
+
p.key === "Enter" && (p.preventDefault(), X.length > 0 ? oe(X[0]) : _e && Be());
|
|
739
746
|
}
|
|
740
747
|
const cn = a ?? (n ? "search or add new…" : "search…");
|
|
741
|
-
if (
|
|
742
|
-
const
|
|
743
|
-
left:
|
|
744
|
-
width:
|
|
745
|
-
...
|
|
746
|
-
"--dropdown-available-height": `${
|
|
748
|
+
if (q && !T) return null;
|
|
749
|
+
const fe = q && T ? Vt({ anchorRect: T, panelHeight: G, viewportHeight: window.innerHeight, gap: k }) : null, ln = q && T && fe ? {
|
|
750
|
+
left: T.left,
|
|
751
|
+
width: T.width,
|
|
752
|
+
...fe.side === "above" ? { bottom: window.innerHeight - T.top } : { top: T.bottom },
|
|
753
|
+
"--dropdown-available-height": `${fe.availableHeight}px`
|
|
747
754
|
} : void 0, Ee = /* @__PURE__ */ o(
|
|
748
755
|
"div",
|
|
749
756
|
{
|
|
750
|
-
ref:
|
|
751
|
-
className: C(
|
|
752
|
-
[
|
|
753
|
-
[
|
|
757
|
+
ref: te,
|
|
758
|
+
className: C(f.PanelWrapper, {
|
|
759
|
+
[f.Portal]: q,
|
|
760
|
+
[f.Above]: fe?.side === "above"
|
|
754
761
|
}),
|
|
755
762
|
style: ln,
|
|
756
|
-
children: /* @__PURE__ */ m("div", { className: C(
|
|
763
|
+
children: /* @__PURE__ */ m("div", { className: C(f.PanelContainer, { [f.Glass]: S }), children: [
|
|
757
764
|
ae && /* @__PURE__ */ o(
|
|
758
|
-
|
|
765
|
+
Fo,
|
|
759
766
|
{
|
|
760
|
-
inputRef:
|
|
767
|
+
inputRef: z,
|
|
761
768
|
query: v,
|
|
762
769
|
onChange: sn,
|
|
763
770
|
onKeyDown: an,
|
|
764
771
|
placeholder: cn
|
|
765
772
|
}
|
|
766
773
|
),
|
|
767
|
-
/* @__PURE__ */ o("div", { className:
|
|
768
|
-
|
|
769
|
-
/* @__PURE__ */ o(
|
|
770
|
-
|
|
771
|
-
isSelected: d.includes(
|
|
774
|
+
/* @__PURE__ */ o("div", { className: f.ResultsList, children: h ? /* @__PURE__ */ o(Ho, { count: b }) : /* @__PURE__ */ m($, { children: [
|
|
775
|
+
Z.map((p) => ue(p) ? /* @__PURE__ */ m(Ne, { children: [
|
|
776
|
+
/* @__PURE__ */ o(Oo, { label: p.group }),
|
|
777
|
+
p.options.map((P) => /* @__PURE__ */ o(Ne, { children: R ? R(P, {
|
|
778
|
+
isSelected: d.includes(H(P)),
|
|
772
779
|
multiSelect: u,
|
|
773
780
|
indented: !0,
|
|
774
|
-
onPick: () =>
|
|
781
|
+
onPick: () => oe(P)
|
|
775
782
|
}) : /* @__PURE__ */ o(
|
|
776
|
-
|
|
783
|
+
Pe,
|
|
777
784
|
{
|
|
778
785
|
opt: P,
|
|
779
|
-
isSelected: d.includes(
|
|
786
|
+
isSelected: d.includes(H(P)),
|
|
780
787
|
multiSelect: u,
|
|
781
|
-
onPick:
|
|
788
|
+
onPick: oe,
|
|
782
789
|
indented: !0
|
|
783
790
|
}
|
|
784
|
-
) },
|
|
785
|
-
] }, `group:${
|
|
786
|
-
isSelected: d.includes(
|
|
791
|
+
) }, H(P)))
|
|
792
|
+
] }, `group:${p.group}`) : /* @__PURE__ */ o(Ne, { children: R ? R(p, {
|
|
793
|
+
isSelected: d.includes(H(p)),
|
|
787
794
|
multiSelect: u,
|
|
788
795
|
indented: !1,
|
|
789
|
-
onPick: () =>
|
|
796
|
+
onPick: () => oe(p)
|
|
790
797
|
}) : /* @__PURE__ */ o(
|
|
791
|
-
|
|
798
|
+
Pe,
|
|
792
799
|
{
|
|
793
|
-
opt:
|
|
794
|
-
isSelected: d.includes(
|
|
800
|
+
opt: p,
|
|
801
|
+
isSelected: d.includes(H(p)),
|
|
795
802
|
multiSelect: u,
|
|
796
|
-
onPick:
|
|
803
|
+
onPick: oe
|
|
797
804
|
}
|
|
798
|
-
) },
|
|
799
|
-
|
|
800
|
-
|
|
805
|
+
) }, H(p))),
|
|
806
|
+
_e && /* @__PURE__ */ o(
|
|
807
|
+
Mo,
|
|
801
808
|
{
|
|
802
|
-
query:
|
|
803
|
-
withBorder:
|
|
809
|
+
query: ce,
|
|
810
|
+
withBorder: X.length > 0,
|
|
804
811
|
onCreate: Be
|
|
805
812
|
}
|
|
806
813
|
),
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
814
|
+
X.length === 0 && !_e && /* @__PURE__ */ o("div", { className: f.EmptyHint, children: g }),
|
|
815
|
+
_ && /* @__PURE__ */ o(
|
|
816
|
+
Po,
|
|
810
817
|
{
|
|
811
|
-
label:
|
|
812
|
-
icon:
|
|
813
|
-
withBorder:
|
|
818
|
+
label: _.label,
|
|
819
|
+
icon: _.icon,
|
|
820
|
+
withBorder: X.length > 0 || _e,
|
|
814
821
|
onAction: rn
|
|
815
822
|
}
|
|
816
823
|
)
|
|
@@ -818,9 +825,9 @@ function Mo({
|
|
|
818
825
|
] })
|
|
819
826
|
}
|
|
820
827
|
);
|
|
821
|
-
return
|
|
828
|
+
return q ? De(Ee, document.body) : Ee;
|
|
822
829
|
}
|
|
823
|
-
function
|
|
830
|
+
function Uo({ size: e = 14, strokeWidth: n = 2, className: r }) {
|
|
824
831
|
return /* @__PURE__ */ o(
|
|
825
832
|
"svg",
|
|
826
833
|
{
|
|
@@ -837,7 +844,7 @@ function Oo({ size: e = 14, strokeWidth: n = 2, className: r }) {
|
|
|
837
844
|
}
|
|
838
845
|
);
|
|
839
846
|
}
|
|
840
|
-
function
|
|
847
|
+
function Ss() {
|
|
841
848
|
return /* @__PURE__ */ m(
|
|
842
849
|
"svg",
|
|
843
850
|
{
|
|
@@ -856,7 +863,7 @@ function ys() {
|
|
|
856
863
|
}
|
|
857
864
|
);
|
|
858
865
|
}
|
|
859
|
-
function
|
|
866
|
+
function Rs() {
|
|
860
867
|
return /* @__PURE__ */ m(
|
|
861
868
|
"svg",
|
|
862
869
|
{
|
|
@@ -875,7 +882,7 @@ function ks() {
|
|
|
875
882
|
}
|
|
876
883
|
);
|
|
877
884
|
}
|
|
878
|
-
function
|
|
885
|
+
function $o({ size: e = 14, strokeWidth: n = 2, className: r }) {
|
|
879
886
|
return /* @__PURE__ */ m(
|
|
880
887
|
"svg",
|
|
881
888
|
{
|
|
@@ -895,7 +902,7 @@ function Wo({ size: e = 14, strokeWidth: n = 2, className: r }) {
|
|
|
895
902
|
}
|
|
896
903
|
);
|
|
897
904
|
}
|
|
898
|
-
function
|
|
905
|
+
function Go({
|
|
899
906
|
triggerRef: e,
|
|
900
907
|
isOpen: n,
|
|
901
908
|
onClick: r,
|
|
@@ -903,32 +910,34 @@ function Fo({
|
|
|
903
910
|
multiSelect: s,
|
|
904
911
|
placeholder: a,
|
|
905
912
|
onOverflow: i = "scroll",
|
|
906
|
-
renderValue: c
|
|
913
|
+
renderValue: c,
|
|
914
|
+
hasIcon: d = !1
|
|
907
915
|
}) {
|
|
908
|
-
const
|
|
916
|
+
const u = i === "expand", l = !!c && !s && t.length === 1;
|
|
909
917
|
return /* @__PURE__ */ m(
|
|
910
918
|
"button",
|
|
911
919
|
{
|
|
912
920
|
type: "button",
|
|
913
921
|
ref: e,
|
|
914
922
|
className: C(
|
|
915
|
-
|
|
916
|
-
n &&
|
|
917
|
-
s &&
|
|
918
|
-
|
|
919
|
-
|
|
923
|
+
f.TriggerContainer,
|
|
924
|
+
n && f.Open,
|
|
925
|
+
s && f.MultiSelect,
|
|
926
|
+
u && f.ExpandHeight,
|
|
927
|
+
l && f.RichValue,
|
|
928
|
+
d && f.WithIcon
|
|
920
929
|
),
|
|
921
930
|
onClick: r,
|
|
922
931
|
"aria-expanded": n,
|
|
923
932
|
"aria-haspopup": "listbox",
|
|
924
933
|
children: [
|
|
925
|
-
s && t.length > 0 ? /* @__PURE__ */ o("div", { className: C(
|
|
926
|
-
/* @__PURE__ */ o("span", { className:
|
|
934
|
+
s && t.length > 0 ? /* @__PURE__ */ o("div", { className: C(f.ChipsWrapper, u && f.Expand), children: t.map((h, g) => /* @__PURE__ */ o("span", { className: f.Chip, children: c ? c(h) : we(h) }, g)) }) : l ? /* @__PURE__ */ o("div", { className: f.TriggerValueRich, children: c(t[0]) }) : /* @__PURE__ */ o("span", { className: t.length === 0 ? f.TriggerPlaceholder : f.TriggerValue, children: t.length === 0 ? a : t.map(we).join(", ") }),
|
|
935
|
+
/* @__PURE__ */ o("span", { className: f.TriggerIcon, children: /* @__PURE__ */ o(Uo, { size: 12 }) })
|
|
927
936
|
]
|
|
928
937
|
}
|
|
929
938
|
);
|
|
930
939
|
}
|
|
931
|
-
function
|
|
940
|
+
function Ls({
|
|
932
941
|
options: e = [],
|
|
933
942
|
value: n,
|
|
934
943
|
onChange: r,
|
|
@@ -944,52 +953,57 @@ function Ns({
|
|
|
944
953
|
emptyHint: g,
|
|
945
954
|
isLoading: b,
|
|
946
955
|
skeletonRowCount: w,
|
|
947
|
-
onError:
|
|
948
|
-
className:
|
|
949
|
-
glass:
|
|
950
|
-
portal:
|
|
956
|
+
onError: S,
|
|
957
|
+
className: O,
|
|
958
|
+
glass: R = !1,
|
|
959
|
+
portal: _ = !0,
|
|
951
960
|
renderOption: v,
|
|
952
|
-
renderValue:
|
|
961
|
+
renderValue: L,
|
|
953
962
|
footerAction: y,
|
|
954
|
-
|
|
963
|
+
icon: W,
|
|
964
|
+
children: T
|
|
955
965
|
}) {
|
|
956
|
-
const { isOpen:
|
|
957
|
-
function
|
|
958
|
-
const
|
|
966
|
+
const { isOpen: M, triggerRef: G, toggleOpen: J, close: k } = qt(), D = B("Dropdown", O), z = jt(n, ze(e)), te = M || z.length > 0, ae = u && !te ? "" : l;
|
|
967
|
+
function ye(ie) {
|
|
968
|
+
const Z = H(ie);
|
|
959
969
|
r(
|
|
960
|
-
i ? n.includes(
|
|
970
|
+
i ? n.includes(Z) ? n.filter((X) => X !== Z) : [...n, Z] : [Z]
|
|
961
971
|
);
|
|
962
972
|
}
|
|
963
|
-
const
|
|
964
|
-
ref:
|
|
965
|
-
onClick:
|
|
966
|
-
"aria-expanded":
|
|
973
|
+
const q = {
|
|
974
|
+
ref: G,
|
|
975
|
+
onClick: J,
|
|
976
|
+
"aria-expanded": M,
|
|
967
977
|
"aria-haspopup": "listbox"
|
|
968
978
|
};
|
|
969
|
-
return /* @__PURE__ */ m("div", { className: C(
|
|
970
|
-
u && /* @__PURE__ */ o("label", { className: C(
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
979
|
+
return /* @__PURE__ */ m("div", { className: C(f.DropdownContainer, D), children: [
|
|
980
|
+
u && /* @__PURE__ */ o("label", { className: C(f.Label, { [f.lifted]: te, [f.WithIcon]: !!W }), children: u }),
|
|
981
|
+
T ? T({ selectedOptions: z, isOpen: M, toggleOpen: J, close: k, triggerProps: q }) : /* @__PURE__ */ m($, { children: [
|
|
982
|
+
W && /* @__PURE__ */ o("span", { className: f.LeadingIcon, children: W }),
|
|
983
|
+
/* @__PURE__ */ o(
|
|
984
|
+
Go,
|
|
985
|
+
{
|
|
986
|
+
triggerRef: G,
|
|
987
|
+
isOpen: M,
|
|
988
|
+
onClick: J,
|
|
989
|
+
selectedOptions: z,
|
|
990
|
+
multiSelect: i,
|
|
991
|
+
onOverflow: d,
|
|
992
|
+
placeholder: ae,
|
|
993
|
+
renderValue: L,
|
|
994
|
+
hasIcon: !!W
|
|
995
|
+
}
|
|
996
|
+
)
|
|
997
|
+
] }),
|
|
998
|
+
M && /* @__PURE__ */ o(
|
|
999
|
+
qo,
|
|
986
1000
|
{
|
|
987
1001
|
options: e,
|
|
988
1002
|
onSearch: t,
|
|
989
1003
|
onCreate: s,
|
|
990
|
-
onPick:
|
|
991
|
-
onClose:
|
|
992
|
-
anchorRef:
|
|
1004
|
+
onPick: ye,
|
|
1005
|
+
onClose: k,
|
|
1006
|
+
anchorRef: G,
|
|
993
1007
|
excluded: a,
|
|
994
1008
|
multiSelect: i,
|
|
995
1009
|
selectedAtTop: c,
|
|
@@ -998,30 +1012,30 @@ function Ns({
|
|
|
998
1012
|
emptyHint: g,
|
|
999
1013
|
isLoading: b,
|
|
1000
1014
|
skeletonRowCount: w,
|
|
1001
|
-
onError:
|
|
1002
|
-
glass:
|
|
1003
|
-
portal:
|
|
1015
|
+
onError: S,
|
|
1016
|
+
glass: R,
|
|
1017
|
+
portal: _,
|
|
1004
1018
|
renderOption: v,
|
|
1005
1019
|
footerAction: y
|
|
1006
1020
|
}
|
|
1007
1021
|
)
|
|
1008
1022
|
] });
|
|
1009
1023
|
}
|
|
1010
|
-
const jo = "_Btn_1wp07_10",
|
|
1024
|
+
const jo = "_Btn_1wp07_10", Vo = "_Unstyled_1wp07_35", Ko = "_Primary_1wp07_52", zo = "_Secondary_1wp07_67", Xo = "_Ghost_1wp07_79", Qo = "_IconDanger_1wp07_91", Yo = "_Danger_1wp07_112", ne = {
|
|
1011
1025
|
Btn: jo,
|
|
1012
|
-
Unstyled:
|
|
1013
|
-
Primary:
|
|
1026
|
+
Unstyled: Vo,
|
|
1027
|
+
Primary: Ko,
|
|
1014
1028
|
Secondary: zo,
|
|
1015
|
-
Ghost:
|
|
1016
|
-
IconDanger:
|
|
1017
|
-
Danger:
|
|
1018
|
-
},
|
|
1019
|
-
primary:
|
|
1020
|
-
secondary:
|
|
1021
|
-
danger:
|
|
1022
|
-
ghost:
|
|
1023
|
-
iconDanger:
|
|
1024
|
-
unstyled:
|
|
1029
|
+
Ghost: Xo,
|
|
1030
|
+
IconDanger: Qo,
|
|
1031
|
+
Danger: Yo
|
|
1032
|
+
}, Jo = {
|
|
1033
|
+
primary: ne.Primary,
|
|
1034
|
+
secondary: ne.Secondary,
|
|
1035
|
+
danger: ne.Danger,
|
|
1036
|
+
ghost: ne.Ghost,
|
|
1037
|
+
iconDanger: ne.IconDanger,
|
|
1038
|
+
unstyled: ne.Unstyled
|
|
1025
1039
|
};
|
|
1026
1040
|
function Qe({ variant: e = "default", className: n, children: r, ...t }) {
|
|
1027
1041
|
const s = B("Button", n);
|
|
@@ -1030,23 +1044,23 @@ function Qe({ variant: e = "default", className: n, children: r, ...t }) {
|
|
|
1030
1044
|
{
|
|
1031
1045
|
type: "button",
|
|
1032
1046
|
...t,
|
|
1033
|
-
className: C(!(e === "unstyled") &&
|
|
1047
|
+
className: C(!(e === "unstyled") && ne.Btn, Jo[e], s),
|
|
1034
1048
|
children: r
|
|
1035
1049
|
}
|
|
1036
1050
|
);
|
|
1037
1051
|
}
|
|
1038
|
-
const
|
|
1039
|
-
ConfirmWrapper:
|
|
1040
|
-
ConfirmContainer:
|
|
1041
|
-
Glass:
|
|
1042
|
-
ConfirmTitle:
|
|
1043
|
-
ConfirmMessage:
|
|
1044
|
-
ConfirmActions:
|
|
1045
|
-
BtnCancel:
|
|
1046
|
-
BtnConfirm:
|
|
1047
|
-
BtnDanger:
|
|
1052
|
+
const Zo = "_ConfirmWrapper_1tq4o_4", er = "_ConfirmContainer_1tq4o_1", nr = "_Glass_1tq4o_24", tr = "_ConfirmTitle_1tq4o_30", or = "_ConfirmMessage_1tq4o_38", rr = "_ConfirmActions_1tq4o_45", sr = "_BtnCancel_1tq4o_53", ar = "_BtnConfirm_1tq4o_73", ir = "_BtnDanger_1tq4o_92", j = {
|
|
1053
|
+
ConfirmWrapper: Zo,
|
|
1054
|
+
ConfirmContainer: er,
|
|
1055
|
+
Glass: nr,
|
|
1056
|
+
ConfirmTitle: tr,
|
|
1057
|
+
ConfirmMessage: or,
|
|
1058
|
+
ConfirmActions: rr,
|
|
1059
|
+
BtnCancel: sr,
|
|
1060
|
+
BtnConfirm: ar,
|
|
1061
|
+
BtnDanger: ir
|
|
1048
1062
|
};
|
|
1049
|
-
function
|
|
1063
|
+
function Ts({
|
|
1050
1064
|
title: e,
|
|
1051
1065
|
message: n,
|
|
1052
1066
|
confirmLabel: r = "Confirm",
|
|
@@ -1057,21 +1071,21 @@ function Is({
|
|
|
1057
1071
|
className: c,
|
|
1058
1072
|
glass: d = !1
|
|
1059
1073
|
}) {
|
|
1060
|
-
const [u, l] =
|
|
1074
|
+
const [u, l] = I(!1), h = B("ConfirmDialog", c);
|
|
1061
1075
|
function g() {
|
|
1062
1076
|
l(!0), Promise.resolve(a()).finally(() => {
|
|
1063
1077
|
l(!1), i();
|
|
1064
1078
|
});
|
|
1065
1079
|
}
|
|
1066
|
-
return /* @__PURE__ */ o("div", { className:
|
|
1067
|
-
/* @__PURE__ */ o("h2", { className:
|
|
1068
|
-
/* @__PURE__ */ o("p", { className:
|
|
1069
|
-
/* @__PURE__ */ m("div", { className:
|
|
1070
|
-
/* @__PURE__ */ o("button", { className:
|
|
1080
|
+
return /* @__PURE__ */ o("div", { className: j.ConfirmWrapper, children: /* @__PURE__ */ m("div", { className: C(j.ConfirmContainer, { [j.Glass]: d }, h), role: "dialog", "aria-modal": "true", children: [
|
|
1081
|
+
/* @__PURE__ */ o("h2", { className: j.ConfirmTitle, children: e }),
|
|
1082
|
+
/* @__PURE__ */ o("p", { className: j.ConfirmMessage, children: n }),
|
|
1083
|
+
/* @__PURE__ */ m("div", { className: j.ConfirmActions, children: [
|
|
1084
|
+
/* @__PURE__ */ o("button", { className: j.BtnCancel, type: "button", onClick: i, disabled: u, children: t }),
|
|
1071
1085
|
/* @__PURE__ */ o(
|
|
1072
1086
|
"button",
|
|
1073
1087
|
{
|
|
1074
|
-
className: C(s ?
|
|
1088
|
+
className: C(s ? j.BtnDanger : j.BtnConfirm),
|
|
1075
1089
|
type: "button",
|
|
1076
1090
|
onClick: g,
|
|
1077
1091
|
disabled: u,
|
|
@@ -1081,24 +1095,24 @@ function Is({
|
|
|
1081
1095
|
] })
|
|
1082
1096
|
] }) });
|
|
1083
1097
|
}
|
|
1084
|
-
const
|
|
1085
|
-
InfoWrapper:
|
|
1086
|
-
InfoContainer:
|
|
1087
|
-
Glass:
|
|
1088
|
-
InfoTitle:
|
|
1089
|
-
InfoMessage:
|
|
1090
|
-
InfoActions:
|
|
1091
|
-
BtnClose:
|
|
1098
|
+
const cr = "_InfoWrapper_cqv58_4", lr = "_InfoContainer_cqv58_1", ur = "_Glass_cqv58_24", dr = "_InfoTitle_cqv58_30", hr = "_InfoMessage_cqv58_38", _r = "_InfoActions_cqv58_45", fr = "_BtnClose_cqv58_52", ee = {
|
|
1099
|
+
InfoWrapper: cr,
|
|
1100
|
+
InfoContainer: lr,
|
|
1101
|
+
Glass: ur,
|
|
1102
|
+
InfoTitle: dr,
|
|
1103
|
+
InfoMessage: hr,
|
|
1104
|
+
InfoActions: _r,
|
|
1105
|
+
BtnClose: fr
|
|
1092
1106
|
};
|
|
1093
|
-
function
|
|
1107
|
+
function Ds({ title: e, message: n, onClose: r, className: t, glass: s = !1 }) {
|
|
1094
1108
|
const a = B("InfoDialog", t);
|
|
1095
|
-
return /* @__PURE__ */ o("div", { className:
|
|
1096
|
-
/* @__PURE__ */ o("h2", { className:
|
|
1097
|
-
/* @__PURE__ */ o("p", { className:
|
|
1098
|
-
/* @__PURE__ */ o("div", { className:
|
|
1109
|
+
return /* @__PURE__ */ o("div", { className: ee.InfoWrapper, children: /* @__PURE__ */ m("div", { className: C(ee.InfoContainer, { [ee.Glass]: s }, a), role: "dialog", "aria-modal": "true", children: [
|
|
1110
|
+
/* @__PURE__ */ o("h2", { className: ee.InfoTitle, children: e }),
|
|
1111
|
+
/* @__PURE__ */ o("p", { className: ee.InfoMessage, children: n }),
|
|
1112
|
+
/* @__PURE__ */ o("div", { className: ee.InfoActions, children: /* @__PURE__ */ o("button", { className: ee.BtnClose, type: "button", onClick: r, children: "Got it" }) })
|
|
1099
1113
|
] }) });
|
|
1100
1114
|
}
|
|
1101
|
-
function
|
|
1115
|
+
function Bs({ buttons: e, containerClassName: n }) {
|
|
1102
1116
|
const r = B("ModalActions", n);
|
|
1103
1117
|
return /* @__PURE__ */ o("div", { className: r, children: e.map((t, s) => /* @__PURE__ */ o(
|
|
1104
1118
|
"button",
|
|
@@ -1112,7 +1126,7 @@ function Rs({ buttons: e, containerClassName: n }) {
|
|
|
1112
1126
|
s
|
|
1113
1127
|
)) });
|
|
1114
1128
|
}
|
|
1115
|
-
function
|
|
1129
|
+
function Es({ onClick: e, disabled: n, className: r }) {
|
|
1116
1130
|
const t = B("ModalClose", r);
|
|
1117
1131
|
return /* @__PURE__ */ o(
|
|
1118
1132
|
"button",
|
|
@@ -1141,45 +1155,45 @@ function Ts({ onClick: e, disabled: n, className: r }) {
|
|
|
1141
1155
|
}
|
|
1142
1156
|
);
|
|
1143
1157
|
}
|
|
1144
|
-
const
|
|
1145
|
-
Backdrop:
|
|
1146
|
-
BackdropOpen:
|
|
1147
|
-
Panel:
|
|
1148
|
-
Right:
|
|
1149
|
-
Left:
|
|
1150
|
-
Top:
|
|
1151
|
-
Bottom:
|
|
1152
|
-
PanelOpen:
|
|
1153
|
-
},
|
|
1154
|
-
let
|
|
1158
|
+
const pr = "_Backdrop_1w1e3_7", mr = "_BackdropOpen_1w1e3_16", gr = "_Panel_1w1e3_21", Cr = "_Right_1w1e3_31", vr = "_Left_1w1e3_40", wr = "_Top_1w1e3_49", br = "_Bottom_1w1e3_58", yr = "_PanelOpen_1w1e3_67", Y = {
|
|
1159
|
+
Backdrop: pr,
|
|
1160
|
+
BackdropOpen: mr,
|
|
1161
|
+
Panel: gr,
|
|
1162
|
+
Right: Cr,
|
|
1163
|
+
Left: vr,
|
|
1164
|
+
Top: wr,
|
|
1165
|
+
Bottom: br,
|
|
1166
|
+
PanelOpen: yr
|
|
1167
|
+
}, he = [];
|
|
1168
|
+
let Nr = 1, be = !1, Se = 0;
|
|
1155
1169
|
function Ye() {
|
|
1156
|
-
if (
|
|
1157
|
-
|
|
1170
|
+
if (Se > 0) {
|
|
1171
|
+
Se -= 1;
|
|
1158
1172
|
return;
|
|
1159
1173
|
}
|
|
1160
|
-
const e =
|
|
1174
|
+
const e = he.pop();
|
|
1161
1175
|
Je(), e && e.onBack();
|
|
1162
1176
|
}
|
|
1163
|
-
function
|
|
1177
|
+
function Ir() {
|
|
1164
1178
|
be || (be = !0, window.addEventListener("popstate", Ye));
|
|
1165
1179
|
}
|
|
1166
1180
|
function Je() {
|
|
1167
|
-
|
|
1181
|
+
he.length > 0 || !be || (be = !1, window.removeEventListener("popstate", Ye));
|
|
1168
1182
|
}
|
|
1169
|
-
function
|
|
1170
|
-
const n =
|
|
1171
|
-
return
|
|
1183
|
+
function kr(e) {
|
|
1184
|
+
const n = Nr++;
|
|
1185
|
+
return he.push({ handle: n, onBack: e }), Ir(), window.history.pushState({ churesOverlayBackHandle: n }, ""), n;
|
|
1172
1186
|
}
|
|
1173
1187
|
function Oe(e) {
|
|
1174
|
-
const n =
|
|
1175
|
-
n === -1 || (
|
|
1188
|
+
const n = he.findIndex((t) => t.handle === e);
|
|
1189
|
+
n === -1 || (he.splice(n, 1), Je(), window.history.state?.churesOverlayBackHandle !== e) || (Se += 1, window.history.back());
|
|
1176
1190
|
}
|
|
1177
|
-
function
|
|
1178
|
-
const r =
|
|
1191
|
+
function xr(e, n) {
|
|
1192
|
+
const r = x([]), t = x(n);
|
|
1179
1193
|
t.current = n, A(() => {
|
|
1180
1194
|
const s = r.current;
|
|
1181
1195
|
for (; s.length < e; )
|
|
1182
|
-
s.push(
|
|
1196
|
+
s.push(kr(() => t.current()));
|
|
1183
1197
|
for (; s.length > e; ) {
|
|
1184
1198
|
const a = s.pop();
|
|
1185
1199
|
a !== void 0 && Oe(a);
|
|
@@ -1192,19 +1206,19 @@ function br(e, n) {
|
|
|
1192
1206
|
}
|
|
1193
1207
|
}, []);
|
|
1194
1208
|
}
|
|
1195
|
-
const
|
|
1196
|
-
top:
|
|
1197
|
-
right:
|
|
1198
|
-
bottom:
|
|
1199
|
-
left:
|
|
1209
|
+
const Sr = {
|
|
1210
|
+
top: Y.Top,
|
|
1211
|
+
right: Y.Right,
|
|
1212
|
+
bottom: Y.Bottom,
|
|
1213
|
+
left: Y.Left
|
|
1200
1214
|
};
|
|
1201
|
-
let
|
|
1215
|
+
let Q = null, ke = 0;
|
|
1202
1216
|
function We() {
|
|
1203
|
-
return
|
|
1217
|
+
return Q || (Q = document.createElement("div"), Q.setAttribute("data-chures-side-drawer-root", ""), document.body.appendChild(Q)), Q;
|
|
1204
1218
|
}
|
|
1205
|
-
function
|
|
1206
|
-
const [i, c] =
|
|
1207
|
-
|
|
1219
|
+
function As({ open: e, onClose: n, children: r, side: t = "right", backdropBlur: s = 0, className: a }) {
|
|
1220
|
+
const [i, c] = I(!1), d = B("SideDrawer", a);
|
|
1221
|
+
xr(e ? 1 : 0, n), de(() => {
|
|
1208
1222
|
if (!e) {
|
|
1209
1223
|
c(!1);
|
|
1210
1224
|
return;
|
|
@@ -1212,52 +1226,52 @@ function Ds({ open: e, onClose: n, children: r, side: t = "right", backdropBlur:
|
|
|
1212
1226
|
document.body.appendChild(We());
|
|
1213
1227
|
const l = requestAnimationFrame(() => c(!0));
|
|
1214
1228
|
return () => cancelAnimationFrame(l);
|
|
1215
|
-
}, [e]), A(() => (
|
|
1216
|
-
|
|
1229
|
+
}, [e]), A(() => (ke += 1, () => {
|
|
1230
|
+
ke -= 1, ke === 0 && Q && (Q.remove(), Q = null);
|
|
1217
1231
|
}), []);
|
|
1218
1232
|
const u = s > 0 ? { backdropFilter: `blur(${s}rem)`, WebkitBackdropFilter: `blur(${s}rem)` } : void 0;
|
|
1219
|
-
return
|
|
1220
|
-
/* @__PURE__ */ m(
|
|
1233
|
+
return De(
|
|
1234
|
+
/* @__PURE__ */ m($, { children: [
|
|
1221
1235
|
/* @__PURE__ */ o(
|
|
1222
1236
|
"div",
|
|
1223
1237
|
{
|
|
1224
|
-
className: C(
|
|
1238
|
+
className: C(Y.Backdrop, i && Y.BackdropOpen),
|
|
1225
1239
|
style: u,
|
|
1226
1240
|
onClick: n
|
|
1227
1241
|
}
|
|
1228
1242
|
),
|
|
1229
|
-
/* @__PURE__ */ o("div", { className: C(
|
|
1243
|
+
/* @__PURE__ */ o("div", { className: C(Y.Panel, Sr[t], i && Y.PanelOpen, d), children: r })
|
|
1230
1244
|
] }),
|
|
1231
1245
|
We()
|
|
1232
1246
|
);
|
|
1233
1247
|
}
|
|
1234
|
-
const
|
|
1235
|
-
function
|
|
1236
|
-
return
|
|
1237
|
-
}
|
|
1238
|
-
const
|
|
1239
|
-
FlyoutMenuContainer:
|
|
1240
|
-
Backdrop:
|
|
1241
|
-
Panel:
|
|
1242
|
-
Submenu:
|
|
1243
|
-
FlyoutPanelContainer:
|
|
1244
|
-
Back:
|
|
1245
|
-
Chevron:
|
|
1246
|
-
MenuListContainer:
|
|
1247
|
-
Heading:
|
|
1248
|
-
Divider:
|
|
1249
|
-
MenuRowContainer:
|
|
1250
|
-
Dim:
|
|
1251
|
-
Row:
|
|
1252
|
-
Icon:
|
|
1253
|
-
Label:
|
|
1254
|
-
Arrow:
|
|
1248
|
+
const Re = $e(!0);
|
|
1249
|
+
function Rr() {
|
|
1250
|
+
return Ge(Re);
|
|
1251
|
+
}
|
|
1252
|
+
const Lr = "_FlyoutMenuContainer_1q0ma_5", Tr = "_Backdrop_1q0ma_9", Dr = "_Panel_1q0ma_14", Br = "_Submenu_1q0ma_27", Er = "_FlyoutPanelContainer_1q0ma_41", Ar = "_Back_1q0ma_9", Mr = "_Chevron_1q0ma_68", Pr = "_MenuListContainer_1q0ma_75", Or = "_Heading_1q0ma_81", Wr = "_Divider_1q0ma_90", Fr = "_MenuRowContainer_1q0ma_98", Hr = "_Dim_1q0ma_102", qr = "_Row_1q0ma_106", Ur = "_Icon_1q0ma_135", $r = "_Label_1q0ma_140", Gr = "_Arrow_1q0ma_148", jr = "_MenuSkeletonContainer_1q0ma_156", Vr = "_MenuSkeletonRow_1q0ma_163", Kr = "_MenuSearchFieldContainer_1q0ma_191", N = {
|
|
1253
|
+
FlyoutMenuContainer: Lr,
|
|
1254
|
+
Backdrop: Tr,
|
|
1255
|
+
Panel: Dr,
|
|
1256
|
+
Submenu: Br,
|
|
1257
|
+
FlyoutPanelContainer: Er,
|
|
1258
|
+
Back: Ar,
|
|
1259
|
+
Chevron: Mr,
|
|
1260
|
+
MenuListContainer: Pr,
|
|
1261
|
+
Heading: Or,
|
|
1262
|
+
Divider: Wr,
|
|
1263
|
+
MenuRowContainer: Fr,
|
|
1264
|
+
Dim: Hr,
|
|
1265
|
+
Row: qr,
|
|
1266
|
+
Icon: Ur,
|
|
1267
|
+
Label: $r,
|
|
1268
|
+
Arrow: Gr,
|
|
1255
1269
|
MenuSkeletonContainer: jr,
|
|
1256
|
-
MenuSkeletonRow:
|
|
1257
|
-
MenuSearchFieldContainer:
|
|
1270
|
+
MenuSkeletonRow: Vr,
|
|
1271
|
+
MenuSearchFieldContainer: Kr
|
|
1258
1272
|
}, zr = { duration: 0.15, ease: [0.2, 0.7, 0.2, 1] };
|
|
1259
1273
|
function Fe({ item: e, menu: n, dim: r }) {
|
|
1260
|
-
const t =
|
|
1274
|
+
const t = Rr(), s = e.submenu;
|
|
1261
1275
|
function a(i) {
|
|
1262
1276
|
if (s) {
|
|
1263
1277
|
n.toggleSubmenuFrom(i.currentTarget, s);
|
|
@@ -1265,50 +1279,50 @@ function Fe({ item: e, menu: n, dim: r }) {
|
|
|
1265
1279
|
}
|
|
1266
1280
|
e.disabled || n.selectItem(e);
|
|
1267
1281
|
}
|
|
1268
|
-
return /* @__PURE__ */ o(
|
|
1282
|
+
return /* @__PURE__ */ o(se.div, { layout: t, transition: zr, className: C(N.MenuRowContainer, r && N.Dim), children: /* @__PURE__ */ m(
|
|
1269
1283
|
Qe,
|
|
1270
1284
|
{
|
|
1271
1285
|
variant: "unstyled",
|
|
1272
|
-
className:
|
|
1286
|
+
className: N.Row,
|
|
1273
1287
|
disabled: e.disabled,
|
|
1274
1288
|
"aria-haspopup": s ? "menu" : void 0,
|
|
1275
1289
|
onClick: a,
|
|
1276
1290
|
onMouseEnter: s ? (i) => n.openSubmenuFrom(i.currentTarget, s) : void 0,
|
|
1277
1291
|
onMouseLeave: s ? n.closeSubmenuSoon : void 0,
|
|
1278
1292
|
children: [
|
|
1279
|
-
e.icon && /* @__PURE__ */ o("span", { className:
|
|
1280
|
-
/* @__PURE__ */ o("span", { className:
|
|
1281
|
-
s && /* @__PURE__ */ o("span", { className:
|
|
1293
|
+
e.icon && /* @__PURE__ */ o("span", { className: N.Icon, children: e.icon }),
|
|
1294
|
+
/* @__PURE__ */ o("span", { className: N.Label, children: e.label }),
|
|
1295
|
+
s && /* @__PURE__ */ o("span", { className: N.Arrow, children: "▸" })
|
|
1282
1296
|
]
|
|
1283
1297
|
}
|
|
1284
1298
|
) });
|
|
1285
1299
|
}
|
|
1286
|
-
function
|
|
1300
|
+
function He({ items: e, menu: n, heading: r, rest: t }) {
|
|
1287
1301
|
const s = !!t && t.length > 0;
|
|
1288
|
-
return /* @__PURE__ */ m("div", { className:
|
|
1289
|
-
r && /* @__PURE__ */ o("span", { className:
|
|
1302
|
+
return /* @__PURE__ */ m("div", { className: N.MenuListContainer, children: [
|
|
1303
|
+
r && /* @__PURE__ */ o("span", { className: N.Heading, children: r }),
|
|
1290
1304
|
e.map((a) => /* @__PURE__ */ o(Fe, { item: a, menu: n }, a.key)),
|
|
1291
|
-
s && /* @__PURE__ */ o("div", { className:
|
|
1305
|
+
s && /* @__PURE__ */ o("div", { className: N.Divider }),
|
|
1292
1306
|
t?.map((a) => /* @__PURE__ */ o(Fe, { item: a, menu: n, dim: !0 }, a.key))
|
|
1293
1307
|
] });
|
|
1294
1308
|
}
|
|
1295
|
-
function
|
|
1296
|
-
const n =
|
|
1297
|
-
return /* @__PURE__ */ o("div", { className:
|
|
1309
|
+
function Xr({ count: e = 3 }) {
|
|
1310
|
+
const n = je(() => Array.from({ length: Math.max(0, e) }, (r, t) => t), [e]);
|
|
1311
|
+
return /* @__PURE__ */ o("div", { className: N.MenuSkeletonContainer, children: n.map((r) => /* @__PURE__ */ o("div", { className: N.MenuSkeletonRow, role: "presentation" }, r)) });
|
|
1298
1312
|
}
|
|
1299
|
-
const
|
|
1300
|
-
function
|
|
1313
|
+
const Qr = { duration: 0.15, ease: [0.2, 0.7, 0.2, 1] };
|
|
1314
|
+
function Yr({ value: e, onChange: n, placeholder: r }) {
|
|
1301
1315
|
function t(s) {
|
|
1302
1316
|
s.key === "Escape" && n("");
|
|
1303
1317
|
}
|
|
1304
1318
|
return /* @__PURE__ */ o(
|
|
1305
|
-
|
|
1319
|
+
se.div,
|
|
1306
1320
|
{
|
|
1307
|
-
className:
|
|
1321
|
+
className: N.MenuSearchFieldContainer,
|
|
1308
1322
|
initial: { opacity: 0, height: 0 },
|
|
1309
1323
|
animate: { opacity: 1, height: "auto" },
|
|
1310
1324
|
exit: { opacity: 0, height: 0 },
|
|
1311
|
-
transition:
|
|
1325
|
+
transition: Qr,
|
|
1312
1326
|
children: /* @__PURE__ */ o(
|
|
1313
1327
|
vt,
|
|
1314
1328
|
{
|
|
@@ -1317,13 +1331,13 @@ function Gr({ value: e, onChange: n, placeholder: r }) {
|
|
|
1317
1331
|
placeholder: r ?? "Search",
|
|
1318
1332
|
autoFocus: !0,
|
|
1319
1333
|
onKeyDown: t,
|
|
1320
|
-
startIcon: /* @__PURE__ */ o(
|
|
1334
|
+
startIcon: /* @__PURE__ */ o($o, { size: 14 })
|
|
1321
1335
|
}
|
|
1322
1336
|
)
|
|
1323
1337
|
}
|
|
1324
1338
|
);
|
|
1325
1339
|
}
|
|
1326
|
-
function
|
|
1340
|
+
function Jr(e, n, r) {
|
|
1327
1341
|
const t = n.trim().toLowerCase();
|
|
1328
1342
|
if (!t) return { matches: e, rest: [] };
|
|
1329
1343
|
const s = [], a = [];
|
|
@@ -1331,15 +1345,15 @@ function Vr(e, n, r) {
|
|
|
1331
1345
|
r(i).toLowerCase().includes(t) ? s.push(i) : a.push(i);
|
|
1332
1346
|
return { matches: s, rest: a };
|
|
1333
1347
|
}
|
|
1334
|
-
function
|
|
1348
|
+
function Zr(e) {
|
|
1335
1349
|
return e instanceof HTMLElement ? e.tagName === "INPUT" || e.tagName === "TEXTAREA" || e.isContentEditable : !1;
|
|
1336
1350
|
}
|
|
1337
|
-
function
|
|
1338
|
-
const [n, r] =
|
|
1351
|
+
function es(e) {
|
|
1352
|
+
const [n, r] = I("");
|
|
1339
1353
|
return A(() => {
|
|
1340
1354
|
if (!e) return;
|
|
1341
1355
|
function t(s) {
|
|
1342
|
-
if (!
|
|
1356
|
+
if (!Zr(document.activeElement)) {
|
|
1343
1357
|
if (s.key === "Backspace") {
|
|
1344
1358
|
r((a) => a.slice(0, -1));
|
|
1345
1359
|
return;
|
|
@@ -1350,34 +1364,34 @@ function Xr(e) {
|
|
|
1350
1364
|
return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
|
|
1351
1365
|
}, [e]), { query: n, setQuery: r };
|
|
1352
1366
|
}
|
|
1353
|
-
function
|
|
1367
|
+
function ns(e) {
|
|
1354
1368
|
return e.searchText !== void 0 ? e.searchText : typeof e.label == "string" ? e.label : "";
|
|
1355
1369
|
}
|
|
1356
|
-
function
|
|
1357
|
-
const a = !!e.searchable && !!e.items, { query: i, setQuery: c } =
|
|
1370
|
+
function qe({ section: e, menu: n, onBack: r, skeletonCount: t, active: s }) {
|
|
1371
|
+
const a = !!e.searchable && !!e.items, { query: i, setQuery: c } = es(!!s && a);
|
|
1358
1372
|
A(() => c(""), [e, c]);
|
|
1359
|
-
const { matches: d, rest: u } =
|
|
1360
|
-
() =>
|
|
1373
|
+
const { matches: d, rest: u } = je(
|
|
1374
|
+
() => Jr(e.items ?? [], i, ns),
|
|
1361
1375
|
[e.items, i]
|
|
1362
1376
|
), l = r ? void 0 : e.title;
|
|
1363
1377
|
let h;
|
|
1364
|
-
return e.loading ? h = /* @__PURE__ */ o(
|
|
1365
|
-
r && /* @__PURE__ */ m(Qe, { variant: "unstyled", className:
|
|
1366
|
-
/* @__PURE__ */ o("span", { className:
|
|
1378
|
+
return e.loading ? h = /* @__PURE__ */ o(Xr, { count: t }) : e.renderPanel ? h = e.renderPanel() : a ? h = /* @__PURE__ */ o(He, { items: d, rest: u, menu: n, heading: l }) : h = /* @__PURE__ */ o(He, { items: e.items ?? [], menu: n, heading: l }), /* @__PURE__ */ m("div", { className: N.FlyoutPanelContainer, children: [
|
|
1379
|
+
r && /* @__PURE__ */ m(Qe, { variant: "unstyled", className: N.Back, onClick: r, children: [
|
|
1380
|
+
/* @__PURE__ */ o("span", { className: N.Chevron, children: "‹" }),
|
|
1367
1381
|
e.title ?? "Back"
|
|
1368
1382
|
] }),
|
|
1369
|
-
a && /* @__PURE__ */ o(ve, { children: i !== "" && /* @__PURE__ */ o(
|
|
1383
|
+
a && /* @__PURE__ */ o(ve, { children: i !== "" && /* @__PURE__ */ o(Yr, { value: i, onChange: c }) }),
|
|
1370
1384
|
h
|
|
1371
1385
|
] });
|
|
1372
1386
|
}
|
|
1373
|
-
function
|
|
1387
|
+
function ts(e, n, r, t, s) {
|
|
1374
1388
|
const a = r.width - 2 * t, i = Math.max(t, r.width - t - n.width), c = Math.min(Math.max(e.right - n.width, t), i), d = e.top - s - t, u = r.height - t - e.bottom - s;
|
|
1375
1389
|
if (n.height > d && u > d)
|
|
1376
1390
|
return { top: e.bottom + s, left: c, maxHeight: u, maxWidth: a };
|
|
1377
1391
|
const l = e.top - s - n.height;
|
|
1378
1392
|
return { top: l < t ? t : l, left: c, maxHeight: d, maxWidth: a };
|
|
1379
1393
|
}
|
|
1380
|
-
function
|
|
1394
|
+
function os(e, n, r, t, s) {
|
|
1381
1395
|
if (s) return { side: "collapse" };
|
|
1382
1396
|
const a = e.right + n.width <= r.width - t, i = e.left - n.width, c = a ? "right" : i >= t ? "left" : null;
|
|
1383
1397
|
if (!c) return { side: "collapse" };
|
|
@@ -1388,10 +1402,10 @@ function Jr(e, n, r, t, s) {
|
|
|
1388
1402
|
return { side: c, left: d, top: h, maxHeight: l };
|
|
1389
1403
|
}
|
|
1390
1404
|
function Ze(e, n, r) {
|
|
1391
|
-
const [t, s] =
|
|
1405
|
+
const [t, s] = I(null), a = x(n), i = x(r);
|
|
1392
1406
|
a.current = n, i.current = r;
|
|
1393
|
-
const c =
|
|
1394
|
-
return
|
|
1407
|
+
const c = x(null);
|
|
1408
|
+
return de(() => {
|
|
1395
1409
|
if (!e) {
|
|
1396
1410
|
c.current = null, s(null);
|
|
1397
1411
|
return;
|
|
@@ -1410,119 +1424,119 @@ function Ze(e, n, r) {
|
|
|
1410
1424
|
};
|
|
1411
1425
|
}, [e]), t;
|
|
1412
1426
|
}
|
|
1413
|
-
const en = 8,
|
|
1427
|
+
const en = 8, rs = 8, ss = 150, as = 3;
|
|
1414
1428
|
function nn() {
|
|
1415
1429
|
return { width: window.innerWidth, height: window.innerHeight };
|
|
1416
1430
|
}
|
|
1417
|
-
function
|
|
1431
|
+
function Le() {
|
|
1418
1432
|
return window.matchMedia("(orientation: portrait)").matches;
|
|
1419
1433
|
}
|
|
1420
1434
|
function tn(e) {
|
|
1421
1435
|
return { width: e.scrollWidth || e.offsetWidth, height: e.scrollHeight || e.offsetHeight };
|
|
1422
1436
|
}
|
|
1423
|
-
function
|
|
1437
|
+
function is(e, n) {
|
|
1424
1438
|
return e.top === n.top && e.left === n.left && e.maxHeight === n.maxHeight && e.maxWidth === n.maxWidth;
|
|
1425
1439
|
}
|
|
1426
|
-
function
|
|
1440
|
+
function cs(e, n) {
|
|
1427
1441
|
return e === "collapse" || n === "collapse" ? e === n : e.side === n.side && e.top === n.top && e.left === n.left && e.maxHeight === n.maxHeight;
|
|
1428
1442
|
}
|
|
1429
|
-
function
|
|
1443
|
+
function ls(e, n, r) {
|
|
1430
1444
|
return Ze(
|
|
1431
1445
|
e,
|
|
1432
1446
|
() => {
|
|
1433
1447
|
const t = n.current, s = r.current;
|
|
1434
|
-
return !t || !s ? null :
|
|
1448
|
+
return !t || !s ? null : ts(t.getBoundingClientRect(), tn(s), nn(), en, rs);
|
|
1435
1449
|
},
|
|
1436
|
-
|
|
1450
|
+
is
|
|
1437
1451
|
);
|
|
1438
1452
|
}
|
|
1439
|
-
function
|
|
1453
|
+
function us(e, n, r) {
|
|
1440
1454
|
return Ze(
|
|
1441
1455
|
e,
|
|
1442
1456
|
() => {
|
|
1443
1457
|
const t = n.current, s = r.current;
|
|
1444
1458
|
if (!t || !s) return null;
|
|
1445
|
-
const a =
|
|
1459
|
+
const a = os(s.getBoundingClientRect(), tn(t), nn(), en, Le());
|
|
1446
1460
|
return a.side === "collapse" ? "collapse" : a;
|
|
1447
1461
|
},
|
|
1448
|
-
|
|
1462
|
+
cs
|
|
1449
1463
|
);
|
|
1450
1464
|
}
|
|
1451
|
-
function
|
|
1452
|
-
const { anchorRef: n, panelRef: r, submenuRef: t, open: s, onOpenChange: a } = e, [i, c] =
|
|
1453
|
-
c(
|
|
1454
|
-
}, [a]),
|
|
1455
|
-
g(null), l((
|
|
1465
|
+
function ds(e) {
|
|
1466
|
+
const { anchorRef: n, panelRef: r, submenuRef: t, open: s, onOpenChange: a } = e, [i, c] = I(!1), d = s ?? i, [u, l] = I([]), [h, g] = I(null), b = x(null), w = x(void 0), S = E((k) => {
|
|
1467
|
+
c(k), a?.(k);
|
|
1468
|
+
}, [a]), O = E((k) => {
|
|
1469
|
+
g(null), l((D) => D.length >= as ? D : [...D, k]);
|
|
1456
1470
|
}, []);
|
|
1457
1471
|
A(() => {
|
|
1458
1472
|
d || (l([]), g(null), b.current = null, w.current && clearTimeout(w.current));
|
|
1459
1473
|
}, [d]);
|
|
1460
|
-
const
|
|
1461
|
-
if (w.current && clearTimeout(w.current), b.current =
|
|
1462
|
-
|
|
1474
|
+
const R = E((k, D) => {
|
|
1475
|
+
if (w.current && clearTimeout(w.current), b.current = k, Le()) {
|
|
1476
|
+
O(D);
|
|
1463
1477
|
return;
|
|
1464
1478
|
}
|
|
1465
|
-
g({ section:
|
|
1466
|
-
}, [
|
|
1467
|
-
if (
|
|
1468
|
-
u[u.length - 1] ===
|
|
1479
|
+
g({ section: D, placement: null });
|
|
1480
|
+
}, [O]), _ = E((k, D) => {
|
|
1481
|
+
if (Le()) {
|
|
1482
|
+
u[u.length - 1] === D ? l((z) => z.slice(0, -1)) : R(k, D);
|
|
1469
1483
|
return;
|
|
1470
1484
|
}
|
|
1471
|
-
h && h.section ===
|
|
1472
|
-
}, [u, h,
|
|
1473
|
-
w.current && clearTimeout(w.current), w.current = setTimeout(() => g(null),
|
|
1474
|
-
}, []),
|
|
1485
|
+
h && h.section === D ? g(null) : R(k, D);
|
|
1486
|
+
}, [u, h, R]), v = E(() => {
|
|
1487
|
+
w.current && clearTimeout(w.current), w.current = setTimeout(() => g(null), ss);
|
|
1488
|
+
}, []), L = E(() => {
|
|
1475
1489
|
w.current && clearTimeout(w.current);
|
|
1476
|
-
}, []), y =
|
|
1490
|
+
}, []), y = us(!!h, t, b), W = ls(d, n, r);
|
|
1477
1491
|
A(() => {
|
|
1478
1492
|
if (!(!h || !y)) {
|
|
1479
1493
|
if (y === "collapse") {
|
|
1480
|
-
|
|
1494
|
+
O(h.section);
|
|
1481
1495
|
return;
|
|
1482
1496
|
}
|
|
1483
1497
|
h.placement !== y && g({ section: h.section, placement: y });
|
|
1484
1498
|
}
|
|
1485
|
-
}, [y, h,
|
|
1486
|
-
const
|
|
1487
|
-
|
|
1488
|
-
}, [
|
|
1499
|
+
}, [y, h, O]);
|
|
1500
|
+
const T = E(() => l((k) => k.slice(0, -1)), []), M = E(() => S(!1), [S]), G = E(() => S(!d), [S, d]), J = E((k) => {
|
|
1501
|
+
k.onSelect?.(), S(!1);
|
|
1502
|
+
}, [S]);
|
|
1489
1503
|
return {
|
|
1490
1504
|
open: d,
|
|
1491
|
-
toggle:
|
|
1492
|
-
close:
|
|
1493
|
-
back:
|
|
1494
|
-
selectItem:
|
|
1495
|
-
openSubmenuFrom:
|
|
1496
|
-
toggleSubmenuFrom:
|
|
1505
|
+
toggle: G,
|
|
1506
|
+
close: M,
|
|
1507
|
+
back: T,
|
|
1508
|
+
selectItem: J,
|
|
1509
|
+
openSubmenuFrom: R,
|
|
1510
|
+
toggleSubmenuFrom: _,
|
|
1497
1511
|
closeSubmenuSoon: v,
|
|
1498
|
-
holdSubmenu:
|
|
1512
|
+
holdSubmenu: L,
|
|
1499
1513
|
frame: u[u.length - 1] ?? null,
|
|
1500
|
-
menuPlacement:
|
|
1514
|
+
menuPlacement: W,
|
|
1501
1515
|
submenu: h
|
|
1502
1516
|
};
|
|
1503
1517
|
}
|
|
1504
|
-
const
|
|
1505
|
-
function
|
|
1506
|
-
const { anchorRef: n, open: r, onClose: t, items: s, rootTitle: a, skeletonCount: i } = e, c =
|
|
1518
|
+
const Ue = { duration: 0.15, ease: [0.2, 0.7, 0.2, 1] };
|
|
1519
|
+
function Ms(e) {
|
|
1520
|
+
const { anchorRef: n, open: r, onClose: t, items: s, rootTitle: a, skeletonCount: i } = e, c = x(null), d = x(null);
|
|
1507
1521
|
function u(w) {
|
|
1508
1522
|
w || t();
|
|
1509
1523
|
}
|
|
1510
|
-
const l =
|
|
1511
|
-
return
|
|
1512
|
-
/* @__PURE__ */ m("div", { className:
|
|
1513
|
-
r && /* @__PURE__ */ o("div", { className:
|
|
1524
|
+
const l = ds({ anchorRef: n, panelRef: c, submenuRef: d, open: r, onOpenChange: u }), h = l.frame ?? { title: a, items: s, searchable: e.searchable }, g = l.menuPlacement, b = l.submenu?.placement ?? null;
|
|
1525
|
+
return De(
|
|
1526
|
+
/* @__PURE__ */ m("div", { className: N.FlyoutMenuContainer, children: [
|
|
1527
|
+
r && /* @__PURE__ */ o("div", { className: N.Backdrop, onClick: t }),
|
|
1514
1528
|
/* @__PURE__ */ o(ve, { children: r && /* @__PURE__ */ o(
|
|
1515
|
-
|
|
1529
|
+
se.div,
|
|
1516
1530
|
{
|
|
1517
1531
|
ref: c,
|
|
1518
|
-
className:
|
|
1532
|
+
className: N.Panel,
|
|
1519
1533
|
style: g ? { top: g.top, left: g.left, maxHeight: g.maxHeight, maxWidth: g.maxWidth } : { visibility: "hidden" },
|
|
1520
1534
|
initial: { opacity: 0, scale: 0.94, y: 6 },
|
|
1521
1535
|
animate: { opacity: 1, scale: 1, y: 0 },
|
|
1522
1536
|
exit: { opacity: 0, scale: 0.94, y: 6 },
|
|
1523
|
-
transition:
|
|
1524
|
-
children: /* @__PURE__ */ o(
|
|
1525
|
-
|
|
1537
|
+
transition: Ue,
|
|
1538
|
+
children: /* @__PURE__ */ o(Re.Provider, { value: !!g, children: /* @__PURE__ */ o(
|
|
1539
|
+
qe,
|
|
1526
1540
|
{
|
|
1527
1541
|
section: h,
|
|
1528
1542
|
menu: l,
|
|
@@ -1535,19 +1549,19 @@ function Ls(e) {
|
|
|
1535
1549
|
"flyout-panel"
|
|
1536
1550
|
) }),
|
|
1537
1551
|
/* @__PURE__ */ o(ve, { children: r && l.submenu && /* @__PURE__ */ o(
|
|
1538
|
-
|
|
1552
|
+
se.div,
|
|
1539
1553
|
{
|
|
1540
1554
|
ref: d,
|
|
1541
|
-
className:
|
|
1555
|
+
className: N.Submenu,
|
|
1542
1556
|
style: b ? { top: b.top, left: b.left, maxHeight: b.maxHeight } : { visibility: "hidden" },
|
|
1543
1557
|
onMouseEnter: l.holdSubmenu,
|
|
1544
1558
|
onMouseLeave: l.closeSubmenuSoon,
|
|
1545
1559
|
initial: { opacity: 0, scale: 0.94, x: 6 },
|
|
1546
1560
|
animate: { opacity: 1, scale: 1, x: 0 },
|
|
1547
1561
|
exit: { opacity: 0, scale: 0.94, x: 6 },
|
|
1548
|
-
transition:
|
|
1549
|
-
children: /* @__PURE__ */ o(
|
|
1550
|
-
|
|
1562
|
+
transition: Ue,
|
|
1563
|
+
children: /* @__PURE__ */ o(Re.Provider, { value: !!b, children: /* @__PURE__ */ o(
|
|
1564
|
+
qe,
|
|
1551
1565
|
{
|
|
1552
1566
|
section: l.submenu.section,
|
|
1553
1567
|
menu: l,
|
|
@@ -1562,61 +1576,61 @@ function Ls(e) {
|
|
|
1562
1576
|
document.body
|
|
1563
1577
|
);
|
|
1564
1578
|
}
|
|
1565
|
-
function
|
|
1566
|
-
return /* @__PURE__ */ o(
|
|
1579
|
+
function Ps({ classNames: e, children: n }) {
|
|
1580
|
+
return /* @__PURE__ */ o(Ve.Provider, { value: e, children: n });
|
|
1567
1581
|
}
|
|
1568
|
-
var
|
|
1569
|
-
const
|
|
1582
|
+
var Te = /* @__PURE__ */ ((e) => (e[e.OK = 0] = "OK", e[e.CANCELLED = 1] = "CANCELLED", e[e.UNKNOWN = 2] = "UNKNOWN", e[e.INVALID_ARGUMENT = 3] = "INVALID_ARGUMENT", e[e.DEADLINE_EXCEEDED = 4] = "DEADLINE_EXCEEDED", e[e.NOT_FOUND = 5] = "NOT_FOUND", e[e.ALREADY_EXISTS = 6] = "ALREADY_EXISTS", e[e.PERMISSION_DENIED = 7] = "PERMISSION_DENIED", e[e.RESOURCE_EXHAUSTED = 8] = "RESOURCE_EXHAUSTED", e[e.FAILED_PRECONDITION = 9] = "FAILED_PRECONDITION", e[e.ABORTED = 10] = "ABORTED", e[e.OUT_OF_RANGE = 11] = "OUT_OF_RANGE", e[e.UNIMPLEMENTED = 12] = "UNIMPLEMENTED", e[e.INTERNAL = 13] = "INTERNAL", e[e.UNAVAILABLE = 14] = "UNAVAILABLE", e[e.DATA_LOSS = 15] = "DATA_LOSS", e[e.UNAUTHENTICATED = 16] = "UNAUTHENTICATED", e))(Te || {});
|
|
1583
|
+
const hs = "type.googleapis.com/google.rpc.ErrorInfo", _s = "type.googleapis.com/google.rpc.BadRequest", fs = "type.googleapis.com/google.rpc.PreconditionFailure";
|
|
1570
1584
|
function ge(e) {
|
|
1571
1585
|
return typeof e == "object" && e !== null;
|
|
1572
1586
|
}
|
|
1573
|
-
function
|
|
1587
|
+
function V(e) {
|
|
1574
1588
|
return typeof e == "string" ? e : "";
|
|
1575
1589
|
}
|
|
1576
|
-
function
|
|
1590
|
+
function ps(e) {
|
|
1577
1591
|
if (!ge(e))
|
|
1578
1592
|
return { kind: "Unknown", typeUrl: "", raw: e };
|
|
1579
|
-
const n =
|
|
1593
|
+
const n = V(e["@type"]);
|
|
1580
1594
|
switch (n) {
|
|
1581
|
-
case
|
|
1595
|
+
case hs: {
|
|
1582
1596
|
const r = ge(e.metadata) ? e.metadata : {}, t = {};
|
|
1583
1597
|
for (const s of Object.keys(r))
|
|
1584
|
-
t[s] =
|
|
1598
|
+
t[s] = V(r[s]);
|
|
1585
1599
|
return {
|
|
1586
1600
|
kind: "ErrorInfo",
|
|
1587
|
-
reason:
|
|
1588
|
-
domain:
|
|
1601
|
+
reason: V(e.reason),
|
|
1602
|
+
domain: V(e.domain),
|
|
1589
1603
|
metadata: t
|
|
1590
1604
|
};
|
|
1591
1605
|
}
|
|
1592
|
-
case
|
|
1606
|
+
case _s:
|
|
1593
1607
|
return { kind: "BadRequest", fieldViolations: (Array.isArray(e.fieldViolations) ? e.fieldViolations : []).map((s) => {
|
|
1594
1608
|
const a = ge(s) ? s : {};
|
|
1595
1609
|
return {
|
|
1596
|
-
field:
|
|
1597
|
-
description:
|
|
1610
|
+
field: V(a.field),
|
|
1611
|
+
description: V(a.description)
|
|
1598
1612
|
};
|
|
1599
1613
|
}) };
|
|
1600
|
-
case
|
|
1614
|
+
case fs:
|
|
1601
1615
|
return { kind: "PreconditionFailure", violations: (Array.isArray(e.violations) ? e.violations : []).map((s) => {
|
|
1602
1616
|
const a = ge(s) ? s : {};
|
|
1603
1617
|
return {
|
|
1604
|
-
type:
|
|
1605
|
-
subject:
|
|
1606
|
-
description:
|
|
1618
|
+
type: V(a.type),
|
|
1619
|
+
subject: V(a.subject),
|
|
1620
|
+
description: V(a.description)
|
|
1607
1621
|
};
|
|
1608
1622
|
}) };
|
|
1609
1623
|
default:
|
|
1610
1624
|
return { kind: "Unknown", typeUrl: n, raw: e };
|
|
1611
1625
|
}
|
|
1612
1626
|
}
|
|
1613
|
-
function
|
|
1627
|
+
function Os(e) {
|
|
1614
1628
|
return e.kind === "ErrorInfo";
|
|
1615
1629
|
}
|
|
1616
|
-
function
|
|
1630
|
+
function Ws(e) {
|
|
1617
1631
|
return e.kind === "BadRequest";
|
|
1618
1632
|
}
|
|
1619
|
-
function
|
|
1633
|
+
function Fs(e) {
|
|
1620
1634
|
return e.kind === "PreconditionFailure";
|
|
1621
1635
|
}
|
|
1622
1636
|
class Ce extends Error {
|
|
@@ -1624,61 +1638,62 @@ class Ce extends Error {
|
|
|
1624
1638
|
super(n.title), this.isRetryable = n.isRetryable ?? !1, this.grpcCode = n.grpcCode, this.details = n.details ?? [];
|
|
1625
1639
|
}
|
|
1626
1640
|
}
|
|
1627
|
-
function
|
|
1641
|
+
function Hs(e) {
|
|
1628
1642
|
if (e instanceof Ce) return e;
|
|
1629
1643
|
if (e instanceof Error && e.message === "Failed to fetch")
|
|
1630
1644
|
return new Ce({ title: "Server unavailable. Try again later", isRetryable: !0 });
|
|
1631
1645
|
if (typeof e == "object" && e !== null && "code" in e) {
|
|
1632
|
-
const n = e, r = n.code ===
|
|
1646
|
+
const n = e, r = n.code === Te.UNAVAILABLE || n.code === Te.INTERNAL, t = (n.details ?? []).map(ps);
|
|
1633
1647
|
return new Ce({ title: n.message, isRetryable: r, grpcCode: n.code, details: t });
|
|
1634
1648
|
}
|
|
1635
1649
|
return new Ce({ title: String(e), isRetryable: !1 });
|
|
1636
1650
|
}
|
|
1637
1651
|
export {
|
|
1638
|
-
|
|
1639
|
-
|
|
1652
|
+
Rs as AvatarFallbackIcon,
|
|
1653
|
+
_s as BAD_REQUEST_TYPE_URL,
|
|
1640
1654
|
Qe as Button,
|
|
1641
|
-
|
|
1642
|
-
|
|
1643
|
-
|
|
1644
|
-
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
|
|
1655
|
+
xs as Checkbox,
|
|
1656
|
+
Mt as CheckmarkIcon,
|
|
1657
|
+
Uo as ChevronDownIcon,
|
|
1658
|
+
Ps as ChuresConfigProvider,
|
|
1659
|
+
Ts as ConfirmDialog,
|
|
1660
|
+
Ls as Dropdown,
|
|
1661
|
+
Wo as DropdownCheckmark,
|
|
1662
|
+
hs as ERROR_INFO_TYPE_URL,
|
|
1663
|
+
Ss as EditPencilIcon,
|
|
1664
|
+
Te as Errors,
|
|
1665
|
+
Ms as FlyoutMenu,
|
|
1666
|
+
Ds as InfoDialog,
|
|
1652
1667
|
vt as Input,
|
|
1653
1668
|
Fn as Loader,
|
|
1654
|
-
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
|
|
1660
|
-
|
|
1661
|
-
|
|
1662
|
-
|
|
1669
|
+
bs as LoadingWrapper,
|
|
1670
|
+
Re as MenuMeasuredContext,
|
|
1671
|
+
Yr as MenuSearchField,
|
|
1672
|
+
Xr as MenuSkeleton,
|
|
1673
|
+
Bs as ModalActions,
|
|
1674
|
+
Es as ModalClose,
|
|
1675
|
+
fs as PRECONDITION_FAILURE_TYPE_URL,
|
|
1676
|
+
$o as SearchIcon,
|
|
1677
|
+
ks as SegmentedControl,
|
|
1663
1678
|
Ce as ServiceError,
|
|
1664
|
-
|
|
1665
|
-
|
|
1679
|
+
As as SideDrawer,
|
|
1680
|
+
ys as TelegramAuth,
|
|
1666
1681
|
Xn as TelegramSignInButton,
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
|
|
1672
|
-
|
|
1673
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
1682
|
+
Ns as Toaster,
|
|
1683
|
+
Is as Toggle,
|
|
1684
|
+
Ws as isBadRequest,
|
|
1685
|
+
Os as isErrorInfo,
|
|
1686
|
+
Fs as isPreconditionFailure,
|
|
1687
|
+
ns as menuItemText,
|
|
1688
|
+
ps as parseErrorDetail,
|
|
1689
|
+
Hs as parseGrpcError,
|
|
1690
|
+
Jr as partitionBySubstring,
|
|
1676
1691
|
Oe as popOverlayBack,
|
|
1677
|
-
|
|
1678
|
-
|
|
1692
|
+
kr as pushOverlayBack,
|
|
1693
|
+
xr as useBackableOverlay,
|
|
1679
1694
|
B as useComponentClassName,
|
|
1680
|
-
|
|
1681
|
-
|
|
1682
|
-
|
|
1683
|
-
|
|
1695
|
+
Rr as useMenuMeasured,
|
|
1696
|
+
$n as useTelegramLogin,
|
|
1697
|
+
Ke as useToaster,
|
|
1698
|
+
es as useTypeToSearch
|
|
1684
1699
|
};
|