@dcl/shop 1.13.1-34993979784.commit-cc536a1 → 1.13.1-35085806935.commit-1d79e2c

package/_assets/{browseLayout.styles-DAoBsqew.js → browseLayout.styles-BX8RNIIu.js}

@@ -1,10 +1,10 @@
-import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as Xe,c as s,ay as ce,C as pe}from"./index-B1ROf6Hr.js";import{n as E,T as Je}from"./categories-CkHoyS1q.js";import{T as Ze}from"./skeleton.styles-BOojxrjn.js";(function(){try{var o=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new o.Error().stack;a&&(o._sentryDebugIds=o._sentryDebugIds||{},o._sentryDebugIds[a]="f19a9345-e4e4-4476-8e80-62e5f5a8aef7",o._sentryDebugIdIdentifier="sentry-dbid-f19a9345-e4e4-4476-8e80-62e5f5a8aef7")}catch{}})();function ni(o){const a=v.useRef(null);v.useEffect(()=>{const h=a.current;a.current=o,!(h===null||h===o)&&window.scrollTo({top:0,left:0,behavior:"instant"})},[o])}const et=t(F)`
+import{r as v,j as e}from"./react-BFtKLtDt.js";import{s as t,I as F,d as o,y as Xe,c as s,ay as ce,C as pe}from"./index-DC8tm76o.js";import{n as E,T as Je}from"./categories-CZdjHjf9.js";import{T as Ze}from"./skeleton.styles-BsQ_5pUq.js";(function(){try{var i=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},a=new i.Error().stack;a&&(i._sentryDebugIds=i._sentryDebugIds||{},i._sentryDebugIds[a]="843c1dd7-34de-44cc-876b-3b6239ef539a",i._sentryDebugIdIdentifier="sentry-dbid-843c1dd7-34de-44cc-876b-3b6239ef539a")}catch{}})();function no(i){const a=v.useRef(null);v.useEffect(()=>{const h=a.current;a.current=i,!(h===null||h===i)&&window.scrollTo({top:0,left:0,behavior:"instant"})},[i])}const et=t(F)`
   transition: transform 0.15s ease;
 
   &[data-up='true'] {
     transform: rotate(180deg);
   }
-`;function L({up:o=!1,...a}){return e.jsx(et,{name:"chevron-down","data-up":o||void 0,...a})}const{colors:T,font:ee}=i,tt=t.div`
+`;function L({up:i=!1,...a}){return e.jsx(et,{name:"chevron-down","data-up":i||void 0,...a})}const{colors:T,font:ee}=o,tt=t.div`
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -68,7 +68,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   &[data-selected] {
     background: rgba(255, 255, 255, 0.14);
   }
-`,it=t.button`
+`,ot=t.button`
   ${te};
   padding-left: 24px;
 
@@ -88,7 +88,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   &[data-active] [data-chevron] {
     color: ${T.white};
   }
-`,ot=t.button`
+`,it=t.button`
   ${te};
   padding-left: 48px;
 
@@ -129,7 +129,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   color: ${T.gray4};
   margin: 0 0 4px;
   padding: 8px 16px 0;
