npm - nfx-ui - Versions diffs - 0.12.2 → 0.12.3 - Mend

nfx-ui 0.12.2 → 0.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/layouts.cjs +1 -1
package/dist/layouts.cjs.map +1 -1
package/dist/layouts.mjs +157 -152
package/dist/layouts.mjs.map +1 -1
package/dist/src/designs/layouts/components/SideShowLayout/index.d.ts.map +1 -1
package/dist/src/designs/layouts/components/Sidebar/index.d.ts.map +1 -1
package/package.json +1 -1

package/dist/layouts.cjs CHANGED Viewed

@@ -1,5 +1,5 @@
 (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__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;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{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: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:var(--color-primary-fg)!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: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;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:var(--color-primary-fg)!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{border-radius:var(--radius-button);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;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%;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__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}.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)}})();
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Te=require("./chunk-chunk-BFrxaqQT.cjs"),O=require("./chunk-lstorage-BnxLXHgH.cjs"),_=require("./chunk-layout-D728gccQ.cjs"),x=require("./chunk-useLayout-BAJHOIL3.cjs"),k=require("./chunk-animations-CYs6wRF6.cjs"),b=require("./chunk-preference-Dbugm0iQ.cjs");let o=require("react"),e=require("react/jsx-runtime"),g=require("react-pro-sidebar"),V=require("lucide-react");function W(){return O.getItem(_.LAYOUT_STORAGE_KEY)}function q(r){O.setItem(_.LAYOUT_STORAGE_KEY,r)}function X(){O.removeItem(_.LAYOUT_STORAGE_KEY)}var Z="styles-module__sidebar___BMt0j",ee="styles-module__sidebarContent___iAwiw",re="styles-module__menuWrapper___DKuEv",ae="styles-module__logoutContainer___7NwBL",te="styles-module__logoutButton___rfD6u",se="styles-module__hiddenText___z183T",oe="styles-module__visibleText___lfsv-",h={sidebar:Z,sidebarContent:ee,menuWrapper:re,logoutContainer:ae,logoutButton:te,hiddenText:se,visibleText:oe};function C(r,a,t){return r===a?!0:!(!r.startsWith(a+"/")||t?.length&&t.some(s=>s!==a&&(r===s||r.startsWith(s+"/"))))}function Y(r,a){return C(r,a.path,a.children?.map(t=>t.path))?!0:a.children?a.children.some(t=>C(r,t.path,a.children?.map(s=>s.path))||Y(r,t)):!1}var j=(0,o.memo)(({children:r,collapsed:a=!1,toggled:t=!1,onBackdropClick:s,breakPoint:n="all",className:u,items:l=[],currentPathname:i="",onNavigate:m,logoutLabel:d="Logout",handleLogout:p,bottomLogoutButton:v})=>{const y=(0,o.useCallback)(c=>{m?.(c)},[m]),D=(0,o.useCallback)((c,G)=>{const K=C(i,c.path,G);if(c.children?.length){const z=Y(i,c);return(0,e.jsx)(g.SubMenu,{label:c.label,icon:c.icon,active:z,children:c.children.map(J=>D(J,c.children.map(Q=>Q.path)))},c.path)}return(0,e.jsx)(g.MenuItem,{icon:c.icon,onClick:()=>y(c.path),active:K,children:c.label},c.path)},[i,y]),I=l.length>0?(0,e.jsx)(g.Menu,{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:"var(--color-primary-fg)"}},icon:{color:"var(--color-fg-text)","&.active":{color:"var(--color-primary-fg)"}},label:{color:"var(--color-fg-text)","&.active":{color:"var(--color-primary-fg)"}}},children:l.map(c=>D(c))},`${a}-${t}`):null,P=(0,o.useMemo)(()=>v??(p!=null?(0,e.jsx)("div",{className:h.logoutContainer,children:(0,e.jsxs)("button",{type:"button",className:h.logoutButton,onClick:p,title:d,children:[(0,e.jsx)(V.LogOut,{size:20}),(0,e.jsx)("span",{className:a?h.hiddenText:h.visibleText,children:d})]})}):null),[a,d,p,v]);return(0,e.jsx)(g.Sidebar,{collapsed:a,toggled:t,onBackdropClick:s,breakPoint:n,backgroundColor:"var(--color-bg-2)",rootStyles:{border:"none",borderRight:"1px solid var(--color-separator)"},className:`${h.sidebar} ${u||""}`,children:(0,e.jsxs)("div",{className:h.sidebarContent,onWheel:c=>c.stopPropagation(),children:[(0,e.jsx)("div",{className:h.menuWrapper,children:r??I}),P]})})});j.displayName="Sidebar";var ne="styles-module__footer___g-hY7",le="styles-module__footerContent___Oen5n",ie="styles-module__copyright___1R2o3",ue="styles-module__links___dQyvB",ce="styles-module__link___UWfyK",f={footer:ne,footerContent:le,copyright:ie,links:ue,link:ce},R=(0,o.memo)(()=>{const r=new Date().getFullYear();return(0,e.jsxs)("div",{className:f.footerContent,children:[(0,e.jsxs)("span",{className:f.copyright,children:["© ",r]}),(0,e.jsxs)("div",{className:f.links,children:[(0,e.jsx)("a",{href:"#",className:f.link,children:"About Us"}),(0,e.jsx)("a",{href:"#",className:f.link,children:"Privacy Policy"}),(0,e.jsx)("a",{href:"#",className:f.link,children:"Terms of Service"})]})]})});R.displayName="DefaultFooterContent";var T=(0,o.memo)(({children:r,className:a})=>(0,e.jsx)("div",{className:`${f.footer} ${a||""}`,children:r??(0,e.jsx)(R,{})}));T.displayName="Footer";var de="styles-module__header___4Uc8h",_e={header:de},A=(0,o.memo)(({leftContent:r,rightContent:a})=>(0,e.jsxs)("div",{className:_e.header,children:[(0,e.jsx)("div",{children:r}),(0,e.jsx)("div",{children:a})]}));A.displayName="Header";var me="styles-module__layout___ZQKU7",pe="styles-module__header___XIaFb",ve="styles-module__footer___r8ASO",E={layout:me,header:pe,footer:ve};function U(){const r=(0,o.useRef)(null),[a,t]=(0,o.useState)(0);return(0,o.useLayoutEffect)(()=>{const s=r.current;if(!s)return;const n=new ResizeObserver(([u])=>{const l=u?.contentRect.height??0;t(i=>i!==l?l:i)});return n.observe(s),()=>n.disconnect()},[]),[(0,o.useCallback)(s=>{s&&(r.current=s)},[]),a]}var B=(0,o.memo)(({children:r,headerLeft:a,headerRight:t,footerContent:s})=>{const[n,u]=U(),[l,i]=U();return(0,e.jsxs)("div",{className:E.layout,children:[(0,e.jsx)("header",{ref:n,className:E.header,children:(0,e.jsx)(A,{leftContent:a,rightContent:t})}),r(u,i),(0,e.jsx)("footer",{ref:l,className:E.footer,children:(0,e.jsx)(T,{children:s})})]})});B.displayName="MainWrapper";var ye="styles-module__mainWrapper___i4tEI",he="styles-module__sidebar___ij-8-",fe="styles-module__content___mTgUr",N={mainWrapper:ye,sidebar:he,content:fe},M=(0,o.memo)(({children:r,headerHeight:a,footerHeight:t,sidebarItems:s,sidebarCurrentPathname:n,onSidebarNavigate:u,sidebarLogoutLabel:l,onSidebarLogout:i})=>{const{sidebarOpen:m,closeSidebar:d}=x.useLayout(),p=(0,o.useCallback)(()=>{d()},[d]);return(0,e.jsxs)("main",{className:N.mainWrapper,style:{marginTop:`${a}px`,marginBottom:`${t}px`},children:[(0,e.jsx)(j,{toggled:m,onBackdropClick:p,breakPoint:"all",className:N.sidebar,items:s,currentPathname:n,onNavigate:u,logoutLabel:l,handleLogout:i}),(0,e.jsx)("div",{className:N.content,"data-lenis-prevent":!0,children:r})]})});M.displayName="SideHideLayout";var xe="styles-module__mainWrapper___AiTAw",be="styles-module__sidebarContainer___X4yj8",ge="styles-module__sidebar___VQTlH",Se="styles-module__content___htJlH",S={mainWrapper:xe,sidebarContainer:be,sidebar:ge,content:Se};function Le(){const r=(0,o.useRef)(null),[a,t]=(0,o.useState)(0);return(0,o.useLayoutEffect)(()=>{const s=r.current;if(!s)return;const n=new ResizeObserver(([u])=>{const l=u?.contentRect.width??0;t(i=>i!==l?l:i)});return n.observe(s),()=>n.disconnect()},[]),[(0,o.useCallback)(s=>{s&&(r.current=s)},[]),a]}var $=(0,o.memo)(({children:r,headerHeight:a,footerHeight:t,sidebarItems:s,sidebarCurrentPathname:n,onSidebarNavigate:u,sidebarLogoutLabel:l,onSidebarLogout:i})=>{const{sidebarOpen:m,closeSidebar:d}=x.useLayout(),[p,v]=Le(),y=()=>{d()};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{ref:p,className:S.sidebarContainer,style:{top:`${a}px`,height:`calc(100vh - ${a+t}px)`},children:(0,e.jsx)(j,{collapsed:m,toggled:m,onBackdropClick:y,breakPoint:"xs",className:S.sidebar,items:s,currentPathname:n,onNavigate:u,logoutLabel:l,handleLogout:i})}),(0,e.jsx)("main",{className:S.mainWrapper,style:{marginTop:`${a}px`,marginBottom:`${t}px`,marginLeft:`${v}px`,width:`calc(100% - ${v}px)`},children:(0,e.jsx)("div",{className:S.content,"data-lenis-prevent":!0,children:r})})]})});$.displayName="SideShowLayout";var je="styles-module__wavesWrapper___TK7DI",ke="styles-module__squaresWrapper___P25uF",Ee="styles-module__letterGlitchWrapper___KWtWU",Ne="styles-module__pixelBlastWrapper___YptHh",L={wavesWrapper:je,squaresWrapper:ke,letterGlitchWrapper:Ee,pixelBlastWrapper:Ne},Ce=(0,o.lazy)(()=>Promise.resolve().then(()=>require("./pixel-blast.cjs"))),w=(0,o.memo)(({children:r,background:a})=>{const t=()=>{switch(a){case b.DashboardBackgroundEnum.WAVES:return(0,e.jsx)("div",{className:L.wavesWrapper,children:(0,e.jsx)(k.WaveBackground,{})});case b.DashboardBackgroundEnum.SQUARES:return(0,e.jsx)("div",{className:L.squaresWrapper,children:(0,e.jsx)(k.SquareBackground,{})});case b.DashboardBackgroundEnum.LETTER_GLITCH:return(0,e.jsx)("div",{className:L.letterGlitchWrapper,children:(0,e.jsx)(k.LetterGlitchBackground,{})});case b.DashboardBackgroundEnum.PIXEL_BLAST:return(0,e.jsx)(o.Suspense,{fallback:null,children:(0,e.jsx)("div",{className:L.pixelBlastWrapper,children:(0,e.jsx)(Ce,{})})});case b.DashboardBackgroundEnum.NONE:default:return null}};return(0,e.jsxs)(e.Fragment,{children:[r,t()]})});w.displayName="Background";var F=(0,o.memo)(({children:r,headerLeft:a,headerRight:t,footerContent:s,sidebarItems:n,sidebarCurrentPathname:u,onSidebarNavigate:l,sidebarLogoutLabel:i,onSidebarLogout:m,bottomLogoutButton:d})=>{const{layoutMode:p}=x.useLayout();return(0,e.jsx)(B,{headerLeft:a,headerRight:t,footerContent:s,children:(v,y)=>p===_.LayoutModeEnum.HIDE?(0,e.jsx)(M,{headerHeight:v,footerHeight:y,sidebarItems:n,sidebarCurrentPathname:u,onSidebarNavigate:l,sidebarLogoutLabel:i,onSidebarLogout:m,bottomLogoutButton:d,children:r}):(0,e.jsx)($,{headerHeight:v,footerHeight:y,sidebarItems:n,sidebarCurrentPathname:u,onSidebarNavigate:l,sidebarLogoutLabel:i,onSidebarLogout:m,bottomLogoutButton:d,children:r})})});F.displayName="LayoutFrame";var Oe=({defaultLayoutMode:r,sidebarOpen:a})=>{const[t,s]=(0,o.useState)(()=>{const n=W();if(n)try{const u=JSON.parse(n),l=u.state?.layoutMode??u.layoutMode;return l===_.LayoutModeEnum.SHOW||l===_.LayoutModeEnum.HIDE?l:r}catch{return r}return r});return(0,o.useEffect)(()=>{q(JSON.stringify({state:{sidebarOpen:a,layoutMode:t}}))},[a,t]),{layoutMode:t,setLayoutMode:(0,o.useCallback)(n=>{s(n)},[])}},We=()=>{const[r,a]=(0,o.useState)(()=>{const t=W();if(t)try{const s=JSON.parse(t);return s.state?.sidebarOpen??s.sidebarOpen??!1}catch{return!1}return!1});return{sidebarOpen:r,setSidebarOpen:(0,o.useCallback)(t=>{a(t)},[]),toggleSidebar:(0,o.useCallback)(()=>{a(t=>!t)},[]),closeSidebar:(0,o.useCallback)(()=>{a(!1)},[])}},H=(0,o.memo)(({children:r,defaultLayoutMode:a=_.DEFAULT_LAYOUT_MODE})=>{const{sidebarOpen:t,setSidebarOpen:s,toggleSidebar:n,closeSidebar:u}=We(),{layoutMode:l,setLayoutMode:i}=Oe({defaultLayoutMode:a,sidebarOpen:t});return(0,e.jsx)(x.LayoutContext.Provider,{value:{sidebarOpen:t,layoutMode:l,setSidebarOpen:s,toggleSidebar:n,closeSidebar:u,setLayoutMode:i},children:r})});H.displayName="LayoutProvider";exports.Background=w;exports.DEFAULT_LAYOUT_MODE=_.DEFAULT_LAYOUT_MODE;exports.Footer=T;exports.Header=A;exports.LAYOUT_MODE_VALUES=_.LAYOUT_MODE_VALUES;exports.LAYOUT_STORAGE_KEY=_.LAYOUT_STORAGE_KEY;exports.LayoutContext=x.LayoutContext;exports.LayoutFrame=F;exports.LayoutModeEnum=_.LayoutModeEnum;exports.LayoutProvider=H;exports.MainWrapper=B;exports.SideHideLayout=M;exports.SideShowLayout=$;exports.Sidebar=j;exports.getLayoutStorage=W;exports.removeLayoutStorage=X;exports.setLayoutStorage=q;exports.useLayout=x.useLayout;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Ae=require("./chunk-chunk-BFrxaqQT.cjs"),O=require("./chunk-lstorage-BnxLXHgH.cjs"),_=require("./chunk-layout-D728gccQ.cjs"),x=require("./chunk-useLayout-BAJHOIL3.cjs"),k=require("./chunk-animations-CYs6wRF6.cjs"),b=require("./chunk-preference-Dbugm0iQ.cjs");let o=require("react"),e=require("react/jsx-runtime"),g=require("react-pro-sidebar"),X=require("lucide-react");function T(){return O.getItem(_.LAYOUT_STORAGE_KEY)}function R(r){O.setItem(_.LAYOUT_STORAGE_KEY,r)}function Z(){O.removeItem(_.LAYOUT_STORAGE_KEY)}var ee="styles-module__sidebar___BMt0j",re="styles-module__sidebarContent___iAwiw",ae="styles-module__menuWrapper___DKuEv",te="styles-module__logoutContainer___7NwBL",se="styles-module__logoutButton___rfD6u",oe="styles-module__hiddenText___z183T",ne="styles-module__visibleText___lfsv-",h={sidebar:ee,sidebarContent:re,menuWrapper:ae,logoutContainer:te,logoutButton:se,hiddenText:oe,visibleText:ne};function C(r,a,t){return r===a?!0:!(!r.startsWith(a+"/")||t?.length&&t.some(s=>s!==a&&(r===s||r.startsWith(s+"/"))))}function Y(r,a){return C(r,a.path,a.children?.map(t=>t.path))?!0:a.children?a.children.some(t=>C(r,t.path,a.children?.map(s=>s.path))||Y(r,t)):!1}var j=(0,o.memo)(({children:r,collapsed:a=!1,toggled:t=!1,onBackdropClick:s,breakPoint:n="all",className:i,items:l=[],currentPathname:u="",onNavigate:m,logoutLabel:d="Logout",handleLogout:p,bottomLogoutButton:v})=>{const y=(0,o.useRef)(null);(0,o.useLayoutEffect)(()=>{t&&y.current&&(y.current.scrollTop=0)},[t]);const D=(0,o.useCallback)(c=>{m?.(c)},[m]),U=(0,o.useCallback)((c,K)=>{const z=C(u,c.path,K);if(c.children?.length){const J=Y(u,c);return(0,e.jsx)(g.SubMenu,{label:c.label,icon:c.icon,active:J,children:c.children.map(Q=>U(Q,c.children.map(V=>V.path)))},c.path)}return(0,e.jsx)(g.MenuItem,{icon:c.icon,onClick:()=>D(c.path),active:z,children:c.label},c.path)},[u,D]),P=l.length>0?(0,e.jsx)(g.Menu,{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:"var(--color-primary-fg)"}},icon:{color:"var(--color-fg-text)","&.active":{color:"var(--color-primary-fg)"}},label:{color:"var(--color-fg-text)","&.active":{color:"var(--color-primary-fg)"}}},children:l.map(c=>U(c))},`${a}-${t}`):null,G=(0,o.useMemo)(()=>v??(p!=null?(0,e.jsx)("div",{className:h.logoutContainer,children:(0,e.jsxs)("button",{type:"button",className:h.logoutButton,onClick:p,title:d,children:[(0,e.jsx)(X.LogOut,{size:20}),(0,e.jsx)("span",{className:a?h.hiddenText:h.visibleText,children:d})]})}):null),[a,d,p,v]);return(0,e.jsx)(g.Sidebar,{collapsed:a,toggled:t,onBackdropClick:s,breakPoint:n,backgroundColor:"var(--color-bg-2)",rootStyles:{border:"none",borderRight:"1px solid var(--color-separator)"},className:`${h.sidebar} ${i||""}`,children:(0,e.jsxs)("div",{className:h.sidebarContent,onWheel:c=>c.stopPropagation(),children:[(0,e.jsx)("div",{ref:y,className:h.menuWrapper,children:r??P}),G]})})});j.displayName="Sidebar";var le="styles-module__footer___g-hY7",ue="styles-module__footerContent___Oen5n",ie="styles-module__copyright___1R2o3",ce="styles-module__links___dQyvB",de="styles-module__link___UWfyK",f={footer:le,footerContent:ue,copyright:ie,links:ce,link:de},w=(0,o.memo)(()=>{const r=new Date().getFullYear();return(0,e.jsxs)("div",{className:f.footerContent,children:[(0,e.jsxs)("span",{className:f.copyright,children:["© ",r]}),(0,e.jsxs)("div",{className:f.links,children:[(0,e.jsx)("a",{href:"#",className:f.link,children:"About Us"}),(0,e.jsx)("a",{href:"#",className:f.link,children:"Privacy Policy"}),(0,e.jsx)("a",{href:"#",className:f.link,children:"Terms of Service"})]})]})});w.displayName="DefaultFooterContent";var W=(0,o.memo)(({children:r,className:a})=>(0,e.jsx)("div",{className:`${f.footer} ${a||""}`,children:r??(0,e.jsx)(w,{})}));W.displayName="Footer";var _e="styles-module__header___4Uc8h",me={header:_e},A=(0,o.memo)(({leftContent:r,rightContent:a})=>(0,e.jsxs)("div",{className:me.header,children:[(0,e.jsx)("div",{children:r}),(0,e.jsx)("div",{children:a})]}));A.displayName="Header";var pe="styles-module__layout___ZQKU7",ve="styles-module__header___XIaFb",ye="styles-module__footer___r8ASO",E={layout:pe,header:ve,footer:ye};function q(){const r=(0,o.useRef)(null),[a,t]=(0,o.useState)(0);return(0,o.useLayoutEffect)(()=>{const s=r.current;if(!s)return;const n=new ResizeObserver(([i])=>{const l=i?.contentRect.height??0;t(u=>u!==l?l:u)});return n.observe(s),()=>n.disconnect()},[]),[(0,o.useCallback)(s=>{s&&(r.current=s)},[]),a]}var B=(0,o.memo)(({children:r,headerLeft:a,headerRight:t,footerContent:s})=>{const[n,i]=q(),[l,u]=q();return(0,e.jsxs)("div",{className:E.layout,children:[(0,e.jsx)("header",{ref:n,className:E.header,children:(0,e.jsx)(A,{leftContent:a,rightContent:t})}),r(i,u),(0,e.jsx)("footer",{ref:l,className:E.footer,children:(0,e.jsx)(W,{children:s})})]})});B.displayName="MainWrapper";var he="styles-module__mainWrapper___i4tEI",fe="styles-module__sidebar___ij-8-",xe="styles-module__content___mTgUr",N={mainWrapper:he,sidebar:fe,content:xe},M=(0,o.memo)(({children:r,headerHeight:a,footerHeight:t,sidebarItems:s,sidebarCurrentPathname:n,onSidebarNavigate:i,sidebarLogoutLabel:l,onSidebarLogout:u})=>{const{sidebarOpen:m,closeSidebar:d}=x.useLayout(),p=(0,o.useCallback)(()=>{d()},[d]);return(0,e.jsxs)("main",{className:N.mainWrapper,style:{marginTop:`${a}px`,marginBottom:`${t}px`},children:[(0,e.jsx)(j,{toggled:m,onBackdropClick:p,breakPoint:"all",className:N.sidebar,items:s,currentPathname:n,onNavigate:i,logoutLabel:l,handleLogout:u}),(0,e.jsx)("div",{className:N.content,"data-lenis-prevent":!0,children:r})]})});M.displayName="SideHideLayout";var be="styles-module__mainWrapper___AiTAw",ge="styles-module__sidebarContainer___X4yj8",Se="styles-module__sidebar___VQTlH",Le="styles-module__content___htJlH",S={mainWrapper:be,sidebarContainer:ge,sidebar:Se,content:Le};function je(){const r=(0,o.useRef)(null),[a,t]=(0,o.useState)(0);return(0,o.useLayoutEffect)(()=>{const s=r.current;if(!s)return;const n=new ResizeObserver(([i])=>{const l=i?.contentRect.width??0;t(u=>u!==l?l:u)});return n.observe(s),()=>n.disconnect()},[]),[(0,o.useCallback)(s=>{s&&(r.current=s)},[]),a]}var $=(0,o.memo)(({children:r,headerHeight:a,footerHeight:t,sidebarItems:s,sidebarCurrentPathname:n,onSidebarNavigate:i,sidebarLogoutLabel:l,onSidebarLogout:u})=>{const{sidebarOpen:m,closeSidebar:d}=x.useLayout(),[p,v]=je(),y=()=>{d()};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("div",{ref:p,className:S.sidebarContainer,style:{top:`${a}px`,height:`calc(100vh - ${a+t}px)`},children:(0,e.jsx)(j,{collapsed:!1,toggled:m,onBackdropClick:y,breakPoint:"xs",className:S.sidebar,items:s,currentPathname:n,onNavigate:i,logoutLabel:l,handleLogout:u})}),(0,e.jsx)("main",{className:S.mainWrapper,style:{marginTop:`${a}px`,marginBottom:`${t}px`,marginLeft:`${v}px`,width:`calc(100% - ${v}px)`},children:(0,e.jsx)("div",{className:S.content,"data-lenis-prevent":!0,children:r})})]})});$.displayName="SideShowLayout";var ke="styles-module__wavesWrapper___TK7DI",Ee="styles-module__squaresWrapper___P25uF",Ne="styles-module__letterGlitchWrapper___KWtWU",Ce="styles-module__pixelBlastWrapper___YptHh",L={wavesWrapper:ke,squaresWrapper:Ee,letterGlitchWrapper:Ne,pixelBlastWrapper:Ce},Oe=(0,o.lazy)(()=>Promise.resolve().then(()=>require("./pixel-blast.cjs"))),F=(0,o.memo)(({children:r,background:a})=>{const t=()=>{switch(a){case b.DashboardBackgroundEnum.WAVES:return(0,e.jsx)("div",{className:L.wavesWrapper,children:(0,e.jsx)(k.WaveBackground,{})});case b.DashboardBackgroundEnum.SQUARES:return(0,e.jsx)("div",{className:L.squaresWrapper,children:(0,e.jsx)(k.SquareBackground,{})});case b.DashboardBackgroundEnum.LETTER_GLITCH:return(0,e.jsx)("div",{className:L.letterGlitchWrapper,children:(0,e.jsx)(k.LetterGlitchBackground,{})});case b.DashboardBackgroundEnum.PIXEL_BLAST:return(0,e.jsx)(o.Suspense,{fallback:null,children:(0,e.jsx)("div",{className:L.pixelBlastWrapper,children:(0,e.jsx)(Oe,{})})});case b.DashboardBackgroundEnum.NONE:default:return null}};return(0,e.jsxs)(e.Fragment,{children:[r,t()]})});F.displayName="Background";var H=(0,o.memo)(({children:r,headerLeft:a,headerRight:t,footerContent:s,sidebarItems:n,sidebarCurrentPathname:i,onSidebarNavigate:l,sidebarLogoutLabel:u,onSidebarLogout:m,bottomLogoutButton:d})=>{const{layoutMode:p}=x.useLayout();return(0,e.jsx)(B,{headerLeft:a,headerRight:t,footerContent:s,children:(v,y)=>p===_.LayoutModeEnum.HIDE?(0,e.jsx)(M,{headerHeight:v,footerHeight:y,sidebarItems:n,sidebarCurrentPathname:i,onSidebarNavigate:l,sidebarLogoutLabel:u,onSidebarLogout:m,bottomLogoutButton:d,children:r}):(0,e.jsx)($,{headerHeight:v,footerHeight:y,sidebarItems:n,sidebarCurrentPathname:i,onSidebarNavigate:l,sidebarLogoutLabel:u,onSidebarLogout:m,bottomLogoutButton:d,children:r})})});H.displayName="LayoutFrame";var Te=({defaultLayoutMode:r,sidebarOpen:a})=>{const[t,s]=(0,o.useState)(()=>{const n=T();if(n)try{const i=JSON.parse(n),l=i.state?.layoutMode??i.layoutMode;return l===_.LayoutModeEnum.SHOW||l===_.LayoutModeEnum.HIDE?l:r}catch{return r}return r});return(0,o.useEffect)(()=>{R(JSON.stringify({state:{sidebarOpen:a,layoutMode:t}}))},[a,t]),{layoutMode:t,setLayoutMode:(0,o.useCallback)(n=>{s(n)},[])}},We=()=>{const[r,a]=(0,o.useState)(()=>{const t=T();if(t)try{const s=JSON.parse(t);return s.state?.sidebarOpen??s.sidebarOpen??!1}catch{return!1}return!1});return{sidebarOpen:r,setSidebarOpen:(0,o.useCallback)(t=>{a(t)},[]),toggleSidebar:(0,o.useCallback)(()=>{a(t=>!t)},[]),closeSidebar:(0,o.useCallback)(()=>{a(!1)},[])}},I=(0,o.memo)(({children:r,defaultLayoutMode:a=_.DEFAULT_LAYOUT_MODE})=>{const{sidebarOpen:t,setSidebarOpen:s,toggleSidebar:n,closeSidebar:i}=We(),{layoutMode:l,setLayoutMode:u}=Te({defaultLayoutMode:a,sidebarOpen:t});return(0,e.jsx)(x.LayoutContext.Provider,{value:{sidebarOpen:t,layoutMode:l,setSidebarOpen:s,toggleSidebar:n,closeSidebar:i,setLayoutMode:u},children:r})});I.displayName="LayoutProvider";exports.Background=F;exports.DEFAULT_LAYOUT_MODE=_.DEFAULT_LAYOUT_MODE;exports.Footer=W;exports.Header=A;exports.LAYOUT_MODE_VALUES=_.LAYOUT_MODE_VALUES;exports.LAYOUT_STORAGE_KEY=_.LAYOUT_STORAGE_KEY;exports.LayoutContext=x.LayoutContext;exports.LayoutFrame=H;exports.LayoutModeEnum=_.LayoutModeEnum;exports.LayoutProvider=I;exports.MainWrapper=B;exports.SideHideLayout=M;exports.SideShowLayout=$;exports.Sidebar=j;exports.getLayoutStorage=T;exports.removeLayoutStorage=Z;exports.setLayoutStorage=R;exports.useLayout=x.useLayout;
 //# sourceMappingURL=layouts.cjs.map

