@dcl/shop 1.4.2-31322494096.commit-984acea → 1.4.2-31328289877.commit-9f2c3e3

package/_assets/{CollectionCarousel-BBYLCc51.js → CollectionCarousel-Cm4Bam6y.js}

@@ -1,10 +1,10 @@
-import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as C,L as O,bV as T,x as le,I as Q,h as P,g as j,f as M,aY as U,ar as Z,a9 as pe,ck as X,aq as he}from"./index-4l5lQG6P.js";import{s as ue,i as S,A as F,g as z,r as J,m as G,k as Y,l as _}from"./authorizations-hJkxcnlY.js";import{i as xe}from"./errors-X12fPjsF.js";import{E as ge}from"./ErrorNotice-D_pEmaKa.js";import{k as fe,l as me,m as ee,n as be,o as we}from"./buy-BufCe-jB.js";import{s as te,M as ae,E as ne}from"./sendMetaTransaction-CAjsqDgk.js";import{I as ye,C as ie}from"./ethers-BW12Sk6C.js";const N="shop:resume_after_signin",ve=900*1e3;function ht(e){try{sessionStorage.setItem(N,JSON.stringify({...e,at:Date.now()}))}catch{}}function ut(e){let t;try{t=sessionStorage.getItem(N)}catch{return null}if(!t)return null;try{sessionStorage.removeItem(N)}catch{}let i;try{i=JSON.parse(t)}catch{return null}return!i||i.type!==e||typeof i.at!="number"||Date.now()-i.at>ve?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function ke(e,t){return(e+t-1n)/t}function je(e,t,i){return e<=0||t<=0?0n:e>=t?i:ke(i*BigInt(e),BigInt(t))}function xt(e){var p,h,b;const t=Number.isFinite(e.priceCents)?Math.max(0,Math.trunc(e.priceCents)):0,i=Number.isFinite(e.balanceCents)?Math.max(0,Math.trunc(e.balanceCents)):0,o=e.priceManaWei>0n?e.priceManaWei:0n,d=e.manaBalanceWei>0n?e.manaBalanceWei:0n;if(t<=0)return{options:[],preferred:null,manaShortfall:null};const c=[];if(i>=t&&c.push({method:"credits",creditsCents:t,manaWei:0n}),o>0n&&i>0&&i<t){const u=t-i,l=je(u,t,o);d>=l&&c.push({method:"combined",creditsCents:i,manaWei:l})}o>0n&&d>=o&&c.push({method:"mana",creditsCents:0,manaWei:o});const m=((p=c.find(u=>u.method==="credits"))==null?void 0:p.method)??((h=c.find(u=>u.method==="combined"))==null?void 0:h.method)??((b=c.find(u=>u.method==="mana"))==null?void 0:b.method)??null,w=!c.some(u=>u.method==="mana"||u.method==="combined")&&o>0n&&d>0n?{manaWei:d,manaCents:Me(d,t,o),priceCents:t}:null;return{options:c,preferred:m,manaShortfall:w}}function Me(e,t,i){return Number(e*BigInt(t)/i)}function gt(e,t){let i=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0;return e.map(o=>{const d=Number.isFinite(o)?Math.max(0,Math.trunc(o)):0,c=Math.min(d,i);return i-=c,c})}function H(e){return Number.isFinite(e)?Math.max(0,e)/10:0}function ft(e,t){return e.options.find(i=>i.method===t)??null}const B="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202L22%2012L12%2022L2%2012L12%202ZM12%204.8L19.2%2012L12%2019.2L4.8%2012L12%204.8ZM12%2015.6C12.9548%2015.6001%2013.8705%2015.2209%2014.5457%2014.5459C15.2209%2013.8708%2015.6003%2012.9552%2015.6004%2012.0004C15.6005%2011.0456%2015.2213%2010.1299%2014.5463%209.45471C13.8712%208.7795%2012.9556%208.40011%2012.0008%208.4C11.0461%208.4%2010.1304%208.77928%209.45525%209.45442C8.78012%2010.1295%208.40083%2011.0452%208.40083%2012C8.40083%2012.9548%208.78012%2013.8705%209.45525%2014.5456C10.1304%2015.2207%2011.0461%2015.6%2012.0008%2015.6H12Z'%20fill='white'/%3e%3cg%20id='Rectangle%201'%3e%3c/g%3e%3c/g%3e%3c/svg%3e",Ce=a.div`
+import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b as y,A as M,L as O,bV as T,x as le,I as Q,h as S,g as j,f as C,aY as U,ar as Z,a9 as pe,ck as X,aq as he}from"./index-nrE8P6kQ.js";import{s as ue,i as P,A as F,g as W,r as J,m as G,k as Y,l as _}from"./authorizations-CE8WC5RJ.js";import{i as xe}from"./errors-lOpMMSkl.js";import{E as ge}from"./ErrorNotice-BhnAmLYv.js";import{k as fe,l as me,m as ee,n as be,o as we}from"./buy-Cwttx6lA.js";import{s as te,M as ae,E as ne}from"./sendMetaTransaction-DEP2Ximy.js";import{I as ye,C as ie}from"./ethers-16EFMs4Q.js";const N="shop:resume_after_signin",ve=900*1e3;function ut(e){try{sessionStorage.setItem(N,JSON.stringify({...e,at:Date.now()}))}catch{}}function xt(e){let t;try{t=sessionStorage.getItem(N)}catch{return null}if(!t)return null;try{sessionStorage.removeItem(N)}catch{}let i;try{i=JSON.parse(t)}catch{return null}return!i||i.type!==e||typeof i.at!="number"||Date.now()-i.at>ve?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function ke(e,t){return(e+t-1n)/t}function je(e,t,i){return e<=0||t<=0?0n:e>=t?i:ke(i*BigInt(e),BigInt(t))}function gt(e){var u,g,f;const t=Number.isFinite(e.priceCents)?Math.max(0,Math.trunc(e.priceCents)):0,i=Number.isFinite(e.balanceCents)?Math.max(0,Math.trunc(e.balanceCents)):0,r=e.priceManaWei>0n?e.priceManaWei:0n,d=e.manaBalanceWei>0n?e.manaBalanceWei:0n;if(t<=0)return{options:[],preferred:null,manaShortfall:null};const c=[];if(i>=t&&c.push({method:"credits",creditsCents:t,manaWei:0n}),r>0n&&i>0&&i<t){const p=t-i,l=je(p,t,r);d>=l&&c.push({method:"combined",creditsCents:i,manaWei:l})}r>0n&&d>=r&&c.push({method:"mana",creditsCents:0,manaWei:r});const m=((u=c.find(p=>p.method==="credits"))==null?void 0:u.method)??((g=c.find(p=>p.method==="combined"))==null?void 0:g.method)??((f=c.find(p=>p.method==="mana"))==null?void 0:f.method)??null,w=!c.some(p=>p.method==="mana"||p.method==="combined")&&r>0n&&d>0n?{manaWei:d,manaCents:Ce(d,t,r),priceCents:t}:null;return{options:c,preferred:m,manaShortfall:w}}function Ce(e,t,i){return Number(e*BigInt(t)/i)}function ft(e,t){let i=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0;return e.map(r=>{const d=Number.isFinite(r)?Math.max(0,Math.trunc(r)):0,c=Math.min(d,i);return i-=c,c})}function H(e){return Number.isFinite(e)?Math.max(0,e)/10:0}function mt(e,t){return e.options.find(i=>i.method===t)??null}const B="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Group%201'%3e%3cpath%20id='Vector'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12%202L22%2012L12%2022L2%2012L12%202ZM12%204.8L19.2%2012L12%2019.2L4.8%2012L12%204.8ZM12%2015.6C12.9548%2015.6001%2013.8705%2015.2209%2014.5457%2014.5459C15.2209%2013.8708%2015.6003%2012.9552%2015.6004%2012.0004C15.6005%2011.0456%2015.2213%2010.1299%2014.5463%209.45471C13.8712%208.7795%2012.9556%208.40011%2012.0008%208.4C11.0461%208.4%2010.1304%208.77928%209.45525%209.45442C8.78012%2010.1295%208.40083%2011.0452%208.40083%2012C8.40083%2012.9548%208.78012%2013.8705%209.45525%2014.5456C10.1304%2015.2207%2011.0461%2015.6%2012.0008%2015.6H12Z'%20fill='white'/%3e%3cg%20id='Rectangle%201'%3e%3c/g%3e%3c/g%3e%3c/svg%3e",Me=a.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: stretch;
   width: 100%;
-`,re=`
+`,oe=`
   width: 100%;
   min-height: 56px;
   display: flex;
@@ -19,16 +19,16 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   transition:
     background 0.15s ease,
     filter 0.15s ease;
-  font-family: ${r.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 15px;
   line-height: 24px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
-  color: ${r.colors.softWhite};
+  color: ${o.colors.softWhite};
 
   &:focus-visible {
-    outline: 2px solid ${r.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
   &:disabled {
@@ -36,18 +36,18 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     cursor: default;
   }
 `,R=a.button`
-  ${re}
-  background: ${r.gradients.buyBtn};
+  ${oe}
+  background: ${o.gradients.buyBtn};
 
   &:hover:not(:disabled) {
     filter: brightness(1.08);
   }
 `,I=a.button`
-  ${re}
-  background: ${r.colors.text2};
+  ${oe}
+  background: ${o.colors.text2};
 
   &:hover:not(:disabled) {
-    background: ${r.colors.gray0};
+    background: ${o.colors.gray0};
   }
 `,A=a.span`
   display: inline-flex;
@@ -64,7 +64,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   .ico {
     width: 24px;
     height: 24px;
-    background: ${r.colors.softWhite};
+    background: ${o.colors.softWhite};
   }
 `,E=a.span`
   position: relative;
@@ -89,24 +89,24 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   font-weight: 600;
   letter-spacing: 0.02em;
   opacity: 0.85;
-`,We=a.span`
+`,ze=a.span`
   font-size: 18px;
   font-weight: 600;
   opacity: 0.7;
-`,ze=a.p`
+`,We=a.p`
   margin: -4px 0 0;
-  font-family: ${r.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: 1.4;
-  color: ${r.colors.muted};
+  color: ${o.colors.muted};
   text-align: center;
-`;function mt({options:e,totalCents:t,onPay:i,busy:o=!1,creditsLabel:d,shortfall:c,showCreditsAmount:m=!0,creditsFallback:x=null}){const w=e.some(p=>p.method==="credits");return n.jsxs(Ce,{children:[!w&&x?n.jsx(R,{type:"button","data-testid":"pay-with-credits-topup",onClick:x.onClick,disabled:o,children:n.jsx("span",{children:x.label})}):null,e.map(p=>p.method==="credits"?n.jsxs(R,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:o,children:[n.jsx("span",{children:d??y("buyModal.buy")}),m?n.jsxs(A,{children:[n.jsx(C,{}),n.jsx("span",{children:O(H(p.creditsCents))})]}):null]},"credits"):p.method==="mana"?n.jsxs(I,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:o,children:[n.jsx("span",{children:y("buyModal.buyWithMana")}),n.jsxs(A,{children:[n.jsx(E,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:T(p.manaWei)})]})]},"mana"):n.jsxs(I,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:o,children:[n.jsx("span",{children:y("buyModal.buyWith")}),n.jsxs(A,{children:[n.jsx(C,{}),n.jsx("span",{children:O(H(p.creditsCents))}),n.jsx(We,{children:"+"}),n.jsx(E,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:T(p.manaWei)}),n.jsx(Ae,{children:"MANA"})]})]},"combined")),c?n.jsxs(n.Fragment,{children:[n.jsxs(I,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[n.jsx("span",{children:y("buyModal.buyWithMana")}),n.jsxs(A,{children:[n.jsx(E,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:T(c.manaWei)})]})]},"mana-short"),n.jsx(ze,{"data-testid":"mana-shortfall-note",children:y("buyModal.notEnoughMana")})]}):null,n.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:t})]})}function bt(e,t){const i=(o,...d)=>void e.invalidateQueries({queryKey:t?[o,...d]:[o]});e.invalidateQueries({queryKey:["usd-balance"]}),e.invalidateQueries({queryKey:["detail-trade"]}),e.invalidateQueries({queryKey:["shop-item"]}),i("owned-token",t==null?void 0:t.contractAddress,t==null?void 0:t.tokenId),i("public-token",t==null?void 0:t.contractAddress,t==null?void 0:t.tokenId),i("item-resales",t==null?void 0:t.contractAddress,t==null?void 0:t.itemId),e.invalidateQueries({queryKey:["shop-items"]}),e.invalidateQueries({queryKey:["catalog-items"]}),e.invalidateQueries({queryKey:["overview-listings"]}),e.invalidateQueries({queryKey:["upsell-listings"]}),e.invalidateQueries({queryKey:["my-assets"]}),e.invalidateQueries({queryKey:["purchases"]}),e.invalidateQueries({queryKey:["owned-item-count"]})}const $e=le`
+`;function bt({options:e,totalCents:t,onPay:i,busy:r=!1,creditsLabel:d,shortfall:c,showCreditsAmount:m=!0,creditsFallback:x=null}){const w=e.some(u=>u.method==="credits");return n.jsxs(Me,{children:[!w&&x?n.jsx(R,{type:"button","data-testid":"pay-with-credits-topup",onClick:x.onClick,disabled:r,children:n.jsx("span",{children:x.label})}):null,e.map(u=>u.method==="credits"?n.jsxs(R,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:r,children:[n.jsx("span",{children:d??y("buyModal.buy")}),m?n.jsxs(A,{children:[n.jsx(M,{}),n.jsx("span",{children:O(H(u.creditsCents))})]}):null]},"credits"):u.method==="mana"?n.jsxs(I,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:r,children:[n.jsx("span",{children:y("buyModal.buyWithMana")}),n.jsxs(A,{children:[n.jsx(E,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:T(u.manaWei)})]})]},"mana"):n.jsxs(I,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:r,children:[n.jsx("span",{children:y("buyModal.buyWith")}),n.jsxs(A,{children:[n.jsx(M,{}),n.jsx("span",{children:O(H(u.creditsCents))}),n.jsx(ze,{children:"+"}),n.jsx(E,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:T(u.manaWei)}),n.jsx(Ae,{children:"MANA"})]})]},"combined")),c?n.jsxs(n.Fragment,{children:[n.jsxs(I,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[n.jsx("span",{children:y("buyModal.buyWithMana")}),n.jsxs(A,{children:[n.jsx(E,{children:n.jsx("img",{src:B,alt:"","aria-hidden":!0})}),n.jsx("span",{children:T(c.manaWei)})]})]},"mana-short"),n.jsx(We,{"data-testid":"mana-shortfall-note",children:y("buyModal.notEnoughMana")})]}):null,n.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:t})]})}function wt(e,t){const i=(r,...d)=>void e.invalidateQueries({queryKey:t?[r,...d]:[r]});e.invalidateQueries({queryKey:["usd-balance"]}),e.invalidateQueries({queryKey:["detail-trade"]}),e.invalidateQueries({queryKey:["shop-item"]}),i("owned-token",t==null?void 0:t.contractAddress,t==null?void 0:t.tokenId),i("public-token",t==null?void 0:t.contractAddress,t==null?void 0:t.tokenId),i("item-resales",t==null?void 0:t.contractAddress,t==null?void 0:t.itemId),e.invalidateQueries({queryKey:["shop-items"]}),e.invalidateQueries({queryKey:["catalog-items"]}),e.invalidateQueries({queryKey:["overview-listings"]}),e.invalidateQueries({queryKey:["upsell-listings"]}),e.invalidateQueries({queryKey:["my-assets"]}),e.invalidateQueries({queryKey:["purchases"]}),e.invalidateQueries({queryKey:["owned-item-count"]})}const $e=le`
   to { transform: rotate(360deg); }
 `,Te=a.div`
   position: fixed;
   inset: 0;
-  z-index: ${r.z.prompt};
+  z-index: ${o.z.prompt};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -117,7 +117,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   max-width: 100%;
   max-height: 92vh;
   overflow-y: auto;
-  background: ${r.colors.white};
+  background: ${o.colors.white};
   border-radius: 16px;
   padding: 12px 16px 16px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
@@ -130,14 +130,14 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   justify-content: space-between;
   gap: 8px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${r.colors.gray4};
+  border-bottom: 1px solid ${o.colors.gray4};
 `,Ee=a.h2`
   margin: 0;
-  font-family: ${r.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 20px;
   line-height: 1.6;
-  color: ${r.colors.text};
+  color: ${o.colors.text};
 `,Ne=a.button`
   flex: none;
   display: grid;
@@ -147,7 +147,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   border: 0;
   background: none;
   cursor: pointer;
-  color: ${r.colors.text};
+  color: ${o.colors.text};
 
   .ico {
     width: 18px;
@@ -158,28 +158,34 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     cursor: default;
   }
   &:focus-visible {
-    outline: 2px solid ${r.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
+`,Se=a.span`
+  margin-left: auto;
+  margin-right: 12px;
+  color: ${o.colors.muted};
+  font-size: 14px;
+  white-space: nowrap;
 `,Pe=a.div`
   display: grid;
   grid-template-columns: 44px 1fr;
   align-items: center;
   gap: 14px;
   padding: 14px 18px;
-  background: ${r.colors.white};
-  border: 1px solid ${r.colors.line};
+  background: ${o.colors.white};
+  border: 1px solid ${o.colors.line};
   border-radius: 16px;
-`,Se=a.div`
+`,Fe=a.div`
   width: 44px;
   height: 44px;
   border-radius: 10px;
-  background: ${r.colors.media};
+  background: ${o.colors.media};
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${r.colors.muted2};
+  color: ${o.colors.muted2};
 
   img {
     width: 100%;
@@ -190,39 +196,39 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     width: 26px;
     height: 26px;
   }
-`,Fe=a.div`
+`,Ve=a.div`
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
-`,Ve=a.span`
-  font-weight: 700;
-  color: ${r.colors.text};
 `,qe=a.span`
+  font-weight: 700;
+  color: ${o.colors.text};
+`,Le=a.span`
   font-size: 13px;
   line-height: 1.45;
-  color: ${r.colors.muted};
-`,Le=a.p`
+  color: ${o.colors.muted};
+`,De=a.p`
   margin: 0;
   font-size: 12px;
   line-height: 1.5;
-  color: ${r.colors.muted2};
-`,De=a.div`
+  color: ${o.colors.muted2};
+`,Oe=a.div`
   display: flex;
   gap: 12px;
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     flex-direction: column-reverse;
   }
-`,Oe=a.button`
+`,Xe=a.button`
   flex: 1 1 0;
   height: 48px;
-  border: 2px solid ${r.colors.accent};
+  border: 2px solid ${o.colors.accent};
   border-radius: 12px;
   background: transparent;
-  color: ${r.colors.accent};
+  color: ${o.colors.accent};
   cursor: pointer;
-  font-family: ${r.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -237,10 +243,10 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     opacity: 0.5;
   }
   &:focus-visible {
-    outline: 2px solid ${r.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
-`,Xe=a.button`
+`,He=a.button`
   flex: 1 1 0;
   display: inline-flex;
   align-items: center;
@@ -249,10 +255,10 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   height: 48px;
   border: 0;
   border-radius: 12px;
-  background: ${r.colors.accent};
-  color: ${r.colors.softWhite};
+  background: ${o.colors.accent};
+  color: ${o.colors.softWhite};
   cursor: pointer;
-  font-family: ${r.font.sans};
+  font-family: ${o.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -260,39 +266,39 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   text-transform: uppercase;
 
   &:hover:not(:disabled) {
-    background: ${r.colors.accentHover};
+    background: ${o.colors.accentHover};
   }
   &:disabled {
     cursor: default;
     background: rgba(105, 31, 169, 0.4);
   }
   &:focus-visible {
-    outline: 2px solid ${r.colors.accent};
+    outline: 2px solid ${o.colors.accent};
     outline-offset: 2px;
   }
-`,He=a.span`
+`,Re=a.span`
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.5);
-  border-top-color: ${r.colors.white};
+  border-top-color: ${o.colors.white};
   animation: ${$e} 0.7s linear infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`;function wt({auth:e,signer:t,title:i,reason:o,name:d,image:c,icon:m,onAuthorized:x,onCancel:w,onClose:p}){const[h,b]=k.useState(!1),[u,l]=k.useState(null);async function v(){b(!0),l(null);try{await ue({auth:e,signer:t,active:!0}),x()}catch(g){xe(g)?l(y("authorizeStep.errorRejected")):(P(g,{flow:"authorize_step",kind:e.kind}),l(y("authorizeStep.errorGeneric"))),b(!1)}}return n.jsx(Te,{onClick:h?void 0:p,role:"presentation","data-testid":"authorize-step-scrim",children:n.jsxs(Be,{onClick:g=>g.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[n.jsxs(Ie,{children:[n.jsx(Ee,{children:i}),n.jsx(Ne,{onClick:p,disabled:h,"aria-label":y("authorizeStep.close"),children:n.jsx(Q,{name:"close",className:"ico"})})]}),n.jsxs(Pe,{"data-testid":"authorize-step-row",children:[n.jsx(Se,{children:c?n.jsx("img",{src:c,alt:""}):m}),n.jsxs(Fe,{children:[n.jsx(Ve,{title:d,children:d}),n.jsx(qe,{children:o})]})]}),n.jsx(Le,{children:y("authorizeStep.note")}),n.jsx(ge,{message:u}),n.jsxs(De,{children:[n.jsx(Oe,{type:"button",onClick:w,disabled:h,children:y("authorizeStep.cancel")}),n.jsx(Xe,{type:"button","data-testid":"authorize-step-action",onClick:()=>void v(),disabled:h,children:h?n.jsxs(n.Fragment,{children:[n.jsx(He,{"aria-hidden":!0}),y("authorizeStep.authorizing")]}):y("authorizeStep.authorize")})]})]})})}const yt="data:image/webp;base64,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",vt="https://cdn.decentraland.org/@dcl/shop/1.4.2-31322494096.commit-984acea/_assets/buy-error-22UunaPC.png";async function kt(e){const[t]=await oe({...e,trades:[e.trade]});return t}async function jt(e){const[t]=await oe({...e,trades:[],mints:[e.mint]});return t}async function oe(e){const{trades:t,mints:i=[],buyer:o,signer:d,onSigned:c,manaWei:m}=e;if(t.length===0&&i.length===0)throw new Error("No items to buy");const x=new Map;for(const h of t){const b=`${h.chainId}:${h.contract.toLowerCase()}`,u=x.get(b);u?u.push(h):x.set(b,[h])}const w=new Map;for(const h of i){const b=w.get(h.chainId);b?b.push(h):w.set(h.chainId,[h])}const p=[];for(const h of x.values())p.push(await Re({trades:h,buyer:o,signer:d,onSigned:c,requiredManaWei:m}));for(const[h,b]of w){const u=m??b.reduce((l,v)=>l+BigInt(v.item.priceWei),0n);p.push(await Ke({mints:b,chainId:h,buyer:o,signer:d,onSigned:c,requiredManaWei:u}))}return p}async function Re(e){const{trades:t,buyer:i,signer:o,onSigned:d,requiredManaWei:c}=e,m=t[0],x=j(U(m.contract),m.chainId),w=j(M.MANAToken,m.chainId);await S({auth:{kind:F.Allowance,contractAddress:w.address,spenderAddress:x.address,chainId:m.chainId},signer:o,requiredWei:c});const p=t.map(l=>me(l,i));if(z.enabled)try{const l=new ye(x.abi).encodeFunctionData("accept",[p]),v=J(),g=G(o.provider,v),f=await te(g,v,l,x,{serverURL:z.relayerUrl});return d==null||d(),await Y(f,"the MANA purchase"),f}catch(l){if(l instanceof ae&&l.code===ne.USER_DENIED||l instanceof _)throw l;P(l,{flow:"buy_mana",step:"gasless_fallback"})}await Z(o.provider,m.chainId);const b=await new ie(x.address,x.abi,o).accept(p,ee(m.chainId));return d==null||d(),(await b.wait()).transactionHash}async function Ke(e){const{mints:t,chainId:i,buyer:o,signer:d,onSigned:c,requiredManaWei:m}=e,x=j(M.CollectionStore,i),w=j(M.MANAToken,i),p=t.map(l=>l.item);if(await S({auth:{kind:F.Allowance,contractAddress:w.address,spenderAddress:x.address,chainId:i},signer:d,requiredWei:m}),z.enabled)try{const l=be(p,o,x.abi),v=J(),g=G(d.provider,v),f=await te(g,v,l,x,{serverURL:z.relayerUrl});return c==null||c(),await Y(f,"the MANA purchase"),f}catch(l){if(l instanceof ae&&l.code===ne.USER_DENIED||l instanceof _)throw l;P(l,{flow:"buy_mint_mana",step:"gasless_fallback"})}await Z(d.provider,i);const b=await new ie(x.address,x.abi,d).buy(we(p,o),ee(i));return c==null||c(),(await b.wait()).transactionHash}async function Mt(e){const{trade:t,...i}=e;return se({target:{kind:"trade",trade:t},...i})}async function Ct(e){const{mint:t,...i}=e;return se({target:{kind:"store",mint:t},...i})}async function se(e){const{target:t,buyer:i,signer:o,credits:d,manaGapWei:c,onBroadcast:m,onReverted:x}=e;if(d.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(c<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const w=de(t),p=j(M.MANAToken,w),h=j(M.CreditsManager,w);await S({auth:{kind:F.Allowance,contractAddress:p.address,spenderAddress:h.address,chainId:w},signer:o,requiredWei:c});const u=(d.reduce((l,v)=>l+BigInt(v.availableAmount),0n)+c).toString();return fe({purchase:Qe(t,d,u),buyer:i,signer:o,onBroadcast:m,onReverted:x})}function de(e){return e.kind==="trade"?e.trade.chainId:e.mint.chainId}function Qe(e,t,i){return e.kind==="trade"?{kind:"trade",trade:e.trade,credits:t,maxCreditedValue:i}:{kind:"store",item:e.mint.item,chainId:e.mint.chainId,credits:t,maxCreditedValue:i}}function At(e,t){const i=de(t);return e==="combined"?{spender:j(M.CreditsManager,i).address,chainId:i}:{spender:t.kind==="trade"?j(U(t.trade.contract),i).address:j(M.CollectionStore,i).address,chainId:i}}function Wt(e){return n.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...e,children:n.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function zt(e){return n.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...e,children:n.jsx("path",{fill:"#f48221",d:"M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"})})}const{colors:s,gradients:V,radius:ce,z:Ue}=r,$t=a.div`
+`;function yt({auth:e,signer:t,step:i,title:r,reason:d,name:c,image:m,icon:x,onAuthorized:w,onCancel:u,onClose:g}){const[f,p]=k.useState(!1),[l,v]=k.useState(null);async function b(){p(!0),v(null);try{await ue({auth:e,signer:t,active:!0}),w()}catch(h){xe(h)?v(y("authorizeStep.errorRejected")):(S(h,{flow:"authorize_step",kind:e.kind}),v(y("authorizeStep.errorGeneric"))),p(!1)}}return n.jsx(Te,{onClick:f?void 0:g,role:"presentation","data-testid":"authorize-step-scrim",children:n.jsxs(Be,{onClick:h=>h.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":r,children:[n.jsxs(Ie,{children:[n.jsx(Ee,{children:r}),i&&i.total>1?n.jsx(Se,{"data-testid":"authorize-step-count",children:y("authorizeStep.stepOf",{index:i.index,total:i.total})}):null,n.jsx(Ne,{onClick:g,disabled:f,"aria-label":y("authorizeStep.close"),children:n.jsx(Q,{name:"close",className:"ico"})})]}),n.jsxs(Pe,{"data-testid":"authorize-step-row",children:[n.jsx(Fe,{children:m?n.jsx("img",{src:m,alt:""}):x}),n.jsxs(Ve,{children:[n.jsx(qe,{title:c,children:c}),n.jsx(Le,{children:d})]})]}),n.jsx(De,{children:y("authorizeStep.note")}),n.jsx(ge,{message:l}),n.jsxs(Oe,{children:[n.jsx(Xe,{type:"button",onClick:u,disabled:f,children:y("authorizeStep.cancel")}),n.jsx(He,{type:"button","data-testid":"authorize-step-action",onClick:()=>void b(),disabled:f,children:f?n.jsxs(n.Fragment,{children:[n.jsx(Re,{"aria-hidden":!0}),y("authorizeStep.authorizing")]}):y("authorizeStep.authorize")})]})]})})}const vt="data:image/webp;base64,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",kt="https://cdn.decentraland.org/@dcl/shop/1.4.2-31328289877.commit-9f2c3e3/_assets/buy-error-22UunaPC.png";async function jt(e){const[t]=await re({...e,trades:[e.trade]});return t}async function Ct(e){const[t]=await re({...e,trades:[],mints:[e.mint]});return t}async function re(e){const{trades:t,mints:i=[],buyer:r,signer:d,onSigned:c,manaWei:m}=e;if(t.length===0&&i.length===0)throw new Error("No items to buy");const x=new Map;for(const g of t){const f=`${g.chainId}:${g.contract.toLowerCase()}`,p=x.get(f);p?p.push(g):x.set(f,[g])}const w=new Map;for(const g of i){const f=w.get(g.chainId);f?f.push(g):w.set(g.chainId,[g])}const u=[];for(const g of x.values())u.push(await Ke({trades:g,buyer:r,signer:d,onSigned:c,requiredManaWei:m}));for(const[g,f]of w){const p=m??f.reduce((l,v)=>l+BigInt(v.item.priceWei),0n);u.push(await Qe({mints:f,chainId:g,buyer:r,signer:d,onSigned:c,requiredManaWei:p}))}return u}async function Ke(e){const{trades:t,buyer:i,signer:r,onSigned:d,requiredManaWei:c}=e,m=t[0],x=j(U(m.contract),m.chainId),w=j(C.MANAToken,m.chainId);await P({auth:{kind:F.Allowance,contractAddress:w.address,spenderAddress:x.address,chainId:m.chainId},signer:r,requiredWei:c});const u=t.map(l=>me(l,i));if(W.enabled)try{const l=new ye(x.abi).encodeFunctionData("accept",[u]),v=J(),b=G(r.provider,v),h=await te(b,v,l,x,{serverURL:W.relayerUrl});return d==null||d(),await Y(h,"the MANA purchase"),h}catch(l){if(l instanceof ae&&l.code===ne.USER_DENIED||l instanceof _)throw l;S(l,{flow:"buy_mana",step:"gasless_fallback"})}await Z(r.provider,m.chainId);const f=await new ie(x.address,x.abi,r).accept(u,ee(m.chainId));return d==null||d(),(await f.wait()).transactionHash}async function Qe(e){const{mints:t,chainId:i,buyer:r,signer:d,onSigned:c,requiredManaWei:m}=e,x=j(C.CollectionStore,i),w=j(C.MANAToken,i),u=t.map(l=>l.item);if(await P({auth:{kind:F.Allowance,contractAddress:w.address,spenderAddress:x.address,chainId:i},signer:d,requiredWei:m}),W.enabled)try{const l=be(u,r,x.abi),v=J(),b=G(d.provider,v),h=await te(b,v,l,x,{serverURL:W.relayerUrl});return c==null||c(),await Y(h,"the MANA purchase"),h}catch(l){if(l instanceof ae&&l.code===ne.USER_DENIED||l instanceof _)throw l;S(l,{flow:"buy_mint_mana",step:"gasless_fallback"})}await Z(d.provider,i);const f=await new ie(x.address,x.abi,d).buy(we(u,r),ee(i));return c==null||c(),(await f.wait()).transactionHash}async function Mt(e){const{trade:t,...i}=e;return se({target:{kind:"trade",trade:t},...i})}async function At(e){const{mint:t,...i}=e;return se({target:{kind:"store",mint:t},...i})}async function se(e){const{target:t,buyer:i,signer:r,credits:d,manaGapWei:c,onBroadcast:m,onReverted:x}=e;if(d.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(c<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const w=de(t),u=j(C.MANAToken,w),g=j(C.CreditsManager,w);await P({auth:{kind:F.Allowance,contractAddress:u.address,spenderAddress:g.address,chainId:w},signer:r,requiredWei:c});const p=(d.reduce((l,v)=>l+BigInt(v.availableAmount),0n)+c).toString();return fe({purchase:Ue(t,d,p),buyer:i,signer:r,onBroadcast:m,onReverted:x})}function de(e){return e.kind==="trade"?e.trade.chainId:e.mint.chainId}function Ue(e,t,i){return e.kind==="trade"?{kind:"trade",trade:e.trade,credits:t,maxCreditedValue:i}:{kind:"store",item:e.mint.item,chainId:e.mint.chainId,credits:t,maxCreditedValue:i}}function zt(e,t){const i=de(t);return e==="combined"?{spender:j(C.CreditsManager,i).address,chainId:i}:{spender:t.kind==="trade"?j(U(t.trade.contract),i).address:j(C.CollectionStore,i).address,chainId:i}}function Wt(e){return n.jsx("svg",{viewBox:"0 0 18 18",width:"18",height:"18","aria-hidden":!0,...e,children:n.jsx("path",{d:"M4 4l10 10M14 4L4 14",stroke:"#161518",strokeWidth:"1.8",strokeLinecap:"round"})})}function $t(e){return n.jsx("svg",{viewBox:"0 0 20 20",width:"24",height:"24","aria-hidden":!0,...e,children:n.jsx("path",{fill:"#f48221",d:"M10 0a10 10 0 1 1 0 20 10 10 0 0 1 0-20Zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm0 11a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm0-8a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6a1 1 0 0 1 1-1Z"})})}const{colors:s,gradients:V,radius:ce,z:Ze}=o,Tt=a.div`
   position: fixed;
   inset: 0;
-  z-index: ${Ue.overlay};
+  z-index: ${Ze.overlay};
   display: flex;
   overflow-y: auto;
   padding: 20px;
-`,Tt=a.div`
+`,Bt=a.div`
   position: fixed;
   inset: 0;
   background: rgba(22, 21, 24, 0.45);
-`,Bt=a.div`
+`,It=a.div`
   position: relative;
   z-index: 1;
   margin: auto;
@@ -322,18 +328,18 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     min-height: 379px;
     justify-content: space-between;
   }
-`,It=a.div`
+`,Et=a.div`
   display: flex;
   flex-direction: column;
   gap: 4px;
   padding-bottom: 16px;
   border-bottom: 1px solid ${s.gray4};
-`,Et=a.div`
+`,Nt=a.div`
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 8px;
-`,Nt=a.h2`
+`,St=a.h2`
   margin: 0;
   font-size: 20px;
   font-weight: 700;
@@ -346,22 +352,22 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   cursor: pointer;
   padding: 2px;
   line-height: 0;
-`,St=a.div`
+`,Ft=a.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`,Ft=a.span`
+`,Vt=a.span`
   font-size: 14px;
   font-weight: 600;
   color: ${s.muted1};
-`,Vt=a(C)`
+`,qt=a(M)`
   width: 14px;
   height: 14px;
   background: ${s.text};
-`,qt=a.span`
+`,Lt=a.span`
   font-size: 14px;
   color: ${s.text};
-`,Lt=a.div`
+`,Dt=a.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -379,15 +385,15 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     gap: 32px;
     padding: 24px 0;
   }
-`,Dt=a.div`
+`,Ot=a.div`
   display: flex;
   gap: 24px;
   align-items: center;
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     gap: 12px;
   }
-`,Ot=a.div`
+`,Xt=a.div`
   flex-shrink: 0;
   width: 110px;
   height: 110px;
@@ -404,19 +410,19 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     filter: drop-shadow(0.7px 2.9px 3.7px rgba(0, 0, 0, 0.1));
   }
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     width: 78px;
     height: 78px;
     border-radius: 7px;
   }
-`,Xt=a.div`
+`,Ht=a.div`
   flex: 1;
   min-width: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 4px;
-`,Ht=a.div`
+`,Rt=a.div`
   font-size: 18px;
   font-weight: 700;
   line-height: 1.3;
@@ -424,18 +430,18 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     font-size: 16px;
   }