-`,ie=[{key:"all",labelKey:"categories.shopAll"},{key:"wearable",labelKey:"categories.wearables",expandable:!0,subs:[{key:"Head",labelKey:"categories.head",icon:"cat-head",expandable:!0,subs:[{key:"Facial Hair",labelKey:"categories.facialHair",icon:"cat-facial-hair"},{key:"Hair",labelKey:"categories.hair",icon:"cat-hair"},{key:"Eyes",labelKey:"categories.eyes",icon:"cat-eyes"},{key:"Eyebrows",labelKey:"categories.eyebrows",icon:"cat-eyebrows"},{key:"Mouth",labelKey:"categories.mouth",icon:"cat-mouth"}]},{key:"Upper Body",labelKey:"categories.upperBody",icon:"cat-upper"},{key:"Handwear",labelKey:"categories.handwear",icon:"cat-handwear"},{key:"Lower Body",labelKey:"categories.lowerBody",icon:"cat-lower"},{key:"Feet",labelKey:"categories.feet",icon:"cat-feet"},{key:"Accessories",labelKey:"categories.accessories",icon:"cat-accessories",expandable:!0,subs:[{key:"Earring",labelKey:"categories.earring",icon:"cat-earring"},{key:"Eyewear",labelKey:"categories.eyewear",icon:"cat-eyewear"},{key:"Hat",labelKey:"categories.hat",icon:"cat-hat"},{key:"Helmet",labelKey:"categories.helmet",icon:"cat-helmet"},{key:"Mask",labelKey:"categories.mask",icon:"cat-mask"},{key:"Tiara",labelKey:"categories.tiara",icon:"cat-tiara"},{key:"Top Head",labelKey:"categories.topHead",icon:"cat-top-head"}]},{key:"Skins",labelKey:"categories.skins",icon:"cat-skins"}]},{key:"emote",labelKey:"categories.emotes",expandable:!0,subs:[{key:"Dance",labelKey:"categories.dance",icon:"emote-dance"},{key:"Stunt",labelKey:"categories.stunt",icon:"emote-stunt"},{key:"Greetings",labelKey:"categories.greetings",icon:"emote-greetings"},{key:"Fun",labelKey:"categories.fun",icon:"emote-fun"},{key:"Poses",labelKey:"categories.poses",icon:"emote-poses"},{key:"Reactions",labelKey:"categories.reactions",icon:"emote-reactions"},{key:"Horror",labelKey:"categories.horror",icon:"emote-horror"},{key:"Miscellaneous",labelKey:"categories.miscellaneous",icon:"emote-misc"}]},{key:"names",labelKey:"categories.names"}];function nt({category:o,subCategory:a,onCategory:h,onSub:u,title:c,flat:g=!1,collections:f=!1,onCollections:j,hideAll:m=!1,hideNames:b=!1,extraLabelKey:R="categories.collections"}){const[B,K]=v.useState(()=>o==="wearable"?"wearable":null),[y,w]=v.useState(null);function k(r){u(a===r.key?null:r.key),r.subs&&w($=>$===r.key?null:r.key)}function S(r){r.subs?K($=>{const l=$!==r.key;return l&&h(r.key),l?r.key:null}):(h(r.key),K(null))}return e.jsxs(tt,{"data-flat":g||void 0,children:[c?e.jsx(at,{children:c}):null,ie.filter(r=>!(m&&r.key==="all")&&!(b&&r.key==="names")).map(r=>{const $=B===r.key&&!!r.subs,l=!f&&r.key===o&&!a;return e.jsxs(he,{children:[e.jsxs(ge,{type:"button","data-cat":!0,"data-expanded":$||void 0,"data-selected":l||void 0,onClick:()=>S(r),children:[e.jsx(fe,{children:s(r.labelKey)}),r.expandable?e.jsx(L,{up:$,size:24,color:i.colors.softWhite}):null]}),r.subs?e.jsx(xe,{"data-open":$||void 0,children:e.jsx(ue,{children:r.subs.map(x=>{const d=y===x.key&&!!x.subs;return e.jsxs("div",{children:[e.jsxs(it,{type:"button","data-sub":!0,"data-active":a===x.key||void 0,onClick:()=>k(x),children:[e.jsxs(be,{children:[e.jsx(me,{name:x.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:s(x.labelKey)})]}),x.expandable?e.jsx(L,{up:d,size:24,"data-chevron":!0}):null]}),x.subs?e.jsx(xe,{"data-open":d||void 0,children:e.jsx(ue,{children:x.subs.map(C=>e.jsx(ot,{type:"button","data-sub":!0,"data-active":a===C.key||void 0,onClick:()=>u(a===C.key?null:C.key),children:e.jsxs(be,{children:[e.jsx(me,{name:C.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:s(C.labelKey)})]})},C.key))})}):null]},x.key)})})}):null]},r.key)}),j?e.jsx(he,{children:e.jsx(ge,{type:"button","data-cat":!0,"data-selected":f||void 0,onClick:j,children:e.jsx(fe,{children:s(R)})})}):null]})}const{colors:P,radius:Ie}=i,st=t.div`
+`,oe=[{key:"all",labelKey:"categories.shopAll"},{key:"wearable",labelKey:"categories.wearables",expandable:!0,subs:[{key:"Head",labelKey:"categories.head",icon:"cat-head",expandable:!0,subs:[{key:"Facial Hair",labelKey:"categories.facialHair",icon:"cat-facial-hair"},{key:"Hair",labelKey:"categories.hair",icon:"cat-hair"},{key:"Eyes",labelKey:"categories.eyes",icon:"cat-eyes"},{key:"Eyebrows",labelKey:"categories.eyebrows",icon:"cat-eyebrows"},{key:"Mouth",labelKey:"categories.mouth",icon:"cat-mouth"}]},{key:"Upper Body",labelKey:"categories.upperBody",icon:"cat-upper"},{key:"Handwear",labelKey:"categories.handwear",icon:"cat-handwear"},{key:"Lower Body",labelKey:"categories.lowerBody",icon:"cat-lower"},{key:"Feet",labelKey:"categories.feet",icon:"cat-feet"},{key:"Accessories",labelKey:"categories.accessories",icon:"cat-accessories",expandable:!0,subs:[{key:"Earring",labelKey:"categories.earring",icon:"cat-earring"},{key:"Eyewear",labelKey:"categories.eyewear",icon:"cat-eyewear"},{key:"Hat",labelKey:"categories.hat",icon:"cat-hat"},{key:"Helmet",labelKey:"categories.helmet",icon:"cat-helmet"},{key:"Mask",labelKey:"categories.mask",icon:"cat-mask"},{key:"Tiara",labelKey:"categories.tiara",icon:"cat-tiara"},{key:"Top Head",labelKey:"categories.topHead",icon:"cat-top-head"}]},{key:"Skins",labelKey:"categories.skins",icon:"cat-skins"}]},{key:"emote",labelKey:"categories.emotes",expandable:!0,subs:[{key:"Dance",labelKey:"categories.dance",icon:"emote-dance"},{key:"Stunt",labelKey:"categories.stunt",icon:"emote-stunt"},{key:"Greetings",labelKey:"categories.greetings",icon:"emote-greetings"},{key:"Fun",labelKey:"categories.fun",icon:"emote-fun"},{key:"Poses",labelKey:"categories.poses",icon:"emote-poses"},{key:"Reactions",labelKey:"categories.reactions",icon:"emote-reactions"},{key:"Horror",labelKey:"categories.horror",icon:"emote-horror"},{key:"Miscellaneous",labelKey:"categories.miscellaneous",icon:"emote-misc"}]},{key:"names",labelKey:"categories.names"}];function nt({category:i,subCategory:a,onCategory:h,onSub:u,title:c,flat:g=!1,collections:f=!1,onCollections:j,hideAll:m=!1,hideNames:b=!1,extraLabelKey:R="categories.collections"}){const[P,K]=v.useState(()=>i==="wearable"?"wearable":null),[y,w]=v.useState(null);function k(r){u(a===r.key?null:r.key),r.subs&&w($=>$===r.key?null:r.key)}function S(r){r.subs?K($=>{const l=$!==r.key;return l&&h(r.key),l?r.key:null}):(h(r.key),K(null))}return e.jsxs(tt,{"data-flat":g||void 0,children:[c?e.jsx(at,{children:c}):null,oe.filter(r=>!(m&&r.key==="all")&&!(b&&r.key==="names")).map(r=>{const $=P===r.key&&!!r.subs,l=!f&&r.key===i&&!a;return e.jsxs(he,{children:[e.jsxs(ge,{type:"button","data-cat":!0,"data-expanded":$||void 0,"data-selected":l||void 0,onClick:()=>S(r),children:[e.jsx(fe,{children:s(r.labelKey)}),r.expandable?e.jsx(L,{up:$,size:24,color:o.colors.softWhite}):null]}),r.subs?e.jsx(xe,{"data-open":$||void 0,children:e.jsx(ue,{children:r.subs.map(x=>{const d=y===x.key&&!!x.subs;return e.jsxs("div",{children:[e.jsxs(ot,{type:"button","data-sub":!0,"data-active":a===x.key||void 0,onClick:()=>k(x),children:[e.jsxs(be,{children:[e.jsx(me,{name:x.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:s(x.labelKey)})]}),x.expandable?e.jsx(L,{up:d,size:24,"data-chevron":!0}):null]}),x.subs?e.jsx(xe,{"data-open":d||void 0,children:e.jsx(ue,{children:x.subs.map(C=>e.jsx(it,{type:"button","data-sub":!0,"data-active":a===C.key||void 0,onClick:()=>u(a===C.key?null:C.key),children:e.jsxs(be,{children:[e.jsx(me,{name:C.icon,"aria-hidden":!0}),e.jsx(ye,{"data-sub-label":!0,children:s(C.labelKey)})]})},C.key))})}):null]},x.key)})})}):null]},r.key)}),j?e.jsx(he,{children:e.jsx(ge,{type:"button","data-cat":!0,"data-selected":f||void 0,onClick:j,children:e.jsx(fe,{children:s(R)})})}):null]})}const{colors:B,radius:Ie}=o,st=t.div`
   position: relative;
   display: inline-block;
 `,rt=t.button`
@@ -139,7 +139,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   gap: 24px;
   padding: 4px 4px 4px 12px;
   background: rgba(0, 0, 0, 0.12);
-  border: 0.5px solid ${P.muted2};
+  border: 0.5px solid ${B.muted2};
   border-radius: ${Ie.btn};
   color: #ecebed;
   font-weight: 600;
@@ -151,11 +151,11 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   transition: border-color 0.15s ease;
 
   &:hover {
-    border-color: ${P.white};
+    border-color: ${B.white};
   }
   &:focus-visible {
     outline: 0;
-    border-color: ${P.accent};
+    border-color: ${B.accent};
   }
 `,lt=t.span`
   overflow: hidden;
@@ -169,7 +169,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   margin: 0;
   padding: 0;
   overflow: hidden;
