@dcl/shop 1.4.2-31312432830.commit-294f554 → 1.4.2-31318756114.commit-f38062f

package/_assets/{CollectionCarousel-Cps0wYBU.js → CollectionCarousel-CTXfQk3n.js}

@@ -1,4 +1,4 @@
-import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L as A,bV as z,C as ce,x as le,I as K,k as pe,g as j,f as C,aY as U,ar as Q,a9 as he,ck as q,aq as ue}from"./index-Cq8I2bCh.js";import{s as xe,i as F,A as V,g as B,r as Z,m as J,k as Y,l as G}from"./authorizations-CAFiSVFA.js";import{i as ge}from"./errors-CJ2pCYot.js";import{E as fe}from"./ErrorNotice-C_RVGUzO.js";import{k as me,l as be,m as _,n as we,o as ye}from"./buy-P1ELLgiE.js";import{s as ee,M as te,E as ae}from"./sendMetaTransaction-BuEwIAyh.js";import{I as ve,C as ne}from"./ethers-DfPQ1iPJ.js";const S="shop:resume_after_signin",ke=900*1e3;function xt(e){try{sessionStorage.setItem(S,JSON.stringify({...e,at:Date.now()}))}catch{}}function gt(e){let t;try{t=sessionStorage.getItem(S)}catch{return null}if(!t)return null;try{sessionStorage.removeItem(S)}catch{}let i;try{i=JSON.parse(t)}catch{return null}return!i||i.type!==e||typeof i.at!="number"||Date.now()-i.at>ke?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function je(e,t){return(e+t-1n)/t}function Ce(e,t,i){return e<=0||t<=0?0n:e>=t?i:je(i*BigInt(e),BigInt(t))}function ft(e){var u,p,y;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,s=e.priceManaWei>0n?e.priceManaWei:0n,l=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}),s>0n&&i>0&&i<t){const r=t-i,f=Ce(r,t,s);l>=f&&c.push({method:"combined",creditsCents:i,manaWei:f})}s>0n&&l>=s&&c.push({method:"mana",creditsCents:0,manaWei:s});const h=((u=c.find(r=>r.method==="credits"))==null?void 0:u.method)??((p=c.find(r=>r.method==="combined"))==null?void 0:p.method)??((y=c.find(r=>r.method==="mana"))==null?void 0:y.method)??null,g=!c.some(r=>r.method==="mana"||r.method==="combined")&&s>0n&&l>0n?{manaWei:l,manaCents:Me(l,t,s),priceCents:t}:null;return{options:c,preferred:h,manaShortfall:g}}function Me(e,t,i){return Number(e*BigInt(t)/i)}function mt(e,t){let i=Number.isFinite(t)?Math.max(0,Math.trunc(t)):0;return e.map(s=>{const l=Number.isFinite(s)?Math.max(0,Math.trunc(s)):0,c=Math.min(l,i);return i-=c,c})}function $(e){return Number.isFinite(e)?Math.max(0,e)/10:0}function bt(e,t){return e.options.find(i=>i.method===t)??null}function wt(e,t){if(!Number.isFinite(e)||e<=0||t<=0n)return null;const i=e/10;return Number(t)/1e18/i}const E="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",Ae=a.div`
+import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as r,b as y,A as M,L as A,bV as W,C as ce,x as le,I as K,k as pe,g as j,f as C,aY as U,ar as Q,a9 as he,ck as O,aq as ue}from"./index-D4WtCbvP.js";import{s as xe,i as F,A as V,g as B,r as Z,m as J,k as Y,l as G}from"./authorizations-B2lXGBml.js";import{i as ge}from"./errors-B9awri0w.js";import{E as fe}from"./ErrorNotice-Bbr5IZyl.js";import{k as me,l as be,m as _,n as we,o as ye}from"./buy-CWZqT4z9.js";import{s as ee,M as te,E as ae}from"./sendMetaTransaction-BOQmFcY9.js";import{I as ve,C as ne}from"./ethers-KA0WcT1W.js";const S="shop:resume_after_signin",ke=900*1e3;function xt(e){try{sessionStorage.setItem(S,JSON.stringify({...e,at:Date.now()}))}catch{}}function gt(e){let t;try{t=sessionStorage.getItem(S)}catch{return null}if(!t)return null;try{sessionStorage.removeItem(S)}catch{}let i;try{i=JSON.parse(t)}catch{return null}return!i||i.type!==e||typeof i.at!="number"||Date.now()-i.at>ke?null:i.type==="cart-checkout"?{type:"cart-checkout"}:{type:"item-buy",path:i.path}}function je(e,t){return(e+t-1n)/t}function Ce(e,t,i){return e<=0||t<=0?0n:e>=t?i:je(i*BigInt(e),BigInt(t))}function ft(e){var b,c,w;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 p=[];if(i>=t&&p.push({method:"credits",creditsCents:t,manaWei:0n}),o>0n&&i>0&&i<t){const h=t-i,l=Ce(h,t,o);d>=l&&p.push({method:"combined",creditsCents:i,manaWei:l})}o>0n&&d>=o&&p.push({method:"mana",creditsCents:0,manaWei:o});const u=((b=p.find(h=>h.method==="credits"))==null?void 0:b.method)??((c=p.find(h=>h.method==="combined"))==null?void 0:c.method)??((w=p.find(h=>h.method==="mana"))==null?void 0:w.method)??null,m=!p.some(h=>h.method==="mana"||h.method==="combined")&&o>0n&&d>0n?{manaWei:d,manaCents:Me(d,t,o),priceCents:t}:null;return{options:p,preferred:u,manaShortfall:m}}function Me(e,t,i){return Number(e*BigInt(t)/i)}function mt(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,p=Math.min(d,i);return i-=p,p})}function z(e){return Number.isFinite(e)?Math.max(0,e)/10:0}function bt(e,t){return e.options.find(i=>i.method===t)??null}function wt(e,t){if(!Number.isFinite(e)||e<=0||t<=0n)return null;const i=e/10;return Number(t)/1e18/i}const E="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",Ae=a.div`
   display: flex;
   flex-direction: column;
   gap: 12px;
