nfx-ui 0.16.2 → 0.20.0

package/dist/components.mjs

@@ -1,1105 +1,693 @@
-(function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.styles-module__loading___bgEAk{justify-content:center;align-items:center;display:inline-flex}.styles-module__loading___bgEAk svg polyline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.styles-module__loading___bgEAk svg polyline.styles-module__back___XLPvD{fill:none;stroke:var(--color-primary-alpha)}.styles-module__loading___bgEAk svg polyline.styles-module__front___hSxig{fill:none;stroke:var(--color-primary);stroke-dasharray:48 144;stroke-dashoffset:192px;animation:1.4s linear infinite styles-module__dash_682___AQzo6}@keyframes styles-module__dash_682___AQzo6{72.5%{opacity:0}to{stroke-dashoffset:0}}.styles-module__loader___E7OIM{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}.styles-module__truckWrapper___Sk4zX{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow-x:hidden}.styles-module__truckBody___j7w2C{width:65%;height:fit-content;margin-bottom:6px;animation:1s linear infinite styles-module__motion___IiNlW}@keyframes styles-module__motion___IiNlW{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}.styles-module__truckTires___4ncTl{justify-content:space-between;align-items:center;width:65%;height:fit-content;padding:0 10px 0 15px;display:flex;position:absolute;bottom:0}.styles-module__tiresvg___IBQcN{width:24px}.styles-module__road___sxx-E{background-color:var(--color-fg-heading);border-radius:var(--radius-button);align-self:flex-end;width:100%;height:1.5px;position:relative;bottom:0}.styles-module__road___sxx-E:before{content:"";background-color:var(--color-fg-heading);border-radius:var(--radius-button);border-left:10px solid var(--color-bg);width:20px;height:100%;animation:1.4s linear infinite styles-module__roadAnimation___yvrHP;position:absolute;right:-50%}.styles-module__road___sxx-E:after{content:"";background-color:var(--color-fg-heading);border-radius:var(--radius-button);border-left:4px solid var(--color-bg);width:10px;height:100%;animation:1.4s linear infinite styles-module__roadAnimation___yvrHP;position:absolute;right:-65%}.styles-module__lampPost___okcN5{height:45%;animation:1.4s linear infinite styles-module__roadAnimation___yvrHP;position:absolute;bottom:0;right:-90%}@keyframes styles-module__roadAnimation___yvrHP{0%{transform:translate(0)}to{transform:translate(-350px)}}.styles-module__loader___pFUzL{justify-content:center;align-items:center;display:inline-flex;position:relative}.styles-module__loader___pFUzL:before{content:"";background:var(--color-primary);opacity:.3;border-radius:50%;width:100%;height:5px;animation:.5s linear infinite styles-module__shadow324___sutUe;position:absolute;top:calc(100% + 12px);left:0}.styles-module__loader___pFUzL:after{content:"";background:var(--color-primary);width:100%;height:100%;position:absolute;top:0;left:0}.styles-module__square___GKjhm:after{border-radius:var(--radius-button);animation:.5s linear infinite styles-module__jump7456Square___Z-D9b}.styles-module__circle___bUpSN:after{border-radius:50%;animation:.5s linear infinite styles-module__jump7456Circle___2AfF7}@keyframes styles-module__jump7456Square___Z-D9b{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes styles-module__jump7456Circle___2AfF7{15%{border-bottom-right-radius:50%}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes styles-module__shadow324___sutUe{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.style-module__waves___oR3u7{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.style-module__waves___oR3u7:before{content:"";background:var(--color-bg);width:.5rem;height:.5rem;transform:translate3d(calc(var(--x) - 50%), calc(var(--y) - 50%), 0);will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.style-module__wavesCanvas___zkhTC{width:100%;height:100%;display:block}.style-module__squaresCanvas___22kMc{border:none;width:100%;height:100%;display:block}.style-module__container___HkxIe{background-color:var(--color-bg);width:100%;height:100%;position:relative;overflow:hidden}.style-module__canvas___MR9JX{width:100%;height:100%;display:block}.style-module__outerVignette___i75nw{pointer-events:none;background:radial-gradient(circle,#0000 60%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.style-module__centerVignette___n9uVG{pointer-events:none;background:radial-gradient(circle,#000c 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.styles-module__button___RbliA{border-radius:var(--radius-button);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.styles-module__button___RbliA:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.styles-module__button___RbliA:disabled{cursor:not-allowed;opacity:.6}.styles-module__button___RbliA.styles-module__small___yK0Yp{min-height:2rem;padding:.5rem 1rem;font-size:.8125rem}.styles-module__button___RbliA.styles-module__medium___eBTch{min-height:2.5rem;padding:.75rem 1.5rem;font-size:.875rem}.styles-module__button___RbliA.styles-module__large___pIZkl{min-height:3rem;padding:1rem 2rem;font-size:1rem}.styles-module__button___RbliA.styles-module__primary___qsZpA{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.styles-module__button___RbliA.styles-module__primary___qsZpA:hover:not(:disabled){background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px)}.styles-module__button___RbliA.styles-module__primary___qsZpA:active:not(:disabled){transform:translateY(0)}.styles-module__button___RbliA.styles-module__secondary___SCpPv{background:var(--color-bg-2);border-color:var(--color-border-4);color:var(--color-fg-text)}.styles-module__button___RbliA.styles-module__secondary___SCpPv:hover:not(:disabled){background:var(--color-bg-3);border-color:var(--color-primary)}.styles-module__button___RbliA.styles-module__outline___rrlk9{border-color:var(--color-border-4);color:var(--color-fg-text);background:0 0}.styles-module__button___RbliA.styles-module__outline___rrlk9:hover:not(:disabled){background:var(--color-bg-2);border-color:var(--color-primary)}.styles-module__button___RbliA.styles-module__ghost___QMoiH{color:var(--color-fg-text);background:0 0;border-color:#0000}.styles-module__button___RbliA.styles-module__ghost___QMoiH:hover:not(:disabled){background:var(--color-bg-2)}.styles-module__button___RbliA.styles-module__danger___MW-pg{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-danger-fg,#fff)}.styles-module__button___RbliA.styles-module__danger___MW-pg:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger-light);color:var(--color-danger-fg,#fff);transform:translateY(-1px)}.styles-module__button___RbliA.styles-module__danger___MW-pg:active:not(:disabled){transform:translateY(0)}.styles-module__button___RbliA.styles-module__fullWidth___-dXBR{width:100%}.styles-module__button___RbliA.styles-module__loading___UWw6V{pointer-events:none}.styles-module__spinner___KpJ-L{border:2px solid;border-top-color:#0000;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.6s linear infinite styles-module__spin___ntZKM}@keyframes styles-module__spin___ntZKM{to{transform:rotate(360deg)}}.styles-module__button___RbliA.styles-module__small___yK0Yp .styles-module__spinner___KpJ-L{border-width:1.5px;width:.875rem;height:.875rem}.styles-module__button___RbliA.styles-module__large___pIZkl .styles-module__spinner___KpJ-L{border-width:2.5px;width:1.25rem;height:1.25rem}.styles-module__content___oyZRO{align-items:center;display:flex}.styles-module__leftIcon___cDktv,.styles-module__rightIcon___1mpk0{flex-shrink:0;align-items:center;display:flex}.styles-module__leftIcon___cDktv{margin-right:-.25rem}.styles-module__rightIcon___1mpk0{margin-left:-.25rem}.styles-module__button___RbliA.styles-module__iconOnly___iOv-U{aspect-ratio:1;min-width:2.5rem;min-height:2.5rem;padding:0}.styles-module__button___RbliA.styles-module__iconOnly___iOv-U.styles-module__small___yK0Yp{min-width:2rem;min-height:2rem}.styles-module__button___RbliA.styles-module__iconOnly___iOv-U.styles-module__large___pIZkl{min-width:3rem;min-height:3rem}.styles-module__iconContainer___bwvE3{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.styles-module__layout___WaGy9{flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100%;display:flex}.styles-module__horizontal___lKpGq{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.styles-module__topIcon___bzw6s,.styles-module__bottomIcon___suPfa{flex-shrink:0;justify-content:center;align-items:center;display:flex}.styles-module__iconOnly___iOv-U .styles-module__iconContainer___bwvE3 .styles-module__leftIcon___cDktv,.styles-module__iconOnly___iOv-U .styles-module__iconContainer___bwvE3 .styles-module__rightIcon___1mpk0{margin:0}.Dropdown-module__dropdown___c9wIp{width:100%;display:inline-block;position:relative}.Dropdown-module__dropdownButton___suNh-{border:1px solid var(--color-separator);border-radius:var(--radius-card);cursor:pointer;text-align:left;background:var(--color-bg-2);width:100%;color:var(--color-fg-text);outline:none;justify-content:space-between;align-items:center;padding:.75rem 2.5rem .75rem 1rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem;transition:all .2s ease-in-out;display:flex;position:relative}.Dropdown-module__dropdownButton___suNh-:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-1)}.Dropdown-module__dropdownButton___suNh-:focus{border-color:var(--color-primary);background:var(--color-bg-1);box-shadow:0 0 0 2px var(--color-primary-transparent)}.Dropdown-module__dropdownButton___suNh-.Dropdown-module__disabled___Rz0pX{cursor:not-allowed;opacity:.6;background:var(--color-bg-3)}.Dropdown-module__dropdownButton___suNh-.Dropdown-module__error___F7dDu{border-color:var(--color-danger)}.Dropdown-module__buttonText___D2zxn{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.Dropdown-module__chevronIcon___uyawp{color:var(--color-fg-highlight);flex-shrink:0;transition:transform .15s;position:absolute;right:1rem}.Dropdown-module__chevronIcon___uyawp.Dropdown-module__open___APoXd{transform:rotate(180deg)}.Dropdown-module__dropdownMenu___WJ-QO{background:var(--color-bg);border:1px solid var(--color-border-4);border-radius:var(--radius-card);min-width:100%;box-shadow:0 .5rem 1rem var(--color-shadow);z-index:1000;animation:.15s ease-out Dropdown-module__slideDown___sRCmO;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden}@keyframes Dropdown-module__slideDown___sRCmO{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.Dropdown-module__optionsList___Be6RN{margin:0;padding:.5rem 0;list-style:none}.Dropdown-module__option___q-NgT{cursor:pointer;color:var(--color-fg-text);align-items:center;padding:.75rem 1rem;font-size:.875rem;transition:all .15s;display:flex}.Dropdown-module__option___q-NgT:hover{background-color:var(--color-bg-2)}.Dropdown-module__option___q-NgT.Dropdown-module__selected___-OTW-{background-color:var(--color-bg-3);color:var(--color-fg-highlight);font-weight:600}@media (width<=768px){.Dropdown-module__dropdownButton___suNh-{padding:.625rem 2.25rem .625rem .875rem;font-size:.875rem}.Dropdown-module__chevronIcon___uyawp{right:.875rem}.Dropdown-module__option___q-NgT{padding:.625rem .875rem;font-size:.8125rem}}.styles-module__wrapper___COeGm{flex-direction:column;gap:.5rem;display:flex}.styles-module__wrapper___COeGm.styles-module__fullWidth___lVU49{width:100%}.styles-module__label___gfOA7{color:var(--color-fg-heading);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.styles-module__required___-zOy5{color:var(--color-danger)}.styles-module__inputContainer___wXY53{align-items:center;width:100%;display:flex;position:relative}.styles-module__input___IZDc3{border:1px solid var(--color-border-4);border-radius:var(--radius-input);background:var(--color-bg);width:100%;color:var(--color-fg-text);outline:none;font-family:inherit;font-size:.875rem;transition:all .2s}.styles-module__input___IZDc3[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden!important;opacity:0!important;pointer-events:none!important;appearance:none!important;display:none!important;position:absolute!important;left:-9999px!important}.styles-module__input___IZDc3[type=password]::-webkit-strong-password-toggle-button{visibility:hidden!important;opacity:0!important;pointer-events:none!important;appearance:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important;position:absolute!important;left:-9999px!important}.styles-module__input___IZDc3[type=password]::-ms-reveal{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important}.styles-module__input___IZDc3[type=password]::-ms-clear{visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;display:none!important;position:absolute!important;left:-9999px!important}.styles-module__input___IZDc3:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1)}.styles-module__input___IZDc3::placeholder{color:var(--color-fg-muted);opacity:.5}.styles-module__input___IZDc3.styles-module__small___cuGyE{padding:.5rem .75rem;font-size:.8125rem}.styles-module__input___IZDc3.styles-module__medium___JdDPu{padding:.75rem;font-size:.875rem}.styles-module__input___IZDc3.styles-module__large___fMmiG{padding:1rem;font-size:1rem}.styles-module__input___IZDc3.styles-module__default___-eZTG{background:var(--color-bg);border-color:var(--color-border-4)}.styles-module__input___IZDc3.styles-module__filled___EQ5PQ{background:var(--color-bg-2);border-color:var(--color-border-3)}.styles-module__inputContainer___wXY53.styles-module__withLeftIcon___NFn6- .styles-module__input___IZDc3{padding-left:2.5rem}.styles-module__inputContainer___wXY53.styles-module__withRightIcon___mz-hn .styles-module__input___IZDc3{padding-right:2.5rem}.styles-module__inputContainer___wXY53.styles-module__withLeftIcon___NFn6- .styles-module__input___IZDc3.styles-module__small___cuGyE{padding-left:2rem}.styles-module__inputContainer___wXY53.styles-module__withRightIcon___mz-hn .styles-module__input___IZDc3.styles-module__small___cuGyE{padding-right:2rem}.styles-module__inputContainer___wXY53.styles-module__withLeftIcon___NFn6- .styles-module__input___IZDc3.styles-module__large___fMmiG{padding-left:3rem}.styles-module__inputContainer___wXY53.styles-module__withRightIcon___mz-hn .styles-module__input___IZDc3.styles-module__large___fMmiG{padding-right:3rem}.styles-module__leftIcon___jEW5H,.styles-module__rightIcon___bA3Eo{color:var(--color-fg-muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute}.styles-module__leftIcon___jEW5H{left:.75rem}.styles-module__rightIcon___bA3Eo{right:.75rem}.styles-module__rightIcon___bA3Eo.styles-module__rightIconInteractive___ccypw{pointer-events:auto}.styles-module__inputContainer___wXY53.styles-module__containerSmall___20ICq .styles-module__leftIcon___jEW5H{left:.5rem}.styles-module__inputContainer___wXY53.styles-module__containerSmall___20ICq .styles-module__rightIcon___bA3Eo{right:.5rem}.styles-module__inputContainer___wXY53.styles-module__containerLarge___IztuN .styles-module__leftIcon___jEW5H{left:1rem}.styles-module__inputContainer___wXY53.styles-module__containerLarge___IztuN .styles-module__rightIcon___bA3Eo{right:1rem}.styles-module__input___IZDc3.styles-module__error___946qV{border-color:var(--color-danger)}.styles-module__input___IZDc3.styles-module__error___946qV:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb), .1)}.styles-module__input___IZDc3.styles-module__disabled___sJvLd{background:var(--color-bg-3);border-color:var(--color-border-5);color:var(--color-fg-muted);cursor:not-allowed;opacity:.6}.styles-module__errorMessage___5Mn22{color:var(--color-danger);margin:0;font-size:.75rem}.styles-module__helperText___T2eui{color:var(--color-fg-muted);margin:0;font-size:.75rem}.styles-module__container___xeg8O{flex-direction:column;gap:1rem;display:flex}.styles-module__label___qhbKe{color:var(--color-fg-text);font-size:.875rem;font-weight:500}.styles-module__error___O-7AY{color:var(--color-error);font-size:.875rem}.styles-module__pairs___owGV3{flex-direction:column;gap:.75rem;display:flex}.styles-module__pair___G4WFY{grid-template-columns:1fr 2fr auto;align-items:start;gap:.75rem;display:grid}.styles-module__keyInput___wl1M1,.styles-module__valueInput___HiwJ5{flex:1}.styles-module__removeButton___4-X0b{min-width:auto;color:var(--color-error);padding:.5rem}.styles-module__removeButton___4-X0b:hover{background-color:var(--color-error);color:var(--color-primary-fg)}.styles-module__addButton___QFljt{align-self:flex-start}@media (width<=768px){.styles-module__pair___G4WFY{grid-template-columns:1fr}.styles-module__removeButton___4-X0b{align-self:flex-end}}.styles-module__searchContainer___86TGN{width:100%;max-width:400px;position:relative}.styles-module__searchContainerFull___cEuNS{max-width:none}.styles-module__searchIcon___ZInry{color:var(--color-fg-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.styles-module__searchInput___SqZXQ{border:1px solid var(--color-border);border-radius:var(--radius-input);width:100%;color:var(--color-fg-text);background:var(--color-bg-2);padding:.75rem 3rem;font-size:1rem;transition:all .2s}.styles-module__searchInput___SqZXQ:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.styles-module__searchInput___SqZXQ::placeholder{color:var(--color-fg-muted)}.styles-module__clearBtn___7jExr{width:1.5rem;height:1.5rem;color:var(--color-fg-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.styles-module__clearBtn___7jExr:hover{color:var(--color-fg-text)}@media (width<=768px){.styles-module__searchContainer___86TGN{max-width:100%}}.styles-module__container___nGxdM{flex-direction:column;gap:.75rem;display:flex}.styles-module__toggleContainer___VrsKI{align-items:center;display:flex}.styles-module__toggleButton___IzD6Z{border:1px solid var(--color-border-4);border-radius:var(--radius-button);background:var(--color-bg);color:var(--color-fg-muted);cursor:pointer;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.styles-module__toggleButton___IzD6Z:hover{background:var(--color-bg-2);border-color:var(--color-border-3)}.styles-module__toggleButton___IzD6Z.styles-module__enabled___cao0G{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.styles-module__toggleButton___IzD6Z.styles-module__enabled___cao0G:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-fg)}.styles-module__optionsContainer___LOzlO{background:var(--color-bg-2);border-radius:var(--radius-card);border:1px solid var(--color-border-4);gap:.5rem;padding:.5rem;display:flex}.styles-module__option___abhnC{border:1px solid var(--color-border-4);border-radius:var(--radius-button);background:var(--color-bg);color:var(--color-fg);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.styles-module__option___abhnC:hover{background:var(--color-bg-3);border-color:var(--color-border-3)}.styles-module__option___abhnC.styles-module__active___pqmSi{background:var(--color-primary);color:var(--color-primary-fg);border-color:var(--color-primary)}.styles-module__option___abhnC.styles-module__active___pqmSi:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-primary-fg)}.styles-module__nbSelect___KjxSc{font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.5rem;display:inline-block;position:relative}.styles-module__selectButton___AKZe4{border-radius:var(--radius-button);cursor:pointer;text-align:left;width:100%;min-width:8rem;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;appearance:none;border:1px solid;outline:none;justify-content:space-between;align-items:center;padding:.4375rem 2.2rem .4375rem 1.125rem;transition:all .15s ease-in-out;display:flex;position:relative}.styles-module__selectButton___AKZe4.styles-module__primary___HU36a{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.styles-module__selectButton___AKZe4.styles-module__primary___HU36a:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.styles-module__selectButton___AKZe4.styles-module__primary___HU36a:focus,.styles-module__selectButton___AKZe4.styles-module__primary___HU36a.styles-module__open___9AKMb{background-color:var(--color-primary-light);border-color:var(--color-primary-light);box-shadow:0 0 0 .125rem rgba(var(--color-primary-rgb), .25)}.styles-module__selectButton___AKZe4.styles-module__default___LedYP{background-color:var(--color-bg);border-color:var(--color-border-4);color:var(--color-fg-text)}.styles-module__selectButton___AKZe4.styles-module__default___LedYP:hover:not(:disabled){background-color:var(--color-bg-2);border-color:var(--color-primary)}.styles-module__selectButton___AKZe4.styles-module__default___LedYP:focus,.styles-module__selectButton___AKZe4.styles-module__default___LedYP.styles-module__open___9AKMb{background-color:var(--color-bg-2);border-color:var(--color-primary);box-shadow:0 0 0 .125rem rgba(var(--color-primary-rgb), .25)}.styles-module__selectButton___AKZe4:disabled{cursor:not-allowed;opacity:.6}.styles-module__buttonText___QSLO1{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.styles-module__chevronIcon___qAHaD{flex-shrink:0;width:1.5rem;height:1.5rem;transition:transform .15s;position:absolute;right:.41rem}.styles-module__selectButton___AKZe4.styles-module__primary___HU36a .styles-module__chevronIcon___qAHaD{color:var(--color-primary-fg)}.styles-module__selectButton___AKZe4.styles-module__default___LedYP .styles-module__chevronIcon___qAHaD{color:var(--color-fg)}.styles-module__chevronIcon___qAHaD.styles-module__open___9AKMb{transform:rotate(180deg)}.styles-module__optionsPanel___NWAp3{background-color:var(--color-bg);border:1px solid var(--color-border-4);border-radius:var(--radius-button);min-width:100%;box-shadow:0 .5rem 1rem var(--color-shadow);z-index:1000;transform-origin:top;visibility:hidden;pointer-events:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden}.styles-module__optionsPanel___NWAp3.styles-module__open___9AKMb{visibility:visible;pointer-events:auto;animation:.25s ease-out styles-module__expandDown___eD4lh}.styles-module__optionsPanel___NWAp3.styles-module__closed___bez-q{visibility:hidden;pointer-events:none;animation:.25s ease-out styles-module__collapseUp___dt1E7}@keyframes styles-module__expandDown___eD4lh{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes styles-module__collapseUp___dt1E7{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(0)}}.styles-module__optionsPanel___NWAp3.styles-module__primary___HU36a{border-color:var(--color-primary)}.styles-module__optionsPanel___NWAp3.styles-module__default___LedYP{border-color:var(--color-border-4)}.styles-module__optionsList___AxhVp{margin:0;padding:.5rem 0;list-style:none}.styles-module__option___t1SSw{cursor:pointer;color:var(--color-fg-text);justify-content:space-between;align-items:center;padding:.75rem 1.125rem;transition:all .15s;display:flex}.styles-module__option___t1SSw:hover{background-color:var(--color-bg-2)}.styles-module__option___t1SSw.styles-module__selected___azD4A{background-color:var(--color-primary);color:var(--color-primary-fg);font-weight:700}@media (prefers-color-scheme:dark){.styles-module__optionsPanel___NWAp3{box-shadow:0 .5rem 1rem var(--color-shadow)}}.styles-module__sliderContainer___lgpaD{flex-direction:column;gap:.5rem;display:flex}.styles-module__sliderContainer___lgpaD.styles-module__fullWidth___ZS8W5{width:100%}.styles-module__labelRow___dkVVM{justify-content:space-between;align-items:center;min-height:1.5rem;margin-bottom:.5rem;display:flex}.styles-module__label___bXGZs{color:var(--color-fg-text);font-size:.875rem;font-weight:500}.styles-module__required___FuyfE{color:var(--color-danger);margin-left:.25rem}.styles-module__sliderWrapper___1Wdti{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.styles-module__sliderRoot___yzOjR{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-grow:1;align-items:center;width:100%;padding:.75rem 0;display:flex;position:relative}.styles-module__sliderRoot___yzOjR:active{cursor:grabbing}.styles-module__sliderTrackWrapper___N72WQ{flex-grow:1;display:flex;position:relative}.styles-module__sliderTrack___AltcD{border-radius:var(--radius-badge);background-color:var(--color-bg-3);width:100%;height:.375rem;position:relative;overflow:hidden}.styles-module__sliderRange___U3g0-{background-color:var(--color-primary);border-radius:var(--radius-badge);height:100%;position:absolute}.styles-module__valueIndicator___aLf0I{color:var(--color-primary);text-align:center;flex-shrink:0;min-width:2rem;font-size:.875rem;font-weight:600;line-height:1}.styles-module__iconWrapper___wL-b8{flex-shrink:0;justify-content:center;align-items:center;display:flex}.styles-module__icon___vHsID{width:20px;height:20px;color:var(--color-fg-muted)}.styles-module__errorMessage___qFgGe{color:var(--color-danger);margin:0;font-size:.75rem}.styles-module__helperText___tgBGl{color:var(--color-fg-muted);margin:0;font-size:.75rem}.styles-module__loadingContainer___OMgwS{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:60vh;display:flex}.styles-module__loadingText___KRZqR{color:var(--color-fg-muted);font-size:1rem}.styles-module__errorContainer___qhAg2{text-align:center;min-height:60vh;color:var(--color-fg-text);flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:3rem 2rem;display:flex}.styles-module__errorIconWrapper___IHZrN{background:linear-gradient(135deg, rgba(var(--color-error-rgb), .1), rgba(var(--color-error-rgb), .05));border:2px solid rgba(var(--color-error-rgb), .2);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;animation:2s ease-in-out infinite styles-module__pulse___Lju-z;display:flex}@keyframes styles-module__pulse___Lju-z{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.styles-module__errorIcon___oGDIP{color:var(--color-error);stroke-width:1.5px}.styles-module__errorContent___F55rQ{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:600px;display:flex}.styles-module__errorTitle___hC8D-{color:var(--color-fg-heading);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.styles-module__errorDescription___hZtuP{color:var(--color-fg-muted);max-width:480px;margin:0;font-size:1rem;line-height:1.6}.styles-module__errorDetailsWrapper___-sp8b{width:100%;max-width:600px;margin-top:.5rem}.styles-module__errorDetailsContainer___eywMo{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-bg-2);width:100%;transition:all .2s;overflow:hidden}.styles-module__errorDetailsContainer___eywMo:hover{border-color:var(--color-border-hover);background:var(--color-bg-3)}.styles-module__errorDetailsSummary___hGEoD{cursor:pointer;color:var(--color-fg-muted);-webkit-user-select:none;user-select:none;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;list-style:none;transition:color .2s}.styles-module__errorDetailsSummary___hGEoD:hover{color:var(--color-fg-text)}.styles-module__errorDetailsSummary___hGEoD::-webkit-details-marker{display:none}.styles-module__errorDetailsSummary___hGEoD:before{content:"▶";margin-right:.5rem;font-size:.75rem;transition:transform .2s;display:inline-block}.styles-module__errorDetailsContainer___eywMo[open] .styles-module__errorDetailsSummary___hGEoD:before{transform:rotate(90deg)}.styles-module__errorDetails___tzCT-{background:var(--color-bg-3);border-top:1px solid var(--color-border);max-width:100%;color:var(--color-fg-muted);white-space:pre-wrap;word-break:break-word;margin:0;padding:1rem 1.25rem;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,source-code-pro,monospace;font-size:.8125rem;line-height:1.6;overflow-x:auto}.styles-module__errorActions___gtqYw{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.styles-module__retryButton___TA4jm{border-radius:var(--radius-button);background:var(--color-primary);color:var(--color-primary-fg);cursor:pointer;box-shadow:0 2px 8px var(--color-shadow);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.styles-module__retryButton___TA4jm:hover{box-shadow:0 4px 16px var(--color-shadow);background:var(--color-primary-light);color:var(--color-primary-fg);transform:translateY(-2px)}.styles-module__retryButton___TA4jm:active{box-shadow:0 2px 8px var(--color-shadow);transform:translateY(0)}.styles-module__retryButtonIcon___vzfp-{font-size:1.125rem;line-height:1;transition:transform .3s;display:inline-block}.styles-module__retryButton___TA4jm:hover .styles-module__retryButtonIcon___vzfp-{transform:rotate(180deg)}.styles-module__clearLocalDataButton___T3B-K{border-radius:var(--radius-button);color:var(--color-fg-muted);border:1px solid var(--color-border-4);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex}.styles-module__clearLocalDataButton___T3B-K:hover{color:var(--color-fg-text);border-color:var(--color-border-3);background:var(--color-bg-secondary)}.styles-module__wrapper___jXPV3{flex-direction:column;gap:.5rem;display:flex}.styles-module__wrapper___jXPV3.styles-module__fullWidth___eKyGB{width:100%}.styles-module__label___MyTeo{color:var(--color-fg-heading);align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:flex}.styles-module__required___TV-m8{color:var(--color-danger)}.styles-module__inputContainer___VvGBl{align-items:flex-start;width:100%;display:flex;position:relative}.styles-module__textarea___AjX9N{border:1px solid var(--color-border-4);border-radius:var(--radius-input);background:var(--color-bg);width:100%;color:var(--color-fg-text);resize:vertical;outline:none;min-height:4rem;font-family:inherit;font-size:.875rem;transition:all .2s}.styles-module__textarea___AjX9N:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .1)}.styles-module__textarea___AjX9N::placeholder{color:var(--color-fg-muted);opacity:.5}.styles-module__textarea___AjX9N.styles-module__small___zMx0G{min-height:3rem;padding:.5rem .75rem;font-size:.8125rem}.styles-module__textarea___AjX9N.styles-module__medium___tO2Lb{min-height:4rem;padding:.75rem;font-size:.875rem}.styles-module__textarea___AjX9N.styles-module__large___3eU2g{min-height:5rem;padding:1rem;font-size:1rem}.styles-module__textarea___AjX9N.styles-module__default___vsSxX{background:var(--color-bg);border-color:var(--color-border-4)}.styles-module__textarea___AjX9N.styles-module__filled___TPQgI{background:var(--color-bg-2);border-color:var(--color-border-3)}.styles-module__inputContainer___VvGBl .styles-module__leftIcon___FHp2R{color:var(--color-fg-muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;left:.75rem}.styles-module__inputContainer___VvGBl .styles-module__rightIcon___dkyvP{color:var(--color-fg-muted);pointer-events:none;z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;top:.75rem;right:.75rem}.styles-module__inputContainer___VvGBl .styles-module__textarea___AjX9N.styles-module__small___zMx0G+.styles-module__leftIcon___FHp2R,.styles-module__inputContainer___VvGBl .styles-module__textarea___AjX9N.styles-module__small___zMx0G+.styles-module__rightIcon___dkyvP{top:.5rem}.styles-module__inputContainer___VvGBl .styles-module__textarea___AjX9N.styles-module__large___3eU2g+.styles-module__leftIcon___FHp2R,.styles-module__inputContainer___VvGBl .styles-module__textarea___AjX9N.styles-module__large___3eU2g+.styles-module__rightIcon___dkyvP{top:1rem}.styles-module__textarea___AjX9N.styles-module__error___d8gLK{border-color:var(--color-danger)}.styles-module__textarea___AjX9N.styles-module__error___d8gLK:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px rgba(var(--color-danger-rgb), .1)}.styles-module__textarea___AjX9N.styles-module__disabled___IzbfE{background:var(--color-bg-3);border-color:var(--color-border-5);color:var(--color-fg-muted);cursor:not-allowed;opacity:.6}.styles-module__errorText___Nom7x{color:var(--color-danger);margin:0;font-size:.75rem}.styles-module__helperText___97Def{color:var(--color-fg-muted);margin:0;font-size:.75rem}.styles-module__virtualList___pM6rN{contain:strict;width:100%;padding-bottom:300px;position:relative;overflow:auto}.styles-module__emptyContainer___rm938{height:100%;color:var(--color-fg-muted);justify-content:center;align-items:center;display:flex}.styles-module__virtualListInner___HxRzc{width:100%;position:relative}.styles-module__virtualListItems___p19-a{width:100%;position:absolute;top:0;left:0}.styles-module__loadingMore___zAdLM{color:var(--color-fg-muted);justify-content:center;align-items:center;gap:.75rem;padding:2rem 0;font-size:.875rem;display:flex}.styles-module__endOfList___5cYFh{color:var(--color-fg-muted);border-top:1px solid var(--color-border-3);justify-content:center;margin-top:1rem;padding:2rem 0;font-size:.875rem;display:flex}.styles-module__endOfList___5cYFh span{background-color:var(--color-bg-2);border-radius:var(--radius-button);padding:.5rem 1rem}.styles-module__virtualList___xmj2v{width:100%;padding-bottom:300px;position:relative;overflow:visible}.styles-module__virtualListInner___quD74{width:100%;position:relative}.styles-module__virtualListItems___-Muml{width:100%;position:absolute;top:0;left:0}.styles-module__virtualListRow___h3pzX{width:100%}.styles-module__emptyContainer___LIy8r{color:var(--color-fg-muted);justify-content:center;align-items:center;padding:2rem 0;display:flex}.styles-module__loadingMore___Mzf-p{color:var(--color-fg-muted);justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.styles-module__endOfList___g5G--{color:var(--color-fg-muted);border-top:1px solid var(--color-border-3);justify-content:center;padding:1.5rem 0;display:flex}.styles-module__sidebar___BMt0j{flex-direction:column;min-height:0;display:flex;overflow:hidden}.styles-module__sidebarContent___iAwiw{flex-direction:column;flex:1;min-height:0;padding-top:1rem;display:flex;overflow:hidden}.styles-module__menuWrapper___DKuEv{flex:1;min-height:0;overflow:hidden auto}.styles-module__sidebarFooter___qiPXO{flex-shrink:0;margin-top:auto}.styles-module__menuWrapper___DKuEv::-webkit-scrollbar{width:0;height:0}.styles-module__menuWrapper___DKuEv{scrollbar-width:none;-ms-overflow-style:none}.styles-module__sidebar___BMt0j .ps-sidebar-root{background-color:var(--color-bg-2)!important;border-right:1px solid var(--color-separator)!important;flex-direction:column!important;min-height:0!important;display:flex!important;overflow:hidden!important}.styles-module__sidebar___BMt0j .ps-sidebar-container{background-color:var(--color-bg-2)!important;min-height:0!important;color:var(--color-fg-text)!important;flex-direction:column!important;flex:1!important;display:flex!important;overflow:hidden!important}.styles-module__sidebar___BMt0j .ps-menu-button{border-radius:var(--radius-button)!important;color:var(--color-fg-text)!important;margin:.125rem .5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;transition:background-color .2s,color .2s!important}.styles-module__sidebar___BMt0j .ps-menu-button:hover{background-color:var(--color-bg-3)!important;color:var(--color-fg-text)!important}.styles-module__sidebar___BMt0j .ps-menu-button.ps-active{background-color:var(--color-primary)!important;color:var(--color-primary-fg)!important}.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-menu-icon,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-menu-label,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-submenu-expand-icon{color:var(--color-primary-fg)!important}.styles-module__sidebar___BMt0j .ps-menu-icon{width:1.25rem!important;height:1.25rem!important;color:var(--color-fg-text)!important}.styles-module__sidebar___BMt0j .ps-submenu-content{background-color:var(--color-bg-3)!important;padding-left:1rem!important;overflow:hidden!important}.styles-module__sidebar___BMt0j .ps-submenu-content .ps-submenu-content{padding-left:.75rem!important}.styles-module__sidebar___BMt0j .ps-submenu-content .ps-menu-button{margin:.125rem .25rem!important;padding:.375rem .5rem .375rem .75rem!important;font-size:.8125rem!important}.styles-module__logoutContainer___7NwBL{border-top:1px solid var(--color-separator);padding:.5rem}.styles-module__logoutButton___rfD6u{border-radius:var(--radius-button);width:100%;color:var(--color-fg-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;justify-content:flex-start;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.styles-module__logoutButton___rfD6u:hover{background-color:var(--color-bg-3)}.styles-module__logoutButton___rfD6u:active{transform:scale(.98)}.styles-module__logoutButton___rfD6u svg{color:inherit;flex-shrink:0}.styles-module__hiddenText___z183T{opacity:0;width:0;max-width:0;overflow:hidden}.styles-module__visibleText___lfsv-{opacity:1;width:auto;max-width:200px}.styles-module__footer___g-hY7{background:var(--color-bg-2);width:100%;padding:0 2rem}.styles-module__footerContent___Oen5n{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;display:flex}.styles-module__copyright___1R2o3{color:var(--color-fg-text);font-size:.875rem}.styles-module__links___dQyvB{gap:1.5rem;display:flex}.styles-module__link___UWfyK{color:var(--color-fg-text);font-size:.875rem;text-decoration:none;transition:color .3s}.styles-module__link___UWfyK:hover{color:var(--color-primary)}@media (width<=768px){.styles-module__footerContent___Oen5n{flex-direction:column;gap:1rem}.styles-module__links___dQyvB{gap:1rem}}.styles-module__header___4Uc8h{width:100%;padding:.5rem 2rem;display:flex}.styles-module__header___4Uc8h>:first-child{flex:1;justify-content:flex-start;align-items:center;display:flex}.styles-module__header___4Uc8h>:last-child{flex:1;justify-content:flex-end;align-items:center;display:flex}.styles-module__layout___ZQKU7{background:var(--color-bg);flex-direction:column;width:100%;height:100vh;display:flex;position:relative}.styles-module__header___XIaFb{z-index:100;background:var(--color-bg);width:100%;box-shadow:0 .125rem .25rem 0 var(--color-shadow);position:fixed;top:0}.styles-module__footer___r8ASO{z-index:100;width:100%;position:fixed;bottom:0}.styles-module__mainWrapper___i4tEI{flex:1;display:flex;position:relative}.styles-module__sidebarChrome___q0pw5{z-index:101;box-sizing:border-box;position:fixed;left:0}.styles-module__sidebar___ij-8-{height:100%;min-height:0}.styles-module__content___mTgUr{background:var(--color-bg);flex:1;min-height:calc(100vh - 10rem);margin:0;padding-top:0;padding-bottom:0;overflow:hidden auto}@media (width<=768px){.styles-module__content___mTgUr{width:100%}.styles-module__sidebarChrome___q0pw5{z-index:999}}.styles-module__mainWrapper___AiTAw{flex-direction:row;flex:1;display:flex;position:relative}.styles-module__sidebarContainer___X4yj8{z-index:99;box-sizing:border-box;flex-direction:column;min-height:0;display:flex;position:fixed;left:0;overflow:hidden}.styles-module__sidebar___VQTlH{flex-shrink:0;top:0;left:0}.styles-module__content___htJlH{background:var(--color-bg);flex:1;margin:0;padding-top:0;padding-bottom:0;overflow:hidden auto}@media (width<=1024px){.styles-module__content___htJlH{padding:1.5rem}}@media (width<=768px){.styles-module__content___htJlH{width:100%}}.styles-module__wavesWrapper___TK7DI{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__wavesWrapper___TK7DI>*{pointer-events:auto}.styles-module__squaresWrapper___P25uF{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__squaresWrapper___P25uF>*{pointer-events:auto}.styles-module__letterGlitchWrapper___KWtWU{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__letterGlitchWrapper___KWtWU>*{pointer-events:auto}.styles-module__pixelBlastWrapper___YptHh{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__pixelBlastWrapper___YptHh>*{pointer-events:auto}.style-module__container___Hh3-c{width:100%;height:100%;position:relative;overflow:hidden}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
-import { C as be, S as Se, T as we, f as Ie, gt as Ee, m as Ne, nt as Ce, ot as xe, p as Oe, t as Te, tt as Me, vt as ze } from "./chunk-lucide-B99NZWfa.mjs";
-import { n as $e } from "./chunk-useTheme-BY1_pW9y.mjs";
-import { n as Le } from "./chunk-layout-BEAgFhif.mjs";
-import { n as De } from "./chunk-useLayout-BXsJlpcb.mjs";
-import { n as Ae, r as ae, t as Re } from "./chunk-BounceLoading-C-gq-XVr.mjs";
-import * as Y from "react";
-import { Component as ke, Suspense as We, cloneElement as Fe, forwardRef as ee, isValidElement as Ve, memo as D, useCallback as q, useEffect as K, useRef as te, useState as J } from "react";
-import { Fragment as _e, jsx as i, jsxs as w } from "react/jsx-runtime";
-import { animate as Be, motion as H, useMotionValue as ce, useMotionValueEvent as je, useTransform as X } from "motion/react";
-import { QueryErrorResetBoundary as Pe } from "@tanstack/react-query";
-import { flushSync as qe } from "react-dom";
-var Ke = "styles-module__button___RbliA", Ge = "styles-module__small___yK0Yp", He = "styles-module__medium___eBTch", Xe = "styles-module__large___pIZkl", Ue = "styles-module__primary___qsZpA", Ze = "styles-module__secondary___SCpPv", Ye = "styles-module__outline___rrlk9", Je = "styles-module__ghost___QMoiH", Qe = "styles-module__danger___MW-pg", et = "styles-module__fullWidth___-dXBR", tt = "styles-module__loading___UWw6V", st = "styles-module__spinner___KpJ-L", nt = "styles-module__spin___ntZKM", rt = "styles-module__content___oyZRO", lt = "styles-module__leftIcon___cDktv", it = "styles-module__rightIcon___1mpk0", ot = "styles-module__iconOnly___iOv-U", at = "styles-module__iconContainer___bwvE3", ct = "styles-module__layout___WaGy9", dt = "styles-module__horizontal___lKpGq", ut = "styles-module__topIcon___bzw6s", ht = "styles-module__bottomIcon___suPfa", C = {
-  button: Ke,
-  small: Ge,
-  medium: He,
-  large: Xe,
-  primary: Ue,
-  secondary: Ze,
-  outline: Ye,
-  ghost: Je,
-  danger: Qe,
-  fullWidth: et,
-  loading: tt,
-  spinner: st,
-  spin: nt,
-  content: rt,
-  leftIcon: lt,
-  rightIcon: it,
-  iconOnly: ot,
-  iconContainer: at,
-  layout: ct,
-  horizontal: dt,
-  topIcon: ut,
-  bottomIcon: ht
-};
-function F(l, e) {
-  return l ? e && Ve(l) && typeof l.type != "string" ? Fe(l, {
-    ...l.props && typeof l.props == "object" ? l.props : {},
-    size: e
-  }) : l : null;
-}
-var re = ee(({ variant: l = "primary", size: e = "medium", fullWidth: t = !1, leftIcon: s, rightIcon: n, topIcon: r, bottomIcon: o, iconOnly: c = !1, iconSize: d, loading: a = !1, disabled: u, children: h, className: m = "", ..._ }, v) => {
-  const g = s || n || r || o, p = !c && h, S = c && g && !p, f = r || o || S, b = [
-    C.button,
-    C[l],
-    C[e],
-    t && C.fullWidth,
-    a && C.loading,
-    S && C.iconOnly,
-    m
-  ].filter(Boolean).join(" ");
-  return S ? /* @__PURE__ */ i("button", {
-    ref: v,
-    type: "button",
-    className: b,
-    disabled: u || a,
-    ..._,
-    children: /* @__PURE__ */ w("span", {
-      className: C.iconContainer,
-      children: [
-        r && /* @__PURE__ */ i("span", {
-          className: C.topIcon,
-          children: F(r, d)
-        }),
-        s && /* @__PURE__ */ i("span", {
-          className: C.leftIcon,
-          children: F(s, d)
-        }),
-        n && /* @__PURE__ */ i("span", {
-          className: C.rightIcon,
-          children: F(n, d)
-        }),
-        o && /* @__PURE__ */ i("span", {
-          className: C.bottomIcon,
-          children: F(o, d)
-        })
-      ]
-    })
-  }) : f ? /* @__PURE__ */ w("button", {
-    ref: v,
-    type: "button",
-    className: b,
-    disabled: u || a,
-    ..._,
-    children: [a && /* @__PURE__ */ i("span", { className: C.spinner }), !a && /* @__PURE__ */ w("span", {
-      className: C.layout,
-      children: [
-        r && /* @__PURE__ */ i("span", {
-          className: C.topIcon,
-          children: F(r, d)
-        }),
-        /* @__PURE__ */ w("span", {
-          className: C.horizontal,
-          children: [
-            s && /* @__PURE__ */ i("span", {
-              className: C.leftIcon,
-              children: F(s, d)
-            }),
-            p && /* @__PURE__ */ i("span", {
-              className: C.content,
-              children: h
-            }),
-            n && /* @__PURE__ */ i("span", {
-              className: C.rightIcon,
-              children: F(n, d)
-            })
-          ]
-        }),
-        o && /* @__PURE__ */ i("span", {
-          className: C.bottomIcon,
-          children: F(o, d)
-        })
-      ]
-    })]
-  }) : /* @__PURE__ */ w("button", {
-    ref: v,
-    type: "button",
-    className: b,
-    disabled: u || a,
-    ..._,
+(function(){try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(`.styles-module__loading___bgEAk{justify-content:center;align-items:center;display:inline-flex}.styles-module__loading___bgEAk svg polyline{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.styles-module__loading___bgEAk svg polyline.styles-module__back___XLPvD{fill:none;stroke:var(--color-primary-alpha)}.styles-module__loading___bgEAk svg polyline.styles-module__front___hSxig{fill:none;stroke:var(--color-primary);stroke-dasharray:48 144;stroke-dashoffset:192px;animation:1.4s linear infinite styles-module__dash_682___AQzo6}@keyframes styles-module__dash_682___AQzo6{72.5%{opacity:0}to{stroke-dashoffset:0}}.styles-module__loader___E7OIM{justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex}.styles-module__truckWrapper___Sk4zX{flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow-x:hidden}.styles-module__truckBody___j7w2C{width:65%;height:fit-content;margin-bottom:6px;animation:1s linear infinite styles-module__motion___IiNlW}@keyframes styles-module__motion___IiNlW{0%{transform:translateY(0)}50%{transform:translateY(3px)}to{transform:translateY(0)}}.styles-module__truckTires___4ncTl{justify-content:space-between;align-items:center;width:65%;height:fit-content;padding:0 10px 0 15px;display:flex;position:absolute;bottom:0}.styles-module__tiresvg___IBQcN{width:24px}.styles-module__road___sxx-E{background-color:var(--color-fg-heading);border-radius:var(--radius-button);align-self:flex-end;width:100%;height:1.5px;position:relative;bottom:0}.styles-module__road___sxx-E:before{content:"";background-color:var(--color-fg-heading);border-radius:var(--radius-button);border-left:10px solid var(--color-bg);width:20px;height:100%;animation:1.4s linear infinite styles-module__roadAnimation___yvrHP;position:absolute;right:-50%}.styles-module__road___sxx-E:after{content:"";background-color:var(--color-fg-heading);border-radius:var(--radius-button);border-left:4px solid var(--color-bg);width:10px;height:100%;animation:1.4s linear infinite styles-module__roadAnimation___yvrHP;position:absolute;right:-65%}.styles-module__lampPost___okcN5{height:45%;animation:1.4s linear infinite styles-module__roadAnimation___yvrHP;position:absolute;bottom:0;right:-90%}@keyframes styles-module__roadAnimation___yvrHP{0%{transform:translate(0)}to{transform:translate(-350px)}}.styles-module__loader___pFUzL{justify-content:center;align-items:center;display:inline-flex;position:relative}.styles-module__loader___pFUzL:before{content:"";background:var(--color-primary);opacity:.3;border-radius:50%;width:100%;height:5px;animation:.5s linear infinite styles-module__shadow324___sutUe;position:absolute;top:calc(100% + 12px);left:0}.styles-module__loader___pFUzL:after{content:"";background:var(--color-primary);width:100%;height:100%;position:absolute;top:0;left:0}.styles-module__square___GKjhm:after{border-radius:var(--radius-button);animation:.5s linear infinite styles-module__jump7456Square___Z-D9b}.styles-module__circle___bUpSN:after{border-radius:50%;animation:.5s linear infinite styles-module__jump7456Circle___2AfF7}@keyframes styles-module__jump7456Square___Z-D9b{15%{border-bottom-right-radius:3px}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes styles-module__jump7456Circle___2AfF7{15%{border-bottom-right-radius:50%}25%{transform:translateY(9px)rotate(22.5deg)}50%{border-bottom-right-radius:40px;transform:translateY(18px)scaleY(.9)rotate(45deg)}75%{transform:translateY(9px)rotate(67.5deg)}to{transform:translateY(0)rotate(90deg)}}@keyframes styles-module__shadow324___sutUe{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.style-module__waves___oR3u7{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.style-module__waves___oR3u7:before{content:"";background:var(--color-bg);width:.5rem;height:.5rem;transform:translate3d(calc(var(--x) - 50%), calc(var(--y) - 50%), 0);will-change:transform;border-radius:50%;position:absolute;top:0;left:0}.style-module__wavesCanvas___zkhTC{width:100%;height:100%;display:block}.style-module__squaresCanvas___22kMc{border:none;width:100%;height:100%;display:block}.style-module__container___HkxIe{background-color:var(--color-bg);width:100%;height:100%;position:relative;overflow:hidden}.style-module__canvas___MR9JX{width:100%;height:100%;display:block}.style-module__outerVignette___i75nw{pointer-events:none;background:radial-gradient(circle,#0000 60%,#000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.style-module__centerVignette___n9uVG{pointer-events:none;background:radial-gradient(circle,#000c 0%,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.style-module__container___Hh3-c{width:100%;height:100%;position:relative;overflow:hidden}.styles-module__logo___z1FuW{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none;transition:transform .12s cubic-bezier(.2,0,0,1)}.styles-module__logo___z1FuW:hover{transform:translateY(-1px)}.styles-module__logo___z1FuW:focus-visible{outline:none}.styles-module__logo___z1FuW:focus-visible .styles-module__mark___HoiFg{box-shadow:0 0 0 2px var(--accent-a4), 0 14px 30px color-mix(in oklab, var(--black-a3) 75%, transparent)}.styles-module__mark___HoiFg{flex:none;transition:transform .12s cubic-bezier(.2,0,0,1),box-shadow .12s cubic-bezier(.2,0,0,1);display:block;overflow:hidden}.styles-module__mark___HoiFg img{object-fit:cover;width:100%;height:100%;margin:0;padding:0;transition:transform .12s cubic-bezier(.2,0,0,1);display:block}.styles-module__logo___z1FuW:hover .styles-module__mark___HoiFg{transform:translateY(-1px)scale(1.02)}.styles-module__logo___z1FuW:hover .styles-module__mark___HoiFg img{transform:scale(1.04)}.styles-module__plain___TC66Z .styles-module__mark___HoiFg{border-radius:var(--radius-chip);width:40px;height:40px;box-shadow:0 14px 30px color-mix(in oklab, var(--black-a3) 75%, transparent)}.styles-module__glassSquare___QaL-M .styles-module__mark___HoiFg{border-radius:var(--radius-icon);width:54px;height:54px;box-shadow:0 12px 34px color-mix(in srgb, var(--black-a6) 72%, transparent);background:#ffffff2e;border:1px solid #ffffff4d}.styles-module__glassCircle___lE0Nw .styles-module__mark___HoiFg{width:48px;height:48px;box-shadow:0 16px 36px color-mix(in srgb, var(--black-a6) 54%, transparent);background:#fff3;border:1px solid #ffffff75;border-radius:50%}.styles-module__small___GCns1 .styles-module__mark___HoiFg{width:36px;height:36px}.styles-module__large___eKQOz.styles-module__plain___TC66Z .styles-module__mark___HoiFg{width:calc(40px + var(--space-3));height:calc(40px + var(--space-3))}.styles-module__large___eKQOz.styles-module__glassSquare___QaL-M .styles-module__mark___HoiFg{width:64px;height:64px}.styles-module__large___eKQOz.styles-module__glassCircle___lE0Nw .styles-module__mark___HoiFg{width:56px;height:56px}.s-module__swatch___hDS54{border:1px solid var(--gray-a6);border-radius:999px;flex:none;width:22px;min-width:22px;height:22px;min-height:22px;padding:0}.s-module__swatchActive___C0Ctk{outline:2px solid var(--gray-12);outline-offset:2px}.s-module__radiusCorner___w9M0j{border-left:2px solid var(--accent-9);border-top:2px solid var(--accent-9);background:color-mix(in oklab, var(--accent-9) 22%, transparent);flex:none;width:16px;height:16px}.s-module__radiusNone___dBnuF{border-radius:0}.s-module__radiusSmall___WpDJf{border-radius:3px 0 0}.s-module__radiusMedium___R0cof{border-radius:6px 0 0}.s-module__radiusLarge___9KEvz{border-radius:10px 0 0}.s-module__radiusFull___gai30{border-radius:999px 0 0}.s-module__pageIcon___c-jJO{border-radius:var(--radius-3);background:color-mix(in oklab, var(--accent-9) 12%, transparent);color:var(--accent-9)}.s-module__panelIcon___XVHY3{border-radius:var(--radius-2)}.s-module__controlFit___LreSj,.s-module__controlFit___LreSj .rt-SegmentedControlRoot{width:max-content;max-width:100%}.s-module__swatch___Wvcv5{border-radius:var(--radius-chip);border:1px solid var(--gray-a6);cursor:pointer;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.s-module__swatchActive___GG4uh{outline:2px solid var(--gray-12);outline-offset:2px}.s-module__previewTheme___-9XUD{width:100%}.s-module__positionPreview___mkI-g{border-radius:var(--radius-chip);border:1px solid var(--gray-a5);background:var(--gray-3);width:56px;height:40px;position:relative}.s-module__positionDot___Mtoqc{background:var(--accent-9);border-radius:999px;width:10px;height:10px;position:absolute}.s-module__preview_bottom_right___enLGD .s-module__positionDot___Mtoqc{bottom:6px;right:6px}.s-module__preview_bottom_left___oT2pw .s-module__positionDot___Mtoqc{bottom:6px;left:6px}.s-module__preview_top_right___Ft2uD .s-module__positionDot___Mtoqc{top:6px;right:6px}.s-module__preview_top_left___0AJFC .s-module__positionDot___Mtoqc{top:6px;left:6px}.s-module__colorRow___a1lT7{border-bottom:1px solid var(--gray-a3);width:100%}.s-module__colorRow___a1lT7:last-child{border-bottom:none}.s-module__colorInput___gpbkm{border:1px solid var(--gray-a5);border-radius:var(--radius-chip);cursor:pointer;background:0 0;width:36px;height:28px;padding:0}.styles-module__virtualList___pM6rN{contain:strict;width:100%;padding-bottom:300px;position:relative;overflow:auto}.styles-module__emptyContainer___rm938{height:100%;color:var(--color-fg-muted);justify-content:center;align-items:center;display:flex}.styles-module__virtualListInner___HxRzc{width:100%;position:relative}.styles-module__virtualListItems___p19-a{width:100%;position:absolute;top:0;left:0}.styles-module__loadingMore___zAdLM{color:var(--color-fg-muted);justify-content:center;align-items:center;gap:.75rem;padding:2rem 0;font-size:.875rem;display:flex}.styles-module__endOfList___5cYFh{color:var(--color-fg-muted);border-top:1px solid var(--color-border-3);justify-content:center;margin-top:1rem;padding:2rem 0;font-size:.875rem;display:flex}.styles-module__endOfList___5cYFh span{background-color:var(--color-bg-2);border-radius:var(--radius-button);padding:.5rem 1rem}.styles-module__virtualList___xmj2v{width:100%;padding-bottom:300px;position:relative;overflow:visible}.styles-module__virtualListInner___quD74{width:100%;position:relative}.styles-module__virtualListItems___-Muml{width:100%;position:absolute;top:0;left:0}.styles-module__virtualListRow___h3pzX{width:100%}.styles-module__emptyContainer___LIy8r{color:var(--color-fg-muted);justify-content:center;align-items:center;padding:2rem 0;display:flex}.styles-module__loadingMore___Mzf-p{color:var(--color-fg-muted);justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.styles-module__endOfList___g5G--{color:var(--color-fg-muted);border-top:1px solid var(--color-border-3);justify-content:center;padding:1.5rem 0;display:flex}.s-module__shell___Iq045{background:var(--color-background);color:var(--gray-12)}.s-module__content___Q0UoE{background:var(--color-background);flex-direction:column;min-height:0;display:flex;position:relative;overflow-x:hidden}.s-module__contentInner___PrKo6{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex;position:relative}.s-module__sidebar___amqPD{background:var(--color-panel-solid);border-right:1px solid var(--gray-a4);border-radius:0;height:100%;min-height:0;font-family:Arial,Noto Sans SC,sans-serif}.s-module__header___Dxcv1{border-bottom:1px solid var(--gray-a4);flex-shrink:0;margin:0 20px;padding:21px 0 22px;position:relative}.s-module__toggle___tW13n{z-index:2;border:1px solid var(--gray-a5)!important;border-radius:var(--radius-2)!important;background:var(--color-panel-solid)!important;width:26px!important;height:26px!important;color:var(--gray-11)!important;position:absolute!important;top:30px!important;right:-34px!important}.s-module__toggle___tW13n:hover{background:var(--gray-3)!important;color:var(--gray-12)!important}.s-module__accountCard___8LYBd{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-3);background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.s-module__accountCard___8LYBd:focus-visible{outline:2px solid var(--accent-8);outline-offset:5px}.s-module__accountCard___8LYBd:hover .s-module__accountName___6L4-W{color:var(--accent-11)}.s-module__accountInfo___9UQ7q{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.s-module__accountRole___5QXqy{color:var(--gray-11);letter-spacing:.5px;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:16px;overflow:hidden}.s-module__accountName___6L4-W{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:500;line-height:21px;overflow:hidden}.s-module__avatar___pdxPZ{flex-shrink:0}.s-module__menuArea___0CHzC{scrollbar-width:thin;scrollbar-color:var(--gray-a5) transparent;flex:auto;min-height:0;padding:8px 20px 12px;overflow:hidden auto}.s-module__menuAreaCollapsed___Kwn5w{overflow-y:auto}.s-module__sectionTitle___-mnB8{border-top:1px solid var(--gray-a4);color:var(--gray-11);text-transform:uppercase;margin:19px 0 9px;padding:20px 10px 0}.s-module__sectionTitle___-mnB8 .rt-Text{letter-spacing:.5px;font-size:11px;font-weight:400;line-height:16px}.s-module__sectionTitleIcon___3cq2s{display:none}.s-module__sectionDivider___fegpI{background:var(--gray-a4);height:1px;margin:22px 0 16px}.s-module__menuArea___0CHzC .ps-menu-label .rt-Text,.s-module__footer___1tobI .ps-menu-label .rt-Text{font:inherit}.s-module__menuArea___0CHzC .ps-menu-button.ps-active .ps-menu-label{font-weight:500}.s-module__menuArea___0CHzC .ps-submenu-root.ps-open>.ps-menu-button{background:var(--gray-a3);color:var(--gray-12)}.s-module__menuArea___0CHzC .ps-submenu-content{border:0}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:before{content:"";background:var(--gray-5);pointer-events:none;width:1px;position:absolute;top:-3px;bottom:-3px;left:21px}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:after{content:"";border-left:1px solid var(--gray-5);border-bottom:1px solid var(--gray-5);pointer-events:none;border-bottom-left-radius:8px;width:11px;height:8px;position:absolute;top:calc(50% - 8px);left:21px}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:last-child:before{bottom:calc(50% + 8px)}.s-module__menuArea___0CHzC .ps-submenu-content .ps-menu-button{position:relative}.s-module__menuAreaCollapsed___Kwn5w .ps-menu-root>ul>.ps-menuitem-root>.ps-menu-button{justify-content:center;padding:0}.s-module__menuAreaCollapsed___Kwn5w .ps-menu-root>ul>.ps-menuitem-root>.ps-menu-button>.ps-menu-icon{margin:0}.s-module__menuAreaCollapsed___Kwn5w .ps-menu-root>ul>.ps-menuitem-root>.ps-menu-button>.ps-menu-label,.s-module__menuAreaCollapsed___Kwn5w .ps-submenu-expand-icon{display:none}.s-module__menuAreaCollapsed___Kwn5w .ps-submenu-content{border:1px solid var(--gray-a5)}.s-module__menuAreaCollapsed___Kwn5w .ps-submenu-content .ps-menu-label{display:block}.s-module__footer___1tobI{flex-shrink:0;margin-top:auto;padding:10px 20px 20px}.s-module__logout___CLyd7{width:100%;height:40px!important;color:var(--red-11)!important;border-radius:var(--radius-chip)!important;box-shadow:none!important;background:0 0!important;justify-content:flex-start!important;gap:10px!important;padding:0 10px!important;font-size:15px!important;font-weight:400!important}.s-module__logoutCollapsed___YkP7y{justify-content:center!important;padding:0!important}.s-module__logout___CLyd7:hover:not(:disabled){background:var(--red-a3)!important}.s-module__mobileToggle___LOwyZ{top:var(--space-3);z-index:10;margin:var(--space-3);box-shadow:var(--shadow-3);position:sticky;background:var(--color-panel-solid)!important;color:var(--gray-12)!important}.s-module__menuIconWrap___UEleI{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.s-module__menuIconDot___d8XKJ{border-radius:var(--radius-full);background:var(--red-9);border:2px solid var(--color-panel-solid);box-sizing:content-box;pointer-events:none;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.s-module__menuBadge___CHC0U{border-radius:var(--radius-full);background:var(--accent-a3);color:var(--accent-11);padding:0 5px;font-size:10px}.s-module__menuDot___PnAOJ{border-radius:var(--radius-full);background:var(--red-9);width:7px;height:7px}@media (prefers-reduced-motion:reduce){.s-module__sidebar___amqPD *{transition-duration:0s!important;animation-duration:0s!important}}.s-module__footerCollapsed___UIBmF .ps-menu-button{justify-content:center;padding:0}.s-module__footerCollapsed___UIBmF .ps-menu-icon{margin:0}.s-module__footerCollapsed___UIBmF .ps-menu-label{display:none}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul{padding:1px 0 7px}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-root:not(.ps-open)>.ps-submenu-content{visibility:hidden}.s-module__menuAreaCollapsed___Kwn5w .s-module__sectionTitle___-mnB8{text-align:center;justify-content:center;margin:17px -8px 9px;padding:16px 0 0}.s-module__menuAreaCollapsed___Kwn5w .s-module__sectionTitle___-mnB8 .rt-Text{letter-spacing:0;overflow-wrap:normal;word-break:normal;font-size:9px;line-height:11px}.s-module__collapsedSubmenuTrigger___bFLvD{border-radius:var(--radius-chip);width:100%;height:40px;color:var(--gray-11);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin:6px 0;padding:0;display:flex}.s-module__collapsedSubmenuTrigger___bFLvD:hover,.s-module__collapsedSubmenuActive___IZjxV{background:var(--gray-a3);color:var(--gray-12)}.s-module__collapsedSubmenuTrigger___bFLvD:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}.s-module__flyout___g3zm9{width:max-content;min-width:156px;max-width:min(260px,100vw - 24px);max-height:var(--radix-popover-content-available-height);border:1px solid var(--gray-a5);border-radius:var(--radius-4);background:var(--color-panel-solid);box-shadow:var(--shadow-5);overflow-y:auto;padding:5px 0!important}.s-module__flyout___g3zm9 .ps-menu-label .rt-Text{font:inherit}.s-module__flyout___g3zm9 .ps-menu-button.ps-active .ps-menu-label{font-weight:500}.s-module__collapsedSubmenuCurrent___fOzyg,.s-module__collapsedSubmenuCurrent___fOzyg:hover,.s-module__menuArea___0CHzC .ps-submenu-root>.ps-menu-button.ps-active{background:var(--accent-a3);color:var(--accent-11)}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:has(~.ps-menuitem-root>.ps-menu-button.ps-active):before{background:var(--accent-9)}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:has(>.ps-menu-button.ps-active):before{background:var(--accent-9);bottom:calc(50% + 8px)}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:has(>.ps-menu-button.ps-active):after{border-color:var(--accent-9)}.s-module__menuArea___0CHzC:not(.s-module__menuAreaCollapsed___Kwn5w) .ps-submenu-content>ul>.ps-menuitem-root:not(:last-child)>.ps-menu-button.ps-active:before{content:"";background:var(--gray-5);pointer-events:none;width:1px;position:absolute;top:50%;bottom:-3px;left:-11px}.s-module__header___fHBLg{z-index:30;width:100%;padding:var(--space-3) var(--space-4);pointer-events:none;background:linear-gradient(180deg, color-mix(in oklab, var(--color-background) 92%, transparent), transparent);position:fixed;top:0;left:0;right:0}.s-module__header___fHBLg .s-module__bar___ei2ER{pointer-events:auto}.s-module__bar___ei2ER{width:100%;max-width:1120px;box-shadow:0 8px 28px color-mix(in oklab, var(--gray-12) 6%, transparent);margin:0 auto}.s-module__nav___g6eNB{gap:var(--space-1);display:none}@media (width>=900px){.s-module__nav___g6eNB{display:flex}}.s-module__nav___g6eNB .rt-BaseButton{padding-inline:var(--space-4);color:var(--gray-12);font-size:var(--font-size-3);background:0 0;border-radius:var(--radius-chip)!important}@media (hover:hover){.s-module__nav___g6eNB .rt-BaseButton:hover{background:var(--accent-a2);color:var(--accent-11)}}.s-module__navActive___CFz4v{font-weight:var(--font-weight-bold);background:var(--accent-a3)!important;color:var(--accent-11)!important}.s-module__mobileNav___5DVMr{display:flex}@media (width>=900px){.s-module__mobileNav___5DVMr{display:none}}.s-module__brandWord___cTl9u{font-family:var(--heading-font-family);letter-spacing:-.03em}.s-module__accountMenu___Hgv6K{min-width:200px}.s-module__fullHeightFrame___aRJs8{box-sizing:border-box;flex:auto;align-self:stretch;width:100%;min-height:0}.s-module__fullHeightBody___j03gw{box-sizing:border-box;flex:auto}.s-module__bar___o1Cuu{z-index:10;border-bottom:1px solid var(--gray-a4);background:color-mix(in oklab, var(--color-background) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.styles-module__footer___g-hY7{background:var(--color-bg-2);width:100%;padding:0 2rem}.styles-module__footerContent___Oen5n{justify-content:space-between;align-items:center;max-width:100%;margin:0 auto;display:flex}.styles-module__copyright___1R2o3{color:var(--color-fg-text);font-size:.875rem}.styles-module__links___dQyvB{gap:1.5rem;display:flex}.styles-module__link___UWfyK{color:var(--color-fg-text);font-size:.875rem;text-decoration:none;transition:color .3s}.styles-module__link___UWfyK:hover{color:var(--color-primary)}@media (width<=768px){.styles-module__footerContent___Oen5n{flex-direction:column;gap:1rem}.styles-module__links___dQyvB{gap:1rem}}.styles-module__wavesWrapper___TK7DI{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__wavesWrapper___TK7DI>*{pointer-events:auto}.styles-module__squaresWrapper___P25uF{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__squaresWrapper___P25uF>*{pointer-events:auto}.styles-module__letterGlitchWrapper___KWtWU{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__letterGlitchWrapper___KWtWU>*{pointer-events:auto}.styles-module__pixelBlastWrapper___YptHh{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.styles-module__pixelBlastWrapper___YptHh>*{pointer-events:auto}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scrollbar-gutter:stable;width:100%;min-height:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;min-height:100vh;margin:0}#root{min-height:100vh}main,section,article,aside,header,footer,nav{display:block}main{min-height:100%}h1,h2,h3,h4,h5,h6,p{margin:0}em,i{font-style:italic}abbr[title]{cursor:help;text-underline-offset:.18em;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal}blockquote{margin:0}sub,sup{vertical-align:baseline;position:relative}sub{bottom:-.25em}sup{top:-.5em}code,kbd,samp{padding:.12em .32em}pre{margin:0;overflow:auto}pre code{color:inherit;background:0 0;padding:0}a{text-decoration:none;transition:color .12s cubic-bezier(.2,0,0,1),opacity .12s cubic-bezier(.2,0,0,1)}a:focus-visible{outline:none}ul,ol,li,dl,dd{margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}img{-webkit-user-select:none;user-select:none}svg{flex-shrink:0}audio{width:100%}iframe{border:0;max-width:100%;display:block}figure{margin:0}button,input,textarea,select{font:inherit;color:inherit}dialog:not(.rt-DialogContent){border:none}table{border-collapse:collapse;border-spacing:0;width:100%}caption,th,td{text-align:left}hr{border:none;height:1px;margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{padding:0}summary{cursor:pointer}progress,meter{width:100%}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border-radius:999px}[hidden]{display:none!important}:focus-visible{outline:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.radix-themes{--heading-font-family:var(--default-font-family);--strong-font-family:var(--default-font-family);--em-font-family:var(--default-font-family);--quote-font-family:var(--default-font-family);--radius-chip:max(var(--radius-3), var(--radius-full));--radius-icon:max(var(--radius-4), var(--radius-full))}.radix-themes .rt-BaseTabListTriggerInner,.radix-themes .rt-BaseTabListTriggerInnerHidden,.radix-themes .rt-TabsTriggerInner{border-radius:max(var(--tab-inner-border-radius), var(--radius-full))!important}.radix-themes[data-radius=full] .rt-Card{--card-border-radius:var(--radius-6)}.radix-themes,.radix-themes[data-font-family=system]{--default-font-family:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.radix-themes[data-font-family=ibm-plex]{--default-font-family:"IBM Plex Sans", "IBM Plex Sans SC", "Noto Sans SC", "Noto Sans TC", system-ui, sans-serif}.radix-themes[data-font-family=noto]{--default-font-family:"Noto Sans", "Noto Sans SC", "Noto Sans TC", sans-serif}.radix-themes[data-font-family=source-sans]{--default-font-family:"Source Sans 3", "Source Han Sans SC", "Noto Sans SC", "Noto Sans TC", sans-serif}.radix-themes{--color-primary:var(--accent-9);--color-primary-hover:var(--accent-10);--color-primary-light:var(--accent-4);--color-primary-bg:var(--accent-3);--color-primary-fg:var(--accent-contrast);--color-success:var(--green-9);--color-success-light:var(--green-4);--color-info:var(--blue-9);--color-info-light:var(--blue-4);--color-warning:var(--amber-9);--color-warning-light:var(--amber-4);--color-danger:var(--red-9);--color-error:var(--red-9);--color-danger-light:var(--red-4);--color-bg:var(--color-background);--color-bg-1:var(--color-background);--color-bg-2:var(--color-panel-solid);--color-bg-3:var(--gray-3);--color-bg-4:var(--gray-4);--color-bg-secondary:var(--gray-2);--color-border:var(--gray-6);--color-border-2:var(--gray-5);--color-border-3:var(--gray-6);--color-border-4:var(--gray-7);--color-border-5:var(--gray-8);--color-border-hover:var(--gray-8);--color-fg:var(--gray-11);--color-fg-text:var(--gray-12);--color-fg-heading:var(--gray-12);--color-fg-highlight:var(--accent-11);--color-fg-muted:var(--gray-10);--color-fg-on-primary:var(--accent-contrast);--color-separator:var(--gray-6);--color-overlay:var(--black-a6);--color-shadow:var(--gray-a4);--color-ring:var(--accent-8)}/*$vite$:1*/`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { vt as me } from "./chunk-lucide-yNs0iz1-.mjs";
+import { B as U, c as k } from "./chunk-dashboard-BsGK96hu.mjs";
+import { C as ge, D as pe, E as ve, O as _e, S as Se, T as ye, b as be, d as we, j as Ee, s as se, w as Ie } from "./chunk-preference-x4EdmqU6.mjs";
+import { i as xe } from "./chunk-preference-Y15HwKd0.mjs";
+import { t as $ } from "./chunk-LucideIcon-Chc7x8mN.mjs";
+import { i as Xt, n as ze, r as Yt } from "./chunk-useLayout-CjXHRPLD.mjs";
+import { r as Ae } from "./chunk-useLanguageLabel-BLdxHuep.mjs";
+import * as P from "react";
+import { Suspense as Oe, memo as Y, useCallback as B, useEffect as te, useRef as Te, useState as ie } from "react";
+import { Badge as Ce, Box as j, Button as G, Card as ee, Flex as _, Grid as Me, Heading as J, RadioCards as ne, SegmentedControl as M, Spinner as Le, Switch as Re, Text as x, TextField as De, Theme as Fe } from "@radix-ui/themes";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+import { Check as re, RotateCcw as je, Save as ke } from "lucide-react";
+import { useTranslation as Ne } from "react-i18next";
+import { flushSync as Ve } from "react-dom";
+export * from "@radix-ui/themes";
+function is({ icon: r, title: e, description: t, action: s }) {
+  return /* @__PURE__ */ b(_, {
+    direction: "column",
+    align: "center",
+    justify: "center",
+    gap: "3",
+    py: "9",
+    px: "4",
     children: [
-      a && /* @__PURE__ */ i("span", { className: C.spinner }),
-      s && !a && /* @__PURE__ */ i("span", {
-        className: C.leftIcon,
-        children: F(s, d)
+      /* @__PURE__ */ o(_, {
+        align: "center",
+        justify: "center",
+        width: "56px",
+        height: "56px",
+        style: {
+          borderRadius: "var(--radius-5)",
+          background: "color-mix(in oklab, var(--gray-11) 8%, transparent)",
+          color: "var(--gray-10)"
+        },
+        children: /* @__PURE__ */ o($, {
+          icon: r,
+          size: 24
+        })
       }),
-      h && /* @__PURE__ */ i("span", {
-        className: C.content,
-        children: h
+      /* @__PURE__ */ o(J, {
+        as: "h3",
+        size: "4",
+        align: "center",
+        children: e
       }),
-      n && !a && /* @__PURE__ */ i("span", {
-        className: C.rightIcon,
-        children: F(n, d)
-      })
+      t ? /* @__PURE__ */ o(x, {
+        as: "p",
+        size: "2",
+        color: "gray",
+        align: "center",
+        style: { maxWidth: "36ch" },
+        children: t
+      }) : null,
+      s
     ]
   });
-});
-re.displayName = "Button";
-var _t = "Dropdown-module__dropdown___c9wIp", mt = "Dropdown-module__dropdownButton___suNh-", ft = "Dropdown-module__disabled___Rz0pX", pt = "Dropdown-module__error___F7dDu", vt = "Dropdown-module__buttonText___D2zxn", gt = "Dropdown-module__chevronIcon___uyawp", yt = "Dropdown-module__open___APoXd", bt = "Dropdown-module__dropdownMenu___WJ-QO", St = "Dropdown-module__slideDown___sRCmO", wt = "Dropdown-module__optionsList___Be6RN", It = "Dropdown-module__option___q-NgT", Et = "Dropdown-module__selected___-OTW-", k = {
-  dropdown: _t,
-  dropdownButton: mt,
-  disabled: ft,
-  error: pt,
-  buttonText: vt,
-  chevronIcon: gt,
-  open: yt,
-  dropdownMenu: bt,
-  slideDown: St,
-  optionsList: wt,
-  option: It,
-  selected: Et
-}, Nt = D(({ options: l, value: e, onChange: t, placeholder: s = "Select an option", disabled: n = !1, error: r = !1, className: o = "" }) => {
-  const [c, d] = J(!1), a = te(null);
-  K(() => {
-    const _ = (v) => {
-      a.current && !a.current.contains(v.target) && d(!1);
-    };
-    return document.addEventListener("mousedown", _), () => {
-      document.removeEventListener("mousedown", _);
-    };
-  }, []);
-  const u = l.find((_) => _.value === e), h = u ? u.label : s, m = (_) => {
-    t(_), d(!1);
-  };
-  return /* @__PURE__ */ w("div", {
-    className: `${k.dropdown} ${o}`,
-    ref: a,
-    children: [/* @__PURE__ */ w("button", {
-      type: "button",
-      className: `${k.dropdownButton} ${r ? k.error : ""} ${n ? k.disabled : ""}`,
-      onClick: () => !n && d(!c),
-      disabled: n,
-      "aria-expanded": c,
-      "aria-haspopup": "listbox",
-      children: [/* @__PURE__ */ i("span", {
-        className: k.buttonText,
-        children: h
-      }), /* @__PURE__ */ i(Ie, {
-        size: 16,
-        className: `${k.chevronIcon} ${c ? k.open : ""}`
+}
+var We = "s-module__pageIcon___c-jJO", $e = "s-module__panelIcon___XVHY3", le = {
+  pageIcon: We,
+  panelIcon: $e
+};
+function ns({ icon: r, title: e, description: t, actions: s, density: i = "panel" }) {
+  const n = i === "panel";
+  return /* @__PURE__ */ o(_, {
+    asChild: !0,
+    align: "start",
+    justify: "between",
+    gap: "3",
+    wrap: "wrap",
+    mb: n ? "3" : "5",
+    children: /* @__PURE__ */ b("header", { children: [/* @__PURE__ */ b(_, {
+      align: "center",
+      gap: n ? "3" : "4",
+      minWidth: "0",
+      children: [/* @__PURE__ */ o(_, {
+        align: "center",
+        justify: "center",
+        flexShrink: "0",
+        width: n ? "28px" : "48px",
+        height: n ? "28px" : "48px",
+        className: `${le.pageIcon} ${n ? le.panelIcon : ""}`,
+        children: /* @__PURE__ */ o($, {
+          icon: r,
+          size: n ? 15 : 22
+        })
+      }), /* @__PURE__ */ b(j, {
+        minWidth: "0",
+        children: [/* @__PURE__ */ o(J, {
+          as: "h1",
+          size: n ? "4" : "6",
+          mb: t ? "1" : "0",
+          children: e
+        }), t ? /* @__PURE__ */ o(x, {
+          as: "p",
+          size: "1",
+          color: "gray",
+          children: t
+        }) : null]
       })]
-    }), c && !n && /* @__PURE__ */ i("div", {
-      className: k.dropdownMenu,
-      children: /* @__PURE__ */ i("ul", {
-        className: k.optionsList,
-        role: "listbox",
-        children: l.map((_) => /* @__PURE__ */ i("li", {
-          className: `${k.option} ${_.value === e ? k.selected : ""}`,
-          onClick: () => m(_.value),
-          role: "option",
-          "aria-selected": _.value === e,
-          children: _.label
-        }, _.value))
-      })
-    })]
+    }), s ? /* @__PURE__ */ o(_, {
+      gap: "2",
+      wrap: "wrap",
+      align: "center",
+      children: s
+    }) : null] })
   });
-});
-Nt.displayName = "Dropdown";
-var Ct = D(({ name: l, ...e }) => {
-  const t = ze[l];
-  return t ? /* @__PURE__ */ i(t, { ...e }) : (console.warn(`Icon "${l}" not found in lucide-react`), null);
-});
-Ct.displayName = "Icon";
-var xt = "styles-module__wrapper___COeGm", Ot = "styles-module__fullWidth___lVU49", Tt = "styles-module__label___gfOA7", Mt = "styles-module__required___-zOy5", zt = "styles-module__inputContainer___wXY53", $t = "styles-module__input___IZDc3", Lt = "styles-module__small___cuGyE", Dt = "styles-module__medium___JdDPu", At = "styles-module__large___fMmiG", Rt = "styles-module__filled___EQ5PQ", kt = "styles-module__withLeftIcon___NFn6-", Wt = "styles-module__withRightIcon___mz-hn", Ft = "styles-module__leftIcon___jEW5H", Vt = "styles-module__rightIcon___bA3Eo", Bt = "styles-module__rightIconInteractive___ccypw", jt = "styles-module__containerSmall___20ICq", Pt = "styles-module__containerLarge___IztuN", qt = "styles-module__error___946qV", Kt = "styles-module__disabled___sJvLd", Gt = "styles-module__errorMessage___5Mn22", Ht = "styles-module__helperText___T2eui", O = {
-  wrapper: xt,
-  fullWidth: Ot,
-  label: Tt,
-  required: Mt,
-  inputContainer: zt,
-  input: $t,
-  small: Lt,
-  medium: Dt,
-  large: At,
-  default: "styles-module__default___-eZTG",
-  filled: Rt,
-  withLeftIcon: kt,
-  withRightIcon: Wt,
-  leftIcon: Ft,
-  rightIcon: Vt,
-  rightIconInteractive: Bt,
-  containerSmall: jt,
-  containerLarge: Pt,
-  error: qt,
-  disabled: Kt,
-  errorMessage: Gt,
-  helperText: Ht
-}, le = ee(({ label: l, error: e, helperText: t, leftIcon: s, rightIcon: n, rightIconInteractive: r = !1, size: o = "medium", variant: c = "default", fullWidth: d = !1, className: a = "", disabled: u, ...h }, m) => {
-  const _ = [
-    O.input,
-    O[o],
-    O[c],
-    e && O.error,
-    u && O.disabled,
-    a
-  ].filter(Boolean).join(" "), v = [O.wrapper, d && O.fullWidth].filter(Boolean).join(" "), g = [
-    O.inputContainer,
-    s && O.withLeftIcon,
-    n && O.withRightIcon,
-    o && O[`container${o.charAt(0).toUpperCase() + o.slice(1)}`]
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", {
-    className: v,
-    children: [
-      l && /* @__PURE__ */ w("label", {
-        className: O.label,
-        children: [l, h.required && /* @__PURE__ */ i("span", {
-          className: O.required,
-          children: "*"
-        })]
-      }),
-      /* @__PURE__ */ w("div", {
-        className: g,
-        children: [
-          s && /* @__PURE__ */ i("div", {
-            className: O.leftIcon,
-            children: s
-          }),
-          /* @__PURE__ */ i("input", {
-            ref: m,
-            className: _,
-            disabled: u,
-            ...h
-          }),
-          n && /* @__PURE__ */ i("div", {
-            className: `${O.rightIcon} ${r ? O.rightIconInteractive : ""}`,
-            children: n
-          })
-        ]
-      }),
-      e && /* @__PURE__ */ i("p", {
-        className: O.errorMessage,
+}
+function rs({ icon: r, title: e, description: t }) {
+  return /* @__PURE__ */ b(_, {
+    gap: "3",
+    align: "start",
+    mb: "4",
+    children: [/* @__PURE__ */ o(_, {
+      align: "center",
+      justify: "center",
+      flexShrink: "0",
+      width: "40px",
+      height: "40px",
+      style: {
+        borderRadius: "var(--radius-icon)",
+        background: "color-mix(in oklab, var(--accent-9) 12%, transparent)",
+        color: "var(--accent-9)"
+      },
+      children: r
+    }), /* @__PURE__ */ b(_, {
+      direction: "column",
+      gap: "1",
+      flexGrow: "1",
+      minWidth: "0",
+      children: [/* @__PURE__ */ o(J, {
+        as: "h3",
+        size: "4",
         children: e
-      }),
-      t && !e && /* @__PURE__ */ i("p", {
-        className: O.helperText,
+      }), t ? /* @__PURE__ */ o(x, {
+        as: "p",
+        size: "2",
+        color: "gray",
         children: t
-      })
-    ]
+      }) : null]
+    })]
   });
-});
-le.displayName = "Input";
-var Xt = "styles-module__container___xeg8O", Ut = "styles-module__label___qhbKe", Zt = "styles-module__error___O-7AY", Yt = "styles-module__pairs___owGV3", Jt = "styles-module__pair___G4WFY", Qt = "styles-module__keyInput___wl1M1", es = "styles-module__valueInput___HiwJ5", ts = "styles-module__removeButton___4-X0b", ss = "styles-module__addButton___QFljt", V = {
-  container: Xt,
-  label: Ut,
-  error: Zt,
-  pairs: Yt,
-  pair: Jt,
-  keyInput: Qt,
-  valueInput: es,
-  removeButton: ts,
-  addButton: ss
-}, ns = D(({ label: l, pairs: e, onChange: t, valueType: s = "string", keyPlaceholder: n = "Key", valuePlaceholder: r = "Value", valueArrayPlaceholder: o = "Value (comma-separated)", removeAriaLabel: c = "Remove row", addLabel: d = "Add", error: a }) => {
-  const u = s === "array" ? o : r, [h, m] = J(e);
-  K(() => {
-    m(e);
+}
+var Be = "s-module__controlFit___LreSj", He = "s-module__swatch___Wvcv5", Pe = "s-module__swatchActive___GG4uh", Ke = "s-module__previewTheme___-9XUD", Ue = "s-module__positionPreview___mkI-g", Ge = "s-module__positionDot___Mtoqc", Xe = "s-module__preview_bottom_right___enLGD", Ye = "s-module__preview_bottom_right___enLGD", Je = "s-module__preview_bottom_left___oT2pw", qe = "s-module__preview_bottom_left___oT2pw", Ze = "s-module__preview_top_right___Ft2uD", Qe = "s-module__preview_top_right___Ft2uD", et = "s-module__preview_top_left___0AJFC", tt = "s-module__preview_top_left___0AJFC", st = "s-module__colorRow___a1lT7", it = "s-module__colorInput___gpbkm", L = {
+  controlFit: Be,
+  swatch: He,
+  swatchActive: Pe,
+  previewTheme: Ke,
+  positionPreview: Ue,
+  positionDot: Ge,
+  preview_bottom_right: Xe,
+  previewBottomRight: Ye,
+  preview_bottom_left: Je,
+  previewBottomLeft: qe,
+  preview_top_right: Ze,
+  previewTopRight: Qe,
+  preview_top_left: et,
+  previewTopLeft: tt,
+  colorRow: st,
+  colorInput: it
+}, nt = {
+  [U.SYSTEM]: "labels.fontSystem",
+  [U.IBM_PLEX]: "labels.fontIbmPlex",
+  [U.NOTO]: "labels.fontNoto",
+  [U.SOURCE_SANS]: "labels.fontSourceSans"
+}, rt = {
+  [k.EN]: "EN",
+  [k.ZH]: "ZH",
+  [k.FR]: "FR"
+}, lt = {
+  [k.EN]: "labels.langEn",
+  [k.ZH]: "labels.langZh",
+  [k.FR]: "labels.langFr"
+};
+function oe(r) {
+  return r === "auto" ? "var(--gray-9)" : `var(--${r}-9)`;
+}
+function q(r) {
+  return { ...r };
+}
+function X({ title: r, children: e }) {
+  return /* @__PURE__ */ o(ee, {
+    size: "2",
+    children: /* @__PURE__ */ b(_, {
+      direction: "column",
+      gap: "4",
+      height: "100%",
+      children: [/* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(x, {
+        size: "2",
+        weight: "bold",
+        children: r
+      }) }), /* @__PURE__ */ o(_, {
+        direction: "column",
+        gap: "4",
+        flexGrow: "1",
+        align: "start",
+        children: e
+      })]
+    })
+  });
+}
+function ls() {
+  const { t: r } = Ne("preference"), e = se((l) => l.theme), t = se((l) => l.language), { syncPreference: s } = xe(), { getBaseDisplayName: i } = Ae(), [n, a] = ie(() => q(e)), [h, u] = ie(!1);
+  te(() => {
+    a(q(e));
   }, [e]);
-  const _ = () => {
-    const f = [...h, {
-      key: "",
-      value: s === "array" ? [] : ""
-    }];
-    m(f), t(f);
-  }, v = (f) => {
-    const b = h.filter((y, E) => E !== f);
-    m(b), t(b);
-  }, g = (f, b) => {
-    const y = [...h];
-    y[f] = {
-      ...y[f],
-      key: b
-    }, m(y), t(y);
-  }, p = (f, b) => {
-    const y = [...h];
-    if (s === "array") {
-      const E = b.split(",").map((I) => I.trim()).filter((I) => I.length > 0);
-      y[f] = {
-        ...y[f],
-        value: E
-      };
-    } else y[f] = {
-      ...y[f],
-      value: b
-    };
-    m(y), t(y);
-  }, S = (f) => Array.isArray(f) ? f.join(", ") : f;
-  return /* @__PURE__ */ w("div", {
-    className: V.container,
-    children: [
-      /* @__PURE__ */ i("label", {
-        className: V.label,
-        children: l
-      }),
-      a && /* @__PURE__ */ i("div", {
-        className: V.error,
-        children: a
-      }),
-      /* @__PURE__ */ i("div", {
-        className: V.pairs,
-        children: h.map((f, b) => /* @__PURE__ */ w("div", {
-          className: V.pair,
+  const m = n.accent !== e.accent || n.gray !== e.gray || n.appearance !== e.appearance || n.radius !== e.radius || n.scaling !== e.scaling || n.panelBackground !== e.panelBackground || n.fontFamily !== e.fontFamily, d = (l) => a((g) => ({
+    ...g,
+    ...l
+  })), c = Ee(n.appearance);
+  return /* @__PURE__ */ b(_, {
+    direction: "column",
+    gap: "3",
+    children: [/* @__PURE__ */ b(Me, {
+      columns: {
+        initial: "1",
+        sm: "2",
+        md: "3"
+      },
+      gap: "3",
+      width: "100%",
+      children: [
+        /* @__PURE__ */ b(X, {
+          title: r("labels.colorAndAppearance"),
           children: [
-            /* @__PURE__ */ i(le, {
-              placeholder: n,
-              value: f.key,
-              onChange: (y) => g(b, y.target.value),
-              className: V.keyInput
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.appearance")
+              }), /* @__PURE__ */ o(j, {
+                className: L.controlFit,
+                children: /* @__PURE__ */ o(M.Root, {
+                  size: "2",
+                  value: n.appearance,
+                  onValueChange: (l) => d({ appearance: l }),
+                  children: pe.map((l) => /* @__PURE__ */ o(M.Item, {
+                    value: l,
+                    children: l
+                  }, l))
+                })
+              })]
             }),
-            /* @__PURE__ */ i(le, {
-              placeholder: u,
-              value: S(f.value),
-              onChange: (y) => p(b, y.target.value),
-              className: V.valueInput
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.accent")
+              }), /* @__PURE__ */ o(_, {
+                wrap: "wrap",
+                gap: "2",
+                width: "max-content",
+                maxWidth: "100%",
+                children: be.map((l) => {
+                  const g = n.accent === l;
+                  return /* @__PURE__ */ o("button", {
+                    type: "button",
+                    "aria-label": l,
+                    "aria-pressed": g,
+                    onClick: () => d({ accent: l }),
+                    className: `${L.swatch} ${g ? L.swatchActive : ""}`,
+                    style: { background: oe(l) },
+                    children: g ? /* @__PURE__ */ o($, {
+                      icon: re,
+                      size: 12,
+                      color: "white"
+                    }) : null
+                  }, l);
+                })
+              })]
             }),
-            /* @__PURE__ */ i(re, {
-              type: "button",
-              variant: "ghost",
-              onClick: () => v(b),
-              className: V.removeButton,
-              "aria-label": c,
-              children: /* @__PURE__ */ i(xe, { size: 16 })
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.gray")
+              }), /* @__PURE__ */ o(_, {
+                wrap: "wrap",
+                gap: "2",
+                width: "max-content",
+                maxWidth: "100%",
+                children: Se.map((l) => {
+                  const g = n.gray === l;
+                  return /* @__PURE__ */ o("button", {
+                    type: "button",
+                    "aria-label": l,
+                    "aria-pressed": g,
+                    onClick: () => d({ gray: l }),
+                    className: `${L.swatch} ${g ? L.swatchActive : ""}`,
+                    style: { background: oe(l) },
+                    children: g ? /* @__PURE__ */ o($, {
+                      icon: re,
+                      size: 12,
+                      color: "white"
+                    }) : null
+                  }, l);
+                })
+              })]
             })
           ]
-        }, b))
-      }),
-      /* @__PURE__ */ w(re, {
-        type: "button",
-        variant: "secondary",
-        onClick: _,
-        className: V.addButton,
-        children: [/* @__PURE__ */ i(Me, { size: 16 }), d]
-      })
-    ]
-  });
-});
-ns.displayName = "KeyValueEditor";
-var rs = "styles-module__searchContainer___86TGN", ls = "styles-module__searchContainerFull___cEuNS", is = "styles-module__searchIcon___ZInry", os = "styles-module__searchInput___SqZXQ", as = "styles-module__clearBtn___7jExr", U = {
-  searchContainer: rs,
-  searchContainerFull: ls,
-  searchIcon: is,
-  searchInput: os,
-  clearBtn: as
-}, cs = D(({ value: l, onChange: e, placeholder: t, clearButtonAriaLabel: s = "Clear search", fullWidth: n = !1 }) => {
-  const r = () => e("");
-  return /* @__PURE__ */ w("div", {
-    className: `${U.searchContainer} ${n ? U.searchContainerFull : ""}`.trim(),
-    children: [
-      /* @__PURE__ */ i(Ce, {
-        size: 18,
-        className: U.searchIcon
-      }),
-      /* @__PURE__ */ i("input", {
-        type: "text",
-        value: l,
-        onChange: (o) => e(o.target.value),
-        placeholder: t,
-        className: U.searchInput
-      }),
-      l && /* @__PURE__ */ i("button", {
-        onClick: r,
-        className: U.clearBtn,
-        "aria-label": s,
-        children: /* @__PURE__ */ i(Ee, { size: 16 })
-      })
-    ]
-  });
-});
-cs.displayName = "SearchInput";
-var ds = "styles-module__container___nGxdM", us = "styles-module__toggleContainer___VrsKI", hs = "styles-module__toggleButton___IzD6Z", _s = "styles-module__enabled___cao0G", ms = "styles-module__optionsContainer___LOzlO", fs = "styles-module__option___abhnC", ps = "styles-module__active___pqmSi", W = {
-  container: ds,
-  toggleContainer: us,
-  toggleButton: hs,
-  enabled: _s,
-  optionsContainer: ms,
-  option: fs,
-  active: ps
-}, vs = D(({ value: l, onChange: e, filterEnabled: t = "Filter on", filterDisabled: s = "Filter", enableFilterAriaLabel: n = "Enable filter", disableFilterAriaLabel: r = "Disable filter", all: o = "All", show: c = "Show", hide: d = "Hide" }) => {
-  const a = () => {
-    e({
-      ...l,
-      enabled: !l.enabled
-    });
-  }, u = (h) => {
-    e({
-      ...l,
-      value: h
-    });
-  };
-  return /* @__PURE__ */ w("div", {
-    className: W.container,
-    children: [/* @__PURE__ */ i("div", {
-      className: W.toggleContainer,
-      children: /* @__PURE__ */ w("button", {
-        type: "button",
-        className: `${W.toggleButton} ${l.enabled ? W.enabled : ""}`,
-        onClick: a,
-        "aria-label": l.enabled ? r : n,
-        children: [/* @__PURE__ */ i(we, { size: 16 }), /* @__PURE__ */ i("span", { children: l.enabled ? t : s })]
-      })
-    }), l.enabled && /* @__PURE__ */ w("div", {
-      className: W.optionsContainer,
-      children: [
-        /* @__PURE__ */ i("button", {
-          type: "button",
-          className: `${W.option} ${l.value === null ? W.active : ""}`,
-          onClick: () => u(null),
-          children: o
         }),
-        /* @__PURE__ */ w("button", {
-          type: "button",
-          className: `${W.option} ${l.value === !0 ? W.active : ""}`,
-          onClick: () => u(!0),
-          children: [/* @__PURE__ */ i(Se, { size: 16 }), /* @__PURE__ */ i("span", { children: c })]
-        }),
-        /* @__PURE__ */ w("button", {
-          type: "button",
-          className: `${W.option} ${l.value === !1 ? W.active : ""}`,
-          onClick: () => u(!1),
-          children: [/* @__PURE__ */ i(be, { size: 16 }), /* @__PURE__ */ i("span", { children: d })]
-        })
-      ]
-    })]
-  });
-});
-vs.displayName = "ShowFilter";
-var gs = "styles-module__nbSelect___KjxSc", ys = "styles-module__selectButton___AKZe4", bs = "styles-module__primary___HU36a", Ss = "styles-module__open___9AKMb", ws = "styles-module__buttonText___QSLO1", Is = "styles-module__chevronIcon___qAHaD", Es = "styles-module__optionsPanel___NWAp3", Ns = "styles-module__expandDown___eD4lh", Cs = "styles-module__closed___bez-q", xs = "styles-module__collapseUp___dt1E7", Os = "styles-module__optionsList___AxhVp", Ts = "styles-module__option___t1SSw", Ms = "styles-module__selected___azD4A", R = {
-  nbSelect: gs,
-  selectButton: ys,
-  primary: bs,
-  open: Ss,
-  default: "styles-module__default___LedYP",
-  buttonText: ws,
-  chevronIcon: Is,
-  optionsPanel: Es,
-  expandDown: Ns,
-  closed: Cs,
-  collapseUp: xs,
-  optionsList: Os,
-  option: Ts,
-  selected: Ms
-}, zs = ({ value: l, options: e, getDisplayName: t, onChange: s, status: n = "primary" }) => {
-  const [r, o] = J(!1), c = te(null);
-  K(() => {
-    const a = (u) => {
-      c.current && !c.current.contains(u.target) && o(!1);
-    };
-    return document.addEventListener("mousedown", a), () => document.removeEventListener("mousedown", a);
-  }, []);
-  const d = (a) => {
-    s(a), o(!1);
-  };
-  return /* @__PURE__ */ w("div", {
-    className: R.nbSelect,
-    ref: c,
-    children: [/* @__PURE__ */ w("button", {
-      type: "button",
-      className: `${R.selectButton} ${R[n]}`,
-      onClick: () => o(!r),
-      "aria-expanded": r,
-      "aria-haspopup": "listbox",
-      children: [/* @__PURE__ */ i("span", {
-        className: R.buttonText,
-        children: t(l)
-      }), /* @__PURE__ */ i("svg", {
-        className: `${R.chevronIcon} ${r ? R.open : ""}`,
-        width: "16",
-        height: "16",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "2",
-        children: /* @__PURE__ */ i("path", {
-          d: "m6 9 6 6 6-6",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        })
-      })]
-    }), /* @__PURE__ */ i("div", {
-      className: `${R.optionsPanel} ${R[n]} ${r ? R.open : R.closed}`,
-      role: "listbox",
-      children: /* @__PURE__ */ i("ul", {
-        className: R.optionsList,
-        children: e.map((a) => /* @__PURE__ */ w("li", {
-          className: `${R.option} ${a === l ? R.selected : ""}`,
-          onClick: () => d(a),
-          role: "option",
-          "aria-selected": a === l,
-          children: [/* @__PURE__ */ i("span", { children: t(a) }), a === l && /* @__PURE__ */ i("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            children: /* @__PURE__ */ i("path", {
-              d: "M20 6L9 17l-5-5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
-            })
-          })]
-        }, a))
-      })
-    })]
-  });
-}, ie = D(zs);
-ie.displayName = "SlideDownSwitcher";
-var $s = D(({ status: l = "primary", getThemeDisplayName: e, handleChangeTheme: t }) => {
-  const { themeName: s, setTheme: n, availableThemes: r } = $e();
-  return /* @__PURE__ */ i(ie, {
-    value: s,
-    options: r,
-    getDisplayName: e ?? ((d) => d),
-    onChange: (d) => {
-      n(d), t?.(d);
-    },
-    status: l
-  });
-});
-$s.displayName = "ThemeSwitcher";
-var Ls = D(({ status: l = "primary", getLayoutDisplayName: e, handleChangeLayoutMode: t }) => {
-  const { layoutMode: s, setLayoutMode: n } = De();
-  return /* @__PURE__ */ i(ie, {
-    value: s,
-    options: Le,
-    getDisplayName: e ?? ((c) => c),
-    onChange: (c) => {
-      n(c), t?.(c);
-    },
-    status: l
-  });
-});
-Ls.displayName = "LayoutSwitcher";
-var Ds = "styles-module__sliderContainer___lgpaD", As = "styles-module__fullWidth___ZS8W5", Rs = "styles-module__labelRow___dkVVM", ks = "styles-module__label___bXGZs", Ws = "styles-module__required___FuyfE", Fs = "styles-module__sliderWrapper___1Wdti", Vs = "styles-module__sliderRoot___yzOjR", Bs = "styles-module__sliderTrackWrapper___N72WQ", js = "styles-module__sliderTrack___AltcD", Ps = "styles-module__sliderRange___U3g0-", qs = "styles-module__valueIndicator___aLf0I", Ks = "styles-module__iconWrapper___wL-b8", Gs = "styles-module__icon___vHsID", Hs = "styles-module__errorMessage___qFgGe", Xs = "styles-module__helperText___tgBGl", M = {
-  sliderContainer: Ds,
-  fullWidth: As,
-  labelRow: Rs,
-  label: ks,
-  required: Ws,
-  sliderWrapper: Fs,
-  sliderRoot: Vs,
-  sliderTrackWrapper: Bs,
-  sliderTrack: js,
-  sliderRange: Ps,
-  valueIndicator: qs,
-  iconWrapper: Ks,
-  icon: Gs,
-  errorMessage: Hs,
-  helperText: Xs
-}, de = 50, Us = D(ee(({ value: l, onChange: e, min: t = 0, max: s = 10, step: n = 1, showValue: r = !0, fullWidth: o = !1, label: c, error: d, helperText: a, required: u = !1, className: h = "", ...m }, _) => {
-  const [v, g] = J(l), p = te(null), [S, f] = J("middle"), b = ce(0), y = ce(0);
-  K(() => {
-    g(l);
-  }, [l]), je(b, "change", (N) => {
-    if (p.current) {
-      const { left: x, right: z } = p.current.getBoundingClientRect();
-      let T;
-      N < x ? (f("left"), T = x - N) : N > z ? (f("right"), T = N - z) : (f("middle"), T = 0), y.jump(Zs(T, de));
-    }
-  });
-  const E = (N) => {
-    if (N.buttons > 0 && p.current) {
-      const { left: x, width: z } = p.current.getBoundingClientRect();
-      let T = t + (N.clientX - x) / z * (s - t);
-      n > 0 && (T = Math.round(T / n) * n), T = Math.min(Math.max(T, t), s), g(T), e(T), b.jump(N.clientX);
-    }
-  }, I = (N) => {
-    E(N), N.currentTarget.setPointerCapture(N.pointerId);
-  }, A = () => {
-    Be(y, 0, {
-      type: "spring",
-      bounce: 0.5
-    });
-  }, G = () => {
-    const N = s - t;
-    return N === 0 ? 0 : (v - t) / N * 100;
-  };
-  return /* @__PURE__ */ w("div", {
-    ref: _,
-    className: [
-      M.sliderContainer,
-      o && M.fullWidth,
-      h
-    ].filter(Boolean).join(" "),
-    ...m,
-    children: [
-      c && /* @__PURE__ */ i("div", {
-        className: M.labelRow,
-        children: /* @__PURE__ */ w("label", {
-          className: M.label,
-          children: [c, u && /* @__PURE__ */ i("span", {
-            className: M.required,
-            children: "*"
-          })]
-        })
-      }),
-      /* @__PURE__ */ w(H.div, {
-        className: M.sliderWrapper,
-        children: [
-          /* @__PURE__ */ i(H.div, {
-            animate: {
-              scale: S === "left" ? [
-                1,
-                1.4,
-                1
-              ] : 1,
-              transition: { duration: 0.25 }
-            },
-            style: { x: X(() => S === "left" ? -y.get() : 0) },
-            className: M.iconWrapper,
-            children: /* @__PURE__ */ i(Oe, {
-              size: 20,
-              className: M.icon
-            })
-          }),
-          /* @__PURE__ */ i("div", {
-            ref: p,
-            className: M.sliderRoot,
-            onPointerMove: E,
-            onPointerDown: I,
-            onPointerUp: A,
-            children: /* @__PURE__ */ i(H.div, {
-              style: {
-                scaleX: X(() => {
-                  if (p.current) {
-                    const { width: N } = p.current.getBoundingClientRect();
-                    return 1 + y.get() / N;
-                  }
-                  return 1;
-                }),
-                scaleY: X(y, [0, de], [1, 0.8]),
-                transformOrigin: X(() => {
-                  if (p.current) {
-                    const { left: N, width: x } = p.current.getBoundingClientRect();
-                    return b.get() < N + x / 2 ? "right" : "left";
-                  }
-                  return "center";
+        /* @__PURE__ */ b(X, {
+          title: r("labels.layoutAndType"),
+          children: [
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.radius")
+              }), /* @__PURE__ */ o(j, {
+                className: L.controlFit,
+                children: /* @__PURE__ */ o(M.Root, {
+                  size: "2",
+                  value: n.radius,
+                  onValueChange: (l) => d({ radius: l }),
+                  children: ye.map((l) => /* @__PURE__ */ o(M.Item, {
+                    value: l,
+                    children: i(Ie[l])
+                  }, l))
                 })
-              },
-              className: M.sliderTrackWrapper,
-              children: /* @__PURE__ */ i("div", {
-                className: M.sliderTrack,
-                children: /* @__PURE__ */ i(H.div, {
-                  className: M.sliderRange,
-                  initial: !1,
-                  animate: { width: `${G()}%` },
-                  transition: {
-                    type: "spring",
-                    stiffness: 300,
-                    damping: 30
-                  }
+              })]
+            }),
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.scaling")
+              }), /* @__PURE__ */ o(j, {
+                className: L.controlFit,
+                children: /* @__PURE__ */ o(M.Root, {
+                  size: "2",
+                  value: n.scaling,
+                  onValueChange: (l) => d({ scaling: l }),
+                  children: ve.map((l) => /* @__PURE__ */ o(M.Item, {
+                    value: l,
+                    children: l
+                  }, l))
                 })
-              })
+              })]
+            }),
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.panelBackground")
+              }), /* @__PURE__ */ o(j, {
+                className: L.controlFit,
+                children: /* @__PURE__ */ o(M.Root, {
+                  size: "2",
+                  value: n.panelBackground,
+                  onValueChange: (l) => d({ panelBackground: l }),
+                  children: ge.map((l) => /* @__PURE__ */ o(M.Item, {
+                    value: l,
+                    children: l
+                  }, l))
+                })
+              })]
+            }),
+            /* @__PURE__ */ b(_, {
+              direction: "column",
+              gap: "2",
+              width: "100%",
+              align: "start",
+              children: [/* @__PURE__ */ o(x, {
+                size: "1",
+                weight: "medium",
+                color: "gray",
+                children: r("labels.font")
+              }), /* @__PURE__ */ o(j, {
+                className: L.controlFit,
+                children: /* @__PURE__ */ o(M.Root, {
+                  size: "2",
+                  value: n.fontFamily,
+                  onValueChange: (l) => d({ fontFamily: l }),
+                  children: _e.map((l) => /* @__PURE__ */ o(M.Item, {
+                    value: l,
+                    children: r(nt[l])
+                  }, l))
+                })
+              })]
             })
-          }),
-          /* @__PURE__ */ i(H.div, {
-            animate: {
-              scale: S === "right" ? [
-                1,
-                1.4,
-                1
-              ] : 1,
-              transition: { duration: 0.25 }
-            },
-            style: { x: X(() => S === "right" ? y.get() : 0) },
-            className: M.iconWrapper,
-            children: /* @__PURE__ */ i(Ne, {
-              size: 20,
-              className: M.icon
+          ]
+        }),
+        /* @__PURE__ */ o(X, {
+          title: r("labels.livePreview"),
+          children: /* @__PURE__ */ o(Fe, {
+            appearance: c,
+            accentColor: n.accent,
+            grayColor: n.gray,
+            radius: n.radius,
+            scaling: n.scaling,
+            panelBackground: n.panelBackground,
+            hasBackground: !0,
+            className: L.previewTheme,
+            children: /* @__PURE__ */ o(ee, {
+              size: "2",
+              children: /* @__PURE__ */ b(_, {
+                direction: "column",
+                gap: "3",
+                children: [
+                  /* @__PURE__ */ b(_, {
+                    align: "center",
+                    justify: "between",
+                    children: [/* @__PURE__ */ o(J, {
+                      size: "4",
+                      children: "NFX"
+                    }), /* @__PURE__ */ o(Ce, {
+                      size: "1",
+                      children: r("labels.previewBadge")
+                    })]
+                  }),
+                  /* @__PURE__ */ b(_, {
+                    gap: "2",
+                    wrap: "wrap",
+                    children: [/* @__PURE__ */ o(G, {
+                      size: "2",
+                      children: r("labels.previewSolid")
+                    }), /* @__PURE__ */ o(G, {
+                      size: "2",
+                      variant: "soft",
+                      children: r("labels.previewSoft")
+                    })]
+                  }),
+                  /* @__PURE__ */ o(De.Root, {
+                    size: "2",
+                    placeholder: r("labels.sampleInput")
+                  }),
+                  /* @__PURE__ */ b(_, {
+                    align: "center",
+                    gap: "2",
+                    children: [/* @__PURE__ */ o(Re, {
+                      size: "2",
+                      defaultChecked: !0
+                    }), /* @__PURE__ */ o(x, {
+                      size: "2",
+                      children: r("labels.notifications")
+                    })]
+                  })
+                ]
+              })
             })
-          }),
-          r && !c && /* @__PURE__ */ i("span", {
-            className: M.valueIndicator,
-            children: Math.round(v)
           })
-        ]
-      }),
-      d && /* @__PURE__ */ i("p", {
-        className: M.errorMessage,
-        children: d
-      }),
-      a && !d && /* @__PURE__ */ i("p", {
-        className: M.helperText,
-        children: a
-      })
-    ]
-  });
-}));
-function Zs(l, e) {
-  if (e === 0) return 0;
-  const t = l / e;
-  return 2 * (1 / (1 + Math.exp(-t)) - 0.5) * e;
-}
-Us.displayName = "Slider";
-var Ys = "styles-module__loadingContainer___OMgwS", Js = "styles-module__loadingText___KRZqR", Qs = "styles-module__errorContainer___qhAg2", en = "styles-module__errorIconWrapper___IHZrN", tn = "styles-module__pulse___Lju-z", sn = "styles-module__errorIcon___oGDIP", nn = "styles-module__errorContent___F55rQ", rn = "styles-module__errorTitle___hC8D-", ln = "styles-module__errorDescription___hZtuP", on = "styles-module__errorDetailsWrapper___-sp8b", an = "styles-module__errorDetailsContainer___eywMo", cn = "styles-module__errorDetailsSummary___hGEoD", dn = "styles-module__errorDetails___tzCT-", un = "styles-module__errorActions___gtqYw", hn = "styles-module__retryButton___TA4jm", _n = "styles-module__retryButtonIcon___vzfp-", mn = "styles-module__clearLocalDataButton___T3B-K", $ = {
-  loadingContainer: Ys,
-  loadingText: Js,
-  errorContainer: Qs,
-  errorIconWrapper: en,
-  pulse: tn,
-  errorIcon: sn,
-  errorContent: nn,
-  errorTitle: rn,
-  errorDescription: ln,
-  errorDetailsWrapper: on,
-  errorDetailsContainer: an,
-  errorDetailsSummary: cn,
-  errorDetails: dn,
-  errorActions: un,
-  retryButton: hn,
-  retryButtonIcon: _n,
-  clearLocalDataButton: mn
-}, fn = class extends ke {
-  state = {
-    hasError: !1,
-    error: null
-  };
-  static getDerivedStateFromError(l) {
-    return {
-      hasError: !0,
-      error: l
-    };
-  }
-  componentDidCatch(l) {
-  }
-  handleReset = () => {
-    this.setState({
-      hasError: !1,
-      error: null
-    }, () => {
-      this.props.onReset?.();
-    });
-  };
-  render() {
-    return this.state.hasError ? this.props.fallbackRender({
-      error: this.state.error,
-      retry: this.handleReset
-    }) : this.props.children;
-  }
-}, me = D(({ fallback: l, loadingType: e = "ecg", loadingShape: t = "square", loadingText: s = "Loading...", loadingSize: n = "medium", loadingContainerClassName: r, loadingTextClassName: o, loadingClassName: c }) => {
-  if (l) return /* @__PURE__ */ i(_e, { children: l });
-  const d = () => {
-    switch (e) {
-      case "ecg":
-        return /* @__PURE__ */ i(ae, {
-          size: n,
-          className: c
-        });
-      case "truck":
-        return /* @__PURE__ */ i(Ae, {
-          size: n,
-          className: c
-        });
-      case "bounce":
-        return /* @__PURE__ */ i(Re, {
-          size: n,
-          shape: t,
-          className: c
-        });
-      default:
-        return /* @__PURE__ */ i(ae, {
-          size: n,
-          className: c
-        });
-    }
-  };
-  return /* @__PURE__ */ w("div", {
-    className: `${$.loadingContainer} ${r || ""}`,
-    children: [d(), /* @__PURE__ */ i("p", {
-      className: `${$.loadingText} ${o || ""}`,
-      children: s
-    })]
-  });
-});
-me.displayName = "LoadingFallback";
-var fe = D(({ error: l, retry: e, errorFallback: t, errorTitle: s = "Error", errorDescription: n = "Something went wrong. Please try again.", retryText: r = "Retry", errorDetailsText: o = "Details", clearLocalDataText: c = "Clear local data", onClearLocalData: d, errorContainerClassName: a, errorDetailsClassName: u, showErrorDetails: h = !1 }) => {
-  const m = () => {
-    try {
-      sessionStorage.clear();
-    } catch {
-    } finally {
-      d?.();
-    }
-  };
-  return t ? /* @__PURE__ */ i(_e, { children: t({
-    error: l,
-    retry: e
-  }) }) : /* @__PURE__ */ w("div", {
-    className: `${$.errorContainer} ${a || ""}`,
-    children: [/* @__PURE__ */ i("div", {
-      className: $.errorIconWrapper,
-      children: /* @__PURE__ */ i(Te, {
-        className: $.errorIcon,
-        size: 64
-      })
-    }), /* @__PURE__ */ w("div", {
-      className: $.errorContent,
-      children: [
-        /* @__PURE__ */ i("h3", {
-          className: $.errorTitle,
-          children: s
         }),
-        /* @__PURE__ */ i("p", {
-          className: $.errorDescription,
-          children: n
-        }),
-        h && l && /* @__PURE__ */ i("div", {
-          className: $.errorDetailsWrapper,
-          children: /* @__PURE__ */ w("details", {
-            className: $.errorDetailsContainer,
-            children: [/* @__PURE__ */ i("summary", {
-              className: $.errorDetailsSummary,
-              children: o
-            }), /* @__PURE__ */ i("pre", {
-              className: `${$.errorDetails} ${u || ""}`,
-              children: l.message
-            })]
+        /* @__PURE__ */ o(X, {
+          title: r("sections.language.title"),
+          children: /* @__PURE__ */ o(ne.Root, {
+            size: "1",
+            columns: "3",
+            gap: "2",
+            value: t,
+            onValueChange: (l) => s({ language: l }),
+            children: Object.values(k).map((l) => /* @__PURE__ */ o(ne.Item, {
+              value: l,
+              children: /* @__PURE__ */ b(_, {
+                direction: "column",
+                align: "center",
+                gap: "1",
+                width: "100%",
+                children: [/* @__PURE__ */ o(x, {
+                  size: "3",
+                  weight: "bold",
+                  children: rt[l]
+                }), /* @__PURE__ */ o(x, {
+                  size: "1",
+                  color: "gray",
+                  children: r(lt[l])
+                })]
+              })
+            }, l))
           })
-        }),
-        /* @__PURE__ */ w("div", {
-          className: $.errorActions,
-          children: [/* @__PURE__ */ w("button", {
-            type: "button",
-            className: $.retryButton,
-            onClick: e,
-            children: [/* @__PURE__ */ i("span", {
-              className: $.retryButtonIcon,
-              children: "↻"
-            }), /* @__PURE__ */ i("span", { children: r })]
-          }), /* @__PURE__ */ i("button", {
-            type: "button",
-            className: $.clearLocalDataButton,
-            onClick: m,
-            children: /* @__PURE__ */ i("span", { children: c })
-          })]
         })
       ]
-    })]
-  });
-});
-fe.displayName = "ErrorFallback";
-var pn = D(({ fallback: l, test: e, loadingType: t = "ecg", loadingShape: s = "square", loadingClassName: n, loadingText: r, loadingSize: o = "medium", loadingContainerClassName: c, loadingTextClassName: d, children: a, errorFallback: u, errorTitle: h, errorDescription: m, retryText: _, errorDetailsText: v, clearLocalDataText: g, onClearLocalData: p, errorContainerClassName: S, errorDetailsClassName: f, showErrorDetails: b = !1, ...y }) => /* @__PURE__ */ i(Pe, {
-  ...y,
-  children: ({ reset: E }) => /* @__PURE__ */ i(fn, {
-    onReset: E,
-    fallbackRender: ({ error: I, retry: A }) => /* @__PURE__ */ i(fe, {
-      error: I,
-      retry: A,
-      errorFallback: u,
-      errorTitle: h,
-      errorDescription: m,
-      retryText: _,
-      errorDetailsText: v,
-      clearLocalDataText: g,
-      onClearLocalData: p,
-      errorContainerClassName: S,
-      errorDetailsClassName: f,
-      showErrorDetails: b
-    }),
-    children: /* @__PURE__ */ i(We, {
-      fallback: /* @__PURE__ */ i(me, {
-        fallback: l,
-        loadingType: t,
-        loadingShape: s,
-        loadingText: r,
-        loadingSize: o,
-        loadingContainerClassName: c,
-        loadingTextClassName: d,
-        loadingClassName: n
-      }),
-      ...y,
-      children: e ? /* @__PURE__ */ i(vn, {}) : a
-    })
-  })
-}));
-pn.displayName = "Suspense";
-var vn = () => {
-  throw new Promise(() => {
-  });
-}, gn = "styles-module__wrapper___jXPV3", yn = "styles-module__fullWidth___eKyGB", bn = "styles-module__label___MyTeo", Sn = "styles-module__required___TV-m8", wn = "styles-module__inputContainer___VvGBl", In = "styles-module__textarea___AjX9N", En = "styles-module__small___zMx0G", Nn = "styles-module__medium___tO2Lb", Cn = "styles-module__large___3eU2g", xn = "styles-module__filled___TPQgI", On = "styles-module__leftIcon___FHp2R", Tn = "styles-module__rightIcon___dkyvP", Mn = "styles-module__error___d8gLK", zn = "styles-module__disabled___IzbfE", $n = "styles-module__errorText___Nom7x", Ln = "styles-module__helperText___97Def", L = {
-  wrapper: gn,
-  fullWidth: yn,
-  label: bn,
-  required: Sn,
-  inputContainer: wn,
-  textarea: In,
-  small: En,
-  medium: Nn,
-  large: Cn,
-  default: "styles-module__default___vsSxX",
-  filled: xn,
-  leftIcon: On,
-  rightIcon: Tn,
-  error: Mn,
-  disabled: zn,
-  errorText: $n,
-  helperText: Ln
-}, Dn = ee(({ label: l, error: e, helperText: t, leftIcon: s, rightIcon: n, size: r = "medium", variant: o = "default", fullWidth: c = !1, className: d = "", disabled: a, ...u }, h) => {
-  const m = [
-    L.textarea,
-    L[r],
-    L[o],
-    e && L.error,
-    a && L.disabled,
-    d
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ w("div", {
-    className: [L.wrapper, c && L.fullWidth].filter(Boolean).join(" "),
-    children: [
-      l && /* @__PURE__ */ w("label", {
-        className: L.label,
-        children: [l, u.required && /* @__PURE__ */ i("span", {
-          className: L.required,
-          children: "*"
-        })]
-      }),
-      /* @__PURE__ */ w("div", {
-        className: L.inputContainer,
+    }), /* @__PURE__ */ o(ee, {
+      size: "2",
+      children: /* @__PURE__ */ b(_, {
+        align: "center",
+        justify: "end",
+        gap: "2",
+        wrap: "wrap",
         children: [
-          s && /* @__PURE__ */ i("div", {
-            className: L.leftIcon,
-            children: s
-          }),
-          /* @__PURE__ */ i("textarea", {
-            ref: h,
-            className: m,
-            disabled: a,
-            ...u
+          m ? /* @__PURE__ */ o(x, {
+            size: "1",
+            color: "gray",
+            mr: "auto",
+            children: r("labels.unsavedChanges")
+          }) : null,
+          /* @__PURE__ */ b(G, {
+            type: "button",
+            variant: "soft",
+            color: "gray",
+            size: "2",
+            onClick: () => a(q(e)),
+            disabled: !m || h,
+            children: [/* @__PURE__ */ o($, {
+              icon: je,
+              size: 14
+            }), r("actions.reset")]
           }),
-          n && /* @__PURE__ */ i("div", {
-            className: L.rightIcon,
-            children: n
+          /* @__PURE__ */ b(G, {
+            type: "button",
+            size: "2",
+            disabled: !m || h,
+            onClick: () => {
+              u(!0);
+              try {
+                s({ theme: { ...n } });
+              } finally {
+                u(!1);
+              }
+            },
+            children: [/* @__PURE__ */ o($, {
+              icon: ke,
+              size: 14
+            }), r("actions.saveTheme")]
           })
         ]
-      }),
-      e && /* @__PURE__ */ i("span", {
-        className: L.errorText,
-        children: e
-      }),
-      t && !e && /* @__PURE__ */ i("span", {
-        className: L.helperText,
-        children: t
       })
-    ]
+    })]
+  });
+}
+function os({ children: r, loadingText: e = "Loading" }) {
+  return /* @__PURE__ */ o(Oe, {
+    fallback: /* @__PURE__ */ b(_, {
+      align: "center",
+      justify: "center",
+      gap: "3",
+      p: "6",
+      minHeight: "200px",
+      children: [/* @__PURE__ */ o(Le, {}), /* @__PURE__ */ o(x, {
+        size: "2",
+        color: "gray",
+        children: e
+      })]
+    }),
+    children: r
   });
+}
+var ot = Y(({ name: r, ...e }) => {
+  const t = me[r];
+  return t ? /* @__PURE__ */ o(t, { ...e }) : (console.warn(`Icon "${r}" not found in lucide-react`), null);
 });
-Dn.displayName = "Textarea";
-function An(l, e, t) {
-  const s = new Array(l);
-  return new Proxy(s, { get(n, r, o) {
-    if (typeof r == "string") {
-      const c = r.charCodeAt(0);
-      if (c >= 48 && c <= 57) {
-        const d = +r;
-        if (Number.isInteger(d) && d >= 0 && d < l) {
-          let a = n[d];
-          if (!a) {
-            const u = e[d * 2];
-            a = n[d] = {
-              index: d,
-              key: t(d),
-              start: u,
-              size: e[d * 2 + 1],
-              end: u + e[d * 2 + 1],
+ot.displayName = "Icon";
+function at(r, e, t) {
+  const s = new Array(r);
+  return new Proxy(s, { get(i, n, a) {
+    if (typeof n == "string") {
+      const h = n.charCodeAt(0);
+      if (h >= 48 && h <= 57) {
+        const u = +n;
+        if (Number.isInteger(u) && u >= 0 && u < r) {
+          let m = i[u];
+          if (!m) {
+            const d = e[u * 2];
+            m = i[u] = {
+              index: u,
+              key: t(u),
+              start: d,
+              size: e[u * 2 + 1],
+              end: d + e[u * 2 + 1],
               lane: 0
             };
           }
-          return a;
+          return m;
         }
       }
-      if (r === "length") return l;
+      if (n === "length") return r;
     }
-    return Reflect.get(n, r, o);
+    return Reflect.get(i, n, a);
   } });
 }
-function P(l, e, t) {
-  let s = t.initialDeps ?? [], n, r = !0;
-  function o() {
-    var c;
-    const d = process.env.NODE_ENV !== "production" && !!t.key && !!((c = t.debug) != null && c.call(t));
-    let a = 0;
-    d && (a = Date.now());
-    const u = l();
-    if (!(u.length !== s.length || u.some((m, _) => s[_] !== m))) return n;
-    s = u;
-    let h = 0;
-    if (d && (h = Date.now()), n = e(...u), d) {
-      const m = Math.round((Date.now() - a) * 100) / 100, _ = Math.round((Date.now() - h) * 100) / 100, v = _ / 16, g = (p, S) => {
-        for (p = String(p); p.length < S; ) p = " " + p;
-        return p;
+function W(r, e, t) {
+  let s = t.initialDeps ?? [], i, n = !0;
+  function a() {
+    var h;
+    const u = process.env.NODE_ENV !== "production" && !!t.key && !!((h = t.debug) != null && h.call(t));
+    let m = 0;
+    u && (m = Date.now());
+    const d = r();
+    if (!(d.length !== s.length || d.some((l, g) => s[g] !== l))) return i;
+    s = d;
+    let c = 0;
+    if (u && (c = Date.now()), i = e(...d), u) {
+      const l = Math.round((Date.now() - m) * 100) / 100, g = Math.round((Date.now() - c) * 100) / 100, S = g / 16, y = (f, p) => {
+        for (f = String(f); f.length < p; ) f = " " + f;
+        return f;
       };
-      console.info(`%c⏱ ${g(_, 5)} /${g(m, 5)} ms`, `
+      console.info(`%c⏱ ${y(g, 5)} /${y(l, 5)} ms`, `
             font-size: .6rem;
             font-weight: bold;
-            color: hsl(${Math.max(0, Math.min(120 - 120 * v, 120))}deg 100% 31%);`, t?.key);
+            color: hsl(${Math.max(0, Math.min(120 - 120 * S, 120))}deg 100% 31%);`, t?.key);
     }
-    return t?.onChange && !(r && t.skipInitialOnChange) && t.onChange(n), r = !1, n;
+    return t?.onChange && !(n && t.skipInitialOnChange) && t.onChange(i), n = !1, i;
   }
-  return o.updateDeps = (c) => {
-    s = c;
-  }, o;
+  return a.updateDeps = (h) => {
+    s = h;
+  }, a;
 }
-function ue(l, e) {
-  if (l === void 0) throw new Error(`Unexpected undefined${e ? `: ${e}` : ""}`);
-  return l;
+function ae(r, e) {
+  if (r === void 0) throw new Error(`Unexpected undefined${e ? `: ${e}` : ""}`);
+  return r;
 }
-var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
+var ct = (r, e) => Math.abs(r - e) < 1.01, ht = (r, e, t) => {
   let s;
-  return function(...n) {
-    l.clearTimeout(s), s = l.setTimeout(() => e.apply(this, n), t);
-  };
-}, Z, se = () => {
-  if (Z !== void 0) return Z;
-  if (typeof navigator > "u") return Z = !1;
-  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return Z = !0;
-  const l = navigator.maxTouchPoints;
-  return Z = navigator.platform === "MacIntel" && l !== void 0 && l > 0;
-}, he = (l) => {
-  const { offsetWidth: e, offsetHeight: t } = l;
+  return Object.assign(function(...i) {
+    r.clearTimeout(s), s = r.setTimeout(() => e.apply(this, i), t);
+  }, { cancel: () => {
+    r.clearTimeout(s);
+  } });
+}, H, Z = () => {
+  if (H !== void 0) return H;
+  if (typeof navigator > "u") return H = !1;
+  if (/iP(hone|od|ad)/.test(navigator.userAgent)) return H = !0;
+  const r = navigator.maxTouchPoints;
+  return H = navigator.platform === "MacIntel" && r !== void 0 && r > 0;
+}, ce = (r) => {
+  const { offsetWidth: e, offsetHeight: t } = r;
   return {
     width: e,
     height: t
   };
-}, Wn = (l) => l, Fn = (l) => {
-  const e = Math.max(l.startIndex - l.overscan, 0), t = Math.min(l.endIndex + l.overscan, l.count - 1) - e + 1, s = new Array(t);
-  for (let n = 0; n < t; n++) s[n] = e + n;
+}, dt = (r) => r, ut = (r) => {
+  const e = Math.max(r.startIndex - r.overscan, 0), t = Math.min(r.endIndex + r.overscan, r.count - 1) - e + 1, s = new Array(t);
+  for (let i = 0; i < t; i++) s[i] = e + i;
   return s;
-}, Vn = (l, e) => {
-  const t = l.scrollElement;
+}, ft = (r, e) => {
+  const t = r.scrollElement;
   if (!t) return;
-  const s = l.targetWindow;
+  const s = r.targetWindow;
   if (!s) return;
-  const n = (o) => {
-    const { width: c, height: d } = o;
+  const i = (a) => {
+    const { width: h, height: u } = a;
     e({
-      width: Math.round(c),
-      height: Math.round(d)
+      width: Math.round(h),
+      height: Math.round(u)
     });
   };
-  if (n(he(t)), !s.ResizeObserver) return () => {
+  if (i(ce(t)), !s.ResizeObserver) return () => {
   };
-  const r = new s.ResizeObserver((o) => {
-    const c = () => {
-      const d = o[0];
-      if (d?.borderBoxSize) {
-        const a = d.borderBoxSize[0];
-        if (a) {
-          n({
-            width: a.inlineSize,
-            height: a.blockSize
+  const n = new s.ResizeObserver((a) => {
+    const h = () => {
+      const u = a[0];
+      if (u?.borderBoxSize) {
+        const m = u.borderBoxSize[0];
+        if (m) {
+          i({
+            width: m.inlineSize,
+            height: m.blockSize
           });
           return;
         }
       }
-      n(he(t));
+      i(ce(t));
     };
-    l.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(c) : c();
+    r.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(h) : h();
   });
-  return r.observe(t, { box: "border-box" }), () => {
-    r.unobserve(t);
+  return n.observe(t, { box: "border-box" }), () => {
+    n.unobserve(t);
   };
-}, Q = { passive: !0 }, Bn = (l, e) => {
-  const t = l.scrollElement;
+}, K = { passive: !0 }, mt = (r, e) => {
+  const t = r.scrollElement;
   if (!t) return;
   const s = () => {
     e({
@@ -1107,67 +695,67 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       height: t.innerHeight
     });
   };
-  return s(), t.addEventListener("resize", s, Q), () => {
+  return s(), t.addEventListener("resize", s, K), () => {
     t.removeEventListener("resize", s);
   };
-}, jn = typeof window > "u" ? !0 : "onscrollend" in window, pe = (l, e, t) => {
-  const s = l.scrollElement;
+}, gt = typeof window > "u" ? !0 : "onscrollend" in window, he = (r, e, t) => {
+  const s = r.scrollElement;
   if (!s) return;
-  const n = l.targetWindow;
-  if (!n) return;
-  const r = l.options.useScrollendEvent && jn;
-  let o = 0;
-  const c = r ? null : kn(n, () => e(o, !1), l.options.isScrollingResetDelay), d = (h) => () => {
-    o = t(s), c?.(), e(o, h);
-  }, a = d(!0), u = d(!1);
-  return s.addEventListener("scroll", a, Q), r && s.addEventListener("scrollend", u, Q), () => {
-    s.removeEventListener("scroll", a), r && s.removeEventListener("scrollend", u);
+  const i = r.targetWindow;
+  if (!i) return;
+  const n = r.options.useScrollendEvent && gt;
+  let a = 0;
+  const h = n ? null : ht(i, () => e(a, !1), r.options.isScrollingResetDelay), u = (c) => () => {
+    a = t(s), h?.(), e(a, c);
+  }, m = u(!0), d = u(!1);
+  return s.addEventListener("scroll", m, K), n && s.addEventListener("scrollend", d, K), () => {
+    s.removeEventListener("scroll", m), n && s.removeEventListener("scrollend", d), h?.cancel();
   };
-}, Pn = (l, e) => pe(l, e, (t) => {
-  const { horizontal: s, isRtl: n } = l.options;
-  return s ? t.scrollLeft * (n && -1 || 1) : t.scrollTop;
-}), qn = (l, e) => pe(l, e, (t) => l.options.horizontal ? t.scrollX : t.scrollY), Kn = (l, e, t) => {
+}, pt = (r, e) => he(r, e, (t) => {
+  const { horizontal: s, isRtl: i } = r.options;
+  return s ? t.scrollLeft * (i && -1 || 1) : t.scrollTop;
+}), vt = (r, e) => he(r, e, (t) => r.options.horizontal ? t.scrollX : t.scrollY), _t = (r, e, t) => {
   if (t.options.useCachedMeasurements) {
-    const s = t.indexFromElement(l), n = t.options.getItemKey(s);
-    return t.itemSizeCache.get(n) ?? t.options.estimateSize(s);
+    const s = t.indexFromElement(r), i = t.options.getItemKey(s);
+    return t.itemSizeCache.get(i) ?? t.options.estimateSize(s);
   }
   if (e?.borderBoxSize) {
     const s = e.borderBoxSize[0];
     if (s) return Math.round(s[t.options.horizontal ? "inlineSize" : "blockSize"]);
   }
   if (!e) {
-    const s = t.indexFromElement(l), n = t.options.getItemKey(s), r = t.itemSizeCache.get(n);
-    if (r !== void 0) return r;
+    const s = t.indexFromElement(r), i = t.options.getItemKey(s), n = t.itemSizeCache.get(i);
+    if (n !== void 0) return n;
   }
-  return l[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, ve = (l, { adjustments: e = 0, behavior: t }, s) => {
-  var n, r;
-  (r = (n = s.scrollElement) == null ? void 0 : n.scrollTo) == null || r.call(n, {
-    [s.options.horizontal ? "left" : "top"]: l + e,
+  return r[t.options.horizontal ? "offsetWidth" : "offsetHeight"];
+}, de = (r, { adjustments: e = 0, behavior: t }, s) => {
+  var i, n;
+  (n = (i = s.scrollElement) == null ? void 0 : i.scrollTo) == null || n.call(i, {
+    [s.options.horizontal ? "left" : "top"]: r + e,
     behavior: t
   });
-}, Gn = ve, Hn = ve, Xn = class {
-  constructor(l) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._flatMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
+}, St = de, yt = de, bt = class {
+  constructor(r) {
+    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.scrollState = null, this.measurementsCache = [], this._flatMeasurements = null, this.itemSizeCache = /* @__PURE__ */ new Map(), this.itemSizeCacheVersion = 0, this.laneAssignments = /* @__PURE__ */ new Map(), this.pendingMin = null, this.prevLanes = void 0, this.lanesChangedFlag = !1, this.lanesSettling = !1, this.pendingScrollAnchor = null, this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._intendedScrollOffset = null, this._clampedAdjustment = null, this.elementsCache = /* @__PURE__ */ new Map(), this.now = () => {
       var e, t, s;
       return ((s = (t = (e = this.targetWindow) == null ? void 0 : e.performance) == null ? void 0 : t.now) == null ? void 0 : s.call(t)) ?? Date.now();
     }, this.observer = /* @__PURE__ */ (() => {
       let e = null;
       const t = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((s) => {
-        s.forEach((n) => {
-          const r = () => {
-            const o = n.target, c = this.indexFromElement(o);
-            if (!o.isConnected) {
-              this.observer.unobserve(o);
-              for (const [d, a] of this.elementsCache) if (a === o) {
-                this.elementsCache.delete(d);
+        s.forEach((i) => {
+          const n = () => {
+            const a = i.target, h = this.indexFromElement(a);
+            if (!a.isConnected) {
+              this.observer.unobserve(a);
+              for (const [u, m] of this.elementsCache) if (m === a) {
+                this.elementsCache.delete(u);
                 break;
               }
               return;
             }
-            this.shouldMeasureDuringScroll(c) && this.resizeItem(c, this.options.measureElement(o, n, this));
+            this.isIndexInRange(h) && this.shouldMeasureDuringScroll(h) && this.resizeItem(h, this.options.measureElement(a, i, this));
           };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(r) : r();
+          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
         });
       }));
       return {
@@ -1176,17 +764,17 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
           (s = t()) == null || s.disconnect(), e = null;
         },
         observe: (s) => {
-          var n;
-          return (n = t()) == null ? void 0 : n.observe(s, { box: "border-box" });
+          var i;
+          return (i = t()) == null ? void 0 : i.observe(s, { box: "border-box" });
         },
         unobserve: (s) => {
-          var n;
-          return (n = t()) == null ? void 0 : n.unobserve(s);
+          var i;
+          return (i = t()) == null ? void 0 : i.unobserve(s);
         }
       };
     })(), this.range = null, this.setOptions = (e) => {
       var t, s;
-      const n = {
+      const i = {
         debug: !1,
         initialOffset: 0,
         overscan: 1,
@@ -1195,11 +783,11 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
         scrollPaddingStart: 0,
         scrollPaddingEnd: 0,
         horizontal: !1,
-        getItemKey: Wn,
-        rangeExtractor: Fn,
+        getItemKey: dt,
+        rangeExtractor: ut,
         onChange: () => {
         },
-        measureElement: Kn,
+        measureElement: _t,
         initialRect: {
           width: 0,
           height: 0
@@ -1220,46 +808,46 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
         laneAssignmentMode: "estimate",
         useCachedMeasurements: !1
       };
-      for (const h in e) {
-        const m = e[h];
-        m !== void 0 && (n[h] = m);
+      for (const c in e) {
+        const l = e[c];
+        l !== void 0 && (i[c] = l);
       }
-      const r = this.options;
-      let o = null, c = null, d = !1;
-      if (r !== void 0 && r.enabled && n.enabled && n.anchorTo === "end" && this.scrollElement !== null) {
-        const h = r.count, m = n.count, _ = this.getMeasurements(), v = h > 0 ? ((t = _[0]) == null ? void 0 : t.key) ?? r.getItemKey(0) : null, g = h > 0 ? ((s = _[h - 1]) == null ? void 0 : s.key) ?? r.getItemKey(h - 1) : null;
-        if (m !== h || h > 0 && m > 0 && (n.getItemKey(0) !== v || n.getItemKey(m - 1) !== g)) {
-          d = !0;
-          const p = h > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? _[0] : null;
-          p && (o = [p.key, this.getScrollOffset() - p.start]);
-          const S = n.followOnAppend === !0 ? "auto" : n.followOnAppend || null;
-          S && m > h && this.isAtEnd(r.scrollEndThreshold) && (h === 0 || n.getItemKey(m - 1) !== g) && (c = S);
+      const n = this.options;
+      let a = null, h = null, u = !1;
+      if (n !== void 0 && n.enabled && i.enabled && i.anchorTo === "end" && this.scrollElement !== null) {
+        const c = n.count, l = i.count, g = this.getMeasurements(), S = c > 0 ? ((t = g[0]) == null ? void 0 : t.key) ?? n.getItemKey(0) : null, y = c > 0 ? ((s = g[c - 1]) == null ? void 0 : s.key) ?? n.getItemKey(c - 1) : null;
+        if (l !== c || c > 0 && l > 0 && (i.getItemKey(0) !== S || i.getItemKey(l - 1) !== y)) {
+          u = !0;
+          const f = c > 0 ? this.getVirtualItemForOffset(this.getScrollOffset()) ?? g[0] : null;
+          f && (a = [f.key, this.getScrollOffset() - f.start]);
+          const p = i.followOnAppend === !0 ? "auto" : i.followOnAppend || null;
+          p && l > c && this.isAtEnd(n.scrollEndThreshold) && (c === 0 || i.getItemKey(l - 1) !== y) && (h = p);
         }
       }
-      this.options = n, d && (this.pendingMin = 0, this.itemSizeCacheVersion++);
-      let a = !1, u = 0;
-      if (o && this.scrollOffset !== null) {
-        const [h, m] = o, _ = this.getMeasurements(), { count: v, getItemKey: g } = this.options;
-        let p = 0;
-        for (; p < v && g(p) !== h; ) p++;
-        if (p < v) {
-          const S = _[p];
-          if (S) {
-            const f = S.start + m;
-            f !== this.scrollOffset && (u = f - this.scrollOffset, this.scrollOffset = f, a = !0);
+      this.options = i, u && (this.pendingMin = 0, this.itemSizeCacheVersion++);
+      let m = !1, d = 0;
+      if (a && this.scrollOffset !== null) {
+        const [c, l] = a, g = this.getMeasurements(), { count: S, getItemKey: y } = this.options;
+        let f = 0;
+        for (; f < S && y(f) !== c; ) f++;
+        if (f < S) {
+          const p = g[f];
+          if (p) {
+            const E = Math.max(0, p.start + l);
+            E !== this.scrollOffset && (d = E - this.scrollOffset, this.scrollOffset = E, m = !0);
           }
         }
       }
-      (a || c) && (this.pendingScrollAnchor = [
-        a ? o[0] : null,
-        a ? o[1] : 0,
-        c,
-        u
+      (m || h) && (this.pendingScrollAnchor = [
+        m ? a[0] : null,
+        m ? a[1] : 0,
+        h,
+        d
       ]);
     }, this.notify = (e) => {
       var t, s;
       (s = (t = this.options).onChange) == null || s.call(t, this, e);
-    }, this.maybeNotify = P(() => (this.calculateRange(), [
+    }, this.maybeNotify = W(() => (this.calculateRange(), [
       this.isScrolling,
       this.range ? this.range.startIndex : null,
       this.range ? this.range.endIndex : null
@@ -1274,7 +862,7 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
         this.range ? this.range.endIndex : null
       ]
     }), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.scrollElement = null, this.targetWindow = null;
+      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.rafId != null && this.targetWindow && (this.targetWindow.cancelAnimationFrame(this.rafId), this.rafId = null), this.scrollState = null, this.isScrolling = !1, this.scrollDirection = null, this._iosDeferredAdjustment = 0, this._iosTouching = !1, this._iosJustTouchEnded = !1, this._clampedAdjustment = null, this.scrollElement = null, this.targetWindow = null;
     }, this._didMount = () => () => {
       this.cleanup();
     }, this._willUpdate = () => {
@@ -1285,22 +873,25 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
           this.maybeNotify();
           return;
         }
-        if (this.scrollElement = t, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((n) => {
-          this.observer.observe(n);
-        }), this.unsubs.push(this.options.observeElementRect(this, (n) => {
-          this.scrollRect = n, this.maybeNotify();
-        })), this.unsubs.push(this.options.observeElementOffset(this, (n, r) => {
-          this._intendedScrollOffset !== null && Math.abs(n - this._intendedScrollOffset) < 1.5 && (n = this._intendedScrollOffset), this._intendedScrollOffset = null, this.scrollAdjustments = 0, this.scrollDirection = r ? this.getScrollOffset() < n ? "forward" : "backward" : null, this.scrollOffset = n, this.isScrolling = r, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
+        if (this.scrollElement = t, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((i) => {
+          this.observer.observe(i);
+        }), this.unsubs.push(this.options.observeElementRect(this, (i) => {
+          this.scrollRect = i, this.maybeNotify();
+        })), this.unsubs.push(this.options.observeElementOffset(this, (i, n) => {
+          if (n && this._intendedScrollOffset === null && i === this.scrollOffset) return;
+          this._intendedScrollOffset !== null && Math.abs(i - this._intendedScrollOffset) < 1.5 && (i = this._intendedScrollOffset), this._intendedScrollOffset = null, this._clampedAdjustment !== null && Math.abs(i - this._clampedAdjustment.maxAtWrite) >= 1.5 && (this._clampedAdjustment = null), this.scrollAdjustments = 0;
+          const a = this.getScrollOffset();
+          this.scrollDirection = n ? a === i ? this.scrollDirection : a < i ? "forward" : "backward" : null, this.scrollOffset = i, this.isScrolling = n, this._flushIosDeferredIfReady(), this.scrollState && this.scheduleScrollReconcile(), this.maybeNotify();
         })), "addEventListener" in this.scrollElement) {
-          const n = this.scrollElement, r = () => {
+          const i = this.scrollElement, n = () => {
             this._iosTouching = !0, this._iosJustTouchEnded = !1, this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
-          }, o = () => {
-            this._iosTouching = !1, !(!se() || this.targetWindow == null) && (this._iosJustTouchEnded = !0, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
+          }, a = () => {
+            this._iosTouching = !1, !(!Z() || this.targetWindow == null) && (this._iosJustTouchEnded = !0, this._iosTouchEndTimerId = this.targetWindow.setTimeout(() => {
               this._iosJustTouchEnded = !1, this._iosTouchEndTimerId = null, this._flushIosDeferredIfReady();
             }, 150));
           };
-          n.addEventListener("touchstart", r, Q), n.addEventListener("touchend", o, Q), this.unsubs.push(() => {
-            n.removeEventListener("touchstart", r), n.removeEventListener("touchend", o), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
+          i.addEventListener("touchstart", n, K), i.addEventListener("touchend", a, K), this.unsubs.push(() => {
+            i.removeEventListener("touchstart", n), i.removeEventListener("touchend", a), this._iosTouchEndTimerId !== null && this.targetWindow != null && (this.targetWindow.clearTimeout(this._iosTouchEndTimerId), this._iosTouchEndTimerId = null);
           });
         }
         this._scrollToOffset(this.getScrollOffset(), {
@@ -1310,122 +901,130 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       }
       const s = this.pendingScrollAnchor;
       if (this.pendingScrollAnchor = null, s && this.scrollElement && this.options.enabled) {
-        const [n, r, o, c] = s;
-        n !== null && !o && (se() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? c !== 0 && (this._iosDeferredAdjustment += c) : this._scrollToOffset(this.getScrollOffset(), {
+        const [i, n, a, h] = s;
+        i !== null && !a && (Z() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? h !== 0 && (this._iosDeferredAdjustment += h) : this._scrollToOffset(this.getScrollOffset(), {
           adjustments: void 0,
           behavior: void 0
-        })), o && this.scrollToEnd({ behavior: o });
+        })), a && this.scrollToEnd({ behavior: a });
       }
+      this._retryClampedAdjustment();
+    }, this._retryClampedAdjustment = () => {
+      if (this._clampedAdjustment === null || !this.scrollElement || !this.options.enabled) return;
+      const { target: e, maxAtWrite: t } = this._clampedAdjustment, s = this.getMaxScrollOffset();
+      s > t + 0.5 && (this._clampedAdjustment = e > s + 0.5 ? {
+        target: e,
+        maxAtWrite: s
+      } : null, this._scrollToOffset(e, {
+        adjustments: void 0,
+        behavior: void 0
+      }));
     }, this._flushIosDeferredIfReady = () => {
       if (this._iosDeferredAdjustment === 0 || this.isScrolling || this._iosTouching || this._iosJustTouchEnded) return;
       const e = this.getScrollOffset(), t = this.getMaxScrollOffset();
       if (e < 0 || e > t) return;
+      if (this._iosDeferredAdjustment < 0 && e >= t - 1) {
+        this._iosDeferredAdjustment = 0;
+        return;
+      }
       const s = this._iosDeferredAdjustment;
       this._iosDeferredAdjustment = 0, this._scrollToOffset(e, {
         adjustments: this.scrollAdjustments += s,
         behavior: void 0
       });
-    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, t) => {
-      const s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
-      for (let r = t - 1; r >= 0; r--) {
-        const o = e[r];
-        if (s.has(o.lane)) continue;
-        const c = n.get(o.lane);
-        if (c == null || o.end > c.end ? n.set(o.lane, o) : o.end < c.end && s.set(o.lane, !0), s.size === this.options.lanes) break;
-      }
-      return n.size === this.options.lanes ? Array.from(n.values()).sort((r, o) => r.end === o.end ? r.index - o.index : r.end - o.end)[0] : void 0;
-    }, this.getMeasurementOptions = P(() => [
+    }, this.rafId = null, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getMeasurementOptions = W(() => [
       this.options.count,
       this.options.paddingStart,
       this.options.scrollMargin,
       this.options.getItemKey,
       this.options.enabled,
       this.options.lanes,
-      this.options.laneAssignmentMode
-    ], (e, t, s, n, r, o, c) => (this.prevLanes !== void 0 && this.prevLanes !== o && (this.lanesChangedFlag = !0), this.prevLanes = o, this.pendingMin = null, {
+      this.options.laneAssignmentMode,
+      this.options.gap
+    ], (e, t, s, i, n, a, h, u) => (this.prevLanes !== void 0 && this.prevLanes !== a && (this.lanesChangedFlag = !0), this.prevLanes = a, this.pendingMin = null, {
       count: e,
       paddingStart: t,
       scrollMargin: s,
-      getItemKey: n,
-      enabled: r,
-      lanes: o,
-      laneAssignmentMode: c
-    }), { key: !1 }), this.getMeasurements = P(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: e, paddingStart: t, scrollMargin: s, getItemKey: n, enabled: r, lanes: o, laneAssignmentMode: c }, d) => {
-      const a = this.itemSizeCache;
-      if (!r)
+      getItemKey: i,
+      enabled: n,
+      lanes: a,
+      laneAssignmentMode: h,
+      gap: u
+    }), { key: !1 }), this.isIndexInRange = (e) => e >= 0 && e < this.options.count, this.getMeasurements = W(() => [this.getMeasurementOptions(), this.itemSizeCacheVersion], ({ count: e, paddingStart: t, scrollMargin: s, getItemKey: i, enabled: n, lanes: a, laneAssignmentMode: h, gap: u }, m) => {
+      const d = this.itemSizeCache;
+      if (!n)
         return this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), [];
       if (this.laneAssignments.size > e)
-        for (const _ of this.laneAssignments.keys()) _ >= e && this.laneAssignments.delete(_);
-      this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((_) => {
-        this.itemSizeCache.set(_.key, _.size);
+        for (const f of this.laneAssignments.keys()) f >= e && this.laneAssignments.delete(f);
+      this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMin = null), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((f) => {
+        this.itemSizeCache.set(f.key, f.size);
       }));
-      const u = this.lanesSettling ? 0 : this.pendingMin ?? 0;
-      if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1), o === 1) {
-        const _ = this.options.gap, v = e * 2;
-        let g = this._flatMeasurements;
-        if (!g || g.length < v) {
-          const f = new Float64Array(v);
-          g && u > 0 && f.set(g.subarray(0, u * 2)), g = f, this._flatMeasurements = g;
+      const c = this.lanesSettling ? 0 : this.pendingMin ?? 0;
+      if (this.pendingMin = null, this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1), a === 1) {
+        const f = e * 2;
+        let p = this._flatMeasurements;
+        if (!p || p.length < f) {
+          const v = new Float64Array(f);
+          p && c > 0 && v.set(p.subarray(0, c * 2)), p = v, this._flatMeasurements = p;
         }
-        let p;
-        if (u === 0) p = t + s;
+        let E;
+        if (c === 0) E = t + s;
         else {
-          const f = u - 1;
-          p = g[f * 2] + g[f * 2 + 1] + _;
+          const v = c - 1;
+          E = p[v * 2] + p[v * 2 + 1] + u;
         }
-        for (let f = u; f < e; f++) {
-          const b = n(f), y = a.get(b), E = typeof y == "number" ? y : this.options.estimateSize(f);
-          g[f * 2] = p, g[f * 2 + 1] = E, p += E + _;
+        for (let v = c; v < e; v++) {
+          const z = i(v), A = d.get(z), T = typeof A == "number" ? A : this.options.estimateSize(v);
+          p[v * 2] = E, p[v * 2 + 1] = T, E += T + u;
         }
-        const S = An(e, g, n);
-        return this.measurementsCache = S, S;
+        const w = at(e, p, i);
+        return this.measurementsCache = w, w;
       }
-      const h = this.measurementsCache.slice(0, u), m = new Array(o).fill(void 0);
-      for (let _ = 0; _ < u; _++) {
-        const v = h[_];
-        v && (m[v.lane] = _);
+      const l = this.measurementsCache.slice(0, c), g = new Array(a).fill(void 0), S = new Float64Array(a);
+      let y = 0;
+      for (let f = 0; f < c; f++) {
+        const p = l[f];
+        p && (g[p.lane] === void 0 && y++, g[p.lane] = f, S[p.lane] = p.end);
       }
-      for (let _ = u; _ < e; _++) {
-        const v = n(_), g = this.laneAssignments.get(_);
-        let p, S;
-        const f = c === "estimate" || a.has(v);
-        if (g !== void 0 && this.options.lanes > 1) {
-          p = g;
-          const I = m[p], A = I !== void 0 ? h[I] : void 0;
-          S = A ? A.end + this.options.gap : t + s;
-        } else {
-          const I = this.options.lanes === 1 ? h[_ - 1] : this.getFurthestMeasurement(h, _);
-          S = I ? I.end + this.options.gap : t + s, p = I ? I.lane : _ % this.options.lanes, this.options.lanes > 1 && f && this.laneAssignments.set(_, p);
-        }
-        const b = a.get(v), y = typeof b == "number" ? b : this.options.estimateSize(_), E = S + y;
-        h[_] = {
-          index: _,
-          start: S,
-          size: y,
-          end: E,
-          key: v,
-          lane: p
-        }, m[p] = _;
+      for (let f = c; f < e; f++) {
+        const p = i(f), E = this.laneAssignments.get(f);
+        let w, v;
+        const z = h === "estimate" || d.has(p);
+        if (E !== void 0 && this.options.lanes > 1) {
+          w = E;
+          const R = g[w], I = R !== void 0 ? l[R] : void 0;
+          v = I ? I.end + u : t + s;
+        } else if (y === a) {
+          let R = 0, I = S[0], O = g[0];
+          for (let C = 1; C < a; C++) {
+            const V = S[C];
+            (V < I || V === I && g[C] < O) && (R = C, I = V, O = g[C]);
+          }
+          w = R, v = I + u, z && this.laneAssignments.set(f, w);
+        } else
+          w = f % this.options.lanes, v = t + s, z && this.laneAssignments.set(f, w);
+        const A = d.get(p), T = typeof A == "number" ? A : this.options.estimateSize(f), N = v + T;
+        l[f] = {
+          index: f,
+          start: v,
+          size: T,
+          end: N,
+          key: p,
+          lane: w
+        }, g[w] === void 0 && y++, g[w] = f, S[w] = N;
       }
-      return this.measurementsCache = h, h;
+      return this.measurementsCache = l, l;
     }, {
       key: process.env.NODE_ENV !== "production" && "getMeasurements",
       debug: () => this.options.debug
-    }), this.calculateRange = P(() => [
+    }), this.calculateRange = W(() => [
       this.getMeasurements(),
       this.getSize(),
       this.getScrollOffset(),
       this.options.lanes
-    ], (e, t, s, n) => this.range = e.length > 0 && t > 0 ? Un({
-      measurements: e,
-      outerSize: t,
-      scrollOffset: s,
-      lanes: n,
-      flat: n === 1 && this._flatMeasurements != null ? this._flatMeasurements : null
-    }) : null, {
+    ], (e, t, s, i) => e.length === 0 || t === 0 ? (this.range = null, null) : (this.range = Et(e, t, s, i, i === 1 && this._flatMeasurements != null ? this._flatMeasurements : null), this.range), {
       key: process.env.NODE_ENV !== "production" && "calculateRange",
       debug: () => this.options.debug
-    }), this.getVirtualIndexes = P(() => {
+    }), this.getVirtualIndexes = W(() => {
       let e = null, t = null;
       const s = this.calculateRange();
       return s && (e = s.startIndex, t = s.endIndex), this.maybeNotify.updateDeps([
@@ -1439,9 +1038,9 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
         e,
         t
       ];
-    }, (e, t, s, n, r) => n === null || r === null ? [] : e({
-      startIndex: n,
-      endIndex: r,
+    }, (e, t, s, i, n) => i === null || n === null ? [] : e({
+      startIndex: i,
+      endIndex: n,
       overscan: t,
       count: s
     }), {
@@ -1455,48 +1054,52 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       if (!this.scrollState || this.scrollState.behavior !== "smooth") return !0;
       const s = this.scrollState.index ?? ((t = this.getVirtualItemForOffset(this.scrollState.lastTargetOffset)) == null ? void 0 : t.index);
       if (s !== void 0 && this.range) {
-        const n = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2)), r = Math.max(0, s - n), o = Math.min(this.options.count - 1, s + n);
-        return e >= r && e <= o;
+        const i = Math.max(this.options.overscan, Math.ceil((this.range.endIndex - this.range.startIndex) / 2)), n = Math.max(0, s - i), a = Math.min(this.options.count - 1, s + i);
+        return e >= n && e <= a;
       }
       return !0;
     }, this.measureElement = (e) => {
       if (!e) {
-        this.elementsCache.forEach((r, o) => {
-          r.isConnected || (this.observer.unobserve(r), this.elementsCache.delete(o));
+        this.elementsCache.forEach((n, a) => {
+          n.isConnected || (this.observer.unobserve(n), this.elementsCache.delete(a));
         });
         return;
       }
-      const t = this.indexFromElement(e), s = this.options.getItemKey(t), n = this.elementsCache.get(s);
-      n !== e && (n && this.observer.unobserve(n), this.observer.observe(e), this.elementsCache.set(s, e)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(t) && this.resizeItem(t, this.options.measureElement(e, void 0, this));
+      const t = this.indexFromElement(e);
+      if (!this.isIndexInRange(t)) return;
+      const s = this.options.getItemKey(t), i = this.elementsCache.get(s);
+      i !== e && (i && this.observer.unobserve(i), this.observer.observe(e), this.elementsCache.set(s, e)), (!this.isScrolling || this.scrollState) && this.shouldMeasureDuringScroll(t) && this.resizeItem(t, this.options.measureElement(e, void 0, this));
     }, this.resizeItem = (e, t) => {
-      var s, n;
-      if (e < 0 || e >= this.options.count) return;
-      let r, o, c;
-      const d = this._flatMeasurements;
-      if (this.options.lanes === 1 && d !== null)
-        c = this.options.getItemKey(e), o = d[e * 2], r = d[e * 2 + 1];
+      var s, i;
+      if (!this.isIndexInRange(e)) return;
+      let n, a, h;
+      const u = this._flatMeasurements;
+      if (this.options.lanes === 1 && u !== null)
+        h = this.options.getItemKey(e), a = u[e * 2], n = u[e * 2 + 1];
       else {
-        const u = this.measurementsCache[e];
-        if (!u) return;
-        c = u.key, o = u.start, r = u.size;
+        const c = this.measurementsCache[e];
+        if (!c) return;
+        h = c.key, a = c.start, n = c.size;
       }
-      const a = t - (this.itemSizeCache.get(c) ?? r);
-      if (a !== 0) {
-        const u = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, h = u ? this.getTotalSize() : 0, m = ((n = this.scrollState) == null ? void 0 : n.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e] ?? {
+      const m = this.itemSizeCache.get(h) ?? n, d = t - m;
+      if (d !== 0) {
+        const c = this.options.anchorTo === "end" && ((s = this.scrollState) == null ? void 0 : s.behavior) !== "smooth" && this.getVirtualDistanceFromEnd() <= this.options.scrollEndThreshold, l = c ? this.getTotalSize() : 0, g = this.getScrollOffset() + this.scrollAdjustments, S = this.itemSizeCache.has(h) ? a + m <= g && this.scrollDirection !== "backward" : a < g, y = ((i = this.scrollState) == null ? void 0 : i.behavior) !== "smooth" && (this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(this.measurementsCache[e] ?? {
           index: e,
-          key: c,
-          start: o,
-          size: r,
-          end: o + r,
+          key: h,
+          start: a,
+          size: n,
+          end: a + n,
           lane: 0
-        }, a, this) : o < this.getScrollOffset() + this.scrollAdjustments && this.scrollDirection !== "backward");
-        (this.pendingMin === null || e < this.pendingMin) && (this.pendingMin = e), this.itemSizeCache.set(c, t), this.itemSizeCacheVersion++, u ? this.applyScrollAdjustment(this.getTotalSize() - h) : m && this.applyScrollAdjustment(a), this.notify(!1);
+        }, d, this) : S);
+        (this.pendingMin === null || e < this.pendingMin) && (this.pendingMin = e), this.itemSizeCache.set(h, t), this.itemSizeCacheVersion++;
+        let f = !1;
+        c ? f = this.applyScrollAdjustment(this.getTotalSize() - l) : y && (f = this.applyScrollAdjustment(d)), this.notify(f), this._retryClampedAdjustment();
       }
-    }, this.getVirtualItems = P(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
+    }, this.getVirtualItems = W(() => [this.getVirtualIndexes(), this.getMeasurements()], (e, t) => {
       const s = [];
-      for (let n = 0, r = e.length; n < r; n++) {
-        const o = t[e[n]];
-        s.push(o);
+      for (let i = 0, n = e.length; i < n; i++) {
+        const a = t[e[i]];
+        s.push(a);
       }
       return s;
     }, {
@@ -1505,8 +1108,8 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
     }), this.getVirtualItemForOffset = (e) => {
       const t = this.getMeasurements();
       if (t.length === 0) return;
-      const s = this._flatMeasurements, n = this.options.lanes === 1 && s != null;
-      return ue(t[ge(0, t.length - 1, n ? (r) => s[r * 2] : (r) => ue(t[r]).start, e)]);
+      const s = this._flatMeasurements, i = this.options.lanes === 1 && s != null, n = ue(0, t.length - 1, i ? (a) => s[a * 2] : (a) => ae(t[a]).start, e);
+      return ae(t[n]);
     }, this.getMaxScrollOffset = () => {
       if (!this.scrollElement) return 0;
       if ("scrollHeight" in this.scrollElement) return this.options.horizontal ? this.scrollElement.scrollWidth - this.scrollElement.clientWidth : this.scrollElement.scrollHeight - this.scrollElement.clientHeight;
@@ -1516,56 +1119,58 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       }
     }, this.getVirtualDistanceFromEnd = () => Math.max(this.getTotalSize() - this.getSize() - this.getScrollOffset(), 0), this.getDistanceFromEnd = () => Math.max(this.getMaxScrollOffset() - this.getScrollOffset(), 0), this.isAtEnd = (e = this.options.scrollEndThreshold) => this.getDistanceFromEnd() <= e, this.getOffsetForAlignment = (e, t, s = 0) => {
       if (!this.scrollElement) return 0;
-      const n = this.getSize(), r = this.getScrollOffset();
-      t === "auto" && (t = e >= r + n ? "end" : "start"), t === "center" ? e += (s - n) / 2 : t === "end" && (e -= n);
-      const o = this.getMaxScrollOffset();
-      return Math.max(Math.min(o, e), 0);
+      const i = this.getSize(), n = this.getScrollOffset();
+      t === "auto" && (t = e >= n + i ? "end" : "start"), t === "center" ? e += (s - i) / 2 : t === "end" && (e -= i);
+      const a = this.getMaxScrollOffset();
+      return Math.max(Math.min(a, e), 0);
     }, this.getOffsetForIndex = (e, t = "auto") => {
       e = Math.max(0, Math.min(e, this.options.count - 1));
-      const s = this.getSize(), n = this.getScrollOffset(), r = this.measurementsCache[e];
-      if (!r) return;
-      if (t === "auto") if (r.end >= n + s - this.options.scrollPaddingEnd) t = "end";
-      else if (r.start <= n + this.options.scrollPaddingStart) t = "start";
-      else return [n, t];
+      const s = this.getSize(), i = this.getScrollOffset(), n = this.measurementsCache[e];
+      if (!n) return;
+      if (t === "auto")
+        if (n.end >= i + s - this.options.scrollPaddingEnd) t = "end";
+        else if (n.start <= i + this.options.scrollPaddingStart) t = "start";
+        else return [i, t];
       if (t === "end" && e === this.options.count - 1) return [this.getMaxScrollOffset(), t];
-      const o = t === "end" ? r.end + this.options.scrollPaddingEnd : r.start - this.options.scrollPaddingStart;
-      return [this.getOffsetForAlignment(o, t, r.size), t];
+      const a = t === "end" ? n.end + this.options.scrollPaddingEnd : n.start - this.options.scrollPaddingStart;
+      return [this.getOffsetForAlignment(a, t, n.size), t];
     }, this.scrollToOffset = (e, { align: t = "start", behavior: s = "auto" } = {}) => {
-      const n = this.getOffsetForAlignment(e, t), r = this.now();
+      this._iosDeferredAdjustment = 0;
+      const i = this.getOffsetForAlignment(e, t), n = this.now();
       this.scrollState = {
         index: null,
         align: t,
         behavior: s,
-        startedAt: r,
-        lastTargetOffset: n,
+        startedAt: n,
+        lastTargetOffset: i,
         stableFrames: 0
-      }, this._scrollToOffset(n, {
+      }, this._scrollToOffset(i, {
         adjustments: void 0,
         behavior: s
       }), this.scheduleScrollReconcile();
     }, this.scrollToIndex = (e, { align: t = "auto", behavior: s = "auto" } = {}) => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const n = this.getOffsetForIndex(e, t);
-      if (!n) return;
-      const [r, o] = n, c = this.now();
+      this._iosDeferredAdjustment = 0, e = Math.max(0, Math.min(e, this.options.count - 1));
+      const i = this.getOffsetForIndex(e, t);
+      if (!i) return;
+      const [n, a] = i, h = this.now();
       this.scrollState = {
         index: e,
-        align: o,
+        align: a,
         behavior: s,
-        startedAt: c,
-        lastTargetOffset: r,
+        startedAt: h,
+        lastTargetOffset: n,
         stableFrames: 0
-      }, this._scrollToOffset(r, {
+      }, this._scrollToOffset(n, {
         adjustments: void 0,
         behavior: s
       }), this.scheduleScrollReconcile();
     }, this.scrollBy = (e, { behavior: t = "auto" } = {}) => {
-      const s = this.getScrollOffset() + e, n = this.now();
+      const s = this.getScrollOffset() + e, i = this.now();
       this.scrollState = {
         index: null,
         align: "start",
         behavior: t,
-        startedAt: n,
+        startedAt: i,
         lastTargetOffset: s,
         stableFrames: 0
       }, this._scrollToOffset(s, {
@@ -1587,16 +1192,16 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       let s;
       if (t.length === 0) s = this.options.paddingStart;
       else if (this.options.lanes === 1) {
-        const n = t.length - 1, r = this._flatMeasurements;
-        r != null ? s = r[n * 2] + r[n * 2 + 1] : s = ((e = t[n]) == null ? void 0 : e.end) ?? 0;
+        const i = t.length - 1, n = this._flatMeasurements;
+        n != null ? s = n[i * 2] + n[i * 2 + 1] : s = ((e = t[i]) == null ? void 0 : e.end) ?? 0;
       } else {
-        const n = Array(this.options.lanes).fill(null);
-        let r = t.length - 1;
-        for (; r >= 0 && n.some((o) => o === null); ) {
-          const o = t[r];
-          n[o.lane] === null && (n[o.lane] = o.end), r--;
+        const i = Array(this.options.lanes).fill(null);
+        let n = t.length - 1;
+        for (; n >= 0 && i.some((a) => a === null); ) {
+          const a = t[n];
+          i[a.lane] === null && (i[a.lane] = a.end), n--;
         }
-        s = Math.max(...n.filter((o) => o !== null));
+        s = Math.max(...i.filter((a) => a !== null));
       }
       return Math.max(s - this.options.scrollMargin + this.options.paddingEnd, 0);
     }, this.takeSnapshot = () => {
@@ -1619,13 +1224,22 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       }, this);
     }, this.measure = () => {
       this.pendingMin = null, this.itemSizeCache.clear(), this.laneAssignments.clear(), this.itemSizeCacheVersion++, this.notify(!1);
-    }, this.setOptions(l);
+    }, this.setOptions(r);
   }
-  applyScrollAdjustment(l, e) {
-    l !== 0 && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", l), se() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded) ? this._iosDeferredAdjustment += l : this._scrollToOffset(this.getScrollOffset(), {
-      adjustments: this.scrollAdjustments += l,
-      behavior: e
-    }));
+  applyScrollAdjustment(r, e) {
+    if (r === 0) return !1;
+    if (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", r), Z() && (this.isScrolling || this._iosTouching || this._iosJustTouchEnded))
+      return this._iosDeferredAdjustment += r, !1;
+    {
+      const t = this.getScrollOffset() + this.scrollAdjustments + r, s = this.scrollElement, i = s !== null && ("scrollHeight" in s || "document" in s) ? this.getMaxScrollOffset() : null;
+      return this._clampedAdjustment = i !== null && t > i + 0.5 ? {
+        target: t,
+        maxAtWrite: i
+      } : null, this._scrollToOffset(this.getScrollOffset(), {
+        adjustments: this.scrollAdjustments += r,
+        behavior: e
+      }), this.scrollOffset !== null && (this.scrollOffset += this.scrollAdjustments, this.scrollOffset < 0 && (this.scrollOffset = 0), this.scrollAdjustments = 0), !0;
+    }
   }
   scheduleScrollReconcile() {
     if (!this.targetWindow) {
@@ -1642,8 +1256,8 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
       this.scrollState = null;
       return;
     }
-    const l = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, e = l ? l[0] : this.scrollState.lastTargetOffset, t = 1, s = e !== this.scrollState.lastTargetOffset;
-    if (!s && Rn(e, this.getScrollOffset())) {
+    const r = this.scrollState.index != null ? this.getOffsetForIndex(this.scrollState.index, this.scrollState.align) : void 0, e = r ? r[0] : this.scrollState.lastTargetOffset, t = 1, s = e !== this.scrollState.lastTargetOffset;
+    if (!s && ct(e, this.getScrollOffset())) {
       if (this.scrollState.stableFrames++, this.scrollState.stableFrames >= t) {
         this.getScrollOffset() !== e && this._scrollToOffset(e, {
           adjustments: void 0,
@@ -1652,52 +1266,72 @@ var Rn = (l, e) => Math.abs(l - e) < 1.01, kn = (l, e, t) => {
         return;
       }
     } else if (this.scrollState.stableFrames = 0, s) {
-      const n = this.getSize() || 600, r = Math.abs(e - this.getScrollOffset()), o = this.scrollState.behavior === "smooth" && r > n;
-      this.scrollState.lastTargetOffset = e, o || (this.scrollState.behavior = "auto"), this._scrollToOffset(e, {
+      const i = this.getSize() || 600, n = Math.abs(e - this.getScrollOffset()), a = this.scrollState.behavior === "smooth" && n > i;
+      this.scrollState.lastTargetOffset = e, a || (this.scrollState.behavior = "auto"), this._scrollToOffset(e, {
         adjustments: void 0,
-        behavior: o ? "smooth" : "auto"
+        behavior: a ? "smooth" : "auto"
       });
     }
     this.scheduleScrollReconcile();
   }
-}, ge = (l, e, t, s) => {
-  for (; l <= e; ) {
-    const n = (l + e) / 2 | 0, r = t(n);
-    if (r < s) l = n + 1;
-    else if (r > s) e = n - 1;
-    else return n;
+}, ue = (r, e, t, s) => {
+  for (; r <= e; ) {
+    const i = (r + e) / 2 | 0, n = t(i);
+    if (n < s) r = i + 1;
+    else if (n > s) e = i - 1;
+    else return i;
   }
-  return l > 0 ? l - 1 : 0;
+  return r > 0 ? r - 1 : 0;
 };
-function Un({ measurements: l, outerSize: e, scrollOffset: t, lanes: s, flat: n }) {
-  const r = l.length - 1, o = n ? (u) => n[u * 2] : (u) => l[u].start, c = n ? (u) => n[u * 2] + n[u * 2 + 1] : (u) => l[u].end;
-  if (l.length <= s) return {
+function wt(r, e, t) {
+  let s = 0;
+  for (; s <= e; ) {
+    const i = (s + e) / 2 | 0, n = r[i * 2];
+    if (n < t) s = i + 1;
+    else if (n > t) e = i - 1;
+    else return i;
+  }
+  return s > 0 ? s - 1 : 0;
+}
+function Et(r, e, t, s, i) {
+  const n = r.length - 1;
+  if (r.length <= s) return {
     startIndex: 0,
-    endIndex: r
+    endIndex: n
   };
-  let d = ge(0, r, o, t), a = d;
-  if (s === 1) for (; a < r && c(a) < t + e; ) a++;
+  if (s === 1 && i !== null) {
+    const m = wt(i, n, t);
+    let d = m;
+    const c = t + e;
+    for (; d < n && i[d * 2] + i[d * 2 + 1] < c; ) d++;
+    return {
+      startIndex: m,
+      endIndex: d
+    };
+  }
+  let h = ue(0, n, (m) => r[m].start, t), u = h;
+  if (s === 1) for (; u < n && r[u].end < t + e; ) u++;
   else if (s > 1) {
-    const u = Array(s).fill(0);
-    for (; a < r && u.some((m) => m < t + e); ) {
-      const m = l[a];
-      u[m.lane] = m.end, a++;
+    const m = Array(s).fill(0);
+    for (; u < n && m.some((c) => c < t + e); ) {
+      const c = r[u];
+      m[c.lane] = c.end, u++;
     }
-    const h = Array(s).fill(t + e);
-    for (; d >= 0 && h.some((m) => m >= t); ) {
-      const m = l[d];
-      h[m.lane] = m.start, d--;
+    const d = Array(s).fill(t + e);
+    for (; h >= 0 && d.some((c) => c >= t); ) {
+      const c = r[h];
+      d[c.lane] = c.start, h--;
     }
-    d = Math.max(0, d - d % s), a = Math.min(r, a + (s - 1 - a % s));
+    h = Math.max(0, h - h % s), u = Math.min(n, u + (s - 1 - u % s));
   }
   return {
-    startIndex: d,
-    endIndex: a
+    startIndex: h,
+    endIndex: u
   };
 }
-var ne = typeof document < "u" ? Y.useLayoutEffect : Y.useEffect;
-function ye({ useFlushSync: l = !0, directDomUpdates: e = !1, directDomUpdatesMode: t = "transform", ...s }) {
-  const n = Y.useReducer((a) => a + 1, 0)[1], r = Y.useRef({
+var Q = typeof document < "u" ? P.useLayoutEffect : P.useEffect;
+function fe({ useFlushSync: r = !0, directDomUpdates: e = !1, directDomUpdatesMode: t = "transform", ...s }) {
+  const i = P.useReducer((d) => d + 1, 0)[1], n = P.useRef({
     enabled: e,
     mode: t,
     container: null,
@@ -1705,222 +1339,238 @@ function ye({ useFlushSync: l = !0, directDomUpdates: e = !1, directDomUpdatesMo
     lastPositions: /* @__PURE__ */ new WeakMap(),
     prevRange: null
   });
-  r.current.enabled = e, r.current.mode = t;
-  const o = (a) => {
-    const u = r.current;
-    if (!u.enabled) return;
-    const h = a.getTotalSize();
-    if (u.container && h !== u.lastSize) {
-      u.lastSize = h;
-      const S = a.options.horizontal ? "width" : "height";
-      u.container.style[S] = `${h}px`;
+  n.current.enabled = e, n.current.mode = t;
+  const a = (d) => {
+    const c = n.current;
+    if (!c.enabled || !c.container) return;
+    const l = d.getTotalSize();
+    if (l !== c.lastSize) {
+      c.lastSize = l;
+      const g = d.options.horizontal ? "width" : "height";
+      c.container.style[g] = `${l}px`;
     }
-    const m = !!a.options.horizontal, _ = u.mode === "transform", v = m ? "left" : "top", g = a.options.scrollMargin, p = a.getVirtualItems();
-    for (const S of p) {
-      const f = S.start - g, b = a.elementsCache.get(S.key);
-      b && u.lastPositions.get(b) !== f && (u.lastPositions.set(b, f), _ ? b.style.transform = m ? `translate3d(${f}px, 0, 0)` : `translate3d(0, ${f}px, 0)` : b.style[v] = `${f}px`);
+  }, h = (d) => {
+    const c = n.current;
+    if (!c.enabled || !c.container) return;
+    a(d);
+    const l = !!d.options.horizontal, g = c.mode === "transform", S = l ? "left" : "top", y = d.options.scrollMargin, f = d.getVirtualItems();
+    for (const p of f) {
+      const E = p.start - y, w = d.elementsCache.get(p.key);
+      w && c.lastPositions.get(w) !== E && (c.lastPositions.set(w, E), g ? w.style.transform = l ? `translate3d(${E}px, 0, 0)` : `translate3d(0, ${E}px, 0)` : w.style[S] = `${E}px`);
     }
-  }, c = {
+  }, u = {
     ...s,
-    onChange: (a, u) => {
-      var h;
-      const m = r.current;
-      let _ = !0;
-      if (m.enabled) {
-        o(a);
-        const v = a.range, g = m.prevRange;
-        _ = !g || g.isScrolling !== a.isScrolling || g.startIndex !== v?.startIndex || g.endIndex !== v?.endIndex, _ && (m.prevRange = v ? {
-          startIndex: v.startIndex,
-          endIndex: v.endIndex,
-          isScrolling: a.isScrolling
+    onChange: (d, c) => {
+      var l;
+      const g = n.current;
+      let S = !0;
+      if (g.enabled) {
+        h(d);
+        const y = d.range, f = g.prevRange;
+        S = !f || f.isScrolling !== d.isScrolling || f.startIndex !== y?.startIndex || f.endIndex !== y?.endIndex, S && (g.prevRange = y ? {
+          startIndex: y.startIndex,
+          endIndex: y.endIndex,
+          isScrolling: d.isScrolling
         } : null);
       }
-      _ && (l && u ? qe(n) : n()), (h = s.onChange) == null || h.call(s, a, u);
+      S && (r && c ? Ve(i) : i()), (l = s.onChange) == null || l.call(s, d, c);
     }
-  }, [d] = Y.useState(() => {
-    const a = new Xn(c);
-    return Object.assign(a, { containerRef: (u) => {
-      const h = r.current;
-      if (h.container = u, h.lastSize = null, u && h.enabled) {
-        const m = a.getTotalSize();
-        h.lastSize = m;
-        const _ = a.options.horizontal ? "width" : "height";
-        u.style[_] = `${m}px`;
+  }, [m] = P.useState(() => {
+    const d = new bt(u);
+    return Object.assign(d, { containerRef: (c) => {
+      const l = n.current;
+      if (l.container = c, l.lastSize = null, c && l.enabled) {
+        const g = d.getTotalSize();
+        l.lastSize = g;
+        const S = d.options.horizontal ? "width" : "height";
+        c.style[S] = `${g}px`;
       }
     } });
   });
-  return d.setOptions(c), ne(() => d._didMount(), []), ne(() => d._willUpdate()), ne(() => {
-    o(d);
-  }), d;
+  return m.setOptions(u), Q(() => m._didMount(), []), Q(() => (a(m), m._willUpdate())), Q(() => {
+    h(m);
+  }), m;
 }
-function Zn(l) {
-  return ye({
-    observeElementRect: Vn,
-    observeElementOffset: Pn,
-    scrollToFn: Hn,
-    ...l
+function It(r) {
+  return fe({
+    observeElementRect: ft,
+    observeElementOffset: pt,
+    scrollToFn: yt,
+    ...r
   });
 }
-function Yn(l) {
-  return ye({
+function xt(r) {
+  return fe({
     getScrollElement: () => typeof document < "u" ? window : null,
-    observeElementRect: Bn,
-    observeElementOffset: qn,
-    scrollToFn: Gn,
+    observeElementRect: mt,
+    observeElementOffset: vt,
+    scrollToFn: St,
     initialOffset: () => typeof document < "u" ? window.scrollY : 0,
-    ...l
+    ...r
   });
 }
-var Jn = "styles-module__virtualList___pM6rN", Qn = "styles-module__emptyContainer___rm938", er = "styles-module__virtualListInner___HxRzc", tr = "styles-module__virtualListItems___p19-a", sr = "styles-module__loadingMore___zAdLM", nr = "styles-module__endOfList___5cYFh", B = {
-  virtualList: Jn,
-  emptyContainer: Qn,
-  virtualListInner: er,
-  virtualListItems: tr,
-  loadingMore: sr,
-  endOfList: nr
+var zt = "styles-module__virtualList___pM6rN", At = "styles-module__emptyContainer___rm938", Ot = "styles-module__virtualListInner___HxRzc", Tt = "styles-module__virtualListItems___p19-a", Ct = "styles-module__loadingMore___zAdLM", Mt = "styles-module__endOfList___5cYFh", D = {
+  virtualList: zt,
+  emptyContainer: At,
+  virtualListInner: Ot,
+  virtualListItems: Tt,
+  loadingMore: Ct,
+  endOfList: Mt
 };
-function rr({ data: l, hasNextPage: e, isFetchingNextPage: t, fetchNextPage: s, renderItem: n, estimateSize: r = 200, overscan: o = 5, height: c = "600px", getItemKey: d, emptyState: a, loadingIndicator: u, endOfListIndicator: h, emptyText: m = "No data", loadingMoreText: _ = "Loading more...", endOfListText: v = "No more items", flexClass: g, outerClass: p, innerClass: S, ...f }) {
-  const b = te(null), y = Array.isArray(l) ? l : [], E = y.length, I = Zn({
-    count: e ? E + 1 : E,
-    getScrollElement: () => b.current,
-    estimateSize: typeof r == "number" ? () => r : r,
-    overscan: o,
-    ...f
-  }), A = I.getVirtualItems();
-  K(() => {
-    const [z] = [...A].reverse();
-    z && z.index >= E - 1 && e && !t && s && s();
+function Lt({ data: r, hasNextPage: e, isFetchingNextPage: t, fetchNextPage: s, renderItem: i, estimateSize: n = 200, overscan: a = 5, height: h = "600px", getItemKey: u, emptyState: m, loadingIndicator: d, endOfListIndicator: c, emptyText: l = "No data", loadingMoreText: g = "Loading more...", endOfListText: S = "No more items", flexClass: y, outerClass: f, innerClass: p, ...E }) {
+  const w = Te(null), v = Array.isArray(r) ? r : [], z = v.length, A = It({
+    count: e ? z + 1 : z,
+    getScrollElement: () => w.current,
+    estimateSize: typeof n == "number" ? () => n : n,
+    overscan: a,
+    ...E
+  }), T = A.getVirtualItems();
+  te(() => {
+    const [O] = [...T].reverse();
+    O && O.index >= z - 1 && e && !t && s && s();
   }, [
     e,
     s,
-    E,
+    z,
     t,
-    A
+    T
   ]);
-  const G = q(() => /* @__PURE__ */ i("div", {
-    className: B.virtualList,
-    style: { height: typeof c == "number" ? `${c}px` : c },
-    children: a ?? /* @__PURE__ */ i("div", {
-      className: B.emptyContainer,
-      children: /* @__PURE__ */ i("span", { children: m })
+  const N = B(() => /* @__PURE__ */ o("div", {
+    className: D.virtualList,
+    style: { height: typeof h == "number" ? `${h}px` : h },
+    children: m ?? /* @__PURE__ */ o("div", {
+      className: D.emptyContainer,
+      children: /* @__PURE__ */ o("span", { children: l })
     })
   }), [
-    a,
-    c,
-    m
-  ]), N = q(() => u || /* @__PURE__ */ i("div", {
-    className: B.loadingMore,
-    children: /* @__PURE__ */ i("span", { children: _ })
-  }), [u, _]), x = q(() => h || /* @__PURE__ */ i("div", {
-    className: B.endOfList,
-    children: /* @__PURE__ */ i("span", { children: v })
-  }), [h, v]);
-  return E === 0 ? G() : /* @__PURE__ */ i("div", {
-    ref: b,
-    className: `${B.virtualList} ${p ?? ""}`,
-    style: { height: typeof c == "number" ? `${c}px` : c },
-    children: /* @__PURE__ */ i("div", {
-      className: `${B.virtualListInner} ${S ?? ""}`,
-      style: { height: `${I.getTotalSize()}px` },
-      children: /* @__PURE__ */ i("div", {
-        className: `${B.virtualListItems} ${g ?? ""}`,
+    m,
+    h,
+    l
+  ]), R = B(() => d || /* @__PURE__ */ o("div", {
+    className: D.loadingMore,
+    children: /* @__PURE__ */ o("span", { children: g })
+  }), [d, g]), I = B(() => c || /* @__PURE__ */ o("div", {
+    className: D.endOfList,
+    children: /* @__PURE__ */ o("span", { children: S })
+  }), [c, S]);
+  return z === 0 ? N() : /* @__PURE__ */ o("div", {
+    ref: w,
+    className: `${D.virtualList} ${f ?? ""}`,
+    style: { height: typeof h == "number" ? `${h}px` : h },
+    children: /* @__PURE__ */ o("div", {
+      className: `${D.virtualListInner} ${p ?? ""}`,
+      style: { height: `${A.getTotalSize()}px` },
+      children: /* @__PURE__ */ o("div", {
+        className: `${D.virtualListItems} ${y ?? ""}`,
         style: {
-          transform: `translateY(${A[0]?.start ?? 0}px)`,
+          transform: `translateY(${T[0]?.start ?? 0}px)`,
           paddingTop: "2px"
         },
-        children: A.map((z) => {
-          const T = z.index > E - 1, oe = y[z.index];
-          return /* @__PURE__ */ i("div", {
-            "data-index": z.index,
-            ref: I.measureElement,
-            children: T ? e ? N() : x() : /* @__PURE__ */ i("div", { children: n(oe, z.index) }, d(oe, z.index))
-          }, z.key);
+        children: T.map((O) => {
+          const C = O.index > z - 1, V = v[O.index];
+          return /* @__PURE__ */ o("div", {
+            "data-index": O.index,
+            ref: A.measureElement,
+            children: C ? e ? R() : I() : /* @__PURE__ */ o("div", { children: i(V, O.index) }, u(V, O.index))
+          }, O.key);
         })
       })
     })
   });
 }
-var Ir = D(rr), lr = "styles-module__virtualList___xmj2v", ir = "styles-module__virtualListInner___quD74", or = "styles-module__virtualListItems___-Muml", ar = "styles-module__virtualListRow___h3pzX", cr = "styles-module__emptyContainer___LIy8r", dr = "styles-module__loadingMore___Mzf-p", ur = "styles-module__endOfList___g5G--", j = {
-  virtualList: lr,
-  virtualListInner: ir,
-  virtualListItems: or,
-  virtualListRow: ar,
-  emptyContainer: cr,
-  loadingMore: dr,
-  endOfList: ur
+var as = Y(Lt), Rt = "styles-module__virtualList___xmj2v", Dt = "styles-module__virtualListInner___quD74", Ft = "styles-module__virtualListItems___-Muml", jt = "styles-module__virtualListRow___h3pzX", kt = "styles-module__emptyContainer___LIy8r", Nt = "styles-module__loadingMore___Mzf-p", Vt = "styles-module__endOfList___g5G--", F = {
+  virtualList: Rt,
+  virtualListInner: Dt,
+  virtualListItems: Ft,
+  virtualListRow: jt,
+  emptyContainer: kt,
+  loadingMore: Nt,
+  endOfList: Vt
 };
-function hr({ data: l, hasNextPage: e, isFetchingNextPage: t, fetchNextPage: s, renderItem: n, estimateSize: r = 200, overscan: o = 5, height: c, getItemKey: d, emptyState: a, loadingIndicator: u, endOfListIndicator: h, emptyText: m = "No data", loadingMoreText: _ = "Loading more...", endOfListText: v = "No more items", flexClass: g, outerClass: p, innerClass: S, ...f }) {
-  const b = Array.isArray(l) ? l : [], y = b.length, E = Yn({
-    count: e ? y + 1 : y,
-    estimateSize: typeof r == "number" ? () => r : r,
-    overscan: o,
-    ...f
-  }), I = E.getVirtualItems();
-  K(() => {
-    const x = I[I.length - 1];
-    x && x.index >= y && e && !t && s && s();
+function Wt({ data: r, hasNextPage: e, isFetchingNextPage: t, fetchNextPage: s, renderItem: i, estimateSize: n = 200, overscan: a = 5, height: h, getItemKey: u, emptyState: m, loadingIndicator: d, endOfListIndicator: c, emptyText: l = "No data", loadingMoreText: g = "Loading more...", endOfListText: S = "No more items", flexClass: y, outerClass: f, innerClass: p, ...E }) {
+  const w = Array.isArray(r) ? r : [], v = w.length, z = xt({
+    count: e ? v + 1 : v,
+    estimateSize: typeof n == "number" ? () => n : n,
+    overscan: a,
+    ...E
+  }), A = z.getVirtualItems();
+  te(() => {
+    const I = A[A.length - 1];
+    I && I.index >= v && e && !t && s && s();
   }, [
-    I,
+    A,
     e,
     t,
     s,
-    y
+    v
   ]);
-  const A = q(() => /* @__PURE__ */ i("div", {
-    className: j.virtualList,
-    style: { height: typeof c == "number" ? `${c}px` : c ?? "auto" },
-    children: a ?? /* @__PURE__ */ i("div", {
-      className: j.emptyContainer,
-      children: /* @__PURE__ */ i("span", { children: m })
+  const T = B(() => /* @__PURE__ */ o("div", {
+    className: F.virtualList,
+    style: { height: typeof h == "number" ? `${h}px` : h ?? "auto" },
+    children: m ?? /* @__PURE__ */ o("div", {
+      className: F.emptyContainer,
+      children: /* @__PURE__ */ o("span", { children: l })
     })
   }), [
-    a,
-    c,
-    m
-  ]), G = q(() => u ?? /* @__PURE__ */ i("div", {
-    className: j.loadingMore,
-    children: /* @__PURE__ */ i("span", { children: _ })
-  }), [u, _]), N = q(() => h ?? /* @__PURE__ */ i("div", {
-    className: j.endOfList,
-    children: /* @__PURE__ */ i("span", { children: v })
-  }), [h, v]);
-  return y === 0 ? A() : /* @__PURE__ */ i("div", {
-    className: `${j.virtualList} ${p ?? ""}`,
-    children: /* @__PURE__ */ i("div", {
-      className: `${j.virtualListInner} ${S ?? ""}`,
-      style: { height: E.getTotalSize() },
-      children: /* @__PURE__ */ i("div", {
-        className: `${j.virtualListItems} ${g ?? ""}`,
-        style: { transform: `translateY(${I[0]?.start ?? 0}px)` },
-        children: I.map((x) => {
-          const z = x.index >= y, T = b[x.index];
-          return /* @__PURE__ */ i("div", {
-            "data-index": x.index,
-            ref: E.measureElement,
-            children: z ? e ? G() : N() : T == null ? /* @__PURE__ */ i("div", {}, `missing-${x.index}`) : /* @__PURE__ */ i("div", { children: n(T, x.index) }, d(T, x.index))
-          }, x.key);
+    m,
+    h,
+    l
+  ]), N = B(() => d ?? /* @__PURE__ */ o("div", {
+    className: F.loadingMore,
+    children: /* @__PURE__ */ o("span", { children: g })
+  }), [d, g]), R = B(() => c ?? /* @__PURE__ */ o("div", {
+    className: F.endOfList,
+    children: /* @__PURE__ */ o("span", { children: S })
+  }), [c, S]);
+  return v === 0 ? T() : /* @__PURE__ */ o("div", {
+    className: `${F.virtualList} ${f ?? ""}`,
+    children: /* @__PURE__ */ o("div", {
+      className: `${F.virtualListInner} ${p ?? ""}`,
+      style: { height: z.getTotalSize() },
+      children: /* @__PURE__ */ o("div", {
+        className: `${F.virtualListItems} ${y ?? ""}`,
+        style: { transform: `translateY(${A[0]?.start ?? 0}px)` },
+        children: A.map((I) => {
+          const O = I.index >= v, C = w[I.index];
+          return /* @__PURE__ */ o("div", {
+            "data-index": I.index,
+            ref: z.measureElement,
+            children: O ? e ? N() : R() : C == null ? /* @__PURE__ */ o("div", {}, `missing-${I.index}`) : /* @__PURE__ */ o("div", { children: i(C, I.index) }, u(C, I.index))
+          }, I.key);
         })
       })
     })
   });
 }
-var Er = D(hr);
+var cs = Y(Wt), $t = Y(({ getLayoutDisplayName: r, handleChangeLayoutMode: e }) => {
+  const { layoutMode: t, setLayoutMode: s } = ze(), i = r ?? ((n) => n);
+  return /* @__PURE__ */ o(M.Root, {
+    size: "1",
+    value: t,
+    onValueChange: (n) => {
+      const a = n;
+      s(a), e?.(a);
+    },
+    children: we.map((n) => /* @__PURE__ */ o(M.Item, {
+      value: n,
+      children: i(n)
+    }, n))
+  });
+});
+$t.displayName = "LayoutSwitcher";
 export {
-  re as Button,
-  Nt as Dropdown,
-  Ct as Icon,
-  le as Input,
-  ns as KeyValueEditor,
-  Ls as LayoutSwitcher,
-  cs as SearchInput,
-  vs as ShowFilter,
-  ie as SlideDownSwitcher,
-  Us as Slider,
-  pn as Suspense,
-  Dn as Textarea,
-  $s as ThemeSwitcher,
-  Ir as VirtualList,
-  Er as VirtualWindowList
+  rs as CardHeader,
+  is as EmptyState,
+  ot as Icon,
+  $t as LayoutSwitcher,
+  Xt as Logo,
+  $ as LucideIcon,
+  ns as PageHeader,
+  Yt as PreferencesPopover,
+  os as Suspense,
+  ls as ThemeSettings,
+  as as VirtualList,
+  cs as VirtualWindowList
 };
 
 //# sourceMappingURL=components.mjs.map