-  background: ${P.white};
+  background: ${B.white};
   border-radius: ${Ie.btn};
   box-shadow: 0 4px 25px 5px rgba(0, 0, 0, 0.25);
   animation: cart-pop-in 0.16s ease;
@@ -186,13 +186,13 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   width: 100%;
   height: 40px;
   text-align: left;
-  background: ${P.white};
+  background: ${B.white};
   border: 0;
   padding: 4px 4px 4px 8px;
   font-weight: 400;
   font-size: 14px;
   line-height: 1.43;
-  color: ${P.gray0};
+  color: ${B.gray0};
   white-space: nowrap;
   cursor: pointer;
 
@@ -200,9 +200,9 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     background: #f5f4f7;
   }
   &[data-active] {
-    background: ${P.media};
+    background: ${B.media};
   }
-`;function pt({options:o,value:a,onChange:h,label:u,placeholder:c,align:g="left",className:f="",ariaLabel:j,open:m,onOpenChange:b}){const[R,B]=v.useState(!1),y=m!==void 0?m:R,w=v.useRef(null),k=v.useRef(b);k.current=b;const S=v.useCallback(l=>{var x;m!==void 0?(x=k.current)==null||x.call(k,l):B(l)},[m]),r=o.find(l=>l.value===a),$=u??(r==null?void 0:r.label)??c;return v.useEffect(()=>{if(!y)return;function l(d){w.current&&!w.current.contains(d.target)&&S(!1)}function x(d){d.key==="Escape"&&S(!1)}return document.addEventListener("pointerdown",l),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",l),document.removeEventListener("keydown",x)}},[y,S]),e.jsxs(st,{className:f||void 0,ref:w,children:[e.jsxs(rt,{type:"button","data-dropdown-trigger":!0,"data-open":y||void 0,"aria-haspopup":"listbox","aria-expanded":y,"aria-label":j,onClick:()=>S(!y),children:[e.jsx(lt,{children:$}),e.jsx(L,{up:y,size:24,color:i.colors.softWhite})]}),y?e.jsx(dt,{"data-align":g,role:"listbox",children:o.map(l=>e.jsx("li",{role:"none",children:e.jsx(ct,{type:"button",role:"option","aria-selected":l.value===a,"data-active":l.value===a||void 0,onClick:()=>{h(l.value),S(!1)},children:l.label})},l.value))}):null]})}const{colors:M}=i,ht=t.div`
+`;function pt({options:i,value:a,onChange:h,label:u,placeholder:c,align:g="left",className:f="",ariaLabel:j,open:m,onOpenChange:b}){const[R,P]=v.useState(!1),y=m!==void 0?m:R,w=v.useRef(null),k=v.useRef(b);k.current=b;const S=v.useCallback(l=>{var x;m!==void 0?(x=k.current)==null||x.call(k,l):P(l)},[m]),r=i.find(l=>l.value===a),$=u??(r==null?void 0:r.label)??c;return v.useEffect(()=>{if(!y)return;function l(d){w.current&&!w.current.contains(d.target)&&S(!1)}function x(d){d.key==="Escape"&&S(!1)}return document.addEventListener("pointerdown",l),document.addEventListener("keydown",x),()=>{document.removeEventListener("pointerdown",l),document.removeEventListener("keydown",x)}},[y,S]),e.jsxs(st,{className:f||void 0,ref:w,children:[e.jsxs(rt,{type:"button","data-dropdown-trigger":!0,"data-open":y||void 0,"aria-haspopup":"listbox","aria-expanded":y,"aria-label":j,onClick:()=>S(!y),children:[e.jsx(lt,{children:$}),e.jsx(L,{up:y,size:24,color:o.colors.softWhite})]}),y?e.jsx(dt,{"data-align":g,role:"listbox",children:i.map(l=>e.jsx("li",{role:"none",children:e.jsx(ct,{type:"button",role:"option","aria-selected":l.value===a,"data-active":l.value===a||void 0,onClick:()=>{h(l.value),S(!1)},children:l.label})},l.value))}):null]})}const{colors:M}=o,ht=t.div`
   position: absolute;
   top: calc(100% + 8px);
   left: 0;
@@ -267,7 +267,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   margin: 8px 2px 0;
   color: ${M.muted};
   font-size: 12px;
-`;const{colors:p,media:H,radius:ut}=i,gt=t.div`
+`;const{colors:p,media:H,radius:ut}=o,gt=t.div`
   display: flex;
   flex-wrap: wrap;
   align-items: center;
@@ -483,7 +483,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   position: fixed;
   inset: 0;
   z-index: 34;