package/dist/layouts.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"layouts.cjs","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: var(--radius-button) !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: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active ) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-icon) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-label) {\r\n color: var(--color-primary-fg) !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/ 选中态：主色上的前景（与 themes primaryFg 一致） /\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: var(--color-primary-fg) !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: var(--radius-button);\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: \"var(--color-primary-fg)\",\n },\n },\n icon: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\n },\n },\n label: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\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 var(--color-shadow);\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 { Suspense, lazy, memo } from \"react\";\n\nimport { LetterGlitchBackground, SquareBackground, WaveBackground } from \"@/designs/animations\";\nimport { DashboardBackgroundEnum } from \"@/preference\";\n\nimport styles from \"./styles.module.css\";\n\nconst LazyPixelBlast = lazy(() => import(\"@/designs/animations/PixelBlast\"));\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 <Suspense fallback={null}>\n <div className={styles.pixelBlastWrapper}>\n <LazyPixelBlast />\n </div>\n </Suspense>\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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"}
1	+ {"version":3,"file":"layouts.cjs","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: var(--radius-button) !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: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active ) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-icon) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-label) {\r\n color: var(--color-primary-fg) !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/ 选中态：主色上的前景（与 themes primaryFg 一致） /\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: var(--color-primary-fg) !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: var(--radius-button);\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, useLayoutEffect, useMemo, useRef } 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 menuScrollRef = useRef<HTMLDivElement>(null);\n\n useLayoutEffect(() => {\n if (toggled && menuScrollRef.current) {\n menuScrollRef.current.scrollTop = 0;\n }\n }, [toggled]);\n\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: \"var(--color-primary-fg)\",\n },\n },\n icon: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\n },\n },\n label: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\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 ref={menuScrollRef} className={styles.menuWrapper}>\n {children ?? menuContent}\n </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 var(--color-shadow);\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 {/ collapsed 勿与 toggled 绑同一状态：collapsed 会切 ~80px 窄条，抽屉打开应保持全宽，否则首项（如 Dashboard）易被裁切 /}\n <Sidebar\n collapsed={false}\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 { Suspense, lazy, memo } from \"react\";\n\nimport { LetterGlitchBackground, SquareBackground, WaveBackground } from \"@/designs/animations\";\nimport { DashboardBackgroundEnum } from \"@/preference\";\n\nimport styles from \"./styles.module.css\";\n\nconst LazyPixelBlast = lazy(() => import(\"@/designs/animations/PixelBlast\"));\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 <Suspense fallback={null}>\n <div className={styles.pixelBlastWrapper}>\n <LazyPixelBlast />\n </div>\n </Suspense>\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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"}