@@ -19,16 +19,16 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   transition:
     background 0.15s ease,
     filter 0.15s ease;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 15px;
   line-height: 24px;
   letter-spacing: 0.46px;
   text-transform: uppercase;
-  color: ${o.colors.softWhite};
+  color: ${r.colors.softWhite};
 
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
   &:disabled {
@@ -37,19 +37,19 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   }
 `,X=a.button`
   ${ie}
-  background: ${o.gradients.buyBtn};
+  background: ${r.gradients.buyBtn};
 
   &:hover:not(:disabled) {
     filter: brightness(1.08);
   }
 `,N=a.button`
   ${ie}
-  background: ${o.colors.text2};
+  background: ${r.colors.text2};
 
   &:hover:not(:disabled) {
-    background: ${o.colors.gray0};
+    background: ${r.colors.gray0};
   }
-`,W=a.span`
+`,$=a.span`
   display: inline-flex;
   align-items: center;
   gap: 6px;
@@ -64,7 +64,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   .ico {
     width: 24px;
     height: 24px;
-    background: ${o.colors.softWhite};
+    background: ${r.colors.softWhite};
   }
 `,P=a.span`
   position: relative;
@@ -84,37 +84,37 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     height: 24px;
     display: block;
   }
-`,ze=a.span`
+`,We=a.span`
   font-size: 13px;
   font-weight: 600;
   letter-spacing: 0.02em;
   opacity: 0.85;
-`,$e=a.span`
+`,ze=a.span`
   font-size: 18px;
   font-weight: 600;
   opacity: 0.7;
-`,We=a.p`
+`,$e=a.p`
   margin: 0;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: 1;
-  color: ${o.colors.muted};
+  color: ${r.colors.muted};
   text-align: center;
 `,Te=a.p`
   margin: -4px 0 0;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 400;
   font-size: 12px;
   line-height: 1.4;
-  color: ${o.colors.muted};
+  color: ${r.colors.muted};
   text-align: center;
-`;function yt({options:e,totalCents:t,onPay:i,busy:s=!1,rateNote:l,creditsLabel:c,shortfall:h,showCreditsAmount:w=!0,creditsFallback:g=null}){const u=e.some(p=>p.method==="credits");return n.jsxs(Ae,{children:[!u&&g?n.jsx(X,{type:"button","data-testid":"pay-with-credits-topup",onClick:g.onClick,disabled:s,children:n.jsx("span",{children:g.label})}):null,e.map(p=>p.method==="credits"?n.jsxs(X,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:s,children:[n.jsx("span",{children:c??b("buyModal.buy")}),w?n.jsxs(W,{children:[n.jsx(M,{}),n.jsx("span",{children:A($(p.creditsCents))})]}):null]},"credits"):p.method==="mana"?n.jsxs(N,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:s,children:[n.jsx("span",{children:b("buyModal.buyWithMana")}),n.jsxs(W,{children:[n.jsx(P,{children:n.jsx("img",{src:E,alt:"","aria-hidden":!0})}),n.jsx("span",{children:z(p.manaWei)})]})]},"mana"):n.jsxs(N,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:s,children:[n.jsx("span",{children:b("buyModal.buyWith")}),n.jsxs(W,{children:[n.jsx(M,{}),n.jsx("span",{children:A($(p.creditsCents))}),n.jsx($e,{children:"+"}),n.jsx(P,{children:n.jsx("img",{src:E,alt:"","aria-hidden":!0})}),n.jsx("span",{children:z(p.manaWei)}),n.jsx(ze,{children:"MANA"})]})]},"combined")),h?n.jsxs(n.Fragment,{children:[n.jsxs(N,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[n.jsx("span",{children:b("buyModal.buyWithMana")}),n.jsxs(W,{children:[n.jsx(P,{children:n.jsx("img",{src:E,alt:"","aria-hidden":!0})}),n.jsx("span",{children:z(h.manaWei)})]})]},"mana-short"),n.jsx(Te,{"data-testid":"mana-shortfall-note",children:b("buyModal.manaWorth",{mana:z(h.manaWei),credits:A($(h.manaCents)),price:A($(h.priceCents)),currency:ce.name})})]}):null,l?n.jsx(We,{"data-testid":"mana-rate-note",children:l}):null,n.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:t})]})}function vt(e,t){const i=(s,...l)=>void e.invalidateQueries({queryKey:t?[s,...l]:[s]});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 Be=le`
+`;function yt({options:e,totalCents:t,onPay:i,busy:o=!1,rateNote:d,creditsLabel:p,shortfall:u,showCreditsAmount:x=!0,creditsFallback:m=null}){const b=e.some(c=>c.method==="credits");return n.jsxs(Ae,{children:[!b&&m?n.jsx(X,{type:"button","data-testid":"pay-with-credits-topup",onClick:m.onClick,disabled:o,children:n.jsx("span",{children:m.label})}):null,e.map(c=>c.method==="credits"?n.jsxs(X,{type:"button","data-testid":"pay-with-credits",onClick:()=>i("credits"),disabled:o,children:[n.jsx("span",{children:p??y("buyModal.buy")}),x?n.jsxs($,{children:[n.jsx(M,{}),n.jsx("span",{children:A(z(c.creditsCents))})]}):null]},"credits"):c.method==="mana"?n.jsxs(N,{type:"button","data-testid":"pay-with-mana",onClick:()=>i("mana"),disabled:o,children:[n.jsx("span",{children:y("buyModal.buyWithMana")}),n.jsxs($,{children:[n.jsx(P,{children:n.jsx("img",{src:E,alt:"","aria-hidden":!0})}),n.jsx("span",{children:W(c.manaWei)})]})]},"mana"):n.jsxs(N,{type:"button","data-testid":"pay-with-combined",onClick:()=>i("combined"),disabled:o,children:[n.jsx("span",{children:y("buyModal.buyWith")}),n.jsxs($,{children:[n.jsx(M,{}),n.jsx("span",{children:A(z(c.creditsCents))}),n.jsx(ze,{children:"+"}),n.jsx(P,{children:n.jsx("img",{src:E,alt:"","aria-hidden":!0})}),n.jsx("span",{children:W(c.manaWei)}),n.jsx(We,{children:"MANA"})]})]},"combined")),u?n.jsxs(n.Fragment,{children:[n.jsxs(N,{type:"button","data-testid":"pay-with-mana-disabled",disabled:!0,children:[n.jsx("span",{children:y("buyModal.buyWithMana")}),n.jsxs($,{children:[n.jsx(P,{children:n.jsx("img",{src:E,alt:"","aria-hidden":!0})}),n.jsx("span",{children:W(u.manaWei)})]})]},"mana-short"),n.jsx(Te,{"data-testid":"mana-shortfall-note",children:y("buyModal.manaWorth",{mana:W(u.manaWei),credits:A(z(u.manaCents)),price:A(z(u.priceCents)),currency:ce.name})})]}):null,d?n.jsx($e,{"data-testid":"mana-rate-note",children:d}):null,n.jsx("span",{hidden:!0,"data-testid":"pay-total-cents",children:t})]})}function vt(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 Be=le`
   to { transform: rotate(360deg); }
 `,Ie=a.div`
   position: fixed;
   inset: 0;
