admin-ui-starter-kit 0.6.4 → 0.6.6

package/dist/components/composed/commerce/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/cards-CbbHly7W.cjs"),s=require("../../../_shared/input-CB6hxh-5.cjs"),c=require("../../../_shared/display-Bin2vVex.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/item-eUP9Rtmg.cjs"),d=require("../../../_shared/data-display-C21skrV4.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");function h(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 g({bookings:e,className:n,locale:i,dateTone:a=`inverse`,timePlacement:o=`below`}){return(0,p.jsx)(u.o,{className:t.cn(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,t)=>{let n=h(e);return(0,p.jsxs)(u.t,{className:`items-center`,children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(c.v,{date:n,time:o===`below`?e.time:void 0,tone:a,locale:i,timePlacement:`below`,layout:`stacked`})}),(0,p.jsxs)(u.r,{className:`min-w-0 sm:min-w-48`,children:[(0,p.jsx)(u.u,{children:e.service}),(0,p.jsx)(u.i,{clamp:1,children:e.customer})]}),(0,p.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o===`inline-trailing`&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,p.jsx)(r.s,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}g.displayName=`UpcomingBookingRow`;var _={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function v({balance:i,tier:s=`Gold Tier`,tierVariant:c,history:f=[],redeemLabel:h,onRedeem:g,className:v,strings:y}){let b=e.useStrings(e.useStrings(_,h===void 0?void 0:{redeem:h}),y);return(0,p.jsxs)(o.t,{className:t.cn(`loyalty-points--component w-full`,v),children:[(0,p.jsx)(d.i,{label:b.balanceLabel,value:(0,p.jsxs)(a.t,{variant:`warning`,children:[(0,p.jsx)(m.Trophy,{className:`mr-1 inline size-3`}),s]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof i==`number`?i.toLocaleString():i}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.pointsAvailable}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(u.o,{children:f.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{bold:!1,children:e.label}),(0,p.jsx)(u.i,{clamp:1,children:e.date})]}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:t.cn(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,p.jsxs)(n.t,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:g,children:[(0,p.jsx)(m.Gift,{className:`mr-1.5 size-3.5`}),b.redeem]})]})}v.displayName=`LoyaltyPointsCard`;var y={title:`Applied Discounts`,totalSavings:`Total Savings`};function b({discounts:n,totalSavings:i,className:s,strings:c}){let f=e.useStrings(y,c);return(0,p.jsxs)(o.t,{title:f.title,className:t.cn(`discount-stack--component w-full`,s),children:[(0,p.jsx)(u.o,{className:`mt-4`,children:n.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(a.t,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(d.i,{label:f.totalSavings,value:(0,p.jsx)(r.o,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:i}),labelClassName:`text-sm font-semibold`})]})}b.displayName=`DiscountStackPreview`;function x({trackingNumber:e,carrier:n,status:i,steps:s,details:c=[],className:u}){return(0,p.jsxs)(o.t,{className:t.cn(`shipment-tracking--component w-full`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(r.s,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,p.jsx)(a.t,{variant:`info`,children:n})]}),(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,p.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,p.jsx)(r.s,{weight:`semibold`,children:i})]}),(0,p.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:s.map((e,n)=>(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<s.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,p.jsx)(d.i,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}x.displayName=`ShipmentTrackingCard`;var S={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function C({subtotal:n,taxes:i,totalTax:a,total:s,className:c,strings:u}){let f=e.useStrings(S,u);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Receipt,{className:`size-4`}),title:f.title,className:t.cn(`tax-breakdown--component w-full`,c),children:[(0,p.jsx)(d.i,{label:f.subtotal,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[i.map((e,t)=>(0,p.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,p.jsx)(r.s,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!a&&i.length>1&&(0,p.jsx)(d.i,{label:f.totalTax,value:a,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,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:f.total,value:s,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}C.displayName=`TaxBreakdownCard`;var w={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function T({planName:s,priceLabel:c,cycleLabel:l,nextBillingDate:d,statusLabel:f,perks:h=[],onManage:g,onUpgrade:_,className:v,strings:y}){let b=e.useStrings(w,y);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Repeat,{className:`size-4`}),title:b.title,headerEnd:f?(0,p.jsx)(a.t,{variant:`success`,children:f}):null,className:t.cn(`subscription-summary--component w-full`,v),children:[(0,p.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.plan}),(0,p.jsx)(r.o,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:s}),(0,p.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:c}),(0,p.jsx)(r.s,{type:`secondary`,children:l})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.Calendar,{className:`size-3.5 text-muted-foreground`}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.nextBilling})]}),(0,p.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:d})]}),h.length>0&&(0,p.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.perks}),(0,p.jsx)(u.o,{children:h.map((e,t)=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:e.icon??m.Check,tone:`success`,size:`small`})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(g||_)&&(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!g&&(0,p.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,className:`flex-1`,children:b.manage}),!!_&&(0,p.jsxs)(n.t,{variant:`primary`,onClick:_,className:`flex-1`,children:[b.upgrade,(0,p.jsx)(m.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`SubscriptionSummaryCard`;var E={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},D=[`requested`,`approved`,`processing`,`completed`];function O({stage:n,amount:i,reason:a,method:s,eta:c,requestedAt:u,className:f,strings:h}){let g=e.useStrings(E,h),_=D.indexOf(n);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.RotateCcw,{className:`size-4`}),title:g.title,className:t.cn(`refund-status--component w-full`,f),children:[(0,p.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amount}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:i}),!!u&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[g.requested,`: `,u]})]}),(0,p.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:D.map((e,n)=>{let i=n<=_,a=n===_;return(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,i?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,a&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:i?(0,p.jsx)(m.Check,{className:`size-3`}):(0,p.jsx)(r.s,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:n+1})}),n<D.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,n<_?`bg-success`:`bg-border`)})]}),(0,p.jsx)(r.s,{size:`xxs`,weight:a?`semibold`:`medium`,type:i?`main`:`secondary`,className:`text-center leading-tight`,children:g[e]})]},e)})}),(a||s||c)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[!!a&&(0,p.jsx)(d.i,{label:g.reason,value:a,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!s&&(0,p.jsx)(d.i,{label:g.method,value:s,valueClassName:`text-sm font-medium`}),!!c&&(0,p.jsx)(d.i,{label:g.eta,value:c,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}O.displayName=`RefundStatusCard`;var k={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function A({kind:n=`shipping`,name:i,line1:s,line2:c,city:l,region:u,postalCode:d,country:f,phone:h,isDefault:g=!1,onEdit:_,onRemove:v,onMakeDefault:y,className:b,strings:x}){let S=e.useStrings(k,x),C={shipping:S.shipping,billing:S.billing,pickup:S.pickup},w=[l,u,d].filter(Boolean).join(`, `),T=[];return _&&T.push({id:`edit`,label:S.edit,icon:(0,p.jsx)(m.Edit2,{className:`size-3.5`}),onClick:_}),y&&!g&&T.push({id:`make-default`,label:S.makeDefault,icon:(0,p.jsx)(m.Star,{className:`size-3.5`}),onClick:y}),v&&T.push({id:`remove`,label:S.remove,icon:(0,p.jsx)(m.Trash2,{className:`size-3.5`}),onClick:v}),(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.MapPin,{className:`size-4`}),title:C[n],titleSuffix:g?(0,p.jsx)(a.t,{variant:`primary`,children:S.defaultBadge}):null,actions:T.length>0?T:void 0,className:t.cn(`address-card--component w-full`,b),children:(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(r.s,{weight:`semibold`,children:i}),(0,p.jsx)(r.s,{children:s}),!!c&&(0,p.jsx)(r.s,{children:c}),!!w&&(0,p.jsx)(r.s,{children:w}),(0,p.jsx)(r.s,{type:`secondary`,children:f}),!!h&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:h})]})})}A.displayName=`AddressCard`;var j={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.`},M=e=>e.toUpperCase();function N({appliedCode:l,balance:d,error:h,loading:g,onCheck:_,onRemove:v,className:y,strings:b}){let x=e.useStrings(j,b),S=(0,f.useId)(),[C,w]=(0,f.useState)(``),T=C.trim();return l?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsxs)(u.t,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:l}),(0,p.jsx)(a.t,{variant:`success`,size:`small`,children:x.applied})]}),(0,p.jsx)(u.i,{clamp:1,children:x.balance})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!d&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:d}),!!v&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:v,"aria-label":x.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),T&&_?.(T)},children:(0,p.jsx)(c.D,{label:x.inputLabel,htmlFor:S,error:h,hint:h?void 0:x.helperText,children:(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,p.jsx)(s.t,{id:S,value:C,onChange:e=>w(M(e.target.value)),placeholder:x.placeholder,startIcon:m.Gift,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!h})}),(0,p.jsx)(n.t,{type:`submit`,loading:g,disabled:!T,className:`shrink-0`,children:x.check})]})})})})}N.displayName=`VoucherEntryCard`;var P={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},F=e=>e.replace(/^[\s−-]+/,``),I=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,L=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),R=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function z({title:e}){return(0,p.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xxs font-semibold text-muted-foreground ring-1 ring-border/60`,children:R(e)})}function B({items:i,subtotal:a,tax:s,shipping:c,discount:f,total:h,onCheckout:g,className:_,strings:v}){let y=e.useStrings(P,v),b=!!(a||s||c||f);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.ShoppingBag,{className:`size-4`}),title:y.title,className:t.cn(`cart-summary--component w-full`,_),children:[(0,p.jsx)(u.o,{children:i.map(e=>{let t=I(e),n=L(e);return(0,p.jsxs)(u.t,{className:`cart-summary--item`,children:[(0,p.jsx)(u.c,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,p.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,p.jsx)(z,{title:t})}),(0,p.jsxs)(u.r,{className:`cart-summary--item-content`,children:[(0,p.jsx)(u.u,{children:t}),!!e.variantTitle&&(0,p.jsx)(u.i,{clamp:1,children:e.variantTitle})]}),(0,p.jsx)(u.n,{className:`cart-summary--item-actions`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!b&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!a&&(0,p.jsx)(d.i,{label:y.subtotal,value:a,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!s&&(0,p.jsx)(d.i,{label:y.tax,value:s,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!c&&(0,p.jsx)(d.i,{label:y.shipping,value:c,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!f&&(0,p.jsx)(d.i,{label:y.discount,value:`−${F(f)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:y.total,value:h,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!g&&(0,p.jsx)(n.t,{onClick:g,fullWidth:!0,className:`mt-4`,children:y.checkout})]})}B.displayName=`CartSummaryCard`;var V={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},H=e=>e.replace(/^[\s−-]+/,``),U=e=>e.toUpperCase();function W({appliedCode:a,appliedDiscount:c,error:l,onApply:d,onRemove:h,loading:g,className:_,strings:v}){let y=e.useStrings(V,v),[b,x]=(0,f.useState)(``),S=b.trim();return a?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(u.t,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:a}),(0,p.jsx)(u.i,{className:`uppercase tracking-wide`,clamp:1,children:y.applied})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!c&&(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,H(c)]}),!!h&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:h,"aria-label":y.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,p.jsx)(s.t,{value:b,onChange:e=>x(U(e.target.value)),placeholder:y.placeholder,startIcon:m.Sparkles,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!l})}),(0,p.jsx)(n.t,{size:`default`,onClick:()=>d?.(S),loading:g,disabled:!S,className:`shrink-0`,children:y.apply})]}),!!l&&(0,p.jsx)(r.s,{size:`xs`,type:`error`,children:l||y.invalid})]})})}W.displayName=`CouponInputCard`;var G={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},K={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function q({orderNumber:n,status:i,statusVariant:s,events:c,currentEta:l,className:u,strings:d}){let f=e.useStrings(G,d),h=s??K[i],g=c.reduce((e,t,n)=>t.complete?n:e,-1),_=c[g]??c[0],v=c.find(e=>!e.complete);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Package,{className:`size-4`}),title:f.title,titleSuffix:(0,p.jsx)(a.t,{variant:h,className:`capitalize`,children:i}),description:`#${n}`,className:t.cn(`order-status--component w-full`,u),children:[(0,p.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,p.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.statusLabel}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 capitalize`,children:i})]}),!!_&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:_.complete?f.latestEvent:f.currentStep}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5`,children:_.label})]}),!!l&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.eta}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:l})]})]})}),c.length>0&&(0,p.jsx)(`ol`,{className:`mt-4`,children:c.map((e,n)=>{let i=n===c.length-1,a=v?e===v:n===g;return(0,p.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,p.jsx)(`span`,{className:t.cn(`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,p.jsx)(m.Check,{className:`size-3.5`,strokeWidth:2.5}):a?(0,p.jsx)(m.CalendarClock,{className:`size-3.5`}):(0,p.jsx)(m.Circle,{className:`size-3`})}),!i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`min-h-6 w-px flex-1`,n<g?`bg-success`:`bg-border`)})]}),(0,p.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-4`,i&&`pb-0`),children:[(0,p.jsx)(r.s,{weight:e.complete||a?`semibold`:`medium`,className:t.cn(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${n}`)})})]})}q.displayName=`OrderStatusCard`;var J={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Y={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},X={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 Z({brand:i,last4:s,expiry:c,holderName:l,isDefault:u,onChange:d,className:f,strings:h}){let g=e.useStrings(J,h),_=Y[i],v=X[i];return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.CreditCard,{className:`size-4`}),title:g.title,titleSuffix:u?(0,p.jsx)(a.t,{variant:`primary`,children:g.default}):null,headerAction:d?(0,p.jsx)(n.t,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:g.change}):void 0,className:t.cn(`payment-method--component w-full`,f),children:(0,p.jsxs)(`div`,{className:t.cn(`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`,v),children:[(0,p.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,p.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,p.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,p.jsx)(r.s,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:_})]}),(0,p.jsx)(`div`,{className:`relative`,children:(0,p.jsxs)(r.s,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,s]})}),(0,p.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`min-w-0`,children:!!l&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.s,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.cardHolder}),(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:l})]})}),!!c&&(0,p.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,p.jsx)(r.s,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.expires}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:c})]})]})]})})}Z.displayName=`PaymentMethodCard`,exports.AddressCard=A,exports.CartSummaryCard=B,exports.CouponInputCard=W,exports.DiscountStackPreview=b,exports.LoyaltyPointsCard=v,exports.OrderStatusCard=q,exports.PaymentMethodCard=Z,exports.RefundStatusCard=O,exports.ShipmentTrackingCard=x,exports.SubscriptionSummaryCard=T,exports.TaxBreakdownCard=C,exports.UpcomingBookingRow=g,exports.VoucherEntryCard=N,exports.defaultAddressCardStrings=k,exports.defaultCartSummaryStrings=P,exports.defaultCouponInputStrings=V,exports.defaultDiscountStackStrings=y,exports.defaultLoyaltyPointsStrings=_,exports.defaultOrderStatusStrings=G,exports.defaultPaymentMethodStrings=J,exports.defaultRefundStatusStrings=E,exports.defaultSubscriptionSummaryStrings=w,exports.defaultTaxBreakdownStrings=S,exports.defaultVoucherEntryStrings=j;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BMiPFJIb.cjs"),r=require("../../../_shared/typography-GtkgK9QX.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/badge-B8xGFpfM.cjs"),o=require("../../../_shared/cards-Cu6p1Brd.cjs"),s=require("../../../_shared/input-DV3g7Fm5.cjs"),c=require("../../../_shared/display-CRQjSjgB.cjs"),l=require("../../../_shared/separator-q42IlFFA.cjs"),u=require("../../../_shared/item-DTrnHpfm.cjs"),d=require("../../../_shared/data-display-o-rbMuIA.cjs");let f=require("react"),p=require("react/jsx-runtime"),m=require("lucide-react");function h(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 g({bookings:e,className:n,locale:i,dateTone:a=`inverse`,timePlacement:o=`below`}){return(0,p.jsx)(u.o,{className:t.cn(`upcoming-booking--component w-full gap-2`,n),children:e.map((e,t)=>{let n=h(e);return(0,p.jsxs)(u.t,{className:`items-center`,children:[!!n&&(0,p.jsx)(u.c,{children:(0,p.jsx)(c.v,{date:n,time:o===`below`?e.time:void 0,tone:a,locale:i,timePlacement:`below`,layout:`stacked`})}),(0,p.jsxs)(u.r,{className:`min-w-0 sm:min-w-48`,children:[(0,p.jsx)(u.u,{children:e.service}),(0,p.jsx)(u.i,{clamp:1,children:e.customer})]}),(0,p.jsxs)(u.n,{className:`ml-auto shrink-0 flex-wrap justify-end`,children:[o===`inline-trailing`&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.time}),(0,p.jsx)(r.s,{weight:`semibold`,className:`shrink-0 tabular-nums`,children:e.amount})]})]},e.id??`${e.service}-${e.time}-${t}`)})})}g.displayName=`UpcomingBookingRow`;var _={balanceLabel:`Loyalty Balance`,pointsAvailable:`points available`,redeem:`Redeem Points`};function v({balance:i,tier:s=`Gold Tier`,tierVariant:c,history:f=[],redeemLabel:h,onRedeem:g,className:v,strings:y}){let b=e.useStrings(e.useStrings(_,h===void 0?void 0:{redeem:h}),y);return(0,p.jsxs)(o.t,{className:t.cn(`loyalty-points--component w-full`,v),children:[(0,p.jsx)(d.i,{label:b.balanceLabel,value:(0,p.jsxs)(a.t,{variant:`warning`,children:[(0,p.jsx)(m.Trophy,{className:`mr-1 inline size-3`}),s]}),labelClassName:`text-xs font-medium uppercase tracking-wider text-muted-foreground`}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-4xl tabular-nums tracking-tight`,children:typeof i==`number`?i.toLocaleString():i}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.pointsAvailable}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(u.o,{children:f.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsxs)(u.r,{children:[(0,p.jsx)(u.u,{bold:!1,children:e.label}),(0,p.jsx)(u.i,{clamp:1,children:e.date})]}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:t.cn(`tabular-nums`,e.positive?`text-success`:`text-destructive`),children:e.points})})]},e.date+e.label))}),(0,p.jsxs)(n.t,{variant:`dark`,className:`mt-5 w-full rounded-full`,onClick:g,children:[(0,p.jsx)(m.Gift,{className:`mr-1.5 size-3.5`}),b.redeem]})]})}v.displayName=`LoyaltyPointsCard`;var y={title:`Applied Discounts`,totalSavings:`Total Savings`};function b({discounts:n,totalSavings:i,className:s,strings:c}){let f=e.useStrings(y,c);return(0,p.jsxs)(o.t,{title:f.title,className:t.cn(`discount-stack--component w-full`,s),children:[(0,p.jsx)(u.o,{className:`mt-4`,children:n.map(e=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(a.t,{variant:e.badge,className:`w-16 justify-center text-xxs`,children:e.type})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})}),(0,p.jsx)(u.n,{children:(0,p.jsx)(r.s,{weight:`semibold`,className:`tabular-nums text-success`,children:e.amount})})]},e.type))}),(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(d.i,{label:f.totalSavings,value:(0,p.jsx)(r.o,{tag:`h4`,className:`text-xl tabular-nums tracking-tight text-success border-none pb-0`,children:i}),labelClassName:`text-sm font-semibold`})]})}b.displayName=`DiscountStackPreview`;function x({trackingNumber:e,carrier:n,status:i,steps:s,details:c=[],className:u}){return(0,p.jsxs)(o.t,{className:t.cn(`shipment-tracking--component w-full`,u),children:[(0,p.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,p.jsx)(r.s,{size:`xs`,weight:`medium`,className:`font-mono text-muted-foreground tracking-wide`,children:e}),!!n&&(0,p.jsx)(a.t,{variant:`info`,children:n})]}),(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-1.5`,children:[(0,p.jsx)(`span`,{className:`h-2 w-2 rounded-full bg-success`}),(0,p.jsx)(r.s,{weight:`semibold`,children:i})]}),(0,p.jsx)(`div`,{className:`mt-5 flex items-center justify-between`,children:s.map((e,n)=>(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`size-3 shrink-0 rounded-full`,e.done?`bg-success`:`bg-muted`)}),n<s.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,e.done?`bg-success`:`bg-muted`)})]}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`text-center leading-tight`,children:e.label})]},e.label))}),c.length>0&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsx)(`div`,{className:`space-y-2`,children:c.map(e=>(0,p.jsx)(d.i,{label:e.label,value:e.value,labelClassName:`text-xs`,valueClassName:`text-sm font-medium truncate max-w-[180px]`},e.label))})]})]})}x.displayName=`ShipmentTrackingCard`;var S={title:`Tax Breakdown`,subtotal:`Subtotal`,totalTax:`Total Tax`,total:`Total`};function C({subtotal:n,taxes:i,totalTax:a,total:s,className:c,strings:u}){let f=e.useStrings(S,u);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Receipt,{className:`size-4`}),title:f.title,className:t.cn(`tax-breakdown--component w-full`,c),children:[(0,p.jsx)(d.i,{label:f.subtotal,value:n,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`}),(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg border border-border/50 bg-muted/30 px-3 py-2.5`,children:[i.map((e,t)=>(0,p.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex items-baseline gap-1.5 min-w-0`,children:[(0,p.jsx)(r.s,{size:`xs`,className:`truncate`,children:e.label}),!!e.rate&&(0,p.jsx)(r.s,{tag:`span`,size:`xxs`,type:`discrete`,className:`shrink-0`,children:e.rate})]}),(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`medium`,className:`tabular-nums shrink-0`,children:e.amount})]},e.id??`${e.label}-${t}`)),!!a&&i.length>1&&(0,p.jsx)(d.i,{label:f.totalTax,value:a,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,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:f.total,value:s,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`})]})}C.displayName=`TaxBreakdownCard`;var w={title:`Subscription`,plan:`Plan`,nextBilling:`Next billing`,perks:`Included`,manage:`Manage`,upgrade:`Upgrade`};function T({planName:s,priceLabel:c,cycleLabel:l,nextBillingDate:d,statusLabel:f,perks:h=[],onManage:g,onUpgrade:_,className:v,strings:y}){let b=e.useStrings(w,y);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Repeat,{className:`size-4`}),title:b.title,headerEnd:f?(0,p.jsx)(a.t,{variant:`success`,children:f}):null,className:t.cn(`subscription-summary--component w-full`,v),children:[(0,p.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 p-4`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.plan}),(0,p.jsx)(r.o,{tag:`h3`,className:`mt-1 text-xl font-semibold tracking-tight border-none pb-0`,children:s}),(0,p.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1`,children:[(0,p.jsx)(r.s,{tag:`span`,size:`xl`,weight:`bold`,className:`tabular-nums`,children:c}),(0,p.jsx)(r.s,{type:`secondary`,children:l})]})]}),(0,p.jsxs)(`div`,{className:`mt-3 flex items-center justify-between rounded-md bg-card px-1`,children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(m.Calendar,{className:`size-3.5 text-muted-foreground`}),(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,children:b.nextBilling})]}),(0,p.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`tabular-nums`,children:d})]}),h.length>0&&(0,p.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.perks}),(0,p.jsx)(u.o,{children:h.map((e,t)=>(0,p.jsxs)(u.t,{size:`small`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:e.icon??m.Check,tone:`success`,size:`small`})}),(0,p.jsx)(u.r,{children:(0,p.jsx)(u.u,{bold:!1,children:e.label})})]},`${e.label}-${t}`))})]}),(g||_)&&(0,p.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[!!g&&(0,p.jsx)(n.t,{variant:`secondary`,buttonStyle:`outline`,onClick:g,className:`flex-1`,children:b.manage}),!!_&&(0,p.jsxs)(n.t,{variant:`primary`,onClick:_,className:`flex-1`,children:[b.upgrade,(0,p.jsx)(m.ChevronRight,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`SubscriptionSummaryCard`;var E={title:`Refund Status`,requested:`Requested`,approved:`Approved`,processing:`Processing`,completed:`Completed`,amount:`Refund amount`,reason:`Reason`,eta:`Expected by`,method:`Refund to`},D=[`requested`,`approved`,`processing`,`completed`];function O({stage:n,amount:i,reason:a,method:s,eta:c,requestedAt:u,className:f,strings:h}){let g=e.useStrings(E,h),_=D.indexOf(n);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.RotateCcw,{className:`size-4`}),title:g.title,className:t.cn(`refund-status--component w-full`,f),children:[(0,p.jsxs)(`div`,{className:`rounded-lg bg-muted/40 px-4 py-3`,children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:g.amount}),(0,p.jsx)(r.o,{tag:`h3`,className:`text-3xl tabular-nums tracking-tight`,children:i}),!!u&&(0,p.jsxs)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:[g.requested,`: `,u]})]}),(0,p.jsx)(`div`,{className:`mt-4 flex items-center justify-between`,children:D.map((e,n)=>{let i=n<=_,a=n===_;return(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col items-center gap-1.5`,children:[(0,p.jsxs)(`div`,{className:`flex w-full items-center`,children:[(0,p.jsx)(`div`,{className:t.cn(`relative flex size-5 shrink-0 items-center justify-center rounded-full`,i?`bg-success text-success-foreground`:`border border-border bg-card text-muted-foreground`,a&&`ring-2 ring-success/30 ring-offset-2 ring-offset-background`),children:i?(0,p.jsx)(m.Check,{className:`size-3`}):(0,p.jsx)(r.s,{tag:`span`,size:`xxs`,weight:`medium`,className:`tabular-nums`,children:n+1})}),n<D.length-1&&(0,p.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,n<_?`bg-success`:`bg-border`)})]}),(0,p.jsx)(r.s,{size:`xxs`,weight:a?`semibold`:`medium`,type:i?`main`:`secondary`,className:`text-center leading-tight`,children:g[e]})]},e)})}),(a||s||c)&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(l.t,{className:`my-4`}),(0,p.jsxs)(`div`,{className:`space-y-2`,children:[!!a&&(0,p.jsx)(d.i,{label:g.reason,value:a,className:`items-start`,valueClassName:`text-sm font-medium text-right`}),!!s&&(0,p.jsx)(d.i,{label:g.method,value:s,valueClassName:`text-sm font-medium`}),!!c&&(0,p.jsx)(d.i,{label:g.eta,value:c,mono:!0,valueClassName:`text-sm font-medium`})]})]})]})}O.displayName=`RefundStatusCard`;var k={defaultBadge:`Default`,edit:`Edit`,remove:`Remove`,makeDefault:`Make default`,shipping:`Shipping address`,billing:`Billing address`,pickup:`Pickup address`};function A({kind:n=`shipping`,name:i,line1:s,line2:c,city:l,region:u,postalCode:d,country:f,phone:h,isDefault:g=!1,onEdit:_,onRemove:v,onMakeDefault:y,className:b,strings:x}){let S=e.useStrings(k,x),C={shipping:S.shipping,billing:S.billing,pickup:S.pickup},w=[l,u,d].filter(Boolean).join(`, `),T=[];return _&&T.push({id:`edit`,label:S.edit,icon:(0,p.jsx)(m.Edit2,{className:`size-3.5`}),onClick:_}),y&&!g&&T.push({id:`make-default`,label:S.makeDefault,icon:(0,p.jsx)(m.Star,{className:`size-3.5`}),onClick:y}),v&&T.push({id:`remove`,label:S.remove,icon:(0,p.jsx)(m.Trash2,{className:`size-3.5`}),onClick:v}),(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.MapPin,{className:`size-4`}),title:C[n],titleSuffix:g?(0,p.jsx)(a.t,{variant:`primary`,children:S.defaultBadge}):null,actions:T.length>0?T:void 0,className:t.cn(`address-card--component w-full`,b),children:(0,p.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,p.jsx)(r.s,{weight:`semibold`,children:i}),(0,p.jsx)(r.s,{children:s}),!!c&&(0,p.jsx)(r.s,{children:c}),!!w&&(0,p.jsx)(r.s,{children:w}),(0,p.jsx)(r.s,{type:`secondary`,children:f}),!!h&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-1.5 tabular-nums`,children:h})]})})}A.displayName=`AddressCard`;var j={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.`},M=e=>e.toUpperCase();function N({appliedCode:l,balance:d,error:h,loading:g,onCheck:_,onRemove:v,className:y,strings:b}){let x=e.useStrings(j,b),S=(0,f.useId)(),[C,w]=(0,f.useState)(``),T=C.trim();return l?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsxs)(u.t,{size:`small`,variant:`outline`,className:`items-center gap-x-2.5 gap-y-1.5 border-success/30 bg-success/5`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:l}),(0,p.jsx)(a.t,{variant:`success`,size:`small`,children:x.applied})]}),(0,p.jsx)(u.i,{clamp:1,children:x.balance})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!d&&(0,p.jsx)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:d}),!!v&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:v,"aria-label":x.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.Gift,{className:`size-4`}),title:x.title,className:t.cn(`voucher-entry--component w-full`,y),children:(0,p.jsx)(`form`,{onSubmit:e=>{e.preventDefault(),T&&_?.(T)},children:(0,p.jsx)(c.D,{label:x.inputLabel,htmlFor:S,error:h,hint:h?void 0:x.helperText,children:(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-48 flex-1`,children:(0,p.jsx)(s.t,{id:S,value:C,onChange:e=>w(M(e.target.value)),placeholder:x.placeholder,startIcon:m.Gift,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!h})}),(0,p.jsx)(n.t,{type:`submit`,loading:g,disabled:!T,className:`shrink-0`,children:x.check})]})})})})}N.displayName=`VoucherEntryCard`;var P={title:`Cart`,subtotal:`Subtotal`,tax:`Tax`,shipping:`Shipping`,discount:`Discount`,total:`Total`,checkout:`Checkout`},F=e=>e.replace(/^[\s−-]+/,``),I=e=>[e.productTitle,e.title,e.name].find(e=>!!e?.trim())??e.id,L=e=>[e.imageUrl,e.imageSrc,e.src,e.url].find(e=>!!e?.trim()),R=e=>e.trim().split(/\s+/).map(e=>e[0]).join(``).slice(0,2).toUpperCase()||e.trim().slice(0,2).toUpperCase();function z({title:e}){return(0,p.jsx)(`div`,{"aria-hidden":`true`,className:`flex size-full items-center justify-center rounded-[inherit] bg-muted text-xxs font-semibold text-muted-foreground ring-1 ring-border/60`,children:R(e)})}function B({items:i,subtotal:a,tax:s,shipping:c,discount:f,total:h,onCheckout:g,className:_,strings:v}){let y=e.useStrings(P,v),b=!!(a||s||c||f);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.ShoppingBag,{className:`size-4`}),title:y.title,className:t.cn(`cart-summary--component w-full`,_),children:[(0,p.jsx)(u.o,{children:i.map(e=>{let t=I(e),n=L(e);return(0,p.jsxs)(u.t,{className:`cart-summary--item`,children:[(0,p.jsx)(u.c,{variant:`image`,className:`cart-summary--item-media`,children:n?(0,p.jsx)(`img`,{src:n,alt:e.imageAlt??t}):(0,p.jsx)(z,{title:t})}),(0,p.jsxs)(u.r,{className:`cart-summary--item-content`,children:[(0,p.jsx)(u.u,{children:t}),!!e.variantTitle&&(0,p.jsx)(u.i,{clamp:1,children:e.variantTitle})]}),(0,p.jsx)(u.n,{className:`cart-summary--item-actions`,children:(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5`,children:[(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,type:`secondary`,className:`tabular-nums`,children:[`x`,e.qty]}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:e.price})]})})]},e.id)})}),!!b&&(0,p.jsxs)(`div`,{className:`mt-3 space-y-1.5 rounded-lg bg-muted/30 px-3 py-2.5`,children:[!!a&&(0,p.jsx)(d.i,{label:y.subtotal,value:a,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!s&&(0,p.jsx)(d.i,{label:y.tax,value:s,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!c&&(0,p.jsx)(d.i,{label:y.shipping,value:c,mono:!0,valueClassName:`text-xs font-medium`,labelClassName:`text-xs`}),!!f&&(0,p.jsx)(d.i,{label:y.discount,value:`−${F(f)}`,mono:!0,labelClassName:`text-xs`,valueClassName:`text-xs font-semibold text-success`})]}),(0,p.jsx)(l.t,{className:`my-3`}),(0,p.jsx)(d.i,{label:y.total,value:h,mono:!0,labelClassName:`text-sm font-semibold`,valueClassName:`text-lg font-bold`}),!!g&&(0,p.jsx)(n.t,{onClick:g,fullWidth:!0,className:`mt-4`,children:y.checkout})]})}B.displayName=`CartSummaryCard`;var V={title:`Have a code?`,placeholder:`Enter coupon code`,apply:`Apply`,remove:`Remove`,applied:`Applied`,invalid:`That code is not valid`},H=e=>e.replace(/^[\s−-]+/,``),U=e=>e.toUpperCase();function W({appliedCode:a,appliedDiscount:c,error:l,onApply:d,onRemove:h,loading:g,className:_,strings:v}){let y=e.useStrings(V,v),[b,x]=(0,f.useState)(``),S=b.trim();return a?(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(u.t,{size:`small`,variant:`muted`,className:`items-center gap-x-2.5 gap-y-1.5 border border-success/30 bg-success/8`,children:[(0,p.jsx)(u.c,{children:(0,p.jsx)(i.t,{icon:m.Check,tone:`success`,size:`default`,className:`ring-1 ring-success/20`})}),(0,p.jsxs)(u.r,{className:`min-w-0`,children:[(0,p.jsx)(u.u,{className:`max-w-full font-mono tracking-wider`,children:a}),(0,p.jsx)(u.i,{className:`uppercase tracking-wide`,clamp:1,children:y.applied})]}),(0,p.jsxs)(u.a,{className:`border-t border-success/15 pt-1`,children:[(0,p.jsx)(`span`,{}),(0,p.jsxs)(u.n,{className:`shrink-0 gap-1.5`,children:[!!c&&(0,p.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,type:`success`,className:`tabular-nums shrink-0`,children:[`−`,H(c)]}),!!h&&(0,p.jsx)(n.t,{type:`button`,variant:`error`,buttonStyle:`ghost`,size:`icon-small`,onClick:h,"aria-label":y.remove,className:`size-7 shrink-0 text-muted-foreground hover:text-destructive`,children:(0,p.jsx)(m.X,{className:`size-3.5`})})]})]})]})}):(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.TicketPercent,{className:`size-4`}),title:y.title,className:t.cn(`coupon-input--component w-full`,_),children:(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,p.jsx)(`div`,{className:`min-w-44 flex-1`,children:(0,p.jsx)(s.t,{value:b,onChange:e=>x(U(e.target.value)),placeholder:y.placeholder,startIcon:m.Sparkles,autoCapitalize:`characters`,spellCheck:!1,className:`font-mono`,invalid:!!l})}),(0,p.jsx)(n.t,{size:`default`,onClick:()=>d?.(S),loading:g,disabled:!S,className:`shrink-0`,children:y.apply})]}),!!l&&(0,p.jsx)(r.s,{size:`xs`,type:`error`,children:l||y.invalid})]})})}W.displayName=`CouponInputCard`;var G={title:`Order status`,statusLabel:`Current status`,eta:`ETA`,latestEvent:`Latest event`,currentStep:`Current step`},K={pending:`warning`,paid:`info`,fulfilled:`info`,shipped:`primary`,delivered:`success`,cancelled:`error`};function q({orderNumber:n,status:i,statusVariant:s,events:c,currentEta:l,className:u,strings:d}){let f=e.useStrings(G,d),h=s??K[i],g=c.reduce((e,t,n)=>t.complete?n:e,-1),_=c[g]??c[0],v=c.find(e=>!e.complete);return(0,p.jsxs)(o.t,{icon:(0,p.jsx)(m.Package,{className:`size-4`}),title:f.title,titleSuffix:(0,p.jsx)(a.t,{variant:h,className:`capitalize`,children:i}),description:`#${n}`,className:t.cn(`order-status--component w-full`,u),children:[(0,p.jsx)(`div`,{className:`rounded-lg border border-border bg-muted/20 p-3`,children:(0,p.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.statusLabel}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 capitalize`,children:i})]}),!!_&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:_.complete?f.latestEvent:f.currentStep}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5`,children:_.label})]}),!!l&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`uppercase tracking-wide`,children:f.eta}),(0,p.jsx)(r.s,{weight:`semibold`,className:`mt-0.5 tabular-nums`,children:l})]})]})}),c.length>0&&(0,p.jsx)(`ol`,{className:`mt-4`,children:c.map((e,n)=>{let i=n===c.length-1,a=v?e===v:n===g;return(0,p.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,p.jsx)(`span`,{className:t.cn(`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,p.jsx)(m.Check,{className:`size-3.5`,strokeWidth:2.5}):a?(0,p.jsx)(m.CalendarClock,{className:`size-3.5`}):(0,p.jsx)(m.Circle,{className:`size-3`})}),!i&&(0,p.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`min-h-6 w-px flex-1`,n<g?`bg-success`:`bg-border`)})]}),(0,p.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-4`,i&&`pb-0`),children:[(0,p.jsx)(r.s,{weight:e.complete||a?`semibold`:`medium`,className:t.cn(!e.complete&&!a&&`text-muted-foreground`),children:e.label}),!!e.timestamp&&(0,p.jsx)(r.s,{size:`xs`,type:`secondary`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},`${e.label}-${n}`)})})]})}q.displayName=`OrderStatusCard`;var J={title:`Payment method`,default:`Default`,cardHolder:`Card holder`,expires:`Expires`,change:`Change`},Y={visa:`VISA`,mastercard:`MasterCard`,amex:`AMEX`,paypal:`PayPal`,applepay:`Apple Pay`,googlepay:`Google Pay`,unknown:`Card`},X={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 Z({brand:i,last4:s,expiry:c,holderName:l,isDefault:u,onChange:d,className:f,strings:h}){let g=e.useStrings(J,h),_=Y[i],v=X[i];return(0,p.jsx)(o.t,{icon:(0,p.jsx)(m.CreditCard,{className:`size-4`}),title:g.title,titleSuffix:u?(0,p.jsx)(a.t,{variant:`primary`,children:g.default}):null,headerAction:d?(0,p.jsx)(n.t,{buttonStyle:`ghost`,variant:`secondary`,onClick:d,children:g.change}):void 0,className:t.cn(`payment-method--component w-full`,f),children:(0,p.jsxs)(`div`,{className:t.cn(`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`,v),children:[(0,p.jsxs)(`div`,{className:`relative flex items-start justify-between`,children:[(0,p.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,p.jsx)(`div`,{className:`size-4 rounded-sm border border-warning-foreground/25 bg-warning-foreground/15`})}),(0,p.jsx)(r.s,{tag:`span`,weight:`bold`,className:`rounded bg-inverse-surface px-2 py-0.5 tracking-[0.15em] text-inverse-foreground backdrop-blur-sm`,children:_})]}),(0,p.jsx)(`div`,{className:`relative`,children:(0,p.jsxs)(r.s,{tag:`span`,size:`base`,weight:`semibold`,className:`block font-mono tracking-[0.25em] text-inverse-foreground`,children:[`•••• •••• •••• `,s]})}),(0,p.jsxs)(`div`,{className:`relative flex items-end justify-between gap-3`,children:[(0,p.jsx)(`div`,{className:`min-w-0`,children:!!l&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(r.s,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.cardHolder}),(0,p.jsx)(r.s,{weight:`semibold`,className:`truncate text-inverse-foreground`,children:l})]})}),!!c&&(0,p.jsxs)(`div`,{className:`text-right shrink-0`,children:[(0,p.jsx)(r.s,{size:`xxs`,className:`block uppercase tracking-wider text-inverse-subtle`,children:g.expires}),(0,p.jsx)(r.s,{tag:`span`,weight:`semibold`,className:`tabular-nums text-inverse-foreground`,children:c})]})]})]})})}Z.displayName=`PaymentMethodCard`,exports.AddressCard=A,exports.CartSummaryCard=B,exports.CouponInputCard=W,exports.DiscountStackPreview=b,exports.LoyaltyPointsCard=v,exports.OrderStatusCard=q,exports.PaymentMethodCard=Z,exports.RefundStatusCard=O,exports.ShipmentTrackingCard=x,exports.SubscriptionSummaryCard=T,exports.TaxBreakdownCard=C,exports.UpcomingBookingRow=g,exports.VoucherEntryCard=N,exports.defaultAddressCardStrings=k,exports.defaultCartSummaryStrings=P,exports.defaultCouponInputStrings=V,exports.defaultDiscountStackStrings=y,exports.defaultLoyaltyPointsStrings=_,exports.defaultOrderStatusStrings=G,exports.defaultPaymentMethodStrings=J,exports.defaultRefundStatusStrings=E,exports.defaultSubscriptionSummaryStrings=w,exports.defaultTaxBreakdownStrings=S,exports.defaultVoucherEntryStrings=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/commerce/index.js

@@ -1,15 +1,15 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-DHksjMvc.js";
-import { o as r, s as i } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as n } from "../../../_shared/button-vv59_uS_.js";
+import { o as r, s as i } from "../../../_shared/typography-CzFVA1w1.js";
 import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
-import { t as o } from "../../../_shared/badge-a2Z3K5aQ.js";
-import { t as s } from "../../../_shared/cards-RZxRLx3f.js";
-import { t as c } from "../../../_shared/input-CfnHBT--.js";
-import { D as l, v as u } from "../../../_shared/display-B0wLVN8t.js";
+import { t as o } from "../../../_shared/badge-BYNwSWh5.js";
+import { t as s } from "../../../_shared/cards-cQ9lL6zy.js";
+import { t as c } from "../../../_shared/input-BgcP6x4C.js";
+import { D as l, v as u } from "../../../_shared/display-Bro3Kufg.js";
 import { t as d } from "../../../_shared/separator-B8FBp-7E.js";
-import { a as f, c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-Xs-fgzaT.js";
-import { i as b } from "../../../_shared/data-display-C5-1dZua.js";
+import { a as f, c as p, i as m, n as h, o as g, r as _, t as v, u as y } from "../../../_shared/item-D7GTzvhf.js";
+import { i as b } from "../../../_shared/data-display-DUWxoDKq.js";
 import { useId as x, useState as S } from "react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
 import { Calendar as E, CalendarClock as D, Check as O, ChevronRight as k, Circle as A, CreditCard as j, Edit2 as M, Gift as N, MapPin as P, Package as ee, Receipt as te, Repeat as ne, RotateCcw as re, ShoppingBag as ie, Sparkles as ae, Star as oe, TicketPercent as se, Trash2 as ce, Trophy as le, X as ue } from "lucide-react";

package/dist/components/composed/dark-surfaces/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/separator-q42IlFFA.cjs"),o=require("../../../_shared/item-eUP9Rtmg.cjs"),s=require("../../../_shared/data-display-C21skrV4.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={title:`Booking Receipt`,statusConfirmed:`Confirmed`,amountPaidLabel:`Amount Paid`},f={successTitle:`Payment Successful`,successDescription:`Transaction completed`,detailsToggle:`Payment Details`},p={defaultTitle:`Details`},m={title:`Order Items`,totalLabel:`Total`},h={title:`Outstanding Balance`,dueDateLabel:`Due Date`,customerLabel:`Customer`,sendReminder:`Send Reminder`,recordPayment:`Record Payment`};function g({amount:d,details:p=[],helpText:m,onHelp:h,className:g,strings:_}){let v=e.useStrings(f,_),[y,b]=(0,c.useState)(!0);return(0,l.jsxs)(`div`,{className:t.cn(`dark-payment--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,l.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,l.jsx)(i.t,{icon:u.Check,tone:`success`,className:`size-avatar-lg [&>svg]:size-icon-lg`}),(0,l.jsx)(r.o,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:v.successTitle}),(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:v.successDescription}),(0,l.jsx)(r.o,{tag:`h3`,className:`border-none pb-0 text-2xl tabular-nums tracking-tight`,children:d})]}),p.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.t,{className:`my-4`}),(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>b(!y),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.s,{weight:`medium`,children:v.detailsToggle}),y?(0,l.jsx)(u.ChevronUp,{className:`size-4`}):(0,l.jsx)(u.ChevronDown,{className:`size-4`})]}),!!y&&(0,l.jsx)(`div`,{className:`mt-3 space-y-2.5`,children:p.map(e=>(0,l.jsx)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!m&&(0,l.jsxs)(o.t,{variant:`muted`,className:t.cn(`mt-4`,h&&`cursor-pointer`),onClick:h,children:[(0,l.jsx)(o.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,l.jsx)(u.HelpCircle,{})}),(0,l.jsx)(o.r,{children:(0,l.jsx)(o.u,{bold:!1,className:`text-muted-foreground`,children:m})}),(0,l.jsx)(o.n,{children:(0,l.jsx)(u.ChevronRight,{className:`size-4 text-muted-foreground`})})]})]})}g.displayName=`DarkPaymentConfirmation`;function _({referenceCode:n,status:i,details:a=[],amountPaid:o,className:c,strings:u}){let f=e.useStrings(d,u),p=i??f.statusConfirmed;return(0,l.jsxs)(`div`,{className:t.cn(`booking-receipt--component`,`dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,l.jsx)(r.o,{tag:`h6`,className:`!border-0 !pb-0`,children:f.title}),(0,l.jsxs)(r.s,{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`}),p]})]}),a.length>0&&(0,l.jsx)(`div`,{className:`space-y-1.5 text-sm`,children:a.map(e=>(0,l.jsx)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!n&&(0,l.jsx)(r.s,{tag:`div`,size:`xs`,type:`secondary`,align:`center`,className:`rounded-md bg-muted px-3 py-2 font-mono tracking-wider`,children:n}),(0,l.jsx)(s.i,{className:`border-t border-border pt-3`,label:f.amountPaidLabel,value:(0,l.jsx)(r.o,{tag:`h4`,className:`border-none pb-0 text-lg`,children:o}),labelClassName:`text-sm`})]})}_.displayName=`BookingReceiptDark`;function v({title:i,items:a,totalLabel:o,totalValue:s,defaultOpen:d=!0,className:f,strings:m}){let h=e.useStrings(p,m),g=i??h.defaultTitle,[_,v]=(0,c.useState)(d);return(0,l.jsxs)(`div`,{className:t.cn(`dark-info-panel--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,f),children:[(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>v(!_),className:`flex w-full items-center justify-between border-0 p-0 h-auto`,children:[(0,l.jsx)(r.o,{tag:`h6`,className:`!border-0 !pb-0`,children:g}),_?(0,l.jsx)(u.ChevronUp,{className:`size-4 text-muted-foreground`}):(0,l.jsx)(u.ChevronDown,{className:`size-4 text-muted-foreground`})]}),!!_&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm`,children:[a.map(e=>(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,l.jsx)(r.s,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,l.jsx)(r.s,{weight:`medium`,className:t.cn(`shrink-0 text-right`,e.highlight&&`text-success`),children:e.value})]},e.label)),!!o&&!!s&&(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.s,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:o}),(0,l.jsx)(r.s,{weight:`semibold`,className:`shrink-0 text-right`,children:s})]})})]})]})}v.displayName=`DarkInfoPanel`;var y={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function b({items:n,summary:i=[],total:a,className:c,strings:u}){let d=e.useStrings(m,u);return(0,l.jsxs)(`div`,{className:t.cn(`order-items--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsx)(r.o,{tag:`h6`,className:`!border-0 !pb-0`,children:d.title}),(0,l.jsx)(o.o,{className:`mt-3 gap-2`,children:n.map(e=>(0,l.jsxs)(o.t,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,l.jsxs)(o.s,{children:[(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,l.jsx)(r.s,{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)(o.r,{children:[(0,l.jsx)(o.u,{children:e.name}),(0,l.jsx)(o.i,{clamp:1,children:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,y[e.tone??`neutral`])}),`x`,e.qty]})})]}),(0,l.jsx)(o.n,{children:(0,l.jsx)(r.s,{weight:`bold`,children:e.price})})]})]},e.name))}),!!(i.length>0||a)&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3 text-sm`,children:[i.map(e=>(0,l.jsx)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm text-muted-foreground`,valueClassName:`text-sm text-muted-foreground`},e.label)),!!a&&(0,l.jsx)(s.i,{className:`border-t border-dashed border-border pt-2`,label:d.totalLabel,value:a,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`})]})]})}b.displayName=`OrderItemsCard`;function x({amount:i,amountColor:a=`text-warning`,dueDate:o,customer:c,onSendReminder:d,onRecordPayment:f,className:p,strings:m}){let g=e.useStrings(h,m);return(0,l.jsxs)(`div`,{className:t.cn(`outstanding-balance--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,p),children:[(0,l.jsx)(r.s,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:g.title}),(0,l.jsx)(r.o,{tag:`h3`,className:t.cn(`border-none pb-0 text-2xl tabular-nums tracking-tight`,a),children:i}),(0,l.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,l.jsx)(s.i,{label:g.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.s,{tag:`span`,weight:`medium`,children:o})]}),labelClassName:`text-xs`}),(0,l.jsx)(s.i,{label:g.customerLabel,value:c,labelClassName:`text-xs`,valueClassName:`text-sm font-medium`})]}),(0,l.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,l.jsxs)(n.t,{variant:`warning`,className:`flex-1 rounded-md`,onClick:d,children:[(0,l.jsx)(u.Send,{className:`mr-1.5 size-3.5`}),g.sendReminder]}),(0,l.jsxs)(n.t,{variant:`success`,className:`flex-1 rounded-md`,onClick:f,children:[(0,l.jsx)(u.CreditCard,{className:`mr-1.5 size-3.5`}),g.recordPayment]})]})]})}x.displayName=`OutstandingBalanceCard`,exports.BookingReceiptDark=_,exports.DarkInfoPanel=v,exports.DarkPaymentConfirmation=g,exports.OrderItemsCard=b,exports.OutstandingBalanceCard=x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BMiPFJIb.cjs"),r=require("../../../_shared/typography-GtkgK9QX.cjs"),i=require("../../../_shared/icon-badge-CU6ZkcER.cjs"),a=require("../../../_shared/separator-q42IlFFA.cjs"),o=require("../../../_shared/item-DTrnHpfm.cjs"),s=require("../../../_shared/data-display-o-rbMuIA.cjs");let c=require("react"),l=require("react/jsx-runtime"),u=require("lucide-react");var d={title:`Booking Receipt`,statusConfirmed:`Confirmed`,amountPaidLabel:`Amount Paid`},f={successTitle:`Payment Successful`,successDescription:`Transaction completed`,detailsToggle:`Payment Details`},p={defaultTitle:`Details`},m={title:`Order Items`,totalLabel:`Total`},h={title:`Outstanding Balance`,dueDateLabel:`Due Date`,customerLabel:`Customer`,sendReminder:`Send Reminder`,recordPayment:`Record Payment`};function g({amount:d,details:p=[],helpText:m,onHelp:h,className:g,strings:_}){let v=e.useStrings(f,_),[y,b]=(0,c.useState)(!0);return(0,l.jsxs)(`div`,{className:t.cn(`dark-payment--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,g),children:[(0,l.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[(0,l.jsx)(i.t,{icon:u.Check,tone:`success`,className:`size-avatar-lg [&>svg]:size-icon-lg`}),(0,l.jsx)(r.o,{tag:`h5`,className:`mt-3 !border-0 !pb-0`,children:v.successTitle}),(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:v.successDescription}),(0,l.jsx)(r.o,{tag:`h3`,className:`border-none pb-0 text-2xl tabular-nums tracking-tight`,children:d})]}),p.length>0&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(a.t,{className:`my-4`}),(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>b(!y),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.s,{weight:`medium`,children:v.detailsToggle}),y?(0,l.jsx)(u.ChevronUp,{className:`size-4`}):(0,l.jsx)(u.ChevronDown,{className:`size-4`})]}),!!y&&(0,l.jsx)(`div`,{className:`mt-3 space-y-2.5`,children:p.map(e=>(0,l.jsx)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))})]}),!!m&&(0,l.jsxs)(o.t,{variant:`muted`,className:t.cn(`mt-4`,h&&`cursor-pointer`),onClick:h,children:[(0,l.jsx)(o.c,{variant:`icon`,className:`text-muted-foreground`,children:(0,l.jsx)(u.HelpCircle,{})}),(0,l.jsx)(o.r,{children:(0,l.jsx)(o.u,{bold:!1,className:`text-muted-foreground`,children:m})}),(0,l.jsx)(o.n,{children:(0,l.jsx)(u.ChevronRight,{className:`size-4 text-muted-foreground`})})]})]})}g.displayName=`DarkPaymentConfirmation`;function _({referenceCode:n,status:i,details:a=[],amountPaid:o,className:c,strings:u}){let f=e.useStrings(d,u),p=i??f.statusConfirmed;return(0,l.jsxs)(`div`,{className:t.cn(`booking-receipt--component`,`dark space-y-3 rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,l.jsx)(r.o,{tag:`h6`,className:`!border-0 !pb-0`,children:f.title}),(0,l.jsxs)(r.s,{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`}),p]})]}),a.length>0&&(0,l.jsx)(`div`,{className:`space-y-1.5 text-sm`,children:a.map(e=>(0,l.jsx)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm`,valueClassName:`text-sm font-medium`},e.label))}),!!n&&(0,l.jsx)(r.s,{tag:`div`,size:`xs`,type:`secondary`,align:`center`,className:`rounded-md bg-muted px-3 py-2 font-mono tracking-wider`,children:n}),(0,l.jsx)(s.i,{className:`border-t border-border pt-3`,label:f.amountPaidLabel,value:(0,l.jsx)(r.o,{tag:`h4`,className:`border-none pb-0 text-lg`,children:o}),labelClassName:`text-sm`})]})}_.displayName=`BookingReceiptDark`;function v({title:i,items:a,totalLabel:o,totalValue:s,defaultOpen:d=!0,className:f,strings:m}){let h=e.useStrings(p,m),g=i??h.defaultTitle,[_,v]=(0,c.useState)(d);return(0,l.jsxs)(`div`,{className:t.cn(`dark-info-panel--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,f),children:[(0,l.jsxs)(n.t,{variant:`light`,buttonStyle:`ghost`,onClick:()=>v(!_),className:`flex w-full items-center justify-between border-0 p-0 h-auto`,children:[(0,l.jsx)(r.o,{tag:`h6`,className:`!border-0 !pb-0`,children:g}),_?(0,l.jsx)(u.ChevronUp,{className:`size-4 text-muted-foreground`}):(0,l.jsx)(u.ChevronDown,{className:`size-4 text-muted-foreground`})]}),!!_&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm`,children:[a.map(e=>(0,l.jsxs)(`div`,{className:`flex items-baseline justify-between gap-6`,children:[(0,l.jsx)(r.s,{type:`secondary`,className:`min-w-0`,children:e.label}),(0,l.jsx)(r.s,{weight:`medium`,className:t.cn(`shrink-0 text-right`,e.highlight&&`text-success`),children:e.value})]},e.label)),!!o&&!!s&&(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.s,{weight:`semibold`,type:`secondary`,className:`min-w-0`,children:o}),(0,l.jsx)(r.s,{weight:`semibold`,className:`shrink-0 text-right`,children:s})]})})]})]})}v.displayName=`DarkInfoPanel`;var y={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function b({items:n,summary:i=[],total:a,className:c,strings:u}){let d=e.useStrings(m,u);return(0,l.jsxs)(`div`,{className:t.cn(`order-items--component`,`dark rounded-lg bg-card p-4 text-card-foreground shadow-sm ring-1 ring-border`,c),children:[(0,l.jsx)(r.o,{tag:`h6`,className:`!border-0 !pb-0`,children:d.title}),(0,l.jsx)(o.o,{className:`mt-3 gap-2`,children:n.map(e=>(0,l.jsxs)(o.t,{variant:`muted`,className:`flex-col items-stretch gap-2`,children:[(0,l.jsxs)(o.s,{children:[(0,l.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.vendor}),!!e.badge&&(0,l.jsx)(r.s,{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)(o.r,{children:[(0,l.jsx)(o.u,{children:e.name}),(0,l.jsx)(o.i,{clamp:1,children:(0,l.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,l.jsx)(`span`,{className:t.cn(`size-2.5 rounded-full`,y[e.tone??`neutral`])}),`x`,e.qty]})})]}),(0,l.jsx)(o.n,{children:(0,l.jsx)(r.s,{weight:`bold`,children:e.price})})]})]},e.name))}),!!(i.length>0||a)&&(0,l.jsxs)(`div`,{className:`mt-3 space-y-2 border-t border-border pt-3 text-sm`,children:[i.map(e=>(0,l.jsx)(s.i,{label:e.label,value:e.value,labelClassName:`text-sm text-muted-foreground`,valueClassName:`text-sm text-muted-foreground`},e.label)),!!a&&(0,l.jsx)(s.i,{className:`border-t border-dashed border-border pt-2`,label:d.totalLabel,value:a,labelClassName:`text-sm font-semibold`,valueClassName:`text-sm font-semibold`})]})]})}b.displayName=`OrderItemsCard`;function x({amount:i,amountColor:a=`text-warning`,dueDate:o,customer:c,onSendReminder:d,onRecordPayment:f,className:p,strings:m}){let g=e.useStrings(h,m);return(0,l.jsxs)(`div`,{className:t.cn(`outstanding-balance--component`,`dark rounded-lg bg-card p-5 text-card-foreground shadow-sm ring-1 ring-border`,p),children:[(0,l.jsx)(r.s,{size:`xs`,weight:`medium`,type:`secondary`,className:`uppercase tracking-wider`,children:g.title}),(0,l.jsx)(r.o,{tag:`h3`,className:t.cn(`border-none pb-0 text-2xl tabular-nums tracking-tight`,a),children:i}),(0,l.jsxs)(`div`,{className:`mt-4 space-y-2`,children:[(0,l.jsx)(s.i,{label:g.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.s,{tag:`span`,weight:`medium`,children:o})]}),labelClassName:`text-xs`}),(0,l.jsx)(s.i,{label:g.customerLabel,value:c,labelClassName:`text-xs`,valueClassName:`text-sm font-medium`})]}),(0,l.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,l.jsxs)(n.t,{variant:`warning`,className:`flex-1 rounded-md`,onClick:d,children:[(0,l.jsx)(u.Send,{className:`mr-1.5 size-3.5`}),g.sendReminder]}),(0,l.jsxs)(n.t,{variant:`success`,className:`flex-1 rounded-md`,onClick:f,children:[(0,l.jsx)(u.CreditCard,{className:`mr-1.5 size-3.5`}),g.recordPayment]})]})]})}x.displayName=`OutstandingBalanceCard`,exports.BookingReceiptDark=_,exports.DarkInfoPanel=v,exports.DarkPaymentConfirmation=g,exports.OrderItemsCard=b,exports.OutstandingBalanceCard=x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/dark-surfaces/index.js