-`,Rt=a(pe)`
+`,Kt=a(pe)`
   font-size: 12px;
   line-height: 1.43;
   color: ${s.muted};
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     font-size: 10px;
   }
-`,Kt=a.div`
+`,Qt=a.div`
   display: flex;
   align-items: center;
   gap: 6px;
@@ -447,16 +453,16 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     color: ${s.text2};
   }
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     & span {
       font-size: 20px;
     }
   }
-`,Qt=a(C)`
+`,Ut=a(M)`
   width: 18px;
   height: 18px;
   background: ${s.text2};
-`,Ut=a.div`
+`,Zt=a.div`
   display: flex;
   align-items: flex-start;
   gap: 12px;
@@ -468,12 +474,12 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     flex-shrink: 0;
   }
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     align-items: center;
     gap: 8px;
     padding: 12px 8px;
   }
-`,Zt=a.p`
+`,Jt=a.p`
   margin: 0;
   font-size: 14px;
   line-height: 1.334;
@@ -482,7 +488,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   & b {
     font-weight: 700;
   }
-`,Jt=a.a`
+`,Gt=a.a`
   display: inline-block;
   margin-top: 4px;
   font-size: 14px;
@@ -494,7 +500,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   &:hover {
     color: ${s.accent};
   }
-`,Gt=a.div`
+`,Yt=a.div`
   display: flex;
   flex-wrap: wrap;
   gap: 12px;