package/dist/layouts.mjs CHANGED Viewed

@@ -1,31 +1,31 @@
 (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__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;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{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: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:var(--color-primary-fg)!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: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;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:var(--color-primary-fg)!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{border-radius:var(--radius-button);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;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%;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__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}.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 { J as V } from "./chunk-lucide-C54WenI6.mjs";
-import { n as X, r as Z, t as ee } from "./chunk-lstorage-BVCD00Ow.mjs";
-import { i as x, n as Ze, r as L, t as re } from "./chunk-layout-C2uqDEMJ.mjs";
-import { n as O, t as ae } from "./chunk-useLayout-DPxlynT-.mjs";
-import { n as te, r as oe, t as se } from "./chunk-animations-Do1xZdGL.mjs";
+import { J as X } from "./chunk-lucide-C54WenI6.mjs";
+import { n as Z, r as ee, t as re } from "./chunk-lstorage-BVCD00Ow.mjs";
+import { i as x, n as er, r as L, t as ae } from "./chunk-layout-C2uqDEMJ.mjs";
+import { n as O, t as te } from "./chunk-useLayout-DPxlynT-.mjs";
+import { n as oe, r as se, t as ne } from "./chunk-animations-Do1xZdGL.mjs";
 import { o as g } from "./chunk-preference-BWEpbZgC.mjs";
-import { Suspense as ne, lazy as le, memo as m, useCallback as h, useEffect as ie, useLayoutEffect as A, useMemo as de, useRef as M, useState as W } from "react";
-import { Fragment as w, jsx as t, jsxs as _ } from "react/jsx-runtime";
-import { Menu as ce, MenuItem as ue, Sidebar as _e, SubMenu as me } from "react-pro-sidebar";
+import { Suspense as le, lazy as ie, memo as _, useCallback as h, useEffect as ce, useLayoutEffect as T, useMemo as de, useRef as B, useState as W } from "react";
+import { Fragment as R, jsx as t, jsxs as u } from "react/jsx-runtime";
+import { Menu as ue, MenuItem as _e, Sidebar as me, SubMenu as pe } from "react-pro-sidebar";
 function D() {
-  return ee(L);
+  return re(L);
 }
-function pe(e) {
-  Z(L, e);
+function ve(e) {
+  ee(L, e);
 }
-function nr() {
-  X(L);
+function lr() {
+  Z(L);
 }
-var ve = "styles-module__sidebar___BMt0j", he = "styles-module__sidebarContent___iAwiw", fe = "styles-module__menuWrapper___DKuEv", ye = "styles-module__logoutContainer___7NwBL", be = "styles-module__logoutButton___rfD6u", ge = "styles-module__hiddenText___z183T", Ne = "styles-module__visibleText___lfsv-", y = {
-  sidebar: ve,
-  sidebarContent: he,
-  menuWrapper: fe,
-  logoutContainer: ye,
-  logoutButton: be,
-  hiddenText: ge,
-  visibleText: Ne
+var he = "styles-module__sidebar___BMt0j", fe = "styles-module__sidebarContent___iAwiw", ye = "styles-module__menuWrapper___DKuEv", be = "styles-module__logoutContainer___7NwBL", ge = "styles-module__logoutButton___rfD6u", Ne = "styles-module__hiddenText___z183T", Se = "styles-module__visibleText___lfsv-", y = {
+  sidebar: he,
+  sidebarContent: fe,
+  menuWrapper: ye,
+  logoutContainer: be,
+  logoutButton: ge,
+  hiddenText: Ne,
+  visibleText: Se
 };
 function $(e, r, a) {
   return e === r ? !0 : !(!e.startsWith(r + "/") || a?.length && a.some((o) => o !== r && (e === o || e.startsWith(o + "/"))));
@@ -33,27 +33,31 @@ function $(e, r, a) {
 function I(e, r) {
   return $(e, r.path, r.children?.map((a) => a.path)) ? !0 : r.children ? r.children.some((a) => $(e, a.path, r.children?.map((o) => o.path)) || I(e, a)) : !1;
 }
-var B = m(({ children: e, collapsed: r = !1, toggled: a = !1, onBackdropClick: o, breakPoint: s = "all", className: i, items: n = [], currentPathname: l = "", onNavigate: u, logoutLabel: c = "Logout", handleLogout: p, bottomLogoutButton: v }) => {
-  const f = h((d) => {
-    u?.(d);
-  }, [u]), T = h((d, K) => {
-    const j = $(l, d.path, K);
-    if (d.children?.length) {
-      const J = I(l, d);
-      return /* @__PURE__ */ t(me, {
-        label: d.label,
-        icon: d.icon,
-        active: J,
-        children: d.children.map((q) => T(q, d.children.map((Q) => Q.path)))
-      }, d.path);
+var E = _(({ children: e, collapsed: r = !1, toggled: a = !1, onBackdropClick: o, breakPoint: s = "all", className: i, items: n = [], currentPathname: l = "", onNavigate: m, logoutLabel: d = "Logout", handleLogout: p, bottomLogoutButton: v }) => {
+  const f = B(null);
+  T(() => {
+    a && f.current && (f.current.scrollTop = 0);
+  }, [a]);
+  const A = h((c) => {
+    m?.(c);
+  }, [m]), M = h((c, j) => {
+    const J = $(l, c.path, j);
+    if (c.children?.length) {
+      const q = I(l, c);
+      return /* @__PURE__ */ t(pe, {
+        label: c.label,
+        icon: c.icon,
+        active: q,
+        children: c.children.map((Q) => M(Q, c.children.map((V) => V.path)))
+      }, c.path);
     }
-    return /* @__PURE__ */ t(ue, {
-      icon: d.icon,
-      onClick: () => f(d.path),
-      active: j,
-      children: d.label
-    }, d.path);
-  }, [l, f]), z = n.length > 0 ? /* @__PURE__ */ t(ce, {
+    return /* @__PURE__ */ t(_e, {
+      icon: c.icon,
+      onClick: () => A(c.path),
+      active: J,
+      children: c.label
+    }, c.path);
+  }, [l, A]), G = n.length > 0 ? /* @__PURE__ */ t(ue, {
     transitionDuration: 300,
     closeOnClick: !0,
     menuItemStyles: {
@@ -78,26 +82,26 @@ var B = m(({ children: e, collapsed: r = !1, toggled: a = !1, onBackdropClick: o
         "&.active": { color: "var(--color-primary-fg)" }
       }
     },
-    children: n.map((d) => T(d))
-  }, `${r}-${a}`) : null, G = de(() => v ?? (p != null ? /* @__PURE__ */ t("div", {
+    children: n.map((c) => M(c))
+  }, `${r}-${a}`) : null, K = de(() => v ?? (p != null ? /* @__PURE__ */ t("div", {
     className: y.logoutContainer,
-    children: /* @__PURE__ */ _("button", {
+    children: /* @__PURE__ */ u("button", {
       type: "button",
       className: y.logoutButton,
       onClick: p,
-      title: c,
-      children: [/* @__PURE__ */ t(V, { size: 20 }), /* @__PURE__ */ t("span", {
+      title: d,
+      children: [/* @__PURE__ */ t(X, { size: 20 }), /* @__PURE__ */ t("span", {
         className: r ? y.hiddenText : y.visibleText,
-        children: c
+        children: d
       })]
     })
   }) : null), [
     r,
-    c,
+    d,
     p,
     v
   ]);
-  return /* @__PURE__ */ t(_e, {
+  return /* @__PURE__ */ t(me, {
     collapsed: r,
     toggled: a,
     onBackdropClick: o,
@@ -108,31 +112,32 @@ var B = m(({ children: e, collapsed: r = !1, toggled: a = !1, onBackdropClick: o
       borderRight: "1px solid var(--color-separator)"
     },
     className: `${y.sidebar} ${i || ""}`,
-    children: /* @__PURE__ */ _("div", {
+    children: /* @__PURE__ */ u("div", {
       className: y.sidebarContent,
-      onWheel: (d) => d.stopPropagation(),
+      onWheel: (c) => c.stopPropagation(),
       children: [/* @__PURE__ */ t("div", {
+        ref: f,
         className: y.menuWrapper,
-        children: e ?? z
-      }), G]
+        children: e ?? G
+      }), K]
     })
   });
 });
-B.displayName = "Sidebar";
-var Se = "styles-module__footer___g-hY7", We = "styles-module__footerContent___Oen5n", ke = "styles-module__copyright___1R2o3", Ce = "styles-module__links___dQyvB", xe = "styles-module__link___UWfyK", b = {
-  footer: Se,
-  footerContent: We,
-  copyright: ke,
-  links: Ce,
-  link: xe
-}, R = m(() => {
+E.displayName = "Sidebar";
+var We = "styles-module__footer___g-hY7", ke = "styles-module__footerContent___Oen5n", Ce = "styles-module__copyright___1R2o3", xe = "styles-module__links___dQyvB", $e = "styles-module__link___UWfyK", b = {
+  footer: We,
+  footerContent: ke,
+  copyright: Ce,
+  links: xe,
+  link: $e
+}, U = _(() => {
   const e = (/* @__PURE__ */ new Date()).getFullYear();
-  return /* @__PURE__ */ _("div", {
+  return /* @__PURE__ */ u("div", {
     className: b.footerContent,
-    children: [/* @__PURE__ */ _("span", {
+    children: [/* @__PURE__ */ u("span", {
       className: b.copyright,
       children: ["© ", e]
-    }), /* @__PURE__ */ _("div", {
+    }), /* @__PURE__ */ u("div", {
       className: b.links,
       children: [
         /* @__PURE__ */ t("a", {
@@ -154,25 +159,25 @@ var Se = "styles-module__footer___g-hY7", We = "styles-module__footerContent___O
     })]
   });
 });
-R.displayName = "DefaultFooterContent";
-var U = m(({ children: e, className: r }) => /* @__PURE__ */ t("div", {
+U.displayName = "DefaultFooterContent";
+var F = _(({ children: e, className: r }) => /* @__PURE__ */ t("div", {
   className: `${b.footer} ${r || ""}`,
-  children: e ?? /* @__PURE__ */ t(R, {})
+  children: e ?? /* @__PURE__ */ t(U, {})
 }));
-U.displayName = "Footer";
-var $e = "styles-module__header___4Uc8h", Le = { header: $e }, F = m(({ leftContent: e, rightContent: r }) => /* @__PURE__ */ _("div", {
-  className: Le.header,
+F.displayName = "Footer";
+var Le = "styles-module__header___4Uc8h", Oe = { header: Le }, H = _(({ leftContent: e, rightContent: r }) => /* @__PURE__ */ u("div", {
+  className: Oe.header,
   children: [/* @__PURE__ */ t("div", { children: e }), /* @__PURE__ */ t("div", { children: r })]
 }));
-F.displayName = "Header";
-var Oe = "styles-module__layout___ZQKU7", Be = "styles-module__header___XIaFb", Te = "styles-module__footer___r8ASO", k = {
-  layout: Oe,
+H.displayName = "Header";
+var Te = "styles-module__layout___ZQKU7", Be = "styles-module__header___XIaFb", Ee = "styles-module__footer___r8ASO", k = {
+  layout: Te,
   header: Be,
-  footer: Te
+  footer: Ee
 };
-function E() {
-  const e = M(null), [r, a] = W(0);
-  return A(() => {
+function w() {
+  const e = B(null), [r, a] = W(0);
+  return T(() => {
     const o = e.current;
     if (!o) return;
     const s = new ResizeObserver(([i]) => {
@@ -184,15 +189,15 @@ function E() {
     o && (e.current = o);
   }, []), r];
 }
-var H = m(({ children: e, headerLeft: r, headerRight: a, footerContent: o }) => {
-  const [s, i] = E(), [n, l] = E();
-  return /* @__PURE__ */ _("div", {
+var P = _(({ children: e, headerLeft: r, headerRight: a, footerContent: o }) => {
+  const [s, i] = w(), [n, l] = w();
+  return /* @__PURE__ */ u("div", {
     className: k.layout,
     children: [
       /* @__PURE__ */ t("header", {
         ref: s,
         className: k.header,
-        children: /* @__PURE__ */ t(F, {
+        children: /* @__PURE__ */ t(H, {
           leftContent: r,
           rightContent: a
         })
@@ -201,28 +206,28 @@ var H = m(({ children: e, headerLeft: r, headerRight: a, footerContent: o }) =>
       /* @__PURE__ */ t("footer", {
         ref: n,
         className: k.footer,
-        children: /* @__PURE__ */ t(U, { children: o })
+        children: /* @__PURE__ */ t(F, { children: o })
       })
     ]
   });
 });
-H.displayName = "MainWrapper";
-var Ee = "styles-module__mainWrapper___i4tEI", Ae = "styles-module__sidebar___ij-8-", Me = "styles-module__content___mTgUr", C = {
-  mainWrapper: Ee,
-  sidebar: Ae,
-  content: Me
-}, P = m(({ children: e, headerHeight: r, footerHeight: a, sidebarItems: o, sidebarCurrentPathname: s, onSidebarNavigate: i, sidebarLogoutLabel: n, onSidebarLogout: l }) => {
-  const { sidebarOpen: u, closeSidebar: c } = O(), p = h(() => {
-    c();
-  }, [c]);
-  return /* @__PURE__ */ _("main", {
+P.displayName = "MainWrapper";
+var Ae = "styles-module__mainWrapper___i4tEI", Me = "styles-module__sidebar___ij-8-", we = "styles-module__content___mTgUr", C = {
+  mainWrapper: Ae,
+  sidebar: Me,
+  content: we
+}, Y = _(({ children: e, headerHeight: r, footerHeight: a, sidebarItems: o, sidebarCurrentPathname: s, onSidebarNavigate: i, sidebarLogoutLabel: n, onSidebarLogout: l }) => {
+  const { sidebarOpen: m, closeSidebar: d } = O(), p = h(() => {
+    d();
+  }, [d]);
+  return /* @__PURE__ */ u("main", {
     className: C.mainWrapper,
     style: {
       marginTop: `${r}px`,
       marginBottom: `${a}px`
     },
-    children: [/* @__PURE__ */ t(B, {
-      toggled: u,
+    children: [/* @__PURE__ */ t(E, {
+      toggled: m,
       onBackdropClick: p,
       breakPoint: "all",
       className: C.sidebar,
@@ -238,16 +243,16 @@ var Ee = "styles-module__mainWrapper___i4tEI", Ae = "styles-module__sidebar___ij
     })]
   });
 });
-P.displayName = "SideHideLayout";
-var we = "styles-module__mainWrapper___AiTAw", De = "styles-module__sidebarContainer___X4yj8", Ie = "styles-module__sidebar___VQTlH", Re = "styles-module__content___htJlH", N = {
-  mainWrapper: we,
+Y.displayName = "SideHideLayout";
+var Re = "styles-module__mainWrapper___AiTAw", De = "styles-module__sidebarContainer___X4yj8", Ie = "styles-module__sidebar___VQTlH", Ue = "styles-module__content___htJlH", N = {
+  mainWrapper: Re,
   sidebarContainer: De,
   sidebar: Ie,
-  content: Re
+  content: Ue
 };
-function Ue() {
-  const e = M(null), [r, a] = W(0);
-  return A(() => {
+function Fe() {
+  const e = B(null), [r, a] = W(0);
+  return T(() => {
     const o = e.current;
     if (!o) return;
     const s = new ResizeObserver(([i]) => {
@@ -259,20 +264,20 @@ function Ue() {
     o && (e.current = o);
   }, []), r];
 }
-var Y = m(({ children: e, headerHeight: r, footerHeight: a, sidebarItems: o, sidebarCurrentPathname: s, onSidebarNavigate: i, sidebarLogoutLabel: n, onSidebarLogout: l }) => {
-  const { sidebarOpen: u, closeSidebar: c } = O(), [p, v] = Ue(), f = () => {
-    c();
+var z = _(({ children: e, headerHeight: r, footerHeight: a, sidebarItems: o, sidebarCurrentPathname: s, onSidebarNavigate: i, sidebarLogoutLabel: n, onSidebarLogout: l }) => {
+  const { sidebarOpen: m, closeSidebar: d } = O(), [p, v] = Fe(), f = () => {
+    d();
   };
-  return /* @__PURE__ */ _(w, { children: [/* @__PURE__ */ t("div", {
+  return /* @__PURE__ */ u(R, { children: [/* @__PURE__ */ t("div", {
     ref: p,
     className: N.sidebarContainer,
     style: {
       top: `${r}px`,
       height: `calc(100vh - ${r + a}px)`
     },
-    children: /* @__PURE__ */ t(B, {
-      collapsed: u,
-      toggled: u,
+    children: /* @__PURE__ */ t(E, {
+      collapsed: !1,
+      toggled: m,
       onBackdropClick: f,
       breakPoint: "xs",
       className: N.sidebar,
@@ -297,35 +302,35 @@ var Y = m(({ children: e, headerHeight: r, footerHeight: a, sidebarItems: o, sid
     })
   })] });
 });
-Y.displayName = "SideShowLayout";
-var Fe = "styles-module__wavesWrapper___TK7DI", He = "styles-module__squaresWrapper___P25uF", Pe = "styles-module__letterGlitchWrapper___KWtWU", Ye = "styles-module__pixelBlastWrapper___YptHh", S = {
-  wavesWrapper: Fe,
-  squaresWrapper: He,
-  letterGlitchWrapper: Pe,
-  pixelBlastWrapper: Ye
-}, ze = le(() => import("./pixel-blast.mjs")), Ge = m(({ children: e, background: r }) => /* @__PURE__ */ _(w, { children: [e, (() => {
+z.displayName = "SideShowLayout";
+var He = "styles-module__wavesWrapper___TK7DI", Pe = "styles-module__squaresWrapper___P25uF", Ye = "styles-module__letterGlitchWrapper___KWtWU", ze = "styles-module__pixelBlastWrapper___YptHh", S = {
+  wavesWrapper: He,
+  squaresWrapper: Pe,
+  letterGlitchWrapper: Ye,
+  pixelBlastWrapper: ze
+}, Ge = ie(() => import("./pixel-blast.mjs")), Ke = _(({ children: e, background: r }) => /* @__PURE__ */ u(R, { children: [e, (() => {
   switch (r) {
     case g.WAVES:
       return /* @__PURE__ */ t("div", {
         className: S.wavesWrapper,
-        children: /* @__PURE__ */ t(oe, {})
+        children: /* @__PURE__ */ t(se, {})
       });
     case g.SQUARES:
       return /* @__PURE__ */ t("div", {
         className: S.squaresWrapper,
-        children: /* @__PURE__ */ t(te, {})
+        children: /* @__PURE__ */ t(oe, {})
       });
     case g.LETTER_GLITCH:
       return /* @__PURE__ */ t("div", {
         className: S.letterGlitchWrapper,
-        children: /* @__PURE__ */ t(se, {})
+        children: /* @__PURE__ */ t(ne, {})
       });
     case g.PIXEL_BLAST:
-      return /* @__PURE__ */ t(ne, {
+      return /* @__PURE__ */ t(le, {
         fallback: null,
         children: /* @__PURE__ */ t("div", {
           className: S.pixelBlastWrapper,
-          children: /* @__PURE__ */ t(ze, {})
+          children: /* @__PURE__ */ t(Ge, {})
         })
       });
     case g.NONE:
@@ -333,38 +338,38 @@ var Fe = "styles-module__wavesWrapper___TK7DI", He = "styles-module__squaresWrap
       return null;
   }
 })()] }));
-Ge.displayName = "Background";
-var Ke = m(({ children: e, headerLeft: r, headerRight: a, footerContent: o, sidebarItems: s, sidebarCurrentPathname: i, onSidebarNavigate: n, sidebarLogoutLabel: l, onSidebarLogout: u, bottomLogoutButton: c }) => {
+Ke.displayName = "Background";
+var je = _(({ children: e, headerLeft: r, headerRight: a, footerContent: o, sidebarItems: s, sidebarCurrentPathname: i, onSidebarNavigate: n, sidebarLogoutLabel: l, onSidebarLogout: m, bottomLogoutButton: d }) => {
   const { layoutMode: p } = O();
-  return /* @__PURE__ */ t(H, {
+  return /* @__PURE__ */ t(P, {
     headerLeft: r,
     headerRight: a,
     footerContent: o,
-    children: (v, f) => p === x.HIDE ? /* @__PURE__ */ t(P, {
+    children: (v, f) => p === x.HIDE ? /* @__PURE__ */ t(Y, {
       headerHeight: v,
       footerHeight: f,
       sidebarItems: s,
       sidebarCurrentPathname: i,
       onSidebarNavigate: n,
       sidebarLogoutLabel: l,
-      onSidebarLogout: u,
-      bottomLogoutButton: c,
+      onSidebarLogout: m,
+      bottomLogoutButton: d,
       children: e
-    }) : /* @__PURE__ */ t(Y, {
+    }) : /* @__PURE__ */ t(z, {
       headerHeight: v,
       footerHeight: f,
       sidebarItems: s,
       sidebarCurrentPathname: i,
       onSidebarNavigate: n,
       sidebarLogoutLabel: l,
-      onSidebarLogout: u,
-      bottomLogoutButton: c,
+      onSidebarLogout: m,
+      bottomLogoutButton: d,
       children: e
     })
   });
 });
-Ke.displayName = "LayoutFrame";
-var je = ({ defaultLayoutMode: e, sidebarOpen: r }) => {
+je.displayName = "LayoutFrame";
+var Je = ({ defaultLayoutMode: e, sidebarOpen: r }) => {
   const [a, o] = W(() => {
     const s = D();
     if (s) try {
@@ -375,8 +380,8 @@ var je = ({ defaultLayoutMode: e, sidebarOpen: r }) => {
     }
     return e;
   });
-  return ie(() => {
-    pe(JSON.stringify({ state: {
+  return ce(() => {
+    ve(JSON.stringify({ state: {
       sidebarOpen: r,
       layoutMode: a
     } }));
@@ -386,7 +391,7 @@ var je = ({ defaultLayoutMode: e, sidebarOpen: r }) => {
       o(s);
     }, [])
   };
-}, Je = () => {
+}, qe = () => {
   const [e, r] = W(() => {
     const a = D();
     if (a) try {
@@ -409,12 +414,12 @@ var je = ({ defaultLayoutMode: e, sidebarOpen: r }) => {
       r(!1);
     }, [])
   };
-}, qe = m(({ children: e, defaultLayoutMode: r = re }) => {
-  const { sidebarOpen: a, setSidebarOpen: o, toggleSidebar: s, closeSidebar: i } = Je(), { layoutMode: n, setLayoutMode: l } = je({
+}, Qe = _(({ children: e, defaultLayoutMode: r = ae }) => {
+  const { sidebarOpen: a, setSidebarOpen: o, toggleSidebar: s, closeSidebar: i } = qe(), { layoutMode: n, setLayoutMode: l } = Je({
     defaultLayoutMode: r,
     sidebarOpen: a
   });
-  return /* @__PURE__ */ t(ae.Provider, {
+  return /* @__PURE__ */ t(te.Provider, {
     value: {
       sidebarOpen: a,
       layoutMode: n,
@@ -426,25 +431,25 @@ var je = ({ defaultLayoutMode: e, sidebarOpen: r }) => {
     children: e
   });
 });
-qe.displayName = "LayoutProvider";
+Qe.displayName = "LayoutProvider";
 export {
-  Ge as Background,
-  re as DEFAULT_LAYOUT_MODE,
-  U as Footer,
-  F as Header,
-  Ze as LAYOUT_MODE_VALUES,
+  Ke as Background,
+  ae as DEFAULT_LAYOUT_MODE,
+  F as Footer,
+  H as Header,
+  er as LAYOUT_MODE_VALUES,
   L as LAYOUT_STORAGE_KEY,
-  ae as LayoutContext,
-  Ke as LayoutFrame,
+  te as LayoutContext,
+  je as LayoutFrame,
   x as LayoutModeEnum,
-  qe as LayoutProvider,
-  H as MainWrapper,
-  P as SideHideLayout,
-  Y as SideShowLayout,
-  B as Sidebar,
+  Qe as LayoutProvider,
+  P as MainWrapper,
+  Y as SideHideLayout,
+  z as SideShowLayout,
+  E as Sidebar,
   D as getLayoutStorage,
-  nr as removeLayoutStorage,
-  pe as setLayoutStorage,
+  lr as removeLayoutStorage,
+  ve as setLayoutStorage,
   O as useLayout
 };

package/dist/layouts.mjs.map CHANGED Viewed

	@@ -1 +1 @@
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: var(--radius-button) !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: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active ) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-icon) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-label) {\r\n color: var(--color-primary-fg) !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/ 选中态：主色上的前景（与 themes primaryFg 一致） /\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: var(--color-primary-fg) !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: var(--radius-button);\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: \"var(--color-primary-fg)\",\n },\n },\n icon: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\n },\n },\n label: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\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 var(--color-shadow);\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 { Suspense, lazy, memo } from \"react\";\n\nimport { LetterGlitchBackground, SquareBackground, WaveBackground } from \"@/designs/animations\";\nimport { DashboardBackgroundEnum } from \"@/preference\";\n\nimport styles from \"./styles.module.css\";\n\nconst LazyPixelBlast = lazy(() => import(\"@/designs/animations/PixelBlast\"));\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 <Suspense fallback={null}>\n <div className={styles.pixelBlastWrapper}>\n <LazyPixelBlast />\n </div>\n </Suspense>\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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"}
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: var(--radius-button) !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: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active ) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-icon) {\r\n color: var(--color-primary-fg) !important;\r\n}\r\n\r\n.sidebar :global(.ps-menu-button.ps-active .ps-menu-label) {\r\n color: var(--color-primary-fg) !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/ 选中态：主色上的前景（与 themes primaryFg 一致） /\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: var(--color-primary-fg) !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: var(--radius-button);\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, useLayoutEffect, useMemo, useRef } 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 menuScrollRef = useRef<HTMLDivElement>(null);\n\n useLayoutEffect(() => {\n if (toggled && menuScrollRef.current) {\n menuScrollRef.current.scrollTop = 0;\n }\n }, [toggled]);\n\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: \"var(--color-primary-fg)\",\n },\n },\n icon: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\n },\n },\n label: {\n color: \"var(--color-fg-text)\",\n \"&.active\": {\n color: \"var(--color-primary-fg)\",\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 ref={menuScrollRef} className={styles.menuWrapper}>\n {children ?? menuContent}\n </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 var(--color-shadow);\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 {/ collapsed 勿与 toggled 绑同一状态：collapsed 会切 ~80px 窄条，抽屉打开应保持全宽，否则首项（如 Dashboard）易被裁切 /}\n <Sidebar\n collapsed={false}\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 { Suspense, lazy, memo } from \"react\";\n\nimport { LetterGlitchBackground, SquareBackground, WaveBackground } from \"@/designs/animations\";\nimport { DashboardBackgroundEnum } from \"@/preference\";\n\nimport styles from \"./styles.module.css\";\n\nconst LazyPixelBlast = lazy(() => import(\"@/designs/animations/PixelBlast\"));\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 <Suspense fallback={null}>\n <div className={styles.pixelBlastWrapper}>\n <LazyPixelBlast />\n </div>\n </Suspense>\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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"}

package/dist/src/designs/layouts/components/SideShowLayout/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/designs/layouts/components/SideShowLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAkCvD,QAAA,MAAM,cAAc,gLAUf,mBAAmB,~~6CA+CvB~~,CAAC;AAGF,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/designs/layouts/components/SideShowLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAkCvD,QAAA,MAAM,cAAc,gLAUf,mBAAmB,6CAgDvB,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/dist/src/designs/layouts/components/Sidebar/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/designs/layouts/components/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,YAAY,EAAE,MAAM,aAAa,CAAC;AA6BjE,QAAA,MAAM,OAAO,qMAcR,YAAY,~~6CAoGhB~~,CAAC;AAGF,eAAe,OAAO,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/designs/layouts/components/Sidebar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAmB,YAAY,EAAE,MAAM,aAAa,CAAC;AA6BjE,QAAA,MAAM,OAAO,qMAcR,YAAY,6CA8GhB,CAAC;AAGF,eAAe,OAAO,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "nfx-ui",
-  "version": "0.12.2",
+  "version": "0.12.3",
   "type": "module",
   "sideEffects": false,
   "description": "Unified frontend UI library for the NFX product family: shared React components, design tokens, theme variables, and layout primitives for a consistent look and behavior across NFX console and other apps.",