@@ -1,11 +1,11 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-DHksjMvc.js";
-import { o as r, s as i } from "../../../_shared/typography-DE0NGEIE.js";
+import { t as n } from "../../../_shared/button-vv59_uS_.js";
+import { o as r, s as i } from "../../../_shared/typography-CzFVA1w1.js";
 import { t as a } from "../../../_shared/icon-badge-dZQPvuas.js";
 import { t as o } from "../../../_shared/separator-B8FBp-7E.js";
-import { c as s, i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../_shared/item-Xs-fgzaT.js";
-import { i as h } from "../../../_shared/data-display-C5-1dZua.js";
+import { c as s, i as c, n as l, o as u, r as d, s as f, t as p, u as m } from "../../../_shared/item-D7GTzvhf.js";
+import { i as h } from "../../../_shared/data-display-DUWxoDKq.js";
 import { useState as g } from "react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { Check as b, ChevronDown as x, ChevronRight as S, ChevronUp as C, CreditCard as w, HelpCircle as T, Send as E } from "lucide-react";

package/dist/components/composed/data-display/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/data-display-C21skrV4.cjs");exports.DenseInfoClassification=e.C,exports.DenseInfoDashboard=e.w,exports.DenseInfoFinancial=e.S,exports.DenseInfoProjectCard=e.x,exports.DenseInfoScoreCard=e.b,exports.DocumentStackIllustration=e.p,exports.EmailDisplay=e.c,exports.EmptyState=e.m,exports.InboxCleanIllustration=e.f,exports.InlineMetricBadge=e.y,exports.InlineStat=e.i,exports.InvoiceHeaderCard=e.E,exports.InvoiceItemsCompact=e.k,exports.InvoiceItemsDetailed=e.A,exports.InvoiceItemsTable=e.j,exports.InvoiceMiniCard=e.D,exports.InvoiceTable=e.T,exports.MetadataList=e.a,exports.MiniKpiRow=e.v,exports.NumericValue=e.r,exports.PhoneDisplay=e.s,exports.ResourceSelectorCard=e.g,exports.SearchGlassIllustration=e.d,exports.SectionHeader=e.t,exports.StackedCardsIllustration=e.u,exports.UrlDisplay=e.o,exports.UserCell=e.n,exports.UsersCircleIllustration=e.l,exports.defaultEmptyStateStrings=e.h,exports.defaultResourceSelectorCardStrings=e._,exports.invoiceStatusMap=e.O;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_shared/data-display-o-rbMuIA.cjs");exports.DenseInfoClassification=e.C,exports.DenseInfoDashboard=e.w,exports.DenseInfoFinancial=e.S,exports.DenseInfoProjectCard=e.x,exports.DenseInfoScoreCard=e.b,exports.DocumentStackIllustration=e.p,exports.EmailDisplay=e.c,exports.EmptyState=e.m,exports.InboxCleanIllustration=e.f,exports.InlineMetricBadge=e.y,exports.InlineStat=e.i,exports.InvoiceHeaderCard=e.E,exports.InvoiceItemsCompact=e.k,exports.InvoiceItemsDetailed=e.A,exports.InvoiceItemsTable=e.j,exports.InvoiceMiniCard=e.D,exports.InvoiceTable=e.T,exports.MetadataList=e.a,exports.MiniKpiRow=e.v,exports.NumericValue=e.r,exports.PhoneDisplay=e.s,exports.ResourceSelectorCard=e.g,exports.SearchGlassIllustration=e.d,exports.SectionHeader=e.t,exports.StackedCardsIllustration=e.u,exports.UrlDisplay=e.o,exports.UserCell=e.n,exports.UsersCircleIllustration=e.l,exports.defaultEmptyStateStrings=e.h,exports.defaultResourceSelectorCardStrings=e._,exports.invoiceStatusMap=e.O;