-  z-index: ${o.z.prompt};
+  z-index: ${r.z.prompt};
   display: flex;
   align-items: center;
   justify-content: center;
@@ -125,7 +125,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   max-width: 100%;
   max-height: 92vh;
   overflow-y: auto;
-  background: ${o.colors.white};
+  background: ${r.colors.white};
   border-radius: 16px;
   padding: 12px 16px 16px;
   box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
@@ -138,14 +138,14 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   justify-content: space-between;
   gap: 8px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${o.colors.gray4};
+  border-bottom: 1px solid ${r.colors.gray4};
 `,Pe=a.h2`
   margin: 0;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 20px;
   line-height: 1.6;
-  color: ${o.colors.text};
+  color: ${r.colors.text};
 `,Se=a.button`
   flex: none;
   display: grid;
@@ -155,7 +155,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   border: 0;
   background: none;
   cursor: pointer;
-  color: ${o.colors.text};
+  color: ${r.colors.text};
 
   .ico {
     width: 18px;
@@ -166,7 +166,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     cursor: default;
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
 `,Fe=a.div`
@@ -175,19 +175,19 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   align-items: center;
   gap: 14px;
   padding: 14px 18px;
-  background: ${o.colors.white};
-  border: 1px solid ${o.colors.line};
+  background: ${r.colors.white};
+  border: 1px solid ${r.colors.line};
   border-radius: 16px;
 `,Ve=a.div`
   width: 44px;
   height: 44px;
   border-radius: 10px;
-  background: ${o.colors.media};
+  background: ${r.colors.media};
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: ${o.colors.muted2};
+  color: ${r.colors.muted2};
 
   img {
     width: 100%;
@@ -198,39 +198,39 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     width: 26px;
     height: 26px;
   }
-`,Le=a.div`
+`,qe=a.div`
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 4px;
-`,De=a.span`
+`,Le=a.span`
   font-weight: 700;
-  color: ${o.colors.text};
-`,Re=a.span`
+  color: ${r.colors.text};
+`,De=a.span`
   font-size: 13px;
   line-height: 1.45;
-  color: ${o.colors.muted};
-`,Oe=a.p`
+  color: ${r.colors.muted};
+`,Re=a.p`
   margin: 0;
   font-size: 12px;
   line-height: 1.5;
-  color: ${o.colors.muted2};
-`,qe=a.div`
+  color: ${r.colors.muted2};
+`,Oe=a.div`
   display: flex;
   gap: 12px;
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     flex-direction: column-reverse;
   }
 `,Xe=a.button`
   flex: 1 1 0;
   height: 48px;
-  border: 2px solid ${o.colors.accent};
+  border: 2px solid ${r.colors.accent};
   border-radius: 12px;
   background: transparent;
-  color: ${o.colors.accent};
+  color: ${r.colors.accent};
   cursor: pointer;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -245,7 +245,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     opacity: 0.5;
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
 `,He=a.button`
@@ -257,10 +257,10 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   height: 48px;
   border: 0;
   border-radius: 12px;
-  background: ${o.colors.accent};
-  color: ${o.colors.softWhite};
+  background: ${r.colors.accent};
+  color: ${r.colors.softWhite};
   cursor: pointer;
-  font-family: ${o.font.sans};
+  font-family: ${r.font.sans};
   font-weight: 600;
   font-size: 13px;
   line-height: 24px;
@@ -268,14 +268,14 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   text-transform: uppercase;
 
   &:hover:not(:disabled) {
-    background: ${o.colors.accentHover};
+    background: ${r.colors.accentHover};
   }
   &:disabled {
     cursor: default;
     background: rgba(105, 31, 169, 0.4);
   }
   &:focus-visible {
-    outline: 2px solid ${o.colors.accent};
+    outline: 2px solid ${r.colors.accent};
     outline-offset: 2px;
   }
 `,Ke=a.span`
@@ -283,13 +283,13 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   height: 16px;
   border-radius: 50%;
   border: 2px solid rgba(255, 255, 255, 0.5);
-  border-top-color: ${o.colors.white};
+  border-top-color: ${r.colors.white};
   animation: ${Be} 0.7s linear infinite;
 
   @media (prefers-reduced-motion: reduce) {
     animation: none;
   }
