admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{comments-BODDdRry.js → comments-Bo-lZU18.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Pr as i,hr as a,mr as o,t as s}from"./example-BIrQab7K.js";import{a as c,o as l,t as u}from"./comment-composer-W0xfh_HP.js";import{t as d}from"./briefcase-B_Uti-Iu.js";import{t as f}from"./comment-item-Ctcpx1GX.js";import{t as p}from"./git-branch-D9jt-u1q.js";import{t as m}from"./package-0ZgMoFm1.js";import{t as h}from"./user-Bqmz8M16.js";import{a as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./props-table-BR-KjRNe.js";import{t as b}from"./smart-card-B4P_C0nk.js";var x=g(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),S=v(),C=({strings:e,icon:t,className:n})=>{let i=c(e);return(0,S.jsxs)(`div`,{className:_(`flex flex-col items-center justify-center py-8 text-center`,n),children:[(0,S.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:t??(0,S.jsx)(x,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,S.jsx)(r,{weight:`medium`,children:i.empty}),i.emptyHint?(0,S.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:i.emptyHint}):null]})},w=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:p,renderAttachment:m,renderReference:h,emptySlot:g}){return e.length?(0,S.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,S.jsx)(f,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:m,renderReference:h});return p?(0,S.jsx)(`div`,{children:p({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,S.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,S.jsx)(S.Fragment,{children:g??(0,S.jsx)(C,{strings:o})})},T=t(n(),1);function E(e){let t=i(),n=e.composerPosition??t.composerPosition??`top`,r=e.canComment??!1,a=e.canModerate??!1,o=e.onSubmit,s=e.onDelete,l=e.onPinToggle,d=e.onReact,f=e.onReply,p=e.resources,m=e.attachments,h=c(e.strings),g=e.title===void 0?h.title:e.title,[v,y]=(0,T.useState)({}),[x,E]=(0,T.useState)(!1),[D,O]=(0,T.useState)(0),k={setErrors:e=>y(e),reset:()=>{O(e=>e+1),y({}),E(!1)},setSubmitting:E},A=(0,T.useCallback)(e=>{o&&(E(!0),y({}),o(e,k))},[o]),j=e.composerSlot??(r?(0,S.jsx)(u,{context:e.context,canComment:r,isSubmitting:x,errors:v,resetKey:D,onSubmit:A,strings:e.strings,resources:p,attachments:m}):null),M=(0,S.jsx)(w,{comments:e.comments,canModerate:a,onDelete:s,onPinToggle:l,onReact:d,onReply:f,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:p,renderItem:e.renderItem,renderAttachment:e.renderAttachment,renderReference:e.renderReference,emptySlot:e.emptySlot??(0,S.jsx)(C,{strings:e.strings})}),N=j?(0,S.jsx)(`div`,{children:j}):null,P=(0,S.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.headerSlot,n===`top`&&N,M,n===`bottom`&&N,e.footerSlot]});return e.bare?P:(0,S.jsx)(b,{title:g===!1?void 0:g,description:h.subtitle||void 0,padding:`sm`,className:_(`comments--component`,e.className),children:P})}var D=e({APISurface:()=>V,CommentsExample:()=>H,CustomReferenceRendering:()=>G,EmptyStateCustomStrings:()=>W,ReadOnly:()=>U}),O=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`},{id:`jordan`,label:`Jordan Jones`,description:`Finance`}],k=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`},{id:`BKG-2026-0510`,label:`BKG-2026-0510`,description:`Davida Todorova · May 04 → May 09`}],A=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`},{id:`ORD-A301`,label:`ORD-A301`,description:`€1,140.00 · Captured`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`},{id:`SPR-Q2-W4`,label:`Sprint Q2-W4`,description:`Booking calendar`}],M={user:{icon:h,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:l,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:m,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:p,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?O:t===`booking`?k:t===`order`?A:j,r=e.trim().toLowerCase();return(r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))).slice(0,8)}async function P(e){let{file:t,onProgress:n,signal:r}=e;return new Promise((e,i)=>{let a=0,o=()=>{if(r.aborted){i(Error(`aborted`));return}if(a=Math.min(100,a+18+Math.random()*14),n(a),a>=100){e({id:`att-${Math.random().toString(36).slice(2)}`,name:t.name,size:t.size,mimeType:t.type,url:`#`});return}window.setTimeout(o,220)};window.setTimeout(o,220)})}var F={id:`BKG-2026-0408`,type:`booking`,moduleKey:`bookings`},I=Date.now(),L=e=>new Date(I-e*60*60*1e3).toISOString(),R=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),z=[{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:L(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[R(`user`,`stefan`,`Daniel Kowalski`),R(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0,users:[`Davida Todorova`,`You`]}]},{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:L(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[R(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]},{id:`3`,user:{id:`stefan`,name:`Daniel Kowalski`},createdAt:L(.2),contentType:`text`,content:`Thanks for the quick turnaround. Booking #BKG-2026-0408 has been removed from the customer's active list.`,canDelete:!0}],B={resources:M,onResourceSearch:N,attachments:{onUpload:P,maxSize:8*1024*1024,maxFiles:4,accept:`.pdf,.png,.jpg,.jpeg,.txt,.csv`},onSubmit:()=>{},onDelete:()=>{},onReact:()=>{}};function V(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(r,{type:`secondary`,children:[(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<Comments<TUser, TMeta, TResource> context comments canComment canModerate composerPosition resources attachments onSubmit onDelete onUpdate onReact onReply onPinToggle strings emptySlot composerSlot headerSlot footerSlot renderItem renderAttachment renderReference />`}),`. Wire callbacks (`,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onSubmit`}),`, `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onDelete`}),`, …), `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` (mentions/badges), and `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`attachments.onUpload`}),` at the call site. App-wide display defaults (composer position, max attachments) live in `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<UIProvider config={{ comments: { … } }}>`}),`.`]})})}function H(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!0,canModerate:!0})})})}function U(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!1})})})}function W(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:[],canComment:!0,strings:{title:`Internal notes`,empty:`Nothing logged yet.`,emptyHint:`Drop a note for whoever picks this thread up next.`,composerPlaceholder:`Add an internal note…`,composerSubmit:`Save note`}})})})}function G(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e.slice(0,2),canComment:!0,renderReference:e=>(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded bg-foreground/5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset ring-foreground/10`,children:[(0,S.jsx)(d,{className:`size-3`,"aria-hidden":!0}),e.label]},e.id)})})})}var K=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Kr as a,Rr as o,t as s}from"./example-Cz_880po.js";import{a as c,o as l,t as u}from"./comment-composer-DeURrlgL.js";import{t as d}from"./briefcase-0WhUdLn5.js";import{t as f}from"./comment-item-D07Qk-Nt.js";import{t as p}from"./git-branch-Dl3AzbqP.js";import{t as m}from"./package-CjcwDJKu.js";import{t as h}from"./user-BZog6aIh.js";import{a as g,n as _,s as v}from"./index-BQIv1ffM.js";import{t as y}from"./props-table-2pIZzGC-.js";import{t as b}from"./smart-card-Dhu_1A_u.js";var x=g(`message-circle`,[[`path`,{d:`M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719`,key:`1sd12s`}]]),S=v(),C=({strings:e,icon:t,className:n})=>{let r=c(e);return(0,S.jsxs)(`div`,{className:_(`flex flex-col items-center justify-center py-8 text-center`,n),children:[(0,S.jsx)(`div`,{className:`bg-muted/50 mb-3 flex h-12 w-12 items-center justify-center rounded-full`,children:t??(0,S.jsx)(x,{className:`text-muted-foreground/60 h-5 w-5`})}),(0,S.jsx)(o,{weight:`medium`,children:r.empty}),r.emptyHint?(0,S.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1 max-w-[28ch]`,children:r.emptyHint}):null]})},w=function({comments:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderItem:p,renderAttachment:m,renderReference:h,emptySlot:g}){return e.length?(0,S.jsx)(`div`,{className:`flex flex-col gap-2`,children:e.map((e,g)=>{let _=(0,S.jsx)(f,{comment:e,canModerate:t,onDelete:n,onPinToggle:r,onReact:i,onReply:a,strings:o,getMediaUrl:s,getMediaName:c,getStatusLabel:l,formatRelativeTime:u,resources:d,renderAttachment:m,renderReference:h});return p?(0,S.jsx)(`div`,{children:p({comment:e,canModerate:t??!1,onDelete:n,defaultItem:_})},e.id??`comment-${g}`):(0,S.jsx)(`div`,{children:_},e.id??`comment-${g}`)})}):(0,S.jsx)(S.Fragment,{children:g??(0,S.jsx)(C,{strings:o})})},T=t(n(),1);function E(e){let t=a(),n=e.composerPosition??t.composerPosition??`top`,r=e.canComment??!1,i=e.canModerate??!1,o=e.onSubmit,s=e.onDelete,l=e.onPinToggle,d=e.onReact,f=e.onReply,p=e.resources,m=e.attachments,h=c(e.strings),g=e.title===void 0?h.title:e.title,[v,y]=(0,T.useState)({}),[x,E]=(0,T.useState)(!1),[D,O]=(0,T.useState)(0),k={setErrors:e=>y(e),reset:()=>{O(e=>e+1),y({}),E(!1)},setSubmitting:E},A=(0,T.useCallback)(e=>{o&&(E(!0),y({}),o(e,k))},[o]),j=e.composerSlot??(r?(0,S.jsx)(u,{context:e.context,canComment:r,isSubmitting:x,errors:v,resetKey:D,onSubmit:A,strings:e.strings,resources:p,attachments:m}):null),M=(0,S.jsx)(w,{comments:e.comments,canModerate:i,onDelete:s,onPinToggle:l,onReact:d,onReply:f,strings:e.strings,getMediaUrl:e.getMediaUrl,getMediaName:e.getMediaName,getStatusLabel:e.getStatusLabel,formatRelativeTime:e.formatRelativeTime,resources:p,renderItem:e.renderItem,renderAttachment:e.renderAttachment,renderReference:e.renderReference,emptySlot:e.emptySlot??(0,S.jsx)(C,{strings:e.strings})}),N=j?(0,S.jsx)(`div`,{children:j}):null,P=(0,S.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.headerSlot,n===`top`&&N,M,n===`bottom`&&N,e.footerSlot]});return e.bare?P:(0,S.jsx)(b,{title:g===!1?void 0:g,description:h.subtitle||void 0,padding:`sm`,className:_(`comments--component`,e.className),children:P})}var D=e({APISurface:()=>V,CommentsExample:()=>H,CustomReferenceRendering:()=>G,EmptyStateCustomStrings:()=>W,ReadOnly:()=>U}),O=[{id:`maria`,label:`Sarah Smitha`,description:`Head of Operations`},{id:`ivana`,label:`Davida Todorova`,description:`Refunds Specialist`},{id:`stefan`,label:`Daniel Kowalski`,description:`Customer`},{id:`kris`,label:`Kris Dineva`,description:`Engineering`},{id:`jordan`,label:`Jordan Jones`,description:`Finance`}],k=[{id:`BKG-2026-0408`,label:`BKG-2026-0408`,description:`Daniel Kowalski · Apr 12 → Apr 14`},{id:`BKG-2026-0421`,label:`BKG-2026-0421`,description:`Sarah Smitha · Apr 19 → Apr 22`},{id:`BKG-2026-0510`,label:`BKG-2026-0510`,description:`Davida Todorova · May 04 → May 09`}],A=[{id:`ORD-A219`,label:`ORD-A219`,description:`€420.00 · Refund pending`},{id:`ORD-A284`,label:`ORD-A284`,description:`€88.50 · Captured`},{id:`ORD-A301`,label:`ORD-A301`,description:`€1,140.00 · Captured`}],j=[{id:`SPR-Q2-W3`,label:`Sprint Q2-W3`,description:`Refund flows`},{id:`SPR-Q2-W4`,label:`Sprint Q2-W4`,description:`Booking calendar`}],M={user:{icon:h,label:`Person`,trigger:`@`,tone:`info`,buildHref:e=>`/people/${e.id}`},booking:{icon:l,label:`Booking`,trigger:`#`,tone:`success`,buildHref:e=>`/bookings/${e.id}`},order:{icon:m,label:`Order`,trigger:`$`,tone:`warning`,buildHref:e=>`/orders/${e.id}`},sprint:{icon:p,label:`Sprint`,tone:`secondary`,buildHref:e=>`/sprints/${e.id}`}};function N(e,t){let n=t===`user`?O:t===`booking`?k:t===`order`?A:j,r=e.trim().toLowerCase();return(r.length===0?n:n.filter(e=>e.label.toLowerCase().includes(r)||(e.description??``).toLowerCase().includes(r))).slice(0,8)}async function P(e){let{file:t,onProgress:n,signal:r}=e;return new Promise((e,i)=>{let a=0,o=()=>{if(r.aborted){i(Error(`aborted`));return}if(a=Math.min(100,a+18+Math.random()*14),n(a),a>=100){e({id:`att-${Math.random().toString(36).slice(2)}`,name:t.name,size:t.size,mimeType:t.type,url:`#`});return}window.setTimeout(o,220)};window.setTimeout(o,220)})}var F={id:`BKG-2026-0408`,type:`booking`,moduleKey:`bookings`},I=Date.now(),L=e=>new Date(I-e*60*60*1e3).toISOString(),R=(e,t,n)=>({id:`${e}:${t}`,kind:e,label:n,href:`/${e}s/${t}`}),z=[{id:`1`,user:{id:`maria`,name:`Sarah Smitha`},createdAt:L(2),contentType:`html`,content:`Approving the refund for <span data-ref-id="user:stefan" data-ref-kind="user">@Daniel Kowalski</span> on <span data-ref-id="booking:BKG-2026-0408" data-ref-kind="booking">BKG-2026-0408</span> — please process before EOD so the payout window doesn't shift.`,references:[R(`user`,`stefan`,`Daniel Kowalski`),R(`booking`,`BKG-2026-0408`,`BKG-2026-0408`)],isPinned:!0,canDelete:!0,reactions:[{emoji:`👍`,count:2,mine:!0,users:[`Davida Todorova`,`You`]}]},{id:`2`,user:{id:`ivana`,name:`Davida Todorova`},createdAt:L(1),contentType:`html`,content:`Done — refund issued via the original Visa ending 4242 for <span data-ref-id="order:ORD-A219" data-ref-kind="order">ORD-A219</span>. ETA Apr 14 per the gateway.`,references:[R(`order`,`ORD-A219`,`ORD-A219`)],attachments:[{id:`m1`,name:`refund-receipt.pdf`,url:`#`,size:184320,mimeType:`application/pdf`,status:`uploaded`}]},{id:`3`,user:{id:`stefan`,name:`Daniel Kowalski`},createdAt:L(.2),contentType:`text`,content:`Thanks for the quick turnaround. Booking #BKG-2026-0408 has been removed from the customer's active list.`,canDelete:!0}],B={resources:M,onResourceSearch:N,attachments:{onUpload:P,maxSize:8*1024*1024,maxFiles:4,accept:`.pdf,.png,.jpg,.jpeg,.txt,.csv`},onSubmit:()=>{},onDelete:()=>{},onReact:()=>{}};function V(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsxs)(o,{type:`secondary`,children:[(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<Comments<TUser, TMeta, TResource> context comments canComment canModerate composerPosition resources attachments onSubmit onDelete onUpdate onReact onReply onPinToggle strings emptySlot composerSlot headerSlot footerSlot renderItem renderAttachment renderReference />`}),`. Wire callbacks (`,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onSubmit`}),`, `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`onDelete`}),`, …), `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`resources`}),` (mentions/badges), and `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`attachments.onUpload`}),` at the call site. App-wide display defaults (composer position, max attachments) live in `,(0,S.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`<UIProvider config={{ comments: { … } }}>`}),`.`]})})}function H(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!0,canModerate:!0})})})}function U(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e,canComment:!1})})})}function W(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:[],canComment:!0,strings:{title:`Internal notes`,empty:`Nothing logged yet.`,emptyHint:`Drop a note for whoever picks this thread up next.`,composerPlaceholder:`Add an internal note…`,composerSubmit:`Save note`}})})})}function G(){let[e]=(0,T.useState)(z);return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{...B,context:F,comments:e.slice(0,2),canComment:!0,renderReference:e=>(0,S.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded bg-foreground/5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset ring-foreground/10`,children:[(0,S.jsx)(d,{className:`size-3`,"aria-hidden":!0}),e.label]},e.id)})})})}var K=`import {
     Briefcase,
     CalendarRange,
     GitBranch,
@@ -354,4 +354,4 @@ export function CustomReferenceRendering() {
 		</>
 	);
 }
-`;function q(e){let t={h4:`h4`,...e.components};return D||Y(`Examples`,!1),V||Y(`Examples.APISurface`,!0),H||Y(`Examples.CommentsExample`,!0),G||Y(`Examples.CustomReferenceRendering`,!0),W||Y(`Examples.EmptyStateCustomStrings`,!0),U||Y(`Examples.ReadOnly`,!0),(0,S.jsxs)(a,{title:`Features · Comments`,description:`Generic, framework-agnostic comments with rich-text composer (TipTap-backed), inline resource references (mentions, links, badges), attachment uploads with progress, and reactions. Every callback / registry flows as a direct prop — no provider.`,layer:`features`,status:`ready`,children:[(0,S.jsx)(o,{title:`Thread`,id:`thread`,children:(0,S.jsx)(s,{name:`CommentsExample`,source:K,children:(0,S.jsx)(H,{})})}),(0,S.jsxs)(o,{title:`States`,id:`states`,children:[(0,S.jsx)(s,{name:`ReadOnly`,source:K,children:(0,S.jsx)(U,{})}),(0,S.jsx)(s,{name:`EmptyStateCustomStrings`,source:K,children:(0,S.jsx)(W,{})})]}),(0,S.jsx)(o,{title:`Customization`,id:`customization`,children:(0,S.jsx)(s,{name:`CustomReferenceRendering`,source:K,children:(0,S.jsx)(G,{})})}),(0,S.jsx)(o,{title:`API surface`,id:`api-surface`,children:(0,S.jsx)(s,{name:`APISurface`,source:K,children:(0,S.jsx)(V,{})})}),(0,S.jsxs)(o,{title:`API`,id:`api`,children:[(0,S.jsx)(t.h4,{children:`Comments`}),(0,S.jsx)(y,{component:`Comments`})]})]})}function J(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(q,{...e})}):q(e)}function Y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{J as default};
+`;function q(e){let t={h4:`h4`,...e.components};return D||Y(`Examples`,!1),V||Y(`Examples.APISurface`,!0),H||Y(`Examples.CommentsExample`,!0),G||Y(`Examples.CustomReferenceRendering`,!0),W||Y(`Examples.EmptyStateCustomStrings`,!0),U||Y(`Examples.ReadOnly`,!0),(0,S.jsxs)(r,{title:`Features · Comments`,description:`Generic, framework-agnostic comments with rich-text composer (TipTap-backed), inline resource references (mentions, links, badges), attachment uploads with progress, and reactions. Every callback / registry flows as a direct prop — no provider.`,layer:`features`,status:`ready`,children:[(0,S.jsx)(i,{title:`Thread`,id:`thread`,children:(0,S.jsx)(s,{name:`CommentsExample`,source:K,children:(0,S.jsx)(H,{})})}),(0,S.jsxs)(i,{title:`States`,id:`states`,children:[(0,S.jsx)(s,{name:`ReadOnly`,source:K,children:(0,S.jsx)(U,{})}),(0,S.jsx)(s,{name:`EmptyStateCustomStrings`,source:K,children:(0,S.jsx)(W,{})})]}),(0,S.jsx)(i,{title:`Customization`,id:`customization`,children:(0,S.jsx)(s,{name:`CustomReferenceRendering`,source:K,children:(0,S.jsx)(G,{})})}),(0,S.jsx)(i,{title:`API surface`,id:`api-surface`,children:(0,S.jsx)(s,{name:`APISurface`,source:K,children:(0,S.jsx)(V,{})})}),(0,S.jsxs)(i,{title:`API`,id:`api`,children:[(0,S.jsx)(t.h4,{children:`Comments`}),(0,S.jsx)(y,{component:`Comments`})]})]})}function J(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.jsx)(q,{...e})}):q(e)}function Y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{J as default};