package/dist/components/composed/data-display/index.js

@@ -1,2 +1,2 @@
-import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, j as g, k as _, l as v, m as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E, v as D, w as O, x as k, y as A } from "../../../_shared/data-display-C5-1dZua.js";
+import { A as e, C as t, D as n, E as r, O as i, S as a, T as o, _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, j as g, k as _, l as v, m as y, n as b, o as x, p as S, r as C, s as w, t as T, u as E, v as D, w as O, x as k, y as A } from "../../../_shared/data-display-DUWxoDKq.js";
 export { t as DenseInfoClassification, O as DenseInfoDashboard, a as DenseInfoFinancial, k as DenseInfoProjectCard, l as DenseInfoScoreCard, S as DocumentStackIllustration, u as EmailDisplay, y as EmptyState, f as InboxCleanIllustration, A as InlineMetricBadge, h as InlineStat, r as InvoiceHeaderCard, _ as InvoiceItemsCompact, e as InvoiceItemsDetailed, g as InvoiceItemsTable, n as InvoiceMiniCard, o as InvoiceTable, c as MetadataList, D as MiniKpiRow, C as NumericValue, w as PhoneDisplay, p as ResourceSelectorCard, d as SearchGlassIllustration, T as SectionHeader, E as StackedCardsIllustration, x as UrlDisplay, b as UserCell, v as UsersCircleIllustration, m as defaultEmptyStateStrings, s as defaultResourceSelectorCardStrings, i as invoiceStatusMap };