@@ -506,12 +512,12 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
      sharing a line and claimed a full row: the four landed 2/1/1, three rows tall. That extra row is
      also what pushed the total under the sticky CTAs. The tracks are minmax(0, 1fr), not 1fr, so a
      long price shrinks the text inside the tile instead of widening the column past the card. */
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 16px 12px;
   }
-`,Yt=a.button`
+`,_t=a.button`
   /* Wide enough to stay readable, so a narrow card wraps the tiles onto a second row instead of
      squeezing four of them into one. */
   flex: 1 1 140px;
@@ -549,7 +555,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     transform: scale(1.03);
   }
 
-  ${r.media.maxWidth("mobile")} {
+  ${o.media.maxWidth("mobile")} {
     height: 83px;
     gap: 6px;
     /* A grid item defaults to min-width:auto, which would let the widest price push the tile out of
@@ -562,31 +568,31 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
       transform: none;
     }
   }
-`,_t=a.img`
+`,ea=a.img`
   width: 24px;
   height: 26px;
   flex: none;
-`,ea=a.span`
+`,ta=a.span`
   font-size: 24px;
   font-weight: 500;
   color: ${s.text};
-`,ta=a.span`
+`,aa=a.span`
   font-size: 14px;
   color: ${s.text};
-`,aa=a.div`
+`,na=a.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-top: 1px solid ${s.gray4};
   padding-top: 12px;
-`,na=a.div`
+`,ia=a.div`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 24px;
   font-weight: 700;
   color: ${s.text};
-`,ia=a(C)`
+`,oa=a(M)`
   width: 30px;
   height: 30px;
   background: ${s.text};
@@ -594,7 +600,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   font-size: 14px;
   font-weight: 600;
   color: ${s.muted1};
-`,oa=a.div`
+`,sa=a.div`
   position: sticky;
   bottom: 0;
   display: flex;
@@ -602,7 +608,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   margin-top: -8px;
   padding-top: 8px;
   background: ${s.white};
-`,sa=a.button`
+`,da=a.button`
   flex: 1;
   /* Let the CTAs shrink so their min-content can't widen the modal past the viewport on mobile. */
   min-width: 0;
@@ -665,10 +671,10 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     opacity: 0.6;
     cursor: default;
   }
-`,da=a.img`
+`,ca=a.img`
   width: 61px;
   height: 61px;
-`,ca=a.div`
+`,la=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -676,11 +682,11 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   background: rgba(255, 201, 213, 0.5);
   border-radius: 16px;
   padding: 24px 16px;
-`,la=a.img`
+`,pa=a.img`
   width: 64px;
   height: 80px;
   object-fit: contain;
-`,pa=a.p`
+`,ha=a.p`
   margin: 0;
   text-align: center;
   font-size: 20px;
@@ -691,19 +697,19 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   & b {
     font-weight: 700;
   }
-`,ha=a.div`
+`,ua=a.div`
   font-size: 20px;
   font-weight: 700;
   color: ${s.text2};
   text-align: center;
-`,ua=a.div`
+`,xa=a.div`
   width: 100%;
   max-width: 456px;
   height: 12px;
   background: ${s.media};
   border-radius: 100px;
   overflow: hidden;
-`,xa=a.span`
+`,ga=a.span`
   display: block;
   height: 100%;
   width: 40%;
@@ -725,7 +731,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     min-width: 12px;
     transition: width 0.35s ease;
   }
-`,ga=a.div`
+`,fa=a.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -747,7 +753,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
       padding: 16px;
     }
   }
