nfx-ui 0.1.0

package/dist/layouts.mjs

@@ -0,0 +1,460 @@
+(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,#ff4d5033)}.styles-module__loading___bgEAk svg polyline.styles-module__front___hSxig{fill:none;stroke:var(--color-primary,#ff4d4f);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:3px;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-left:10px solid var(--color-bg);border-radius:3px;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-left:4px solid var(--color-bg);border-radius:3px;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:4px;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:"";width:.5rem;height:.5rem;transform:translate3d(calc(var(--x) - 50%), calc(var(--y) - 50%), 0);will-change:transform;background:#160000;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:#000;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__button___RbliA{cursor:pointer;border:1px solid #0000;border-radius:.5rem;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,#fff)}.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:#fff}.styles-module__button___RbliA.styles-module__danger___MW-pg:hover:not(:disabled){background:var(--color-danger-light);border-color:var(--color-danger-light);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);cursor:pointer;text-align:left;background:var(--color-bg-2);width:100%;color:var(--color-fg-text);border-radius:8px;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:#ef4444}.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);z-index:1000;border-radius:8px;min-width:100%;animation:.15s ease-out Dropdown-module__slideDown___sRCmO;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 .5rem 1rem #0000002d}@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);background:var(--color-bg);width:100%;color:var(--color-fg-text);border-radius:.5rem;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,102, 126, 234), .1)}.styles-module__input___IZDc3::placeholder{color:var(--color-fg-muted,var(--color-fg-text));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,var(--color-fg-text));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,244, 67, 54), .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:#fff}.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__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);width:100%;color:var(--color-fg-text);background:var(--color-bg-2);border-radius:.5rem;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);background:var(--color-bg);color:var(--color-fg-muted);cursor:pointer;border-radius:.5rem;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:#fff;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)}.styles-module__optionsContainer___LOzlO{background:var(--color-bg-2);border:1px solid var(--color-border-4);border-radius:.5rem;gap:.5rem;padding:.5rem;display:flex}.styles-module__option___abhnC{border:1px solid var(--color-border-4);background:var(--color-bg);color:var(--color-fg);cursor:pointer;border-radius:.375rem;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:#fff;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)}.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{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;border-radius:.25rem;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 #8f9bb340}.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 #8f9bb340}.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);z-index:1000;transform-origin:top;visibility:hidden;pointer-events:none;border-radius:.25rem;min-width:100%;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow:hidden;box-shadow:0 .5rem 1rem #00000026}.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 #0000004d}}.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{background-color:var(--color-bg-3);border-radius:9999px;width:100%;height:.375rem;position:relative;overflow:hidden}.styles-module__sliderRange___U3g0-{background-color:var(--color-primary);border-radius:9999px;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,239, 68, 68), .1), rgba(var(--color-error-rgb,239, 68, 68), .05));border:2px solid rgba(var(--color-error-rgb,239, 68, 68), .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,#ef4444);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,#0000001a);background:var(--color-bg-2,#00000005);border-radius:.75rem;width:100%;transition:all .2s;overflow:hidden}.styles-module__errorDetailsContainer___eywMo:hover{border-color:var(--color-border-hover,#00000026);background:var(--color-bg-3,#00000008)}.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,#00000008);border-top:1px solid var(--color-border,#0000001a);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{background:var(--color-primary);color:var(--color-primary-fg);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #00000014}.styles-module__retryButton___TA4jm:hover{background:var(--color-primary-hover,var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.styles-module__retryButton___TA4jm:active{transform:translateY(0);box-shadow:0 2px 8px #00000014}.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{color:var(--color-fg-muted);border:1px solid var(--color-border-4);cursor:pointer;background:0 0;border-radius:.5rem;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);background:var(--color-bg);width:100%;color:var(--color-fg-text);resize:vertical;border-radius:.5rem;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,102, 126, 234), .1)}.styles-module__textarea___AjX9N::placeholder{color:var(--color-fg-muted,var(--color-fg-text));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,var(--color-fg-text));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,var(--color-fg-text));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,244, 67, 54), .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:.25rem;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;height:100%;min-height:0;display:flex;overflow:hidden}.styles-module__sidebarContent___iAwiw{flex-direction:column;height:100%;min-height:0;padding-top:1rem;display:flex;overflow:hidden}.styles-module__menuWrapper___DKuEv{flex:1;min-height:0;overflow:hidden auto}.styles-module__sidebarContent___iAwiw::-webkit-scrollbar{width:0}.styles-module__sidebarContent___iAwiw::-webkit-scrollbar-track{background:0 0}.styles-module__sidebarContent___iAwiw::-webkit-scrollbar-thumb{background:0 0}.styles-module__sidebarContent___iAwiw::-webkit-scrollbar-thumb:hover{background:0 0}.styles-module__sidebar___BMt0j a{margin-left:0}.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;height:100%!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;height:100%!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{color:var(--color-fg-text)!important;border-radius:.375rem!important;margin:.125rem .5rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;transition:all .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:#fff!important}.styles-module__sidebar___BMt0j .ps-menu-button.ps-active *,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-menu-icon,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-menu-label{color:#fff!important}.styles-module__sidebar___BMt0j .ps-menu-icon{width:1.25rem!important;height:1.25rem!important;color:var(--color-fg-text)!important;margin-right:.5rem!important}.styles-module__sidebar___BMt0j .ps-submenu-content{background-color:var(--color-bg-3)!important;padding-left:.5rem!important;overflow:hidden!important}.styles-module__sidebar___BMt0j .ps-submenu-content .ps-menu-button{margin:.125rem .25rem!important;padding:.375rem .5rem!important;font-size:.8125rem!important;transition:all .2s!important}.styles-module__sidebar___BMt0j .ps-menu-label{color:var(--color-fg-text)!important;font-weight:500!important}.styles-module__sidebar___BMt0j .ps-menu-button.ps-active,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active span,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active div,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-menu-icon,.styles-module__sidebar___BMt0j .ps-menu-button.ps-active .ps-menu-label{color:#fff!important}.styles-module__logoutContainer___7NwBL{border-top:1px solid var(--color-separator);writing-mode:horizontal-tb;text-orientation:mixed;flex-shrink:0;margin-top:auto;padding:.5rem}.styles-module__logoutButton___rfD6u{width:100%;color:var(--color-fg-text);cursor:pointer;white-space:nowrap;writing-mode:horizontal-tb;text-orientation:mixed;direction:ltr;background:0 0;border:none;border-radius:.375rem;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 span{opacity:1;max-width:200px;transition:opacity .3s,max-width .3s;display:inline-block;writing-mode:horizontal-tb!important;text-orientation:mixed!important;direction:ltr!important;transform:none!important}.styles-module__logoutButton___rfD6u .styles-module__hiddenText___z183T{opacity:0;width:0;max-width:0;overflow:hidden}.styles-module__logoutButton___rfD6u .styles-module__visibleText___lfsv-{opacity:1;width:auto;max-width:200px}.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__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%;position:fixed;top:0;box-shadow:0 .125rem .25rem #2c33491a}.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__sidebar___ij-8-{position:fixed;top: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__sidebar___ij-8-{z-index:999;height:100vh;position:fixed;top:0;left:0}}.styles-module__mainWrapper___AiTAw{flex-direction:row;flex:1;display:flex;position:relative}.styles-module__sidebarContainer___X4yj8{z-index:99;flex-direction:column;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__sidebar___VQTlH{z-index:999;height:100vh;position:fixed;top:0;left:0}}.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}
+/*$vite$:1*/`)),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
+import { J as V } from "./chunk-lucide-BhgnmTNo.mjs";
+import "./chunk-types-BkFxelHl.mjs";
+import { n as X, r as Z, t as ee } from "./chunk-lstorage-BVCD00Ow.mjs";
+import "./chunk-useTheme-oHcq3d0o.mjs";
+import { i as x, n as Ze, r as L, t as te } from "./chunk-types-DNPBKfmx.mjs";
+import { n as O, t as re } from "./chunk-useLayout-DPxlynT-.mjs";
+import "./chunk-BounceLoading-B54QEw0n.mjs";
+import { i as ae, n as oe, r as se, t as ne } from "./chunk-animations-Brp-bsaE.mjs";
+import "./chunk-types-SD4MzUGp.mjs";
+import { o as g } from "./chunk-preference-DImtu5jI.mjs";
+import { memo as m, useCallback as h, useEffect as le, useLayoutEffect as A, useMemo as ie, useRef as M, useState as W } from "react";
+import { Fragment as w, jsx as a, jsxs as _ } from "react/jsx-runtime";
+import { Menu as ce, MenuItem as de, Sidebar as ue, SubMenu as _e } from "react-pro-sidebar";
+function D() {
+  return ee(L);
+}
+function me(e) {
+  Z(L, e);
+}
+function it() {
+  X(L);
+}
+const pe = "styles-module__sidebar___BMt0j", fe = "styles-module__sidebarContent___iAwiw", he = "styles-module__menuWrapper___DKuEv", ye = "styles-module__logoutContainer___7NwBL", ve = "styles-module__logoutButton___rfD6u", be = "styles-module__hiddenText___z183T", ge = "styles-module__visibleText___lfsv-";
+var v = {
+  sidebar: pe,
+  sidebarContent: fe,
+  menuWrapper: he,
+  logoutContainer: ye,
+  logoutButton: ve,
+  hiddenText: be,
+  visibleText: ge
+};
+function $(e, t, r) {
+  return e === t ? !0 : !(!e.startsWith(t + "/") || r?.length && r.some((o) => o !== t && (e === o || e.startsWith(o + "/"))));
+}
+function I(e, t) {
+  return $(e, t.path, t.children?.map((r) => r.path)) ? !0 : t.children ? t.children.some((r) => $(e, r.path, t.children?.map((o) => o.path)) || I(e, r)) : !1;
+}
+var B = m(({ children: e, collapsed: t = !1, toggled: r = !1, onBackdropClick: o, breakPoint: s = "all", className: i, items: n = [], currentPathname: l = "", onNavigate: u, logoutLabel: d = "Logout", handleLogout: p, bottomLogoutButton: f }) => {
+  const y = h((c) => {
+    u?.(c);
+  }, [u]), T = h((c, j) => {
+    const J = $(l, c.path, j);
+    if (c.children?.length) {
+      const q = I(l, c);
+      return a(_e, {
+        label: c.label,
+        icon: c.icon,
+        active: q,
+        children: c.children.map((z) => T(z, c.children.map((Q) => Q.path)))
+      }, c.path);
+    }
+    return a(de, {
+      icon: c.icon,
+      onClick: () => y(c.path),
+      active: J,
+      children: c.label
+    }, c.path);
+  }, [l, y]), G = n.length > 0 ? a(ce, {
+    transitionDuration: 300,
+    closeOnClick: !0,
+    menuItemStyles: {
+      button: {
+        color: "var(--color-fg-text)",
+        backgroundColor: "transparent",
+        "&:hover": {
+          backgroundColor: "var(--color-bg-3)",
+          color: "var(--color-fg-text)"
+        },
+        "&.active": {
+          backgroundColor: "var(--color-primary)",
+          color: "#ffffff"
+        }
+      },
+      icon: {
+        color: "var(--color-fg-text)",
+        "&.active": { color: "#ffffff" }
+      },
+      label: {
+        color: "var(--color-fg-text)",
+        "&.active": { color: "#ffffff" }
+      }
+    },
+    children: n.map((c) => T(c))
+  }, `${t}-${r}`) : null, K = ie(() => f ?? (p != null ? a("div", {
+    className: v.logoutContainer,
+    children: _("button", {
+      type: "button",
+      className: v.logoutButton,
+      onClick: p,
+      title: d,
+      children: [a(V, { size: 20 }), a("span", {
+        className: t ? v.hiddenText : v.visibleText,
+        children: d
+      })]
+    })
+  }) : null), [
+    t,
+    d,
+    p,
+    f
+  ]);
+  return a(ue, {
+    collapsed: t,
+    toggled: r,
+    onBackdropClick: o,
+    breakPoint: s,
+    backgroundColor: "var(--color-bg-2)",
+    rootStyles: {
+      border: "none",
+      borderRight: "1px solid var(--color-separator)"
+    },
+    className: `${v.sidebar} ${i || ""}`,
+    children: _("div", {
+      className: v.sidebarContent,
+      onWheel: (c) => c.stopPropagation(),
+      children: [a("div", {
+        className: v.menuWrapper,
+        children: e ?? G
+      }), K]
+    })
+  });
+});
+B.displayName = "Sidebar";
+const Ne = "styles-module__footer___g-hY7", Se = "styles-module__footerContent___Oen5n", We = "styles-module__copyright___1R2o3", ke = "styles-module__links___dQyvB", Ce = "styles-module__link___UWfyK";
+var b = {
+  footer: Ne,
+  footerContent: Se,
+  copyright: We,
+  links: ke,
+  link: Ce
+};
+const R = m(() => {
+  const e = (/* @__PURE__ */ new Date()).getFullYear();
+  return _("div", {
+    className: b.footerContent,
+    children: [_("span", {
+      className: b.copyright,
+      children: ["© ", e]
+    }), _("div", {
+      className: b.links,
+      children: [
+        a("a", {
+          href: "#",
+          className: b.link,
+          children: "About Us"
+        }),
+        a("a", {
+          href: "#",
+          className: b.link,
+          children: "Privacy Policy"
+        }),
+        a("a", {
+          href: "#",
+          className: b.link,
+          children: "Terms of Service"
+        })
+      ]
+    })]
+  });
+});
+R.displayName = "DefaultFooterContent";
+var U = m(({ children: e, className: t }) => a("div", {
+  className: `${b.footer} ${t || ""}`,
+  children: e ?? a(R, {})
+}));
+U.displayName = "Footer";
+const xe = "styles-module__header___4Uc8h";
+var $e = { header: xe }, F = m(({ leftContent: e, rightContent: t }) => _("div", {
+  className: $e.header,
+  children: [a("div", { children: e }), a("div", { children: t })]
+}));
+F.displayName = "Header";
+const Le = "styles-module__layout___ZQKU7", Oe = "styles-module__header___XIaFb", Be = "styles-module__footer___r8ASO";
+var k = {
+  layout: Le,
+  header: Oe,
+  footer: Be
+};
+function E() {
+  const e = M(null), [t, r] = W(0);
+  return A(() => {
+    const o = e.current;
+    if (!o) return;
+    const s = new ResizeObserver(([i]) => {
+      const n = i?.contentRect.height ?? 0;
+      r((l) => l !== n ? n : l);
+    });
+    return s.observe(o), () => s.disconnect();
+  }, []), [h((o) => {
+    o && (e.current = o);
+  }, []), t];
+}
+var H = m(({ children: e, headerLeft: t, headerRight: r, footerContent: o }) => {
+  const [s, i] = E(), [n, l] = E();
+  return _("div", {
+    className: k.layout,
+    children: [
+      a("header", {
+        ref: s,
+        className: k.header,
+        children: a(F, {
+          leftContent: t,
+          rightContent: r
+        })
+      }),
+      e(i, l),
+      a("footer", {
+        ref: n,
+        className: k.footer,
+        children: a(U, { children: o })
+      })
+    ]
+  });
+});
+H.displayName = "MainWrapper";
+const Te = "styles-module__mainWrapper___i4tEI", Ee = "styles-module__sidebar___ij-8-", Ae = "styles-module__content___mTgUr";
+var C = {
+  mainWrapper: Te,
+  sidebar: Ee,
+  content: Ae
+}, P = m(({ children: e, headerHeight: t, footerHeight: r, sidebarItems: o, sidebarCurrentPathname: s, onSidebarNavigate: i, sidebarLogoutLabel: n, onSidebarLogout: l }) => {
+  const { sidebarOpen: u, closeSidebar: d } = O(), p = h(() => {
+    d();
+  }, [d]);
+  return _("main", {
+    className: C.mainWrapper,
+    style: {
+      marginTop: `${t}px`,
+      marginBottom: `${r}px`
+    },
+    children: [a(B, {
+      toggled: u,
+      onBackdropClick: p,
+      breakPoint: "all",
+      className: C.sidebar,
+      items: o,
+      currentPathname: s,
+      onNavigate: i,
+      logoutLabel: n,
+      handleLogout: l
+    }), a("div", {
+      className: C.content,
+      "data-lenis-prevent": !0,
+      children: e
+    })]
+  });
+});
+P.displayName = "SideHideLayout";
+const Me = "styles-module__mainWrapper___AiTAw", we = "styles-module__sidebarContainer___X4yj8", De = "styles-module__sidebar___VQTlH", Ie = "styles-module__content___htJlH";
+var N = {
+  mainWrapper: Me,
+  sidebarContainer: we,
+  sidebar: De,
+  content: Ie
+};
+function Re() {
+  const e = M(null), [t, r] = W(0);
+  return A(() => {
+    const o = e.current;
+    if (!o) return;
+    const s = new ResizeObserver(([i]) => {
+      const n = i?.contentRect.width ?? 0;
+      r((l) => l !== n ? n : l);
+    });
+    return s.observe(o), () => s.disconnect();
+  }, []), [h((o) => {
+    o && (e.current = o);
+  }, []), t];
+}
+var Y = m(({ children: e, headerHeight: t, footerHeight: r, sidebarItems: o, sidebarCurrentPathname: s, onSidebarNavigate: i, sidebarLogoutLabel: n, onSidebarLogout: l }) => {
+  const { sidebarOpen: u, closeSidebar: d } = O(), [p, f] = Re(), y = () => {
+    d();
+  };
+  return _(w, { children: [a("div", {
+    ref: p,
+    className: N.sidebarContainer,
+    style: {
+      top: `${t}px`,
+      height: `calc(100vh - ${t + r}px)`
+    },
+    children: a(B, {
+      collapsed: u,
+      toggled: u,
+      onBackdropClick: y,
+      breakPoint: "xs",
+      className: N.sidebar,
+      items: o,
+      currentPathname: s,
+      onNavigate: i,
+      logoutLabel: n,
+      handleLogout: l
+    })
+  }), a("main", {
+    className: N.mainWrapper,
+    style: {
+      marginTop: `${t}px`,
+      marginBottom: `${r}px`,
+      marginLeft: `${f}px`,
+      width: `calc(100% - ${f}px)`
+    },
+    children: a("div", {
+      className: N.content,
+      "data-lenis-prevent": !0,
+      children: e
+    })
+  })] });
+});
+Y.displayName = "SideShowLayout";
+const Ue = "styles-module__wavesWrapper___TK7DI", Fe = "styles-module__squaresWrapper___P25uF", He = "styles-module__letterGlitchWrapper___KWtWU", Pe = "styles-module__pixelBlastWrapper___YptHh";
+var S = {
+  wavesWrapper: Ue,
+  squaresWrapper: Fe,
+  letterGlitchWrapper: He,
+  pixelBlastWrapper: Pe
+}, Ye = m(({ children: e, background: t }) => _(w, { children: [e, (() => {
+  switch (t) {
+    case g.WAVES:
+      return a("div", {
+        className: S.wavesWrapper,
+        children: a(ae, {})
+      });
+    case g.SQUARES:
+      return a("div", {
+        className: S.squaresWrapper,
+        children: a(se, {})
+      });
+    case g.LETTER_GLITCH:
+      return a("div", {
+        className: S.letterGlitchWrapper,
+        children: a(oe, {})
+      });
+    case g.PIXEL_BLAST:
+      return a("div", {
+        className: S.pixelBlastWrapper,
+        children: a(ne, {})
+      });
+    case g.NONE:
+    default:
+      return null;
+  }
+})()] }));
+Ye.displayName = "Background";
+const Ge = m(({ children: e, headerLeft: t, headerRight: r, footerContent: o, sidebarItems: s, sidebarCurrentPathname: i, onSidebarNavigate: n, sidebarLogoutLabel: l, onSidebarLogout: u, bottomLogoutButton: d }) => {
+  const { layoutMode: p } = O();
+  return a(H, {
+    headerLeft: t,
+    headerRight: r,
+    footerContent: o,
+    children: (f, y) => p === x.HIDE ? a(P, {
+      headerHeight: f,
+      footerHeight: y,
+      sidebarItems: s,
+      sidebarCurrentPathname: i,
+      onSidebarNavigate: n,
+      sidebarLogoutLabel: l,
+      onSidebarLogout: u,
+      bottomLogoutButton: d,
+      children: e
+    }) : a(Y, {
+      headerHeight: f,
+      footerHeight: y,
+      sidebarItems: s,
+      sidebarCurrentPathname: i,
+      onSidebarNavigate: n,
+      sidebarLogoutLabel: l,
+      onSidebarLogout: u,
+      bottomLogoutButton: d,
+      children: e
+    })
+  });
+});
+Ge.displayName = "LayoutFrame";
+var Ke = ({ defaultLayoutMode: e, sidebarOpen: t }) => {
+  const [r, o] = W(() => {
+    const s = D();
+    if (s) try {
+      const i = JSON.parse(s), n = i.state?.layoutMode ?? i.layoutMode;
+      return n === x.SHOW || n === x.HIDE ? n : e;
+    } catch {
+      return e;
+    }
+    return e;
+  });
+  return le(() => {
+    me(JSON.stringify({ state: {
+      sidebarOpen: t,
+      layoutMode: r
+    } }));
+  }, [t, r]), {
+    layoutMode: r,
+    setLayoutMode: h((s) => {
+      o(s);
+    }, [])
+  };
+}, je = () => {
+  const [e, t] = W(() => {
+    const r = D();
+    if (r) try {
+      const o = JSON.parse(r);
+      return o.state?.sidebarOpen ?? o.sidebarOpen ?? !1;
+    } catch {
+      return !1;
+    }
+    return !1;
+  });
+  return {
+    sidebarOpen: e,
+    setSidebarOpen: h((r) => {
+      t(r);
+    }, []),
+    toggleSidebar: h(() => {
+      t((r) => !r);
+    }, []),
+    closeSidebar: h(() => {
+      t(!1);
+    }, [])
+  };
+}, Je = m(({ children: e, defaultLayoutMode: t = te }) => {
+  const { sidebarOpen: r, setSidebarOpen: o, toggleSidebar: s, closeSidebar: i } = je(), { layoutMode: n, setLayoutMode: l } = Ke({
+    defaultLayoutMode: t,
+    sidebarOpen: r
+  });
+  return a(re.Provider, {
+    value: {
+      sidebarOpen: r,
+      layoutMode: n,
+      setSidebarOpen: o,
+      toggleSidebar: s,
+      closeSidebar: i,
+      setLayoutMode: l
+    },
+    children: e
+  });
+});
+Je.displayName = "LayoutProvider";
+export {
+  Ye as Background,
+  te as DEFAULT_LAYOUT_MODE,
+  U as Footer,
+  F as Header,
+  Ze as LAYOUT_MODE_VALUES,
+  L as LAYOUT_STORAGE_KEY,
+  re as LayoutContext,
+  Ge as LayoutFrame,
+  x as LayoutModeEnum,
+  Je as LayoutProvider,
+  H as MainWrapper,
+  P as SideHideLayout,
+  Y as SideShowLayout,
+  B as Sidebar,
+  D as getLayoutStorage,
+  it as removeLayoutStorage,
+  me as setLayoutStorage,
+  O as useLayout
+};
+
+//# sourceMappingURL=layouts.mjs.map

package/dist/layouts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"layouts.mjs","names":[],"sources":["../src/designs/layouts/utils/layoutStorage.ts","../src/designs/layouts/components/Sidebar/styles.module.css","../src/designs/layouts/components/Sidebar/index.tsx","../src/designs/layouts/components/Footer/styles.module.css","../src/designs/layouts/components/Footer/index.tsx","../src/designs/layouts/components/Header/styles.module.css","../src/designs/layouts/components/Header/index.tsx","../src/designs/layouts/components/MainWrapper/styles.module.css","../src/designs/layouts/components/MainWrapper/index.tsx","../src/designs/layouts/components/SideHideLayout/styles.module.css","../src/designs/layouts/components/SideHideLayout/index.tsx","../src/designs/layouts/components/SideShowLayout/styles.module.css","../src/designs/layouts/components/SideShowLayout/index.tsx","../src/designs/layouts/components/Background/styles.module.css","../src/designs/layouts/components/Background/index.tsx","../src/designs/layouts/components/LayoutFrame/index.tsx","../src/designs/layouts/hooks/useSet.ts","../src/designs/layouts/hooks/useAction.ts","../src/designs/layouts/providers/index.tsx"],"sourcesContent":["/**\n * 布局相关 localStorage 读写与移除，统一走 utils/lstorage。\n * Layout localStorage get/set/remove via utils/lstorage.\n */\nimport type { Nilable } from \"@/types/utils\";\nimport { getItem, removeItem, setItem } from \"@/utils/lstorage\";\n\nimport { LAYOUT_STORAGE_KEY } from \"../types\";\n\nexport function getLayoutStorage(): Nilable<string> {\n  return getItem(LAYOUT_STORAGE_KEY);\n}\n\nexport function setLayoutStorage(value: string): void {\n  setItem(LAYOUT_STORAGE_KEY, value);\n}\n\nexport function removeLayoutStorage(): void {\n  removeItem(LAYOUT_STORAGE_KEY);\n}\n","/* ===== Sidebar Component ===== */\r\n\r\n.sidebar {\r\n  height: 100%;\r\n  min-height: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n.sidebarContent {\r\n  padding-top: 1rem;\r\n  height: 100%;\r\n  min-height: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n}\r\n\r\n.menuWrapper {\r\n  flex: 1;\r\n  min-height: 0;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n}\r\n\r\n/* 自定义滚动条样式 - 隐藏但保持滚动功能 */\r\n.sidebarContent::-webkit-scrollbar {\r\n  width: 0px;\r\n}\r\n\r\n.sidebarContent::-webkit-scrollbar-track {\r\n  background: transparent;\r\n}\r\n\r\n.sidebarContent::-webkit-scrollbar-thumb {\r\n  background: transparent;\r\n}\r\n\r\n.sidebarContent::-webkit-scrollbar-thumb:hover {\r\n  background: transparent;\r\n}\r\n\r\n/* 内部 a 元素左边距为 0 */\r\n.sidebar :global(a) {\r\n  margin-left: 0;\r\n}\r\n\r\n/* 覆盖 react-pro-sidebar 默认样式 */\r\n.sidebar :global(.ps-sidebar-root) {\r\n  height: 100% !important;\r\n  min-height: 0 !important;\r\n  overflow: hidden !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  background-color: var(--color-bg-2) !important;\r\n  border-right: 1px solid var(--color-separator) !important;\r\n}\r\n\r\n.sidebar :global(.ps-sidebar-container) {\r\n  height: 100% !important;\r\n  min-height: 0 !important;\r\n  display: flex !important;\r\n  flex-direction: column !important;\r\n  flex: 1 !important;\r\n  overflow: hidden !important;\r\n  background-color: var(--color-bg-2) !important;\r\n  color: var(--color-fg-text) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button) {\r\n  padding: 0.5rem 0.75rem !important;\r\n  margin: 0.125rem 0.5rem !important;\r\n  border-radius: 0.375rem !important;\r\n  transition: all 0.2s ease !important;\r\n  color: var(--color-fg-text) !important;\r\n  font-size: 0.875rem !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button:hover) {\r\n  background-color: var(--color-bg-3) !important;\r\n  color: var(--color-fg-text) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active) {\r\n  background-color: var(--color-primary) !important;\r\n  color: #ffffff !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active *) {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-icon) {\r\n  color: #ffffff !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-label) {\r\n  color: #ffffff !important;\r\n}\r\n\r\n/* 菜单图标样式 */\r\n.sidebar :global(.ps-menu-icon) {\r\n  margin-right: 0.5rem !important;\r\n  width: 1.25rem !important;\r\n  height: 1.25rem !important;\r\n  color: var(--color-fg-text) !important;\r\n}\r\n\r\n/* 子菜单样式 */\r\n.sidebar :global(.ps-submenu-content) {\r\n  background-color: var(--color-bg-3) !important;\r\n  padding-left: 0.5rem !important;\r\n  overflow: hidden !important;\r\n}\r\n\r\n.sidebar :global(.ps-submenu-content .ps-menu-button) {\r\n  padding: 0.375rem 0.5rem !important;\r\n  margin: 0.125rem 0.25rem !important;\r\n  font-size: 0.8125rem !important;\r\n  transition: all 0.2s ease !important;\r\n}\r\n\r\n/* 子菜单标题样式 */\r\n.sidebar :global(.ps-menu-label) {\r\n  color: var(--color-fg-text) !important;\r\n  font-weight: 500 !important;\r\n}\r\n\r\n/* 强制选中状态的所有子元素为白色 */\r\n.sidebar :global(.ps-menu-button.ps-active),\r\n.sidebar :global(.ps-menu-button.ps-active span),\r\n.sidebar :global(.ps-menu-button.ps-active div),\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-icon),\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-label) {\r\n  color: #ffffff !important;\r\n}\r\n\r\n/* 退出登录按钮容器 */\r\n.logoutContainer {\r\n  margin-top: auto;\r\n  padding: 0.5rem;\r\n  border-top: 1px solid var(--color-separator);\r\n  flex-shrink: 0;\r\n  writing-mode: horizontal-tb;\r\n  text-orientation: mixed;\r\n}\r\n\r\n.logoutButton {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 0.5rem;\r\n  padding: 0.5rem 0.75rem;\r\n  background: transparent;\r\n  border: none;\r\n  border-radius: 0.375rem;\r\n  color: var(--color-fg-text);\r\n  font-size: 0.875rem;\r\n  cursor: pointer;\r\n  transition:\r\n    background-color 0.2s ease,\r\n    color 0.2s ease;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  writing-mode: horizontal-tb;\r\n  text-orientation: mixed;\r\n  direction: ltr;\r\n}\r\n\r\n.logoutButton span {\r\n  display: inline-block;\r\n  writing-mode: horizontal-tb !important;\r\n  text-orientation: mixed !important;\r\n  direction: ltr !important;\r\n  transform: none !important;\r\n  transition:\r\n    opacity 0.3s ease,\r\n    max-width 0.3s ease;\r\n  max-width: 200px;\r\n  opacity: 1;\r\n}\r\n\r\n.logoutButton .hiddenText {\r\n  opacity: 0;\r\n  max-width: 0;\r\n  width: 0;\r\n  overflow: hidden;\r\n}\r\n\r\n.logoutButton .visibleText {\r\n  opacity: 1;\r\n  max-width: 200px;\r\n  width: auto;\r\n}\r\n\r\n.logoutButton:hover {\r\n  background-color: var(--color-bg-3);\r\n}\r\n\r\n.logoutButton:active {\r\n  transform: scale(0.98);\r\n}\r\n\r\n.logoutButton svg {\r\n  flex-shrink: 0;\r\n  color: inherit;\r\n}\r\n","import type { SidebarMenuItem, SidebarProps } from \"../../types\";\n\nimport { memo, useCallback, useMemo } from \"react\";\nimport { Menu, MenuItem, Sidebar as ProSidebar, SubMenu } from \"react-pro-sidebar\";\n\nimport { LogOut } from \"@/icons/lucide\";\n\nimport styles from \"./styles.module.css\";\n\n/**\n * 当前路径是否命中该菜单项。\n * 若有 siblingPaths（同组子项路径），则只有当前路径精确等于 path 或匹配 path 下的详情（非其它子项）时才命中，避免 /categories 与 /categories/add 同时高亮。\n */\nfunction isPathActive(current: string, path: string, siblingPaths?: string[]): boolean {\n  if (current === path) return true;\n  if (!current.startsWith(path + \"/\")) return false;\n  if (siblingPaths?.length) {\n    const matchedSibling = siblingPaths.some((s) => s !== path && (current === s || current.startsWith(s + \"/\")));\n    if (matchedSibling) return false;\n  }\n  return true;\n}\n\nfunction isSubMenuActive(current: string, item: SidebarMenuItem): boolean {\n  if (isPathActive(current, item.path, item.children?.map((c) => c.path))) return true;\n  if (!item.children) return false;\n  return item.children.some((child) => isPathActive(current, child.path, item.children?.map((c) => c.path)) || isSubMenuActive(current, child));\n}\n\nconst Sidebar = memo(\n  ({\n    children,\n    collapsed = false,\n    toggled = false,\n    onBackdropClick,\n    breakPoint = \"all\",\n    className,\n    items = [],\n    currentPathname = \"\",\n    onNavigate,\n    logoutLabel = \"Logout\",\n    handleLogout,\n    bottomLogoutButton,\n  }: SidebarProps) => {\n    const handleItemClick = useCallback(\n      (path: string) => {\n        onNavigate?.(path);\n      },\n      [onNavigate],\n    );\n\n    const renderItem = useCallback(\n      (item: SidebarMenuItem, siblingPaths?: string[]) => {\n        const active = isPathActive(currentPathname, item.path, siblingPaths);\n        if (item.children?.length) {\n          const subActive = isSubMenuActive(currentPathname, item);\n          return (\n            <SubMenu key={item.path} label={item.label} icon={item.icon} active={subActive}>\n              {item.children.map((child) => renderItem(child, item.children!.map((c) => c.path)))}\n            </SubMenu>\n          );\n        }\n        return (\n          <MenuItem key={item.path} icon={item.icon} onClick={() => handleItemClick(item.path)} active={active}>\n            {item.label}\n          </MenuItem>\n        );\n      },\n      [currentPathname, handleItemClick],\n    );\n\n    const menuContent =\n      items.length > 0 ? (\n        <Menu\n          key={`${collapsed}-${toggled}`}\n          transitionDuration={300}\n          closeOnClick\n          menuItemStyles={{\n            button: {\n              color: \"var(--color-fg-text)\",\n              backgroundColor: \"transparent\",\n              \"&:hover\": {\n                backgroundColor: \"var(--color-bg-3)\",\n                color: \"var(--color-fg-text)\",\n              },\n              \"&.active\": {\n                backgroundColor: \"var(--color-primary)\",\n                color: \"#ffffff\",\n              },\n            },\n            icon: {\n              color: \"var(--color-fg-text)\",\n              \"&.active\": {\n                color: \"#ffffff\",\n              },\n            },\n            label: {\n              color: \"var(--color-fg-text)\",\n              \"&.active\": {\n                color: \"#ffffff\",\n              },\n            },\n          }}\n        >\n          {items.map((item) => renderItem(item))}\n        </Menu>\n      ) : null;\n\n    const bottomLogoutButtonContent = useMemo(() => {\n      if (bottomLogoutButton != null) return bottomLogoutButton;\n      if (handleLogout != null) {\n        return (\n          <div className={styles.logoutContainer}>\n            <button type=\"button\" className={styles.logoutButton} onClick={handleLogout} title={logoutLabel}>\n              <LogOut size={20} />\n              <span className={collapsed ? styles.hiddenText : styles.visibleText}>{logoutLabel}</span>\n            </button>\n          </div>\n        );\n      }\n      return null;\n    }, [collapsed, logoutLabel, handleLogout, bottomLogoutButton]);\n\n    return (\n      <ProSidebar\n        collapsed={collapsed}\n        toggled={toggled}\n        onBackdropClick={onBackdropClick}\n        breakPoint={breakPoint}\n        backgroundColor=\"var(--color-bg-2)\"\n        rootStyles={{\n          border: \"none\",\n          borderRight: \"1px solid var(--color-separator)\",\n        }}\n        className={`${styles.sidebar} ${className || \"\"}`}\n      >\n        <div className={styles.sidebarContent} onWheel={(e) => e.stopPropagation()}>\n          <div className={styles.menuWrapper}>{children ?? menuContent}</div>\n          {bottomLogoutButtonContent}\n        </div>\n      </ProSidebar>\n    );\n  },\n);\n\nSidebar.displayName = \"Sidebar\";\nexport default Sidebar;\n","/* ===== Footer Component ===== */\r\n\r\n.footer {\r\n  background: var(--color-bg-2);\r\n  padding: 0 2rem;\r\n  width: 100%;\r\n}\r\n\r\n.footerContent {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  max-width: 100%;\r\n  margin: 0 auto;\r\n}\r\n\r\n.copyright {\r\n  color: var(--color-fg-text);\r\n  font-size: 0.875rem;\r\n}\r\n\r\n.links {\r\n  display: flex;\r\n  gap: 1.5rem;\r\n}\r\n\r\n.link {\r\n  color: var(--color-fg-text);\r\n  font-size: 0.875rem;\r\n  text-decoration: none;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.link:hover {\r\n  color: var(--color-primary);\r\n}\r\n\r\n/* ===== 响应式 ===== */\r\n@media (max-width: 768px) {\r\n  .footerContent {\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n  }\r\n\r\n  .links {\r\n    gap: 1rem;\r\n  }\r\n}\r\n","import type { FooterProps } from \"../../types\";\n\nimport { memo } from \"react\";\n\nimport styles from \"./styles.module.css\";\n\nexport const DefaultFooterContent = memo(() => {\n  const currentYear = new Date().getFullYear();\n  return (\n    <div className={styles.footerContent}>\n      <span className={styles.copyright}>© {currentYear}</span>\n      <div className={styles.links}>\n        <a href=\"#\" className={styles.link}>\n          About Us\n        </a>\n        <a href=\"#\" className={styles.link}>\n          Privacy Policy\n        </a>\n        <a href=\"#\" className={styles.link}>\n          Terms of Service\n        </a>\n      </div>\n    </div>\n  );\n});\nDefaultFooterContent.displayName = \"DefaultFooterContent\";\n\n/** 通用 Footer：只负责布局与样式，内容由外部传入。 */\nconst Footer = memo(({ children, className }: FooterProps) => {\n  return <div className={`${styles.footer} ${className || \"\"}`}>{children ?? <DefaultFooterContent />}</div>;\n});\n\nFooter.displayName = \"Footer\";\n\nexport default Footer;\n","/* ===== Header - 主容器样式 ===== */\r\n\r\n.header {\r\n    display: flex;\r\n    width: 100%;\r\n    padding: 0.5rem 2rem;\r\n}\r\n\r\n/* 左侧容器：占一半，左对齐 */\r\n.header> :first-child {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n\r\n/* 右侧容器：占一半，右对齐 */\r\n.header> :last-child {\r\n    flex: 1;\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    align-items: center;\r\n}","import type { HeaderProps } from \"../../types\";\n\nimport { memo } from \"react\";\n\nimport styles from \"./styles.module.css\";\n\n/** 通用 Header：只负责布局左右两栏，内容全部由外部传入，内部不获取数据。Generic header: layout only; all content from props. */\nconst Header = memo(({ leftContent, rightContent }: HeaderProps) => {\n  return (\n    <div className={styles.header}>\n      <div>{leftContent}</div>\n      <div>{rightContent}</div>\n    </div>\n  );\n});\n\nHeader.displayName = \"Header\";\nexport default Header;\n","/* ===== One Column Layout ===== */\r\n\r\n.layout {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100vh;\r\n    width: 100%;\r\n    background: var(--color-bg);\r\n    position: relative;\r\n}\r\n\r\n/* ===== Header ===== */\r\n.header {\r\n    position: fixed;\r\n    top: 0;\r\n    z-index: 100;\r\n    background: var(--color-bg);\r\n    width: 100%;\r\n    box-shadow: 0 0.125rem 0.25rem 0 rgba(44, 51, 73, 0.1);\r\n}\r\n\r\n\r\n/* ===== Footer ===== */\r\n.footer {\r\n    position: fixed;\r\n    bottom: 0;\r\n    width: 100%;\r\n    z-index: 100;\r\n}\r\n","import type { MainWrapperProps } from \"../../types\";\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from \"react\";\n\nimport Footer from \"../Footer\";\nimport Header from \"../Header\";\nimport styles from \"./styles.module.css\";\n\nfunction useElementHeight<T extends HTMLElement>() {\n  const ref = useRef<T | null>(null);\n  const [height, setHeight] = useState(0);\n\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) return;\n\n    const observer = new ResizeObserver(([entry]) => {\n      const nextHeight = entry?.contentRect.height ?? 0;\n      setHeight((prev) => (prev !== nextHeight ? nextHeight : prev));\n    });\n\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, []);\n\n  const callbackRef = useCallback((instance: T | null) => {\n    if (instance) {\n      ref.current = instance;\n    }\n  }, []);\n\n  return [callbackRef, height] as const;\n}\n\nconst MainWrapper = memo(({ children, headerLeft, headerRight, footerContent }: MainWrapperProps) => {\n  const [headerRef, headerHeight] = useElementHeight<HTMLDivElement>();\n  const [footerRef, footerHeight] = useElementHeight<HTMLDivElement>();\n\n  return (\n    <div className={styles.layout}>\n      <header ref={headerRef} className={styles.header}>\n        <Header leftContent={headerLeft} rightContent={headerRight} />\n      </header>\n\n      {children(headerHeight, footerHeight)}\n\n      {/* Footer */}\n      <footer ref={footerRef} className={styles.footer}>\n        <Footer>{footerContent}</Footer>\n      </footer>\n    </div>\n  );\n});\n\nMainWrapper.displayName = \"MainWrapper\";\nexport default MainWrapper;\n",".mainWrapper {\n  display: flex;\n  flex: 1;\n  position: relative;\n}\n\n.sidebar {\n  position: fixed;\n  top: 0;\n}\n\n.content {\n  flex: 1;\n  background: var(--color-bg);\n  overflow-y: auto;\n  overflow-x: hidden;\n  min-height: calc(100vh - 10rem);\n  padding-top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n\n@media (max-width: 768px) {\n  .content {\n    width: 100%;\n  }\n  .sidebar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100vh;\n    z-index: 999;\n  }\n}\n","import type { SideHideLayoutProps } from \"../../types\";\n\nimport { memo, useCallback } from \"react\";\n\nimport useLayout from \"../../hooks/useLayout\";\nimport Sidebar from \"../Sidebar\";\nimport styles from \"./styles.module.css\";\n\nconst SideHideLayout = memo(\n  ({\n    children,\n    headerHeight,\n    footerHeight,\n    sidebarItems,\n    sidebarCurrentPathname,\n    onSidebarNavigate,\n    sidebarLogoutLabel,\n    onSidebarLogout,\n  }: SideHideLayoutProps) => {\n    const { sidebarOpen, closeSidebar } = useLayout();\n\n    const handleBackdropClick = useCallback(() => {\n      closeSidebar();\n    }, [closeSidebar]);\n\n    return (\n      <main\n        className={styles.mainWrapper}\n        style={{\n          marginTop: `${headerHeight}px`,\n          marginBottom: `${footerHeight}px`,\n        }}\n      >\n        <Sidebar\n          toggled={sidebarOpen}\n          onBackdropClick={handleBackdropClick}\n          breakPoint=\"all\"\n          className={styles.sidebar}\n          items={sidebarItems}\n          currentPathname={sidebarCurrentPathname}\n          onNavigate={onSidebarNavigate}\n          logoutLabel={sidebarLogoutLabel}\n          handleLogout={onSidebarLogout}\n        />\n        <div className={styles.content} data-lenis-prevent>\n          {children}\n        </div>\n      </main>\n    );\n  },\n);\n\nSideHideLayout.displayName = \"SideHideLayout\";\n\nexport default SideHideLayout;\n","/* ===== Main Wrapper (Sidebar + Content) ===== */\n.mainWrapper {\n  display: flex;\n  flex: 1;\n  position: relative;\n  flex-direction: row;\n}\n\n.sidebarContainer {\n  position: fixed;\n  left: 0;\n  z-index: 99;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n.sidebar {\n  top: 0;\n  left: 0;\n  flex-shrink: 0;\n}\n\n.content {\n  flex: 1;\n  background: var(--color-bg);\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-top: 0;\n  padding-bottom: 0;\n  margin: 0;\n}\n\n@media (max-width: 1024px) {\n  .content {\n    padding: 1.5rem;\n  }\n}\n\n@media (max-width: 768px) {\n  .content {\n    width: 100%;\n  }\n  .sidebar {\n    position: fixed;\n    top: 0;\n    left: 0;\n    height: 100vh;\n    z-index: 999;\n  }\n}\n","import type { SideShowLayoutProps } from \"../../types\";\n\nimport { memo, useCallback, useLayoutEffect, useRef, useState } from \"react\";\n\nimport useLayout from \"../../hooks/useLayout\";\nimport Sidebar from \"../Sidebar\";\nimport styles from \"./styles.module.css\";\n\nfunction useElementWidth<T extends HTMLElement>() {\n  const ref = useRef<T | null>(null);\n  const [width, setWidth] = useState(0);\n\n  useLayoutEffect(() => {\n    const node = ref.current;\n    if (!node) return;\n\n    const observer = new ResizeObserver(([entry]) => {\n      const nextWidth = entry?.contentRect.width ?? 0;\n      setWidth((prev) => (prev !== nextWidth ? nextWidth : prev));\n    });\n\n    observer.observe(node);\n    return () => observer.disconnect();\n  }, []);\n\n  const callbackRef = useCallback((instance: T | null) => {\n    if (instance) {\n      ref.current = instance;\n    }\n  }, []);\n\n  return [callbackRef, width] as const;\n}\n\nconst SideShowLayout = memo(\n  ({\n    children,\n    headerHeight,\n    footerHeight,\n    sidebarItems,\n    sidebarCurrentPathname,\n    onSidebarNavigate,\n    sidebarLogoutLabel,\n    onSidebarLogout,\n  }: SideShowLayoutProps) => {\n    const { sidebarOpen, closeSidebar } = useLayout();\n    const [sidebarRef, sidebarWidth] = useElementWidth<HTMLDivElement>();\n\n    const handleBackdropClick = () => {\n      closeSidebar();\n    };\n\n    return (\n      <>\n        <div\n          ref={sidebarRef}\n          className={styles.sidebarContainer}\n          style={{\n            top: `${headerHeight}px`,\n            height: `calc(100vh - ${headerHeight + footerHeight}px)`,\n          }}\n        >\n          <Sidebar\n            collapsed={sidebarOpen}\n            toggled={sidebarOpen}\n            onBackdropClick={handleBackdropClick}\n            breakPoint=\"xs\"\n            className={styles.sidebar}\n            items={sidebarItems}\n            currentPathname={sidebarCurrentPathname}\n            onNavigate={onSidebarNavigate}\n            logoutLabel={sidebarLogoutLabel}\n            handleLogout={onSidebarLogout}\n          />\n        </div>\n        <main\n          className={styles.mainWrapper}\n          style={{\n            marginTop: `${headerHeight}px`,\n            marginBottom: `${footerHeight}px`,\n            marginLeft: `${sidebarWidth}px`,\n            width: `calc(100% - ${sidebarWidth}px)`,\n          }}\n        >\n          <div className={styles.content} data-lenis-prevent>\n            {children}\n          </div>\n        </main>\n      </>\n    );\n  },\n);\n\nSideShowLayout.displayName = \"SideShowLayout\";\nexport default SideShowLayout;\n",".wavesWrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.wavesWrapper > * {\n  pointer-events: auto;\n}\n\n.squaresWrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.squaresWrapper > * {\n  pointer-events: auto;\n}\n\n.letterGlitchWrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.letterGlitchWrapper > * {\n  pointer-events: auto;\n}\n\n.pixelBlastWrapper {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  z-index: 0;\n  overflow: hidden;\n}\n\n.pixelBlastWrapper > * {\n  pointer-events: auto;\n}\n","import type { ReactNode } from \"react\";\n\nimport { memo } from \"react\";\n\nimport { LetterGlitchBackground, PixelBlastBackground, SquareBackground, WaveBackground } from \"@/designs/animations\";\nimport { DashboardBackgroundEnum } from \"@/preference\";\n\nimport styles from \"./styles.module.css\";\n\ninterface BackgroundProps {\n  children: ReactNode;\n  /** 可选：外部传入的偏好，有则优先使用；否则从 profile.preference 解析。Optional: preference from parent; otherwise parsed from profile. */\n  background?: DashboardBackgroundEnum | null;\n}\n\n/** 与 NFX-Identity/console 一致：仪表盘背景由用户偏好（可外部传入或从 profile 解析） */\nconst Background = memo(({ children, background }: BackgroundProps) => {\n  const renderBackground = () => {\n    switch (background) {\n      case DashboardBackgroundEnum.WAVES:\n        return (\n          <div className={styles.wavesWrapper}>\n            <WaveBackground />\n          </div>\n        );\n      case DashboardBackgroundEnum.SQUARES:\n        return (\n          <div className={styles.squaresWrapper}>\n            <SquareBackground />\n          </div>\n        );\n      case DashboardBackgroundEnum.LETTER_GLITCH:\n        return (\n          <div className={styles.letterGlitchWrapper}>\n            <LetterGlitchBackground />\n          </div>\n        );\n      case DashboardBackgroundEnum.PIXEL_BLAST:\n        return (\n          <div className={styles.pixelBlastWrapper}>\n            <PixelBlastBackground />\n          </div>\n        );\n      case DashboardBackgroundEnum.NONE:\n      default:\n        return null;\n    }\n  };\n\n  return (\n    <>\n      {children}\n      {renderBackground()}\n    </>\n  );\n});\n\nBackground.displayName = \"Background\";\nexport default Background;\nexport type { BackgroundProps };\n","import type { LayoutFrameProps } from \"../../types\";\n\nimport { memo } from \"react\";\n\nimport useLayout from \"../../hooks/useLayout\";\nimport { LayoutModeEnum } from \"../../types\";\nimport MainWrapper from \"../MainWrapper\";\nimport SideHideLayout from \"../SideHideLayout\";\nimport SideShowLayout from \"../SideShowLayout\";\n\nexport const LayoutFrame = memo(\n  ({\n    children,\n    headerLeft,\n    headerRight,\n    footerContent,\n    sidebarItems,\n    sidebarCurrentPathname,\n    onSidebarNavigate,\n    sidebarLogoutLabel,\n    onSidebarLogout,\n    bottomLogoutButton,\n  }: LayoutFrameProps) => {\n    const { layoutMode } = useLayout();\n    return (\n      <MainWrapper headerLeft={headerLeft} headerRight={headerRight} footerContent={footerContent}>\n        {(headerHeight, footerHeight) => {\n          if (layoutMode === LayoutModeEnum.HIDE) {\n            return (\n              <SideHideLayout\n                headerHeight={headerHeight}\n                footerHeight={footerHeight}\n                sidebarItems={sidebarItems}\n                sidebarCurrentPathname={sidebarCurrentPathname}\n                onSidebarNavigate={onSidebarNavigate}\n                sidebarLogoutLabel={sidebarLogoutLabel}\n                onSidebarLogout={onSidebarLogout}\n                bottomLogoutButton={bottomLogoutButton}\n              >\n                {children}\n              </SideHideLayout>\n            );\n          } else {\n            return (\n              <SideShowLayout\n                headerHeight={headerHeight}\n                footerHeight={footerHeight}\n                sidebarItems={sidebarItems}\n                sidebarCurrentPathname={sidebarCurrentPathname}\n                onSidebarNavigate={onSidebarNavigate}\n                sidebarLogoutLabel={sidebarLogoutLabel}\n                onSidebarLogout={onSidebarLogout}\n                bottomLogoutButton={bottomLogoutButton}\n              >\n                {children}\n              </SideShowLayout>\n            );\n          }\n        }}\n      </MainWrapper>\n    );\n  },\n);\n\nLayoutFrame.displayName = \"LayoutFrame\";\nexport default LayoutFrame;\n","import { useCallback, useEffect, useState } from \"react\";\n\nimport { getLayoutStorage, setLayoutStorage } from \"../utils\";\nimport { LayoutModeEnum } from \"../types\";\n\ninterface UseSetProps {\n  defaultLayoutMode: LayoutModeEnum;\n  sidebarOpen: boolean;\n}\n\nconst useSet = ({ defaultLayoutMode, sidebarOpen }: UseSetProps) => {\n  const [layoutMode, setLayoutModeState] = useState<LayoutModeEnum>(() => {\n    const saved = getLayoutStorage();\n    if (saved) {\n      try {\n        const parsed = JSON.parse(saved);\n        const mode = parsed.state?.layoutMode ?? parsed.layoutMode;\n        return mode === LayoutModeEnum.SHOW || mode === LayoutModeEnum.HIDE ? mode : defaultLayoutMode;\n      } catch {\n        return defaultLayoutMode;\n      }\n    }\n    return defaultLayoutMode;\n  });\n\n  useEffect(() => {\n    const storage = {\n      state: {\n        sidebarOpen,\n        layoutMode,\n      },\n    };\n    setLayoutStorage(JSON.stringify(storage));\n  }, [sidebarOpen, layoutMode]);\n\n  const setLayoutMode = useCallback((mode: LayoutModeEnum) => {\n    setLayoutModeState(mode);\n  }, []);\n\n  return {\n    layoutMode,\n    setLayoutMode,\n  };\n};\n\nexport default useSet;\n","import { useCallback, useState } from \"react\";\n\nimport { getLayoutStorage } from \"../utils\";\n\nconst useAction = () => {\n  const [sidebarOpen, setSidebarOpenState] = useState<boolean>(() => {\n    const saved = getLayoutStorage();\n    if (saved) {\n      try {\n        const parsed = JSON.parse(saved);\n        return parsed.state?.sidebarOpen ?? parsed.sidebarOpen ?? false;\n      } catch {\n        return false;\n      }\n    }\n    return false;\n  });\n\n  const setSidebarOpen = useCallback((open: boolean) => {\n    setSidebarOpenState(open);\n  }, []);\n\n  const toggleSidebar = useCallback(() => {\n    setSidebarOpenState((prev) => !prev);\n  }, []);\n\n  const closeSidebar = useCallback(() => {\n    setSidebarOpenState(false);\n  }, []);\n\n  return {\n    sidebarOpen,\n    setSidebarOpen,\n    toggleSidebar,\n    closeSidebar,\n  };\n};\n\nexport default useAction;\n","/**\n * 布局提供者：提供侧栏开关与显示/隐藏模式上下文。\n * Layout provider: provides sidebar state and show/hide layout mode context.\n */\nimport type { LayoutProviderProps } from \"../types\";\n\nimport { memo } from \"react\";\n\nimport useAction from \"../hooks/useAction\";\nimport { LayoutContext } from \"../hooks/useLayout\";\nimport useSet from \"../hooks/useSet\";\nimport { DEFAULT_LAYOUT_MODE } from \"../types\";\n\nconst LayoutProvider = memo(({ children, defaultLayoutMode = DEFAULT_LAYOUT_MODE }: LayoutProviderProps) => {\n  const { sidebarOpen, setSidebarOpen, toggleSidebar, closeSidebar } = useAction();\n  const { layoutMode, setLayoutMode } = useSet({ defaultLayoutMode, sidebarOpen });\n\n  return (\n    <LayoutContext.Provider\n      value={{\n        sidebarOpen,\n        layoutMode,\n        setSidebarOpen,\n        toggleSidebar,\n        closeSidebar,\n        setLayoutMode,\n      }}\n    >\n      {children}\n    </LayoutContext.Provider>\n  );\n});\n\nLayoutProvider.displayName = \"LayoutProvider\";\nexport default LayoutProvider;\n"],"mappings":"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"}