package/dist/components/composed/data-display/metadata/metadata-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"metadata-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/data-display/metadata/metadata-list.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EACN,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qFAAqF;IACrF,OAAO,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;CAC3C,CAAC;AA8DF,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,OAAW,EACX,KAAa,EACb,UAAkB,EAClB,KAAK,EACL,cAAsB,EACtB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,MAAmB,EACnB,OAAiB,EACjB,KAAgB,EAChB,SAAgB,EAChB,aAAqB,EACrB,IAAW,EACX,OAAO,EAAE,WAAW,GACpB,EAAE,iBAAiB,4BAsTnB;yBAzUe,YAAY"}
+{"version":3,"file":"metadata-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/composed/data-display/metadata/metadata-list.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EACN,0BAA0B,EAC1B,KAAK,mBAAmB,EACxB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,mBAAmB,EAAE,CAAC;AACpC,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,UAAU,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qFAAqF;IACrF,OAAO,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,CAAC;CAC3C,CAAC;AA8DF,wBAAgB,YAAY,CAAC,EAC5B,KAAK,EACL,OAAW,EACX,KAAa,EACb,UAAkB,EAClB,KAAK,EACL,cAAsB,EACtB,SAAS,EACT,YAAY,EACZ,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,MAAmB,EACnB,OAAiB,EACjB,KAAgB,EAChB,SAAgB,EAChB,aAAqB,EACrB,IAAW,EACX,OAAO,EAAE,WAAW,GACpB,EAAE,iBAAiB,4BA4TnB;yBA/Ue,YAAY"}