-`;function kt({auth:e,signer:t,title:i,reason:s,name:l,image:c,icon:h,onAuthorized:w,onCancel:g,onClose:u}){const[p,y]=k.useState(!1),[r,f]=k.useState(null);async function v(){y(!0),f(null);try{await xe({auth:e,signer:t,active:!0}),w()}catch(x){ge(x)?f(b("authorizeStep.errorRejected")):(pe(x,{flow:"authorize_step",kind:e.kind}),f(b("authorizeStep.errorGeneric"))),y(!1)}}return n.jsx(Ie,{onClick:p?void 0:u,role:"presentation","data-testid":"authorize-step-scrim",children:n.jsxs(Ee,{onClick:x=>x.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[n.jsxs(Ne,{children:[n.jsx(Pe,{children:i}),n.jsx(Se,{onClick:u,disabled:p,"aria-label":b("authorizeStep.close"),children:n.jsx(K,{name:"close",className:"ico"})})]}),n.jsxs(Fe,{"data-testid":"authorize-step-row",children:[n.jsx(Ve,{children:c?n.jsx("img",{src:c,alt:""}):h}),n.jsxs(Le,{children:[n.jsx(De,{title:l,children:l}),n.jsx(Re,{children:s})]})]}),n.jsx(Oe,{children:b("authorizeStep.note")}),n.jsx(fe,{message:r}),n.jsxs(qe,{children:[n.jsx(Xe,{type:"button",onClick:g,disabled:p,children:b("authorizeStep.cancel")}),n.jsx(He,{type:"button","data-testid":"authorize-step-action",onClick:()=>void v(),disabled:p,children:p?n.jsxs(n.Fragment,{children:[n.jsx(Ke,{"aria-hidden":!0}),b("authorizeStep.authorizing")]}):b("authorizeStep.authorize")})]})]})})}const jt="data:image/webp;base64,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",Ct="https://cdn.decentraland.org/@dcl/shop/1.4.2-31312432830.commit-294f554/_assets/buy-error-22UunaPC.png";async function Mt(e){const[t]=await oe({...e,trades:[e.trade]});return t}async function At(e){const[t]=await oe({...e,trades:[],mints:[e.mint]});return t}async function oe(e){const{trades:t,mints:i=[],buyer:s,signer:l,onSigned:c}=e;if(t.length===0&&i.length===0)throw new Error("No items to buy");const h=new Map;for(const u of t){const p=`${u.chainId}:${u.contract.toLowerCase()}`,y=h.get(p);y?y.push(u):h.set(p,[u])}const w=new Map;for(const u of i){const p=w.get(u.chainId);p?p.push(u):w.set(u.chainId,[u])}const g=[];for(const u of h.values())g.push(await Ue({trades:u,buyer:s,signer:l,onSigned:c}));for(const[u,p]of w)g.push(await Qe({mints:p,chainId:u,buyer:s,signer:l,onSigned:c}));return g}async function Ue(e){const{trades:t,buyer:i,signer:s,onSigned:l}=e,c=t[0],h=j(U(c.contract),c.chainId),w=j(C.MANAToken,c.chainId);await F({auth:{kind:V.Allowance,contractAddress:w.address,spenderAddress:h.address,chainId:c.chainId},signer:s});const g=t.map(r=>be(r,i));if(B.enabled)try{const r=new ve(h.abi).encodeFunctionData("accept",[g]),f=Z(),v=J(s.provider,f),x=await ee(v,f,r,h,{serverURL:B.relayerUrl});return l==null||l(),await Y(x,"the MANA purchase"),x}catch(r){if(r instanceof te&&r.code===ae.USER_DENIED||r instanceof G)throw r;console.warn("[buyWithMana] gasless meta-tx failed, falling back to a direct tx:",r)}await Q(s.provider,c.chainId);const p=await new ne(h.address,h.abi,s).accept(g,_(c.chainId));return l==null||l(),(await p.wait()).transactionHash}async function Qe(e){const{mints:t,chainId:i,buyer:s,signer:l,onSigned:c}=e,h=j(C.CollectionStore,i),w=j(C.MANAToken,i),g=t.map(r=>r.item);if(await F({auth:{kind:V.Allowance,contractAddress:w.address,spenderAddress:h.address,chainId:i},signer:l}),B.enabled)try{const r=we(g,s,h.abi),f=Z(),v=J(l.provider,f),x=await ee(v,f,r,h,{serverURL:B.relayerUrl});return c==null||c(),await Y(x,"the MANA purchase"),x}catch(r){if(r instanceof te&&r.code===ae.USER_DENIED||r instanceof G)throw r;console.warn("[buyMintWithMana] gasless meta-tx failed, falling back to a direct tx:",r)}await Q(l.provider,i);const p=await new ne(h.address,h.abi,l).buy(ye(g,s),_(i));return c==null||c(),(await p.wait()).transactionHash}async function zt(e){const{trade:t,...i}=e;return re({target:{kind:"trade",trade:t},...i})}async function $t(e){const{mint:t,...i}=e;return re({target:{kind:"store",mint:t},...i})}async function re(e){const{target:t,buyer:i,signer:s,credits:l,manaGapWei:c,onBroadcast:h,onReverted:w}=e;if(l.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 g=se(t),u=j(C.MANAToken,g),p=j(C.CreditsManager,g);await F({auth:{kind:V.Allowance,contractAddress:u.address,spenderAddress:p.address,chainId:g},signer:s});const r=(l.reduce((f,v)=>f+BigInt(v.availableAmount),0n)+c).toString();return me({purchase:Ze(t,l,r),buyer:i,signer:s,onBroadcast:h,onReverted:w})}function se(e){return e.kind==="trade"?e.trade.chainId:e.mint.chainId}function Ze(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 Wt(e,t){const i=se(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 Tt(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 Bt(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:d,gradients:L,radius:de,z:Je}=o,It=a.div`
+`;function kt({auth:e,signer:t,title:i,reason:o,name:d,image:p,icon:u,onAuthorized:x,onCancel:m,onClose:b}){const[c,w]=k.useState(!1),[h,l]=k.useState(null);async function v(){w(!0),l(null);try{await xe({auth:e,signer:t,active:!0}),x()}catch(g){ge(g)?l(y("authorizeStep.errorRejected")):(pe(g,{flow:"authorize_step",kind:e.kind}),l(y("authorizeStep.errorGeneric"))),w(!1)}}return n.jsx(Ie,{onClick:c?void 0:b,role:"presentation","data-testid":"authorize-step-scrim",children:n.jsxs(Ee,{onClick:g=>g.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":i,children:[n.jsxs(Ne,{children:[n.jsx(Pe,{children:i}),n.jsx(Se,{onClick:b,disabled:c,"aria-label":y("authorizeStep.close"),children:n.jsx(K,{name:"close",className:"ico"})})]}),n.jsxs(Fe,{"data-testid":"authorize-step-row",children:[n.jsx(Ve,{children:p?n.jsx("img",{src:p,alt:""}):u}),n.jsxs(qe,{children:[n.jsx(Le,{title:d,children:d}),n.jsx(De,{children:o})]})]}),n.jsx(Re,{children:y("authorizeStep.note")}),n.jsx(fe,{message:h}),n.jsxs(Oe,{children:[n.jsx(Xe,{type:"button",onClick:m,disabled:c,children:y("authorizeStep.cancel")}),n.jsx(He,{type:"button","data-testid":"authorize-step-action",onClick:()=>void v(),disabled:c,children:c?n.jsxs(n.Fragment,{children:[n.jsx(Ke,{"aria-hidden":!0}),y("authorizeStep.authorizing")]}):y("authorizeStep.authorize")})]})]})})}const jt="data:image/webp;base64,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",Ct="https://cdn.decentraland.org/@dcl/shop/1.4.2-31318756114.commit-f38062f/_assets/buy-error-22UunaPC.png";async function Mt(e){const[t]=await re({...e,trades:[e.trade]});return t}async function At(e){const[t]=await re({...e,trades:[],mints:[e.mint]});return t}async function re(e){const{trades:t,mints:i=[],buyer:o,signer:d,onSigned:p,manaWei:u}=e;if(t.length===0&&i.length===0)throw new Error("No items to buy");const x=new Map;for(const c of t){const w=`${c.chainId}:${c.contract.toLowerCase()}`,h=x.get(w);h?h.push(c):x.set(w,[c])}const m=new Map;for(const c of i){const w=m.get(c.chainId);w?w.push(c):m.set(c.chainId,[c])}const b=[];for(const c of x.values())b.push(await Ue({trades:c,buyer:o,signer:d,onSigned:p,requiredManaWei:u}));for(const[c,w]of m){const h=u??w.reduce((l,v)=>l+BigInt(v.item.priceWei),0n);b.push(await Qe({mints:w,chainId:c,buyer:o,signer:d,onSigned:p,requiredManaWei:h}))}return b}async function Ue(e){const{trades:t,buyer:i,signer:o,onSigned:d,requiredManaWei:p}=e,u=t[0],x=j(U(u.contract),u.chainId),m=j(C.MANAToken,u.chainId);await F({auth:{kind:V.Allowance,contractAddress:m.address,spenderAddress:x.address,chainId:u.chainId},signer:o,requiredWei:p});const b=t.map(l=>be(l,i));if(B.enabled)try{const l=new ve(x.abi).encodeFunctionData("accept",[b]),v=Z(),g=J(o.provider,v),f=await ee(g,v,l,x,{serverURL:B.relayerUrl});return d==null||d(),await Y(f,"the MANA purchase"),f}catch(l){if(l instanceof te&&l.code===ae.USER_DENIED||l instanceof G)throw l;console.warn("[buyWithMana] gasless meta-tx failed, falling back to a direct tx:",l)}await Q(o.provider,u.chainId);const w=await new ne(x.address,x.abi,o).accept(b,_(u.chainId));return d==null||d(),(await w.wait()).transactionHash}async function Qe(e){const{mints:t,chainId:i,buyer:o,signer:d,onSigned:p,requiredManaWei:u}=e,x=j(C.CollectionStore,i),m=j(C.MANAToken,i),b=t.map(l=>l.item);if(await F({auth:{kind:V.Allowance,contractAddress:m.address,spenderAddress:x.address,chainId:i},signer:d,requiredWei:u}),B.enabled)try{const l=we(b,o,x.abi),v=Z(),g=J(d.provider,v),f=await ee(g,v,l,x,{serverURL:B.relayerUrl});return p==null||p(),await Y(f,"the MANA purchase"),f}catch(l){if(l instanceof te&&l.code===ae.USER_DENIED||l instanceof G)throw l;console.warn("[buyMintWithMana] gasless meta-tx failed, falling back to a direct tx:",l)}await Q(d.provider,i);const w=await new ne(x.address,x.abi,d).buy(ye(b,o),_(i));return p==null||p(),(await w.wait()).transactionHash}async function Wt(e){const{trade:t,...i}=e;return oe({target:{kind:"trade",trade:t},...i})}async function zt(e){const{mint:t,...i}=e;return oe({target:{kind:"store",mint:t},...i})}async function oe(e){const{target:t,buyer:i,signer:o,credits:d,manaGapWei:p,onBroadcast:u,onReverted:x}=e;if(d.length===0)throw new Error("No credits to spend — use the MANA-only rail for that");if(p<=0n)throw new Error("No MANA gap to cover — use the credits-only rail for that");const m=se(t),b=j(C.MANAToken,m),c=j(C.CreditsManager,m);await F({auth:{kind:V.Allowance,contractAddress:b.address,spenderAddress:c.address,chainId:m},signer:o,requiredWei:p});const h=(d.reduce((l,v)=>l+BigInt(v.availableAmount),0n)+p).toString();return me({purchase:Ze(t,d,h),buyer:i,signer:o,onBroadcast:u,onReverted:x})}function se(e){return e.kind==="trade"?e.trade.chainId:e.mint.chainId}function Ze(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 $t(e,t){const i=se(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 Tt(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 Bt(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:q,radius:de,z:Je}=r,It=a.div`
   position: fixed;
   inset: 0;
   z-index: ${Je.overlay};
