admin-ui-starter-kit 0.6.6 → 0.6.8

package/dist/showcase/assets/commerce-21Ef_rsW.js

@@ -0,0 +1,267 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{f as r,n as i,o as a,p as o,t as s}from"./section-BXsVHOsI.js";import{t as c}from"./calendar-CGTiVckW.js";import{Or as l,r as u,t as d}from"./example-Cv05rz75.js";import{t as f}from"./circle-C9Ooo8Lv.js";import{t as p}from"./credit-card-QbZMZB90.js";import{t as m}from"./gift-B2Qp9Vqt.js";import{t as h}from"./map-pin-D0qrpDJI.js";import{t as g}from"./package-DhQRoFDo.js";import{t as _}from"./receipt-jvwbPuE3.js";import{t as v}from"./rotate-ccw-DEIVfiHA.js";import{t as ee}from"./shopping-bag-DAeaVQ5O.js";import{t as y}from"./sparkles-DqH40POl.js";import{t as te}from"./star-dD4CAJ83.js";import{t as ne}from"./trash-2-zILxQmtX.js";import{t as b}from"./x--LIqlhum.js";import{t as re}from"./zap-C1fX30vt.js";import{N as x,c as ie,d as ae,l as S,n as C}from"./index-ATou_nFA.js";import{t as w}from"./props-table-BAfz1Zc6.js";import{t as T}from"./icon-badge-Cr6DD-_7.js";import{t as E}from"./smart-card-DER7dpD9.js";import{t as D}from"./separator-BLOG_8oO.js";import{a as oe,c as O,i as k,n as A,o as j,r as M,t as N,u as P}from"./item-Baq-Mmy2.js";import{t as se}from"./date-block-CqRL1xfo.js";import{t as ce}from"./input-Cmrgo51H.js";import{n as le}from"./form-field-SW-Yp7H7.js";import{t as F}from"./inline-stat-DGpunTNF.js";var ue=S(`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`}]]),de=S(`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`}]]),fe=S(`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`}]]),pe=S(`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`}]]),me=S(`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`}]]),I=ae();function he(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 ge({bookings:e,className:t,locale:n,dateTone:r=`inverse`,timePlacement:i=`below`}){return(0,I.jsx)(j,{className:C(`upcoming-booking--component w-full gap-2`,t),children:e.map((e,t)=>{let a=he(e);return(0,I.jsxs)(N,{className:`items-center`,children:[!!a&&(0,I.jsx)(O,{children:(0,I.jsx)(se,{date:a,time:i===`below`?e.time:void 0,tone:r,locale:n,timePlacement:`below`,layout:`stacked`})}),(0,I.jsxs)(M,{className:`min-w-0 sm:min-w-48`,children:[(0,I.jsx)(P,{children:e.service}),(0,I.jsx)(k,{clamp:1,children:e.customer})]}),(0,I.jsxs)(A,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[i===`inline-trailing`&&(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,I.jsx)(o,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}ge.displayName=`UpcomingBookingRow`;var _e={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function ve({balance:e,tier:t=`Gold Tier`,tierVariant:n,history:i=[],redeemLabel:s,onRedeem:c,className:l,strings:d}){let f=x(x(_e,s===void 0?void 0:{redeem:s}),d);return(0,I.jsxs)(E,{className:C(`loyalty-points--component w-full`,l),children:[(0,I.jsx)(F,{label:f.balanceLabel,value:(0,I.jsxs)(a,{variant:`warning`,children:[(0,I.jsx)(me,{className:`mr-1 inline size-3`}),t]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,I.jsx)(r,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:typeof e==`number`?e.toLocaleString():e}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:f.pointsAvailable}),(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(j,{children:i.map(e=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsxs)(M,{children:[(0,I.jsx)(P,{bold:!1,children:e.label}),(0,I.jsx)(k,{clamp:1,children:e.date})]}),(0,I.jsx)(A,{children:(0,I.jsx)(o,{weight:`semibold`,className:C(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,I.jsxs)(u,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:c,children:[(0,I.jsx)(m,{className:`mr-1.5 size-3.5`}),f.redeem]})]})}ve.displayName=`LoyaltyPointsCard`;var ye={title:`Applied Discounts`,totalSavings:`Total Savings`};function be({discounts:e,totalSavings:t,className:n,strings:i}){let s=x(ye,i);return(0,I.jsxs)(E,{title:s.title,className:C(`discount-stack--component w-full`,n),children:[(0,I.jsx)(j,{className:`mt-4`,children:e.map(e=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(a,{variant:e.badge,className:`w-16 justify-center`,children:e.type})}),(0,I.jsx)(M,{children:(0,I.jsx)(P,{bold:!1,children:e.label})}),(0,I.jsx)(A,{children:(0,I.jsx)(o,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(F,{label:s.totalSavings,value:(0,I.jsx)(r,{tag:`h4`,className:`text-base tabular-nums tracking-tight text-success border-none pb-0`,children:t}),labelClassName:`text-sm font-semibold`})]})}be.displayName=`DiscountStackPreview`;function xe({trackingNumber:e,carrier:t,status:n,steps:r,details:i=[],className:s}){return(0,I.jsxs)(E,{className:C(`shipment-tracking--component w-full`,s),children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsx)(o,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!t&&(0,I.jsx)(a,{variant:`info`,children:t})]}),(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,I.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,I.jsx)(o,{weight:`semibold`,children:n})]}),(0,I.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:r.map((e,t)=>(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,I.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,I.jsx)(`div`,{className:C(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),t<r.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),i.length>0&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(D,{className:`my-4`}),(0,I.jsx)(`div`,{className:`space-y-2`,children:i.map(e=>(0,I.jsx)(F,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}xe.displayName=`ShipmentTrackingCard`;var Se={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function Ce({subtotal:e,taxes:t,totalTax:n,total:r,className:i,strings:a}){let s=x(Se,a);return(0,I.jsxs)(E,{icon:(0,I.jsx)(_,{className:`size-4`}),title:s.title,className:C(`tax-breakdown--component w-full`,i),children:[(0,I.jsx)(F,{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:`xs`,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)(F,{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)(F,{label:s.total,value:r,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`})]})}Ce.displayName=`TaxBreakdownCard`;var we={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function Te({planName:e,priceLabel:t,cycleLabel:n,nextBillingDate:i,statusLabel:s,perks:d=[],onManage:f,onUpgrade:p,className:m,strings:h}){let g=x(we,h);return(0,I.jsxs)(E,{icon:(0,I.jsx)(fe,{className:`size-4`}),title:g.title,headerEnd:s?(0,I.jsx)(a,{variant:`success`,children:s}):null,className:C(`subscription-summary--component w-full`,m),children:[(0,I.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,I.jsx)(o,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.plan}),(0,I.jsx)(r,{tag:`h3`,className:`mt-1 text-base 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:`base`,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)(c,{className:`size-3.5 text-muted-foreground`}),(0,I.jsx)(o,{size:`xs`,type:`secondary`,children:g.nextBilling})]}),(0,I.jsx)(o,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:i})]}),d.length>0&&(0,I.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,I.jsx)(o,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.perks}),(0,I.jsx)(j,{children:d.map((e,t)=>(0,I.jsxs)(N,{size:`small`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:e.icon??l,tone:`success`,size:`small`})}),(0,I.jsx)(M,{children:(0,I.jsx)(P,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(f||p)&&(0,I.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!f&&(0,I.jsx)(u,{variant:`secondary`,buttonStyle:`outline`,onClick:f,className:`flex-1`,children:g.manage}),!!p&&(0,I.jsxs)(u,{variant:`primary`,onClick:p,className:`flex-1`,children:[g.upgrade,(0,I.jsx)(ie,{className:`ml-1 size-3.5`})]})]})]})}Te.displayName=`SubscriptionSummaryCard`;var Ee={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},L=[`requested`,`approved`,`processing`,`completed`];function De({stage:e,amount:t,reason:n,method:i,eta:a,requestedAt:s,className:c,strings:u}){let d=x(Ee,u),f=L.indexOf(e);return(0,I.jsxs)(E,{icon:(0,I.jsx)(v,{className:`size-4`}),title:d.title,className:C(`refund-status--component w-full`,c),children:[(0,I.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,I.jsx)(o,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:d.amount}),(0,I.jsx)(r,{tag:`h3`,className:`text-lg tabular-nums tracking-tight`,children:t}),!!s&&(0,I.jsxs)(o,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[d.requested,`: `,s]})]}),(0,I.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:L.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)(l,{className:`size-3`}):(0,I.jsx)(o,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums`,children:t+1})}),t<L.length-1&&(0,I.jsx)(`div`,{className:C(`h-0.5 flex-1`,t<f?`bg-success`:`bg-border`)})]}),(0,I.jsx)(o,{size:`xs`,weight:r?`semibold`:`medium`,type:n?`main`:`secondary`,className:`text-center leading-tight`,children:d[e]})]},e)})}),(n||i||a)&&(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)(F,{label:d.reason,value:n,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!i&&(0,I.jsx)(F,{label:d.method,value:i,valueClassName:`text-sm font-medium`}),!!a&&(0,I.jsx)(F,{label:d.eta,value:a,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}De.displayName=`RefundStatusCard`;var Oe={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function R({kind:e=`shipping`,name:t,line1:n,line2:r,city:i,region:s,postalCode:c,country:l,phone:u,isDefault:d=!1,onEdit:f,onRemove:p,onMakeDefault:m,className:g,strings:_}){let v=x(Oe,_),ee={shipping:v.shipping,billing:v.billing,pickup:v.pickup},y=[i,s,c].filter(Boolean).join(`, `),b=[];return f&&b.push({id:`edit`,label:v.edit,icon:(0,I.jsx)(de,{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)(h,{className:`size-4`}),title:ee[e],titleSuffix:d?(0,I.jsx)(a,{variant:`primary`,children:v.defaultBadge}):null,actions:b.length>0?b:void 0,className:C(`address-card--component w-full`,g),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})]})})}R.displayName=`AddressCard`;var ke={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.`},z=t(n(),1),Ae=e=>e.toUpperCase();function je({appliedCode:e,balance:t,error:n,loading:r,onCheck:i,onRemove:s,className:c,strings:d}){let f=x(ke,d),p=(0,z.useId)(),[h,g]=(0,z.useState)(``),_=h.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,c),children:(0,I.jsxs)(N,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:l,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(M,{className:`min-w-0`,children:[(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,I.jsx)(P,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(a,{variant:`success`,size:`small`,children:f.applied})]}),(0,I.jsx)(k,{clamp:1,children:f.balance})]}),(0,I.jsxs)(oe,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(A,{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}),!!s&&(0,I.jsx)(u,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:s,"aria-label":f.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(b,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(m,{className:`size-4`}),title:f.title,className:C(`voucher-entry--component w-full`,c),children:(0,I.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),_&&i?.(_)},children:(0,I.jsx)(le,{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-48 flex-1`,children:(0,I.jsx)(ce,{id:p,value:h,onChange:e=>g(Ae(e.target.value)),placeholder:f.placeholder,startIcon:m,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(u,{type:`submit`,loading:r,disabled:!_,className:`shrink-0`,children:f.check})]})})})})}je.displayName=`VoucherEntryCard`;var Me={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},Ne=e=>e.replace(/^[\s−-]+/,``),Pe=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,Fe=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),Ie=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function Le({title:e}){return(0,I.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xs font-semibold text-muted-foreground ring-1 ring-border/60`,children:Ie(e)})}function Re({items:e,subtotal:t,tax:n,shipping:r,discount:i,total:a,onCheckout:s,className:c,strings:l}){let d=x(Me,l),f=!!(t||n||r||i);return(0,I.jsxs)(E,{icon:(0,I.jsx)(ee,{className:`size-4`}),title:d.title,className:C(`cart-summary--component w-full`,c),children:[(0,I.jsx)(j,{children:e.map(e=>{let t=Pe(e),n=Fe(e);return(0,I.jsxs)(N,{className:`cart-summary--item`,children:[(0,I.jsx)(O,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,I.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,I.jsx)(Le,{title:t})}),(0,I.jsxs)(M,{className:`cart-summary--item-content`,children:[(0,I.jsx)(P,{children:t}),!!e.variantTitle&&(0,I.jsx)(k,{clamp:1,children:e.variantTitle})]}),(0,I.jsx)(A,{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)(F,{label:d.subtotal,value:t,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!n&&(0,I.jsx)(F,{label:d.tax,value:n,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!r&&(0,I.jsx)(F,{label:d.shipping,value:r,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!i&&(0,I.jsx)(F,{label:d.discount,value:`−${Ne(i)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,I.jsx)(D,{className:`my-3`}),(0,I.jsx)(F,{label:d.total,value:a,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-base font-bold`}),!!s&&(0,I.jsx)(u,{onClick:s,fullWidth:!0,className:`mt-4`,children:d.checkout})]})}Re.displayName=`CartSummaryCard`;var ze={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},Be=e=>e.replace(/^[\s−-]+/,``),Ve=e=>e.toUpperCase();function B({appliedCode:e,appliedDiscount:t,error:n,onApply:r,onRemove:i,loading:a,className:s,strings:c}){let d=x(ze,c),[f,p]=(0,z.useState)(``),m=f.trim();return e?(0,I.jsx)(E,{icon:(0,I.jsx)(pe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,s),children:(0,I.jsxs)(N,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,I.jsx)(O,{children:(0,I.jsx)(T,{icon:l,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,I.jsxs)(M,{className:`min-w-0`,children:[(0,I.jsx)(P,{className:`max-w-full font-mono tracking-wider`,children:e}),(0,I.jsx)(k,{className:`uppercase tracking-wide`,clamp:1,children:d.applied})]}),(0,I.jsxs)(oe,{className:`border-t border-success/15 pt-1`,children:[(0,I.jsx)(`span`,{}),(0,I.jsxs)(A,{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:[`−`,Be(t)]}),!!i&&(0,I.jsx)(u,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:i,"aria-label":d.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,I.jsx)(b,{className:`size-3.5`})})]})]})]})}):(0,I.jsx)(E,{icon:(0,I.jsx)(pe,{className:`size-4`}),title:d.title,className:C(`coupon-input--component w-full`,s),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-44 flex-1`,children:(0,I.jsx)(ce,{value:f,onChange:e=>p(Ve(e.target.value)),placeholder:d.placeholder,startIcon:y,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!n})}),(0,I.jsx)(u,{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})]})})}B.displayName=`CouponInputCard`;var He={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},Ue={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function We({orderNumber:e,status:t,statusVariant:n,events:r,currentEta:i,className:s,strings:c}){let u=x(He,c),d=n??Ue[t],p=r.reduce((e,t,n)=>t.complete?n:e,-1),m=r[p]??r[0],h=r.find(e=>!e.complete);return(0,I.jsxs)(E,{icon:(0,I.jsx)(g,{className:`size-4`}),title:u.title,titleSuffix:(0,I.jsx)(a,{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)(o,{size:`xs`,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:`xs`,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:`xs`,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===p;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)(l,{className:`size-3.5`,strokeWidth:2.5}):i?(0,I.jsx)(ue,{className:`size-3.5`}):(0,I.jsx)(f,{className:`size-3`})}),!n&&(0,I.jsx)(`span`,{"aria-hidden":`true`,className:C(`min-h-6 w-px flex-1`,t<p?`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}`)})})]})}We.displayName=`OrderStatusCard`;var Ge={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Ke={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},qe={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 Je({brand:e,last4:t,expiry:n,holderName:r,isDefault:i,onChange:s,className:c,strings:l}){let d=x(Ge,l),f=Ke[e],m=qe[e];return(0,I.jsx)(E,{icon:(0,I.jsx)(p,{className:`size-4`}),title:d.title,titleSuffix:i?(0,I.jsx)(a,{variant:`primary`,children:d.default}):null,headerAction:s?(0,I.jsx)(u,{buttonStyle:`ghost`,variant:`secondary`,onClick:s,children:d.change}):void 0,className:C(`payment-method--component w-full`,c),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`,m),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:`xs`,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:`xs`,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})]})]})]})})}Je.displayName=`PaymentMethodCard`;var Ye=e({DiscountStack:()=>U,LoyaltyPoints:()=>H,ShipmentTracking:()=>W,UpcomingBookings:()=>V});function V(){return(0,I.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,I.jsx)(E,{children:(0,I.jsx)(ge,{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 H(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(ve,{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 U(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(be,{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 W(){return(0,I.jsx)(`div`,{className:`w-full max-w-xl`,children:(0,I.jsx)(xe,{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 Xe=e({AddressCardExample:()=>et,CartSummaryCardExample:()=>G,CouponInputCardEmptyApplied:()=>K,OrderStatusCardExample:()=>q,PaymentMethodCardExample:()=>J,RefundStatusCardExample:()=>$e,SubscriptionSummaryCardExample:()=>X,TaxBreakdownCardExample:()=>Y,VoucherEntryCardExample:()=>tt}),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`,Qe=`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 G(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Re,{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:Qe},{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 K(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-4xl gap-4 md:grid-cols-2`,children:[(0,I.jsx)(B,{onApply:()=>{}}),(0,I.jsx)(B,{appliedCode:`SPRING2026`,appliedDiscount:`88.40 USD`,onRemove:()=>{}})]})}function q(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(We,{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 J(){return(0,I.jsx)(`div`,{className:`w-full max-w-sm`,children:(0,I.jsx)(Je,{brand:`visa`,last4:`4242`,expiry:`04/27`,holderName:`Sarah Smitha`,isDefault:!0,onChange:()=>{}})})}function Y(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(Ce,{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 X(){return(0,I.jsx)(`div`,{className:`w-full max-w-lg`,children:(0,I.jsx)(Te,{planName:`Pro Annual`,priceLabel:`€29`,cycleLabel:`/ month`,nextBillingDate:`May 12, 2026`,statusLabel:`Active`,perks:[{icon:y,label:`AI assist included`},{icon:te,label:`Priority support`},{icon:re,label:`Unlimited bookings`}],onManage:()=>{},onUpgrade:()=>{}})})}function $e(){return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(De,{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 et(){return(0,I.jsxs)(`div`,{className:`grid w-full max-w-3xl gap-3 md:grid-cols-2`,children:[(0,I.jsx)(R,{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)(R,{kind:`billing`,name:`Daniel Smith`,line1:`ul. Slavyanska 9`,line2:`floor 3`,city:`Los Angeles`,postalCode:`4000`,country:`USA`,onEdit:()=>{},onRemove:()=>{},onMakeDefault:()=>{}})]})}function tt(){let[e,t]=(0,z.useState)(!1);return(0,I.jsx)(`div`,{className:`w-full max-w-md`,children:(0,I.jsx)(je,{onCheck:()=>t(!0),...e?{appliedCode:`GCT-2026-PETROV`,balance:`120.00 USD`,onRemove:()=>t(!1)}:{}})})}var Z=`import {
+	DiscountStackPreview,
+	LoyaltyPointsCard,
+	ShipmentTrackingCard,
+	UpcomingBookingRow,
+} from '@/components/composed/commerce';
+import { SmartCard } from '@/components/base/cards';
+
+export function UpcomingBookings() {
+	return (
+		<div className="w-full max-w-xl">
+			<SmartCard>
+				<UpcomingBookingRow
+					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' },
+					]}
+				/>
+			</SmartCard>
+		</div>
+	);
+}
+
+export function LoyaltyPoints() {
+	return (
+		<div className="w-full max-w-md">
+			<LoyaltyPointsCard
+				balance="4,830"
+				tier="Gold Tier"
+				history={[
+					{ label: 'Spa booking', points: '+250', date: 'Mar 24', positive: true },
+					{ label: 'Redeemed coupon', points: '-500', date: 'Mar 18', positive: false },
+					{ label: 'Wine tasting order', points: '+180', date: 'Mar 12', positive: true },
+				]}
+				onRedeem={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function DiscountStack() {
+	return (
+		<div className="w-full max-w-lg">
+			<DiscountStackPreview
+				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"
+			/>
+		</div>
+	);
+}
+
+export function ShipmentTracking() {
+	return (
+		<div className="w-full max-w-xl">
+			<ShipmentTrackingCard
+				trackingNumber="TRK-9847261035"
+				carrier="Speedy"
+				status="In Transit"
+				steps={[
+					{ label: 'Picked up', done: true },
+					{ label: 'In transit', done: true },
+					{ label: 'Out for delivery', done: false },
+					{ label: 'Delivered', done: false },
+				]}
+				details={[
+					{ label: 'Est. Delivery', value: 'Mar 29, 2026' },
+					{ label: 'Recipient', value: 'Daniel Smith' },
+				]}
+			/>
+		</div>
+	);
+}
+`,Q=`import { useState } from 'react';
+import { Sparkles, Star, Zap } from 'lucide-react';
+import {
+	AddressCard,
+	CartSummaryCard,
+	CouponInputCard,
+	OrderStatusCard,
+	PaymentMethodCard,
+	RefundStatusCard,
+	SubscriptionSummaryCard,
+	TaxBreakdownCard,
+	VoucherEntryCard,
+} from '@/components/composed/commerce';
+
+const bottleThumb = \`data:image/svg+xml;utf8,\${encodeURIComponent(\`
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
+	<rect width="96" height="96" rx="18" fill="#edf1e9"/>
+	<rect x="34" y="20" width="28" height="58" rx="9" fill="#53624d"/>
+	<rect x="39" y="12" width="18" height="13" rx="4" fill="#303b2e"/>
+	<rect x="39" y="39" width="18" height="22" rx="4" fill="#f7f0d7"/>
+</svg>
+\`)}\`;
+
+const voucherThumb = \`data:image/svg+xml;utf8,\${encodeURIComponent(\`
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96">
+	<rect width="96" height="96" rx="18" fill="#eef1f5"/>
+	<ellipse cx="49" cy="73" rx="29" ry="7" fill="#d6dde6"/>
+	<rect x="24" y="38" width="32" height="30" rx="8" fill="#ffffff"/>
+	<rect x="30" y="30" width="32" height="30" rx="8" fill="#dfe6ef"/>
+	<rect x="55" y="24" width="14" height="44" rx="7" fill="#697586"/>
+	<rect x="58" y="17" width="8" height="9" rx="3" fill="#485467"/>
+	<circle cx="35" cy="66" r="9" fill="#cad6df"/>
+</svg>
+\`)}\`;
+
+export function CartSummaryCardExample() {
+	return (
+		<div className="w-full max-w-md">
+			<CartSummaryCard
+				items={[
+					{ id: '1', name: 'Estate olive oil', variantTitle: '500 ml bottle', qty: 2, price: '48 USD', src: bottleThumb },
+					{ id: '2', productTitle: 'Spa day voucher', variantTitle: 'Weekend package', qty: 1, price: '180 USD', url: voucherThumb },
+					{ 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={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function CouponInputCardEmptyApplied() {
+	return (
+		<div className="grid w-full max-w-4xl gap-4 md:grid-cols-2">
+			<CouponInputCard onApply={() => {}} />
+			<CouponInputCard appliedCode="SPRING2026" appliedDiscount="88.40 USD" onRemove={() => {}} />
+		</div>
+	);
+}
+
+export function OrderStatusCardExample() {
+	return (
+		<div className="w-full max-w-md">
+			<OrderStatusCard
+				orderNumber="ORD-2026-0412"
+				status="shipped"
+				currentEta="Mar 29, 2026"
+				events={[
+					{ label: 'Placed', timestamp: 'Mar 24', complete: true },
+					{ label: 'Paid', timestamp: 'Mar 24', complete: true },
+					{ label: 'Fulfilled', timestamp: 'Mar 25', complete: true },
+					{ label: 'Shipped', timestamp: 'Mar 26', complete: true },
+					{ label: 'Delivered', complete: false },
+				]}
+			/>
+		</div>
+	);
+}
+
+export function PaymentMethodCardExample() {
+	return (
+		<div className="w-full max-w-sm">
+			<PaymentMethodCard brand="visa" last4="4242" expiry="04/27" holderName="Sarah Smitha" isDefault onChange={() => {}} />
+		</div>
+	);
+}
+
+export function TaxBreakdownCardExample() {
+	return (
+		<div className="w-full max-w-md">
+			<TaxBreakdownCard
+				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"
+			/>
+		</div>
+	);
+}
+
+export function SubscriptionSummaryCardExample() {
+	return (
+		<div className="w-full max-w-lg">
+			<SubscriptionSummaryCard
+				planName="Pro Annual"
+				priceLabel="€29"
+				cycleLabel="/ month"
+				nextBillingDate="May 12, 2026"
+				statusLabel="Active"
+				perks={[
+					{ icon: Sparkles, label: 'AI assist included' },
+					{ icon: Star, label: 'Priority support' },
+					{ icon: Zap, label: 'Unlimited bookings' },
+				]}
+				onManage={() => {}}
+				onUpgrade={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function RefundStatusCardExample() {
+	return (
+		<div className="w-full max-w-md">
+			<RefundStatusCard
+				stage="processing"
+				amount="180.00 USD"
+				reason="Customer cancelled within 48h window"
+				method="Visa ending 4242"
+				eta="Apr 14, 2026"
+				requestedAt="Apr 8, 2026"
+			/>
+		</div>
+	);
+}
+
+export function AddressCardExample() {
+	return (
+		<div className="grid w-full max-w-3xl gap-3 md:grid-cols-2">
+			<AddressCard
+				kind="shipping"
+				name="Sarah Smitha"
+				line1="ul. Vitosha 24, ap. 5"
+				city="New York"
+				postalCode="1000"
+				country="USA"
+				phone="+1 888 123 456"
+				isDefault
+				onEdit={() => {}}
+				onRemove={() => {}}
+			/>
+			<AddressCard
+				kind="billing"
+				name="Daniel Smith"
+				line1="ul. Slavyanska 9"
+				line2="floor 3"
+				city="Los Angeles"
+				postalCode="4000"
+				country="USA"
+				onEdit={() => {}}
+				onRemove={() => {}}
+				onMakeDefault={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function VoucherEntryCardExample() {
+	const [voucherApplied, setVoucherApplied] = useState(false);
+	return (
+		<div className="w-full max-w-md">
+			<VoucherEntryCard
+				onCheck={() => setVoucherApplied(true)}
+				{...(voucherApplied
+					? { appliedCode: 'GCT-2026-PETROV', balance: '120.00 USD', onRemove: () => setVoucherApplied(false) }
+					: {})}
+			/>
+		</div>
+	);
+}
+`;function nt(e){let t={h4:`h4`,...e.components};return Ye||$(`Examples`,!1),U||$(`Examples.DiscountStack`,!0),H||$(`Examples.LoyaltyPoints`,!0),W||$(`Examples.ShipmentTracking`,!0),V||$(`Examples.UpcomingBookings`,!0),Xe||$(`ExtraExamples`,!1),et||$(`ExtraExamples.AddressCardExample`,!0),G||$(`ExtraExamples.CartSummaryCardExample`,!0),K||$(`ExtraExamples.CouponInputCardEmptyApplied`,!0),q||$(`ExtraExamples.OrderStatusCardExample`,!0),J||$(`ExtraExamples.PaymentMethodCardExample`,!0),$e||$(`ExtraExamples.RefundStatusCardExample`,!0),X||$(`ExtraExamples.SubscriptionSummaryCardExample`,!0),Y||$(`ExtraExamples.TaxBreakdownCardExample`,!0),tt||$(`ExtraExamples.VoucherEntryCardExample`,!0),(0,I.jsxs)(i,{title:`Composed · Commerce`,description:`Bookings, loyalty, discount stacks, shipment tracking, cart, coupons, payment, tax, subscription, refund, address, and voucher surfaces.`,layer:`composed`,status:`ready`,children:[(0,I.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,I.jsx)(d,{name:`UpcomingBookings`,source:Z,children:(0,I.jsx)(V,{})}),(0,I.jsx)(d,{name:`LoyaltyPoints`,source:Z,children:(0,I.jsx)(H,{})}),(0,I.jsx)(d,{name:`DiscountStack`,source:Z,children:(0,I.jsx)(U,{})}),(0,I.jsx)(d,{name:`ShipmentTracking`,source:Z,children:(0,I.jsx)(W,{})})]}),(0,I.jsxs)(s,{title:`Cart and promotions`,id:`cart-promotions`,children:[(0,I.jsx)(d,{name:`CartSummaryCardExample`,source:Q,children:(0,I.jsx)(G,{})}),(0,I.jsx)(d,{name:`CouponInputCardEmptyApplied`,source:Q,children:(0,I.jsx)(K,{})}),(0,I.jsx)(d,{name:`VoucherEntryCardExample`,source:Q,children:(0,I.jsx)(tt,{})})]}),(0,I.jsxs)(s,{title:`Fulfillment and billing`,id:`fulfillment-billing`,children:[(0,I.jsx)(d,{name:`OrderStatusCardExample`,source:Q,children:(0,I.jsx)(q,{})}),(0,I.jsx)(d,{name:`PaymentMethodCardExample`,source:Q,children:(0,I.jsx)(J,{})}),(0,I.jsx)(d,{name:`TaxBreakdownCardExample`,source:Q,children:(0,I.jsx)(Y,{})})]}),(0,I.jsxs)(s,{title:`Subscription and customer details`,id:`subscription-customer`,children:[(0,I.jsx)(d,{name:`SubscriptionSummaryCardExample`,source:Q,children:(0,I.jsx)(X,{})}),(0,I.jsx)(d,{name:`RefundStatusCardExample`,source:Q,children:(0,I.jsx)($e,{})}),(0,I.jsx)(d,{name:`AddressCardExample`,source:Q,children:(0,I.jsx)(et,{})})]}),(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:`UpcomingBookingRow`}),(0,I.jsx)(w,{component:`UpcomingBookingRow`}),(0,I.jsx)(t.h4,{children:`LoyaltyPointsCard`}),(0,I.jsx)(w,{component:`LoyaltyPointsCard`}),(0,I.jsx)(t.h4,{children:`DiscountStackPreview`}),(0,I.jsx)(w,{component:`DiscountStackPreview`}),(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:`ShipmentTrackingCard`}),(0,I.jsx)(w,{component:`ShipmentTrackingCard`}),(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 rt(e={}){let{wrapper:t}=e.components||{};return t?(0,I.jsx)(t,{...e,children:(0,I.jsx)(nt,{...e})}):nt(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{rt as default};

package/dist/showcase/assets/composite-fKT6fZFs.js

@@ -0,0 +1 @@
+import{Sr as e}from"./example-Cv05rz75.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/conditional-rendering-DsTG0sOE.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-BXsVHOsI.js";import{t as n}from"./example-Cv05rz75.js";import{p as r,t as i,y as a}from"./display-utilities.examples-ByRydMl0.js";import{d as o}from"./index-ATou_nFA.js";import{t as s}from"./props-table-BAfz1Zc6.js";var c=o();function l(o){return a||d(`Examples`,!1),r||d(`Examples.ShowIfExample`,!0),(0,c.jsxs)(e,{title:`Conditional rendering`,description:`Small display helper for conditional content with an explicit fallback.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/show-if`,children:[(0,c.jsx)(t,{title:`ShowIf`,id:`show-if`,children:(0,c.jsx)(n,{name:`ShowIfExample`,source:i,children:(0,c.jsx)(r,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`ShowIf`})})]})}function u(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(l,{...e})}):l(e)}function d(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{u as default};

package/dist/showcase/assets/contact-card-S8koA9Sr.js

@@ -0,0 +1,65 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BXsVHOsI.js";import{r as a,t as o}from"./example-Cv05rz75.js";import{t as s}from"./external-link-DaR-AMyf.js";import{t as c}from"./mail-LKhBlrEc.js";import{t as l}from"./map-pin-D0qrpDJI.js";import{t as u}from"./phone-t94LTB1m.js";import{N as d,d as f,n as p}from"./index-ATou_nFA.js";import{t as m}from"./props-table-BAfz1Zc6.js";import{o as h,r as g,t as _}from"./avatar-BeFx8JQd.js";import{c as v,o as y,r as b,t as x,u as S}from"./item-Baq-Mmy2.js";import{t as C}from"./PreviewLayout-Oik7TDHN.js";var w={contact:`Contact`,profile:`Profile`},T=f();function E(e,t){return t||e.split(` `).map(e=>e[0]).slice(0,2).join(``).toUpperCase()}function D({name:e,role:t,email:i,phone:o,location:f,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:p(`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-avatar-lg 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)(n,{variant:O,children:D})]}),!!t&&(0,T.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:t})]})]}),!!(i||o||f)&&(0,T.jsxs)(y,{className:`mt-4 gap-0`,children:[!!i&&(0,T.jsxs)(x,{size:`small`,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:i})})]}),!!o&&(0,T.jsxs)(x,{size:`small`,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})})]}),!!f&&(0,T.jsxs)(x,{size:`small`,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:f})})]})]}),!!(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() {
+	return (
+		<>
+			<ContactCard
+								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={() => {}}
+							/>
+		</>
+	);
+}
+
+export function WithInitialsOnly() {
+	return (
+		<>
+			<ContactCard
+								name="Georgi Johnson"
+								role="Head of Operations"
+								email="georgi@giftcometrue.com"
+								initials="GI"
+								badge="Away"
+								badgeVariant="warning"
+								onContact={() => {}}
+								onViewProfile={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Minimal() {
+	return (
+		<>
+			<ContactCard name="Emma Williamsa" />
+		</>
+	);
+}
+
+export function DifferentBadgeVariants() {
+	return (
+		<>
+			<Col>
+								{(['primary', 'secondary', 'success', 'info', 'warning', 'error'] as const).map((v) => (
+									<ContactCard
+										key={v}
+										name={\`Variant: \${v}\`}
+										role="Demo"
+										email="demo@example.com"
+										badge={v}
+										badgeVariant={v}
+									/>
+								))}
+							</Col>
+		</>
+	);
+}
+`;function P(e){let n={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)(i,{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)(i,{title:`API`,id:`api`,children:[(0,T.jsx)(n.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-B4gW5fmA.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-ATou_nFA.js";var n=e(),r={narrow:`max-w-[1040px] mx-auto`,default:``,large:`max-w-screen-2xl mx-auto`,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:e,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:t(`w-full flex-1 relative overflow-hidden overflow-y-auto @container/main h-full`,f,l),...d,children:e}):(0,n.jsx)(a,{className:t(`w-full flex-1 relative overflow-hidden @container/main h-full`,l),...d,children:(0,n.jsx)(`div`,{className:t(`flex min-h-full flex-1 flex-col gap-6 rounded-xl`,f,p,u),children:e})})}export{a as t};

package/dist/showcase/assets/copyable-D2xL2rMm.js

@@ -0,0 +1,96 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{D as t,h as n,n as r,t as i}from"./section-BXsVHOsI.js";import{Er as a,t as o}from"./example-Cv05rz75.js";import{t as s}from"./circle-check-DvCYlVmL.js";import{t as c}from"./info-DLaTRPUT.js";import{d as l,l as u,n as d}from"./index-ATou_nFA.js";import{t as f}from"./props-table-BAfz1Zc6.js";import{t as p}from"./customers-DvBxRjHv.js";import{t as m}from"./orders-BFwWtubb.js";import{t as h}from"./dist-DNARKM_B.js";import{t as g}from"./copyable-gLrmPayI.js";var _=u(`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`}]]),v=l(),y=({theme:e=`system`,...t})=>(0,v.jsx)(h,{theme:e,className:`toaster group`,icons:{success:(0,v.jsx)(s,{className:`size-4`}),info:(0,v.jsx)(c,{className:`size-4`}),warning:(0,v.jsx)(n,{className:`size-4`}),error:(0,v.jsx)(_,{className:`size-4`}),loading:(0,v.jsx)(a,{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}),b={toast:`toaster--toast font-sans`,title:`toaster--title text-sm font-medium leading-snug text-current`,description:`toaster--description !text-inverse-muted text-xs leading-snug`,icon:`toaster--icon shrink-0`,closeButton:`toaster--close-button !border-inverse-border !bg-inverse-background !text-inverse-foreground`,actionButton:`toaster--action-button !bg-background !text-foreground`,cancelButton:`toaster--cancel-button !bg-inverse-surface !text-inverse-foreground`,success:`toaster--success`,info:`toaster--info`,warning:`toaster--warning`,error:`toaster--error`,loading:`toaster--loading`,default:`toaster--default`},x={success:(0,v.jsx)(s,{className:`size-4 text-success`}),info:(0,v.jsx)(c,{className:`size-4 text-info`}),warning:(0,v.jsx)(n,{className:`size-4 text-warning`}),error:(0,v.jsx)(_,{className:`size-4 text-destructive`}),loading:(0,v.jsx)(a,{className:`size-4 animate-spin text-inverse-muted`})},S={"--normal-bg":`var(--inverse-background)`,"--normal-text":`var(--inverse-foreground)`,"--normal-border":`var(--inverse-border)`,"--border-radius":`var(--radius-md)`};function C(e){return{toast:d(b.toast,e?.toast),title:d(b.title,e?.title),description:d(b.description,e?.description),icon:d(b.icon,e?.icon),closeButton:d(b.closeButton,e?.closeButton),actionButton:d(b.actionButton,e?.actionButton),cancelButton:d(b.cancelButton,e?.cancelButton),success:d(b.success,e?.success),info:d(b.info,e?.info),warning:d(b.warning,e?.warning),error:d(b.error,e?.error),loading:d(b.loading,e?.loading),default:d(b.default,e?.default),loader:e?.loader,content:e?.content}}function w({duration:e,position:n,theme:r,closeButton:i,richColors:a,visibleToasts:o,toastOptions:s,icons:c,className:l,style:u,...f}){let{duration:p,position:m,theme:h,closeButton:g,richColors:_,visibleToasts:b}=t(),w={...s,classNames:C(s?.classNames)};return(0,v.jsx)(y,{...f,className:d(`toaster group toaster--component`,l),duration:e??p,position:n??m,theme:r??h??`dark`,closeButton:i??g,richColors:a??_,visibleToasts:o??b,toastOptions:w,icons:{...x,...c},style:{...S,...u}})}w.displayName=`Toaster`;var T=e({CustomDisplayValue:()=>k,CustomToastMessage:()=>A,CustomerListWithCopyableEmails:()=>M,Default:()=>E,Mono:()=>D,MonoTruncate:()=>O,RealisticOrderRow:()=>j});function E(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsx)(g,{value:`GCT-A4B7-C9E2`})]})}function D(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsx)(g,{value:`b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d`,mono:!0})]})}function O(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsx)(`div`,{className:`max-w-xs`,children:(0,v.jsx)(g,{value:`b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d-extra-long-id`,mono:!0,truncate:!0})})]})}function k(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsx)(g,{value:`hello@example.com`,displayValue:(0,v.jsx)(`span`,{className:`text-primary underline underline-offset-2`,children:`hello@example.com`})})]})}function A(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,v.jsx)(g,{value:`42`,successMessage:`The answer was copied!`}),(0,v.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Click to see the custom toast.`})]})]})}function j(){let e=m[0],t=p.find(t=>t.id===e.customerId);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsxs)(`div`,{className:`flex flex-col gap-3 rounded-md border bg-card p-4 w-full max-w-md`,children:[(0,v.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,v.jsx)(`span`,{className:`text-xs uppercase text-muted-foreground`,children:`Order number`}),(0,v.jsx)(g,{value:e.number,mono:!0,successMessage:`Copied ${e.number}`})]}),(0,v.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,v.jsx)(`span`,{className:`text-xs uppercase text-muted-foreground`,children:`Customer email`}),(0,v.jsx)(g,{value:t.email})]})]})]})}function M(){return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(w,{}),(0,v.jsx)(`div`,{className:`flex flex-col gap-1 w-full max-w-md`,children:p.slice(0,4).map(e=>(0,v.jsxs)(`div`,{className:`flex items-center justify-between border-b border-border py-1.5 text-sm`,children:[(0,v.jsx)(`span`,{children:e.name}),(0,v.jsx)(g,{value:e.email})]},e.id))})]})}var N=`import { Toaster } from '@/components/base/toaster';
+import { Copyable } from '@/components/base/copyable';
+import { MOCK_CUSTOMERS, MOCK_ORDERS } from '@/preview/_mocks';
+
+export function Default() {
+	return (
+		<>
+			<Toaster />
+			<Copyable value="GCT-A4B7-C9E2" />
+		</>
+	);
+}
+
+export function Mono() {
+	return (
+		<>
+			<Toaster />
+			<Copyable value="b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d" mono />
+		</>
+	);
+}
+
+export function MonoTruncate() {
+	return (
+		<>
+			<Toaster />
+			<div className="max-w-xs">
+				<Copyable value="b3a8a5b6-9b0a-4f01-8b46-92aa1d6a1f7d-extra-long-id" mono truncate />
+			</div>
+		</>
+	);
+}
+
+export function CustomDisplayValue() {
+	return (
+		<>
+			<Toaster />
+			<Copyable
+				value="hello@example.com"
+				displayValue={<span className="text-primary underline underline-offset-2">hello@example.com</span>}
+			/>
+		</>
+	);
+}
+
+export function CustomToastMessage() {
+	return (
+		<>
+			<Toaster />
+			<div className="flex flex-col gap-2">
+				<Copyable value="42" successMessage="The answer was copied!" />
+				<div className="text-xs text-muted-foreground">Click to see the custom toast.</div>
+			</div>
+		</>
+	);
+}
+
+export function RealisticOrderRow() {
+	const order = MOCK_ORDERS[0];
+	const customer = MOCK_CUSTOMERS.find((c) => c.id === order.customerId)!;
+	return (
+		<>
+			<Toaster />
+			<div className="flex flex-col gap-3 rounded-md border bg-card p-4 w-full max-w-md">
+				<div className="flex items-center justify-between">
+					<span className="text-xs uppercase text-muted-foreground">Order number</span>
+					<Copyable value={order.number} mono successMessage={\`Copied \${order.number}\`} />
+				</div>
+				<div className="flex items-center justify-between">
+					<span className="text-xs uppercase text-muted-foreground">Customer email</span>
+					<Copyable value={customer.email} />
+				</div>
+			</div>
+		</>
+	);
+}
+
+export function CustomerListWithCopyableEmails() {
+	return (
+		<>
+			<Toaster />
+			<div className="flex flex-col gap-1 w-full max-w-md">
+				{MOCK_CUSTOMERS.slice(0, 4).map((c) => (
+					<div key={c.id} className="flex items-center justify-between border-b border-border py-1.5 text-sm">
+						<span>{c.name}</span>
+						<Copyable value={c.email} />
+					</div>
+				))}
+			</div>
+		</>
+	);
+}
+`;function P(e){let t={code:`code`,p:`p`,...e.components};return T||I(`Examples`,!1),k||I(`Examples.CustomDisplayValue`,!0),A||I(`Examples.CustomToastMessage`,!0),M||I(`Examples.CustomerListWithCopyableEmails`,!0),E||I(`Examples.Default`,!0),D||I(`Examples.Mono`,!0),O||I(`Examples.MonoTruncate`,!0),j||I(`Examples.RealisticOrderRow`,!0),(0,v.jsxs)(r,{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,v.jsx)(i,{title:`Overview`,id:`overview`,children:(0,v.jsxs)(t.p,{children:[(0,v.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,v.jsx)(t.code,{children:`sonner`}),` toast confirms (mount
+a `,(0,v.jsx)(t.code,{children:`<Toaster />`}),` somewhere in the tree). Supports `,(0,v.jsx)(t.code,{children:`mono`}),`, `,(0,v.jsx)(t.code,{children:`truncate`}),`, custom
+`,(0,v.jsx)(t.code,{children:`displayValue`}),`, and a custom `,(0,v.jsx)(t.code,{children:`successMessage`}),`.`]})}),(0,v.jsx)(i,{title:`Default`,id:`default`,children:(0,v.jsx)(o,{name:`Default`,source:N,children:(0,v.jsx)(E,{})})}),(0,v.jsxs)(i,{title:`Variants`,id:`variants`,children:[(0,v.jsx)(o,{name:`Mono`,source:N,children:(0,v.jsx)(D,{})}),(0,v.jsx)(o,{name:`MonoTruncate`,source:N,children:(0,v.jsx)(O,{})}),(0,v.jsx)(o,{name:`CustomDisplayValue`,source:N,children:(0,v.jsx)(k,{})}),(0,v.jsx)(o,{name:`CustomToastMessage`,source:N,children:(0,v.jsx)(A,{})})]}),(0,v.jsxs)(i,{title:`Realistic usage`,id:`realistic`,children:[(0,v.jsx)(o,{name:`RealisticOrderRow`,source:N,children:(0,v.jsx)(j,{})}),(0,v.jsx)(o,{name:`CustomerListWithCopyableEmails`,source:N,children:(0,v.jsx)(M,{})})]}),(0,v.jsx)(i,{title:`API`,id:`api`,children:(0,v.jsx)(f,{component:`Copyable`})})]})}function F(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.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/copyable-gLrmPayI.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-BXsVHOsI.js";import{Dr as r,Or as i}from"./example-Cv05rz75.js";import{d as a,n as o}from"./index-ATou_nFA.js";import{n as s}from"./dist-DNARKM_B.js";var c=e(t(),1),l=a();function u({value:e,displayValue:t,mono:a=!1,truncate:u=!1,className:d,contentClassName:f,successMessage:p=`Copied to clipboard`}){let[m,h]=(0,c.useState)(!1),g=async()=>{try{await navigator.clipboard.writeText(e),h(!0),s.success(p),setTimeout(()=>h(!1),2e3)}catch{s.error(`Failed to copy`)}},_=t!==void 0&&typeof t!=`string`;return(0,l.jsxs)(`span`,{role:`button`,tabIndex:0,onClick:g,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),g())},className:o(`copyable--component`,`group inline-flex cursor-pointer items-center gap-1.5 rounded px-1 -mx-1 transition-colors hover:bg-muted`,d),children:[_?t:(0,l.jsx)(n,{tag:`span`,className:o(a&&`font-mono`,u&&`max-w-[300px] truncate`,f),children:t??e}),(0,l.jsx)(`span`,{className:`text-muted-foreground opacity-0 transition-opacity group-hover:opacity-100`,children:m?(0,l.jsx)(i,{className:`size-3.5 text-success`}):(0,l.jsx)(r,{className:`size-3.5`})})]})}u.displayName=`Copyable`;export{u as t};

package/dist/showcase/assets/course-card-B8eEvF7a.js

@@ -0,0 +1,77 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,p as r,t as i}from"./section-BXsVHOsI.js";import{r as a,t as o}from"./example-Cv05rz75.js";import{N as s,d as c,n as l}from"./index-ATou_nFA.js";import{t as u}from"./props-table-BAfz1Zc6.js";import{t as d}from"./smart-card-DER7dpD9.js";import{t as f}from"./stacked-avatars-C92NYKIa.js";import{i as p,n as m,r as h,t as g,u as _}from"./item-Baq-Mmy2.js";var v={participants:`Participants`,progress:`Progress`},y=c(),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:i=[],participants:o=[],extraParticipants:c=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+c,j=S(o);return D===`minimal`?(0,y.jsxs)(g,{variant:`outline`,className:l(`course-card--component`,`hover:bg-muted/30 transition-colors`,T),children:[(0,y.jsxs)(h,{className:`min-w-0 sm:min-w-48`,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:`small`,overflowFormatter:()=>`+${c||0}`,showOverflow:c>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:l(`course-card--component border-primary/20 bg-gradient-to-br`,O,T),children:[i.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:i.map(e=>(0,y.jsx)(n,{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:`small`,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:l(`course-card--component`,T),children:[i.length>0&&(0,y.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:i.map(e=>(0,y.jsx)(n,{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:`small`,showOverflow:c>0,overflowFormatter:()=>`+${c}`}),(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' },
+	{ name: 'Sara Martinova' },
+	{ name: 'Kostas Williams' },
+];
+
+export function DefaultSession() {
+	return (
+		<div className="w-full max-w-xl">
+			<CourseCard
+				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={PARTICIPANTS}
+				extraParticipants={3}
+				progressPercent={75}
+				actionLabel="Open session"
+				onAction={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function FeaturedSession() {
+	return (
+		<div className="w-full max-w-lg">
+			<CourseCard
+				variant="gradient"
+				title="Sunset photography workshop"
+				description="Three-hour field session with equipment checklist and location notes ready."
+				badges={[{ label: 'Featured', variant: 'primary' }]}
+				participants={PARTICIPANTS}
+				extraParticipants={5}
+				progressPercent={62}
+				actionLabel="Review booking"
+				onAction={() => {}}
+			/>
+		</div>
+	);
+}
+
+export function CompactList() {
+	return (
+		<div className="w-full max-w-2xl space-y-2">
+			<CourseCard
+				variant="minimal"
+				title="Wine tasting masterclass"
+				description="Today · 18:00 · 6 guests"
+				participants={PARTICIPANTS}
+				extraParticipants={3}
+				progressPercent={75}
+				actionLabel="Open"
+				onAction={() => {}}
+			/>
+			<CourseCard
+				variant="minimal"
+				title="Coastal hike and lunch"
+				description="Tomorrow · 09:30 · guide pending"
+				participants={PARTICIPANTS.slice(0, 2)}
+				progressPercent={35}
+				actionLabel="Review"
+				onAction={() => {}}
+			/>
+			<CourseCard
+				variant="minimal"
+				title="Pottery studio day"
+				description="Friday · waitlist enabled"
+			/>
+		</div>
+	);
+}
+`;function A(e){let n={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)(i,{title:`Default`,id:`default`,children:(0,y.jsx)(o,{name:`DefaultSession`,source:k,children:(0,y.jsx)(E,{})})}),(0,y.jsx)(i,{title:`Featured`,id:`featured`,children:(0,y.jsx)(o,{name:`FeaturedSession`,source:k,children:(0,y.jsx)(D,{})})}),(0,y.jsx)(i,{title:`Compact list`,id:`compact-list`,children:(0,y.jsx)(o,{name:`CompactList`,source:k,children:(0,y.jsx)(O,{})})}),(0,y.jsxs)(i,{title:`API`,id:`api`,children:[(0,y.jsx)(n.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-Cp1On3tr.js

@@ -0,0 +1 @@
+import{l as e}from"./index-ATou_nFA.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-QbZMZB90.js

@@ -0,0 +1 @@
+import{l as e}from"./index-ATou_nFA.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};