package/dist/components/composed/navigation/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-Bd5bEIiB.cjs"),r=require("../../../_shared/typography-CO9uwZhF.cjs"),i=require("../../../_shared/badge-BeSKxX1u.cjs"),a=require("../../../_shared/cards-CbbHly7W.cjs"),o=require("../../../_shared/item-eUP9Rtmg.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react");var u={neutral:`secondary`,primary:`primary`,info:`info`,success:`success`,warning:`warning`,destructive:`error`},d={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function f({columns:e,className:n}){return(0,c.jsx)(a.t,{title:`Pipeline Overview`,titleSuffix:(0,c.jsxs)(i.t,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:t.cn(`kanban-board--component`,n),children:(0,c.jsx)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4`,children:e.map(e=>{let n=e.tone??`neutral`;return(0,c.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-muted/30 p-2`,children:[(0,c.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,c.jsx)(i.t,{variant:u[n],children:e.items.length})]}),(0,c.jsx)(`div`,{className:`space-y-1.5`,children:e.items.map((i,a)=>(0,c.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm`,children:[(0,c.jsx)(`div`,{className:t.cn(`h-1.5 w-1.5 flex-shrink-0 rounded-full`,d[i.tone??n])}),(0,c.jsx)(r.s,{size:`xs`,className:`truncate`,children:i.title})]},`${e.title}-${a}`))})]},e.title)})})})}f.displayName=`KanbanMicroBoard`;function p({title:e,tabs:i,defaultTab:o,className:l}){let u=Object.keys(i),[d,f]=(0,s.useState)(o??u[0]??``);return(0,c.jsxs)(a.t,{title:e,className:t.cn(`tab-switcher--component`,`bg-gradient-to-b from-muted/30 to-card`,l),children:[(0,c.jsx)(`div`,{className:`mt-4 flex gap-1 rounded-full bg-muted/50 p-1`,children:u.map(e=>(0,c.jsx)(n.t,{variant:d===e?`light`:`secondary`,buttonStyle:d===e?`solid`:`ghost`,onClick:()=>f(e),className:t.cn(`flex-1 rounded-full capitalize`,d===e?`shadow-sm`:``),children:e},e))}),(0,c.jsx)(`div`,{className:`mt-4 space-y-2`,children:i[d]?.map(e=>(0,c.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20`,children:[!!e.icon&&(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-full bg-primary/10`,children:(0,c.jsx)(e.icon,{className:`size-4 text-primary`})}),(0,c.jsx)(r.s,{className:`flex-1`,children:e.name}),(0,c.jsx)(r.s,{weight:`bold`,children:e.value})]},e.name))})]})}p.displayName=`TabSwitcherCard`;var m={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function h({hours:n,currentHour:i,className:a,strings:o}){let s=e.useStrings(m,o),l=Math.max(...n,1),u=n.indexOf(Math.max(...n));function d(e){if(e===0)return`bg-muted`;let t=e/l;return t<.33?`bg-primary/25`:t<.66?`bg-primary/55`:`bg-primary`}return(0,c.jsxs)(`div`,{className:t.cn(`time-ruler--component`,`space-y-1.5`,a),children:[(0,c.jsx)(`div`,{className:`relative flex h-8 gap-px overflow-hidden rounded-md`,children:n.map((e,n)=>(0,c.jsx)(`div`,{className:t.cn(`relative flex-1 transition-colors duration-200`,d(e),n===u&&`ring-1 ring-primary ring-inset`),title:s.formatHourTitle(String(n).padStart(2,`0`),e)},n))}),(0,c.jsx)(`div`,{className:`relative flex`,children:n.map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:String(t).padStart(2,`0`)})},t))}),i!==void 0&&i>=0&&i<24&&(0,c.jsx)(`div`,{className:`relative h-0`,children:(0,c.jsx)(`div`,{className:`absolute -top-[42px] flex flex-col items-center`,style:{left:`${i/24*100}%`,transform:`translateX(-50%)`},children:(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive`})})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-muted`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendNone})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/25`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendLow})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/55`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendMedium})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendHigh})]}),i!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendNow})]})]})]})}h.displayName=`TimeDistributionRuler`;function g({rating:e,maxRating:n=5}){return(0,c.jsx)(`div`,{className:t.cn(`vendor-performance--component`,`flex items-center gap-0.5`),children:Array.from({length:n},(n,r)=>(0,c.jsx)(`svg`,{className:t.cn(`h-3.5 w-3.5`,r<e?`text-warning`:`text-muted`),viewBox:`0 0 24 24`,fill:`currentColor`,stroke:`none`,children:(0,c.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z`})},`star-${String(r)}`))})}function _(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function v({vendorName:e,rating:n,maxRating:i=5,metrics:o,performanceScore:s,lastActive:l,joinedDate:u,className:d}){return(0,c.jsx)(a.t,{title:e,className:d,footerText:(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,c.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[`Last active: `,l]}),(0,c.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[`Joined: `,u]})]}),children:(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(g,{rating:n,maxRating:i}),(0,c.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[{label:`Bookings`,value:String(o.bookings)},{label:`Revenue`,value:o.revenue},{label:`Avg Rating`,value:String(o.avgRating)},{label:`Response`,value:o.responseTime}].map(e=>(0,c.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 text-center`,children:[(0,c.jsx)(r.s,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:e.label})]},e.label))}),(0,c.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(r.s,{children:`Performance`}),(0,c.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums`,children:[s,`%`]})]}),(0,c.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-muted`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500`,_(s)),style:{width:`${String(s)}%`}})})]})]})})}v.displayName=`VendorPerformanceCard`;var y={description:`Experiences completed this week`,addActionLabel:`Add activity`};function b({completed:i,total:s,activities:u,onAdd:d,strings:f,className:p}){let m=e.useStrings(y,f);return(0,c.jsx)(a.t,{title:`${i} out of ${s}`,description:m.description,headerEnd:!!d&&(0,c.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":m.addActionLabel,onClick:d,children:(0,c.jsx)(l.Plus,{className:`size-4`})}),className:t.cn(`experience-activity--component`,p),children:(0,c.jsx)(o.o,{children:u.map((e,t)=>(0,c.jsxs)(`div`,{children:[t>0&&(0,c.jsx)(o.l,{}),(0,c.jsxs)(o.t,{size:`small`,className:`items-start`,children:[(0,c.jsx)(o.c,{children:(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary`,children:(0,c.jsx)(e.icon,{className:`size-4`})})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{children:e.title}),(0,c.jsx)(o.i,{clamp:1,children:e.time}),(0,c.jsx)(`div`,{className:`mt-2 grid grid-cols-2 gap-1.5`,children:e.metrics.map(e=>(0,c.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5`,children:[(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.label}),(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,children:e.value})]},e.label))})]})]})]},e.title))})})}b.displayName=`ExperienceActivityCard`;var x={stepLabel:`Step`,ofLabel:`of`};function S({steps:i,currentIndex:a,onStepClick:o,className:s,strings:u}){let d=e.useStrings(x,u);return(0,c.jsxs)(`div`,{className:t.cn(`breadcrumb-progress--component`,`w-full`,s),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[d.stepLabel,` `,a+1,` `,d.ofLabel,` `,i.length]}),(0,c.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((a+1)/i.length*100),`%`]})]}),(0,c.jsx)(`ol`,{className:`flex items-center gap-2`,children:i.map((e,s)=>{let u=s<a,d=s===a,f=o&&(u||d);return(0,c.jsxs)(`li`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,c.jsxs)(n.t,{type:`button`,onClick:()=>f&&o?.(e.id,s),disabled:!f,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:t.cn(`h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors`,f&&`hover:bg-muted/40`,!f&&`cursor-default`),children:[(0,c.jsx)(`span`,{className:t.cn(`flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums`,u&&`bg-success text-success-foreground`,d&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!u&&!d&&`bg-muted text-muted-foreground`),children:u?(0,c.jsx)(l.Check,{className:`size-3.5`}):s+1}),(0,c.jsxs)(`div`,{className:`hidden min-w-0 lg:block`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:t.cn(!d&&!u&&`text-muted-foreground`),children:e.label}),!!e.hint&&(0,c.jsx)(r.s,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.hint})]})]}),s<i.length-1&&(0,c.jsx)(`div`,{className:t.cn(`h-px flex-1`,u?`bg-success`:`bg-border`)})]},e.id)})})]})}S.displayName=`BreadcrumbProgress`;function C({title:e,items:n,activeId:r,onSelect:s,className:u}){return(0,c.jsx)(a.t,{title:e,padding:`default`,className:t.cn(`category-nav--component`,u),children:(0,c.jsx)(o.o,{children:n.map(e=>{let n=e.icon,a=e.id===r;return(0,c.jsxs)(o.t,{size:`small`,onClick:()=>s?.(e.id),"data-state":a?`active`:`inactive`,className:t.cn(`cursor-pointer transition-colors`,a?`bg-primary/10 text-primary`:`hover:bg-muted/50`),children:[!!n&&(0,c.jsx)(o.c,{variant:`icon`,className:t.cn(a?`text-primary`:`text-muted-foreground`),children:(0,c.jsx)(n,{})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{bold:a,children:e.label}),!!e.hint&&(0,c.jsx)(o.i,{clamp:1,children:e.hint})]}),(0,c.jsxs)(o.n,{children:[typeof e.count==`number`&&(0,c.jsx)(i.t,{variant:a?`primary`:`secondary`,className:`tabular-nums`,children:e.count}),(0,c.jsx)(l.ChevronRight,{className:t.cn(`size-4 shrink-0 text-muted-foreground/60`,a&&`text-primary`)})]})]},e.id)})})})}C.displayName=`CategoryNavCard`,exports.BreadcrumbProgress=S,exports.CategoryNavCard=C,exports.ExperienceActivityCard=b,exports.KanbanMicroBoard=f,exports.TabSwitcherCard=p,exports.TimeDistributionRuler=h,exports.VendorPerformanceCard=v,exports.defaultBreadcrumbProgressStrings=x;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/button-BMiPFJIb.cjs"),r=require("../../../_shared/typography-GtkgK9QX.cjs"),i=require("../../../_shared/badge-B8xGFpfM.cjs"),a=require("../../../_shared/cards-Cu6p1Brd.cjs"),o=require("../../../_shared/item-DTrnHpfm.cjs");let s=require("react"),c=require("react/jsx-runtime"),l=require("lucide-react");var u={neutral:`secondary`,primary:`primary`,info:`info`,success:`success`,warning:`warning`,destructive:`error`},d={neutral:`bg-muted-foreground`,primary:`bg-primary`,info:`bg-info`,success:`bg-success`,warning:`bg-warning`,destructive:`bg-destructive`};function f({columns:e,className:n}){return(0,c.jsx)(a.t,{title:`Pipeline Overview`,titleSuffix:(0,c.jsxs)(i.t,{variant:`secondary`,children:[e.reduce((e,t)=>e+t.items.length,0),` items`]}),className:t.cn(`kanban-board--component`,n),children:(0,c.jsx)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-4`,children:e.map(e=>{let n=e.tone??`neutral`;return(0,c.jsxs)(`div`,{className:`rounded-md border border-border/60 bg-muted/30 p-2`,children:[(0,c.jsxs)(`div`,{className:`mb-2 flex items-center justify-between gap-2`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:`truncate`,children:e.title}),(0,c.jsx)(i.t,{variant:u[n],children:e.items.length})]}),(0,c.jsx)(`div`,{className:`space-y-1.5`,children:e.items.map((i,a)=>(0,c.jsxs)(`div`,{className:`flex min-h-8 items-center gap-2 rounded-md border border-border/50 bg-card px-2 py-1.5 shadow-sm`,children:[(0,c.jsx)(`div`,{className:t.cn(`h-1.5 w-1.5 flex-shrink-0 rounded-full`,d[i.tone??n])}),(0,c.jsx)(r.s,{size:`xs`,className:`truncate`,children:i.title})]},`${e.title}-${a}`))})]},e.title)})})})}f.displayName=`KanbanMicroBoard`;function p({title:e,tabs:i,defaultTab:o,className:l}){let u=Object.keys(i),[d,f]=(0,s.useState)(o??u[0]??``);return(0,c.jsxs)(a.t,{title:e,className:t.cn(`tab-switcher--component`,`bg-gradient-to-b from-muted/30 to-card`,l),children:[(0,c.jsx)(`div`,{className:`mt-4 flex gap-1 rounded-full bg-muted/50 p-1`,children:u.map(e=>(0,c.jsx)(n.t,{variant:d===e?`light`:`secondary`,buttonStyle:d===e?`solid`:`ghost`,onClick:()=>f(e),className:t.cn(`flex-1 rounded-full capitalize`,d===e?`shadow-sm`:``),children:e},e))}),(0,c.jsx)(`div`,{className:`mt-4 space-y-2`,children:i[d]?.map(e=>(0,c.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl px-2 py-2 transition-colors hover:bg-muted/20`,children:[!!e.icon&&(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-full bg-primary/10`,children:(0,c.jsx)(e.icon,{className:`size-4 text-primary`})}),(0,c.jsx)(r.s,{className:`flex-1`,children:e.name}),(0,c.jsx)(r.s,{weight:`bold`,children:e.value})]},e.name))})]})}p.displayName=`TabSwitcherCard`;var m={legendNone:`None`,legendLow:`Low`,legendMedium:`Medium`,legendHigh:`High`,legendNow:`Now`,formatHourTitle:(e,t)=>`${e}:00 - ${t} bookings`};function h({hours:n,currentHour:i,className:a,strings:o}){let s=e.useStrings(m,o),l=Math.max(...n,1),u=n.indexOf(Math.max(...n));function d(e){if(e===0)return`bg-muted`;let t=e/l;return t<.33?`bg-primary/25`:t<.66?`bg-primary/55`:`bg-primary`}return(0,c.jsxs)(`div`,{className:t.cn(`time-ruler--component`,`space-y-1.5`,a),children:[(0,c.jsx)(`div`,{className:`relative flex h-8 gap-px overflow-hidden rounded-md`,children:n.map((e,n)=>(0,c.jsx)(`div`,{className:t.cn(`relative flex-1 transition-colors duration-200`,d(e),n===u&&`ring-1 ring-primary ring-inset`),title:s.formatHourTitle(String(n).padStart(2,`0`),e)},n))}),(0,c.jsx)(`div`,{className:`relative flex`,children:n.map((e,t)=>(0,c.jsx)(`div`,{className:`flex-1 text-center`,children:t%4==0&&(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:String(t).padStart(2,`0`)})},t))}),i!==void 0&&i>=0&&i<24&&(0,c.jsx)(`div`,{className:`relative h-0`,children:(0,c.jsx)(`div`,{className:`absolute -top-[42px] flex flex-col items-center`,style:{left:`${i/24*100}%`,transform:`translateX(-50%)`},children:(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[4px] border-b-[5px] border-x-transparent border-b-destructive`})})}),(0,c.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-muted`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendNone})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/25`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendLow})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary/55`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendMedium})]}),(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-2 w-3 rounded-sm bg-primary`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendHigh})]}),i!==void 0&&(0,c.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,c.jsx)(`div`,{className:`h-0 w-0 border-x-[3px] border-b-[4px] border-x-transparent border-b-destructive`}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:s.legendNow})]})]})]})}h.displayName=`TimeDistributionRuler`;function g({rating:e,maxRating:n=5}){return(0,c.jsx)(`div`,{className:t.cn(`vendor-performance--component`,`flex items-center gap-0.5`),children:Array.from({length:n},(n,r)=>(0,c.jsx)(`svg`,{className:t.cn(`h-3.5 w-3.5`,r<e?`text-warning`:`text-muted`),viewBox:`0 0 24 24`,fill:`currentColor`,stroke:`none`,children:(0,c.jsx)(`path`,{d:`M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z`})},`star-${String(r)}`))})}function _(e){return e>=80?`bg-success`:e>=50?`bg-warning`:`bg-destructive`}function v({vendorName:e,rating:n,maxRating:i=5,metrics:o,performanceScore:s,lastActive:l,joinedDate:u,className:d}){return(0,c.jsx)(a.t,{title:e,className:d,footerText:(0,c.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,c.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[`Last active: `,l]}),(0,c.jsxs)(r.s,{size:`xxs`,type:`secondary`,children:[`Joined: `,u]})]}),children:(0,c.jsxs)(`div`,{className:`space-y-4`,children:[(0,c.jsx)(g,{rating:n,maxRating:i}),(0,c.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:[{label:`Bookings`,value:String(o.bookings)},{label:`Revenue`,value:o.revenue},{label:`Avg Rating`,value:String(o.avgRating)},{label:`Response`,value:o.responseTime}].map(e=>(0,c.jsxs)(`div`,{className:`rounded-lg bg-muted/50 p-3 text-center`,children:[(0,c.jsx)(r.s,{size:`lg`,weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(r.s,{size:`xxs`,type:`secondary`,children:e.label})]},e.label))}),(0,c.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(r.s,{children:`Performance`}),(0,c.jsxs)(r.s,{weight:`semibold`,className:`tabular-nums`,children:[s,`%`]})]}),(0,c.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-muted`,children:(0,c.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500`,_(s)),style:{width:`${String(s)}%`}})})]})]})})}v.displayName=`VendorPerformanceCard`;var y={description:`Experiences completed this week`,addActionLabel:`Add activity`};function b({completed:i,total:s,activities:u,onAdd:d,strings:f,className:p}){let m=e.useStrings(y,f);return(0,c.jsx)(a.t,{title:`${i} out of ${s}`,description:m.description,headerEnd:!!d&&(0,c.jsx)(n.t,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":m.addActionLabel,onClick:d,children:(0,c.jsx)(l.Plus,{className:`size-4`})}),className:t.cn(`experience-activity--component`,p),children:(0,c.jsx)(o.o,{children:u.map((e,t)=>(0,c.jsxs)(`div`,{children:[t>0&&(0,c.jsx)(o.l,{}),(0,c.jsxs)(o.t,{size:`small`,className:`items-start`,children:[(0,c.jsx)(o.c,{children:(0,c.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-md bg-primary/10 text-primary`,children:(0,c.jsx)(e.icon,{className:`size-4`})})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{children:e.title}),(0,c.jsx)(o.i,{clamp:1,children:e.time}),(0,c.jsx)(`div`,{className:`mt-2 grid grid-cols-2 gap-1.5`,children:e.metrics.map(e=>(0,c.jsxs)(`div`,{className:`rounded-md border border-border/50 bg-muted/25 px-2.5 py-1.5`,children:[(0,c.jsx)(r.s,{size:`xs`,type:`secondary`,children:e.label}),(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,children:e.value})]},e.label))})]})]})]},e.title))})})}b.displayName=`ExperienceActivityCard`;var x={stepLabel:`Step`,ofLabel:`of`};function S({steps:i,currentIndex:a,onStepClick:o,className:s,strings:u}){let d=e.useStrings(x,u);return(0,c.jsxs)(`div`,{className:t.cn(`breadcrumb-progress--component`,`w-full`,s),children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,c.jsxs)(r.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:[d.stepLabel,` `,a+1,` `,d.ofLabel,` `,i.length]}),(0,c.jsxs)(r.s,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[Math.round((a+1)/i.length*100),`%`]})]}),(0,c.jsx)(`ol`,{className:`flex items-center gap-2`,children:i.map((e,s)=>{let u=s<a,d=s===a,f=o&&(u||d);return(0,c.jsxs)(`li`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,c.jsxs)(n.t,{type:`button`,onClick:()=>f&&o?.(e.id,s),disabled:!f,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:t.cn(`h-auto min-w-0 justify-start gap-2 rounded-md px-2 py-1 text-left transition-colors`,f&&`hover:bg-muted/40`,!f&&`cursor-default`),children:[(0,c.jsx)(`span`,{className:t.cn(`flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums`,u&&`bg-success text-success-foreground`,d&&`bg-primary text-primary-foreground ring-4 ring-primary/15`,!u&&!d&&`bg-muted text-muted-foreground`),children:u?(0,c.jsx)(l.Check,{className:`size-3.5`}):s+1}),(0,c.jsxs)(`div`,{className:`hidden min-w-0 lg:block`,children:[(0,c.jsx)(r.s,{size:`xs`,weight:`semibold`,className:t.cn(!d&&!u&&`text-muted-foreground`),children:e.label}),!!e.hint&&(0,c.jsx)(r.s,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.hint})]})]}),s<i.length-1&&(0,c.jsx)(`div`,{className:t.cn(`h-px flex-1`,u?`bg-success`:`bg-border`)})]},e.id)})})]})}S.displayName=`BreadcrumbProgress`;function C({title:e,items:n,activeId:r,onSelect:s,className:u}){return(0,c.jsx)(a.t,{title:e,padding:`default`,className:t.cn(`category-nav--component`,u),children:(0,c.jsx)(o.o,{children:n.map(e=>{let n=e.icon,a=e.id===r;return(0,c.jsxs)(o.t,{size:`small`,onClick:()=>s?.(e.id),"data-state":a?`active`:`inactive`,className:t.cn(`cursor-pointer transition-colors`,a?`bg-primary/10 text-primary`:`hover:bg-muted/50`),children:[!!n&&(0,c.jsx)(o.c,{variant:`icon`,className:t.cn(a?`text-primary`:`text-muted-foreground`),children:(0,c.jsx)(n,{})}),(0,c.jsxs)(o.r,{children:[(0,c.jsx)(o.u,{bold:a,children:e.label}),!!e.hint&&(0,c.jsx)(o.i,{clamp:1,children:e.hint})]}),(0,c.jsxs)(o.n,{children:[typeof e.count==`number`&&(0,c.jsx)(i.t,{variant:a?`primary`:`secondary`,className:`tabular-nums`,children:e.count}),(0,c.jsx)(l.ChevronRight,{className:t.cn(`size-4 shrink-0 text-muted-foreground/60`,a&&`text-primary`)})]})]},e.id)})})})}C.displayName=`CategoryNavCard`,exports.BreadcrumbProgress=S,exports.CategoryNavCard=C,exports.ExperienceActivityCard=b,exports.KanbanMicroBoard=f,exports.TabSwitcherCard=p,exports.TimeDistributionRuler=h,exports.VendorPerformanceCard=v,exports.defaultBreadcrumbProgressStrings=x;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/navigation/index.js

@@ -1,10 +1,10 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { t as n } from "../../../_shared/button-DHksjMvc.js";
-import { s as r } from "../../../_shared/typography-DE0NGEIE.js";
-import { t as i } from "../../../_shared/badge-a2Z3K5aQ.js";
-import { t as a } from "../../../_shared/cards-RZxRLx3f.js";
-import { c as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../../../_shared/item-Xs-fgzaT.js";
+import { t as n } from "../../../_shared/button-vv59_uS_.js";
+import { s as r } from "../../../_shared/typography-CzFVA1w1.js";
+import { t as i } from "../../../_shared/badge-BYNwSWh5.js";
+import { t as a } from "../../../_shared/cards-cQ9lL6zy.js";
+import { c as o, i as s, l as c, n as l, o as u, r as d, t as f, u as p } from "../../../_shared/item-D7GTzvhf.js";
 import { useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Check as _, ChevronRight as v, Plus as y } from "lucide-react";

package/dist/components/composed/onboarding/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-CO9uwZhF.cjs"),r=require("../../../_shared/accordion-IFDIc0E7.cjs"),i=require("../../../_shared/spinner-D35zNriU.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.s,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-GtkgK9QX.cjs"),r=require("../../../_shared/accordion-DvlDjk29.cjs"),i=require("../../../_shared/spinner-DY2de3Wt.cjs");let a=require("react"),o=require("react/jsx-runtime"),s=require("lucide-react");var c={regionAriaLabel:void 0,statusCompletedAria:`Completed`,statusInProgressAria:`In progress`,statusPendingAria:`Pending`};function l({status:e,ariaLabel:n,className:r}){return e===`completed`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-success/15 text-success ring-1 ring-success/20`,r),children:(0,o.jsx)(s.CheckCircle2,{className:`size-4`})}):e===`in-progress`?(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-warning/15 ring-1 ring-warning/30`,r),children:(0,o.jsx)(`span`,{className:`size-2 rounded-full bg-warning`})}):(0,o.jsx)(`span`,{role:`img`,"aria-label":n,className:t.cn(`flex size-8 items-center justify-center rounded-full bg-muted text-muted-foreground/70 ring-1 ring-border/70`,r),children:(0,o.jsx)(i.t,{className:`size-4 opacity-60`})})}l.displayName=`StepStatusIndicator`;var u={completed:`text-foreground`,"in-progress":`text-foreground`,pending:`text-muted-foreground`};function d(e,t){return e===`completed`?t.statusCompletedAria:e===`in-progress`?t.statusInProgressAria:t.statusPendingAria}function f(e){let t=e.find(e=>e.status!==`completed`&&!e.disabled);return t?[t.id]:[]}var p=(0,a.forwardRef)(function({steps:i,defaultExpanded:s,multiple:p=!1,value:m,onValueChange:h,onStepOpen:g,variant:_=`bordered`,className:v,stepClassName:y,strings:b},x){let S=e.useStrings(c,b),C=m!==void 0,w=(0,a.useMemo)(()=>s??f(i),[]),[T,E]=(0,a.useState)(w),D=(0,a.useRef)(!1),O=C?m:T,k=(0,a.useRef)(new Set(w));(0,a.useEffect)(()=>{if(C||D.current||s!==void 0||i.length===0||T.length>0)return;let e=f(i);e.length>0&&E(e)},[i,C,s,T.length]);let A=(0,a.useCallback)(e=>{let t=e??[];D.current=!0,C||E(t),h?.(t)},[C,h]);return(0,a.useEffect)(()=>{if(!g){k.current=new Set(O);return}let e=k.current;for(let t of O)e.has(t)||g(t);k.current=new Set(O)},[O,g]),(0,o.jsx)(r.s,{ref:x,multiple:p,value:O,onValueChange:A,"aria-label":S.regionAriaLabel,className:t.cn(`checklist--component`,r.a[_],v),children:i.map(e=>(0,o.jsxs)(r.l,{value:e.id,className:t.cn(r.i[_],y),children:[(0,o.jsx)(r.u,{disabled:e.disabled,className:t.cn(r.o,`min-h-16 items-center`),children:(0,o.jsxs)(`div`,{className:`flex w-full min-w-0 items-center gap-3 pr-2`,children:[(0,o.jsx)(l,{status:e.status,ariaLabel:d(e.status,S)}),(0,o.jsx)(n.s,{tag:`span`,weight:`semibold`,className:t.cn(u[e.status]),children:e.title}),!!e.badge&&(0,o.jsx)(`span`,{className:`ml-auto inline-flex shrink-0`,children:e.badge})]})}),!!e.content&&(0,o.jsx)(r.c,{className:r.r.withMedallion,children:(0,o.jsx)(n.s,{type:`secondary`,className:`leading-relaxed`,tag:`div`,children:e.content})})]},e.id))})});p.displayName=`OnboardingChecklist`,exports.OnboardingChecklist=p,exports.StepStatusIndicator=l,exports.defaultOnboardingChecklistStrings=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/onboarding/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { s as n } from "../../../_shared/typography-DE0NGEIE.js";
-import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-B9EjlZLY.js";
-import { t as d } from "../../../_shared/spinner-DMC2IIml.js";
+import { s as n } from "../../../_shared/typography-CzFVA1w1.js";
+import { a as r, c as i, i as a, l as o, o as s, r as c, s as l, u } from "../../../_shared/accordion-BRj4TDQx.js";
+import { t as d } from "../../../_shared/spinner-ZmIq_zsx.js";
 import { forwardRef as f, useCallback as p, useEffect as m, useMemo as h, useRef as g, useState as _ } from "react";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
 import { CheckCircle2 as b } from "lucide-react";

package/dist/components/composed/timelines/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-CO9uwZhF.cjs"),r=require("../../../_shared/badge-BeSKxX1u.cjs"),i=require("../../../_shared/cards-CbbHly7W.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.s,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.s,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground`,children:(0,a.jsx)(n.s,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.s,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.s,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-28 flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.s,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.s,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute bottom-0 left-[5px] top-[14px] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`size-3 rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.s,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.s,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.s,{weight:`medium`,children:r.label}),(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.s,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.s,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.s,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.s,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.s,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.s,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.s,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.s,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.s,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.s,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../lib/utils.cjs"),n=require("../../../_shared/typography-GtkgK9QX.cjs"),r=require("../../../_shared/badge-B8xGFpfM.cjs"),i=require("../../../_shared/cards-Cu6p1Brd.cjs");let a=require("react/jsx-runtime"),o=require("lucide-react");var s={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:o.Check},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o.Loader2},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:o.Circle}};function c({status:e}){let{dot:n,Icon:r}=s[e],i=e===`current`;return(0,a.jsx)(`div`,{className:t.cn(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,n),children:(0,a.jsx)(r,{className:t.cn(`h-4 w-4`,i&&`animate-spin`)})})}function l({title:e,description:o,steps:l,footerText:u,className:d}){return(0,a.jsx)(i.t,{title:e,description:o,footerText:u,className:d,children:(0,a.jsx)(`div`,{className:`relative`,children:l.map((e,i)=>{let o=i===l.length-1,{line:u,title:d}=s[e.status];return(0,a.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(c,{status:e.status}),!o&&(0,a.jsx)(`div`,{className:t.cn(`w-0.5 flex-1 min-h-6`,u)})]}),(0,a.jsxs)(`div`,{className:t.cn(`flex-1 pb-6`,o&&`pb-0`),children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,a.jsx)(n.s,{weight:`semibold`,className:d,children:e.title}),!!e.badge&&(0,a.jsx)(r.t,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,a.jsx)(n.s,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,a.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}l.displayName=`StepsCard`;function u({status:e,stepNumber:t}){return e===`completed`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-success text-success-foreground`,children:(0,a.jsx)(o.Check,{className:`h-4 w-4`})}):e===`current`?(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-primary text-primary-foreground`,children:(0,a.jsx)(n.s,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,a.jsx)(`div`,{className:`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border-2 border-muted text-muted-foreground`,children:(0,a.jsx)(n.s,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function d({title:e,description:r,steps:o,footerText:s,className:c}){return(0,a.jsxs)(i.t,{title:e,description:r,footerText:s,className:c,children:[(0,a.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsxs)(`div`,{className:`flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 w-0.5 flex-1 min-h-5`,s)})]}),(0,a.jsxs)(`div`,{className:t.cn(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,a.jsx)(n.s,{weight:`semibold`,className:t.cn(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,a.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,a.jsx)(`div`,{className:`flex min-w-fit items-start`,children:o.map((e,r)=>{let i=r===o.length-1,s=e.status===`completed`?`bg-success`:`bg-border`;return(0,a.jsx)(`div`,{className:`flex min-w-28 flex-1 items-start`,children:(0,a.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,a.jsxs)(`div`,{className:`flex w-full items-center`,children:[r>0&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,o[r-1].status===`completed`?`bg-success`:`bg-border`)}),r===0&&(0,a.jsx)(`div`,{className:`flex-1`}),(0,a.jsx)(u,{status:e.status,stepNumber:r+1}),!i&&(0,a.jsx)(`div`,{className:t.cn(`h-0.5 flex-1`,s)}),!!i&&(0,a.jsx)(`div`,{className:`flex-1`})]}),(0,a.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,a.jsx)(n.s,{size:`xs`,weight:`semibold`,className:t.cn(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,a.jsx)(n.s,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}d.displayName=`StepsHorizontal`;var f={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function p({title:e,description:r,events:o,footerText:s,className:c}){return(0,a.jsx)(i.t,{title:e,description:r,footerText:s,className:t.cn(`order-timeline--component`,c),children:(0,a.jsx)(`div`,{className:`relative space-y-0`,children:o.map((e,r)=>(0,a.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[r!==o.length-1&&(0,a.jsx)(`div`,{className:`absolute bottom-0 left-[5px] top-[14px] w-px bg-border`}),(0,a.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,a.jsx)(`div`,{className:t.cn(`size-3 rounded-full`,f[e.status])})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.s,{weight:`medium`,className:`truncate`,children:e.title}),(0,a.jsx)(n.s,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function m({events:e,className:r}){return(0,a.jsx)(i.t,{title:`Payment Timeline`,className:t.cn(`payment-timeline--component`,r),children:(0,a.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((r,i)=>{let o=r.icon;return(0,a.jsxs)(`div`,{className:`flex gap-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-8 items-center justify-center rounded-full`,r.done?`bg-success/20`:`bg-muted`),children:(0,a.jsx)(o,{className:t.cn(`size-3.5`,r.done?`text-success`:`text-muted-foreground`)})}),i<e.length-1&&(0,a.jsx)(`div`,{className:t.cn(`mt-1 h-8 w-px`,r.done?`bg-success/30`:`bg-border`)})]}),(0,a.jsxs)(`div`,{className:`pb-6`,children:[(0,a.jsx)(n.s,{weight:`medium`,children:r.label}),(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,children:r.date}),!!r.amount&&(0,a.jsx)(n.s,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:r.amount})]})]},r.label)})})})}var h={title:`Activity`,empty:`No activity yet`},g={primary:`bg-primary/10 text-primary`,secondary:`bg-secondary text-secondary-foreground`,success:`bg-success/15 text-success`,info:`bg-info/15 text-info`,warning:`bg-warning/30 text-warning-foreground`,error:`bg-destructive/15 text-destructive`};function _({items:r,className:s,strings:c}){let l=e.useStrings(h,c);return r.length===0?(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:t.cn(`activity-stream--component`,s),children:(0,a.jsx)(n.s,{type:`secondary`,align:`center`,className:`py-6`,children:l.empty})}):(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Activity,{className:`size-4`}),title:l.title,className:s,children:(0,a.jsx)(`ul`,{className:`space-y-3`,children:r.map((e,i)=>{let s=e.icon??o.Circle,c=i===r.length-1;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,a.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex size-7 items-center justify-center rounded-full`,g[e.iconVariant??`primary`]),children:(0,a.jsx)(s,{className:`size-3.5`})}),!c&&(0,a.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!e.actor&&(0,a.jsx)(n.s,{tag:`span`,weight:`semibold`,children:e.actor}),(0,a.jsx)(n.s,{tag:`span`,type:`secondary`,children:e.action}),!!e.target&&(0,a.jsx)(n.s,{tag:`span`,weight:`medium`,children:e.target})]}),!!e.metadata&&e.metadata.length>0&&(0,a.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:e.metadata.map(e=>(0,a.jsxs)(n.s,{size:`xs`,type:`secondary`,children:[(0,a.jsxs)(n.s,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,a.jsx)(n.s,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:e.timestamp})]})]},e.id)})})})}_.displayName=`ActivityStreamCard`;var v={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},y={sm:`size-2`,base:`size-2.5`,lg:`size-3`},b={completed:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},current:{bg:`bg-primary`,text:`text-primary-foreground`,ring:`ring-primary/30`,line:`bg-primary/40`},pending:{bg:`bg-muted`,text:`text-muted-foreground`,ring:`ring-border`,line:`bg-border`},success:{bg:`bg-success`,text:`text-success-foreground`,ring:`ring-success/20`,line:`bg-success/40`},warning:{bg:`bg-warning`,text:`text-warning-foreground`,ring:`ring-warning/30`,line:`bg-warning/40`},error:{bg:`bg-destructive`,text:`text-destructive-foreground`,ring:`ring-destructive/30`,line:`bg-destructive/40`},neutral:{bg:`bg-card`,text:`text-foreground`,ring:`ring-border`,line:`bg-border`}};function x({items:e,dotSize:r=`base`,className:i}){return(0,a.jsx)(`ol`,{className:t.cn(`timeline--component`,`relative space-y-4`,i),children:e.map((i,o)=>{let s=b[i.status??`neutral`],c=i.icon;return(0,a.jsxs)(`li`,{className:`relative flex gap-3`,children:[o!==e.length-1&&(0,a.jsx)(`span`,{"aria-hidden":`true`,className:t.cn(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,s.line,r===`lg`&&`left-[10px]`,r===`sm`&&`left-[5px]`)}),(0,a.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,a.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center rounded-full ring-2`,s.bg,s.text,s.ring,v[r]),children:!!c&&(0,a.jsx)(c,{className:y[r]})})}),(0,a.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,a.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,a.jsx)(n.s,{weight:`medium`,className:`leading-tight`,children:i.title}),!!i.timestamp&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:i.timestamp})]}),!!i.description&&(0,a.jsx)(n.s,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:i.description}),!!i.children&&(0,a.jsx)(`div`,{className:`mt-2`,children:i.children})]})]},i.id)})})}x.displayName=`Timeline`;var S={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},C={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},w={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},T={added:o.Plus,removed:o.Minus,modified:o.Wrench,fixed:o.GitCommit};function E({entries:s,className:c,strings:l}){let u=e.useStrings(S,l),d={added:u.added,removed:u.removed,modified:u.modified,fixed:u.fixed},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(r.t,{variant:w[e.kind],children:d[e.kind]}),(0,a.jsx)(`span`,{children:e.title}),!!e.version&&(0,a.jsx)(n.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,a.jsxs)(a.Fragment,{children:[e.description,(0,a.jsxs)(n.s,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:T[e.kind],status:C[e.kind]}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.GitCommit,{className:`size-4`}),title:u.title,className:t.cn(`changelog-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}E.displayName=`ChangelogTimelineCard`;var D={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},O={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},k={completed:o.Check,in_progress:o.Clock,upcoming:o.Circle,blocked:o.X},A={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function j({milestones:s,className:c,strings:l}){let u=e.useStrings(D,l),d={completed:u.completed,in_progress:u.in_progress,upcoming:u.upcoming,blocked:u.blocked},f=s.map(e=>({id:e.id,title:(0,a.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,a.jsx)(`span`,{children:e.title}),(0,a.jsx)(r.t,{variant:A[e.status],children:d[e.status]})]}),description:e.description,timestamp:e.dueDate?`${u.dueOn} ${e.dueDate}`:void 0,icon:k[e.status],status:O[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,a.jsxs)(`div`,{className:`space-y-1`,children:[(0,a.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,a.jsx)(`div`,{className:t.cn(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,a.jsxs)(n.s,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,a.jsx)(i.t,{icon:(0,a.jsx)(o.Flag,{className:`size-4`}),title:u.title,className:t.cn(`milestones-timeline--component`,c),children:(0,a.jsx)(x,{items:f,dotSize:`base`})})}j.displayName=`MilestonesTimelineCard`,exports.ActivityStreamCard=_,exports.ChangelogTimelineCard=E,exports.MilestonesTimelineCard=j,exports.OrderTimelineCard=p,exports.PaymentTimelineCard=m,exports.StepsCard=l,exports.StepsHorizontal=d,exports.Timeline=x,exports.defaultActivityStreamStrings=h,exports.defaultChangelogTimelineStrings=S,exports.defaultMilestonesTimelineStrings=D;
 //# sourceMappingURL=index.cjs.map

package/dist/components/composed/timelines/index.js

@@ -1,8 +1,8 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { cn as t } from "../../../lib/utils.js";
-import { s as n } from "../../../_shared/typography-DE0NGEIE.js";
-import { t as r } from "../../../_shared/badge-a2Z3K5aQ.js";
-import { t as i } from "../../../_shared/cards-RZxRLx3f.js";
+import { s as n } from "../../../_shared/typography-CzFVA1w1.js";
+import { t as r } from "../../../_shared/badge-BYNwSWh5.js";
+import { t as i } from "../../../_shared/cards-cQ9lL6zy.js";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Activity as c, Check as l, Circle as u, Clock as d, Flag as f, GitCommit as p, Loader2 as m, Minus as h, Plus as g, Wrench as _, X as v } from "lucide-react";
 //#region src/components/composed/timelines/steps-card/steps-card.tsx

package/dist/components/features/activities/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-DZWtUXf2.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-Bd5bEIiB.cjs"),i=require("../../../_shared/typography-CO9uwZhF.cjs"),a=require("../../../_shared/badge-BeSKxX1u.cjs"),o=require("../../../_shared/cards-CbbHly7W.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs");let c=require("react"),l=require("date-fns"),u=require("react/jsx-runtime"),d=require("lucide-react");var f={icon:d.CircleDot,tone:`neutral`},p={created:{icon:d.Plus,tone:`success`,label:`Created`},updated:{icon:d.Pencil,tone:`info`,label:`Updated`},edited:{icon:d.FileEdit,tone:`info`,label:`Edited`},deleted:{icon:d.Trash2,tone:`destructive`,label:`Deleted`},cancelled:{icon:d.Ban,tone:`destructive`,label:`Cancelled`},restored:{icon:d.Sparkles,tone:`success`,label:`Restored`},status_changed:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_transition:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_override:{icon:d.ArrowLeftRight,tone:`warning`,label:`Status overridden`},assigned:{icon:d.UserPlus,tone:`info`,label:`Assigned`},unassigned:{icon:d.UserMinus,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:d.Mail,tone:`info`,label:`Email sent`},mail_delivered:{icon:d.MailCheck,tone:`success`,label:`Email delivered`},mail_opened:{icon:d.MailOpen,tone:`info`,label:`Email opened`},mail_clicked:{icon:d.MailOpen,tone:`info`,label:`Email clicked`},mail_bounced:{icon:d.MailX,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:d.MailX,tone:`destructive`,label:`Email failed`},comment_created:{icon:d.MessageSquare,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:d.MessageSquare,tone:`destructive`,label:`Comment deleted`},paid:{icon:d.Check,tone:`success`,label:`Paid`},refunded:{icon:d.ArrowLeftRight,tone:`warning`,label:`Refunded`},confirmed:{icon:d.ShieldCheck,tone:`success`,label:`Confirmed`},favorited:{icon:d.Heart,tone:`warning`,label:`Favorited`},ordered:{icon:d.ShoppingBag,tone:`primary`,label:`Order placed`},published:{icon:d.Star,tone:`success`,label:`Published`},flagged:{icon:d.Flag,tone:`warning`,label:`Flagged`},linked:{icon:d.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Failed`},health_check_failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Health check failed`}};function m(e,t){return t[e]??f}var h={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function g(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function _(e,t,n){if(!e)return t.undated;let r=new Date(e);if((0,l.isToday)(r))return t.today;if((0,l.isYesterday)(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function v({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,c.useState)({}),l=(0,c.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),u=(0,c.useMemo)(()=>{if(!t)return l.length>0?[{label:``,items:l}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):_(e,i,r);for(let t of l){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[l,t,r,i,a]),d=(0,c.useCallback)(e=>o[e]??n,[o,n]),f=(0,c.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),p=(0,c.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),m=(0,c.useCallback)(()=>{let e={};for(let t of l)e[t.activity.id]=!0;s(e)},[l]),h=(0,c.useCallback)(()=>s({}),[]);return{groups:u,total:l.length,isExpanded:d,toggleExpanded:f,setExpanded:p,expandAll:m,collapseAll:h}}function y({resources:e,onResourcesChange:t}={}){let[n,r]=(0,c.useState)(()=>e??{}),i=(0,c.useRef)(e);(0,c.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,c.useRef)(t);(0,c.useEffect)(()=>{a.current=t},[t]);let o=(0,c.useCallback)(e=>{a.current?.(e)},[]),s=(0,c.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),l=(0,c.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),u=(0,c.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),d=(0,c.useCallback)(e=>{r(e),o(e)},[o]),f=(0,c.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,c.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:l,remove:u,setAll:d,reset:f}}function b({activity:e,actions:t,onAction:n,label:i}){return t.length===0?null:(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.g,{render:e=>(0,u.jsx)(r.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":i,className:`h-7 w-7 text-muted-foreground`,children:(0,u.jsx)(d.MoreHorizontal,{className:`size-4`})})}),(0,u.jsx)(s.r,{align:`end`,className:`min-w-40`,children:t.map(t=>{let r=t.icon;return(0,u.jsxs)(s.a,{onClick:()=>{t.disabled||(t.onClick(e),n?.(t.id,e))},disabled:t.disabled,variant:t.tone===`destructive`?`destructive`:`default`,className:`gap-2 px-2 py-1.5 text-xs`,children:[!!r&&(0,u.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function x({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,u.jsx)(i.s,{size:`xs`,tag:`span`,children:e.description}):(0,u.jsxs)(i.s,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function S({changes:e,className:t}){return e.length===0?null:(0,u.jsx)(`div`,{className:n.cn(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,u.jsx)(x,{change:e})]},`${e.key}-${e.label}`))})}function C({label:e,isFirst:t,className:r}){return e===``?null:(0,u.jsx)(i.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:n.cn(`uppercase tracking-wider`,!t&&`mt-5`,r),children:e})}function w({title:e,hint:t,className:r}){return(0,u.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,r),children:[(0,u.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,u.jsx)(d.Activity,{className:`size-4`})}),(0,u.jsx)(i.s,{weight:`medium`,children:e}),!!t&&(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,children:t})]})}var T={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},success:{bg:`bg-success/10`,fg:`text-success`,dot:`bg-success`,line:`bg-success/30`,chipBg:`bg-success/10`,chipFg:`text-success`},warning:{bg:`bg-warning/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},destructive:{bg:`bg-destructive/10`,fg:`text-destructive`,dot:`bg-destructive`,line:`bg-destructive/30`,chipBg:`bg-destructive/10`,chipFg:`text-destructive`},info:{bg:`bg-info/10`,fg:`text-info`,dot:`bg-info`,line:`bg-info/30`,chipBg:`bg-info/10`,chipFg:`text-info`},neutral:{bg:`bg-muted`,fg:`text-muted-foreground`,dot:`bg-muted-foreground/60`,line:`bg-border`,chipBg:`bg-muted`,chipFg:`text-muted-foreground`}},E={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function D({resource:e,config:t,fallbackText:o,onClick:s}){let c=T[t?.tone??`neutral`],l=t?.icon??d.CircleDot,f=t?.label??o??e.label??e.key,p=typeof s==`function`,m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l,{className:n.cn(`size-icon-sm shrink-0`,c.fg)}),(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,weight:`medium`,className:c.chipFg,children:f}),!!t?.tags&&t.tags.length>0&&(0,u.jsx)(i.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-space-2xs border-l border-current/20 pl-space-sm`,children:t.tags.join(` · `)}),!!t?.badge&&(0,u.jsx)(a.t,{inline:!0,variant:E[t.badge.tone??`neutral`],className:`ml-space-2xs`,children:t.badge.label})]}),h=n.cn(`inline-flex items-center gap-space-sm rounded-full px-space-md py-space-2xs align-baseline text-xxs`,`border border-border/60`,c.chipBg,p&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return p?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),s?.()},className:n.cn(h,`h-auto rounded-full`),title:t?.note,children:m}):(0,u.jsx)(`span`,{className:h,title:t?.note,children:m})}function O({actorId:e,text:t,href:n,activity:a,youLabel:o,currentUserId:s,onActorClick:c}){let l=s!==void 0&&e!==void 0&&s===e?o:t,d=a.actor??{id:e,name:t};return n?(0,u.jsx)(`a`,{href:n,onClick:e=>{c&&(e.preventDefault(),e.stopPropagation(),c(d,a))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):c?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),c(d,a)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:l})}function k(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(O,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(a.t,{inline:!0,variant:E[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(D,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,children:e.text}),` `]},r)}})}function A(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,u.jsx)(i.s,{tag:`span`,children:n});let[a,...o]=n.split(r);return(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(i.s,{tag:`span`,children:a}),(0,u.jsx)(O,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,u.jsx)(i.s,{tag:`span`,children:o.join(r)})]})}function j(e){let t=e.activity.segments;return t&&t.length>0?(0,u.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:k(t,e)}):(0,u.jsx)(`span`,{className:`leading-snug`,children:A(e)})}function M({icon:e,tone:t,density:r,isLast:i}){let a=T[t];return r===`compact`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1.5 size-2 shrink-0 rounded-full`,a.dot)}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):r===`rich`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3.5`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-5 shrink-0 items-center justify-center rounded-full`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]})}function N(e){let{activity:t,density:o,eventConfig:s,tone:c,isLast:l,expanded:f,onToggleExpanded:p,relativeTime:m,absoluteTime:h,sourceLabel:g,youLabel:_,showChangesLabel:v,hideChangesLabel:y,actionsLabel:x,currentUserId:C,actions:w,onActivityClick:T,onActorClick:E,onResourceClick:O,onAction:k,getResourceConfig:A,headlineOverride:N,markerOverride:P}=e,F=t.iconOverride??s.icon,I=(t.changes?.length??0)>0,L=(t.metadata?.length??0)>0,R=(t.resources?.length??0)>0,z=t.description!==void 0&&t.description!==null&&t.description!==``,B=o!==`compact`,V=o===`rich`,H=N??(0,u.jsx)(j,{activity:t,currentUserId:C,youLabel:_,onActorClick:E,onResourceClick:O,getResourceConfig:A}),U=P??(0,u.jsx)(M,{icon:F,tone:c,density:o,isLast:l}),W=typeof T==`function`,G=I||R||w.length>0||typeof E==`function`||typeof O==`function`,K=W&&!G;return(0,u.jsxs)(`div`,{className:n.cn(`relative flex gap-space-lg`,W&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:W?()=>T?.(t):void 0,role:K?`button`:void 0,tabIndex:K?0:void 0,onKeyDown:K?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T?.(t))}:void 0,children:[U,(0,u.jsxs)(`div`,{className:n.cn(`min-w-0 flex-1`,!l&&(o===`rich`?`pb-row-y-lg`:o===`compact`?`pb-row-y`:`pb-row-y-lg`)),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-space-sm sm:flex-row sm:items-start sm:justify-between sm:gap-space-lg`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-sm`,children:[(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,lineHeight:`snug`,children:H}),!!g&&(0,u.jsx)(a.t,{inline:!0,variant:`secondary`,children:g}),V&&I&&(0,u.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),p()},title:f?y:v,"aria-label":f?y:v,"aria-expanded":f,children:f?(0,u.jsx)(d.ChevronDown,{className:`size-3.5`}):(0,u.jsx)(d.ChevronRight,{className:`size-3.5`})})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:[!!m&&(0,u.jsx)(i.s,{size:`inherit`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-space-2xs text-xxs`,title:h??void 0,children:m}),V&&w.length>0&&(0,u.jsx)(b,{activity:t,actions:w,onAction:k,label:x})]})]}),!!B&&z&&(0,u.jsx)(i.s,{tag:`div`,size:`inherit`,type:`secondary`,className:`mt-space-sm text-xs`,children:t.description}),!!V&&L&&t.metadata&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-x-space-lg gap-y-space-sm`,children:t.metadata.map(e=>(0,u.jsxs)(i.s,{size:`inherit`,type:`secondary`,className:`text-xs`,children:[(0,u.jsxs)(i.s,{tag:`span`,size:`inherit`,type:`discrete`,className:`text-xxs`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!V&&R&&t.resources&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-space-sm`,children:t.resources.map(e=>{let n=A?.(e);return(0,u.jsx)(D,{resource:e,config:n,onClick:O?()=>O(e,n,t):void 0},e.key)})}),!!V&&I&&f&&t.changes&&(0,u.jsx)(`div`,{className:`mt-space-md`,children:(0,u.jsx)(S,{changes:t.changes})})]})]})}function P(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function F(e,t){return e.toneOverride??t}function I(r){let{activities:a=[],density:o=`default`,groupByDate:s=!0,expandedByDefault:l=!1,currentUserId:d,loading:f=!1,eventConfig:g,strings:_,slots:b,className:x,locale:S,formatRelativeTime:T,formatAbsoluteTime:E,formatDateGroupLabel:D,getEventLabel:O,getSourceLabel:k,actionsForActivity:A,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,resources:R,onResourcesChange:z}=r,B=e.useStrings(h,_),V=(0,c.useMemo)(()=>({...p,...g}),[g]),H=y({resources:R,onResourcesChange:z}),U=v({activities:a,groupByDate:s,expandedByDefault:l,locale:S,strings:B,formatDateGroupLabel:D}),{formatRelativeTime:W}=t.i(),G=T??W??(e=>e),K=E??(e=>P(e,S));if(f)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-4`,x),children:b?.loading??(0,u.jsx)(i.s,{type:`secondary`,align:`center`,children:B.loading})});if(a.length===0)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-2`,x),children:b?.empty??(0,u.jsx)(w,{title:B.empty})});let q=U.groups.reduce((e,t)=>e+t.items.length,0),J=0;return(0,u.jsxs)(`div`,{className:n.cn(`activities-feed--component flex flex-col`,x),children:[!!b?.header&&(0,u.jsx)(`div`,{className:`mb-3`,children:b.header}),(0,u.jsx)(`div`,{className:`flex flex-col`,children:U.groups.map((e,t)=>{let r=t===0;return(0,u.jsxs)(`div`,{className:n.cn(r?``:`mt-1`),children:[b?.renderDateLabel?b.renderDateLabel(e.label,r):(0,u.jsx)(C,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,u.jsx)(`div`,{className:n.cn(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let n=e.activity,r=t===0,i=++J===q,a=m(n.event,V),s=F(n,a.tone),c=n.timestamp??(n.createdAt?G(n.createdAt):null),l=n.createdAt?K(n.createdAt):null,f=n.source?k?.(n.source)??B.sources[n.source]??a.sourceLabel??null:a.sourceLabel??null,p=f&&f.trim().length>0?f:null,h=A?.(n)??[],g={density:o,isLast:i,isFirstInGroup:r,activity:n,eventConfig:a,tone:s,relativeTime:c,absoluteTime:l,sourceLabel:p,expanded:U.isExpanded(n.id),toggleExpanded:()=>U.toggleExpanded(n.id)},_=b?.renderRow?.(n,g);if(_!==void 0)return(0,u.jsx)(`div`,{children:_},e.key);let v=b?.renderHeadline?.(n,g),y=b?.renderMarker?.(n,g);return(0,u.jsx)(N,{activity:n,density:o,eventConfig:a,tone:s,isLast:i,expanded:g.expanded,onToggleExpanded:g.toggleExpanded,relativeTime:c,absoluteTime:l,sourceLabel:p,youLabel:B.you,showChangesLabel:B.showChanges,hideChangesLabel:B.hideChanges,actionsLabel:B.actionsLabel,currentUserId:d,actions:h,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,getResourceConfig:e=>H.get(e),headlineOverride:v,markerOverride:y},e.key)})})]},`${e.label}-${t}`)})}),!!b?.footer&&(0,u.jsx)(`div`,{className:`mt-3`,children:b.footer})]})}I.displayName=`ActivityFeed`;function L({title:t,titleSuffix:n,description:r,padding:i=`default`,composerSlot:a,className:s,strings:c,slots:l,...f}){let p=e.useStrings(h,c),m=t??p.title;return(0,u.jsx)(o.t,{icon:(0,u.jsx)(d.Activity,{className:`size-4`}),title:m,titleSuffix:n,description:r,padding:i,className:s,children:(0,u.jsx)(I,{...f,strings:c,slots:{...l,header:a??l?.header}})})}L.displayName=`ActivityFeedCard`,exports.ACTIVITY_TONE=T,exports.ActivityActionsMenu=b,exports.ActivityChanges=S,exports.ActivityDateLabel=C,exports.ActivityEmptyState=w,exports.ActivityFeed=I,exports.ActivityFeedCard=L,exports.ActivityHeadline=j,exports.ActivityMarker=M,exports.ActivityResourceTag=D,exports.ActivityRow=N,exports.TONE_TO_BADGE_VARIANT=E,exports.defaultActivitiesStrings=h,exports.defaultActivityEventConfig=p,exports.defaultEventConfig=f,exports.interpolateActivityString=g,exports.resolveEventConfig=m,exports.useActivityFeed=v,exports.useActivityResources=y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../lib/strings.cjs"),t=require("../../../_shared/ui-provider-DZWtUXf2.cjs"),n=require("../../../lib/utils.cjs"),r=require("../../../_shared/button-BMiPFJIb.cjs"),i=require("../../../_shared/typography-GtkgK9QX.cjs"),a=require("../../../_shared/badge-B8xGFpfM.cjs"),o=require("../../../_shared/cards-Cu6p1Brd.cjs"),s=require("../../../_shared/dropdown-menu-CHQzQWUK.cjs");let c=require("react"),l=require("date-fns"),u=require("react/jsx-runtime"),d=require("lucide-react");var f={icon:d.CircleDot,tone:`neutral`},p={created:{icon:d.Plus,tone:`success`,label:`Created`},updated:{icon:d.Pencil,tone:`info`,label:`Updated`},edited:{icon:d.FileEdit,tone:`info`,label:`Edited`},deleted:{icon:d.Trash2,tone:`destructive`,label:`Deleted`},cancelled:{icon:d.Ban,tone:`destructive`,label:`Cancelled`},restored:{icon:d.Sparkles,tone:`success`,label:`Restored`},status_changed:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_transition:{icon:d.ArrowLeftRight,tone:`primary`,label:`Status changed`},status_override:{icon:d.ArrowLeftRight,tone:`warning`,label:`Status overridden`},assigned:{icon:d.UserPlus,tone:`info`,label:`Assigned`},unassigned:{icon:d.UserMinus,tone:`destructive`,label:`Unassigned`},mail_sent:{icon:d.Mail,tone:`info`,label:`Email sent`},mail_delivered:{icon:d.MailCheck,tone:`success`,label:`Email delivered`},mail_opened:{icon:d.MailOpen,tone:`info`,label:`Email opened`},mail_clicked:{icon:d.MailOpen,tone:`info`,label:`Email clicked`},mail_bounced:{icon:d.MailX,tone:`destructive`,label:`Email bounced`},mail_failed:{icon:d.MailX,tone:`destructive`,label:`Email failed`},comment_created:{icon:d.MessageSquare,tone:`warning`,label:`Comment posted`},comment_deleted:{icon:d.MessageSquare,tone:`destructive`,label:`Comment deleted`},paid:{icon:d.Check,tone:`success`,label:`Paid`},refunded:{icon:d.ArrowLeftRight,tone:`warning`,label:`Refunded`},confirmed:{icon:d.ShieldCheck,tone:`success`,label:`Confirmed`},favorited:{icon:d.Heart,tone:`warning`,label:`Favorited`},ordered:{icon:d.ShoppingBag,tone:`primary`,label:`Order placed`},published:{icon:d.Star,tone:`success`,label:`Published`},flagged:{icon:d.Flag,tone:`warning`,label:`Flagged`},linked:{icon:d.LinkIcon,tone:`info`,label:`Linked`},failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Failed`},health_check_failed:{icon:d.AlertTriangle,tone:`destructive`,label:`Health check failed`}};function m(e,t){return t[e]??f}var h={title:`Activity`,empty:`No activity yet.`,loading:`Loading activity…`,today:`Today`,yesterday:`Yesterday`,undated:`Undated`,you:`You`,showChanges:`Show changes`,hideChanges:`Hide changes`,actionsLabel:`Activity actions`,moreLabel:`More`,sources:{comment:`Comment`,mail:`Mail`,booking_log:`Booking log`,activity_log:``,system:`System`},events:{}};function g(e,t){return e.replace(/\{\{\s*(\w+)\s*\}\}/g,(e,n)=>{let r=t[n];return r===void 0?e:String(r)})}function _(e,t,n){if(!e)return t.undated;let r=new Date(e);if((0,l.isToday)(r))return t.today;if((0,l.isYesterday)(r))return t.yesterday;try{return new Intl.DateTimeFormat(n,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}catch{return new Intl.DateTimeFormat(void 0,{year:`numeric`,month:`long`,day:`numeric`}).format(r)}}function v({activities:e,groupByDate:t=!0,expandedByDefault:n=!1,locale:r,strings:i,formatDateGroupLabel:a}){let[o,s]=(0,c.useState)({}),l=(0,c.useMemo)(()=>{let t=new Map;return e.map(e=>{let n=[String(e.id??``).trim(),String(e.createdAt??``).trim(),String(e.event??``).trim(),String(e.source??``).trim()].join(`:`),r=(t.get(n)??0)+1;return t.set(n,r),{activity:e,key:`${n}:${r}`}})},[e]),u=(0,c.useMemo)(()=>{if(!t)return l.length>0?[{label:``,items:l}]:[];let e=[],n=`__init__`,o=[],s=e=>a?a(e,i):_(e,i,r);for(let t of l){let r=s(t.activity.createdAt??null);r===n?o.push(t):(o.length>0&&e.push({label:n,items:o}),n=r,o=[t])}return o.length>0&&e.push({label:n,items:o}),e},[l,t,r,i,a]),d=(0,c.useCallback)(e=>o[e]??n,[o,n]),f=(0,c.useCallback)(e=>{s(t=>({...t,[e]:!(t[e]??!1)}))},[]),p=(0,c.useCallback)((e,t)=>{s(n=>({...n,[e]:t}))},[]),m=(0,c.useCallback)(()=>{let e={};for(let t of l)e[t.activity.id]=!0;s(e)},[l]),h=(0,c.useCallback)(()=>s({}),[]);return{groups:u,total:l.length,isExpanded:d,toggleExpanded:f,setExpanded:p,expandAll:m,collapseAll:h}}function y({resources:e,onResourcesChange:t}={}){let[n,r]=(0,c.useState)(()=>e??{}),i=(0,c.useRef)(e);(0,c.useEffect)(()=>{e!==i.current&&(i.current=e,r(e??{}))},[e]);let a=(0,c.useRef)(t);(0,c.useEffect)(()=>{a.current=t},[t]);let o=(0,c.useCallback)(e=>{a.current?.(e)},[]),s=(0,c.useCallback)((e,t)=>{r(n=>{let r={...n,[e]:t};return o(r),r})},[o]),l=(0,c.useCallback)((e,t)=>{r(n=>{let r=n[e];if(!r)return n;let i={...n,[e]:{...r,...t}};return o(i),i})},[o]),u=(0,c.useCallback)(e=>{r(t=>{if(!(e in t))return t;let n={...t};return delete n[e],o(n),n})},[o]),d=(0,c.useCallback)(e=>{r(e),o(e)},[o]),f=(0,c.useCallback)(()=>{let e=i.current??{};r(e),o(e)},[o]);return{registry:n,get:(0,c.useCallback)(e=>n[typeof e==`string`?e:e.key],[n]),register:s,update:l,remove:u,setAll:d,reset:f}}function b({activity:e,actions:t,onAction:n,label:i}){return t.length===0?null:(0,u.jsxs)(s.t,{children:[(0,u.jsx)(s.g,{render:e=>(0,u.jsx)(r.t,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":i,className:`h-7 w-7 text-muted-foreground`,children:(0,u.jsx)(d.MoreHorizontal,{className:`size-4`})})}),(0,u.jsx)(s.r,{align:`end`,className:`min-w-40`,children:t.map(t=>{let r=t.icon;return(0,u.jsxs)(s.a,{onClick:()=>{t.disabled||(t.onClick(e),n?.(t.id,e))},disabled:t.disabled,variant:t.tone===`destructive`?`destructive`:`default`,className:`gap-2 px-2 py-1.5 text-xs`,children:[!!r&&(0,u.jsx)(r,{className:`size-3.5`}),t.label]},t.id)})})]})}function x({change:e}){let t=e.old!==null&&e.old!==void 0,n=e.new!==null&&e.new!==void 0;return!t&&!n?(0,u.jsx)(i.s,{size:`xs`,tag:`span`,children:e.description}):(0,u.jsxs)(i.s,{tag:`span`,size:`xs`,className:`inline-flex flex-wrap items-baseline gap-1`,children:[!!t&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-destructive/10 text-destructive line-through px-1 py-px`,children:e.old}),t&&n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,type:`secondary`,children:`→`}),!!n&&(0,u.jsx)(i.s,{tag:`span`,size:`xs`,className:`rounded bg-success/15 text-success px-1 py-px`,children:e.new})]})}function S({changes:e,className:t}){return e.length===0?null:(0,u.jsx)(`div`,{className:n.cn(`space-y-1.5 rounded-lg border border-border/60 bg-muted/30 px-3 py-2`,t),children:e.map(e=>(0,u.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,weight:`medium`,className:`shrink-0`,children:e.label}),(0,u.jsx)(x,{change:e})]},`${e.key}-${e.label}`))})}function C({label:e,isFirst:t,className:r}){return e===``?null:(0,u.jsx)(i.s,{size:`xxs`,type:`secondary`,weight:`medium`,className:n.cn(`uppercase tracking-wider`,!t&&`mt-5`,r),children:e})}function w({title:e,hint:t,className:r}){return(0,u.jsxs)(`div`,{className:n.cn(`flex flex-col items-center justify-center gap-2 px-6 py-10 text-center`,r),children:[(0,u.jsx)(`span`,{className:`flex size-9 items-center justify-center rounded-full bg-muted text-muted-foreground`,children:(0,u.jsx)(d.Activity,{className:`size-4`})}),(0,u.jsx)(i.s,{weight:`medium`,children:e}),!!t&&(0,u.jsx)(i.s,{size:`xs`,type:`secondary`,children:t})]})}var T={primary:{bg:`bg-primary/10`,fg:`text-primary`,dot:`bg-primary`,line:`bg-primary/30`,chipBg:`bg-primary/5`,chipFg:`text-primary`},success:{bg:`bg-success/10`,fg:`text-success`,dot:`bg-success`,line:`bg-success/30`,chipBg:`bg-success/10`,chipFg:`text-success`},warning:{bg:`bg-warning/30`,fg:`text-warning-foreground`,dot:`bg-warning`,line:`bg-warning/40`,chipBg:`bg-warning/30`,chipFg:`text-warning-foreground`},destructive:{bg:`bg-destructive/10`,fg:`text-destructive`,dot:`bg-destructive`,line:`bg-destructive/30`,chipBg:`bg-destructive/10`,chipFg:`text-destructive`},info:{bg:`bg-info/10`,fg:`text-info`,dot:`bg-info`,line:`bg-info/30`,chipBg:`bg-info/10`,chipFg:`text-info`},neutral:{bg:`bg-muted`,fg:`text-muted-foreground`,dot:`bg-muted-foreground/60`,line:`bg-border`,chipBg:`bg-muted`,chipFg:`text-muted-foreground`}},E={primary:`primary`,success:`success`,warning:`warning`,destructive:`destructive`,info:`info`,neutral:`secondary`};function D({resource:e,config:t,fallbackText:o,onClick:s}){let c=T[t?.tone??`neutral`],l=t?.icon??d.CircleDot,f=t?.label??o??e.label??e.key,p=typeof s==`function`,m=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(l,{className:n.cn(`size-icon-sm shrink-0`,c.fg)}),(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,weight:`medium`,className:c.chipFg,children:f}),!!t?.tags&&t.tags.length>0&&(0,u.jsx)(i.s,{tag:`span`,size:`xxs`,type:`secondary`,className:`ml-space-2xs border-l border-current/20 pl-space-sm`,children:t.tags.join(` · `)}),!!t?.badge&&(0,u.jsx)(a.t,{inline:!0,variant:E[t.badge.tone??`neutral`],className:`ml-space-2xs`,children:t.badge.label})]}),h=n.cn(`inline-flex items-center gap-space-sm rounded-full px-space-md py-space-2xs align-baseline text-xxs`,`border border-border/60`,c.chipBg,p&&`cursor-pointer transition-colors hover:bg-foreground/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`);return p?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),s?.()},className:n.cn(h,`h-auto rounded-full`),title:t?.note,children:m}):(0,u.jsx)(`span`,{className:h,title:t?.note,children:m})}function O({actorId:e,text:t,href:n,activity:a,youLabel:o,currentUserId:s,onActorClick:c}){let l=s!==void 0&&e!==void 0&&s===e?o:t,d=a.actor??{id:e,name:t};return n?(0,u.jsx)(`a`,{href:n,onClick:e=>{c&&(e.preventDefault(),e.stopPropagation(),c(d,a))},className:`font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):c?(0,u.jsx)(r.t,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`small`,onClick:e=>{e.stopPropagation(),c(d,a)},className:`h-auto rounded px-0 py-0 font-semibold text-foreground underline-offset-2 hover:underline`,children:l}):(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:l})}function k(e,t){return e.map((e,n)=>{let r=`seg-${n}-${e.type}`;switch(e.type){case`actor`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(O,{actorId:e.actorId,text:e.text,href:e.href,activity:t.activity,youLabel:t.youLabel,currentUserId:t.currentUserId,onActorClick:t.onActorClick}),` `]},r);case`field`:case`value`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,weight:`semibold`,children:e.text}),` `]},r);case`status`:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(a.t,{inline:!0,variant:E[e.tone??`neutral`],children:e.text}),` `]},r);case`resource`:{let n=t.getResourceConfig?.(e.resource);return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(D,{resource:e.resource,config:n,fallbackText:e.text,onClick:t.onResourceClick?()=>t.onResourceClick?.(e.resource,n,t.activity):void 0}),` `]},r)}default:return(0,u.jsxs)(c.Fragment,{children:[(0,u.jsx)(i.s,{tag:`span`,children:e.text}),` `]},r)}})}function A(e){let{activity:t}=e,n=t.headline??t.event,r=t.actor?.name;if(!r||!n.includes(r))return(0,u.jsx)(i.s,{tag:`span`,children:n});let[a,...o]=n.split(r);return(0,u.jsxs)(u.Fragment,{children:[!!a&&(0,u.jsx)(i.s,{tag:`span`,children:a}),(0,u.jsx)(O,{actorId:t.actor?.id,text:r,href:t.actor?.href,activity:t,youLabel:e.youLabel,currentUserId:e.currentUserId,onActorClick:e.onActorClick}),o.length>0&&(0,u.jsx)(i.s,{tag:`span`,children:o.join(r)})]})}function j(e){let t=e.activity.segments;return t&&t.length>0?(0,u.jsx)(`span`,{className:`leading-snug [&>span]:leading-snug`,children:k(t,e)}):(0,u.jsx)(`span`,{className:`leading-snug`,children:A(e)})}function M({icon:e,tone:t,density:r,isLast:i}){let a=T[t];return r===`compact`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1.5 size-2 shrink-0 rounded-full`,a.dot)}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):r===`rich`?(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-7 shrink-0 items-center justify-center rounded-full ring-1 ring-border/60`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3.5`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]}):(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(`span`,{className:n.cn(`flex size-5 shrink-0 items-center justify-center rounded-full`,a.bg,a.fg),children:(0,u.jsx)(e,{className:`size-3`})}),!i&&(0,u.jsx)(`span`,{"aria-hidden":!0,className:n.cn(`mt-1 w-px flex-1`,a.line)})]})}function N(e){let{activity:t,density:o,eventConfig:s,tone:c,isLast:l,expanded:f,onToggleExpanded:p,relativeTime:m,absoluteTime:h,sourceLabel:g,youLabel:_,showChangesLabel:v,hideChangesLabel:y,actionsLabel:x,currentUserId:C,actions:w,onActivityClick:T,onActorClick:E,onResourceClick:O,onAction:k,getResourceConfig:A,headlineOverride:N,markerOverride:P}=e,F=t.iconOverride??s.icon,I=(t.changes?.length??0)>0,L=(t.metadata?.length??0)>0,R=(t.resources?.length??0)>0,z=t.description!==void 0&&t.description!==null&&t.description!==``,B=o!==`compact`,V=o===`rich`,H=N??(0,u.jsx)(j,{activity:t,currentUserId:C,youLabel:_,onActorClick:E,onResourceClick:O,getResourceConfig:A}),U=P??(0,u.jsx)(M,{icon:F,tone:c,density:o,isLast:l}),W=typeof T==`function`,G=I||R||w.length>0||typeof E==`function`||typeof O==`function`,K=W&&!G;return(0,u.jsxs)(`div`,{className:n.cn(`relative flex gap-space-lg`,W&&`cursor-pointer rounded-md hover:bg-muted/40`),onClick:W?()=>T?.(t):void 0,role:K?`button`:void 0,tabIndex:K?0:void 0,onKeyDown:K?e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),T?.(t))}:void 0,children:[U,(0,u.jsxs)(`div`,{className:n.cn(`min-w-0 flex-1`,!l&&(o===`rich`?`pb-row-y-lg`:o===`compact`?`pb-row-y`:`pb-row-y-lg`)),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-space-sm sm:flex-row sm:items-start sm:justify-between sm:gap-space-lg`,children:[(0,u.jsxs)(`div`,{className:`flex min-w-0 flex-wrap items-center gap-x-space-sm gap-y-space-sm`,children:[(0,u.jsx)(i.s,{tag:`span`,size:`inherit`,lineHeight:`snug`,children:H}),!!g&&(0,u.jsx)(a.t,{inline:!0,variant:`secondary`,children:g}),V&&I&&(0,u.jsx)(r.t,{type:`button`,size:`icon-small`,variant:`secondary`,buttonStyle:`ghost`,className:`h-5 w-5 text-muted-foreground`,onClick:e=>{e.stopPropagation(),p()},title:f?y:v,"aria-label":f?y:v,"aria-expanded":f,children:f?(0,u.jsx)(d.ChevronDown,{className:`size-3.5`}):(0,u.jsx)(d.ChevronRight,{className:`size-3.5`})})]}),(0,u.jsxs)(`div`,{className:`flex shrink-0 items-center gap-space-sm`,children:[!!m&&(0,u.jsx)(i.s,{size:`inherit`,type:`secondary`,className:`whitespace-nowrap tabular-nums pt-space-2xs text-xxs`,title:h??void 0,children:m}),V&&w.length>0&&(0,u.jsx)(b,{activity:t,actions:w,onAction:k,label:x})]})]}),!!B&&z&&(0,u.jsx)(i.s,{tag:`div`,size:`inherit`,type:`secondary`,className:`mt-space-sm text-xs`,children:t.description}),!!V&&L&&t.metadata&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-x-space-lg gap-y-space-sm`,children:t.metadata.map(e=>(0,u.jsxs)(i.s,{size:`inherit`,type:`secondary`,className:`text-xs`,children:[(0,u.jsxs)(i.s,{tag:`span`,size:`inherit`,type:`discrete`,className:`text-xxs`,children:[e.label,`:`,` `]}),e.value]},e.label))}),!!V&&R&&t.resources&&(0,u.jsx)(`div`,{className:`mt-space-md flex flex-wrap gap-space-sm`,children:t.resources.map(e=>{let n=A?.(e);return(0,u.jsx)(D,{resource:e,config:n,onClick:O?()=>O(e,n,t):void 0},e.key)})}),!!V&&I&&f&&t.changes&&(0,u.jsx)(`div`,{className:`mt-space-md`,children:(0,u.jsx)(S,{changes:t.changes})})]})]})}function P(e,t){try{return new Intl.DateTimeFormat(t,{dateStyle:`medium`,timeStyle:`short`}).format(new Date(e))}catch{return e}}function F(e,t){return e.toneOverride??t}function I(r){let{activities:a=[],density:o=`default`,groupByDate:s=!0,expandedByDefault:l=!1,currentUserId:d,loading:f=!1,eventConfig:g,strings:_,slots:b,className:x,locale:S,formatRelativeTime:T,formatAbsoluteTime:E,formatDateGroupLabel:D,getEventLabel:O,getSourceLabel:k,actionsForActivity:A,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,resources:R,onResourcesChange:z}=r,B=e.useStrings(h,_),V=(0,c.useMemo)(()=>({...p,...g}),[g]),H=y({resources:R,onResourcesChange:z}),U=v({activities:a,groupByDate:s,expandedByDefault:l,locale:S,strings:B,formatDateGroupLabel:D}),{formatRelativeTime:W}=t.i(),G=T??W??(e=>e),K=E??(e=>P(e,S));if(f)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-4`,x),children:b?.loading??(0,u.jsx)(i.s,{type:`secondary`,align:`center`,children:B.loading})});if(a.length===0)return(0,u.jsx)(`div`,{className:n.cn(`activities-feed--component`,`px-2 py-2`,x),children:b?.empty??(0,u.jsx)(w,{title:B.empty})});let q=U.groups.reduce((e,t)=>e+t.items.length,0),J=0;return(0,u.jsxs)(`div`,{className:n.cn(`activities-feed--component flex flex-col`,x),children:[!!b?.header&&(0,u.jsx)(`div`,{className:`mb-3`,children:b.header}),(0,u.jsx)(`div`,{className:`flex flex-col`,children:U.groups.map((e,t)=>{let r=t===0;return(0,u.jsxs)(`div`,{className:n.cn(r?``:`mt-1`),children:[b?.renderDateLabel?b.renderDateLabel(e.label,r):(0,u.jsx)(C,{label:e.label,isFirst:r,className:r?``:`mb-2`}),(0,u.jsx)(`div`,{className:n.cn(`flex flex-col`,!!e.label&&`mt-2`),children:e.items.map((e,t)=>{let n=e.activity,r=t===0,i=++J===q,a=m(n.event,V),s=F(n,a.tone),c=n.timestamp??(n.createdAt?G(n.createdAt):null),l=n.createdAt?K(n.createdAt):null,f=n.source?k?.(n.source)??B.sources[n.source]??a.sourceLabel??null:a.sourceLabel??null,p=f&&f.trim().length>0?f:null,h=A?.(n)??[],g={density:o,isLast:i,isFirstInGroup:r,activity:n,eventConfig:a,tone:s,relativeTime:c,absoluteTime:l,sourceLabel:p,expanded:U.isExpanded(n.id),toggleExpanded:()=>U.toggleExpanded(n.id)},_=b?.renderRow?.(n,g);if(_!==void 0)return(0,u.jsx)(`div`,{children:_},e.key);let v=b?.renderHeadline?.(n,g),y=b?.renderMarker?.(n,g);return(0,u.jsx)(N,{activity:n,density:o,eventConfig:a,tone:s,isLast:i,expanded:g.expanded,onToggleExpanded:g.toggleExpanded,relativeTime:c,absoluteTime:l,sourceLabel:p,youLabel:B.you,showChangesLabel:B.showChanges,hideChangesLabel:B.hideChanges,actionsLabel:B.actionsLabel,currentUserId:d,actions:h,onActivityClick:j,onActorClick:M,onResourceClick:I,onAction:L,getResourceConfig:e=>H.get(e),headlineOverride:v,markerOverride:y},e.key)})})]},`${e.label}-${t}`)})}),!!b?.footer&&(0,u.jsx)(`div`,{className:`mt-3`,children:b.footer})]})}I.displayName=`ActivityFeed`;function L({title:t,titleSuffix:n,description:r,padding:i=`default`,composerSlot:a,className:s,strings:c,slots:l,...f}){let p=e.useStrings(h,c),m=t??p.title;return(0,u.jsx)(o.t,{icon:(0,u.jsx)(d.Activity,{className:`size-4`}),title:m,titleSuffix:n,description:r,padding:i,className:s,children:(0,u.jsx)(I,{...f,strings:c,slots:{...l,header:a??l?.header}})})}L.displayName=`ActivityFeedCard`,exports.ACTIVITY_TONE=T,exports.ActivityActionsMenu=b,exports.ActivityChanges=S,exports.ActivityDateLabel=C,exports.ActivityEmptyState=w,exports.ActivityFeed=I,exports.ActivityFeedCard=L,exports.ActivityHeadline=j,exports.ActivityMarker=M,exports.ActivityResourceTag=D,exports.ActivityRow=N,exports.TONE_TO_BADGE_VARIANT=E,exports.defaultActivitiesStrings=h,exports.defaultActivityEventConfig=p,exports.defaultEventConfig=f,exports.interpolateActivityString=g,exports.resolveEventConfig=m,exports.useActivityFeed=v,exports.useActivityResources=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/features/activities/index.js

@@ -1,10 +1,10 @@
 import { useStrings as e } from "../../../lib/strings.js";
 import { i as t } from "../../../_shared/ui-provider-Dj6OSOZi.js";
 import { cn as n } from "../../../lib/utils.js";
-import { t as r } from "../../../_shared/button-DHksjMvc.js";
-import { s as i } from "../../../_shared/typography-DE0NGEIE.js";
-import { t as a } from "../../../_shared/badge-a2Z3K5aQ.js";
-import { t as o } from "../../../_shared/cards-RZxRLx3f.js";
+import { t as r } from "../../../_shared/button-vv59_uS_.js";
+import { s as i } from "../../../_shared/typography-CzFVA1w1.js";
+import { t as a } from "../../../_shared/badge-BYNwSWh5.js";
+import { t as o } from "../../../_shared/cards-cQ9lL6zy.js";
 import { a as s, g as c, r as l, t as u } from "../../../_shared/dropdown-menu-CoWmrjYX.js";
 import { Fragment as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
 import { isToday as _, isYesterday as v } from "date-fns";