@@ -317,7 +317,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
      edge instead of painting its buttons out on the scrim. */
   max-height: 100%;
   overflow: hidden;
-  background: ${d.white};
+  background: ${s.white};
   border-radius: 16px;
   padding: 12px 16px 16px;
   box-shadow: 0 24px 60px rgba(22, 21, 24, 0.28);
@@ -335,7 +335,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   flex-direction: column;
   gap: 4px;
   padding-bottom: 16px;
-  border-bottom: 1px solid ${d.gray4};
+  border-bottom: 1px solid ${s.gray4};
 `,St=a.div`
   display: flex;
   align-items: flex-start;
@@ -346,7 +346,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   font-size: 20px;
   font-weight: 700;
   line-height: 1.6;
-  color: ${d.text};
+  color: ${s.text};
 `,Vt=a.button`
   flex-shrink: 0;
   border: 0;
@@ -354,22 +354,22 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   cursor: pointer;
   padding: 2px;
   line-height: 0;
-`,Lt=a.div`
+`,qt=a.div`
   display: flex;
   align-items: center;
   gap: 4px;
-`,Dt=a.span`
+`,Lt=a.span`
   font-size: 14px;
   font-weight: 600;
-  color: ${d.muted1};
-`,Rt=a(M)`
+  color: ${s.muted1};
+`,Dt=a(M)`
   width: 14px;
   height: 14px;