package/dist/showcase/assets/{commerce-extras-DsgnTkBH.js → commerce-extras-Cio3xn_B.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,jr as o,mr as s,r as c,t as l,yr as u}from"./example-BIrQab7K.js";import{t as d}from"./calendar-DTgagmt7.js";import{t as f}from"./chevron-right-d-umkBru.js";import{t as p}from"./circle-Dy08kACD.js";import{t as m}from"./credit-card-CYgRtM77.js";import{t as h}from"./gift-Bx8IO1FQ.js";import{t as g}from"./map-pin-DUl-Lt6t.js";import{t as _}from"./package-0ZgMoFm1.js";import{t as v}from"./receipt-T8B9lscp.js";import{t as ee}from"./rotate-ccw-7aUlKQpX.js";import{t as y}from"./shopping-bag-B5BzpLV5.js";import{t as b}from"./sparkles-DFJmoAFP.js";import{t as te}from"./star-DK5onZCp.js";import{t as ne}from"./trash-2-OsaEm8cc.js";import{t as re}from"./x-BqJnRkKw.js";import{t as ie}from"./zap-DHBVTfYZ.js";import{a as x,k as S,n as C,s as ae}from"./index-Cz4UGUT2.js";import{t as w}from"./props-table-BR-KjRNe.js";import{t as T}from"./icon-badge-CxvxB8Vd.js";import{t as E}from"./smart-card-B4P_C0nk.js";import{t as oe}from"./input-BPDdWrB1.js";import{t as D}from"./separator-BjGdXNcn.js";import{n as se}from"./form-field-Cxm4APa9.js";import{t as O}from"./inline-stat-DqI70yoJ.js";import{a as k,c as A,i as j,n as M,o as ce,r as N,t as P,u as F}from"./item-CbiuwbAN.js";var le=x(`calendar-clock`,[[`path`,{d:`M16 14v2.2l1.6 1`,key:`fo4ql5`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5`,key:`1osxxc`}],[`path`,{d:`M3 10h5`,key:`r794hk`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`circle`,{cx:`16`,cy:`16`,r:`6`,key:`qoo3c4`}]]),ue=x(`pen`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),de=x(`repeat`,[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]),fe=x(`ticket-percent`,[[`path`,{d:`M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z`,key:`1l48ns`}],[`path`,{d:`M9 9h.01`,key:`1q5me6`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M15 15h.01`,key:`lqbp3k`}]]),pe={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`},I=ae();function me({subtotal:e,taxes:t,totalTax:n,total:i,className:a,strings:o}){let s=S(pe,o);return(0,I.jsxs)(E,{icon:(0,I.jsx)(v,{className:`size-4`}),title:s.title,className:C(`tax-breakdown--component w-full`,a),children:[(0,I.jsx)(O,{label:s.subtotal,value:e,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[t.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,I.jsx)(r,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,I.jsx)(r,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,I.jsx)(r,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!n&&t.length>1&&(0,I.jsx)(O,{label:s.totalTax,value:n,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(O,{label:s.total,value:i,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}me.displayName=`TaxBreakdownCard`;var he={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function L({planName:e,priceLabel:t,cycleLabel:n,nextBillingDate:a,statusLabel:s,perks:l=[],onManage:p,onUpgrade:m,className:h,strings:g}){let _=S(he,g);return(0,I.jsxs)(E,{icon:(0,I.jsx)(de,{className:`size-4`}),title:_.title,headerEnd:s?(0,I.jsx)(u,{variant:`success`,children:s}):null,className:C(`subscription-summary--component w-full`,h),children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,I.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:_.plan}),(0,I.jsx)(i,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:e}),(0,I.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,I.jsx)(r,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:t}),(0,I.jsx)(r,{type:`secondary`,children:n})]})]}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(d,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(r,{size:`xs`,type:`secondary`,children:_.nextBilling})]}),(0,I.jsx)(r,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:a})]}),l.length>0&&(0,I.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,I.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:_.perks}),(0,I.jsx)(ce,{children:l.map((e,t)=>(0,I.jsxs)(P,{size:`xs`,className:`px-0`,children:[(0,I.jsx)(A,{children:(0,I.jsx)(T,{icon:e.icon??o,tone:`success`,size:`xs`})}),(0,I.jsx)(N,{children:(0,I.jsx)(F,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(p||m)&&(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!p&&(0,I.jsx)(c,{variant:`secondary`,buttonStyle:`outline`,onClick:p,className:`flex-1`,children:_.manage}),!!m&&(0,I.jsxs)(c,{variant:`primary`,onClick:m,className:`flex-1`,children:[_.upgrade,(0,I.jsx)(f,{className:`ml-1 size-3.5`})]})]})]})}L.displayName=`SubscriptionSummaryCard`;var ge={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},R=[`requested`,`approved`,`processing`,`completed`];function _e({stage:e,amount:t,reason:n,method:a,eta:s,requestedAt:c,className:l,strings:u}){let d=S(ge,u),f=R.indexOf(e);return(0,I.jsxs)(E,{icon:(0,I.jsx)(ee,{className:`size-4`}),title:d.title,className:C(`refund-status--component w-full`,l),children:[(0,I.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,I.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.amount}),(0,I.jsx)(i,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:t}),!!c&&(0,I.jsxs)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[d.requested,`: `,c]})]}),(0,I.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:R.map((e,t)=>{let n=t<=f,i=t===f;return(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,n?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,i&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:n?(0,I.jsx)(o,{className:`size-3`}):(0,I.jsx)(r,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:t+1})}),t<R.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsx)(r,{size:`xxs`,weight:i?`semibold`:`medium`,type:n?`main`:`secondary`,className:`text-center leading-tight`,children:d[e]})]},e)})}),(n||a||s)&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[!!n&&(0,I.jsx)(O,{label:d.reason,value:n,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!a&&(0,I.jsx)(O,{label:d.method,value:a,valueClassName:`text-sm font-medium`}),!!s&&(0,I.jsx)(O,{label:d.eta,value:s,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}_e.displayName=`RefundStatusCard`;var ve={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function z({kind:e=`shipping`,name:t,line1:n,line2:i,city:a,region:o,postalCode:s,country:c,phone:l,isDefault:d=!1,onEdit:f,onRemove:p,onMakeDefault:m,className:h,strings:_}){let v=S(ve,_),ee={shipping:v.shipping,billing:v.billing,pickup:v.pickup},y=[a,o,s].filter(Boolean).join(`, `),b=[];return f&&b.push({id:`edit`,label:v.edit,icon:(0,I.jsx)(ue,{className:`size-3.5`}),onClick:f}),m&&!d&&b.push({id:`make-default`,label:v.makeDefault,icon:(0,I.jsx)(te,{className:`size-3.5`}),onClick:m}),p&&b.push({id:`remove`,label:v.remove,icon:(0,I.jsx)(ne,{className:`size-3.5`}),onClick:p}),(0,I.jsx)(E,{icon:(0,I.jsx)(g,{className:`size-4`}),title:ee[e],titleSuffix:d?(0,I.jsx)(u,{variant:`primary`,children:v.defaultBadge}):null,actions:b.length>0?b:void 0,className:C(`address-card--component w-full`,h),children:(0,I.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,I.jsx)(r,{weight:`semibold`,children:t}),(0,I.jsx)(r,{children:n}),!!i&&(0,I.jsx)(r,{children:i}),!!y&&(0,I.jsx)(r,{children:y}),(0,I.jsx)(r,{type:`secondary`,children:c}),!!l&&(0,I.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:l})]})})}z.displayName=`AddressCard`;var ye={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},B=t(n(),1),be=e=>e.toUpperCase();function V({appliedCode:e,balance:t,error:n,loading:i,onCheck:a,onRemove:s,className:l,strings:d}){let f=S(ye,d),p=(0,B.useId)(),[m,g]=(0,B.useState)(``),_=m.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(h,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,l),children:(0,I.jsxs)(P,{size:`xs`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5 px-2.5 py-2`,children:[(0,I.jsx)(A,{children:(0,I.jsx)(T,{icon:o,tone:`success`,size:`sm`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(N,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,I.jsx)(F,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(u,{variant:`success`,size:`xs`,children:f.applied})]}),(0,I.jsx)(j,{clamp:1,children:f.balance})]}),(0,I.jsxs)(k,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(M,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsx)(r,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:t}),!!s&&(0,I.jsx)(c,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,onClick:s,"aria-label":f.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(re,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(h,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,l),children:(0,I.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),_&&a?.(_)},children:(0,I.jsx)(se,{label:f.inputLabel,htmlFor:p,error:n,hint:n?void 0:f.helperText,children:(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-[12rem] flex-1`,children:(0,I.jsx)(oe,{id:p,value:m,onChange:e=>g(be(e.target.value)),placeholder:f.placeholder,startIcon:h,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(c,{type:`submit`,loading:i,disabled:!_,className:`shrink-0`,children:f.check})]})})})})}V.displayName=`VoucherEntryCard`;var xe={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},Se=e=>e.replace(/^[\s−-]+/,``),Ce=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,we=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),Te=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function Ee({title:e}){return(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-[length:var(--text-xxs)] font-semibold text-muted-foreground ring-1 ring-border/60`,children:Te(e)})}function De({items:e,subtotal:t,tax:n,shipping:i,discount:a,total:o,onCheckout:s,className:l,strings:u}){let d=S(xe,u),f=!!(t||n||i||a);return(0,I.jsxs)(E,{icon:(0,I.jsx)(y,{className:`size-4`}),title:d.title,className:C(`cart-summary--component w-full`,l),children:[(0,I.jsx)(ce,{children:e.map(e=>{let t=Ce(e),n=we(e);return(0,I.jsxs)(P,{className:`cart-summary--item px-0`,children:[(0,I.jsx)(A,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,I.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,I.jsx)(Ee,{title:t})}),(0,I.jsxs)(N,{className:`cart-summary--item-content`,children:[(0,I.jsx)(F,{children:t}),!!e.variantTitle&&(0,I.jsx)(j,{clamp:1,children:e.variantTitle})]}),(0,I.jsx)(M,{className:`cart-summary--item-actions`,children:(0,I.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,I.jsxs)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,I.jsx)(r,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!f&&(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!t&&(0,I.jsx)(O,{label:d.subtotal,value:t,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!n&&(0,I.jsx)(O,{label:d.tax,value:n,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!i&&(0,I.jsx)(O,{label:d.shipping,value:i,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!a&&(0,I.jsx)(O,{label:d.discount,value:`−${Se(a)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(O,{label:d.total,value:o,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!s&&(0,I.jsx)(c,{onClick:s,fullWidth:!0,className:`mt-4`,children:d.checkout})]})}De.displayName=`CartSummaryCard`;var Oe={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},ke=e=>e.replace(/^[\s−-]+/,``),Ae=e=>e.toUpperCase();function H({appliedCode:e,appliedDiscount:t,error:n,onApply:i,onRemove:a,loading:s,className:l,strings:u}){let d=S(Oe,u),[f,p]=(0,B.useState)(``),m=f.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,l),children:(0,I.jsxs)(P,{size:`xs`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8 px-2.5 py-2`,children:[(0,I.jsx)(A,{children:(0,I.jsx)(T,{icon:o,tone:`success`,size:`sm`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(N,{className:`min-w-0`,children:[(0,I.jsx)(F,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(j,{className:`uppercase tracking-wide`,clamp:1,children:d.applied})]}),(0,I.jsxs)(k,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(M,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsxs)(r,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,ke(t)]}),!!a&&(0,I.jsx)(c,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,onClick:a,"aria-label":d.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(re,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,l),children:(0,I.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-[11rem] flex-1`,children:(0,I.jsx)(oe,{value:f,onChange:e=>p(Ae(e.target.value)),placeholder:d.placeholder,startIcon:b,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(c,{size:`default`,onClick:()=>i?.(m),loading:s,disabled:!m,className:`shrink-0`,children:d.apply})]}),!!n&&(0,I.jsx)(r,{size:`xs`,type:`error`,children:n||d.invalid})]})})}H.displayName=`CouponInputCard`;var je={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},Me={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function Ne({orderNumber:e,status:t,statusVariant:n,events:i,currentEta:a,className:s,strings:c}){let l=S(je,c),d=n??Me[t],f=i.reduce((e,t,n)=>t.complete?n:e,-1),m=i[f]??i[0],h=i.find(e=>!e.complete);return(0,I.jsxs)(E,{icon:(0,I.jsx)(_,{className:`size-4`}),title:l.title,titleSuffix:(0,I.jsx)(u,{variant:d,className:`capitalize`,children:t}),description:`#${e}`,className:C(`order-status--component w-full`,s),children:[(0,I.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,I.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(r,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:l.statusLabel}),(0,I.jsx)(r,{weight:`semibold`,className:`mt-0.5 capitalize`,children:t})]}),!!m&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(r,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:m.complete?l.latestEvent:l.currentStep}),(0,I.jsx)(r,{weight:`semibold`,className:`mt-0.5`,children:m.label})]}),!!a&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(r,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:l.eta}),(0,I.jsx)(r,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:a})]})]})}),i.length>0&&(0,I.jsx)(`ol`,{className:`mt-4`,children:i.map((e,t)=>{let n=t===i.length-1,a=h?e===h:t===f;return(0,I.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,I.jsx)(`span`,{className:C(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,a&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,I.jsx)(o,{className:`size-3.5`,strokeWidth:2.5}):a?(0,I.jsx)(le,{className:`size-3.5`}):(0,I.jsx)(p,{className:`size-3`})}),!n&&(0,I.jsx)(`span`,{"aria-hidden":`true`,className:C(`min-h-6 w-px flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsxs)(`div`,{className:C(`min-w-0 flex-1 pb-4`,n&&`pb-0`),children:[(0,I.jsx)(r,{weight:e.complete||a?`semibold`:`medium`,className:C(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,I.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${t}`)})})]})}Ne.displayName=`OrderStatusCard`;var Pe={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Fe={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},Ie={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function Le({brand:e,last4:t,expiry:n,holderName:i,isDefault:a,onChange:o,className:s,strings:l}){let d=S(Pe,l),f=Fe[e],p=Ie[e];return(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:d.title,titleSuffix:a?(0,I.jsx)(u,{variant:`primary`,children:d.default}):null,headerAction:o?(0,I.jsx)(c,{buttonStyle:`ghost`,variant:`secondary`,onClick:o,children:d.change}):void 0,className:C(`payment-method--component w-full`,s),children:(0,I.jsxs)(`div`,{className:C(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,p),children:[(0,I.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,I.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,I.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,I.jsx)(r,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:f})]}),(0,I.jsx)(`div`,{className:`relative`,children:(0,I.jsxs)(r,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,t]})}),(0,I.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,I.jsx)(`div`,{className:`min-w-0`,children:!!i&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(r,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.cardHolder}),(0,I.jsx)(r,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:i})]})}),!!n&&(0,I.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,I.jsx)(r,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.expires}),(0,I.jsx)(r,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:n})]})]})]})})}Le.displayName=`PaymentMethodCard`;var Re=e({AddressCardExample:()=>X,CartSummaryCardExample:()=>U,CouponInputCardEmptyApplied:()=>W,OrderStatusCardExample:()=>G,PaymentMethodCardExample:()=>K,RefundStatusCardExample:()=>Y,SubscriptionSummaryCardExample:()=>J,TaxBreakdownCardExample:()=>q,VoucherEntryCardExample:()=>Z}),ze=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23edf1e9%22%2F%3E%0A%09%3Crect%20x%3D%2234%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2258%22%20rx%3D%229%22%20fill%3D%22%2353624d%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2212%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%224%22%20fill%3D%22%23303b2e%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2239%22%20width%3D%2218%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23f7f0d7%22%2F%3E%0A%3C%2Fsvg%3E%0A`,Be=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23eef1f5%22%2F%3E%0A%09%3Cellipse%20cx%3D%2249%22%20cy%3D%2273%22%20rx%3D%2229%22%20ry%3D%227%22%20fill%3D%22%23d6dde6%22%2F%3E%0A%09%3Crect%20x%3D%2224%22%20y%3D%2238%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23ffffff%22%2F%3E%0A%09%3Crect%20x%3D%2230%22%20y%3D%2230%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23dfe6ef%22%2F%3E%0A%09%3Crect%20x%3D%2255%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%2244%22%20rx%3D%227%22%20fill%3D%22%23697586%22%2F%3E%0A%09%3Crect%20x%3D%2258%22%20y%3D%2217%22%20width%3D%228%22%20height%3D%229%22%20rx%3D%223%22%20fill%3D%22%23485467%22%2F%3E%0A%09%3Ccircle%20cx%3D%2235%22%20cy%3D%2266%22%20r%3D%229%22%20fill%3D%22%23cad6df%22%2F%3E%0A%3C%2Fsvg%3E%0A`;function U(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(De,{items:[{id:`1`,name:`Estate olive oil`,variantTitle:`500 ml bottle`,qty:2,price:`48 USD`,src:ze},{id:`2`,productTitle:`Spa day voucher`,variantTitle:`Weekend package`,qty:1,price:`180 USD`,url:Be},{id:`3`,name:`Gift wrap`,variantTitle:`Matte white box`,qty:1,price:`15 USD`}],subtotal:`243 USD`,tax:`48.60 USD`,shipping:`0 USD`,discount:`25 USD`,total:`266.60 USD`,onCheckout:()=>{}})})}function W(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-4xl gap-4 md:grid-cols-2`,children:[(0,I.jsx)(H,{onApply:()=>{}}),(0,I.jsx)(H,{appliedCode:`SPRING2026`,appliedDiscount:`88.40 USD`,onRemove:()=>{}})]})}function G(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Ne,{orderNumber:`ORD-2026-0412`,status:`shipped`,currentEta:`Mar 29, 2026`,events:[{label:`Placed`,timestamp:`Mar 24`,complete:!0},{label:`Paid`,timestamp:`Mar 24`,complete:!0},{label:`Fulfilled`,timestamp:`Mar 25`,complete:!0},{label:`Shipped`,timestamp:`Mar 26`,complete:!0},{label:`Delivered`,complete:!1}]})})}function K(){return(0,I.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,I.jsx)(Le,{brand:`visa`,last4:`4242`,expiry:`04/27`,holderName:`Sarah Smitha`,isDefault:!0,onChange:()=>{}})})}function q(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(me,{subtotal:`565.00 USD`,taxes:[{label:`VAT (standard)`,rate:`20%`,amount:`94.20 USD`},{label:`Tourist tax`,rate:`€1.50/night`,amount:`4.50 USD`},{label:`Service charge`,rate:`5%`,amount:`14.30 USD`}],totalTax:`113.00 USD`,total:`678.00 USD`})})}function J(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(L,{planName:`Pro Annual`,priceLabel:`€29`,cycleLabel:`/ month`,nextBillingDate:`May 12, 2026`,statusLabel:`Active`,perks:[{icon:b,label:`AI assist included`},{icon:te,label:`Priority support`},{icon:ie,label:`Unlimited bookings`}],onManage:()=>{},onUpgrade:()=>{}})})}function Y(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(_e,{stage:`processing`,amount:`180.00 USD`,reason:`Customer cancelled within 48h window`,method:`Visa ending 4242`,eta:`Apr 14, 2026`,requestedAt:`Apr 8, 2026`})})}function X(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-3xl gap-3 md:grid-cols-2`,children:[(0,I.jsx)(z,{kind:`shipping`,name:`Sarah Smitha`,line1:`ul. Vitosha 24, ap. 5`,city:`New York`,postalCode:`1000`,country:`USA`,phone:`+1 888 123 456`,isDefault:!0,onEdit:()=>{},onRemove:()=>{}}),(0,I.jsx)(z,{kind:`billing`,name:`Daniel Smith`,line1:`ul. Slavyanska 9`,line2:`floor 3`,city:`Los Angeles`,postalCode:`4000`,country:`USA`,onEdit:()=>{},onRemove:()=>{},onMakeDefault:()=>{}})]})}function Z(){let[e,t]=(0,B.useState)(!1);return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(V,{onCheck:()=>t(!0),...e?{appliedCode:`GCT-2026-PETROV`,balance:`120.00 USD`,onRemove:()=>t(!1)}:{}})})}var Q=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,Ur as s,jr as c,r as l,t as u}from"./example-Cz_880po.js";import{t as d}from"./calendar-7a4yQlzJ.js";import{t as f}from"./chevron-right-D4pIMCh9.js";import{t as p}from"./circle-V5hdlsIn.js";import{t as m}from"./credit-card-CAI3F3HB.js";import{t as h}from"./gift-CtM--bDo.js";import{t as g}from"./map-pin-0O7GD5Dz.js";import{t as _}from"./package-CjcwDJKu.js";import{t as v}from"./receipt-kIVP3kxJ.js";import{t as ee}from"./rotate-ccw-DQPoMfMY.js";import{t as y}from"./shopping-bag-XmeqUqk9.js";import{t as b}from"./sparkles-N8rqKQez.js";import{t as te}from"./star-BaV-UTPq.js";import{t as ne}from"./trash-2-CE9bDw49.js";import{t as re}from"./x-D8UN9pOu.js";import{t as ie}from"./zap-DIJUAJEb.js";import{a as x,k as S,n as C,s as ae}from"./index-BQIv1ffM.js";import{t as w}from"./props-table-2pIZzGC-.js";import{t as T}from"./icon-badge-dwVx3Hxf.js";import{t as E}from"./smart-card-Dhu_1A_u.js";import{t as oe}from"./input-NIgvB9CZ.js";import{t as D}from"./separator-BsYPzBlF.js";import{n as se}from"./form-field-B5g_5Zjm.js";import{t as O}from"./inline-stat-DcNP6bcO.js";import{a as k,c as A,i as j,n as M,o as ce,r as N,t as P,u as F}from"./item-YF6wMI9W.js";var le=x(`calendar-clock`,[[`path`,{d:`M16 14v2.2l1.6 1`,key:`fo4ql5`}],[`path`,{d:`M16 2v4`,key:`4m81vk`}],[`path`,{d:`M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5`,key:`1osxxc`}],[`path`,{d:`M3 10h5`,key:`r794hk`}],[`path`,{d:`M8 2v4`,key:`1cmpym`}],[`circle`,{cx:`16`,cy:`16`,r:`6`,key:`qoo3c4`}]]),ue=x(`pen`,[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]]),de=x(`repeat`,[[`path`,{d:`m17 2 4 4-4 4`,key:`nntrym`}],[`path`,{d:`M3 11v-1a4 4 0 0 1 4-4h14`,key:`84bu3i`}],[`path`,{d:`m7 22-4-4 4-4`,key:`1wqhfi`}],[`path`,{d:`M21 13v1a4 4 0 0 1-4 4H3`,key:`1rx37r`}]]),fe=x(`ticket-percent`,[[`path`,{d:`M2 9a3 3 0 1 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 1 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z`,key:`1l48ns`}],[`path`,{d:`M9 9h.01`,key:`1q5me6`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M15 15h.01`,key:`lqbp3k`}]]),pe={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`},I=ae();function me({subtotal:e,taxes:t,totalTax:n,total:r,className:i,strings:a}){let s=S(pe,a);return(0,I.jsxs)(E,{icon:(0,I.jsx)(v,{className:`size-4`}),title:s.title,className:C(`tax-breakdown--component w-full`,i),children:[(0,I.jsx)(O,{label:s.subtotal,value:e,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[t.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,I.jsx)(o,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,I.jsx)(o,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!n&&t.length>1&&(0,I.jsx)(O,{label:s.totalTax,value:n,mono:!0,className:`border-t border-border/50 pt-1.5 mt-0.5`,labelClassName:`text-xs font-medium`,valueClassName:`text-xs font-semibold`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(O,{label:s.total,value:r,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}me.displayName=`TaxBreakdownCard`;var he={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function L({planName:e,priceLabel:t,cycleLabel:n,nextBillingDate:r,statusLabel:i,perks:u=[],onManage:p,onUpgrade:m,className:h,strings:g}){let _=S(he,g);return(0,I.jsxs)(E,{icon:(0,I.jsx)(de,{className:`size-4`}),title:_.title,headerEnd:i?(0,I.jsx)(c,{variant:`success`,children:i}):null,className:C(`subscription-summary--component w-full`,h),children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:_.plan}),(0,I.jsx)(a,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:e}),(0,I.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,I.jsx)(o,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:t}),(0,I.jsx)(o,{type:`secondary`,children:n})]})]}),(0,I.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,I.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,I.jsx)(d,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:_.nextBilling})]}),(0,I.jsx)(o,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:r})]}),u.length>0&&(0,I.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:_.perks}),(0,I.jsx)(ce,{children:u.map((e,t)=>(0,I.jsxs)(P,{size:`xs`,className:`px-0`,children:[(0,I.jsx)(A,{children:(0,I.jsx)(T,{icon:e.icon??s,tone:`success`,size:`xs`})}),(0,I.jsx)(N,{children:(0,I.jsx)(F,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(p||m)&&(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!p&&(0,I.jsx)(l,{variant:`secondary`,buttonStyle:`outline`,onClick:p,className:`flex-1`,children:_.manage}),!!m&&(0,I.jsxs)(l,{variant:`primary`,onClick:m,className:`flex-1`,children:[_.upgrade,(0,I.jsx)(f,{className:`ml-1 size-3.5`})]})]})]})}L.displayName=`SubscriptionSummaryCard`;var ge={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},R=[`requested`,`approved`,`processing`,`completed`];function _e({stage:e,amount:t,reason:n,method:r,eta:i,requestedAt:c,className:l,strings:u}){let d=S(ge,u),f=R.indexOf(e);return(0,I.jsxs)(E,{icon:(0,I.jsx)(ee,{className:`size-4`}),title:d.title,className:C(`refund-status--component w-full`,l),children:[(0,I.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.amount}),(0,I.jsx)(a,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:t}),!!c&&(0,I.jsxs)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[d.requested,`: `,c]})]}),(0,I.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:R.map((e,t)=>{let n=t<=f,r=t===f;return(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,n?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,r&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:n?(0,I.jsx)(s,{className:`size-3`}):(0,I.jsx)(o,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:t+1})}),t<R.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsx)(o,{size:`xxs`,weight:r?`semibold`:`medium`,type:n?`main`:`secondary`,className:`text-center leading-tight`,children:d[e]})]},e)})}),(n||r||i)&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsxs)(`div`,{className:`space-y-2`,children:[!!n&&(0,I.jsx)(O,{label:d.reason,value:n,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!r&&(0,I.jsx)(O,{label:d.method,value:r,valueClassName:`text-sm font-medium`}),!!i&&(0,I.jsx)(O,{label:d.eta,value:i,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}_e.displayName=`RefundStatusCard`;var ve={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function z({kind:e=`shipping`,name:t,line1:n,line2:r,city:i,region:a,postalCode:s,country:l,phone:u,isDefault:d=!1,onEdit:f,onRemove:p,onMakeDefault:m,className:h,strings:_}){let v=S(ve,_),ee={shipping:v.shipping,billing:v.billing,pickup:v.pickup},y=[i,a,s].filter(Boolean).join(`, `),b=[];return f&&b.push({id:`edit`,label:v.edit,icon:(0,I.jsx)(ue,{className:`size-3.5`}),onClick:f}),m&&!d&&b.push({id:`make-default`,label:v.makeDefault,icon:(0,I.jsx)(te,{className:`size-3.5`}),onClick:m}),p&&b.push({id:`remove`,label:v.remove,icon:(0,I.jsx)(ne,{className:`size-3.5`}),onClick:p}),(0,I.jsx)(E,{icon:(0,I.jsx)(g,{className:`size-4`}),title:ee[e],titleSuffix:d?(0,I.jsx)(c,{variant:`primary`,children:v.defaultBadge}):null,actions:b.length>0?b:void 0,className:C(`address-card--component w-full`,h),children:(0,I.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,I.jsx)(o,{weight:`semibold`,children:t}),(0,I.jsx)(o,{children:n}),!!r&&(0,I.jsx)(o,{children:r}),!!y&&(0,I.jsx)(o,{children:y}),(0,I.jsx)(o,{type:`secondary`,children:l}),!!u&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:u})]})})}z.displayName=`AddressCard`;var ye={title:`Redeem a gift card`,inputLabel:`Gift card code`,placeholder:`Enter gift card code`,helperText:`Apply one gift card or voucher to this order.`,check:`Check balance`,remove:`Remove`,balance:`Available balance`,applied:`Applied`,notFound:`That gift card code is not valid.`},B=t(n(),1),be=e=>e.toUpperCase();function V({appliedCode:e,balance:t,error:n,loading:r,onCheck:i,onRemove:a,className:u,strings:d}){let f=S(ye,d),p=(0,B.useId)(),[m,g]=(0,B.useState)(``),_=m.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(h,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,u),children:(0,I.jsxs)(P,{size:`xs`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5 px-2.5 py-2`,children:[(0,I.jsx)(A,{children:(0,I.jsx)(T,{icon:s,tone:`success`,size:`sm`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(N,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,I.jsx)(F,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(c,{variant:`success`,size:`xs`,children:f.applied})]}),(0,I.jsx)(j,{clamp:1,children:f.balance})]}),(0,I.jsxs)(k,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(M,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:t}),!!a&&(0,I.jsx)(l,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,onClick:a,"aria-label":f.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(re,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(h,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,u),children:(0,I.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),_&&i?.(_)},children:(0,I.jsx)(se,{label:f.inputLabel,htmlFor:p,error:n,hint:n?void 0:f.helperText,children:(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-[12rem] flex-1`,children:(0,I.jsx)(oe,{id:p,value:m,onChange:e=>g(be(e.target.value)),placeholder:f.placeholder,startIcon:h,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(l,{type:`submit`,loading:r,disabled:!_,className:`shrink-0`,children:f.check})]})})})})}V.displayName=`VoucherEntryCard`;var xe={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},Se=e=>e.replace(/^[\s−-]+/,``),Ce=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,we=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),Te=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function Ee({title:e}){return(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-[length:var(--text-xxs)] font-semibold text-muted-foreground ring-1 ring-border/60`,children:Te(e)})}function De({items:e,subtotal:t,tax:n,shipping:r,discount:i,total:a,onCheckout:s,className:c,strings:u}){let d=S(xe,u),f=!!(t||n||r||i);return(0,I.jsxs)(E,{icon:(0,I.jsx)(y,{className:`size-4`}),title:d.title,className:C(`cart-summary--component w-full`,c),children:[(0,I.jsx)(ce,{children:e.map(e=>{let t=Ce(e),n=we(e);return(0,I.jsxs)(P,{className:`cart-summary--item px-0`,children:[(0,I.jsx)(A,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,I.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,I.jsx)(Ee,{title:t})}),(0,I.jsxs)(N,{className:`cart-summary--item-content`,children:[(0,I.jsx)(F,{children:t}),!!e.variantTitle&&(0,I.jsx)(j,{clamp:1,children:e.variantTitle})]}),(0,I.jsx)(M,{className:`cart-summary--item-actions`,children:(0,I.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,I.jsxs)(o,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,I.jsx)(o,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!f&&(0,I.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!t&&(0,I.jsx)(O,{label:d.subtotal,value:t,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!n&&(0,I.jsx)(O,{label:d.tax,value:n,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!r&&(0,I.jsx)(O,{label:d.shipping,value:r,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!i&&(0,I.jsx)(O,{label:d.discount,value:`−${Se(i)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(O,{label:d.total,value:a,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!s&&(0,I.jsx)(l,{onClick:s,fullWidth:!0,className:`mt-4`,children:d.checkout})]})}De.displayName=`CartSummaryCard`;var Oe={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},ke=e=>e.replace(/^[\s−-]+/,``),Ae=e=>e.toUpperCase();function H({appliedCode:e,appliedDiscount:t,error:n,onApply:r,onRemove:i,loading:a,className:c,strings:u}){let d=S(Oe,u),[f,p]=(0,B.useState)(``),m=f.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,c),children:(0,I.jsxs)(P,{size:`xs`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8 px-2.5 py-2`,children:[(0,I.jsx)(A,{children:(0,I.jsx)(T,{icon:s,tone:`success`,size:`sm`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(N,{className:`min-w-0`,children:[(0,I.jsx)(F,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(j,{className:`uppercase tracking-wide`,clamp:1,children:d.applied})]}),(0,I.jsxs)(k,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(M,{className:`shrink-0 gap-1.5`,children:[!!t&&(0,I.jsxs)(o,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,ke(t)]}),!!i&&(0,I.jsx)(l,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-xs`,onClick:i,"aria-label":d.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(re,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,c),children:(0,I.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,I.jsx)(`div`,{className:`min-w-[11rem] flex-1`,children:(0,I.jsx)(oe,{value:f,onChange:e=>p(Ae(e.target.value)),placeholder:d.placeholder,startIcon:b,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(l,{size:`default`,onClick:()=>r?.(m),loading:a,disabled:!m,className:`shrink-0`,children:d.apply})]}),!!n&&(0,I.jsx)(o,{size:`xs`,type:`error`,children:n||d.invalid})]})})}H.displayName=`CouponInputCard`;var je={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},Me={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function Ne({orderNumber:e,status:t,statusVariant:n,events:r,currentEta:i,className:a,strings:l}){let u=S(je,l),d=n??Me[t],f=r.reduce((e,t,n)=>t.complete?n:e,-1),m=r[f]??r[0],h=r.find(e=>!e.complete);return(0,I.jsxs)(E,{icon:(0,I.jsx)(_,{className:`size-4`}),title:u.title,titleSuffix:(0,I.jsx)(c,{variant:d,className:`capitalize`,children:t}),description:`#${e}`,className:C(`order-status--component w-full`,a),children:[(0,I.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,I.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:u.statusLabel}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5 capitalize`,children:t})]}),!!m&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:m.complete?u.latestEvent:u.currentStep}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5`,children:m.label})]}),!!i&&(0,I.jsxs)(`div`,{children:[(0,I.jsx)(o,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:u.eta}),(0,I.jsx)(o,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:i})]})]})}),r.length>0&&(0,I.jsx)(`ol`,{className:`mt-4`,children:r.map((e,t)=>{let n=t===r.length-1,i=h?e===h:t===f;return(0,I.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,I.jsx)(`span`,{className:C(`flex size-6 shrink-0 items-center justify-center rounded-full border`,e.complete?`border-success bg-success text-success-foreground`:`border-border bg-card text-muted-foreground`,i&&!e.complete&&`border-primary text-primary ring-4 ring-primary/10`),children:e.complete?(0,I.jsx)(s,{className:`size-3.5`,strokeWidth:2.5}):i?(0,I.jsx)(le,{className:`size-3.5`}):(0,I.jsx)(p,{className:`size-3`})}),!n&&(0,I.jsx)(`span`,{"aria-hidden":`true`,className:C(`min-h-6 w-px flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsxs)(`div`,{className:C(`min-w-0 flex-1 pb-4`,n&&`pb-0`),children:[(0,I.jsx)(o,{weight:e.complete||i?`semibold`:`medium`,className:C(!e.complete&&!i&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${t}`)})})]})}Ne.displayName=`OrderStatusCard`;var Pe={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Fe={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},Ie={visa:`from-info via-primary to-info`,mastercard:`from-warning via-destructive to-destructive`,amex:`from-info via-primary to-info`,paypal:`from-info via-primary to-info`,applepay:`from-foreground via-muted-foreground to-foreground`,googlepay:`from-success via-primary to-success`,unknown:`from-foreground via-muted-foreground to-foreground`};function Le({brand:e,last4:t,expiry:n,holderName:r,isDefault:i,onChange:a,className:s,strings:u}){let d=S(Pe,u),f=Fe[e],p=Ie[e];return(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:d.title,titleSuffix:i?(0,I.jsx)(c,{variant:`primary`,children:d.default}):null,headerAction:a?(0,I.jsx)(l,{buttonStyle:`ghost`,variant:`secondary`,onClick:a,children:d.change}):void 0,className:C(`payment-method--component w-full`,s),children:(0,I.jsxs)(`div`,{className:C(`relative mx-auto flex aspect-[85.6/53.98] w-full max-w-[22rem] flex-col justify-between overflow-hidden rounded-lg bg-gradient-to-br p-3.5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,p),children:[(0,I.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,I.jsx)(`div`,{className:`flex size-7 items-center justify-center rounded-md bg-gradient-to-br from-warning/80 to-warning shadow-sm`,children:(0,I.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,I.jsx)(o,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:f})]}),(0,I.jsx)(`div`,{className:`relative`,children:(0,I.jsxs)(o,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,t]})}),(0,I.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,I.jsx)(`div`,{className:`min-w-0`,children:!!r&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(o,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.cardHolder}),(0,I.jsx)(o,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:r})]})}),!!n&&(0,I.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,I.jsx)(o,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:d.expires}),(0,I.jsx)(o,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:n})]})]})]})})}Le.displayName=`PaymentMethodCard`;var Re=e({AddressCardExample:()=>X,CartSummaryCardExample:()=>U,CouponInputCardEmptyApplied:()=>W,OrderStatusCardExample:()=>G,PaymentMethodCardExample:()=>K,RefundStatusCardExample:()=>Y,SubscriptionSummaryCardExample:()=>J,TaxBreakdownCardExample:()=>q,VoucherEntryCardExample:()=>Z}),ze=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23edf1e9%22%2F%3E%0A%09%3Crect%20x%3D%2234%22%20y%3D%2220%22%20width%3D%2228%22%20height%3D%2258%22%20rx%3D%229%22%20fill%3D%22%2353624d%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2212%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%224%22%20fill%3D%22%23303b2e%22%2F%3E%0A%09%3Crect%20x%3D%2239%22%20y%3D%2239%22%20width%3D%2218%22%20height%3D%2222%22%20rx%3D%224%22%20fill%3D%22%23f7f0d7%22%2F%3E%0A%3C%2Fsvg%3E%0A`,Be=`data:image/svg+xml;utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2296%22%20height%3D%2296%22%20viewBox%3D%220%200%2096%2096%22%3E%0A%09%3Crect%20width%3D%2296%22%20height%3D%2296%22%20rx%3D%2218%22%20fill%3D%22%23eef1f5%22%2F%3E%0A%09%3Cellipse%20cx%3D%2249%22%20cy%3D%2273%22%20rx%3D%2229%22%20ry%3D%227%22%20fill%3D%22%23d6dde6%22%2F%3E%0A%09%3Crect%20x%3D%2224%22%20y%3D%2238%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23ffffff%22%2F%3E%0A%09%3Crect%20x%3D%2230%22%20y%3D%2230%22%20width%3D%2232%22%20height%3D%2230%22%20rx%3D%228%22%20fill%3D%22%23dfe6ef%22%2F%3E%0A%09%3Crect%20x%3D%2255%22%20y%3D%2224%22%20width%3D%2214%22%20height%3D%2244%22%20rx%3D%227%22%20fill%3D%22%23697586%22%2F%3E%0A%09%3Crect%20x%3D%2258%22%20y%3D%2217%22%20width%3D%228%22%20height%3D%229%22%20rx%3D%223%22%20fill%3D%22%23485467%22%2F%3E%0A%09%3Ccircle%20cx%3D%2235%22%20cy%3D%2266%22%20r%3D%229%22%20fill%3D%22%23cad6df%22%2F%3E%0A%3C%2Fsvg%3E%0A`;function U(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(De,{items:[{id:`1`,name:`Estate olive oil`,variantTitle:`500 ml bottle`,qty:2,price:`48 USD`,src:ze},{id:`2`,productTitle:`Spa day voucher`,variantTitle:`Weekend package`,qty:1,price:`180 USD`,url:Be},{id:`3`,name:`Gift wrap`,variantTitle:`Matte white box`,qty:1,price:`15 USD`}],subtotal:`243 USD`,tax:`48.60 USD`,shipping:`0 USD`,discount:`25 USD`,total:`266.60 USD`,onCheckout:()=>{}})})}function W(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-4xl gap-4 md:grid-cols-2`,children:[(0,I.jsx)(H,{onApply:()=>{}}),(0,I.jsx)(H,{appliedCode:`SPRING2026`,appliedDiscount:`88.40 USD`,onRemove:()=>{}})]})}function G(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Ne,{orderNumber:`ORD-2026-0412`,status:`shipped`,currentEta:`Mar 29, 2026`,events:[{label:`Placed`,timestamp:`Mar 24`,complete:!0},{label:`Paid`,timestamp:`Mar 24`,complete:!0},{label:`Fulfilled`,timestamp:`Mar 25`,complete:!0},{label:`Shipped`,timestamp:`Mar 26`,complete:!0},{label:`Delivered`,complete:!1}]})})}function K(){return(0,I.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,I.jsx)(Le,{brand:`visa`,last4:`4242`,expiry:`04/27`,holderName:`Sarah Smitha`,isDefault:!0,onChange:()=>{}})})}function q(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(me,{subtotal:`565.00 USD`,taxes:[{label:`VAT (standard)`,rate:`20%`,amount:`94.20 USD`},{label:`Tourist tax`,rate:`€1.50/night`,amount:`4.50 USD`},{label:`Service charge`,rate:`5%`,amount:`14.30 USD`}],totalTax:`113.00 USD`,total:`678.00 USD`})})}function J(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(L,{planName:`Pro Annual`,priceLabel:`€29`,cycleLabel:`/ month`,nextBillingDate:`May 12, 2026`,statusLabel:`Active`,perks:[{icon:b,label:`AI assist included`},{icon:te,label:`Priority support`},{icon:ie,label:`Unlimited bookings`}],onManage:()=>{},onUpgrade:()=>{}})})}function Y(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(_e,{stage:`processing`,amount:`180.00 USD`,reason:`Customer cancelled within 48h window`,method:`Visa ending 4242`,eta:`Apr 14, 2026`,requestedAt:`Apr 8, 2026`})})}function X(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-3xl gap-3 md:grid-cols-2`,children:[(0,I.jsx)(z,{kind:`shipping`,name:`Sarah Smitha`,line1:`ul. Vitosha 24, ap. 5`,city:`New York`,postalCode:`1000`,country:`USA`,phone:`+1 888 123 456`,isDefault:!0,onEdit:()=>{},onRemove:()=>{}}),(0,I.jsx)(z,{kind:`billing`,name:`Daniel Smith`,line1:`ul. Slavyanska 9`,line2:`floor 3`,city:`Los Angeles`,postalCode:`4000`,country:`USA`,onEdit:()=>{},onRemove:()=>{},onMakeDefault:()=>{}})]})}function Z(){let[e,t]=(0,B.useState)(!1);return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(V,{onCheck:()=>t(!0),...e?{appliedCode:`GCT-2026-PETROV`,balance:`120.00 USD`,onRemove:()=>t(!1)}:{}})})}var Q=`import { useState } from 'react';
 import { Sparkles, Star, Zap } from 'lucide-react';
 import {
 	AddressCard,
@@ -186,4 +186,4 @@ export function VoucherEntryCardExample() {
 		</div>
 	);
 }
-`;function Ve(e){let t={h4:`h4`,...e.components};return Re||$(`Examples`,!1),X||$(`Examples.AddressCardExample`,!0),U||$(`Examples.CartSummaryCardExample`,!0),W||$(`Examples.CouponInputCardEmptyApplied`,!0),G||$(`Examples.OrderStatusCardExample`,!0),K||$(`Examples.PaymentMethodCardExample`,!0),Y||$(`Examples.RefundStatusCardExample`,!0),J||$(`Examples.SubscriptionSummaryCardExample`,!0),q||$(`Examples.TaxBreakdownCardExample`,!0),Z||$(`Examples.VoucherEntryCardExample`,!0),(0,I.jsxs)(a,{title:`Composed · Commerce (extras)`,description:`Cart, coupon, order status, payment, tax breakdown, subscription, refund, address, voucher.`,layer:`composed`,status:`ready`,children:[(0,I.jsx)(s,{title:`Cart`,id:`cart`,children:(0,I.jsx)(l,{name:`CartSummaryCardExample`,source:Q,children:(0,I.jsx)(U,{})})}),(0,I.jsxs)(s,{title:`Promotions`,id:`promotions`,children:[(0,I.jsx)(l,{name:`CouponInputCardEmptyApplied`,source:Q,children:(0,I.jsx)(W,{})}),(0,I.jsx)(l,{name:`VoucherEntryCardExample`,source:Q,children:(0,I.jsx)(Z,{})})]}),(0,I.jsx)(s,{title:`Fulfillment`,id:`fulfillment`,children:(0,I.jsx)(l,{name:`OrderStatusCardExample`,source:Q,children:(0,I.jsx)(G,{})})}),(0,I.jsxs)(s,{title:`Billing`,id:`billing`,children:[(0,I.jsx)(l,{name:`PaymentMethodCardExample`,source:Q,children:(0,I.jsx)(K,{})}),(0,I.jsx)(l,{name:`TaxBreakdownCardExample`,source:Q,children:(0,I.jsx)(q,{})})]}),(0,I.jsxs)(s,{title:`Subscription and refund`,id:`subscription-refund`,children:[(0,I.jsx)(l,{name:`SubscriptionSummaryCardExample`,source:Q,children:(0,I.jsx)(J,{})}),(0,I.jsx)(l,{name:`RefundStatusCardExample`,source:Q,children:(0,I.jsx)(Y,{})})]}),(0,I.jsx)(s,{title:`Customer details`,id:`customer-details`,children:(0,I.jsx)(l,{name:`AddressCardExample`,source:Q,children:(0,I.jsx)(X,{})})}),(0,I.jsxs)(s,{title:`API`,id:`api`,children:[(0,I.jsx)(t.h4,{children:`AddressCard`}),(0,I.jsx)(w,{component:`AddressCard`}),(0,I.jsx)(t.h4,{children:`CartSummaryCard`}),(0,I.jsx)(w,{component:`CartSummaryCard`}),(0,I.jsx)(t.h4,{children:`CouponInputCard`}),(0,I.jsx)(w,{component:`CouponInputCard`}),(0,I.jsx)(t.h4,{children:`OrderStatusCard`}),(0,I.jsx)(w,{component:`OrderStatusCard`}),(0,I.jsx)(t.h4,{children:`PaymentMethodCard`}),(0,I.jsx)(w,{component:`PaymentMethodCard`}),(0,I.jsx)(t.h4,{children:`RefundStatusCard`}),(0,I.jsx)(w,{component:`RefundStatusCard`}),(0,I.jsx)(t.h4,{children:`SubscriptionSummaryCard`}),(0,I.jsx)(w,{component:`SubscriptionSummaryCard`}),(0,I.jsx)(t.h4,{children:`TaxBreakdownCard`}),(0,I.jsx)(w,{component:`TaxBreakdownCard`}),(0,I.jsx)(t.h4,{children:`VoucherEntryCard`}),(0,I.jsx)(w,{component:`VoucherEntryCard`})]})]})}function He(e={}){let{wrapper:t}=e.components||{};return t?(0,I.jsx)(t,{...e,children:(0,I.jsx)(Ve,{...e})}):Ve(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{He as default};
+`;function Ve(e){let t={h4:`h4`,...e.components};return Re||$(`Examples`,!1),X||$(`Examples.AddressCardExample`,!0),U||$(`Examples.CartSummaryCardExample`,!0),W||$(`Examples.CouponInputCardEmptyApplied`,!0),G||$(`Examples.OrderStatusCardExample`,!0),K||$(`Examples.PaymentMethodCardExample`,!0),Y||$(`Examples.RefundStatusCardExample`,!0),J||$(`Examples.SubscriptionSummaryCardExample`,!0),q||$(`Examples.TaxBreakdownCardExample`,!0),Z||$(`Examples.VoucherEntryCardExample`,!0),(0,I.jsxs)(r,{title:`Composed · Commerce (extras)`,description:`Cart, coupon, order status, payment, tax breakdown, subscription, refund, address, voucher.`,layer:`composed`,status:`ready`,children:[(0,I.jsx)(i,{title:`Cart`,id:`cart`,children:(0,I.jsx)(u,{name:`CartSummaryCardExample`,source:Q,children:(0,I.jsx)(U,{})})}),(0,I.jsxs)(i,{title:`Promotions`,id:`promotions`,children:[(0,I.jsx)(u,{name:`CouponInputCardEmptyApplied`,source:Q,children:(0,I.jsx)(W,{})}),(0,I.jsx)(u,{name:`VoucherEntryCardExample`,source:Q,children:(0,I.jsx)(Z,{})})]}),(0,I.jsx)(i,{title:`Fulfillment`,id:`fulfillment`,children:(0,I.jsx)(u,{name:`OrderStatusCardExample`,source:Q,children:(0,I.jsx)(G,{})})}),(0,I.jsxs)(i,{title:`Billing`,id:`billing`,children:[(0,I.jsx)(u,{name:`PaymentMethodCardExample`,source:Q,children:(0,I.jsx)(K,{})}),(0,I.jsx)(u,{name:`TaxBreakdownCardExample`,source:Q,children:(0,I.jsx)(q,{})})]}),(0,I.jsxs)(i,{title:`Subscription and refund`,id:`subscription-refund`,children:[(0,I.jsx)(u,{name:`SubscriptionSummaryCardExample`,source:Q,children:(0,I.jsx)(J,{})}),(0,I.jsx)(u,{name:`RefundStatusCardExample`,source:Q,children:(0,I.jsx)(Y,{})})]}),(0,I.jsx)(i,{title:`Customer details`,id:`customer-details`,children:(0,I.jsx)(u,{name:`AddressCardExample`,source:Q,children:(0,I.jsx)(X,{})})}),(0,I.jsxs)(i,{title:`API`,id:`api`,children:[(0,I.jsx)(t.h4,{children:`AddressCard`}),(0,I.jsx)(w,{component:`AddressCard`}),(0,I.jsx)(t.h4,{children:`CartSummaryCard`}),(0,I.jsx)(w,{component:`CartSummaryCard`}),(0,I.jsx)(t.h4,{children:`CouponInputCard`}),(0,I.jsx)(w,{component:`CouponInputCard`}),(0,I.jsx)(t.h4,{children:`OrderStatusCard`}),(0,I.jsx)(w,{component:`OrderStatusCard`}),(0,I.jsx)(t.h4,{children:`PaymentMethodCard`}),(0,I.jsx)(w,{component:`PaymentMethodCard`}),(0,I.jsx)(t.h4,{children:`RefundStatusCard`}),(0,I.jsx)(w,{component:`RefundStatusCard`}),(0,I.jsx)(t.h4,{children:`SubscriptionSummaryCard`}),(0,I.jsx)(w,{component:`SubscriptionSummaryCard`}),(0,I.jsx)(t.h4,{children:`TaxBreakdownCard`}),(0,I.jsx)(w,{component:`TaxBreakdownCard`}),(0,I.jsx)(t.h4,{children:`VoucherEntryCard`}),(0,I.jsx)(w,{component:`VoucherEntryCard`})]})]})}function He(e={}){let{wrapper:t}=e.components||{};return t?(0,I.jsx)(t,{...e,children:(0,I.jsx)(Ve,{...e})}):Ve(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{He as default};

package/dist/showcase/assets/{commerce-B9MICTY2.js → commerce-jqA58sCZ.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,Tr as n,hr as r,mr as i,r as a,t as o,yr as s}from"./example-BIrQab7K.js";import{t as c}from"./gift-Bx8IO1FQ.js";import{a as l,k as u,n as d,s as f}from"./index-Cz4UGUT2.js";import{t as p}from"./props-table-BR-KjRNe.js";import{t as m}from"./smart-card-B4P_C0nk.js";import{t as h}from"./separator-BjGdXNcn.js";import{t as g}from"./inline-stat-DqI70yoJ.js";import{t as _}from"./date-block-LCTDXG5-.js";import{c as v,i as y,n as b,o as x,r as S,t as C,u as w}from"./item-CbiuwbAN.js";var T=l(`trophy`,[[`path`,{d:`M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`,key:`1n3hpd`}],[`path`,{d:`M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`,key:`rfe1zi`}],[`path`,{d:`M18 9h1.5a1 1 0 0 0 0-5H18`,key:`7xy6bh`}],[`path`,{d:`M4 22h16`,key:`57wxv0`}],[`path`,{d:`M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`,key:`1mhfuq`}],[`path`,{d:`M6 9H4.5a1 1 0 0 1 0-5H6`,key:`tex48p`}]]),E=f();function D(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function O({bookings:e,className:n,locale:r,dateTone:i=`inverse`,timePlacement:a=`below`}){return(0,E.jsx)(x,{className:d(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,n)=>{let o=D(e);return(0,E.jsxs)(C,{className:`items-center px-0 py-1.5`,children:[!!o&&(0,E.jsx)(v,{children:(0,E.jsx)(_,{date:o,time:a===`below`?e.time:void 0,tone:i,locale:r,timePlacement:`below`,layout:`stacked`})}),(0,E.jsxs)(S,{className:`min-w-[min(12rem,100%)]`,children:[(0,E.jsx)(w,{children:e.service}),(0,E.jsx)(y,{clamp:1,children:e.customer})]}),(0,E.jsxs)(b,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[a===`inline-trailing`&&(0,E.jsx)(t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,E.jsx)(t,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${n}`)})})}O.displayName=`UpcomingBookingRow`;var k={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function A({balance:e,tier:r=`Gold Tier`,tierVariant:i,history:o=[],redeemLabel:l,onRedeem:f,className:p,strings:_}){let v=u(k,{...l===void 0?{}:{redeem:l},..._});return(0,E.jsxs)(m,{className:d(`loyalty-points--component w-full`,p),children:[(0,E.jsx)(g,{label:v.balanceLabel,value:(0,E.jsxs)(s,{variant:`warning`,children:[(0,E.jsx)(T,{className:`mr-1 inline size-3`}),r]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,E.jsx)(n,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof e==`number`?e.toLocaleString():e}),(0,E.jsx)(t,{size:`xs`,type:`secondary`,children:v.pointsAvailable}),(0,E.jsx)(h,{className:`my-4`}),(0,E.jsx)(x,{children:o.map(e=>(0,E.jsxs)(C,{size:`xs`,className:`px-0 py-1`,children:[(0,E.jsxs)(S,{children:[(0,E.jsx)(w,{bold:!1,children:e.label}),(0,E.jsx)(y,{clamp:1,children:e.date})]}),(0,E.jsx)(b,{children:(0,E.jsx)(t,{weight:`semibold`,className:d(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,E.jsxs)(a,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:f,children:[(0,E.jsx)(c,{className:`mr-1.5 size-3.5`}),v.redeem]})]})}A.displayName=`LoyaltyPointsCard`;var j={title:`Applied Discounts`,totalSavings:`Total Savings`};function M({discounts:e,totalSavings:r,className:i,strings:a}){let o=u(j,a);return(0,E.jsxs)(m,{title:o.title,className:d(`discount-stack--component w-full`,i),children:[(0,E.jsx)(x,{className:`mt-4`,children:e.map(e=>(0,E.jsxs)(C,{size:`xs`,className:`px-0 py-1`,children:[(0,E.jsx)(v,{children:(0,E.jsx)(s,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,E.jsx)(S,{children:(0,E.jsx)(w,{bold:!1,children:e.label})}),(0,E.jsx)(b,{children:(0,E.jsx)(t,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,E.jsx)(h,{className:`my-4`}),(0,E.jsx)(g,{label:o.totalSavings,value:(0,E.jsx)(n,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:r}),labelClassName:`text-sm font-semibold`})]})}M.displayName=`DiscountStackPreview`;function N({trackingNumber:e,carrier:n,status:r,steps:i,details:a=[],className:o}){return(0,E.jsxs)(m,{className:d(`shipment-tracking--component w-full`,o),children:[(0,E.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,E.jsx)(t,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,E.jsx)(s,{variant:`info`,children:n})]}),(0,E.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,E.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,E.jsx)(t,{weight:`semibold`,children:r})]}),(0,E.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:i.map((e,n)=>(0,E.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,E.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,E.jsx)(`div`,{className:d(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<i.length-1&&(0,E.jsx)(`div`,{className:d(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,E.jsx)(t,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),a.length>0&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(h,{className:`my-4`}),(0,E.jsx)(`div`,{className:`space-y-2`,children:a.map(e=>(0,E.jsx)(g,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}N.displayName=`ShipmentTrackingCard`;var P=e({DiscountStack:()=>L,LoyaltyPoints:()=>I,ShipmentTracking:()=>R,UpcomingBookings:()=>F});function F(){return(0,E.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,E.jsx)(m,{children:(0,E.jsx)(O,{timePlacement:`inline-trailing`,bookings:[{id:`1`,date:new Date(2026,2,28),service:`Wine Tasting Tour`,customer:`Daniel Smith`,time:`14:00`,amount:`370 USD`},{id:`2`,date:new Date(2026,3,3),service:`Luxury Spa Day`,customer:`Emma Garcia`,time:`10:00`,amount:`320 USD`},{id:`3`,date:new Date(2026,3,7),service:`Hot Air Balloon`,customer:`David Williams`,time:`06:30`,amount:`580 USD`}]})})})}function I(){return(0,E.jsx)(`div`,{className:`w-full max-w-md`,children:(0,E.jsx)(A,{balance:`4,830`,tier:`Gold Tier`,history:[{label:`Spa booking`,points:`+250`,date:`Mar 24`,positive:!0},{label:`Redeemed coupon`,points:`-500`,date:`Mar 18`,positive:!1},{label:`Wine tasting order`,points:`+180`,date:`Mar 12`,positive:!0}],onRedeem:()=>{}})})}function L(){return(0,E.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,E.jsx)(M,{discounts:[{type:`Coupon`,label:`SPRING2026 — 25% off`,amount:`-88.40 USD`,badge:`info`},{type:`Loyalty`,label:`Gold tier — 5% extra`,amount:`-17.68 USD`,badge:`warning`},{type:`Promo`,label:`Free shipping over 500 USD`,amount:`-12.00 USD`,badge:`success`}],totalSavings:`-118.08 USD`})})}function R(){return(0,E.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,E.jsx)(N,{trackingNumber:`TRK-9847261035`,carrier:`Speedy`,status:`In Transit`,steps:[{label:`Picked up`,done:!0},{label:`In transit`,done:!0},{label:`Out for delivery`,done:!1},{label:`Delivered`,done:!1}],details:[{label:`Est. Delivery`,value:`Mar 29, 2026`},{label:`Recipient`,value:`Daniel Smith`}]})})}var z=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Lr as r,Rr as i,jr as a,r as o,t as s}from"./example-Cz_880po.js";import{t as c}from"./gift-CtM--bDo.js";import{a as l,k as u,n as d,s as f}from"./index-BQIv1ffM.js";import{t as p}from"./props-table-2pIZzGC-.js";import{t as m}from"./smart-card-Dhu_1A_u.js";import{t as h}from"./separator-BsYPzBlF.js";import{t as g}from"./inline-stat-DcNP6bcO.js";import{t as _}from"./date-block-CvCdJr8d.js";import{c as v,i as y,n as b,o as x,r as S,t as C,u as w}from"./item-YF6wMI9W.js";var T=l(`trophy`,[[`path`,{d:`M10 14.66v1.626a2 2 0 0 1-.976 1.696A5 5 0 0 0 7 21.978`,key:`1n3hpd`}],[`path`,{d:`M14 14.66v1.626a2 2 0 0 0 .976 1.696A5 5 0 0 1 17 21.978`,key:`rfe1zi`}],[`path`,{d:`M18 9h1.5a1 1 0 0 0 0-5H18`,key:`7xy6bh`}],[`path`,{d:`M4 22h16`,key:`57wxv0`}],[`path`,{d:`M6 9a6 6 0 0 0 12 0V3a1 1 0 0 0-1-1H7a1 1 0 0 0-1 1z`,key:`1mhfuq`}],[`path`,{d:`M6 9H4.5a1 1 0 0 1 0-5H6`,key:`tex48p`}]]),E=f();function D(e){if(e.date!=null)return e.date;if(e.day&&e.month){let t=new Date().getFullYear(),n=new Date(`${e.month} ${e.day}, ${t}`);if(!Number.isNaN(n.getTime()))return n}return null}function O({bookings:e,className:t,locale:n,dateTone:r=`inverse`,timePlacement:a=`below`}){return(0,E.jsx)(x,{className:d(`upcoming-booking--component w-full gap-2`,t),children:e.map((e,t)=>{let o=D(e);return(0,E.jsxs)(C,{className:`items-center px-0 py-1.5`,children:[!!o&&(0,E.jsx)(v,{children:(0,E.jsx)(_,{date:o,time:a===`below`?e.time:void 0,tone:r,locale:n,timePlacement:`below`,layout:`stacked`})}),(0,E.jsxs)(S,{className:`min-w-[min(12rem,100%)]`,children:[(0,E.jsx)(w,{children:e.service}),(0,E.jsx)(y,{clamp:1,children:e.customer})]}),(0,E.jsxs)(b,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[a===`inline-trailing`&&(0,E.jsx)(i,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,E.jsx)(i,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}O.displayName=`UpcomingBookingRow`;var k={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function A({balance:e,tier:t=`Gold Tier`,tierVariant:n,history:s=[],redeemLabel:l,onRedeem:f,className:p,strings:_}){let v=u(k,{...l===void 0?{}:{redeem:l},..._});return(0,E.jsxs)(m,{className:d(`loyalty-points--component w-full`,p),children:[(0,E.jsx)(g,{label:v.balanceLabel,value:(0,E.jsxs)(a,{variant:`warning`,children:[(0,E.jsx)(T,{className:`mr-1 inline size-3`}),t]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,E.jsx)(r,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof e==`number`?e.toLocaleString():e}),(0,E.jsx)(i,{size:`xs`,type:`secondary`,children:v.pointsAvailable}),(0,E.jsx)(h,{className:`my-4`}),(0,E.jsx)(x,{children:s.map(e=>(0,E.jsxs)(C,{size:`xs`,className:`px-0 py-1`,children:[(0,E.jsxs)(S,{children:[(0,E.jsx)(w,{bold:!1,children:e.label}),(0,E.jsx)(y,{clamp:1,children:e.date})]}),(0,E.jsx)(b,{children:(0,E.jsx)(i,{weight:`semibold`,className:d(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,E.jsxs)(o,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:f,children:[(0,E.jsx)(c,{className:`mr-1.5 size-3.5`}),v.redeem]})]})}A.displayName=`LoyaltyPointsCard`;var j={title:`Applied Discounts`,totalSavings:`Total Savings`};function M({discounts:e,totalSavings:t,className:n,strings:o}){let s=u(j,o);return(0,E.jsxs)(m,{title:s.title,className:d(`discount-stack--component w-full`,n),children:[(0,E.jsx)(x,{className:`mt-4`,children:e.map(e=>(0,E.jsxs)(C,{size:`xs`,className:`px-0 py-1`,children:[(0,E.jsx)(v,{children:(0,E.jsx)(a,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,E.jsx)(S,{children:(0,E.jsx)(w,{bold:!1,children:e.label})}),(0,E.jsx)(b,{children:(0,E.jsx)(i,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,E.jsx)(h,{className:`my-4`}),(0,E.jsx)(g,{label:s.totalSavings,value:(0,E.jsx)(r,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:t}),labelClassName:`text-sm font-semibold`})]})}M.displayName=`DiscountStackPreview`;function N({trackingNumber:e,carrier:t,status:n,steps:r,details:o=[],className:s}){return(0,E.jsxs)(m,{className:d(`shipment-tracking--component w-full`,s),children:[(0,E.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,E.jsx)(i,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!t&&(0,E.jsx)(a,{variant:`info`,children:t})]}),(0,E.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,E.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,E.jsx)(i,{weight:`semibold`,children:n})]}),(0,E.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:r.map((e,t)=>(0,E.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,E.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,E.jsx)(`div`,{className:d(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),t<r.length-1&&(0,E.jsx)(`div`,{className:d(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,E.jsx)(i,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),o.length>0&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(h,{className:`my-4`}),(0,E.jsx)(`div`,{className:`space-y-2`,children:o.map(e=>(0,E.jsx)(g,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}N.displayName=`ShipmentTrackingCard`;var P=e({DiscountStack:()=>L,LoyaltyPoints:()=>I,ShipmentTracking:()=>R,UpcomingBookings:()=>F});function F(){return(0,E.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,E.jsx)(m,{children:(0,E.jsx)(O,{timePlacement:`inline-trailing`,bookings:[{id:`1`,date:new Date(2026,2,28),service:`Wine Tasting Tour`,customer:`Daniel Smith`,time:`14:00`,amount:`370 USD`},{id:`2`,date:new Date(2026,3,3),service:`Luxury Spa Day`,customer:`Emma Garcia`,time:`10:00`,amount:`320 USD`},{id:`3`,date:new Date(2026,3,7),service:`Hot Air Balloon`,customer:`David Williams`,time:`06:30`,amount:`580 USD`}]})})})}function I(){return(0,E.jsx)(`div`,{className:`w-full max-w-md`,children:(0,E.jsx)(A,{balance:`4,830`,tier:`Gold Tier`,history:[{label:`Spa booking`,points:`+250`,date:`Mar 24`,positive:!0},{label:`Redeemed coupon`,points:`-500`,date:`Mar 18`,positive:!1},{label:`Wine tasting order`,points:`+180`,date:`Mar 12`,positive:!0}],onRedeem:()=>{}})})}function L(){return(0,E.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,E.jsx)(M,{discounts:[{type:`Coupon`,label:`SPRING2026 — 25% off`,amount:`-88.40 USD`,badge:`info`},{type:`Loyalty`,label:`Gold tier — 5% extra`,amount:`-17.68 USD`,badge:`warning`},{type:`Promo`,label:`Free shipping over 500 USD`,amount:`-12.00 USD`,badge:`success`}],totalSavings:`-118.08 USD`})})}function R(){return(0,E.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,E.jsx)(N,{trackingNumber:`TRK-9847261035`,carrier:`Speedy`,status:`In Transit`,steps:[{label:`Picked up`,done:!0},{label:`In transit`,done:!0},{label:`Out for delivery`,done:!1},{label:`Delivered`,done:!1}],details:[{label:`Est. Delivery`,value:`Mar 29, 2026`},{label:`Recipient`,value:`Daniel Smith`}]})})}var z=`import {
 	DiscountStackPreview,
 	LoyaltyPointsCard,
 	ShipmentTrackingCard,
@@ -76,4 +76,4 @@ export function ShipmentTracking() {
 		</div>
 	);
 }
-`;function B(e){let t={h4:`h4`,...e.components};return P||H(`Examples`,!1),L||H(`Examples.DiscountStack`,!0),I||H(`Examples.LoyaltyPoints`,!0),R||H(`Examples.ShipmentTracking`,!0),F||H(`Examples.UpcomingBookings`,!0),(0,E.jsxs)(r,{title:`Composed · Commerce`,description:`Bookings, loyalty, discount stacks, shipment tracking.`,layer:`composed`,status:`ready`,children:[(0,E.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,E.jsx)(o,{name:`UpcomingBookings`,source:z,children:(0,E.jsx)(F,{})}),(0,E.jsx)(o,{name:`LoyaltyPoints`,source:z,children:(0,E.jsx)(I,{})}),(0,E.jsx)(o,{name:`DiscountStack`,source:z,children:(0,E.jsx)(L,{})}),(0,E.jsx)(o,{name:`ShipmentTracking`,source:z,children:(0,E.jsx)(R,{})})]}),(0,E.jsxs)(i,{title:`API`,id:`api`,children:[(0,E.jsx)(t.h4,{children:`UpcomingBookingRow`}),(0,E.jsx)(p,{component:`UpcomingBookingRow`}),(0,E.jsx)(t.h4,{children:`LoyaltyPointsCard`}),(0,E.jsx)(p,{component:`LoyaltyPointsCard`}),(0,E.jsx)(t.h4,{children:`DiscountStackPreview`}),(0,E.jsx)(p,{component:`DiscountStackPreview`}),(0,E.jsx)(t.h4,{children:`ShipmentTrackingCard`}),(0,E.jsx)(p,{component:`ShipmentTrackingCard`})]})]})}function V(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(B,{...e})}):B(e)}function H(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{V as default};
+`;function B(e){let r={h4:`h4`,...e.components};return P||H(`Examples`,!1),L||H(`Examples.DiscountStack`,!0),I||H(`Examples.LoyaltyPoints`,!0),R||H(`Examples.ShipmentTracking`,!0),F||H(`Examples.UpcomingBookings`,!0),(0,E.jsxs)(t,{title:`Composed · Commerce`,description:`Bookings, loyalty, discount stacks, shipment tracking.`,layer:`composed`,status:`ready`,children:[(0,E.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,E.jsx)(s,{name:`UpcomingBookings`,source:z,children:(0,E.jsx)(F,{})}),(0,E.jsx)(s,{name:`LoyaltyPoints`,source:z,children:(0,E.jsx)(I,{})}),(0,E.jsx)(s,{name:`DiscountStack`,source:z,children:(0,E.jsx)(L,{})}),(0,E.jsx)(s,{name:`ShipmentTracking`,source:z,children:(0,E.jsx)(R,{})})]}),(0,E.jsxs)(n,{title:`API`,id:`api`,children:[(0,E.jsx)(r.h4,{children:`UpcomingBookingRow`}),(0,E.jsx)(p,{component:`UpcomingBookingRow`}),(0,E.jsx)(r.h4,{children:`LoyaltyPointsCard`}),(0,E.jsx)(p,{component:`LoyaltyPointsCard`}),(0,E.jsx)(r.h4,{children:`DiscountStackPreview`}),(0,E.jsx)(p,{component:`DiscountStackPreview`}),(0,E.jsx)(r.h4,{children:`ShipmentTrackingCard`}),(0,E.jsx)(p,{component:`ShipmentTrackingCard`})]})]})}function V(e={}){let{wrapper:t}=e.components||{};return t?(0,E.jsx)(t,{...e,children:(0,E.jsx)(B,{...e})}):B(e)}function H(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{V as default};

package/dist/showcase/assets/{composite-B-19wwf9.js → composite-BQFpnmS9.js}

@@ -1 +1 @@
-import{ur as e}from"./example-BIrQab7K.js";var t=`ArrowUp`,n=`ArrowDown`,r=`ArrowLeft`,i=`ArrowRight`,a=`Home`,o=`PageUp`,s=`PageDown`,c=new Set([r,i]),l=new Set([r,i,a,`End`]),u=new Set([t,n]),d=new Set([t,n,a,`End`]),f=new Set([...c,...u]),p=new Set([...f,a,`End`]),m=`Shift`,h=new Set([m,`Control`,`Alt`,`Meta`]);function g(t){return e(t)&&t.tagName===`INPUT`}function _(t){return!!(g(t)&&t.selectionStart!=null||e(t)&&t.tagName===`TEXTAREA`)}function v(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=y(e,t,`left`),a=b(e),o=b(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=y(e,t,`top`),r=b(e),i=b(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function y(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function b(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}export{v as _,t as a,c,s as d,o as f,_ as g,d as h,i,l,u as m,f as n,p as o,m as p,r,a as s,n as t,h as u};
+import{Sr as e}from"./example-Cz_880po.js";var t=`ArrowUp`,n=`ArrowDown`,r=`ArrowLeft`,i=`ArrowRight`,a=`Home`,o=`PageUp`,s=`PageDown`,c=new Set([r,i]),l=new Set([r,i,a,`End`]),u=new Set([t,n]),d=new Set([t,n,a,`End`]),f=new Set([...c,...u]),p=new Set([...f,a,`End`]),m=`Shift`,h=new Set([m,`Control`,`Alt`,`Meta`]);function g(t){return e(t)&&t.tagName===`INPUT`}function _(t){return!!(g(t)&&t.selectionStart!=null||e(t)&&t.tagName===`TEXTAREA`)}function v(e,t,n,r){if(!e||!t||!t.scrollTo)return;let i=e.scrollLeft,a=e.scrollTop,o=e.clientWidth<e.scrollWidth,s=e.clientHeight<e.scrollHeight;if(o&&r!==`vertical`){let r=y(e,t,`left`),a=b(e),o=b(t);n===`ltr`&&(r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight?i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight:r-o.scrollMarginLeft<e.scrollLeft+a.scrollPaddingLeft&&(i=r-o.scrollMarginLeft-a.scrollPaddingLeft)),n===`rtl`&&(r-o.scrollMarginRight<e.scrollLeft+a.scrollPaddingLeft?i=r-o.scrollMarginLeft-a.scrollPaddingLeft:r+t.offsetWidth+o.scrollMarginRight>e.scrollLeft+e.clientWidth-a.scrollPaddingRight&&(i=r+t.offsetWidth+o.scrollMarginRight-e.clientWidth+a.scrollPaddingRight))}if(s&&r!==`horizontal`){let n=y(e,t,`top`),r=b(e),i=b(t);n-i.scrollMarginTop<e.scrollTop+r.scrollPaddingTop?a=n-i.scrollMarginTop-r.scrollPaddingTop:n+t.offsetHeight+i.scrollMarginBottom>e.scrollTop+e.clientHeight-r.scrollPaddingBottom&&(a=n+t.offsetHeight+i.scrollMarginBottom-e.clientHeight+r.scrollPaddingBottom)}e.scrollTo({left:i,top:a,behavior:`auto`})}function y(e,t,n){let r=n===`left`?`offsetLeft`:`offsetTop`,i=0;for(;t.offsetParent&&(i+=t[r],t.offsetParent!==e);)t=t.offsetParent;return i}function b(e){let t=getComputedStyle(e);return{scrollMarginTop:parseFloat(t.scrollMarginTop)||0,scrollMarginRight:parseFloat(t.scrollMarginRight)||0,scrollMarginBottom:parseFloat(t.scrollMarginBottom)||0,scrollMarginLeft:parseFloat(t.scrollMarginLeft)||0,scrollPaddingTop:parseFloat(t.scrollPaddingTop)||0,scrollPaddingRight:parseFloat(t.scrollPaddingRight)||0,scrollPaddingBottom:parseFloat(t.scrollPaddingBottom)||0,scrollPaddingLeft:parseFloat(t.scrollPaddingLeft)||0}}export{v as _,t as a,c,s as d,o as f,_ as g,d as h,i,l,u as m,f as n,p as o,m as p,r,a as s,n as t,h as u};

package/dist/showcase/assets/{contact-card-CqP3YxTq.js → contact-card-4ajPhcd_.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,r as i,t as a,yr as o}from"./example-BIrQab7K.js";import{t as s}from"./external-link-DuJlM_H4.js";import{t as c}from"./mail-w1nhszbW.js";import{t as l}from"./map-pin-DUl-Lt6t.js";import{t as u}from"./phone-DCNFH5yg.js";import{k as d,n as f,s as p}from"./index-Cz4UGUT2.js";import{t as m}from"./props-table-BR-KjRNe.js";import{o as h,r as g,t as _}from"./avatar-5EFTnHEG.js";import{c as v,o as y,r as b,t as x,u as S}from"./item-CbiuwbAN.js";import{t as C}from"./PreviewLayout-BG1B5TzA.js";var w={contact:`Contact`,profile:`Profile`},T=p();function E(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function D({name:e,role:n,email:r,phone:a,location:p,avatarUrl:m,initials:C,badge:D,badgeVariant:O=`success`,onContact:k,onViewProfile:A,className:j,strings:M}){let N=d(w,M);return(0,T.jsxs)(`div`,{className:f(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,j),children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsxs)(_,{className:`size-12 shrink-0 border border-border`,children:[!!m&&(0,T.jsx)(h,{src:m,alt:e}),(0,T.jsx)(g,{className:`text-sm font-semibold`,children:E(e,C)})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(t,{weight:`semibold`,className:`truncate`,children:e}),!!D&&(0,T.jsx)(o,{variant:O,children:D})]}),!!n&&(0,T.jsx)(t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n})]})]}),!!(r||a||p)&&(0,T.jsxs)(y,{className:`mt-4 gap-0`,children:[!!r&&(0,T.jsxs)(x,{size:`xs`,className:`px-0 py-1.5`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(c,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:r})})]}),!!a&&(0,T.jsxs)(x,{size:`xs`,className:`px-0 py-1.5`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(u,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:a})})]}),!!p&&(0,T.jsxs)(x,{size:`xs`,className:`px-0 py-1.5`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(l,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:p})})]})]}),!!(k||A)&&(0,T.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!k&&(0,T.jsx)(i,{variant:`primary`,buttonStyle:`solid`,icon:c,onClick:k,children:N.contact}),!!A&&(0,T.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,icon:s,onClick:A,children:N.profile})]})]})}D.displayName=`ContactCard`;var O=e({DifferentBadgeVariants:()=>M,Minimal:()=>j,WithAllFields:()=>k,WithInitialsOnly:()=>A});function k(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Sarah Smitha`,role:`Account Manager`,email:`maria@giftcometrue.com`,phone:`+1 888 123 456`,location:`New York, NY`,badge:`Online`,badgeVariant:`success`,onContact:()=>{},onViewProfile:()=>{}})})}function A(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Georgi Johnson`,role:`Head of Operations`,email:`georgi@giftcometrue.com`,initials:`GI`,badge:`Away`,badgeVariant:`warning`,onContact:()=>{},onViewProfile:()=>{}})})}function j(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Emma Williamsa`})})}function M(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(C,{children:[`primary`,`secondary`,`success`,`info`,`warning`,`error`].map(e=>(0,T.jsx)(D,{name:`Variant: ${e}`,role:`Demo`,email:`demo@example.com`,badge:e,badgeVariant:e},e))})})}var N=`import { ContactCard } from '@/components/composed/cards/contact-card';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,jr as i,r as a,t as o}from"./example-Cz_880po.js";import{t as s}from"./external-link-Cy1-PP8k.js";import{t as c}from"./mail-AES_tOd2.js";import{t as l}from"./map-pin-0O7GD5Dz.js";import{t as u}from"./phone-CLvml_XI.js";import{k as d,n as f,s as p}from"./index-BQIv1ffM.js";import{t as m}from"./props-table-2pIZzGC-.js";import{o as h,r as g,t as _}from"./avatar-LGWm52rv.js";import{c as v,o as y,r as b,t as x,u as S}from"./item-YF6wMI9W.js";import{t as C}from"./PreviewLayout-CGEkbS-i.js";var w={contact:`Contact`,profile:`Profile`},T=p();function E(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function D({name:e,role:t,email:n,phone:o,location:p,avatarUrl:m,initials:C,badge:D,badgeVariant:O=`success`,onContact:k,onViewProfile:A,className:j,strings:M}){let N=d(w,M);return(0,T.jsxs)(`div`,{className:f(`contact-card--component`,`overflow-hidden rounded-lg border border-border bg-card p-4 text-card-foreground shadow-sm sm:p-5`,j),children:[(0,T.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,T.jsxs)(_,{className:`size-12 shrink-0 border border-border`,children:[!!m&&(0,T.jsx)(h,{src:m,alt:e}),(0,T.jsx)(g,{className:`text-sm font-semibold`,children:E(e,C)})]}),(0,T.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{weight:`semibold`,className:`truncate`,children:e}),!!D&&(0,T.jsx)(i,{variant:O,children:D})]}),!!t&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t})]})]}),!!(n||o||p)&&(0,T.jsxs)(y,{className:`mt-4 gap-0`,children:[!!n&&(0,T.jsxs)(x,{size:`xs`,className:`px-0 py-1.5`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(c,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:n})})]}),!!o&&(0,T.jsxs)(x,{size:`xs`,className:`px-0 py-1.5`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(u,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:o})})]}),!!p&&(0,T.jsxs)(x,{size:`xs`,className:`px-0 py-1.5`,children:[(0,T.jsx)(v,{variant:`icon`,className:`text-muted-foreground`,children:(0,T.jsx)(l,{})}),(0,T.jsx)(b,{children:(0,T.jsx)(S,{bold:!1,children:p})})]})]}),!!(k||A)&&(0,T.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!k&&(0,T.jsx)(a,{variant:`primary`,buttonStyle:`solid`,icon:c,onClick:k,children:N.contact}),!!A&&(0,T.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:s,onClick:A,children:N.profile})]})]})}D.displayName=`ContactCard`;var O=e({DifferentBadgeVariants:()=>M,Minimal:()=>j,WithAllFields:()=>k,WithInitialsOnly:()=>A});function k(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Sarah Smitha`,role:`Account Manager`,email:`maria@giftcometrue.com`,phone:`+1 888 123 456`,location:`New York, NY`,badge:`Online`,badgeVariant:`success`,onContact:()=>{},onViewProfile:()=>{}})})}function A(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Georgi Johnson`,role:`Head of Operations`,email:`georgi@giftcometrue.com`,initials:`GI`,badge:`Away`,badgeVariant:`warning`,onContact:()=>{},onViewProfile:()=>{}})})}function j(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(D,{name:`Emma Williamsa`})})}function M(){return(0,T.jsx)(T.Fragment,{children:(0,T.jsx)(C,{children:[`primary`,`secondary`,`success`,`info`,`warning`,`error`].map(e=>(0,T.jsx)(D,{name:`Variant: ${e}`,role:`Demo`,email:`demo@example.com`,badge:e,badgeVariant:e},e))})})}var N=`import { ContactCard } from '@/components/composed/cards/contact-card';
 import { Col } from '../../PreviewLayout';
 
 export function WithAllFields() {
@@ -62,4 +62,4 @@ export function DifferentBadgeVariants() {
 		</>
 	);
 }
-`;function P(e){let t={h4:`h4`,...e.components};return O||I(`Examples`,!1),M||I(`Examples.DifferentBadgeVariants`,!0),j||I(`Examples.Minimal`,!0),k||I(`Examples.WithAllFields`,!0),A||I(`Examples.WithInitialsOnly`,!0),(0,T.jsxs)(n,{title:`Composed · Contact card`,description:`ContactCard — name, role, email, phone, location, badge.`,layer:`composed`,status:`ready`,children:[(0,T.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(a,{name:`WithAllFields`,source:N,children:(0,T.jsx)(k,{})}),(0,T.jsx)(a,{name:`WithInitialsOnly`,source:N,children:(0,T.jsx)(A,{})}),(0,T.jsx)(a,{name:`Minimal`,source:N,children:(0,T.jsx)(j,{})}),(0,T.jsx)(a,{name:`DifferentBadgeVariants`,source:N,children:(0,T.jsx)(M,{})})]}),(0,T.jsxs)(r,{title:`API`,id:`api`,children:[(0,T.jsx)(t.h4,{children:`ContactCard`}),(0,T.jsx)(m,{component:`ContactCard`})]})]})}function F(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(P,{...e})}):P(e)}function I(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{F as default};
+`;function P(e){let r={h4:`h4`,...e.components};return O||I(`Examples`,!1),M||I(`Examples.DifferentBadgeVariants`,!0),j||I(`Examples.Minimal`,!0),k||I(`Examples.WithAllFields`,!0),A||I(`Examples.WithInitialsOnly`,!0),(0,T.jsxs)(t,{title:`Composed · Contact card`,description:`ContactCard — name, role, email, phone, location, badge.`,layer:`composed`,status:`ready`,children:[(0,T.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,T.jsx)(o,{name:`WithAllFields`,source:N,children:(0,T.jsx)(k,{})}),(0,T.jsx)(o,{name:`WithInitialsOnly`,source:N,children:(0,T.jsx)(A,{})}),(0,T.jsx)(o,{name:`Minimal`,source:N,children:(0,T.jsx)(j,{})}),(0,T.jsx)(o,{name:`DifferentBadgeVariants`,source:N,children:(0,T.jsx)(M,{})})]}),(0,T.jsxs)(n,{title:`API`,id:`api`,children:[(0,T.jsx)(r.h4,{children:`ContactCard`}),(0,T.jsx)(m,{component:`ContactCard`})]})]})}function F(e={}){let{wrapper:t}=e.components||{};return t?(0,T.jsx)(t,{...e,children:(0,T.jsx)(P,{...e})}):P(e)}function I(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{F as default};

package/dist/showcase/assets/{content-container-x2tsQKwH.js → content-container-B83BnjFb.js}

@@ -1 +1 @@
-import{n as e,s as t}from"./index-Cz4UGUT2.js";var n=t(),r={narrow:`max-w-7xl mx-auto`,default:``,wide:`max-w-screen-2xl mx-auto`,full:``},i={none:`p-0`,sm:`p-4 md:p-5`,default:`p-5 md:p-7`,lg:`p-6 md:p-8`};function a({children:t,as:a=`div`,width:o=`default`,padding:s=`default`,bare:c=!1,className:l,innerClassName:u,...d}){let f=r[o],p=i[s];return c?(0,n.jsx)(a,{className:e(`w-full flex-1 relative overflow-hidden @container/main h-full`,f,l),...d,children:t}):(0,n.jsx)(a,{className:e(`w-full flex-1 relative overflow-hidden @container/main h-full`,l),...d,children:(0,n.jsx)(`div`,{className:e(`flex min-h-full flex-1 flex-col gap-6 rounded-xl`,f,p,u),children:t})})}export{a as t};
+import{n as e,s as t}from"./index-BQIv1ffM.js";var n=t(),r={narrow:`max-w-7xl mx-auto`,default:``,wide:`max-w-screen-2xl mx-auto`,full:``},i={none:`p-0`,sm:`p-4 md:p-5`,default:`p-5 md:p-7`,lg:`p-6 md:p-8`};function a({children:t,as:a=`div`,width:o=`default`,padding:s=`default`,bare:c=!1,className:l,innerClassName:u,...d}){let f=r[o],p=i[s];return c?(0,n.jsx)(a,{className:e(`w-full flex-1 relative overflow-hidden @container/main h-full`,f,l),...d,children:t}):(0,n.jsx)(a,{className:e(`w-full flex-1 relative overflow-hidden @container/main h-full`,l),...d,children:(0,n.jsx)(`div`,{className:e(`flex min-h-full flex-1 flex-col gap-6 rounded-xl`,f,p,u),children:t})})}export{a as t};

package/dist/showcase/assets/{copyable-DH0w0i_h.js → copyable-DKkroGJ3.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Er as i,Or as a,Ur as o,hr as s,jr as c,kr as l,mr as u,t as d}from"./example-BIrQab7K.js";import{t as f}from"./circle-check-TT7cFQrr.js";import{t as p}from"./info-DFu8OfxV.js";import{a as m,n as h,s as g}from"./index-Cz4UGUT2.js";import{t as _}from"./props-table-BR-KjRNe.js";import{t as v}from"./customers-DvBxRjHv.js";import{t as y}from"./orders-BFwWtubb.js";import{n as b,t as x}from"./dist-CnonIdcR.js";var S=m(`octagon-x`,[[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z`,key:`2d38gg`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]),C=g(),w=({theme:e=`system`,...t})=>(0,C.jsx)(x,{theme:e,className:`toaster group`,icons:{success:(0,C.jsx)(f,{className:`size-4`}),info:(0,C.jsx)(p,{className:`size-4`}),warning:(0,C.jsx)(a,{className:`size-4`}),error:(0,C.jsx)(S,{className:`size-4`}),loading:(0,C.jsx)(l,{className:`size-4 animate-spin`})},style:{"--normal-bg":`var(--popover)`,"--normal-text":`var(--popover-foreground)`,"--normal-border":`var(--border)`,"--border-radius":`var(--radius)`},toastOptions:{classNames:{toast:`cn-toast`}},...t});function T(e){let{duration:t,position:n}=o(),r=e.duration??t,i=e.position??n;return(0,C.jsx)(w,{className:`toaster--component`,...e,duration:r,position:i})}T.displayName=`Toaster`;var E=t(n(),1);function D({value:e,displayValue:t,mono:n=!1,truncate:a=!1,className:o,contentClassName:s,successMessage:l=`Copied to clipboard`}){let[u,d]=(0,E.useState)(!1),f=async()=>{try{await navigator.clipboard.writeText(e),d(!0),b.success(l),setTimeout(()=>d(!1),2e3)}catch{b.error(`Failed to copy`)}},p=t!==void 0&&typeof t!=`string`;return(0,C.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:f,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f())},className:h(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,o),children:[p?t:(0,C.jsx)(i,{tag:`span`,className:h(n&&`font-mono`,a&&`max-w-[300px] truncate`,s),children:t??e}),(0,C.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:u?(0,C.jsx)(c,{className:`size-3.5 text-success`}):(0,C.jsx)(r,{className:`size-3.5`})})]})}D.displayName=`Copyable`;var O=e({CustomDisplayValue:()=>M,CustomToastMessage:()=>N,CustomerListWithCopyableEmails:()=>F,Default:()=>k,Mono:()=>A,MonoTruncate:()=>j,RealisticOrderRow:()=>P});function k(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(D,{value:`GCT-A4B7-C9E2`})]})}function A(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(D,{value:`b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d`,mono:!0})]})}function j(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(`div`,{className:`max-w-xs`,children:(0,C.jsx)(D,{value:`b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d-extra-long-id`,mono:!0,truncate:!0})})]})}function M(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(D,{value:`hello@example.com`,displayValue:(0,C.jsx)(`span`,{className:`text-primary underline underline-offset-2`,children:`hello@example.com`})})]})}function N(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,C.jsx)(D,{value:`42`,successMessage:`The answer was copied!`}),(0,C.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Click to see the custom toast.`})]})]})}function P(){let e=y[0],t=v.find(t=>t.id===e.customerId);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-md border bg-card p-4 w-full max-w-md`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,C.jsx)(`span`,{className:`text-xs uppercase text-muted-foreground`,children:`Order number`}),(0,C.jsx)(D,{value:e.number,mono:!0,successMessage:`Copied ${e.number}`})]}),(0,C.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,C.jsx)(`span`,{className:`text-xs uppercase text-muted-foreground`,children:`Customer email`}),(0,C.jsx)(D,{value:t.email})]})]})]})}function F(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(`div`,{className:`flex flex-col gap-1 w-full max-w-md`,children:v.slice(0,4).map(e=>(0,C.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border py-1.5 text-sm`,children:[(0,C.jsx)(`span`,{children:e.name}),(0,C.jsx)(D,{value:e.email})]},e.id))})]})}var I=`import { Toaster } from '@/components/base/toaster';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Br as r,Dr as i,Er as a,Hr as o,Rr as s,Ur as c,Vr as l,t as u,ti as d}from"./example-Cz_880po.js";import{t as f}from"./circle-check-1MSds3Vu.js";import{t as p}from"./info-BimmreJ-.js";import{a as m,n as h,s as g}from"./index-BQIv1ffM.js";import{t as _}from"./props-table-2pIZzGC-.js";import{t as v}from"./customers-DvBxRjHv.js";import{t as y}from"./orders-BFwWtubb.js";import{n as b,t as x}from"./dist-CnonIdcR.js";var S=m(`octagon-x`,[[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z`,key:`2d38gg`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]]),C=g(),w=({theme:e=`system`,...t})=>(0,C.jsx)(x,{theme:e,className:`toaster group`,icons:{success:(0,C.jsx)(f,{className:`size-4`}),info:(0,C.jsx)(p,{className:`size-4`}),warning:(0,C.jsx)(r,{className:`size-4`}),error:(0,C.jsx)(S,{className:`size-4`}),loading:(0,C.jsx)(l,{className:`size-4 animate-spin`})},style:{"--normal-bg":`var(--popover)`,"--normal-text":`var(--popover-foreground)`,"--normal-border":`var(--border)`,"--border-radius":`var(--radius)`},toastOptions:{classNames:{toast:`cn-toast`}},...t});function T(e){let{duration:t,position:n}=d(),r=e.duration??t,i=e.position??n;return(0,C.jsx)(w,{className:`toaster--component`,...e,duration:r,position:i})}T.displayName=`Toaster`;var E=t(n(),1);function D({value:e,displayValue:t,mono:n=!1,truncate:r=!1,className:i,contentClassName:a,successMessage:l=`Copied to clipboard`}){let[u,d]=(0,E.useState)(!1),f=async()=>{try{await navigator.clipboard.writeText(e),d(!0),b.success(l),setTimeout(()=>d(!1),2e3)}catch{b.error(`Failed to copy`)}},p=t!==void 0&&typeof t!=`string`;return(0,C.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:f,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f())},className:h(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,i),children:[p?t:(0,C.jsx)(s,{tag:`span`,className:h(n&&`font-mono`,r&&`max-w-[300px] truncate`,a),children:t??e}),(0,C.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:u?(0,C.jsx)(c,{className:`size-3.5 text-success`}):(0,C.jsx)(o,{className:`size-3.5`})})]})}D.displayName=`Copyable`;var O=e({CustomDisplayValue:()=>M,CustomToastMessage:()=>N,CustomerListWithCopyableEmails:()=>F,Default:()=>k,Mono:()=>A,MonoTruncate:()=>j,RealisticOrderRow:()=>P});function k(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(D,{value:`GCT-A4B7-C9E2`})]})}function A(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(D,{value:`b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d`,mono:!0})]})}function j(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(`div`,{className:`max-w-xs`,children:(0,C.jsx)(D,{value:`b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d-extra-long-id`,mono:!0,truncate:!0})})]})}function M(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(D,{value:`hello@example.com`,displayValue:(0,C.jsx)(`span`,{className:`text-primary underline underline-offset-2`,children:`hello@example.com`})})]})}function N(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,C.jsx)(D,{value:`42`,successMessage:`The answer was copied!`}),(0,C.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Click to see the custom toast.`})]})]})}function P(){let e=y[0],t=v.find(t=>t.id===e.customerId);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-md border bg-card p-4 w-full max-w-md`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,C.jsx)(`span`,{className:`text-xs uppercase text-muted-foreground`,children:`Order number`}),(0,C.jsx)(D,{value:e.number,mono:!0,successMessage:`Copied ${e.number}`})]}),(0,C.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,C.jsx)(`span`,{className:`text-xs uppercase text-muted-foreground`,children:`Customer email`}),(0,C.jsx)(D,{value:t.email})]})]})]})}function F(){return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)(T,{}),(0,C.jsx)(`div`,{className:`flex flex-col gap-1 w-full max-w-md`,children:v.slice(0,4).map(e=>(0,C.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border py-1.5 text-sm`,children:[(0,C.jsx)(`span`,{children:e.name}),(0,C.jsx)(D,{value:e.email})]},e.id))})]})}var I=`import { Toaster } from '@/components/base/toaster';
 import { Copyable } from '@/components/base/copyable';
 import { MOCK_CUSTOMERS, MOCK_ORDERS } from '@/preview/_mocks';
 
@@ -90,7 +90,7 @@ export function CustomerListWithCopyableEmails() {
 		</>
 	);
 }
-`;function L(e){let t={code:`code`,p:`p`,...e.components};return O||z(`Examples`,!1),M||z(`Examples.CustomDisplayValue`,!0),N||z(`Examples.CustomToastMessage`,!0),F||z(`Examples.CustomerListWithCopyableEmails`,!0),k||z(`Examples.Default`,!0),A||z(`Examples.Mono`,!0),j||z(`Examples.MonoTruncate`,!0),P||z(`Examples.RealisticOrderRow`,!0),(0,C.jsxs)(s,{title:`Copyable`,description:`Click-to-copy inline span with hover affordance and toast feedback.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/copyable`,children:[(0,C.jsx)(u,{title:`Overview`,id:`overview`,children:(0,C.jsxs)(t.p,{children:[(0,C.jsx)(t.code,{children:`Copyable`}),` wraps any value in a click-to-copy span. The copy icon appears on
+`;function L(e){let t={code:`code`,p:`p`,...e.components};return O||z(`Examples`,!1),M||z(`Examples.CustomDisplayValue`,!0),N||z(`Examples.CustomToastMessage`,!0),F||z(`Examples.CustomerListWithCopyableEmails`,!0),k||z(`Examples.Default`,!0),A||z(`Examples.Mono`,!0),j||z(`Examples.MonoTruncate`,!0),P||z(`Examples.RealisticOrderRow`,!0),(0,C.jsxs)(i,{title:`Copyable`,description:`Click-to-copy inline span with hover affordance and toast feedback.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/copyable`,children:[(0,C.jsx)(a,{title:`Overview`,id:`overview`,children:(0,C.jsxs)(t.p,{children:[(0,C.jsx)(t.code,{children:`Copyable`}),` wraps any value in a click-to-copy span. The copy icon appears on
 hover, the value lands on the clipboard, and a `,(0,C.jsx)(t.code,{children:`sonner`}),` toast confirms (mount
 a `,(0,C.jsx)(t.code,{children:`<Toaster />`}),` somewhere in the tree). Supports `,(0,C.jsx)(t.code,{children:`mono`}),`, `,(0,C.jsx)(t.code,{children:`truncate`}),`, custom
-`,(0,C.jsx)(t.code,{children:`displayValue`}),`, and a custom `,(0,C.jsx)(t.code,{children:`successMessage`}),`.`]})}),(0,C.jsx)(u,{title:`Default`,id:`default`,children:(0,C.jsx)(d,{name:`Default`,source:I,children:(0,C.jsx)(k,{})})}),(0,C.jsxs)(u,{title:`Variants`,id:`variants`,children:[(0,C.jsx)(d,{name:`Mono`,source:I,children:(0,C.jsx)(A,{})}),(0,C.jsx)(d,{name:`MonoTruncate`,source:I,children:(0,C.jsx)(j,{})}),(0,C.jsx)(d,{name:`CustomDisplayValue`,source:I,children:(0,C.jsx)(M,{})}),(0,C.jsx)(d,{name:`CustomToastMessage`,source:I,children:(0,C.jsx)(N,{})})]}),(0,C.jsxs)(u,{title:`Realistic usage`,id:`realistic`,children:[(0,C.jsx)(d,{name:`RealisticOrderRow`,source:I,children:(0,C.jsx)(P,{})}),(0,C.jsx)(d,{name:`CustomerListWithCopyableEmails`,source:I,children:(0,C.jsx)(F,{})})]}),(0,C.jsx)(u,{title:`API`,id:`api`,children:(0,C.jsx)(_,{component:`Copyable`})})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};
+`,(0,C.jsx)(t.code,{children:`displayValue`}),`, and a custom `,(0,C.jsx)(t.code,{children:`successMessage`}),`.`]})}),(0,C.jsx)(a,{title:`Default`,id:`default`,children:(0,C.jsx)(u,{name:`Default`,source:I,children:(0,C.jsx)(k,{})})}),(0,C.jsxs)(a,{title:`Variants`,id:`variants`,children:[(0,C.jsx)(u,{name:`Mono`,source:I,children:(0,C.jsx)(A,{})}),(0,C.jsx)(u,{name:`MonoTruncate`,source:I,children:(0,C.jsx)(j,{})}),(0,C.jsx)(u,{name:`CustomDisplayValue`,source:I,children:(0,C.jsx)(M,{})}),(0,C.jsx)(u,{name:`CustomToastMessage`,source:I,children:(0,C.jsx)(N,{})})]}),(0,C.jsxs)(a,{title:`Realistic usage`,id:`realistic`,children:[(0,C.jsx)(u,{name:`RealisticOrderRow`,source:I,children:(0,C.jsx)(P,{})}),(0,C.jsx)(u,{name:`CustomerListWithCopyableEmails`,source:I,children:(0,C.jsx)(F,{})})]}),(0,C.jsx)(a,{title:`API`,id:`api`,children:(0,C.jsx)(_,{component:`Copyable`})})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,C.jsx)(t,{...e,children:(0,C.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};

package/dist/showcase/assets/{course-card-qpC4JUUM.js → course-card-DShYl03k.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,r as i,t as a,yr as o}from"./example-BIrQab7K.js";import{k as s,n as c,s as l}from"./index-Cz4UGUT2.js";import{t as u}from"./props-table-BR-KjRNe.js";import{t as d}from"./smart-card-B4P_C0nk.js";import{t as f}from"./stacked-avatars-CcCnnUrA.js";import{i as p,n as m,r as h,t as g,u as _}from"./item-CbiuwbAN.js";var v={participants:`Participants`,progress:`Progress`},y=l(),b=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,x=`from-primary/8 via-card to-info/10`;function S(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function C({title:e,description:n,badges:r=[],participants:a=[],extraParticipants:l=0,progressPercent:u,actionLabel:C,onAction:w,className:T,strings:E,variant:D=`default`,gradient:O=x}){let k=s(v,E),A=a.length+l,j=S(a);return D===`minimal`?(0,y.jsxs)(g,{variant:`outline`,className:c(`course-card--component`,`hover:bg-muted/30 transition-colors`,T),children:[(0,y.jsxs)(h,{className:`min-w-[min(12rem,100%)]`,children:[(0,y.jsx)(_,{children:e}),!!n&&(0,y.jsx)(p,{clamp:1,children:n})]}),(0,y.jsxs)(m,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[a.length>0&&(0,y.jsx)(f,{users:j,max:3,size:`sm`,overflowFormatter:()=>`+${l||0}`,showOverflow:l>0}),u!==void 0&&(0,y.jsxs)(t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[u,`%`]}),!!C&&(0,y.jsx)(i,{variant:`secondary`,buttonStyle:`outline`,onClick:w,children:C})]})]}):D===`gradient`?(0,y.jsxs)(d,{title:e,description:n,className:c(`course-card--component border-primary/20 bg-gradient-to-br`,O,T),children:[r.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:r.map(e=>(0,y.jsx)(o,{variant:e.variant,children:e.label},e.label))}),(a.length>0||u!==void 0)&&(0,y.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[a.length>0&&(0,y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,y.jsx)(f,{users:j,max:3,size:`sm`,showOverflow:!1}),(0,y.jsxs)(t,{size:`xs`,type:`secondary`,className:`truncate`,children:[A,` `,k.participants.toLowerCase()]})]}),u!==void 0&&(0,y.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,y.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,y.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${u}%`}})}),(0,y.jsxs)(t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[u,`%`]})]})]})}),!!C&&(0,y.jsx)(i,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:w,children:C})]}):(0,y.jsxs)(d,{title:e,description:n,className:c(`course-card--component`,T),children:[r.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:r.map(e=>(0,y.jsx)(o,{variant:e.variant,children:e.label},e.label))}),(a.length>0||u!==void 0)&&(0,y.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[a.length>0&&(0,y.jsxs)(`div`,{className:b,children:[(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,y.jsx)(t,{size:`xs`,type:`secondary`,children:k.participants}),(0,y.jsx)(t,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:A})]}),(0,y.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,y.jsx)(f,{users:j,max:4,size:`sm`,showOverflow:l>0,overflowFormatter:()=>`+${l}`}),(0,y.jsxs)(t,{size:`xs`,type:`secondary`,className:`truncate`,children:[A,` `,k.participants.toLowerCase()]})]})]}),u!==void 0&&(0,y.jsxs)(`div`,{className:b,children:[(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,y.jsx)(t,{size:`xs`,type:`secondary`,children:k.progress}),(0,y.jsxs)(t,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[u,`%`]})]}),(0,y.jsx)(`div`,{className:`mt-2.5`,children:(0,y.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,y.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${u}%`}})})})]})]}),!!C&&(0,y.jsx)(i,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:w,children:C})]})}C.displayName=`CourseCard`;var w=e({CompactList:()=>O,DefaultSession:()=>E,FeaturedSession:()=>D}),T=[{name:`Vasilis Smith`},{name:`Sara Martinova`},{name:`Kostas Williams`}];function E(){return(0,y.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,y.jsx)(C,{title:`Wine tasting masterclass`,description:`Thracian Valley tasting session with six confirmed guests and two open seats.`,badges:[{label:`Confirmed`,variant:`success`},{label:`In person`,variant:`secondary`}],participants:T,extraParticipants:3,progressPercent:75,actionLabel:`Open session`,onAction:()=>{}})})}function D(){return(0,y.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,y.jsx)(C,{variant:`gradient`,title:`Sunset photography workshop`,description:`Three-hour field session with equipment checklist and location notes ready.`,badges:[{label:`Featured`,variant:`primary`}],participants:T,extraParticipants:5,progressPercent:62,actionLabel:`Review booking`,onAction:()=>{}})})}function O(){return(0,y.jsxs)(`div`,{className:`w-full max-w-2xl space-y-2`,children:[(0,y.jsx)(C,{variant:`minimal`,title:`Wine tasting masterclass`,description:`Today · 18:00 · 6 guests`,participants:T,extraParticipants:3,progressPercent:75,actionLabel:`Open`,onAction:()=>{}}),(0,y.jsx)(C,{variant:`minimal`,title:`Coastal hike and lunch`,description:`Tomorrow · 09:30 · guide pending`,participants:T.slice(0,2),progressPercent:35,actionLabel:`Review`,onAction:()=>{}}),(0,y.jsx)(C,{variant:`minimal`,title:`Pottery studio day`,description:`Friday · waitlist enabled`})]})}var k=`import { CourseCard } from '@/components/composed/cards/course-card';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,jr as i,r as a,t as o}from"./example-Cz_880po.js";import{k as s,n as c,s as l}from"./index-BQIv1ffM.js";import{t as u}from"./props-table-2pIZzGC-.js";import{t as d}from"./smart-card-Dhu_1A_u.js";import{t as f}from"./stacked-avatars-DnIAc098.js";import{i as p,n as m,r as h,t as g,u as _}from"./item-YF6wMI9W.js";var v={participants:`Participants`,progress:`Progress`},y=l(),b=`rounded-xl bg-background/80 ring-1 ring-border/60 p-3`,x=`from-primary/8 via-card to-info/10`;function S(e){return e.map((e,t)=>({id:`${t}-${e.name??e.initials??``}`,name:e.name??e.initials??`P${t+1}`,imageUrl:e.imageUrl}))}function C({title:e,description:t,badges:n=[],participants:o=[],extraParticipants:l=0,progressPercent:u,actionLabel:C,onAction:w,className:T,strings:E,variant:D=`default`,gradient:O=x}){let k=s(v,E),A=o.length+l,j=S(o);return D===`minimal`?(0,y.jsxs)(g,{variant:`outline`,className:c(`course-card--component`,`hover:bg-muted/30 transition-colors`,T),children:[(0,y.jsxs)(h,{className:`min-w-[min(12rem,100%)]`,children:[(0,y.jsx)(_,{children:e}),!!t&&(0,y.jsx)(p,{clamp:1,children:t})]}),(0,y.jsxs)(m,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o.length>0&&(0,y.jsx)(f,{users:j,max:3,size:`sm`,overflowFormatter:()=>`+${l||0}`,showOverflow:l>0}),u!==void 0&&(0,y.jsxs)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[u,`%`]}),!!C&&(0,y.jsx)(a,{variant:`secondary`,buttonStyle:`outline`,onClick:w,children:C})]})]}):D===`gradient`?(0,y.jsxs)(d,{title:e,description:t,className:c(`course-card--component border-primary/20 bg-gradient-to-br`,O,T),children:[n.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:n.map(e=>(0,y.jsx)(i,{variant:e.variant,children:e.label},e.label))}),(o.length>0||u!==void 0)&&(0,y.jsx)(`div`,{className:`mt-4 rounded-lg border border-border/70 bg-background/80 p-3`,children:(0,y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[o.length>0&&(0,y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,y.jsx)(f,{users:j,max:3,size:`sm`,showOverflow:!1}),(0,y.jsxs)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:[A,` `,k.participants.toLowerCase()]})]}),u!==void 0&&(0,y.jsxs)(`div`,{className:`ml-auto flex min-w-36 items-center gap-2`,children:[(0,y.jsx)(`div`,{className:`h-1.5 min-w-20 flex-1 overflow-hidden rounded-full bg-success/15`,children:(0,y.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${u}%`}})}),(0,y.jsxs)(r,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:[u,`%`]})]})]})}),!!C&&(0,y.jsx)(a,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:w,children:C})]}):(0,y.jsxs)(d,{title:e,description:t,className:c(`course-card--component`,T),children:[n.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:n.map(e=>(0,y.jsx)(i,{variant:e.variant,children:e.label},e.label))}),(o.length>0||u!==void 0)&&(0,y.jsxs)(`div`,{className:`mt-4 grid gap-2.5 sm:grid-cols-2`,children:[o.length>0&&(0,y.jsxs)(`div`,{className:b,children:[(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,y.jsx)(r,{size:`xs`,type:`secondary`,children:k.participants}),(0,y.jsx)(r,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:A})]}),(0,y.jsxs)(`div`,{className:`mt-2 flex items-center gap-2`,children:[(0,y.jsx)(f,{users:j,max:4,size:`sm`,showOverflow:l>0,overflowFormatter:()=>`+${l}`}),(0,y.jsxs)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:[A,` `,k.participants.toLowerCase()]})]})]}),u!==void 0&&(0,y.jsxs)(`div`,{className:b,children:[(0,y.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,y.jsx)(r,{size:`xs`,type:`secondary`,children:k.progress}),(0,y.jsxs)(r,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[u,`%`]})]}),(0,y.jsx)(`div`,{className:`mt-2.5`,children:(0,y.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-success/15`,children:(0,y.jsx)(`div`,{className:`h-full rounded-full bg-success`,style:{width:`${u}%`}})})})]})]}),!!C&&(0,y.jsx)(a,{variant:`primary`,className:`mt-4 w-full rounded-xl`,onClick:w,children:C})]})}C.displayName=`CourseCard`;var w=e({CompactList:()=>O,DefaultSession:()=>E,FeaturedSession:()=>D}),T=[{name:`Vasilis Smith`},{name:`Sara Martinova`},{name:`Kostas Williams`}];function E(){return(0,y.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,y.jsx)(C,{title:`Wine tasting masterclass`,description:`Thracian Valley tasting session with six confirmed guests and two open seats.`,badges:[{label:`Confirmed`,variant:`success`},{label:`In person`,variant:`secondary`}],participants:T,extraParticipants:3,progressPercent:75,actionLabel:`Open session`,onAction:()=>{}})})}function D(){return(0,y.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,y.jsx)(C,{variant:`gradient`,title:`Sunset photography workshop`,description:`Three-hour field session with equipment checklist and location notes ready.`,badges:[{label:`Featured`,variant:`primary`}],participants:T,extraParticipants:5,progressPercent:62,actionLabel:`Review booking`,onAction:()=>{}})})}function O(){return(0,y.jsxs)(`div`,{className:`w-full max-w-2xl space-y-2`,children:[(0,y.jsx)(C,{variant:`minimal`,title:`Wine tasting masterclass`,description:`Today · 18:00 · 6 guests`,participants:T,extraParticipants:3,progressPercent:75,actionLabel:`Open`,onAction:()=>{}}),(0,y.jsx)(C,{variant:`minimal`,title:`Coastal hike and lunch`,description:`Tomorrow · 09:30 · guide pending`,participants:T.slice(0,2),progressPercent:35,actionLabel:`Review`,onAction:()=>{}}),(0,y.jsx)(C,{variant:`minimal`,title:`Pottery studio day`,description:`Friday · waitlist enabled`})]})}var k=`import { CourseCard } from '@/components/composed/cards/course-card';
 
 const PARTICIPANTS = [
 	{ name: 'Vasilis Smith' },
@@ -74,4 +74,4 @@ export function CompactList() {
 		</div>
 	);
 }
-`;function A(e){let t={h4:`h4`,...e.components};return w||M(`Examples`,!1),O||M(`Examples.CompactList`,!0),E||M(`Examples.DefaultSession`,!0),D||M(`Examples.FeaturedSession`,!0),(0,y.jsxs)(n,{title:`Composed · Course card`,description:`Operational session cards for bookings, courses, and guided experiences.`,layer:`composed`,status:`ready`,children:[(0,y.jsx)(r,{title:`Default`,id:`default`,children:(0,y.jsx)(a,{name:`DefaultSession`,source:k,children:(0,y.jsx)(E,{})})}),(0,y.jsx)(r,{title:`Featured`,id:`featured`,children:(0,y.jsx)(a,{name:`FeaturedSession`,source:k,children:(0,y.jsx)(D,{})})}),(0,y.jsx)(r,{title:`Compact list`,id:`compact-list`,children:(0,y.jsx)(a,{name:`CompactList`,source:k,children:(0,y.jsx)(O,{})})}),(0,y.jsxs)(r,{title:`API`,id:`api`,children:[(0,y.jsx)(t.h4,{children:`CourseCard`}),(0,y.jsx)(u,{component:`CourseCard`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};
+`;function A(e){let r={h4:`h4`,...e.components};return w||M(`Examples`,!1),O||M(`Examples.CompactList`,!0),E||M(`Examples.DefaultSession`,!0),D||M(`Examples.FeaturedSession`,!0),(0,y.jsxs)(t,{title:`Composed · Course card`,description:`Operational session cards for bookings, courses, and guided experiences.`,layer:`composed`,status:`ready`,children:[(0,y.jsx)(n,{title:`Default`,id:`default`,children:(0,y.jsx)(o,{name:`DefaultSession`,source:k,children:(0,y.jsx)(E,{})})}),(0,y.jsx)(n,{title:`Featured`,id:`featured`,children:(0,y.jsx)(o,{name:`FeaturedSession`,source:k,children:(0,y.jsx)(D,{})})}),(0,y.jsx)(n,{title:`Compact list`,id:`compact-list`,children:(0,y.jsx)(o,{name:`CompactList`,source:k,children:(0,y.jsx)(O,{})})}),(0,y.jsxs)(n,{title:`API`,id:`api`,children:[(0,y.jsx)(r.h4,{children:`CourseCard`}),(0,y.jsx)(u,{component:`CourseCard`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/{cpu-DjJeD_0Z.js → cpu-BZTsuaUu.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`cpu`,[[`path`,{d:`M12 20v2`,key:`1lh1kg`}],[`path`,{d:`M12 2v2`,key:`tus03m`}],[`path`,{d:`M17 20v2`,key:`1rnc9c`}],[`path`,{d:`M17 2v2`,key:`11trls`}],[`path`,{d:`M2 12h2`,key:`1t8f8n`}],[`path`,{d:`M2 17h2`,key:`7oei6x`}],[`path`,{d:`M2 7h2`,key:`asdhe0`}],[`path`,{d:`M20 12h2`,key:`1q8mjw`}],[`path`,{d:`M20 17h2`,key:`1fpfkl`}],[`path`,{d:`M20 7h2`,key:`1o8tra`}],[`path`,{d:`M7 20v2`,key:`4gnj0m`}],[`path`,{d:`M7 2v2`,key:`1i4yhu`}],[`rect`,{x:`4`,y:`4`,width:`16`,height:`16`,rx:`2`,key:`1vbyd7`}],[`rect`,{x:`8`,y:`8`,width:`8`,height:`8`,rx:`1`,key:`z9xiuo`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`cpu`,[[`path`,{d:`M12 20v2`,key:`1lh1kg`}],[`path`,{d:`M12 2v2`,key:`tus03m`}],[`path`,{d:`M17 20v2`,key:`1rnc9c`}],[`path`,{d:`M17 2v2`,key:`11trls`}],[`path`,{d:`M2 12h2`,key:`1t8f8n`}],[`path`,{d:`M2 17h2`,key:`7oei6x`}],[`path`,{d:`M2 7h2`,key:`asdhe0`}],[`path`,{d:`M20 12h2`,key:`1q8mjw`}],[`path`,{d:`M20 17h2`,key:`1fpfkl`}],[`path`,{d:`M20 7h2`,key:`1o8tra`}],[`path`,{d:`M7 20v2`,key:`4gnj0m`}],[`path`,{d:`M7 2v2`,key:`1i4yhu`}],[`rect`,{x:`4`,y:`4`,width:`16`,height:`16`,rx:`2`,key:`1vbyd7`}],[`rect`,{x:`8`,y:`8`,width:`8`,height:`8`,rx:`1`,key:`z9xiuo`}]]);export{t};

package/dist/showcase/assets/{credit-card-CYgRtM77.js → credit-card-CAI3F3HB.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`credit-card`,[[`rect`,{width:`20`,height:`14`,x:`2`,y:`5`,rx:`2`,key:`ynyp8z`}],[`line`,{x1:`2`,x2:`22`,y1:`10`,y2:`10`,key:`1b3vmo`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`credit-card`,[[`rect`,{width:`20`,height:`14`,x:`2`,y:`5`,rx:`2`,key:`ynyp8z`}],[`line`,{x1:`2`,x2:`22`,y1:`10`,y2:`10`,key:`1b3vmo`}]]);export{t};

package/dist/showcase/assets/{currency-hguqIjWU.js → currency-PXgbngHk.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,Wr as n,hr as r,mr as i,t as a}from"./example-BIrQab7K.js";import{t as o}from"./arrow-right-Bf1Tl6D5.js";import{n as s,o as c,s as l}from"./index-Cz4UGUT2.js";import{t as u}from"./props-table-BR-KjRNe.js";import{t as d}from"./orders-BFwWtubb.js";import{n as f,t as p}from"./money-display-23DKz-jK.js";var m=l(),h=(0,m.jsx)(o,{className:`size-3 shrink-0 opacity-60`,"aria-hidden":`true`});function g({pair:e,emptyLabel:r=`—`,separator:i=h,className:a,size:o,tag:c=`span`,...l}){let{defaultTextSize:u}=n(),d=o??u??`sm`,{formatAmount:p}=f(),g=e?.source?.value??null,_=e?.source?.currency??null,v=e?.source?.symbol??null,y=e?.target?.value??null,b=e?.target?.currency??null,x=e?.target?.symbol??null;return!g||!y?(0,m.jsx)(t,{tag:c,size:d,type:`secondary`,className:s(`currency-pair-preview--component`,`tabular-nums`,a),...l,children:r}):(0,m.jsxs)(t,{tag:c,size:d,className:s(`inline-flex items-center gap-1.5 tabular-nums`,a),...l,children:[(0,m.jsx)(`span`,{children:p(g,String(_??``),v??void 0)}),(0,m.jsx)(`span`,{className:`inline-flex items-center text-muted-foreground`,"aria-hidden":`true`,children:i}),(0,m.jsx)(`span`,{children:p(y,String(b??``),x??void 0)})]})}g.displayName=`CurrencyPairPreview`;var _=e({CurrencyPairPreviewExample:()=>E,Default:()=>y,EmptyState:()=>S,MultipleCurrencies:()=>x,PairInlineEmphasisVariants:()=>w,PairMinimalVariant:()=>T,PairStackedEmphasisVariants:()=>C,ProviderConfigDualPricing:()=>D,RealisticOrdersList:()=>O,Sizes:()=>b}),v={primary:{amount:124.5,currency:`USD`},secondary:{amount:63.66,currency:`EUR`}};function y(){return(0,m.jsx)(p,{money:{amount:124.5,currency:`USD`}})}function b(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-2`,children:[`xs`,`sm`,`base`,`lg`,`xl`].map(e=>(0,m.jsx)(p,{money:{amount:1850,currency:`EUR`},size:e},e))})}function x(){return(0,m.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,m.jsx)(p,{money:{amount:124.5,currency:`USD`}}),(0,m.jsx)(p,{money:{amount:1850,currency:`EUR`}}),(0,m.jsx)(p,{money:{amount:9800,currency:`JPY`}}),(0,m.jsx)(p,{money:{amount:350,currency:`GBP`}})]})}function S(){return(0,m.jsx)(p,{emptyLabel:`—`})}function C(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-3`,children:[`discrete`,`muted`,`match`,`hidden`].map(e=>(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(`span`,{className:`w-20 text-xs uppercase text-muted-foreground`,children:e}),(0,m.jsx)(p,{moneyPair:v,showPair:!0,size:`base`,secondaryEmphasis:e})]},e))})}function w(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-3`,children:[`discrete`,`muted`,`match`].map(e=>(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(`span`,{className:`w-20 text-xs uppercase text-muted-foreground`,children:e}),(0,m.jsx)(p,{moneyPair:v,showPair:!0,dualPricingDisplay:`inline`,size:`base`,secondaryEmphasis:e})]},e))})}function T(){return(0,m.jsx)(p,{moneyPair:v,showPair:!0,variant:`minimal`,size:`base`})}function E(){return(0,m.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,m.jsx)(g,{pair:{source:{value:`100.00`,currency:`EUR`,symbol:`€`},target:{value:`195.58`,currency:`USD`}}}),(0,m.jsx)(g,{pair:null,emptyLabel:`No conversion`})]})}function D(){return(0,m.jsx)(c,{config:{money:{defaultCurrency:`EUR`,displayCurrency:`EUR`,dualPricingEnabled:!0,displayMode:`dual`,formatMode:`with_symbol`}},children:(0,m.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,m.jsx)(p,{moneyPair:{primary:{amount:49.99,currency:`EUR`},secondary:{amount:97.78,currency:`USD`}},size:`lg`}),(0,m.jsx)(g,{pair:{source:{value:`49.99`,currency:`EUR`,symbol:`€`},target:{value:`97.78`,currency:`USD`}},size:`base`})]})})}function O(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-1 w-full max-w-md`,children:d.slice(0,5).map(e=>(0,m.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border py-1.5 text-sm`,children:[(0,m.jsx)(`span`,{className:`font-mono text-xs`,children:e.number}),(0,m.jsx)(p,{money:{amount:e.totalUsd,currency:`USD`}})]},e.id))})}var k=`import { MoneyDisplay } from '@/components/base/display/money-display';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,ni as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./arrow-right-D6hTB0Bd.js";import{n as s,o as c,s as l}from"./index-BQIv1ffM.js";import{t as u}from"./props-table-2pIZzGC-.js";import{t as d}from"./orders-BFwWtubb.js";import{n as f,t as p}from"./money-display-DG4IaEaA.js";var m=l(),h=(0,m.jsx)(o,{className:`size-3 shrink-0 opacity-60`,"aria-hidden":`true`});function g({pair:e,emptyLabel:t=`—`,separator:n=h,className:a,size:o,tag:c=`span`,...l}){let{defaultTextSize:u}=i(),d=o??u??`sm`,{formatAmount:p}=f(),g=e?.source?.value??null,_=e?.source?.currency??null,v=e?.source?.symbol??null,y=e?.target?.value??null,b=e?.target?.currency??null,x=e?.target?.symbol??null;return!g||!y?(0,m.jsx)(r,{tag:c,size:d,type:`secondary`,className:s(`currency-pair-preview--component`,`tabular-nums`,a),...l,children:t}):(0,m.jsxs)(r,{tag:c,size:d,className:s(`inline-flex items-center gap-1.5 tabular-nums`,a),...l,children:[(0,m.jsx)(`span`,{children:p(g,String(_??``),v??void 0)}),(0,m.jsx)(`span`,{className:`inline-flex items-center text-muted-foreground`,"aria-hidden":`true`,children:n}),(0,m.jsx)(`span`,{children:p(y,String(b??``),x??void 0)})]})}g.displayName=`CurrencyPairPreview`;var _=e({CurrencyPairPreviewExample:()=>E,Default:()=>y,EmptyState:()=>S,MultipleCurrencies:()=>x,PairInlineEmphasisVariants:()=>w,PairMinimalVariant:()=>T,PairStackedEmphasisVariants:()=>C,ProviderConfigDualPricing:()=>D,RealisticOrdersList:()=>O,Sizes:()=>b}),v={primary:{amount:124.5,currency:`USD`},secondary:{amount:63.66,currency:`EUR`}};function y(){return(0,m.jsx)(p,{money:{amount:124.5,currency:`USD`}})}function b(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-2`,children:[`xs`,`sm`,`base`,`lg`,`xl`].map(e=>(0,m.jsx)(p,{money:{amount:1850,currency:`EUR`},size:e},e))})}function x(){return(0,m.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,m.jsx)(p,{money:{amount:124.5,currency:`USD`}}),(0,m.jsx)(p,{money:{amount:1850,currency:`EUR`}}),(0,m.jsx)(p,{money:{amount:9800,currency:`JPY`}}),(0,m.jsx)(p,{money:{amount:350,currency:`GBP`}})]})}function S(){return(0,m.jsx)(p,{emptyLabel:`—`})}function C(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-3`,children:[`discrete`,`muted`,`match`,`hidden`].map(e=>(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(`span`,{className:`w-20 text-xs uppercase text-muted-foreground`,children:e}),(0,m.jsx)(p,{moneyPair:v,showPair:!0,size:`base`,secondaryEmphasis:e})]},e))})}function w(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-3`,children:[`discrete`,`muted`,`match`].map(e=>(0,m.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,m.jsx)(`span`,{className:`w-20 text-xs uppercase text-muted-foreground`,children:e}),(0,m.jsx)(p,{moneyPair:v,showPair:!0,dualPricingDisplay:`inline`,size:`base`,secondaryEmphasis:e})]},e))})}function T(){return(0,m.jsx)(p,{moneyPair:v,showPair:!0,variant:`minimal`,size:`base`})}function E(){return(0,m.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,m.jsx)(g,{pair:{source:{value:`100.00`,currency:`EUR`,symbol:`€`},target:{value:`195.58`,currency:`USD`}}}),(0,m.jsx)(g,{pair:null,emptyLabel:`No conversion`})]})}function D(){return(0,m.jsx)(c,{config:{money:{defaultCurrency:`EUR`,displayCurrency:`EUR`,dualPricingEnabled:!0,displayMode:`dual`,formatMode:`with_symbol`}},children:(0,m.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,m.jsx)(p,{moneyPair:{primary:{amount:49.99,currency:`EUR`},secondary:{amount:97.78,currency:`USD`}},size:`lg`}),(0,m.jsx)(g,{pair:{source:{value:`49.99`,currency:`EUR`,symbol:`€`},target:{value:`97.78`,currency:`USD`}},size:`base`})]})})}function O(){return(0,m.jsx)(`div`,{className:`flex flex-col gap-1 w-full max-w-md`,children:d.slice(0,5).map(e=>(0,m.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border py-1.5 text-sm`,children:[(0,m.jsx)(`span`,{className:`font-mono text-xs`,children:e.number}),(0,m.jsx)(p,{money:{amount:e.totalUsd,currency:`USD`}})]},e.id))})}var k=`import { MoneyDisplay } from '@/components/base/display/money-display';
 import { CurrencyPairPreview } from '@/components/base/currency/currency-pair-preview';
 import { UIProvider } from '@/lib/ui-provider';
 import { MOCK_ORDERS } from '@/preview/_mocks';
@@ -142,8 +142,8 @@ export function RealisticOrdersList() {
 		</div>
 	);
 }
-`;function A(e){let t={code:`code`,p:`p`,...e.components};return _||M(`Examples`,!1),E||M(`Examples.CurrencyPairPreviewExample`,!0),y||M(`Examples.Default`,!0),S||M(`Examples.EmptyState`,!0),x||M(`Examples.MultipleCurrencies`,!0),w||M(`Examples.PairInlineEmphasisVariants`,!0),T||M(`Examples.PairMinimalVariant`,!0),C||M(`Examples.PairStackedEmphasisVariants`,!0),D||M(`Examples.ProviderConfigDualPricing`,!0),O||M(`Examples.RealisticOrdersList`,!0),b||M(`Examples.Sizes`,!0),(0,m.jsxs)(r,{title:`Currency`,description:`MoneyDisplay and CurrencyPairPreview — locale-aware, dual-pricing-aware money rendering driven by useCurrency() / UIProvider config.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/currency`,children:[(0,m.jsx)(i,{title:`Overview`,id:`overview`,children:(0,m.jsxs)(t.p,{children:[(0,m.jsx)(t.code,{children:`MoneyDisplay`}),` renders a primary (and optional secondary) currency amount,
-using the active `,(0,m.jsx)(t.code,{children:`useCurrency()`}),` config for formatting, dual-pricing, and
-display mode. `,(0,m.jsx)(t.code,{children:`CurrencyPairPreview`}),` renders an inline `,(0,m.jsx)(t.code,{children:`source → target`}),`
-conversion. Both honour `,(0,m.jsx)(t.code,{children:`UIProvider`}),` config so consumers can flip the entire
-app to dual pricing or a different default currency in one place.`]})}),(0,m.jsx)(i,{title:`Default`,id:`default`,children:(0,m.jsx)(a,{name:`Default`,source:k,children:(0,m.jsx)(y,{})})}),(0,m.jsx)(i,{title:`Sizes`,id:`sizes`,children:(0,m.jsx)(a,{name:`Sizes`,source:k,children:(0,m.jsx)(b,{})})}),(0,m.jsxs)(i,{title:`Currencies & empty state`,id:`currencies`,children:[(0,m.jsx)(a,{name:`MultipleCurrencies`,source:k,children:(0,m.jsx)(x,{})}),(0,m.jsx)(a,{name:`EmptyState`,source:k,children:(0,m.jsx)(S,{})})]}),(0,m.jsx)(i,{title:`Dual pricing — stacked`,id:`dual-stacked`,children:(0,m.jsx)(a,{name:`PairStackedEmphasisVariants`,source:k,children:(0,m.jsx)(C,{})})}),(0,m.jsxs)(i,{title:`Dual pricing — inline`,id:`dual-inline`,children:[(0,m.jsx)(a,{name:`PairInlineEmphasisVariants`,source:k,children:(0,m.jsx)(w,{})}),(0,m.jsx)(a,{name:`PairMinimalVariant`,source:k,children:(0,m.jsx)(T,{})})]}),(0,m.jsx)(i,{title:`CurrencyPairPreview`,id:`pair-preview`,children:(0,m.jsx)(a,{name:`CurrencyPairPreviewExample`,source:k,children:(0,m.jsx)(E,{})})}),(0,m.jsx)(i,{title:`UIProvider configuration`,id:`provider`,children:(0,m.jsx)(a,{name:`ProviderConfigDualPricing`,source:k,children:(0,m.jsx)(D,{})})}),(0,m.jsx)(i,{title:`Realistic usage`,id:`realistic`,children:(0,m.jsx)(a,{name:`RealisticOrdersList`,source:k,children:(0,m.jsx)(O,{})})}),(0,m.jsxs)(i,{title:`API`,id:`api`,children:[(0,m.jsx)(u,{component:`MoneyDisplay`}),(0,m.jsx)(u,{component:`CurrencyPairPreview`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};
+`;function A(e){let r={code:`code`,p:`p`,...e.components};return _||M(`Examples`,!1),E||M(`Examples.CurrencyPairPreviewExample`,!0),y||M(`Examples.Default`,!0),S||M(`Examples.EmptyState`,!0),x||M(`Examples.MultipleCurrencies`,!0),w||M(`Examples.PairInlineEmphasisVariants`,!0),T||M(`Examples.PairMinimalVariant`,!0),C||M(`Examples.PairStackedEmphasisVariants`,!0),D||M(`Examples.ProviderConfigDualPricing`,!0),O||M(`Examples.RealisticOrdersList`,!0),b||M(`Examples.Sizes`,!0),(0,m.jsxs)(t,{title:`Currency`,description:`MoneyDisplay and CurrencyPairPreview — locale-aware, dual-pricing-aware money rendering driven by useCurrency() / UIProvider config.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/currency`,children:[(0,m.jsx)(n,{title:`Overview`,id:`overview`,children:(0,m.jsxs)(r.p,{children:[(0,m.jsx)(r.code,{children:`MoneyDisplay`}),` renders a primary (and optional secondary) currency amount,
+using the active `,(0,m.jsx)(r.code,{children:`useCurrency()`}),` config for formatting, dual-pricing, and
+display mode. `,(0,m.jsx)(r.code,{children:`CurrencyPairPreview`}),` renders an inline `,(0,m.jsx)(r.code,{children:`source → target`}),`
+conversion. Both honour `,(0,m.jsx)(r.code,{children:`UIProvider`}),` config so consumers can flip the entire
+app to dual pricing or a different default currency in one place.`]})}),(0,m.jsx)(n,{title:`Default`,id:`default`,children:(0,m.jsx)(a,{name:`Default`,source:k,children:(0,m.jsx)(y,{})})}),(0,m.jsx)(n,{title:`Sizes`,id:`sizes`,children:(0,m.jsx)(a,{name:`Sizes`,source:k,children:(0,m.jsx)(b,{})})}),(0,m.jsxs)(n,{title:`Currencies & empty state`,id:`currencies`,children:[(0,m.jsx)(a,{name:`MultipleCurrencies`,source:k,children:(0,m.jsx)(x,{})}),(0,m.jsx)(a,{name:`EmptyState`,source:k,children:(0,m.jsx)(S,{})})]}),(0,m.jsx)(n,{title:`Dual pricing — stacked`,id:`dual-stacked`,children:(0,m.jsx)(a,{name:`PairStackedEmphasisVariants`,source:k,children:(0,m.jsx)(C,{})})}),(0,m.jsxs)(n,{title:`Dual pricing — inline`,id:`dual-inline`,children:[(0,m.jsx)(a,{name:`PairInlineEmphasisVariants`,source:k,children:(0,m.jsx)(w,{})}),(0,m.jsx)(a,{name:`PairMinimalVariant`,source:k,children:(0,m.jsx)(T,{})})]}),(0,m.jsx)(n,{title:`CurrencyPairPreview`,id:`pair-preview`,children:(0,m.jsx)(a,{name:`CurrencyPairPreviewExample`,source:k,children:(0,m.jsx)(E,{})})}),(0,m.jsx)(n,{title:`UIProvider configuration`,id:`provider`,children:(0,m.jsx)(a,{name:`ProviderConfigDualPricing`,source:k,children:(0,m.jsx)(D,{})})}),(0,m.jsx)(n,{title:`Realistic usage`,id:`realistic`,children:(0,m.jsx)(a,{name:`RealisticOrdersList`,source:k,children:(0,m.jsx)(O,{})})}),(0,m.jsxs)(n,{title:`API`,id:`api`,children:[(0,m.jsx)(u,{component:`MoneyDisplay`}),(0,m.jsx)(u,{component:`CurrencyPairPreview`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/{dark-surfaces-Cj34O9A0.js → dark-surfaces-pSCicdm4.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,jr as o,mr as s,r as c,t as l}from"./example-BIrQab7K.js";import{t as u}from"./chevron-down-CSn8HCwf.js";import{t as d}from"./chevron-right-d-umkBru.js";import{t as f}from"./chevron-up-CeFY6O0I.js";import{t as p}from"./circle-question-mark-Dbi-WTYN.js";import{t as m}from"./credit-card-CYgRtM77.js";import{t as h}from"./send-BzGRF4t-.js";import{k as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./props-table-BR-KjRNe.js";import{t as b}from"./icon-badge-CxvxB8Vd.js";import{t as x}from"./separator-BjGdXNcn.js";import{t as S}from"./inline-stat-DqI70yoJ.js";import{c as C,i as w,n as T,o as E,r as D,s as O,t as k,u as A}from"./item-CbiuwbAN.js";var j={title:`Booking Receipt`,statusConfirmed:`Confirmed`,amountPaidLabel:`Amount Paid`},M={successTitle:`Payment Successful`,successDescription:`Transaction completed`,detailsToggle:`Payment Details`},N={defaultTitle:`Details`},P={title:`Order Items`,totalLabel:`Total`},F={title:`Outstanding Balance`,dueDateLabel:`Due Date`,customerLabel:`Customer`,sendReminder:`Send Reminder`,recordPayment:`Record Payment`},I=t(n(),1),L=v();function R({amount:e,details:t=[],helpText:n,onHelp:a,className:s,strings:l}){let m=g(M,l),[h,v]=(0,I.useState)(!0);return(0,L.jsxs)(`div`,{className:_(`dark-payment--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,s),children:[(0,L.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,L.jsx)(b,{icon:o,tone:`success`,size:`lg`,className:`size-14 [&>svg]:size-7`}),(0,L.jsx)(i,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:m.successTitle}),(0,L.jsx)(r,{size:`xs`,type:`secondary`,children:m.successDescription}),(0,L.jsx)(i,{tag:`h3`,className:`border-none pb-0 text-2xl tabular-nums tracking-tight`,children:e})]}),t.length>0&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(x,{className:`my-4`}),(0,L.jsxs)(c,{variant:`light`,buttonStyle:`ghost`,onClick:()=>v(!h),className:`flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground`,children:[(0,L.jsx)(r,{weight:`medium`,children:m.detailsToggle}),h?(0,L.jsx)(f,{className:`size-4`}):(0,L.jsx)(u,{className:`size-4`})]}),!!h&&(0,L.jsx)(`div`,{className:`mt-3 space-y-2.5`,children:t.map(e=>(0,L.jsx)(S,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!n&&(0,L.jsxs)(k,{variant:`muted`,className:_(`mt-4`,a&&`cursor-pointer`),onClick:a,children:[(0,L.jsx)(C,{variant:`icon`,className:`text-muted-foreground`,children:(0,L.jsx)(p,{})}),(0,L.jsx)(D,{children:(0,L.jsx)(A,{bold:!1,className:`text-muted-foreground`,children:n})}),(0,L.jsx)(T,{children:(0,L.jsx)(d,{className:`size-4 text-muted-foreground`})})]})]})}R.displayName=`DarkPaymentConfirmation`;function z({referenceCode:e,status:t,details:n=[],amountPaid:a,className:o,strings:s}){let c=g(j,s),l=t??c.statusConfirmed;return(0,L.jsxs)(`div`,{className:_(`booking-receipt--component`,`dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,o),children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,L.jsx)(i,{tag:`h6`,className:`!border-0 !pb-0`,children:c.title}),(0,L.jsxs)(r,{size:`xs`,weight:`medium`,className:`flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success`,children:[(0,L.jsx)(`span`,{className:`size-1.5 rounded-full bg-success`}),l]})]}),n.length>0&&(0,L.jsx)(`div`,{className:`space-y-1.5 text-sm`,children:n.map(e=>(0,L.jsx)(S,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!e&&(0,L.jsx)(r,{tag:`div`,size:`xs`,type:`secondary`,align:`center`,className:`rounded-md bg-muted px-3 py-2 font-mono tracking-wider`,children:e}),(0,L.jsx)(S,{className:`border-t border-border pt-3`,label:c.amountPaidLabel,value:(0,L.jsx)(i,{tag:`h4`,className:`border-none pb-0 text-lg`,children:a}),labelClassName:`text-sm`})]})}z.displayName=`BookingReceiptDark`;function B({title:e,items:t,totalLabel:n,totalValue:a,defaultOpen:o=!0,className:s,strings:l}){let d=g(N,l),p=e??d.defaultTitle,[m,h]=(0,I.useState)(o);return(0,L.jsxs)(`div`,{className:_(`dark-info-panel--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,s),children:[(0,L.jsxs)(c,{variant:`light`,buttonStyle:`ghost`,onClick:()=>h(!m),className:`flex w-full items-center justify-between border-0 p-0 h-auto`,children:[(0,L.jsx)(i,{tag:`h6`,className:`!border-0 !pb-0`,children:p}),m?(0,L.jsx)(f,{className:`size-4 text-muted-foreground`}):(0,L.jsx)(u,{className:`size-4 text-muted-foreground`})]}),!!m&&(0,L.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm`,children:[t.map(e=>(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,L.jsx)(r,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,L.jsx)(r,{weight:`medium`,className:_(`shrink-0 text-right`,e.highlight&&`text-success`),children:e.value})]},e.label)),!!n&&!!a&&(0,L.jsx)(`div`,{className:`border-t border-dashed border-border pt-3`,children:(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,L.jsx)(r,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:n}),(0,L.jsx)(r,{weight:`semibold`,className:`shrink-0 text-right`,children:a})]})})]})]})}B.displayName=`DarkInfoPanel`;var V={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function H({items:e,summary:t=[],total:n,className:a,strings:o}){let s=g(P,o);return(0,L.jsxs)(`div`,{className:_(`order-items--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,a),children:[(0,L.jsx)(i,{tag:`h6`,className:`!border-0 !pb-0`,children:s.title}),(0,L.jsx)(E,{className:`mt-3 gap-2`,children:e.map(e=>(0,L.jsxs)(k,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,L.jsxs)(O,{children:[(0,L.jsx)(r,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,L.jsx)(r,{size:`xs`,weight:`medium`,className:`rounded-full bg-secondary px-3 py-1 text-secondary-foreground`,children:e.badge})]}),(0,L.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,L.jsxs)(D,{children:[(0,L.jsx)(A,{children:e.name}),(0,L.jsx)(w,{clamp:1,children:(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,L.jsx)(`span`,{className:_(`size-2.5 rounded-full`,V[e.tone??`neutral`])}),`x`,e.qty]})})]}),(0,L.jsx)(T,{children:(0,L.jsx)(r,{weight:`bold`,children:e.price})})]})]},e.name))}),!!(t.length>0||n)&&(0,L.jsxs)(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3 text-sm`,children:[t.map(e=>(0,L.jsx)(S,{label:e.label,value:e.value,labelClassName:`text-sm text-muted-foreground`,valueClassName:`text-sm text-muted-foreground`},e.label)),!!n&&(0,L.jsx)(S,{className:`border-t border-dashed border-border pt-2`,label:s.totalLabel,value:n,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`})]})]})}H.displayName=`OrderItemsCard`;function U({amount:e,amountColor:t=`text-warning`,dueDate:n,customer:a,onSendReminder:o,onRecordPayment:s,className:l,strings:u}){let d=g(F,u);return(0,L.jsxs)(`div`,{className:_(`outstanding-balance--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,l),children:[(0,L.jsx)(r,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:d.title}),(0,L.jsx)(i,{tag:`h3`,className:_(`border-none pb-0 text-2xl tabular-nums tracking-tight`,t),children:e}),(0,L.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,L.jsx)(S,{label:d.dueDateLabel,value:(0,L.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,L.jsx)(`span`,{className:`size-2 rounded-full bg-destructive animate-pulse`}),(0,L.jsx)(r,{tag:`span`,weight:`medium`,children:n})]}),labelClassName:`text-xs`}),(0,L.jsx)(S,{label:d.customerLabel,value:a,labelClassName:`text-xs`,valueClassName:`text-sm font-medium`})]}),(0,L.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,L.jsxs)(c,{variant:`warning`,className:`flex-1 rounded-md`,onClick:o,children:[(0,L.jsx)(h,{className:`mr-1.5 size-3.5`}),d.sendReminder]}),(0,L.jsxs)(c,{variant:`success`,className:`flex-1 rounded-md`,onClick:s,children:[(0,L.jsx)(m,{className:`mr-1.5 size-3.5`}),d.recordPayment]})]})]})}U.displayName=`OutstandingBalanceCard`;var W=e({BookingReceipt:()=>K,InfoPanel:()=>q,OrderItems:()=>J,OutstandingBalance:()=>Y,PaymentConfirmation:()=>G});function G(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(R,{amount:`249.00 USD`,details:[{label:`Method`,value:`Visa •••• 4242`},{label:`Reference`,value:`GCT-2026-0847`},{label:`Date`,value:`Mar 27, 2026`}],helpText:`Need help with this transaction?`})})}function K(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(z,{referenceCode:`GCT-BK-2026-0392`,details:[{label:`Vendor`,value:`BG Spa Retreat`},{label:`Service`,value:`Deep Tissue Massage`},{label:`Date`,value:`Apr 2, 2026 — 15:00`}],amountPaid:`135.00 USD`})})}function q(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(B,{title:`Voucher Breakdown`,items:[{label:`Base price`,value:`200 USD`},{label:`Platform fee (5%)`,value:`10 USD`},{label:`VAT (20%)`,value:`40 USD`},{label:`Discount`,value:`-25 USD`,highlight:!0}],totalLabel:`Total Charged`,totalValue:`225 USD`})})}function J(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(H,{items:[{vendor:`Artisan Chocolates`,badge:`Express`,name:`Luxury Truffle Box`,qty:2,price:`48 USD`,tone:`warning`},{vendor:`BG Spa Retreat`,badge:`Standard`,name:`Couples Massage Voucher`,qty:1,price:`120 USD`,tone:`info`}],summary:[{label:`Subtotal`,value:`216 USD`},{label:`Shipping`,value:`5.99 USD`}],total:`265.19 USD`})})}function Y(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(U,{amount:`4,920 USD`,dueDate:`Apr 15, 2026`,customer:`David Williams`,onSendReminder:()=>{},onRecordPayment:()=>{}})})}var X=`import {
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Lr as a,Rr as o,Ur as s,r as c,t as l}from"./example-Cz_880po.js";import{t as u}from"./chevron-down-ByPPEdNm.js";import{t as d}from"./chevron-right-D4pIMCh9.js";import{t as f}from"./chevron-up-Cha879Nz.js";import{t as p}from"./circle-question-mark-xYn9p1nL.js";import{t as m}from"./credit-card-CAI3F3HB.js";import{t as h}from"./send-BWzI7mwi.js";import{k as g,n as _,s as v}from"./index-BQIv1ffM.js";import{t as y}from"./props-table-2pIZzGC-.js";import{t as b}from"./icon-badge-dwVx3Hxf.js";import{t as x}from"./separator-BsYPzBlF.js";import{t as S}from"./inline-stat-DcNP6bcO.js";import{c as C,i as w,n as T,o as E,r as D,s as O,t as k,u as A}from"./item-YF6wMI9W.js";var j={title:`Booking Receipt`,statusConfirmed:`Confirmed`,amountPaidLabel:`Amount Paid`},M={successTitle:`Payment Successful`,successDescription:`Transaction completed`,detailsToggle:`Payment Details`},N={defaultTitle:`Details`},P={title:`Order Items`,totalLabel:`Total`},F={title:`Outstanding Balance`,dueDateLabel:`Due Date`,customerLabel:`Customer`,sendReminder:`Send Reminder`,recordPayment:`Record Payment`},I=t(n(),1),L=v();function R({amount:e,details:t=[],helpText:n,onHelp:r,className:i,strings:l}){let m=g(M,l),[h,v]=(0,I.useState)(!0);return(0,L.jsxs)(`div`,{className:_(`dark-payment--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,i),children:[(0,L.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,L.jsx)(b,{icon:s,tone:`success`,size:`lg`,className:`size-14 [&>svg]:size-7`}),(0,L.jsx)(a,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:m.successTitle}),(0,L.jsx)(o,{size:`xs`,type:`secondary`,children:m.successDescription}),(0,L.jsx)(a,{tag:`h3`,className:`border-none pb-0 text-2xl tabular-nums tracking-tight`,children:e})]}),t.length>0&&(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)(x,{className:`my-4`}),(0,L.jsxs)(c,{variant:`light`,buttonStyle:`ghost`,onClick:()=>v(!h),className:`flex w-full items-center justify-between border-0 p-0 h-auto text-muted-foreground hover:text-foreground`,children:[(0,L.jsx)(o,{weight:`medium`,children:m.detailsToggle}),h?(0,L.jsx)(f,{className:`size-4`}):(0,L.jsx)(u,{className:`size-4`})]}),!!h&&(0,L.jsx)(`div`,{className:`mt-3 space-y-2.5`,children:t.map(e=>(0,L.jsx)(S,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!n&&(0,L.jsxs)(k,{variant:`muted`,className:_(`mt-4`,r&&`cursor-pointer`),onClick:r,children:[(0,L.jsx)(C,{variant:`icon`,className:`text-muted-foreground`,children:(0,L.jsx)(p,{})}),(0,L.jsx)(D,{children:(0,L.jsx)(A,{bold:!1,className:`text-muted-foreground`,children:n})}),(0,L.jsx)(T,{children:(0,L.jsx)(d,{className:`size-4 text-muted-foreground`})})]})]})}R.displayName=`DarkPaymentConfirmation`;function z({referenceCode:e,status:t,details:n=[],amountPaid:r,className:i,strings:s}){let c=g(j,s),l=t??c.statusConfirmed;return(0,L.jsxs)(`div`,{className:_(`booking-receipt--component`,`dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,i),children:[(0,L.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,L.jsx)(a,{tag:`h6`,className:`!border-0 !pb-0`,children:c.title}),(0,L.jsxs)(o,{size:`xs`,weight:`medium`,className:`flex items-center gap-1.5 rounded-full bg-success/15 px-2.5 py-1 text-success`,children:[(0,L.jsx)(`span`,{className:`size-1.5 rounded-full bg-success`}),l]})]}),n.length>0&&(0,L.jsx)(`div`,{className:`space-y-1.5 text-sm`,children:n.map(e=>(0,L.jsx)(S,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!e&&(0,L.jsx)(o,{tag:`div`,size:`xs`,type:`secondary`,align:`center`,className:`rounded-md bg-muted px-3 py-2 font-mono tracking-wider`,children:e}),(0,L.jsx)(S,{className:`border-t border-border pt-3`,label:c.amountPaidLabel,value:(0,L.jsx)(a,{tag:`h4`,className:`border-none pb-0 text-lg`,children:r}),labelClassName:`text-sm`})]})}z.displayName=`BookingReceiptDark`;function B({title:e,items:t,totalLabel:n,totalValue:r,defaultOpen:i=!0,className:s,strings:l}){let d=g(N,l),p=e??d.defaultTitle,[m,h]=(0,I.useState)(i);return(0,L.jsxs)(`div`,{className:_(`dark-info-panel--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,s),children:[(0,L.jsxs)(c,{variant:`light`,buttonStyle:`ghost`,onClick:()=>h(!m),className:`flex w-full items-center justify-between border-0 p-0 h-auto`,children:[(0,L.jsx)(a,{tag:`h6`,className:`!border-0 !pb-0`,children:p}),m?(0,L.jsx)(f,{className:`size-4 text-muted-foreground`}):(0,L.jsx)(u,{className:`size-4 text-muted-foreground`})]}),!!m&&(0,L.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm`,children:[t.map(e=>(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,L.jsx)(o,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,L.jsx)(o,{weight:`medium`,className:_(`shrink-0 text-right`,e.highlight&&`text-success`),children:e.value})]},e.label)),!!n&&!!r&&(0,L.jsx)(`div`,{className:`border-t border-dashed border-border pt-3`,children:(0,L.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,L.jsx)(o,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:n}),(0,L.jsx)(o,{weight:`semibold`,className:`shrink-0 text-right`,children:r})]})})]})]})}B.displayName=`DarkInfoPanel`;var V={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function H({items:e,summary:t=[],total:n,className:r,strings:i}){let s=g(P,i);return(0,L.jsxs)(`div`,{className:_(`order-items--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,r),children:[(0,L.jsx)(a,{tag:`h6`,className:`!border-0 !pb-0`,children:s.title}),(0,L.jsx)(E,{className:`mt-3 gap-2`,children:e.map(e=>(0,L.jsxs)(k,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,L.jsxs)(O,{children:[(0,L.jsx)(o,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,L.jsx)(o,{size:`xs`,weight:`medium`,className:`rounded-full bg-secondary px-3 py-1 text-secondary-foreground`,children:e.badge})]}),(0,L.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,L.jsxs)(D,{children:[(0,L.jsx)(A,{children:e.name}),(0,L.jsx)(w,{clamp:1,children:(0,L.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,L.jsx)(`span`,{className:_(`size-2.5 rounded-full`,V[e.tone??`neutral`])}),`x`,e.qty]})})]}),(0,L.jsx)(T,{children:(0,L.jsx)(o,{weight:`bold`,children:e.price})})]})]},e.name))}),!!(t.length>0||n)&&(0,L.jsxs)(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3 text-sm`,children:[t.map(e=>(0,L.jsx)(S,{label:e.label,value:e.value,labelClassName:`text-sm text-muted-foreground`,valueClassName:`text-sm text-muted-foreground`},e.label)),!!n&&(0,L.jsx)(S,{className:`border-t border-dashed border-border pt-2`,label:s.totalLabel,value:n,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`})]})]})}H.displayName=`OrderItemsCard`;function U({amount:e,amountColor:t=`text-warning`,dueDate:n,customer:r,onSendReminder:i,onRecordPayment:s,className:l,strings:u}){let d=g(F,u);return(0,L.jsxs)(`div`,{className:_(`outstanding-balance--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,l),children:[(0,L.jsx)(o,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:d.title}),(0,L.jsx)(a,{tag:`h3`,className:_(`border-none pb-0 text-2xl tabular-nums tracking-tight`,t),children:e}),(0,L.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,L.jsx)(S,{label:d.dueDateLabel,value:(0,L.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,L.jsx)(`span`,{className:`size-2 rounded-full bg-destructive animate-pulse`}),(0,L.jsx)(o,{tag:`span`,weight:`medium`,children:n})]}),labelClassName:`text-xs`}),(0,L.jsx)(S,{label:d.customerLabel,value:r,labelClassName:`text-xs`,valueClassName:`text-sm font-medium`})]}),(0,L.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,L.jsxs)(c,{variant:`warning`,className:`flex-1 rounded-md`,onClick:i,children:[(0,L.jsx)(h,{className:`mr-1.5 size-3.5`}),d.sendReminder]}),(0,L.jsxs)(c,{variant:`success`,className:`flex-1 rounded-md`,onClick:s,children:[(0,L.jsx)(m,{className:`mr-1.5 size-3.5`}),d.recordPayment]})]})]})}U.displayName=`OutstandingBalanceCard`;var W=e({BookingReceipt:()=>K,InfoPanel:()=>q,OrderItems:()=>J,OutstandingBalance:()=>Y,PaymentConfirmation:()=>G});function G(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(R,{amount:`249.00 USD`,details:[{label:`Method`,value:`Visa •••• 4242`},{label:`Reference`,value:`GCT-2026-0847`},{label:`Date`,value:`Mar 27, 2026`}],helpText:`Need help with this transaction?`})})}function K(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(z,{referenceCode:`GCT-BK-2026-0392`,details:[{label:`Vendor`,value:`BG Spa Retreat`},{label:`Service`,value:`Deep Tissue Massage`},{label:`Date`,value:`Apr 2, 2026 — 15:00`}],amountPaid:`135.00 USD`})})}function q(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(B,{title:`Voucher Breakdown`,items:[{label:`Base price`,value:`200 USD`},{label:`Platform fee (5%)`,value:`10 USD`},{label:`VAT (20%)`,value:`40 USD`},{label:`Discount`,value:`-25 USD`,highlight:!0}],totalLabel:`Total Charged`,totalValue:`225 USD`})})}function J(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(H,{items:[{vendor:`Artisan Chocolates`,badge:`Express`,name:`Luxury Truffle Box`,qty:2,price:`48 USD`,tone:`warning`},{vendor:`BG Spa Retreat`,badge:`Standard`,name:`Couples Massage Voucher`,qty:1,price:`120 USD`,tone:`info`}],summary:[{label:`Subtotal`,value:`216 USD`},{label:`Shipping`,value:`5.99 USD`}],total:`265.19 USD`})})}function Y(){return(0,L.jsx)(L.Fragment,{children:(0,L.jsx)(U,{amount:`4,920 USD`,dueDate:`Apr 15, 2026`,customer:`David Williams`,onSendReminder:()=>{},onRecordPayment:()=>{}})})}var X=`import {
 	DarkPaymentConfirmation,
 	BookingReceiptDark,
 	DarkInfoPanel,
@@ -87,4 +87,4 @@ export function OutstandingBalance() {
 		</>
 	);
 }
-`;function Z(e){let t={h4:`h4`,...e.components};return W||$(`Examples`,!1),K||$(`Examples.BookingReceipt`,!0),q||$(`Examples.InfoPanel`,!0),J||$(`Examples.OrderItems`,!0),Y||$(`Examples.OutstandingBalance`,!0),G||$(`Examples.PaymentConfirmation`,!0),(0,L.jsxs)(a,{title:`Composed · Dark surfaces`,description:`Dark-wrapped components — payment, receipt, info panel, order items, outstanding balance.`,layer:`composed`,status:`ready`,children:[(0,L.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,L.jsx)(l,{name:`PaymentConfirmation`,source:X,children:(0,L.jsx)(G,{})}),(0,L.jsx)(l,{name:`BookingReceipt`,source:X,children:(0,L.jsx)(K,{})}),(0,L.jsx)(l,{name:`InfoPanel`,source:X,children:(0,L.jsx)(q,{})}),(0,L.jsx)(l,{name:`OrderItems`,source:X,children:(0,L.jsx)(J,{})}),(0,L.jsx)(l,{name:`OutstandingBalance`,source:X,children:(0,L.jsx)(Y,{})})]}),(0,L.jsxs)(s,{title:`API`,id:`api`,children:[(0,L.jsx)(t.h4,{children:`DarkPaymentConfirmation`}),(0,L.jsx)(y,{component:`DarkPaymentConfirmation`}),(0,L.jsx)(t.h4,{children:`BookingReceiptDark`}),(0,L.jsx)(y,{component:`BookingReceiptDark`}),(0,L.jsx)(t.h4,{children:`DarkInfoPanel`}),(0,L.jsx)(y,{component:`DarkInfoPanel`}),(0,L.jsx)(t.h4,{children:`OrderItemsCard`}),(0,L.jsx)(y,{component:`OrderItemsCard`}),(0,L.jsx)(t.h4,{children:`OutstandingBalanceCard`}),(0,L.jsx)(y,{component:`OutstandingBalanceCard`})]})]})}function Q(e={}){let{wrapper:t}=e.components||{};return t?(0,L.jsx)(t,{...e,children:(0,L.jsx)(Z,{...e})}):Z(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Q as default};
+`;function Z(e){let t={h4:`h4`,...e.components};return W||$(`Examples`,!1),K||$(`Examples.BookingReceipt`,!0),q||$(`Examples.InfoPanel`,!0),J||$(`Examples.OrderItems`,!0),Y||$(`Examples.OutstandingBalance`,!0),G||$(`Examples.PaymentConfirmation`,!0),(0,L.jsxs)(r,{title:`Composed · Dark surfaces`,description:`Dark-wrapped components — payment, receipt, info panel, order items, outstanding balance.`,layer:`composed`,status:`ready`,children:[(0,L.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,L.jsx)(l,{name:`PaymentConfirmation`,source:X,children:(0,L.jsx)(G,{})}),(0,L.jsx)(l,{name:`BookingReceipt`,source:X,children:(0,L.jsx)(K,{})}),(0,L.jsx)(l,{name:`InfoPanel`,source:X,children:(0,L.jsx)(q,{})}),(0,L.jsx)(l,{name:`OrderItems`,source:X,children:(0,L.jsx)(J,{})}),(0,L.jsx)(l,{name:`OutstandingBalance`,source:X,children:(0,L.jsx)(Y,{})})]}),(0,L.jsxs)(i,{title:`API`,id:`api`,children:[(0,L.jsx)(t.h4,{children:`DarkPaymentConfirmation`}),(0,L.jsx)(y,{component:`DarkPaymentConfirmation`}),(0,L.jsx)(t.h4,{children:`BookingReceiptDark`}),(0,L.jsx)(y,{component:`BookingReceiptDark`}),(0,L.jsx)(t.h4,{children:`DarkInfoPanel`}),(0,L.jsx)(y,{component:`DarkInfoPanel`}),(0,L.jsx)(t.h4,{children:`OrderItemsCard`}),(0,L.jsx)(y,{component:`OrderItemsCard`}),(0,L.jsx)(t.h4,{children:`OutstandingBalanceCard`}),(0,L.jsx)(y,{component:`OutstandingBalanceCard`})]})]})}function Q(e={}){let{wrapper:t}=e.components||{};return t?(0,L.jsx)(t,{...e,children:(0,L.jsx)(Z,{...e})}):Z(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{Q as default};

package/dist/showcase/assets/{database-BVwSMeGM.js → database-oHsxHUj-.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`database`,[[`ellipse`,{cx:`12`,cy:`5`,rx:`9`,ry:`3`,key:`msslwz`}],[`path`,{d:`M3 5V19A9 3 0 0 0 21 19V5`,key:`1wlel7`}],[`path`,{d:`M3 12A9 3 0 0 0 21 12`,key:`mv7ke4`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`database`,[[`ellipse`,{cx:`12`,cy:`5`,rx:`9`,ry:`3`,key:`msslwz`}],[`path`,{d:`M3 5V19A9 3 0 0 0 21 19V5`,key:`1wlel7`}],[`path`,{d:`M3 12A9 3 0 0 0 21 12`,key:`mv7ke4`}]]);export{t};

package/dist/showcase/assets/{date-block-LCTDXG5-.js → date-block-CvCdJr8d.js}

@@ -1 +1 @@
-import{t as e}from"./format-bDaUGCSP.js";import{Er as t}from"./example-BIrQab7K.js";import{k as n,n as r,s as i}from"./index-Cz4UGUT2.js";var a=i(),o={separator:`·`},s={default:{bg:`bg-card`,text:`text-foreground`,border:`border-border`,accent:`text-foreground`,subtle:`text-muted-foreground`},inverse:{bg:`bg-primary`,text:`text-background`,border:`border-primary`,accent:`text-background/80`,subtle:`text-background/65`},muted:{bg:`bg-muted/50`,text:`text-foreground`,border:`border-border`,accent:`text-foreground`,subtle:`text-muted-foreground`},primary:{bg:`bg-primary/10`,text:`text-foreground`,border:`border-primary/30`,accent:`text-primary`,subtle:`text-muted-foreground`},success:{bg:`bg-success/10`,text:`text-foreground`,border:`border-success/30`,accent:`text-success`,subtle:`text-muted-foreground`},warning:{bg:`bg-warning/15`,text:`text-foreground`,border:`border-warning/40`,accent:`text-warning-foreground`,subtle:`text-muted-foreground`},destructive:{bg:`bg-destructive/10`,text:`text-foreground`,border:`border-destructive/30`,accent:`text-destructive`,subtle:`text-muted-foreground`},info:{bg:`bg-info/10`,text:`text-foreground`,border:`border-info/30`,accent:`text-info`,subtle:`text-muted-foreground`}};function c(e){return e instanceof Date?e:new Date(e)}function l({date:i,time:l,locale:u,layout:d=`stacked`,timePlacement:f,tone:p=`default`,boxed:m,showMonth:h=!0,dayFormat:g=`d`,weekdayFormat:_=`EEE`,monthFormat:v=`MMM`,className:y,strings:b}){let x=c(i),S=n(o,b),C=s[p],w=!Number.isNaN(x.getTime()),T=w?e(x,_,u?{locale:u}:void 0):``,E=w?e(x,g,u?{locale:u}:void 0):``,D=w?e(x,v,u?{locale:u}:void 0):``,O=f??(d===`inline`?`inline`:`below`),k=m??d===`stacked`;return d===`inline`?(0,a.jsxs)(`span`,{className:r(`date-block--component`,`inline-flex items-center gap-1.5 tabular-nums`,k&&r(`rounded-md border px-2 py-1`,C.bg,C.border),y),children:[(0,a.jsx)(t,{size:`xs`,weight:`semibold`,className:r(C.accent,`uppercase tracking-wide`),children:T}),(0,a.jsx)(t,{weight:`semibold`,children:E}),!!h&&(0,a.jsx)(t,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:D}),!!l&&O===`inline`&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t,{size:`xs`,type:`discrete`,"aria-hidden":!0,children:S.separator}),(0,a.jsx)(t,{size:`xs`,type:`secondary`,children:l})]})]}):(0,a.jsxs)(`div`,{className:r(`inline-flex flex-col items-center gap-0.5`,y),children:[(0,a.jsxs)(`div`,{className:r(`flex flex-col items-center justify-center gap-1 tabular-nums`,k&&r(`w-14 min-h-14 rounded-md border px-1.5 py-1.5`,C.bg,C.border)),children:[(0,a.jsx)(t,{size:`xxs`,weight:`semibold`,style:{lineHeight:1},className:r(C.accent,`uppercase tracking-wider`),children:T}),(0,a.jsx)(t,{size:`lg`,weight:`bold`,style:{lineHeight:1},className:C.text,children:E}),!!h&&(0,a.jsx)(t,{size:`xxs`,style:{lineHeight:1},className:r(C.subtle,`uppercase tracking-wider`),children:D})]}),!!l&&O===`below`&&(0,a.jsx)(t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:l}),!!l&&O===`inline`&&(0,a.jsx)(t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:l})]})}l.displayName=`DateBlock`;export{l as t};
+import{t as e}from"./format-DrTwpH65.js";import{Rr as t}from"./example-Cz_880po.js";import{k as n,n as r,s as i}from"./index-BQIv1ffM.js";var a=i(),o={separator:`·`},s={default:{bg:`bg-card`,text:`text-foreground`,border:`border-border`,accent:`text-foreground`,subtle:`text-muted-foreground`},inverse:{bg:`bg-primary`,text:`text-background`,border:`border-primary`,accent:`text-background/80`,subtle:`text-background/65`},muted:{bg:`bg-muted/50`,text:`text-foreground`,border:`border-border`,accent:`text-foreground`,subtle:`text-muted-foreground`},primary:{bg:`bg-primary/10`,text:`text-foreground`,border:`border-primary/30`,accent:`text-primary`,subtle:`text-muted-foreground`},success:{bg:`bg-success/10`,text:`text-foreground`,border:`border-success/30`,accent:`text-success`,subtle:`text-muted-foreground`},warning:{bg:`bg-warning/15`,text:`text-foreground`,border:`border-warning/40`,accent:`text-warning-foreground`,subtle:`text-muted-foreground`},destructive:{bg:`bg-destructive/10`,text:`text-foreground`,border:`border-destructive/30`,accent:`text-destructive`,subtle:`text-muted-foreground`},info:{bg:`bg-info/10`,text:`text-foreground`,border:`border-info/30`,accent:`text-info`,subtle:`text-muted-foreground`}};function c(e){return e instanceof Date?e:new Date(e)}function l({date:i,time:l,locale:u,layout:d=`stacked`,timePlacement:f,tone:p=`default`,boxed:m,showMonth:h=!0,dayFormat:g=`d`,weekdayFormat:_=`EEE`,monthFormat:v=`MMM`,className:y,strings:b}){let x=c(i),S=n(o,b),C=s[p],w=!Number.isNaN(x.getTime()),T=w?e(x,_,u?{locale:u}:void 0):``,E=w?e(x,g,u?{locale:u}:void 0):``,D=w?e(x,v,u?{locale:u}:void 0):``,O=f??(d===`inline`?`inline`:`below`),k=m??d===`stacked`;return d===`inline`?(0,a.jsxs)(`span`,{className:r(`date-block--component`,`inline-flex items-center gap-1.5 tabular-nums`,k&&r(`rounded-md border px-2 py-1`,C.bg,C.border),y),children:[(0,a.jsx)(t,{size:`xs`,weight:`semibold`,className:r(C.accent,`uppercase tracking-wide`),children:T}),(0,a.jsx)(t,{weight:`semibold`,children:E}),!!h&&(0,a.jsx)(t,{size:`xs`,type:`secondary`,className:`uppercase tracking-wide`,children:D}),!!l&&O===`inline`&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t,{size:`xs`,type:`discrete`,"aria-hidden":!0,children:S.separator}),(0,a.jsx)(t,{size:`xs`,type:`secondary`,children:l})]})]}):(0,a.jsxs)(`div`,{className:r(`inline-flex flex-col items-center gap-0.5`,y),children:[(0,a.jsxs)(`div`,{className:r(`flex flex-col items-center justify-center gap-1 tabular-nums`,k&&r(`w-14 min-h-14 rounded-md border px-1.5 py-1.5`,C.bg,C.border)),children:[(0,a.jsx)(t,{size:`xxs`,weight:`semibold`,style:{lineHeight:1},className:r(C.accent,`uppercase tracking-wider`),children:T}),(0,a.jsx)(t,{size:`lg`,weight:`bold`,style:{lineHeight:1},className:C.text,children:E}),!!h&&(0,a.jsx)(t,{size:`xxs`,style:{lineHeight:1},className:r(C.subtle,`uppercase tracking-wider`),children:D})]}),!!l&&O===`below`&&(0,a.jsx)(t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:l}),!!l&&O===`inline`&&(0,a.jsx)(t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:l})]})}l.displayName=`DateBlock`;export{l as t};