@dcl/shop 1.16.0 → 1.16.1-36009595531.commit-94584a5

package/_assets/Creator-CnhYdhYL.js

@@ -1,312 +0,0 @@
-import{b as ce,j as e,L as Ie,e as Le,u as Me,r as L}from"./react-COwX0Zlk.js";import{u as _e,s as Ae}from"./search-empty-DlvFh8OP.js";import{u as Re,S as Z,F as ze,a as Te}from"./Filters-DZJTBasv.js";import{a as de,bJ as Be,a9 as J,a8 as X,s,bK as De,A as We,bL as Oe,t as o,bM as Ue,bN as ee,H as Ke,n as he,a3 as ue,x as Ge,bO as me,bP as He,bQ as Ve,I as te,c as qe,B as Qe,w as Ye,bR as Ze,av as Je,Y as Xe,Z as et,a1 as M,$ as R,a2 as oe,bS as re,bT as tt,bU as ot}from"./index-BRNshUaV.js";import{T as pe}from"./skeleton.styles-BEkEh9Xo.js";import{d as rt,P as it,C as st,a as at,b as nt,c as lt,e as ct}from"./collectionPage.styles-SF1IDwaV.js";import{u as dt,L as ht}from"./useStore-DCfwTeT_.js";import{L as ie}from"./LoadMore-yxZw85kf.js";import{u as se}from"./useInfiniteGrid-CoFLGUq5.js";import{E as z}from"./ErrorNotice-5cQusmGK.js";import{c as ut,i as mt}from"./items-empty-CFX8gNeF.js";import{R as pt,S as xt,a as gt,D as ft,b as bt,C as wt,c as yt,d as vt,e as jt,M as Ct}from"./browseLayout.styles-D4_s76IT.js";import{G as ae}from"./grid.styles-CCv5GYbY.js";import"./Tooltip-S7k1SpAV.js";import"./dcl-schemas-B-Ph0Ls4.js";import"./sentry-D9BarSwm.js";import"./ethers-bR7FzlYq.js";import"./intl-AKLEHPeO.js";import"./crumbs.styles-CQ8x8Q1s.js";(function(){try{var r=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},i=new r.Error().stack;i&&(r._sentryDebugIds=r._sentryDebugIds||{},r._sentryDebugIds[i]="d44e441c-2e61-4790-8541-505db675d2a8",r._sentryDebugIdIdentifier="sentry-dbid-d44e441c-2e61-4790-8541-505db675d2a8")}catch{}})();function kt(r){const{gridLoading:i,gridError:a,gridCount:l,baselinePending:c,baselineError:d,baselineCount:b}=r;return i?"skeletons":a?"error":l>0?"items":c?"skeletons":d?"error":b===0?"no-creations":"filters"}const{colors:w,radius:$,media:$t}=de,St=s.article`
-  height: 300px;
-  /* No fill of its own (Figma 922:183803): the mosaic covers the top and the footer paints its own
-     translucent black, so the page field is what shows through the corners. */
-  background: transparent;
-  border-radius: ${$.card};
-  position: relative;
-  isolation: isolate;
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-  transition: box-shadow 0.15s ease;
-
-  &::after {
-    ${Be};
-  }
-
-  &:focus-visible {
-    ${J};
-  }
-  &:focus-visible::after {
-    ${X};
-  }
-
-  // The swap is a pointer affordance only: keyboard focus must not hide the creator row, whose profile
-  // link is focusable (visibility: hidden would drop it from the tab order). Enter/Space on the card
-  // already opens the collection.
-  @media (hover: hover) {
-    &:hover {
-      ${J};
-      /* No zoom, unlike AssetCard — the footer row already swaps, and scaling would nudge every label.
-         z-index still matters: the ring and glow paint outside the box, under the next card otherwise. */
-      z-index: 1;
-    }
-    &:hover::after {
-      ${X};
-    }
-    &:hover [data-view] {
-      visibility: visible;
-    }
-    &:hover [data-meta] {
-      visibility: hidden;
-    }
-  }
-`,Nt=s.div`
-  position: relative;
-  flex: 1;
-  min-height: 0;
-  background: ${w.media};
-  overflow: hidden;
-  border-radius: ${$.card} ${$.card} 0 0;
-`,Et=s.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,Pt=s(De)`
-  & [data-testid='coll-thumb-cell'] img {
-    object-fit: contain;
-    padding: 10px;
-  }
-`,Ft=s.div`
-  flex: 0 0 102px;
-  height: 102px;
-  padding: 12px 12px 16px 16px;
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  background: ${w.overlay};
-  border-radius: 0 0 ${$.card} ${$.card};
-`,It=s.h3`
-  margin: 0;
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 1.6;
-  color: ${w.white};
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-
-  ${$t.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Lt=s.div`
-  flex: 1;
-  min-height: 0;
-  display: grid;
-  grid-template-areas: 'stack';
-  align-items: center;
-
-  & > * {
-    grid-area: stack;
-  }
-`,Mt=s.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 10px;
-`,_t=s(We)`
-  min-width: 0;
-  color: ${w.gray4};
-
-  & [data-avatar] {
-    width: 24px;
-    height: 24px;
-  }
-  & [data-testid='creator-name'] {
-    font-size: 14px;
-  }
-  & [data-testid='creator-display'] {
-    color: ${w.white};
-    font-weight: 600;
-  }
-`,At=s.span`
-  min-width: 0;
-`,Rt=s.span`
-  flex: none;
-  color: ${w.gray4};
-  font-weight: 600;
-  font-size: 14px;
-  white-space: nowrap;
-`,zt=s.button`
-  visibility: hidden;
-  width: 100%;
-  height: 46px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: ${w.overlay};
-  color: ${w.softWhite};
-  border: 0;
-  border-radius: ${$.card};
-  font-weight: 600;
-  font-size: 13px;
-  line-height: 24px;
-  text-transform: uppercase;
-  letter-spacing: 0.46px;
-  transition: background 0.15s ease;
-
-  &:hover,
-  &:active {
-    background: ${w.text2};
-  }
-`;function Tt({collection:r,cover:i,itemCount:a}){const l=ce(),{contractAddress:c,name:d,creator:b}=r,j=i==null||a==null,{data:n}=Oe(c,j),g=i==null?(n==null?void 0:n.items)??[]:[],f=a??(n==null?void 0:n.total);function h(){l(`/collection/${c}`)}return e.jsxs(St,{"data-testid":"coll-card",role:"link",tabIndex:0,onClick:h,onKeyDown:m=>{(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),h())},children:[e.jsx(Nt,{children:i?e.jsx(Et,{"data-testid":"coll-card-img",src:i,alt:"",loading:"lazy"}):g.length>0?e.jsx(Pt,{items:g}):null}),e.jsxs(Ft,{children:[e.jsx(It,{title:d,children:d}),e.jsxs(Lt,{children:[e.jsxs(Mt,{"data-meta":!0,"data-testid":"coll-card-meta",children:[b?e.jsx(_t,{address:b,linkToProfile:!0}):e.jsx(At,{children:" "}),e.jsx(Rt,{"data-testid":"coll-card-count","aria-busy":f==null||void 0,children:f==null?e.jsx(pe,{className:"skeleton",width:54,"data-testid":"coll-card-count-skeleton","aria-hidden":!0}):o("collectionCard.itemCount",{count:f})})]}),e.jsx(zt,{"data-view":!0,"data-testid":"coll-card-view",onClick:m=>{m.stopPropagation(),h()},tabIndex:-1,children:o("collectionCard.viewCollection")})]})]})]})}function Bt({address:r,className:i=""}){const a=Ue(),l=ee(d=>d.followed.includes(r.toLowerCase())),c=ee(d=>d.toggle);return!a||!r?null:e.jsx(Ke,{type:"button",size:"sm",variant:l?"ghost":"outline",className:i||void 0,"data-testid":"follow-button","aria-pressed":l,title:l?o("creator.unfollowTitle"):o("creator.followTitle"),onClick:()=>c(r),children:l?o("creator.following"):o("creator.follow")})}const{colors:y,radius:xe,media:v}=de,ge=he`
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  padding: 0 28px;
-  border-radius: ${xe.btn};
-  background: rgba(0, 0, 0, 0.5);
-  color: ${y.white};
-  font-weight: 600;
-  font-size: 13px;
-  text-transform: uppercase;
-  letter-spacing: 0.046em;
-  text-decoration: none;
-`,Dt=s.section`
-  position: relative;
-  border-radius: ${xe.card};
-  overflow: hidden;
-  margin-bottom: 24px;
-  min-height: 360px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  && .creator-hero__follow {
-    ${ge};
-  }
-  && .creator-hero__follow:hover:not(:disabled) {
-    background: ${y.blackBtn};
-  }
-
-  ${v.maxWidth("mobile")} {
-    min-height: 260px;
-  }
-`,Wt=s.div`
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-`,Ot=s.img`
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  display: block;
-`,Ut=s.div`
-  position: absolute;
-  inset: 0;
-  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.5) 100%);
-`,Kt=s.div`
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  ${v.maxWidth("mobile")} {
-    top: 12px;
-    right: 12px;
-    gap: 6px;
-  }
-`,fe=he`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: ${y.white};
-  transition: opacity 0.15s linear;
-
-  &:hover {
-    opacity: 0.8;
-  }
-  & .ico {
-    width: 36px;
-    height: 36px;
-  }
-  ${v.maxWidth("mobile")} {
-    & .ico {
-      width: 30px;
-      height: 30px;
-    }
-  }
-`,Gt=s.a`
-  ${fe};
-`,Ht=s(Ie)`
-  ${fe};
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  border: 2px solid ${y.white};
-  transition: background-color 0.15s linear;
-
-  &:hover {
-    opacity: 1;
-    background: rgba(255, 255, 255, 0.24);
-  }
-  & .ico {
-    width: 16px;
-    height: 16px;
-  }
-  ${v.maxWidth("mobile")} {
-    width: 28px;
-    height: 28px;
-    & .ico {
-      width: 14px;
-      height: 14px;
-    }
-  }
-`,Vt=s.div`
-  position: relative;
-  z-index: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  text-align: center;
-  gap: 24px;
-  padding: 40px 20px;
-
-  ${v.maxWidth("mobile")} {
-    padding: 56px 16px 24px;
-  }
-`,ne=s.img`
-  display: block;
-  width: 112px;
-  height: 112px;
-  border-radius: 50%;
-  object-fit: cover;
-  border: 4px solid ${y.white};
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
-  background: #ff4bed;
-
-  ${v.maxWidth("mobile")} {
-    width: 88px;
-    height: 88px;
-  }
-`,qt=s.h2`
-  margin: 0;
-  font-size: 18px;
-  font-weight: 700;
-  color: ${y.white};
-  line-height: 1.6;
-
-  ${v.maxWidth("mobile")} {
-    font-size: 16px;
-  }
-`,Qt=s.p`
-  margin: 0;
-  font-size: 15px;
-  color: ${y.white};
-  line-height: 1.6;
-  max-width: 520px;
-
-  ${v.maxWidth("mobile")} {
-    font-size: 14px;
-  }
-`,Yt=s.div`
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  justify-content: center;
-`,Zt=s.a`
-  ${ge};
-  transition: background 0.15s ease;
-
-  &:hover {
-    background: ${y.blackBtn};
-  }
-`,Jt={website:"website",twitter:"twitter",discord:"discord",facebook:"facebook"};function Xt({address:r}){var m,C;const{data:i}=ue(r),{data:a}=dt(r),l=Ge(p=>{var S;return(S=p.session)==null?void 0:S.address}),c=!!l&&l.toLowerCase()===r.toLowerCase(),d=(i==null?void 0:i.name)||me(r),b=(C=(m=i==null?void 0:i.avatar)==null?void 0:m.snapshots)==null?void 0:C.face256,j=(a==null?void 0:a.cover)||rt,n=a==null?void 0:a.description,g=`${qe.profileUrl}/${r}`,f=ht.filter(p=>a==null?void 0:a.links[p]),h=He(Ve({name:i==null?void 0:i.name,hasClaimedName:i==null?void 0:i.hasClaimedName,ethAddress:(i==null?void 0:i.ethAddress)??r}));return e.jsxs(Dt,{"aria-label":`${d} storefront`,children:[e.jsxs(Wt,{children:[e.jsx(Ot,{src:j,alt:"",loading:"eager"}),e.jsx(Ut,{"aria-hidden":!0})]}),(f.length>0||c)&&e.jsxs(Kt,{children:[f.map(p=>e.jsx(Gt,{"data-testid":"creator-hero-link",href:(a==null?void 0:a.links[p])??"",target:"_blank",rel:"noopener noreferrer",title:o(`creator.link.${p}`),"aria-label":o(`creator.link.${p}`),children:e.jsx(te,{name:Jt[p]})},p)),c&&e.jsx(Ht,{to:"/store-settings",title:o("creator.editStore"),"aria-label":o("creator.editStore"),children:e.jsx(te,{name:"pen"})})]}),e.jsxs(Vt,{children:[b?e.jsx(ne,{src:b,alt:"",loading:"eager",style:{backgroundColor:h}}):e.jsx(ne,{as:"span","aria-hidden":!0,style:{backgroundColor:h}}),e.jsxs("div",{children:[e.jsx(qt,{children:d}),n?e.jsx(Qt,{children:n}):null]}),e.jsxs(Yt,{children:[e.jsx(Zt,{"data-testid":"creator-hero-view",href:g,target:"_blank",rel:"noopener noreferrer",children:o("creator.viewProfile")}),e.jsx(Bt,{address:r,className:"creator-hero__follow"})]})]})]})}const eo=["all","on_sale","not_for_sale"],le=48;function vo(){var Q,Y;const{address:r}=Le(),i=ce(),[a]=Me(),l=a.has("collections"),{data:c}=ue(r),d=(c==null?void 0:c.name)||(r?me(r):o("creator.fallbackName"));Qe({title:d,description:o("seo.creator.description",{name:d}),image:(Y=(Q=c==null?void 0:c.avatar)==null?void 0:Q.snapshots)==null?void 0:Y.face256});const b=L.useMemo(()=>({category:"all",status:"all",subCategory:null,rarities:[],priceMin:"",priceMax:"",smart:!1,sort:"newest"}),[]),[j,n]=_e(b),{category:g,subCategory:f,rarities:h,priceMin:m,priceMax:C,smart:p,sort:S}=j,N=eo.includes(j.status)?j.status:"all",T=t=>n({status:t});Re(`${l}:${g}:${f??""}`);const[P,E]=L.useState(!1);L.useEffect(()=>{if(!P)return;const t=Fe=>{Fe.key==="Escape"&&E(!1)};document.addEventListener("keydown",t);const x=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",t),document.body.style.overflow=x}},[P]);const B=m&&!Number.isNaN(Number(m))?Number(m):void 0,D=C&&!Number.isNaN(Number(C))?Number(C):void 0,be=f?tt[f]:void 0,we=(Z.find(t=>t.key===S)??Z[0]).server,W={creator:r,category:g,rarities:h.length?h:void 0,wearableCategories:be,minPriceCredits:B,maxPriceCredits:D,isWearableSmart:p||void 0,isOnSale:N==="all"?void 0:N==="on_sale",sortBy:we},{items:_,total:ye,isLoading:ve,isPlaceholderData:je,error:O,hasNextPage:Ce,isFetchingNextPage:U,isFetchNextPageError:ke,fetchNextPage:$e}=se(["creator-items",W],t=>re({...W,first:le,skip:t}),{enabled:!!r&&!l}),F=Ye({queryKey:["creator-item-count",r],queryFn:()=>re({creator:r,first:1}).then(t=>t.total),enabled:!!r}),u=se(["creator-collections",r],t=>ot(r,{first:le,skip:t}).then(x=>({items:x.collections,total:x.total})),{enabled:!!r&&l});function K(t){n({category:t,subCategory:null},{drop:l?["collections"]:void 0})}function Se(){const t=new URLSearchParams(a);t.delete("collections");const x=t.toString();i({search:x?`?${x}`:""},{replace:!0})}function Ne(){if(l){Se();return}const t=new URLSearchParams(a);t.delete("collections");const x=t.toString();i({search:x?`?${x}&collections`:"?collections"},{replace:!0})}function G(t){n({rarities:h.includes(t)?h.filter(x=>x!==t):[...h,t]})}function H(){n(b)}const k=[];(g==="wearable"||g==="emote")&&k.push({key:"category",label:o(g==="emote"?"categories.emotes":"categories.wearables"),onRemove:()=>K("all")}),(B!=null||D!=null)&&k.push({key:"price",label:o("filter.price"),onRemove:()=>{n({priceMin:"",priceMax:""})}});for(const t of Ze)h.includes(t)&&k.push({key:`rarity-${t}`,label:Je(t),onRemove:()=>G(t)});p&&k.push({key:"smart",label:o("filter.smart"),onRemove:()=>n({smart:!1})}),N!=="all"&&k.push({key:"status",label:N==="on_sale"?o("filter.onSale"):o("filter.notForSale"),onRemove:()=>T("all")});const I=kt({gridLoading:ve||je,gridError:!!O,gridCount:_.length,baselinePending:F.isPending,baselineError:F.isError,baselineCount:F.data}),V=I==="skeletons",{data:q}=Xe(),Ee=L.useMemo(()=>_.map(t=>({...t,priceCredits:et(t,q)})),[_,q]),Pe=t=>t.priceCredits>0||!!t.manaWei,A=I==="items"||I==="skeletons"?null:I;return e.jsxs(it,{children:[e.jsxs(st,{"aria-label":o("creator.breadcrumbAria"),children:[e.jsx(at,{onClick:()=>i("/items"),children:o("creator.breadcrumb")}),e.jsx("span",{children:"/"}),e.jsx(nt,{children:d})]}),r?e.jsx(Xt,{address:r}):null,e.jsxs(pt,{children:[P?e.jsx(xt,{onClick:()=>E(!1),"aria-hidden":!0}):null,e.jsxs(gt,{"data-open":P||void 0,"data-testid":"creator-sidebar",children:[e.jsxs(ft,{children:[e.jsx(bt,{children:o("assets.filters")}),e.jsx(wt,{onClick:()=>E(!1),"aria-label":o("assets.closeFilters"),children:"✕"})]}),e.jsx(yt,{children:e.jsx(ze,{category:g,subCategory:f,onCategory:K,onSub:t=>n({subCategory:t}),priceMin:m,priceMax:C,onPriceMin:t=>n({priceMin:t}),onPriceMax:t=>n({priceMax:t}),rarities:h,onToggleRarity:G,status:N,onStatus:T,smart:p,onSmart:t=>n({smart:t}),hideNames:!0,collections:l,onCollections:Ne})}),e.jsx(vt,{children:e.jsx(jt,{type:"button",onClick:()=>E(!1),children:o("assets.showItems")})})]}),e.jsx(Ct,{children:l?e.jsxs(e.Fragment,{children:[e.jsx(lt,{children:e.jsx(ct,{"data-testid":"creator-collections-count","aria-busy":u.isLoading||void 0,children:u.isLoading?e.jsx(pe,{className:"skeleton",width:72,"data-testid":"creator-collections-count-skeleton","aria-hidden":!0}):o("creator.collectionsCount",{count:u.total})})}),u.error?e.jsx(z,{message:o("creator.error")}):null,e.jsx(ae,{"data-variant":"collections",children:u.isLoading?e.jsx(M,{count:9}):e.jsxs(e.Fragment,{children:[u.items.map(t=>e.jsx(Tt,{collection:t,itemCount:t.itemCount},t.contractAddress)),u.isFetchingNextPage?e.jsx(M,{count:6}):null]})}),e.jsx(ie,{hasNextPage:u.hasNextPage,isFetching:u.isFetchingNextPage,isError:u.isFetchNextPageError,onLoadMore:()=>void u.fetchNextPage()}),!u.isLoading&&!u.error&&u.items.length===0?e.jsx(R,{testId:"creator-collections-empty",icon:ut,title:o("creator.collectionsEmptyTitle"),body:o("creator.collectionsEmpty"),cta:{label:o("assets.empty.cta"),to:"/items"}}):null]}):e.jsxs(e.Fragment,{children:[e.jsx(Te,{sort:S,onSort:t=>n({sort:t}),total:ye,loading:V,onOpenFilters:()=>E(!0),chips:k,onClearChips:H}),O?e.jsx(z,{message:o("creator.error"),testId:"creator-error"}):null,e.jsx(ae,{"data-testid":"creator-grid",children:V?e.jsx(M,{count:15}):e.jsxs(e.Fragment,{children:[Ee.map(t=>Pe(t)?e.jsx(oe,{item:t},t.id):e.jsx(oe,{item:t,mode:"view"},t.id)),U?e.jsx(M,{count:6}):null]})}),e.jsx(ie,{hasNextPage:Ce,isFetching:U,isError:ke,onLoadMore:()=>void $e()}),A==="error"?e.jsx(z,{message:o("creator.error"),testId:"creator-empty-error"}):A==="no-creations"?e.jsx(R,{testId:"creator-empty-none",icon:mt,title:o("creator.emptyNoCreationsTitle"),body:o("creator.emptyNoCreations"),cta:{label:o("assets.empty.cta"),to:"/items"}}):A==="filters"?e.jsx(R,{testId:"creator-empty-filters",icon:Ae,title:o("creator.emptyFilters.title"),body:o("creator.emptyFilters.body",{count:F.data??0}),cta:{label:o("filterBar.clearAll"),onClick:H}}):null]})})]})]})}export{vo as Creator,vo as default};
-//# sourceMappingURL=Creator-CnhYdhYL.js.map

package/_assets/ManaPricingBanner.styles-C-mAX-6w.js

@@ -1,129 +0,0 @@
-import{r as u,j as e,L as b}from"./react-COwX0Zlk.js";import{a,s as t,b6 as m,C as w,b7 as C,t as r}from"./index-BRNshUaV.js";(function(){try{var n=typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},s=new n.Error().stack;s&&(n._sentryDebugIds=n._sentryDebugIds||{},n._sentryDebugIds[s]="e2d23d0c-4c6c-488c-88dd-6e46d0ab6f44",n._sentryDebugIdIdentifier="sentry-dbid-e2d23d0c-4c6c-488c-88dd-6e46d0ab6f44")}catch{}})();function y({size:n=17,...s}){const o=`credit-mark-${u.useId()}`;return e.jsxs("svg",{viewBox:"0 0 16.9985 16.9985",width:n,height:n,fill:"none","aria-hidden":!0,focusable:"false",...s,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:o,x1:"-0.513692",y1:"8.51179",x2:"29.4301",y2:"5.69069",gradientUnits:"userSpaceOnUse",children:[e.jsx("stop",{stopColor:a.colors.dclRed}),e.jsx("stop",{offset:"1",stopColor:a.colors.flareAmber})]})}),e.jsx("path",{d:"M11.866 0.605075L16.4734 5.29355L16.4148 11.8658L11.7253 16.4742L5.15405 16.4156L0.545653 11.7271L0.604247 5.1539L5.29175 0.546481L11.866 0.605075Z",fill:`url(#${o})`,stroke:`url(#${o})`,strokeWidth:"1.04738"}),e.jsx("path",{d:"M9.14405 10.9365C9.51965 10.9365 9.87384 10.8794 10.2067 10.7653C10.5395 10.6512 10.7938 10.5371 10.9697 10.423L11.4975 11.4749L12.0252 12.5268C11.8017 12.717 11.4166 12.9095 10.8699 13.1045C10.3279 13.2994 9.68605 13.3969 8.94437 13.3969C8.25023 13.3969 7.59651 13.2756 6.98319 13.0332C6.36988 12.7907 5.82551 12.4507 5.35007 12.0133C4.87939 11.5759 4.51093 11.0625 4.24468 10.4729C3.97844 9.87864 3.84532 9.23205 3.84532 8.53316C3.84532 7.83427 3.97844 7.18767 4.24468 6.59338C4.51093 5.99433 4.87939 5.4761 5.35007 5.0387C5.82075 4.59655 6.36275 4.25423 6.97606 4.01176C7.59413 3.76453 8.25023 3.64092 8.94437 3.64092C9.68605 3.64092 10.3279 3.73838 10.8699 3.93331C11.4166 4.12824 11.8017 4.32079 12.0252 4.51097L10.9697 6.61477C10.7938 6.50067 10.5395 6.38656 10.2067 6.27246C9.87384 6.15835 9.51965 6.1013 9.14405 6.1013C8.67812 6.1013 8.27876 6.17024 7.94595 6.30812C7.6179 6.44599 7.34928 6.63141 7.14009 6.86438C6.9309 7.09734 6.77638 7.35645 6.67654 7.64171C6.58145 7.92698 6.53391 8.21699 6.53391 8.51176C6.53391 8.81129 6.58145 9.10606 6.67654 9.39607C6.77638 9.68133 6.9309 9.94045 7.14009 10.1734C7.34928 10.4064 7.6179 10.5918 7.94595 10.7297C8.27876 10.8675 8.67812 10.9365 9.14405 10.9365Z",fill:a.colors.white})]})}const{colors:d,font:$}=a,j=t.p`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin: 0;
-  font-family: ${$.sans};
-  font-size: 16px;
-  line-height: normal;
-  color: ${d.text};
-
-  &[data-align='center'] {
-    justify-content: center;
-  }
-
-  /* The peg is stated on a white modal AND on the violet migration page, so the line carries the two
-     skins the design gives it. On dark the whole line is white — the "=" loses its grey step, which
-     would read as struck-through type against the page. */
-  &[data-tone='on-dark'] {
-    color: ${d.white};
-  }
-`,h=t.span`
-  font-weight: 600;
-`,p=t.span`
-  font-weight: 400;
-`,k=t.span`
-  font-size: 14px;
-  font-weight: 600;
-  line-height: 1.57;
-  color: ${d.muted1};
-
-  [data-tone='on-dark'] & {
-    color: inherit;
-  }
-`;function D({align:n,tone:s,className:o}){const l=m(w.nameSingular),c=C(1).toFixed(2),g=r("creditRate.usdLabel");return e.jsxs(j,{className:o,"data-align":n,"data-tone":s,"data-testid":"credit-rate","aria-label":r("creditRate.aria",{unit:l,usd:c}),children:[e.jsx(y,{}),e.jsxs("span",{children:[e.jsx(h,{children:"1"})," ",e.jsx(p,{children:l})]}),e.jsx(k,{"aria-hidden":!0,children:r("creditRate.equals")}),e.jsxs("span",{children:[e.jsx(p,{children:g})," ",e.jsx(h,{children:c})]})]})}const{colors:i,font:L,media:f,radius:x}=a,v=t.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 12px 8px 12px 16px;
-  border-radius: ${x.btn};
-  background: ${i.promptLilac};
-  font-family: ${L.sans};
-`,A=t(v)`
-  justify-content: space-between;
-  background: ${i.promptAmber};
-
-  /* Side by side the sentence and the cta can't both fit a phone, so the cta drops to its own line. */
-  ${f.maxWidth("mobile")} {
-    flex-direction: column;
-    align-items: flex-start;
-  }
-`,M=t.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-
-  & .ico {
-    flex: none;
-    color: ${i.text};
-  }
-`,E=t.p`
-  margin: 0;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.334;
-  color: ${i.text2};
-`,S=t.strong`
-  font-weight: 700;
-`,T=t.img`
-  width: 1em;
-  height: 1em;
-  vertical-align: -0.12em;
-`,U=t.div`
-  flex: none;
-  display: flex;
-  align-items: center;
-  gap: 4px;
-
-  /* On the stacked layout this row owns the full width, so the close button keeps its far-right place
-     instead of trailing the cta. */
-  ${f.maxWidth("mobile")} {
-    width: 100%;
-    justify-content: space-between;
-  }
-`,z=t.button`
-  flex: none;
-  display: grid;
-  place-items: center;
-  width: 32px;
-  height: 32px;
-  border: 0;
-  border-radius: 50%;
-  background: none;
-  color: ${i.text};
-  cursor: pointer;
-
-  &:hover {
-    background: rgba(0, 0, 0, 0.08);
-  }
-  &:focus-visible {
-    outline: 2px solid ${i.text};
-    outline-offset: 2px;
-  }
-`,_=t(b)`
-  flex: none;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 40px;
-  padding: 0 12px;
-  border-radius: ${x.card};
-  font-size: 13px;
-  font-weight: 600;
-  line-height: 24px;
-  letter-spacing: 0.46px;
-  text-transform: uppercase;
-  text-decoration: underline;
-  /* The banner's own ink, not the accent purple: on the amber fill the link is the only thing to the
-     right of the sentence, so it reads as the action without a colour of its own. */
-  color: ${i.text};
-
-  &:hover {
-    color: ${i.gray0};
-  }
-  &:focus-visible {
-    outline: 2px solid ${i.text};
-    outline-offset: 2px;
-  }
-`;export{S as A,M as B,D as C,z as D,T as M,A as R,v as S,E as T,U as a,_ as b};
-//# sourceMappingURL=ManaPricingBanner.styles-C-mAX-6w.js.map