-  background: ${d.text};
-`,Ot=a.span`
+  background: ${s.text};
+`,Rt=a.span`
   font-size: 14px;
-  color: ${d.text};
-`,qt=a.div`
+  color: ${s.text};
+`,Ot=a.div`
   display: flex;
   flex-direction: column;
   gap: 24px;
@@ -392,14 +392,14 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   gap: 24px;
   align-items: center;
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     gap: 12px;
   }
 `,Ht=a.div`
   flex-shrink: 0;
   width: 110px;
   height: 110px;
-  background: ${d.media};
+  background: ${s.media};
   border-radius: 8px;
   display: grid;
   place-items: center;
@@ -412,7 +412,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     filter: drop-shadow(0.7px 2.9px 3.7px rgba(0, 0, 0, 0.1));
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     width: 78px;
     height: 78px;
     border-radius: 7px;
@@ -428,19 +428,19 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   font-size: 18px;
   font-weight: 700;
   line-height: 1.3;
-  color: ${d.text};
+  color: ${s.text};
   overflow: hidden;
   text-overflow: ellipsis;
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     font-size: 16px;
   }
 `,Qt=a(he)`
   font-size: 12px;
   line-height: 1.43;
-  color: ${d.muted};
+  color: ${s.muted};
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     font-size: 10px;
   }
 `,Zt=a.div`