-`,J=["common","uncommon","epic","rare","legendary","exotic","mythic","unique"],De=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"price-asc",label:"filterBar.sortCheapest",server:"cheapest"},{key:"price-desc",label:"filterBar.sortMostExpensive",server:"most_expensive"},{key:"name",label:"filterBar.sortName",server:"name"}],si=[{key:"discount",label:"filterBar.sortBiggestDiscount",server:"discount"},...De];function Kt({panelKey:o,label:a,active:h,badge:u,panel:c,children:g}){const f=c.open===o;return e.jsxs(St,{children:[e.jsxs(Wt,{type:"button","data-open":f||void 0,"data-active":h||void 0,onClick:()=>c.toggle(o),children:[a," ",u?e.jsx(zt,{children:u}):null," ",e.jsx(L,{up:f,size:24,color:i.colors.text2})]}),f?g:null]})}function ri({sort:o,onSort:a,sortOptions:h=De,total:u,loading:c,query:g,onOpenFilters:f,chips:j,onClearChips:m,rarities:b,onToggleRarity:R,rarityOptions:B=J,anyActive:K,onClear:y,renderLeading:w,renderTrailing:k,search:S}){const[r,$]=v.useState(null),l={open:r,toggle:d=>$(C=>C===d?null:d),close:()=>$(null)},x=!!R||!!w||!!k;return e.jsxs(e.Fragment,{children:[r?e.jsx(Rt,{onClick:l.close,"aria-hidden":!0}):null,e.jsxs(gt,{"data-testid":"browse-toolbar",children:[e.jsx(ft,{"data-testid":"browse-count","aria-busy":c||void 0,children:c?e.jsx(Ze,{className:"skeleton",width:72,"data-testid":"browse-count-skeleton","aria-hidden":!0}):e.jsxs(e.Fragment,{children:[s("filterBar.count",{count:u}),g?` ${s("filterBar.forQuery",{query:g})}`:""]})}),j&&j.length?e.jsxs(bt,{"data-testid":"filter-chips",children:[j.map(d=>e.jsxs(mt,{type:"button",onClick:d.onRemove,"aria-label":s("filterBar.removeFilter",{filter:d.label}),children:[e.jsx("span",{children:d.label}),e.jsx(yt,{name:"close","aria-hidden":!0})]},d.key)),m?e.jsx(we,{type:"button",onClick:m,children:s("filterBar.clearAll")}):null]}):null,x?e.jsxs(jt,{children:[w==null?void 0:w(l),R?e.jsx(Kt,{panelKey:"rarity",label:s("filterBar.rarity"),active:((b==null?void 0:b.length)??0)>0,badge:(b==null?void 0:b.length)||void 0,panel:l,children:e.jsx(ht,{"data-variant":"rarity",children:B.map(d=>e.jsxs(xt,{children:[e.jsx("input",{type:"checkbox",checked:(b==null?void 0:b.includes(d))??!1,onChange:()=>R(d)}),e.jsx("span",{children:d})]},d))})}):null,k==null?void 0:k(l),K?e.jsx(we,{type:"button",onClick:()=>{y==null||y(),l.close()},children:s("filterBar.clearAll")}):null]}):null,e.jsxs(vt,{children:[S?e.jsx(wt,{children:S}):null,e.jsx(pt,{label:s("filterBar.sortBy"),ariaLabel:s("filterBar.sortBy"),value:o,options:h.map(d=>({value:d.key,label:s(d.label)})),onChange:a,align:"right",open:l.open==="sort",onOpenChange:d=>d?l.toggle("sort"):l.close()}),f?e.jsxs(kt,{type:"button","data-testid":"open-filters",onClick:f,children:[s("filterBar.filters"),e.jsx($t,{name:"filter","aria-hidden":!0})]}):null]})]})]})}const N=1e5,_=900,I=90,Y=I*2,Ne=_/I,Me=N-_,ve=100;function ke(o){const a=Math.max(0,Math.min(Math.round(o),Y));if(a<=I)return a*Ne;const h=_+(a-I)/I*Me;return Math.round(h/ve)*ve}function Z(o){const a=Math.max(0,Math.min(o,N));return a<=_?Math.round(a/Ne):I+Math.round((a-_)/Me*I)}function $e(o){return Z(o)/Y*100}const Ct=t.div`
+`,J=["common","uncommon","epic","rare","legendary","exotic","mythic","unique"],De=[{key:"newest",label:"filterBar.sortNewest",server:"newest"},{key:"price-asc",label:"filterBar.sortCheapest",server:"cheapest"},{key:"price-desc",label:"filterBar.sortMostExpensive",server:"most_expensive"},{key:"name",label:"filterBar.sortName",server:"name"}],so=[{key:"discount",label:"filterBar.sortBiggestDiscount",server:"discount"},...De];function Kt({panelKey:i,label:a,active:h,badge:u,panel:c,children:g}){const f=c.open===i;return e.jsxs(St,{children:[e.jsxs(Wt,{type:"button","data-open":f||void 0,"data-active":h||void 0,onClick:()=>c.toggle(i),children:[a," ",u?e.jsx(zt,{children:u}):null," ",e.jsx(L,{up:f,size:24,color:o.colors.text2})]}),f?g:null]})}function ro({sort:i,onSort:a,sortOptions:h=De,total:u,loading:c,query:g,onOpenFilters:f,chips:j,onClearChips:m,rarities:b,onToggleRarity:R,rarityOptions:P=J,anyActive:K,onClear:y,renderLeading:w,renderTrailing:k,search:S}){const[r,$]=v.useState(null),l={open:r,toggle:d=>$(C=>C===d?null:d),close:()=>$(null)},x=!!R||!!w||!!k;return e.jsxs(e.Fragment,{children:[r?e.jsx(Rt,{onClick:l.close,"aria-hidden":!0}):null,e.jsxs(gt,{"data-testid":"browse-toolbar",children:[e.jsx(ft,{"data-testid":"browse-count","aria-busy":c||void 0,children:c?e.jsx(Ze,{className:"skeleton",width:72,"data-testid":"browse-count-skeleton","aria-hidden":!0}):e.jsxs(e.Fragment,{children:[s("filterBar.count",{count:u}),g?` ${s("filterBar.forQuery",{query:g})}`:""]})}),j&&j.length?e.jsxs(bt,{"data-testid":"filter-chips",children:[j.map(d=>e.jsxs(mt,{type:"button",onClick:d.onRemove,"aria-label":s("filterBar.removeFilter",{filter:d.label}),children:[e.jsx("span",{children:d.label}),e.jsx(yt,{name:"close","aria-hidden":!0})]},d.key)),m?e.jsx(we,{type:"button",onClick:m,children:s("filterBar.clearAll")}):null]}):null,x?e.jsxs(jt,{children:[w==null?void 0:w(l),R?e.jsx(Kt,{panelKey:"rarity",label:s("filterBar.rarity"),active:((b==null?void 0:b.length)??0)>0,badge:(b==null?void 0:b.length)||void 0,panel:l,children:e.jsx(ht,{"data-variant":"rarity",children:P.map(d=>e.jsxs(xt,{children:[e.jsx("input",{type:"checkbox",checked:(b==null?void 0:b.includes(d))??!1,onChange:()=>R(d)}),e.jsx("span",{children:d})]},d))})}):null,k==null?void 0:k(l),K?e.jsx(we,{type:"button",onClick:()=>{y==null||y(),l.close()},children:s("filterBar.clearAll")}):null]}):null,e.jsxs(vt,{children:[S?e.jsx(wt,{children:S}):null,e.jsx(pt,{label:s("filterBar.sortBy"),ariaLabel:s("filterBar.sortBy"),value:i,options:h.map(d=>({value:d.key,label:s(d.label)})),onChange:a,align:"right",open:l.open==="sort",onOpenChange:d=>d?l.toggle("sort"):l.close()}),f?e.jsxs(kt,{type:"button","data-testid":"open-filters",onClick:f,children:[s("filterBar.filters"),e.jsx($t,{name:"filter","aria-hidden":!0})]}):null]})]})]})}const N=1e5,_=900,I=90,Y=I*2,Ne=_/I,Me=N-_,ve=100;function ke(i){const a=Math.max(0,Math.min(Math.round(i),Y));if(a<=I)return a*Ne;const h=_+(a-I)/I*Me;return Math.round(h/ve)*ve}function Z(i){const a=Math.max(0,Math.min(i,N));return a<=_?Math.round(a/Ne):I+Math.round((a-_)/Me*I)}function $e(i){return Z(i)/Y*100}const Ct=t.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -507,11 +507,11 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   border: 0;
   border-radius: 4px;
   background: transparent;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
   text-align: left;
   cursor: pointer;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     height: 52px;
   }
 
@@ -521,46 +521,46 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     }
   }
   &:focus-visible {
-    outline: 2px solid ${i.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
 
-  ${({desktopStatic:o})=>o?`${i.media.minWidth("lg")} {
+  ${({desktopStatic:i})=>i?`${o.media.minWidth("lg")} {
           cursor: default;
           &:hover { background: transparent; }
         }`:""}
 `,Ft=t.span`
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 14px;
   line-height: 1.43;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     font-size: 16px;
   }
-`,Bt=t.span`
+`,Pt=t.span`
   display: inline-flex;