-`,fa=a.p`
+`,ma=a.p`
   margin: 0;
   font-size: 20px;
   line-height: 1.334;
@@ -767,18 +773,18 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
       text-align: center;
     }
   }
-`,{colors:q,media:W}=r,Ze=a.section`
+`,{colors:q,media:z}=o,Je=a.section`
   margin-top: 40px;
-`,Je=a.div`
+`,Ge=a.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 20px;
-`,Ge=a.h2`
+`,Ye=a.h2`
   font-size: 22px;
   font-weight: 700;
   color: ${q.softWhite};
-`,Ye=a.button`
+`,_e=a.button`
   display: inline-flex;
   align-items: center;
   gap: 4px;
@@ -796,9 +802,9 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   &:hover {
     text-decoration: underline;
   }
-`,_e=a(Q)`
+`,et=a(Q)`
   transform: rotate(-90deg);
-`,et=a.div`
+`,tt=a.div`
   position: relative;
 `,K=a.button`
   position: absolute;
@@ -844,10 +850,10 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   @media (prefers-reduced-motion: reduce) {
     transition: none;
   }
-  ${W.maxWidth("lg")} {
+  ${z.maxWidth("lg")} {
     display: none;
   }
-`,tt=a.div`
+`,at=a.div`
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: calc((100% - 64px) / 5);
@@ -866,22 +872,22 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
   & > * {
     scroll-snap-align: start;
   }
-  ${W.maxWidth("xl")} {
+  ${z.maxWidth("xl")} {
     grid-auto-columns: calc((100% - 48px) / 4);
   }
-  ${W.maxWidth("lg")} {
+  ${z.maxWidth("lg")} {
     grid-auto-columns: calc((100% - 32px) / 3);
   }
-  ${W.maxWidth("sm")} {
+  ${z.maxWidth("sm")} {
     grid-auto-columns: calc((100% - 16px) / 2);
   }
-`,at=a.div`
+`,nt=a.div`
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   margin-top: 18px;
-`,nt=a.button`
+`,it=a.button`
   width: 10px;
   height: 10px;
   border-radius: 50%;
@@ -903,4 +909,4 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as
     opacity: 1;
     transform: scale(1.1);
   }
-`;function ma({title:e,items:t,onViewAll:i}){const o=k.useRef(null),[d,c]=k.useState(1),[m,x]=k.useState(0),[w,p]=k.useState(!0),[h,b]=k.useState(!1),u=k.useCallback(()=>{const g=o.current;if(!g)return;const{scrollLeft:f,scrollWidth:L,clientWidth:$}=g,D=Math.max(1,Math.ceil(L/$));c(D),x(Math.min(D-1,Math.round(f/$))),p(f<=1),b(f+$>=L-1)},[]);if(k.useEffect(()=>{u();const g=o.current;if(g)return g.addEventListener("scroll",u,{passive:!0}),window.addEventListener("resize",u),()=>{g.removeEventListener("scroll",u),window.removeEventListener("resize",u)}},[u,t.length]),t.length===0)return null;function l(g){const f=o.current;f&&f.scrollBy({left:g*f.clientWidth,behavior:"smooth"})}function v(g){const f=o.current;f&&f.scrollTo({left:g*f.clientWidth,behavior:"smooth"})}return n.jsxs(Ze,{"data-testid":"carousel",children:[n.jsxs(Je,{children:[n.jsx(Ge,{children:e}),i?n.jsxs(Ye,{onClick:i,children:[y("collectionCarousel.viewAll"),n.jsx(_e,{name:"chevron-down",size:16})]}):null]}),n.jsxs(et,{children:[n.jsx(K,{"data-side":"left",onClick:()=>l(-1),"aria-label":y("collectionCarousel.scrollLeft"),disabled:w,children:n.jsx("img",{src:X,alt:"","aria-hidden":!0})}),n.jsx(tt,{ref:o,children:t.map(g=>n.jsx(he,{item:g},g.id))}),n.jsx(K,{"data-side":"right",onClick:()=>l(1),"aria-label":y("collectionCarousel.scrollRight"),disabled:h,children:n.jsx("img",{src:X,alt:"","aria-hidden":!0})})]}),d>1?n.jsx(at,{"aria-label":y("collectionCarousel.pages"),children:Array.from({length:d}).map((g,f)=>n.jsx(nt,{"data-active":f===m||void 0,"aria-label":y("collectionCarousel.goToPage",{page:f+1}),"aria-current":f===m?"true":void 0,onClick:()=>v(f)},f))}):null]})}export{oe as $,Dt as A,St as B,Bt as C,_t as D,yt as E,ea as F,ta as G,It as H,aa as I,na as J,ia as K,da as L,$t as M,ra as N,xt as O,mt as P,ut as Q,ma as R,Tt as S,Nt as T,wt as U,B as V,Ut as W,Pt as X,ht as Y,bt as Z,At as _,Et as a,gt as a0,je as a1,Qe as a2,de as a3,H as a4,ga as a5,fa as a6,ft as a7,kt as a8,jt as a9,Mt as aa,Ct as ab,Wt as b,Ft as c,Vt as d,qt as e,Lt as f,ca as g,la as h,vt as i,pa as j,oa as k,sa as l,ha as m,ua as n,xa as o,zt as p,Zt as q,Jt as r,Ot as s,Xt as t,Ht as u,Rt as v,Kt as w,Qt as x,Gt as y,Yt as z};
+`;function ba({title:e,items:t,onViewAll:i}){const r=k.useRef(null),[d,c]=k.useState(1),[m,x]=k.useState(0),[w,u]=k.useState(!0),[g,f]=k.useState(!1),p=k.useCallback(()=>{const b=r.current;if(!b)return;const{scrollLeft:h,scrollWidth:L,clientWidth:$}=b,D=Math.max(1,Math.ceil(L/$));c(D),x(Math.min(D-1,Math.round(h/$))),u(h<=1),f(h+$>=L-1)},[]);if(k.useEffect(()=>{p();const b=r.current;if(b)return b.addEventListener("scroll",p,{passive:!0}),window.addEventListener("resize",p),()=>{b.removeEventListener("scroll",p),window.removeEventListener("resize",p)}},[p,t.length]),t.length===0)return null;function l(b){const h=r.current;h&&h.scrollBy({left:b*h.clientWidth,behavior:"smooth"})}function v(b){const h=r.current;h&&h.scrollTo({left:b*h.clientWidth,behavior:"smooth"})}return n.jsxs(Je,{"data-testid":"carousel",children:[n.jsxs(Ge,{children:[n.jsx(Ye,{children:e}),i?n.jsxs(_e,{onClick:i,children:[y("collectionCarousel.viewAll"),n.jsx(et,{name:"chevron-down",size:16})]}):null]}),n.jsxs(tt,{children:[n.jsx(K,{"data-side":"left",onClick:()=>l(-1),"aria-label":y("collectionCarousel.scrollLeft"),disabled:w,children:n.jsx("img",{src:X,alt:"","aria-hidden":!0})}),n.jsx(at,{ref:r,children:t.map(b=>n.jsx(he,{item:b},b.id))}),n.jsx(K,{"data-side":"right",onClick:()=>l(1),"aria-label":y("collectionCarousel.scrollRight"),disabled:g,children:n.jsx("img",{src:X,alt:"","aria-hidden":!0})})]}),d>1?n.jsx(nt,{"aria-label":y("collectionCarousel.pages"),children:Array.from({length:d}).map((b,h)=>n.jsx(it,{"data-active":h===m||void 0,"aria-label":y("collectionCarousel.goToPage",{page:h+1}),"aria-current":h===m?"true":void 0,onClick:()=>v(h)},h))}):null]})}export{re as $,Ot as A,Ft as B,It as C,ea as D,vt as E,ta as F,aa as G,Et as H,na as I,ia as J,oa as K,ca as L,Tt as M,ra as N,gt as O,bt as P,xt as Q,ba as R,Bt as S,St as T,yt as U,B as V,Zt as W,Pt as X,ut as Y,wt as Z,zt as _,Nt as a,ft as a0,je as a1,Ue as a2,de as a3,H as a4,fa as a5,ma as a6,mt as a7,jt as a8,Ct as a9,Mt as aa,At as ab,Wt as b,Vt as c,qt as d,Lt as e,Dt as f,la as g,pa as h,kt as i,ha as j,sa as k,da as l,ua as m,xa as n,ga as o,$t as p,Jt as q,Gt as r,Xt as s,Ht as t,Rt as u,Kt as v,Qt as w,Ut as x,Yt as y,_t as z};