@@ -452,10 +452,10 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   & span {
     font-size: 18px;
     font-weight: 700;
-    color: ${d.text2};
+    color: ${s.text2};
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     & span {
       font-size: 20px;
     }
@@ -463,7 +463,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
 `,Jt=a(M)`
   width: 18px;
   height: 18px;
-  background: ${d.text2};
+  background: ${s.text2};
 `,Yt=a.div`
   display: flex;
   align-items: flex-start;
@@ -476,7 +476,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     flex-shrink: 0;
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     align-items: center;
     gap: 8px;
     padding: 12px 8px;
@@ -485,7 +485,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   margin: 0;
   font-size: 14px;
   line-height: 1.334;
-  color: ${d.text2};
+  color: ${s.text2};
 
   & b {
     font-weight: 700;
@@ -496,11 +496,11 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   font-size: 14px;
   font-weight: 600;
   line-height: 1.334;
-  color: ${d.text2};
+  color: ${s.text2};
   text-decoration: underline;
 
   &:hover {
-    color: ${d.accent};
+    color: ${s.accent};
   }
 `,ea=a.div`
   display: flex;
@@ -514,7 +514,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
      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. */
-  ${o.media.maxWidth("mobile")} {
+  ${r.media.maxWidth("mobile")} {
     display: grid;
     grid-template-columns: repeat(2, minmax(0, 1fr));
     gap: 16px 12px;
@@ -524,8 +524,8 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
      squeezing four of them into one. */
   flex: 1 1 140px;
   height: 109px;
-  border: 1px solid ${d.muted2};
-  background: ${d.media};
+  border: 1px solid ${s.muted2};
+  background: ${s.media};
   border-radius: 16px;
   display: flex;
   align-items: center;
@@ -547,7 +547,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     padding: 0;
     border-color: transparent;
     border-width: 4px;
-    background-image: linear-gradient(${d.media}, ${d.media}), ${L.buyBtn};
+    background-image: linear-gradient(${s.media}, ${s.media}), ${q.buyBtn};
     background-origin: border-box;
     background-clip: padding-box, border-box;
   }
@@ -557,7 +557,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     transform: scale(1.03);
   }
 
-  ${o.media.maxWidth("mobile")} {
+  ${r.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
@@ -577,31 +577,31 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
 `,na=a.span`
   font-size: 24px;
   font-weight: 500;
-  color: ${d.text};
+  color: ${s.text};
 `,ia=a.span`
   font-size: 14px;
-  color: ${d.text};
-`,oa=a.div`
+  color: ${s.text};
+`,ra=a.div`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  border-top: 1px solid ${d.gray4};
+  border-top: 1px solid ${s.gray4};
   padding-top: 12px;
-`,ra=a.div`
+`,oa=a.div`
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 24px;
   font-weight: 700;
-  color: ${d.text};
+  color: ${s.text};
 `,sa=a(M)`
   width: 30px;
   height: 30px;
-  background: ${d.text};
+  background: ${s.text};
 `,da=a.span`
   font-size: 14px;
   font-weight: 600;
-  color: ${d.muted1};
+  color: ${s.muted1};
 `,ca=a.div`
   position: sticky;
   bottom: 0;
@@ -609,7 +609,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   gap: 12px;
   margin-top: -8px;
   padding-top: 8px;
-  background: ${d.white};
+  background: ${s.white};
 `,la=a.button`
   flex: 1;
   /* Let the CTAs shrink so their min-content can't widen the modal past the viewport on mobile. */
@@ -633,41 +633,41 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   /* The design system's primary fill (Figma 738:53266 "BUY Button") — the same gradient the cart's
      CHECKOUT carries, so the two ends of the buy flow match. */
   &[data-variant='gradient'] {
-    background: ${L.buyBtn};
-    color: ${d.softWhite};
+    background: ${q.buyBtn};
+    color: ${s.softWhite};
   }
   &[data-variant='gradient']:hover:not(:disabled),
   &[data-variant='gradient']:active:not(:disabled) {
-    background-image: linear-gradient(${d.dclRed}, ${d.dclRed});
+    background-image: linear-gradient(${s.dclRed}, ${s.dclRed});
   }
   &[data-variant='outline'] {
     background: transparent;
-    border: 0.5px solid ${d.text};
-    color: ${d.text2};
+    border: 0.5px solid ${s.text};
+    color: ${s.text2};
     font-size: 13px;
   }
   /* Figma's outlined hover (738:53251), which on this light card is the readable half of the pair: the
      white-fill hover the dark-field buttons take would be invisible here. Same treatment as the
      drawer's dismissing CTA (CartPopover ctaCss) — the two sit in one flow. */
   &[data-variant='outline']:hover:not(:disabled) {
-    background: ${d.text2};
-    color: ${d.softWhite};
+    background: ${s.text2};
+    color: ${s.softWhite};
   }
   &[data-variant='ruby'] {
-    background: ${d.dclRed};
-    color: ${d.softWhite};
+    background: ${s.dclRed};
+    color: ${s.softWhite};
     font-size: 13px;
     letter-spacing: 0.61px;
   }
   // Solid accent fill (the error state's "Try again").
   &[data-variant='purple'] {
-    background: ${d.accent};
-    color: ${d.softWhite};
+    background: ${s.accent};
+    color: ${s.softWhite};
     font-size: 13px;
   }
   &:hover:not(:disabled),
   &[data-variant='purple']:hover:not(:disabled) {
-    background: ${d.accentHover};
+    background: ${s.accentHover};
   }
   &:disabled {
     opacity: 0.6;
@@ -694,7 +694,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   font-size: 20px;
   line-height: 1.334;
   font-weight: 400;
-  color: ${d.text2};
+  color: ${s.text2};
 
   & b {
     font-weight: 700;
@@ -702,13 +702,13 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
 `,ga=a.div`
   font-size: 20px;
   font-weight: 700;
-  color: ${d.text2};
+  color: ${s.text2};
   text-align: center;
 `,fa=a.div`
   width: 100%;
   max-width: 456px;
   height: 12px;
-  background: ${d.media};
+  background: ${s.media};
   border-radius: 100px;
   overflow: hidden;
 `,ma=a.span`
@@ -716,7 +716,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   height: 100%;
   width: 40%;
   border-radius: 100px;
-  background: ${L.amethyst};
+  background: ${q.amethyst};
   animation: buy-modal-progress 1.1s ease-in-out infinite;
 
   @keyframes buy-modal-progress {
@@ -759,7 +759,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   margin: 0;
   font-size: 20px;
   line-height: 1.334;
-  color: ${d.text2};
+  color: ${s.text2};
   text-align: center;
 
   & b {
@@ -775,7 +775,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
       text-align: center;
     }
   }
-`,{colors:D,media:T}=o,Ye=a.section`
+`,{colors:L,media:T}=r,Ye=a.section`
   margin-top: 40px;
 `,Ge=a.div`
   display: flex;
@@ -785,7 +785,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
 `,_e=a.h2`
   font-size: 22px;
   font-weight: 700;
-  color: ${D.softWhite};
+  color: ${L.softWhite};
 `,et=a.button`
   display: inline-flex;
   align-items: center;
@@ -793,7 +793,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   background: none;
   border: 0;
   padding: 0;
-  color: ${D.softWhite};
+  color: ${L.softWhite};
   font-weight: 700;
   font-size: 13px;
   letter-spacing: 0.046em;
@@ -889,7 +889,7 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
   justify-content: center;
   gap: 8px;
   margin-top: 18px;
-`,ot=a.button`
+`,rt=a.button`
   width: 10px;
   height: 10px;
   border-radius: 50%;
@@ -907,8 +907,8 @@ import{j as n,r as k}from"./react-BYHuwl8r.js";import{s as a,t as o,b,A as M,L a
     opacity: 0.8;
   }
   &[data-active] {
-    background: ${D.media};
+    background: ${L.media};
     opacity: 1;
     transform: scale(1.1);
   }
-`;function ya({title:e,items:t,onViewAll:i}){const s=k.useRef(null),[l,c]=k.useState(1),[h,w]=k.useState(0),[g,u]=k.useState(!0),[p,y]=k.useState(!1),r=k.useCallback(()=>{const x=s.current;if(!x)return;const{scrollLeft:m,scrollWidth:R,clientWidth:I}=x,O=Math.max(1,Math.ceil(R/I));c(O),w(Math.min(O-1,Math.round(m/I))),u(m<=1),y(m+I>=R-1)},[]);if(k.useEffect(()=>{r();const x=s.current;if(x)return x.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r),()=>{x.removeEventListener("scroll",r),window.removeEventListener("resize",r)}},[r,t.length]),t.length===0)return null;function f(x){const m=s.current;m&&m.scrollBy({left:x*m.clientWidth,behavior:"smooth"})}function v(x){const m=s.current;m&&m.scrollTo({left:x*m.clientWidth,behavior:"smooth"})}return n.jsxs(Ye,{"data-testid":"carousel",children:[n.jsxs(Ge,{children:[n.jsx(_e,{children:e}),i?n.jsxs(et,{onClick:i,children:[b("collectionCarousel.viewAll"),n.jsx(tt,{name:"chevron-down",size:16})]}):null]}),n.jsxs(at,{children:[n.jsx(H,{"data-side":"left",onClick:()=>f(-1),"aria-label":b("collectionCarousel.scrollLeft"),disabled:g,children:n.jsx("img",{src:q,alt:"","aria-hidden":!0})}),n.jsx(nt,{ref:s,children:t.map(x=>n.jsx(ue,{item:x},x.id))}),n.jsx(H,{"data-side":"right",onClick:()=>f(1),"aria-label":b("collectionCarousel.scrollRight"),disabled:p,children:n.jsx("img",{src:q,alt:"","aria-hidden":!0})})]}),l>1?n.jsx(it,{"aria-label":b("collectionCarousel.pages"),children:Array.from({length:l}).map((x,m)=>n.jsx(ot,{"data-active":m===h||void 0,"aria-label":b("collectionCarousel.goToPage",{page:m+1}),"aria-current":m===h?"true":void 0,onClick:()=>v(m)},m))}):null]})}export{Wt as $,Xt as A,Lt as B,Nt as C,ta as D,aa as E,jt as F,na as G,Pt as H,ia as I,oa as J,ra as K,pa as L,It as M,sa as N,da as O,yt as P,ft as Q,gt as R,Et as S,Ft as T,ya as U,kt as V,Yt as W,Vt as X,E as Y,xt as Z,vt as _,St as a,oe as a0,mt as a1,Ce as a2,Ze as a3,se as a4,$ as a5,ba as a6,wa as a7,Mt as a8,At as a9,bt as aa,zt as ab,$t as ac,Tt as b,Dt as c,Rt as d,Ot as e,qt as f,ha as g,ua as h,Ct as i,xa as j,ca as k,la as l,wt as m,ga as n,fa as o,ma as p,Bt as q,Gt as r,_t as s,Ht as t,Kt as u,Ut as v,Qt as w,Zt as x,Jt as y,ea as z};
+`;function ya({title:e,items:t,onViewAll:i}){const o=k.useRef(null),[d,p]=k.useState(1),[u,x]=k.useState(0),[m,b]=k.useState(!0),[c,w]=k.useState(!1),h=k.useCallback(()=>{const g=o.current;if(!g)return;const{scrollLeft:f,scrollWidth:D,clientWidth:I}=g,R=Math.max(1,Math.ceil(D/I));p(R),x(Math.min(R-1,Math.round(f/I))),b(f<=1),w(f+I>=D-1)},[]);if(k.useEffect(()=>{h();const g=o.current;if(g)return g.addEventListener("scroll",h,{passive:!0}),window.addEventListener("resize",h),()=>{g.removeEventListener("scroll",h),window.removeEventListener("resize",h)}},[h,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(Ye,{"data-testid":"carousel",children:[n.jsxs(Ge,{children:[n.jsx(_e,{children:e}),i?n.jsxs(et,{onClick:i,children:[y("collectionCarousel.viewAll"),n.jsx(tt,{name:"chevron-down",size:16})]}):null]}),n.jsxs(at,{children:[n.jsx(H,{"data-side":"left",onClick:()=>l(-1),"aria-label":y("collectionCarousel.scrollLeft"),disabled:m,children:n.jsx("img",{src:O,alt:"","aria-hidden":!0})}),n.jsx(nt,{ref:o,children:t.map(g=>n.jsx(ue,{item:g},g.id))}),n.jsx(H,{"data-side":"right",onClick:()=>l(1),"aria-label":y("collectionCarousel.scrollRight"),disabled:c,children:n.jsx("img",{src:O,alt:"","aria-hidden":!0})})]}),d>1?n.jsx(it,{"aria-label":y("collectionCarousel.pages"),children:Array.from({length:d}).map((g,f)=>n.jsx(rt,{"data-active":f===u||void 0,"aria-label":y("collectionCarousel.goToPage",{page:f+1}),"aria-current":f===u?"true":void 0,onClick:()=>v(f)},f))}):null]})}export{$t as $,Xt as A,qt as B,Nt as C,ta as D,aa as E,jt as F,na as G,Pt as H,ia as I,ra as J,oa as K,pa as L,It as M,sa as N,da as O,yt as P,ft as Q,gt as R,Et as S,Ft as T,ya as U,kt as V,Yt as W,Vt as X,E as Y,xt as Z,vt as _,St as a,re as a0,mt as a1,Ce as a2,Ze as a3,se as a4,z as a5,ba as a6,wa as a7,bt as a8,Mt as a9,At as aa,Wt as ab,zt as ac,Tt as b,Lt as c,Dt as d,Rt as e,Ot as f,ha as g,ua as h,Ct as i,xa as j,ca as k,la as l,wt as m,ga as n,fa as o,ma as p,Bt as q,Gt as r,_t as s,Ht as t,Kt as u,Ut as v,Qt as w,Zt as x,Jt as y,ea as z};