-  ${i.media.minWidth("lg")} {
+  ${o.media.minWidth("lg")} {
     display: none;
   }
-`,Pt=t("p",E("desktopHidden"))`
+`,Bt=t("p",E("desktopHidden"))`
   margin: 0;
   padding: 0 4px 4px;
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: normal;
-  color: ${i.colors.gray4};
+  color: ${o.colors.gray4};
   text-transform: capitalize;
 
-  ${({desktopHidden:o})=>o?`${i.media.minWidth("lg")} { display: none; }`:""}
+  ${({desktopHidden:i})=>i?`${o.media.minWidth("lg")} { display: none; }`:""}
 `,It=t("div",E("open","desktopStatic"))`
   display: grid;
-  grid-template-rows: ${({open:o})=>o?"1fr":"0fr"};
+  grid-template-rows: ${({open:i})=>i?"1fr":"0fr"};
   transition: grid-template-rows 0.22s ease;
 
-  ${({desktopStatic:o})=>o?`${i.media.minWidth("lg")} { grid-template-rows: 1fr; }`:""}
+  ${({desktopStatic:i})=>i?`${o.media.minWidth("lg")} { grid-template-rows: 1fr; }`:""}
 
   @media (prefers-reduced-motion: reduce) {
     transition: none;
@@ -581,22 +581,26 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   flex-direction: column;
   gap: 4px;
 `,Se=t.span`
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 400;
   font-size: 12px;
-  color: ${i.colors.gray4};
+  color: ${o.colors.gray4};
 `,We=t.span`
   display: flex;
   align-items: center;
   gap: 4px;
   height: 42px;
   padding: 8px;
-  border: 0.5px solid ${i.colors.softWhite};
+  border: 0.5px solid ${o.colors.softWhite};
   border-radius: 8px;
   background: rgba(0, 0, 0, 0.1);
 
+  /* theme.colors.orange, which theme.ts already designates for input borders — not a rarity hue. This
+     was theme.rarities.epic, the colour EPIC means everywhere else in the app, which read as unrelated
+     to the Shop and quietly overloaded a semantic token. The accent purple is the focus colour on the
+     app's light surfaces, but it would vanish against this sidebar's own purple. */
   &:focus-within {
-    border-color: ${i.rarities.epic};
+    border-color: ${o.colors.orange};
   }
 `,ze=t.input`
   width: 100%;
@@ -604,9 +608,9 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   border: 0;
   background: none;
   padding: 0;
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-size: 13px;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
 
   &:focus {
     outline: 0;
@@ -618,8 +622,8 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   }
 `,Mt=t.span`
   padding-bottom: 12px;
-  color: ${i.colors.softWhite};
-  font-family: ${i.font.sans};
+  color: ${o.colors.softWhite};
+  font-family: ${o.font.sans};
   font-size: 13px;
 `,Ht=t.div`
   position: relative;
@@ -639,9 +643,9 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   top: 50%;
   height: 2px;
   transform: translateY(-50%);
-  left: ${({minPct:o})=>`${o}%`};
-  right: ${({maxPct:o})=>`${100-o}%`};
-  background: ${i.colors.rarity};
+  left: ${({minPct:i})=>`${i}%`};
+  right: ${({maxPct:i})=>`${100-i}%`};
+  background: ${o.colors.rarity};
   border-radius: 2px;
 `,Re=t.input`
   position: absolute;
@@ -670,8 +674,8 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     width: 16px;
     height: 16px;
     border-radius: 50%;
-    background: ${i.colors.white};
-    border: 2px solid ${i.colors.rarity};
+    background: ${o.colors.white};
+    border: 2px solid ${o.colors.rarity};
     box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
     cursor: pointer;
   }
@@ -680,8 +684,8 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     width: 16px;
     height: 16px;
     border-radius: 50%;
-    background: ${i.colors.white};
-    border: 2px solid ${i.colors.rarity};
+    background: ${o.colors.white};
+    border: 2px solid ${o.colors.rarity};
     box-shadow: 0 1px 3px rgba(22, 21, 24, 0.25);
     cursor: pointer;
   }
@@ -694,20 +698,20 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   display: inline-flex;
   align-items: center;
   gap: 2px;
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-size: 13px;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
 `,Ce=t(F)`
   width: 16px;
   height: 16px;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
 `,At=t.div`
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
   padding: 9px 4px 9px 8px;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     gap: 12px 16px;
   }
 `,Ut=t("button",E("selected"))`
@@ -716,18 +720,18 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   gap: 4px;
   padding: 4px 8px;
   border-radius: 6px;
-  background: ${({selected:o})=>o?"rgba(0, 0, 0, 0.3)":"transparent"};
-  border: ${({selected:o})=>o?`1px solid ${i.colors.softWhite}`:"0.5px solid rgba(255, 255, 255, 0.3)"};
+  background: ${({selected:i})=>i?"rgba(0, 0, 0, 0.3)":"transparent"};
+  border: ${({selected:i})=>i?`1px solid ${o.colors.softWhite}`:"0.5px solid rgba(255, 255, 255, 0.3)"};
   cursor: pointer;
   transition:
     background 0.15s ease,
     border-color 0.15s ease;
 
   &:hover {
-    border-color: ${i.colors.softWhite};
+    border-color: ${o.colors.softWhite};
   }
   &:focus-visible {
-    outline: 2px solid ${i.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
 `,Gt=t("span",E("color"))`
@@ -735,24 +739,24 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   width: 16px;
   height: 16px;
   border-radius: 4px;
-  background: ${({color:o})=>o};
+  background: ${({color:i})=>i};
   flex: none;
 `,Yt=t(F)`
   position: absolute;
   inset: 0;
   width: 16px;
   height: 16px;
-  color: ${i.colors.white};
+  color: ${o.colors.white};
 `,qt=t("span",E("selected"))`
-  font-family: ${i.font.sans};
-  font-weight: ${({selected:o})=>o?600:400};
+  font-family: ${o.font.sans};
+  font-weight: ${({selected:i})=>i?600:400};
   font-size: 12px;
   line-height: 1.43;
   /* Gray 5 at rest, soft-white when selected (Figma) — both read on the purple field. */
-  color: ${({selected:o})=>o?i.colors.softWhite:i.colors.media};
+  color: ${({selected:i})=>i?o.colors.softWhite:o.colors.media};
   text-transform: capitalize;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     font-size: 14px;
   }
 `,Qt=t.label`
@@ -767,7 +771,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
      it is picked. Selected by tag rather than by interpolating StatusRadio (see CLAUDE.md). */
   @media (hover: hover) {
     &:hover input[type='radio'] {
-      border-color: ${i.colors.dclRed};
+      border-color: ${o.colors.dclRed};
     }
   }
 `,Vt=t.input`
@@ -775,7 +779,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   width: 18px;
   height: 18px;
   margin: 0;
-  border: 2px solid ${i.colors.media};
+  border: 2px solid ${o.colors.media};
   border-radius: 50%;
   background: transparent;
   cursor: pointer;
@@ -787,23 +791,23 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   /* The dot is painted as a background rather than a child element, which a replaced element can't
      have. The half-pixel feather on the stop keeps its edge from going jagged. */
   &:checked {
-    border-color: ${i.colors.dclRed};
-    background: radial-gradient(circle at center, ${i.colors.dclRed} 0 4px, transparent 4.5px);
+    border-color: ${o.colors.dclRed};
+    background: radial-gradient(circle at center, ${o.colors.dclRed} 0 4px, transparent 4.5px);
   }
   &:focus-visible {
-    outline: 2px solid ${i.colors.dclRed};
+    outline: 2px solid ${o.colors.dclRed};
     outline-offset: 2px;
   }
 `,Xt=t.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 400;
   font-size: 14px;
   line-height: 1.43;
-  color: ${i.colors.gray4};
-`,li=t.img`
+  color: ${o.colors.gray4};
+`,lo=t.img`
   width: 1em;
   height: 1em;
   flex: none;
@@ -819,7 +823,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
 
   /* On mobile a toggle row is a peer of the collapsible section headers (Figma 1304-307965): same 52px
      row height so it doesn't read as a smaller afterthought. */
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     height: 52px;
   }
 `,Ee=t.div`
@@ -829,37 +833,37 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
 `,Jt=t(F)`
   width: 14px;
   height: 14px;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     width: 16px;
     height: 16px;
   }
 `,Fe=t.span`
-  font-family: ${i.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 14px;
   line-height: 1.43;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
   /* Figma labels SMART in uppercase (the flash-feature label), unlike the title-case section names. */
   text-transform: uppercase;
 
   /* Match the section-header title size on mobile so a toggle row has the same hierarchy as Price/Rarity. */
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     font-size: 16px;
   }
 `,Zt=t(F)`
   width: 12px;
   height: 12px;
-  color: ${i.colors.muted2};
-`,Be=t("button",E("on"))`
+  color: ${o.colors.muted2};
+`,Pe=t("button",E("on"))`
   position: relative;
   width: 24px;
   height: 14px;
   padding: 0;
   border-radius: 100px;
   border: 0;
-  background: ${({on:o})=>o?i.colors.dclRed:"rgba(255, 255, 255, 0.1)"};
+  background: ${({on:i})=>i?o.colors.dclRed:"rgba(255, 255, 255, 0.1)"};
   cursor: pointer;
   flex: none;
   transition:
@@ -867,50 +871,50 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     border-color 0.15s ease;
 
   &:focus-visible {
-    outline: 2px solid ${i.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
 
   /* Bigger, tappable switch on mobile (the 24×14 desktop pill reads as too small on a phone). */
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     width: 40px;
     height: 22px;
   }
-`,Pe=t("span",E("on"))`
+`,Be=t("span",E("on"))`
   position: absolute;
   top: 50%;
-  left: ${({on:o})=>o?"calc(100% - 12px)":"0px"};
+  left: ${({on:i})=>i?"calc(100% - 12px)":"0px"};
   transform: translateY(-50%);
   width: 12px;
   height: 12px;
   border-radius: 50%;
   /* White knob in both states (Figma switch knob is soft-white) — only its position animates. */
-  background: ${i.colors.softWhite};
+  background: ${o.colors.softWhite};
   box-shadow: 0 1px 2px rgba(22, 21, 24, 0.3);
   transition: left 0.15s ease;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     width: 18px;
     height: 18px;
-    left: ${({on:o})=>o?"calc(100% - 18px)":"2px"};
+    left: ${({on:i})=>i?"calc(100% - 18px)":"2px"};
   }
-`;function ei(o){var a;for(const h of ie){const u=(a=h.subs)==null?void 0:a.find(c=>c.key===o);if(u)return s(u.labelKey)}return o}function G({title:o,open:a,onToggle:h,summary:u,desktopStatic:c,headerTestId:g,headerAria:f,children:j}){const m=e.jsx(L,{up:a,size:24,color:i.colors.softWhite});return e.jsxs(Tt,{children:[e.jsxs(Et,{type:"button",desktopStatic:c,onClick:h,"aria-expanded":a,"aria-label":f,"data-testid":g,children:[e.jsx(Ft,{children:o}),c?e.jsx(Bt,{children:m}):m]}),!a&&u?e.jsx(Pt,{desktopHidden:c,children:u}):null,e.jsx(It,{open:a,desktopStatic:c,children:e.jsx(Dt,{children:j})})]})}function di({category:o,subCategory:a,onCategory:h,onSub:u,priceMin:c,priceMax:g,onPriceMin:f,onPriceMax:j,rarities:m,onToggleRarity:b,status:R,onStatus:B,smart:K,onSmart:y,deals:w,onDeals:k,hideNames:S=!1,collections:r=!1,onCollections:$}){var de;const[l,x]=v.useState(!0),[d,C]=v.useState(!0),[He,Le]=v.useState(!1),[_e,Oe]=v.useState(!0),q=c&&!Number.isNaN(Number(c))?Number(c):void 0,Q=g&&!Number.isNaN(Number(g))?Number(g):void 0,[W,V]=v.useState({}),oe=q!=null?Math.min(q,N):0,ae=Q!=null?Math.min(Q,N):N,O=W.min??oe,A=W.max??ae,ne=$e(O),Ae=$e(A),se=n=>n<=0?"":String(n),re=n=>n>=N?"":String(n);function Ue(n){V(z=>{const X=z.max??ae;return{...z,min:Math.min(ke(n),X)}})}function Ge(n){V(z=>{const X=z.min??oe;return{...z,max:Math.max(ke(n),X)}})}function D(){W.min===void 0&&W.max===void 0||(W.min!==void 0&&f(se(W.min)),W.max!==void 0&&j(re(W.max)),V({}))}const le=(de=ie.find(n=>n.key===o))==null?void 0:de.labelKey,Ye=r?s("categories.collections"):a?ei(a):le&&o!=="all"?s(le):"",qe=q!=null||Q!=null?`${c||"0"}-${g||"∞"}`:"",Qe=J.filter(n=>m.includes(n)).map(ce).join(", "),Ve=R==="on_sale"?s("filter.onSale"):R==="not_for_sale"?s("filter.notForSale"):"";return e.jsxs(Ct,{children:[e.jsx(G,{title:s("assets.category"),open:l,onToggle:()=>x(n=>!n),summary:Ye,desktopStatic:!0,children:e.jsx(nt,{category:o,subCategory:a,onCategory:h,onSub:u,hideNames:S,collections:r,onCollections:$})}),e.jsx(U,{}),e.jsxs(G,{title:s("filter.price"),open:d,onToggle:()=>C(n=>!n),summary:qe,desktopStatic:!0,children:[e.jsxs(Nt,{children:[e.jsxs(je,{children:[e.jsx(Se,{children:s("assets.min")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:W.min!==void 0?se(W.min):c,onChange:n=>f(n.target.value)})})]}),e.jsx(Mt,{children:s("assets.priceTo")}),e.jsxs(je,{children:[e.jsx(Se,{children:s("assets.max")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:W.max!==void 0?re(W.max):g,onChange:n=>j(n.target.value)})})]})]}),e.jsxs(Ht,{children:[e.jsx(Lt,{"aria-hidden":!0}),e.jsx(_t,{minPct:ne,maxPct:Ae,"aria-hidden":!0}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(O),"aria-label":s("assets.minPriceSliderAria"),"aria-valuetext":O.toLocaleString(),"data-on-top":ne>=50?"":void 0,onChange:n=>Ue(Number(n.target.value)),onPointerUp:D,onKeyUp:D,onBlur:D}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(A),"aria-label":s("assets.maxPriceSliderAria"),"aria-valuetext":A.toLocaleString(),onChange:n=>Ge(Number(n.target.value)),onPointerUp:D,onKeyUp:D,onBlur:D})]}),e.jsxs(Ot,{children:[e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),O.toLocaleString()]}),e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),A.toLocaleString()]})]})]}),e.jsx(U,{}),e.jsx(G,{title:s("assets.rarity"),open:He,onToggle:()=>Le(n=>!n),summary:Qe,headerTestId:"sidebar-section-toggle",children:e.jsx(At,{"data-testid":"rarity-filter",children:J.map(n=>{const z=m.includes(n);return e.jsxs(Ut,{type:"button",selected:z,"aria-pressed":z,onClick:()=>b(n),"data-testid":"rarity-filter-check",children:[e.jsx(Gt,{color:i.rarities[n],children:z?e.jsx(Yt,{name:"check","aria-hidden":!0}):null}),e.jsx(qt,{selected:z,children:ce(n)})]},n)})})}),e.jsx(U,{}),e.jsx(G,{title:s("filter.status"),open:_e,onToggle:()=>Oe(n=>!n),summary:Ve,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,z])=>e.jsxs(Qt,{children:[e.jsx(Vt,{type:"radio",name:"shop-status",checked:R===n,onChange:()=>B(n)}),e.jsx(Xt,{children:z})]},n))}),e.jsx(U,{}),k?e.jsxs(Te,{"data-testid":"deals-row",children:[e.jsx(Ee,{children:e.jsx(Fe,{children:s("filter.deals")})}),e.jsx(Be,{type:"button",role:"switch",on:!!w,"aria-checked":!!w,"aria-label":s("filter.deals"),"data-testid":"deals-toggle",onClick:()=>k(!w),children:e.jsx(Pe,{on:!!w})})]}):null,e.jsxs(Te,{children:[e.jsxs(Ee,{children:[e.jsx(Jt,{name:"smart","aria-hidden":!0}),e.jsx(Fe,{children:s("filter.smart")}),e.jsx(Je,{content:s("filter.smartHint"),placement:"bottom",children:e.jsx(Zt,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0,"data-testid":"smart-hint"})})]}),e.jsx(Be,{type:"button",role:"switch",on:K,"aria-checked":K,"aria-label":s("filter.smart"),onClick:()=>y(!K),children:e.jsx(Pe,{on:K})})]})]})}const ci=t.div`
+`;function eo(i){var a;for(const h of oe){const u=(a=h.subs)==null?void 0:a.find(c=>c.key===i);if(u)return s(u.labelKey)}return i}function G({title:i,open:a,onToggle:h,summary:u,desktopStatic:c,headerTestId:g,headerAria:f,children:j}){const m=e.jsx(L,{up:a,size:24,color:o.colors.softWhite});return e.jsxs(Tt,{children:[e.jsxs(Et,{type:"button",desktopStatic:c,onClick:h,"aria-expanded":a,"aria-label":f,"data-testid":g,children:[e.jsx(Ft,{children:i}),c?e.jsx(Pt,{children:m}):m]}),!a&&u?e.jsx(Bt,{desktopHidden:c,children:u}):null,e.jsx(It,{open:a,desktopStatic:c,children:e.jsx(Dt,{children:j})})]})}function co({category:i,subCategory:a,onCategory:h,onSub:u,priceMin:c,priceMax:g,onPriceMin:f,onPriceMax:j,rarities:m,onToggleRarity:b,status:R,onStatus:P,smart:K,onSmart:y,deals:w,onDeals:k,hideNames:S=!1,collections:r=!1,onCollections:$}){var de;const[l,x]=v.useState(!0),[d,C]=v.useState(!0),[He,Le]=v.useState(!1),[_e,Oe]=v.useState(!0),q=c&&!Number.isNaN(Number(c))?Number(c):void 0,Q=g&&!Number.isNaN(Number(g))?Number(g):void 0,[W,V]=v.useState({}),ie=q!=null?Math.min(q,N):0,ae=Q!=null?Math.min(Q,N):N,O=W.min??ie,A=W.max??ae,ne=$e(O),Ae=$e(A),se=n=>n<=0?"":String(n),re=n=>n>=N?"":String(n);function Ue(n){V(z=>{const X=z.max??ae;return{...z,min:Math.min(ke(n),X)}})}function Ge(n){V(z=>{const X=z.min??ie;return{...z,max:Math.max(ke(n),X)}})}function D(){W.min===void 0&&W.max===void 0||(W.min!==void 0&&f(se(W.min)),W.max!==void 0&&j(re(W.max)),V({}))}const le=(de=oe.find(n=>n.key===i))==null?void 0:de.labelKey,Ye=r?s("categories.collections"):a?eo(a):le&&i!=="all"?s(le):"",qe=q!=null||Q!=null?`${c||"0"}-${g||"∞"}`:"",Qe=J.filter(n=>m.includes(n)).map(ce).join(", "),Ve=R==="on_sale"?s("filter.onSale"):R==="not_for_sale"?s("filter.notForSale"):"";return e.jsxs(Ct,{children:[e.jsx(G,{title:s("assets.category"),open:l,onToggle:()=>x(n=>!n),summary:Ye,desktopStatic:!0,children:e.jsx(nt,{category:i,subCategory:a,onCategory:h,onSub:u,hideNames:S,collections:r,onCollections:$})}),e.jsx(U,{}),e.jsxs(G,{title:s("filter.price"),open:d,onToggle:()=>C(n=>!n),summary:qe,desktopStatic:!0,children:[e.jsxs(Nt,{children:[e.jsxs(je,{children:[e.jsx(Se,{children:s("assets.min")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":s("assets.minPriceAria"),placeholder:"0",value:W.min!==void 0?se(W.min):c,onChange:n=>f(n.target.value)})})]}),e.jsx(Mt,{children:s("assets.priceTo")}),e.jsxs(je,{children:[e.jsx(Se,{children:s("assets.max")}),e.jsx(We,{children:e.jsx(ze,{type:"number",min:"0","aria-label":s("assets.maxPriceAria"),placeholder:"0",value:W.max!==void 0?re(W.max):g,onChange:n=>j(n.target.value)})})]})]}),e.jsxs(Ht,{children:[e.jsx(Lt,{"aria-hidden":!0}),e.jsx(_t,{minPct:ne,maxPct:Ae,"aria-hidden":!0}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(O),"aria-label":s("assets.minPriceSliderAria"),"aria-valuetext":O.toLocaleString(),"data-on-top":ne>=50?"":void 0,onChange:n=>Ue(Number(n.target.value)),onPointerUp:D,onKeyUp:D,onBlur:D}),e.jsx(Re,{type:"range",min:0,max:Y,value:Z(A),"aria-label":s("assets.maxPriceSliderAria"),"aria-valuetext":A.toLocaleString(),onChange:n=>Ge(Number(n.target.value)),onPointerUp:D,onKeyUp:D,onBlur:D})]}),e.jsxs(Ot,{children:[e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),O.toLocaleString()]}),e.jsxs(Ke,{children:[e.jsx(Ce,{name:pe.iconName,"aria-hidden":!0}),A.toLocaleString()]})]})]}),e.jsx(U,{}),e.jsx(G,{title:s("assets.rarity"),open:He,onToggle:()=>Le(n=>!n),summary:Qe,headerTestId:"sidebar-section-toggle",children:e.jsx(At,{"data-testid":"rarity-filter",children:J.map(n=>{const z=m.includes(n);return e.jsxs(Ut,{type:"button",selected:z,"aria-pressed":z,onClick:()=>b(n),"data-testid":"rarity-filter-check",children:[e.jsx(Gt,{color:o.rarities[n],children:z?e.jsx(Yt,{name:"check","aria-hidden":!0}):null}),e.jsx(qt,{selected:z,children:ce(n)})]},n)})})}),e.jsx(U,{}),e.jsx(G,{title:s("filter.status"),open:_e,onToggle:()=>Oe(n=>!n),summary:Ve,children:[["all",s("filter.statusAll")],["on_sale",s("filter.onSale")],["not_for_sale",s("filter.notForSale")]].map(([n,z])=>e.jsxs(Qt,{children:[e.jsx(Vt,{type:"radio",name:"shop-status",checked:R===n,onChange:()=>P(n)}),e.jsx(Xt,{children:z})]},n))}),e.jsx(U,{}),k?e.jsxs(Te,{"data-testid":"deals-row",children:[e.jsx(Ee,{children:e.jsx(Fe,{children:s("filter.deals")})}),e.jsx(Pe,{type:"button",role:"switch",on:!!w,"aria-checked":!!w,"aria-label":s("filter.deals"),"data-testid":"deals-toggle",onClick:()=>k(!w),children:e.jsx(Be,{on:!!w})})]}):null,e.jsxs(Te,{children:[e.jsxs(Ee,{children:[e.jsx(Jt,{name:"smart","aria-hidden":!0}),e.jsx(Fe,{children:s("filter.smart")}),e.jsx(Je,{content:s("filter.smartHint"),placement:"bottom",children:e.jsx(Zt,{name:"info",role:"img","aria-label":s("filter.smartHint"),tabIndex:0,"data-testid":"smart-hint"})})]}),e.jsx(Pe,{type:"button",role:"switch",on:K,"aria-checked":K,"aria-label":s("filter.smart"),onClick:()=>y(!K),children:e.jsx(Be,{on:K})})]})]})}const po=t.div`
   position: relative;
   display: flex;
   gap: 32px;
   align-items: flex-start;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     display: block;
   }
-`,pi=t.div`
+`,ho=t.div`
   flex: 1;
   min-width: 0;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     width: 100%;
   }
-`,hi=t.aside`
+`,xo=t.aside`
   flex: none;
   width: 265px;
 
@@ -919,7 +923,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
      the page. The row's align-items: flex-start (Root) keeps this a content-height item, which is what
      makes sticky able to move within the row.
      data-static opts out (the collection storefront, whose column flows with the page). */
-  ${i.media.minWidth("lg")} {
+  ${o.media.minWidth("lg")} {
     &:not([data-static]) {
       position: sticky;
       /* Sit flush below the fixed ui2 navbar (92px) + the sticky shop sub-nav (66px = its height) so
@@ -941,7 +945,7 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     }
   }
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     position: fixed;
     left: 0;
     right: 0;
@@ -965,23 +969,23 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
       visibility: visible;
     }
   }
-`,xi=t.div`
-  ${i.media.maxWidth("lg")} {
+`,uo=t.div`
+  ${o.media.maxWidth("lg")} {
     flex: 1;
     min-height: 0;
     overflow-y: auto;
     /* Room so the last filter row clears the sticky "Show items" bar (Figma bottom bar). */
     padding-bottom: 24px;
   }
-`,ui=t.div`
+`,go=t.div`
   position: fixed;
   inset: 0;
   z-index: 9998;
   background: rgba(0, 0, 0, 0.4);
-`,gi=t.div`
+`,fo=t.div`
   display: none;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     position: sticky;
     top: 0;
     z-index: 2;
@@ -993,14 +997,14 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     padding: 16px 16px 12px;
     border-radius: 16px 16px 0 0;
   }
-`,fi=t.span`
-  font-family: ${i.font.sans};
+`,bo=t.span`
+  font-family: ${o.font.sans};
   font-weight: 700;
   font-size: 15px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
-  color: ${i.colors.softWhite};
-`,bi=t.button`
+  color: ${o.colors.softWhite};
+`,mo=t.button`
   display: grid;
   place-items: center;
   width: 32px;
@@ -1011,16 +1015,16 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
   font-size: 15px;
   line-height: 1;
   cursor: pointer;
-  color: ${i.colors.softWhite};
+  color: ${o.colors.softWhite};
 
   &:focus-visible {
-    outline: 2px solid ${i.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
-`,mi=t.div`
+`,yo=t.div`
   display: none;
 
-  ${i.media.maxWidth("lg")} {
+  ${o.media.maxWidth("lg")} {
     display: flex;
     align-items: center;
     gap: 12px;
@@ -1032,14 +1036,14 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.25);
     z-index: 1;
   }
-`,yi=t.button`
+`,wo=t.button`
   flex: 1;
   height: 40px;
   border: 0;
   border-radius: 8px;
-  background: ${i.colors.accent};
-  color: ${i.colors.softWhite};
-  font-family: ${i.font.sans};
+  background: ${o.colors.accent};
+  color: ${o.colors.softWhite};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 13px;
   letter-spacing: 0.46px;
@@ -1051,8 +1055,8 @@ import{r as v,j as e}from"./react-CZuwb7m7.js";import{s as t,I as F,d as i,y as
     filter: brightness(1.08);
   }
   &:focus-visible {
-    outline: 2px solid ${i.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
-`;export{bi as C,gi as D,di as F,pi as M,J as R,De as S,ci as a,ui as b,hi as c,fi as d,xi as e,mi as f,yi as g,ri as h,ie as i,si as j,Ct as k,nt as l,U as m,G as n,At as o,Ut as p,Gt as q,Yt as r,qt as s,Qt as t,ni as u,Vt as v,Xt as w,li as x};
-//# sourceMappingURL=browseLayout.styles-DAoBsqew.js.map
+`;export{mo as C,fo as D,co as F,ho as M,J as R,De as S,po as a,go as b,xo as c,bo as d,uo as e,yo as f,wo as g,ro as h,oe as i,so as j,Ct as k,nt as l,U as m,G as n,At as o,Ut as p,Gt as q,Yt as r,qt as s,Qt as t,no as u,Vt as v,Xt as w,lo as x};
+//# sourceMappingURL=browseLayout.styles-BX8RNIIu.js.map