admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{timelines-D8y-IyxW.js → timelines-uvFVjEQv.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,Or as n,hr as r,jr as i,kr as a,mr as o,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./activity-B-FxNryB.js";import{t as ee}from"./circle-check-big-4RnJfeaC.js";import{t as u}from"./circle-Dy08kACD.js";import{t as te}from"./clock-DuBsP5t3.js";import{t as ne}from"./credit-card-CYgRtM77.js";import{t as re}from"./file-text-D3AE37vP.js";import{t as d}from"./flag-CJJ43K4x.js";import{t as f}from"./heart-BWZYF4xJ.js";import{t as ie}from"./mail-w1nhszbW.js";import{t as p}from"./minus-OyRBql2C.js";import{t as m}from"./plus-DkHZm34I.js";import{t as ae}from"./receipt-T8B9lscp.js";import{t as oe}from"./shopping-bag-B5BzpLV5.js";import{t as se}from"./wrench-gaXnvr_b.js";import{t as ce}from"./x-BqJnRkKw.js";import{a as le,k as h,n as g,s as _}from"./index-Cz4UGUT2.js";import{t as v}from"./props-table-BR-KjRNe.js";import{t as y}from"./smart-card-B4P_C0nk.js";var b=le(`git-commit-horizontal`,[[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}],[`line`,{x1:`3`,x2:`9`,y1:`12`,y2:`12`,key:`1dyftd`}],[`line`,{x1:`15`,x2:`21`,y1:`12`,y2:`12`,key:`oup4p8`}]]),x=_(),S={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:i},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:a},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:u}};function ue({status:e}){let{dot:t,Icon:n}=S[e],r=e===`current`;return(0,x.jsx)(`div`,{className:g(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,t),children:(0,x.jsx)(n,{className:g(`h-4 w-4`,r&&`animate-spin`)})})}function C({title:e,description:n,steps:r,footerText:i,className:a}){return(0,x.jsx)(y,{title:e,description:n,footerText:i,className:a,children:(0,x.jsx)(`div`,{className:`relative`,children:r.map((e,n)=>{let i=n===r.length-1,{line:a,title:o}=S[e.status];return(0,x.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,x.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,x.jsx)(ue,{status:e.status}),!i&&(0,x.jsx)(`div`,{className:g(`w-0.5 flex-1 min-h-6`,a)})]}),(0,x.jsxs)(`div`,{className:g(`flex-1 pb-6`,i&&`pb-0`),children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,x.jsx)(t,{weight:`semibold`,className:o,children:e.title}),!!e.badge&&(0,x.jsx)(c,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,x.jsx)(t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,x.jsx)(t,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,x.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}C.displayName=`StepsCard`;function w({status:e,stepNumber:n}){return e===`completed`?(0,x.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,x.jsx)(i,{className:`h-4 w-4`})}):e===`current`?(0,x.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,x.jsx)(t,{weight:`bold`,className:`text-primary-foreground`,children:n})}):(0,x.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,x.jsx)(t,{weight:`medium`,className:`text-muted-foreground`,children:n})})}function T({title:e,description:n,steps:r,footerText:i,className:a}){return(0,x.jsxs)(y,{title:e,description:n,footerText:i,className:a,children:[(0,x.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:r.map((e,n)=>{let i=n===r.length-1,a=e.status===`completed`?`bg-success`:`bg-border`;return(0,x.jsxs)(`div`,{className:`flex gap-3`,children:[(0,x.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,x.jsx)(w,{status:e.status,stepNumber:n+1}),!i&&(0,x.jsx)(`div`,{className:g(`mt-1 w-0.5 flex-1 min-h-5`,a)})]}),(0,x.jsxs)(`div`,{className:g(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,x.jsx)(t,{weight:`semibold`,className:g(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,x.jsx)(t,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,x.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,x.jsx)(`div`,{className:`flex min-w-fit items-start`,children:r.map((e,n)=>{let i=n===r.length-1,a=e.status===`completed`?`bg-success`:`bg-border`;return(0,x.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,x.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,x.jsxs)(`div`,{className:`flex w-full items-center`,children:[n>0&&(0,x.jsx)(`div`,{className:g(`h-0.5 flex-1`,r[n-1].status===`completed`?`bg-success`:`bg-border`)}),n===0&&(0,x.jsx)(`div`,{className:`flex-1`}),(0,x.jsx)(w,{status:e.status,stepNumber:n+1}),!i&&(0,x.jsx)(`div`,{className:g(`h-0.5 flex-1`,a)}),!!i&&(0,x.jsx)(`div`,{className:`flex-1`})]}),(0,x.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,x.jsx)(t,{size:`xs`,weight:`semibold`,className:g(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,x.jsx)(t,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}T.displayName=`StepsHorizontal`;var de={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function E({title:e,description:n,events:r,footerText:i,className:a}){return(0,x.jsx)(y,{title:e,description:n,footerText:i,className:g(`order-timeline--component`,a),children:(0,x.jsx)(`div`,{className:`relative space-y-0`,children:r.map((e,n)=>(0,x.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[n!==r.length-1&&(0,x.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,x.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,x.jsx)(`div`,{className:g(`h-[11px] w-[11px] rounded-full`,de[e.status])})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,x.jsx)(t,{weight:`medium`,className:`truncate`,children:e.title}),(0,x.jsx)(t,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,x.jsx)(t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function D({events:e,className:n}){return(0,x.jsx)(y,{title:`Payment Timeline`,className:g(`payment-timeline--component`,n),children:(0,x.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((n,r)=>{let i=n.icon;return(0,x.jsxs)(`div`,{className:`flex gap-4`,children:[(0,x.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,x.jsx)(`div`,{className:g(`flex size-8 items-center justify-center rounded-full`,n.done?`bg-success/20`:`bg-muted`),children:(0,x.jsx)(i,{className:g(`size-3.5`,n.done?`text-success`:`text-muted-foreground`)})}),r<e.length-1&&(0,x.jsx)(`div`,{className:g(`mt-1 h-8 w-px`,n.done?`bg-success/30`:`bg-border`)})]}),(0,x.jsxs)(`div`,{className:`pb-6`,children:[(0,x.jsx)(t,{weight:`medium`,children:n.label}),(0,x.jsx)(t,{size:`xs`,type:`secondary`,children:n.date}),!!n.amount&&(0,x.jsx)(t,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:n.amount})]})]},n.label)})})})}var O={title:`Activity`,empty:`No activity yet`},k={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 A({items:e,className:n,strings:r}){let i=h(O,r);return e.length===0?(0,x.jsx)(y,{icon:(0,x.jsx)(l,{className:`size-4`}),title:i.title,className:g(`activity-stream--component`,n),children:(0,x.jsx)(t,{type:`secondary`,align:`center`,className:`py-6`,children:i.empty})}):(0,x.jsx)(y,{icon:(0,x.jsx)(l,{className:`size-4`}),title:i.title,className:n,children:(0,x.jsx)(`ul`,{className:`space-y-3`,children:e.map((n,r)=>{let i=n.icon??u,a=r===e.length-1;return(0,x.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,x.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,x.jsx)(`div`,{className:g(`flex size-7 items-center justify-center rounded-full`,k[n.iconVariant??`primary`]),children:(0,x.jsx)(i,{className:`size-3.5`})}),!a&&(0,x.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,x.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!n.actor&&(0,x.jsx)(t,{tag:`span`,weight:`semibold`,children:n.actor}),(0,x.jsx)(t,{tag:`span`,type:`secondary`,children:n.action}),!!n.target&&(0,x.jsx)(t,{tag:`span`,weight:`medium`,children:n.target})]}),!!n.metadata&&n.metadata.length>0&&(0,x.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:n.metadata.map(e=>(0,x.jsxs)(t,{size:`xs`,type:`secondary`,children:[(0,x.jsxs)(t,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,x.jsx)(t,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:n.timestamp})]})]},n.id)})})})}A.displayName=`ActivityStreamCard`;var j={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},M={sm:`size-2`,base:`size-2.5`,lg:`size-3`},N={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 P({items:e,dotSize:n=`base`,className:r}){return(0,x.jsx)(`ol`,{className:g(`timeline--component`,`relative space-y-4`,r),children:e.map((r,i)=>{let a=N[r.status??`neutral`],o=r.icon;return(0,x.jsxs)(`li`,{className:`relative flex gap-3`,children:[i!==e.length-1&&(0,x.jsx)(`span`,{"aria-hidden":`true`,className:g(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,a.line,n===`lg`&&`left-[10px]`,n===`sm`&&`left-[5px]`)}),(0,x.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,x.jsx)(`span`,{className:g(`inline-flex items-center justify-center rounded-full ring-2`,a.bg,a.text,a.ring,j[n]),children:!!o&&(0,x.jsx)(o,{className:M[n]})})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,x.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,x.jsx)(t,{weight:`medium`,className:`leading-tight`,children:r.title}),!!r.timestamp&&(0,x.jsx)(t,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:r.timestamp})]}),!!r.description&&(0,x.jsx)(t,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:r.description}),!!r.children&&(0,x.jsx)(`div`,{className:`mt-2`,children:r.children})]})]},r.id)})})}P.displayName=`Timeline`;var F={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},I={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},L={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},R={added:m,removed:p,modified:se,fixed:b};function z({entries:e,className:n,strings:r}){let i=h(F,r),a={added:i.added,removed:i.removed,modified:i.modified,fixed:i.fixed},o=e.map(e=>({id:e.id,title:(0,x.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,x.jsx)(c,{variant:L[e.kind],children:a[e.kind]}),(0,x.jsx)(`span`,{children:e.title}),!!e.version&&(0,x.jsx)(t,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,x.jsxs)(x.Fragment,{children:[e.description,(0,x.jsxs)(t,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:R[e.kind],status:I[e.kind]}));return(0,x.jsx)(y,{icon:(0,x.jsx)(b,{className:`size-4`}),title:i.title,className:g(`changelog-timeline--component`,n),children:(0,x.jsx)(P,{items:o,dotSize:`base`})})}z.displayName=`ChangelogTimelineCard`;var B={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},fe={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},V={completed:i,in_progress:te,upcoming:u,blocked:ce},pe={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function H({milestones:e,className:n,strings:r}){let i=h(B,r),a={completed:i.completed,in_progress:i.in_progress,upcoming:i.upcoming,blocked:i.blocked},o=e.map(e=>({id:e.id,title:(0,x.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,x.jsx)(`span`,{children:e.title}),(0,x.jsx)(c,{variant:pe[e.status],children:a[e.status]})]}),description:e.description,timestamp:e.dueDate?`${i.dueOn} ${e.dueDate}`:void 0,icon:V[e.status],status:fe[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,x.jsxs)(`div`,{className:`space-y-1`,children:[(0,x.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,x.jsx)(`div`,{className:g(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,x.jsxs)(t,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,x.jsx)(y,{icon:(0,x.jsx)(d,{className:`size-4`}),title:i.title,className:g(`milestones-timeline--component`,n),children:(0,x.jsx)(P,{items:o,dotSize:`base`})})}H.displayName=`MilestonesTimelineCard`;var me=e({ActivityStreamReadOnlyTracking:()=>J,Changelog:()=>Y,Milestones:()=>X,OrderTimeline:()=>K,PaymentTimeline:()=>q,StepsHorizontalExample:()=>G,StepsVertical:()=>W}),U=[{id:`1`,title:`Order Placed`,description:`Customer completed checkout`,status:`completed`,timestamp:`Mar 24`},{id:`2`,title:`Payment Confirmed`,status:`completed`,timestamp:`Mar 24`,badge:`Verified`,badgeVariant:`success`},{id:`3`,title:`Preparing Vouchers`,description:`Generating codes`,status:`current`},{id:`4`,title:`Ready for Delivery`,status:`upcoming`},{id:`5`,title:`Delivered`,status:`upcoming`}];function W(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(C,{title:`Order Processing`,description:`Order #ORD-2026-0412`,steps:U})})})}function G(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,x.jsx)(T,{title:`Delivery Pipeline`,steps:U})})})}function K(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(E,{title:`Order #ORD-2026-0415`,description:`Sarah Smitha — 2,450 USD`,events:[{id:`1`,title:`Order placed`,timestamp:`10:24 AM`,status:`completed`},{id:`2`,title:`Payment received`,description:`2,450 USD`,timestamp:`10:26 AM`,status:`completed`},{id:`3`,title:`Vouchers generated`,timestamp:`10:27 AM`,status:`completed`},{id:`4`,title:`Email sent`,timestamp:`10:28 AM`,status:`current`},{id:`5`,title:`Delivery scheduled`,timestamp:`—`,status:`pending`}],footerText:`Last updated 2 minutes ago`})})})}function q(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(D,{events:[{label:`Invoice sent`,date:`Mar 20`,amount:`2,480 USD`,done:!0,icon:re},{label:`Reminder sent`,date:`Apr 5`,done:!0,icon:ie},{label:`Payment received`,date:`Apr 12`,amount:`2,480 USD`,done:!0,icon:ne},{label:`Receipt generated`,date:`Apr 12`,done:!1,icon:ae}]})})})}function J(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(A,{items:[{id:`1`,icon:ee,iconVariant:`success`,actor:`Sarah Smitha`,action:`paid invoice`,target:`#INV-2026-0392`,timestamp:`2 minutes ago`},{id:`2`,icon:oe,iconVariant:`primary`,actor:`Daniel Smith`,action:`placed order`,target:`#ORD-2026-0413`,timestamp:`15 minutes ago`,metadata:[{label:`Items`,value:`3`},{label:`Total`,value:`370 USD`}]},{id:`3`,icon:f,iconVariant:`warning`,actor:`Emma Garcia`,action:`favorited`,target:`Hot Air Balloon`,timestamp:`1 hour ago`},{id:`4`,icon:n,iconVariant:`error`,action:`Webhook failure on`,target:`shopify.payments.captured`,timestamp:`3 hours ago`}]})})})}function Y(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(z,{entries:[{id:`c1`,kind:`added`,title:`Voucher entry component`,version:`v2.4.0`,timestamp:`Apr 20`,author:`mp`,description:`New gift-card redemption surface; companion to coupon input.`},{id:`c2`,kind:`fixed`,title:`Booking row dark-on-dark contrast`,version:`v2.3.4`,timestamp:`Apr 18`,author:`sp`,description:`Day numbers were invisible on the primary chip.`},{id:`c3`,kind:`modified`,title:`InlineMetric typography rebalanced`,version:`v2.3.3`,timestamp:`Apr 16`,author:`em`},{id:`c4`,kind:`removed`,title:`Legacy giftcardStatusMap`,version:`v2.3.0`,timestamp:`Apr 14`,author:`id`,description:`Use defaultGiftcardStrings.status + giftcardStatusVariant.`}]})})})}function X(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(H,{milestones:[{id:`m1`,title:`Phase A — cross-cutting infra`,description:`Strings helper, typography scale, conventions doc.`,dueDate:`Apr 28`,status:`completed`},{id:`m2`,title:`Phase B — base primitives`,description:`Display, currency, forms, table, navigation, calendar.`,dueDate:`Apr 30`,status:`completed`},{id:`m3`,title:`Phase C — composed redesign`,description:`Cards, charts, commerce, navigation, timelines, AI.`,dueDate:`May 4`,status:`in_progress`,progress:72},{id:`m4`,title:`Phase D — upload subsystem`,description:`Dropzone, AvatarUpload, MediaGallery, UploadProgressList.`,dueDate:`May 8`,status:`upcoming`},{id:`m5`,title:`Public release v3.0`,description:`Tagged release, migration guide, codemod scripts.`,dueDate:`May 20`,status:`blocked`}]})})})}var Z=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{Br as t,Dr as n,Er as r,Rr as i,Ur as a,Vr as o,jr as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./activity-BVP5C805.js";import{t as ee}from"./circle-check-big-vBWkmhCZ.js";import{t as u}from"./circle-V5hdlsIn.js";import{t as te}from"./clock-9xbB7EnW.js";import{t as ne}from"./credit-card-CAI3F3HB.js";import{t as re}from"./file-text-DwqbUujq.js";import{t as d}from"./flag-csHQcBml.js";import{t as f}from"./heart-BJVBFZ-j.js";import{t as ie}from"./mail-AES_tOd2.js";import{t as p}from"./minus-DByvcC8K.js";import{t as m}from"./plus-D5swsZCz.js";import{t as ae}from"./receipt-kIVP3kxJ.js";import{t as oe}from"./shopping-bag-XmeqUqk9.js";import{t as se}from"./wrench-BFTavxzg.js";import{t as ce}from"./x-D8UN9pOu.js";import{a as le,k as h,n as g,s as _}from"./index-BQIv1ffM.js";import{t as v}from"./props-table-2pIZzGC-.js";import{t as y}from"./smart-card-Dhu_1A_u.js";var b=le(`git-commit-horizontal`,[[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}],[`line`,{x1:`3`,x2:`9`,y1:`12`,y2:`12`,key:`1dyftd`}],[`line`,{x1:`15`,x2:`21`,y1:`12`,y2:`12`,key:`oup4p8`}]]),x=_(),S={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:a},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:o},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:u}};function ue({status:e}){let{dot:t,Icon:n}=S[e],r=e===`current`;return(0,x.jsx)(`div`,{className:g(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,t),children:(0,x.jsx)(n,{className:g(`h-4 w-4`,r&&`animate-spin`)})})}function C({title:e,description:t,steps:n,footerText:r,className:a}){return(0,x.jsx)(y,{title:e,description:t,footerText:r,className:a,children:(0,x.jsx)(`div`,{className:`relative`,children:n.map((e,t)=>{let r=t===n.length-1,{line:a,title:o}=S[e.status];return(0,x.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,x.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,x.jsx)(ue,{status:e.status}),!r&&(0,x.jsx)(`div`,{className:g(`w-0.5 flex-1 min-h-6`,a)})]}),(0,x.jsxs)(`div`,{className:g(`flex-1 pb-6`,r&&`pb-0`),children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,x.jsx)(i,{weight:`semibold`,className:o,children:e.title}),!!e.badge&&(0,x.jsx)(s,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,x.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,x.jsx)(i,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,x.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}C.displayName=`StepsCard`;function w({status:e,stepNumber:t}){return e===`completed`?(0,x.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,x.jsx)(a,{className:`h-4 w-4`})}):e===`current`?(0,x.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,x.jsx)(i,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,x.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,x.jsx)(i,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function T({title:e,description:t,steps:n,footerText:r,className:a}){return(0,x.jsxs)(y,{title:e,description:t,footerText:r,className:a,children:[(0,x.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:n.map((e,t)=>{let r=t===n.length-1,a=e.status===`completed`?`bg-success`:`bg-border`;return(0,x.jsxs)(`div`,{className:`flex gap-3`,children:[(0,x.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,x.jsx)(w,{status:e.status,stepNumber:t+1}),!r&&(0,x.jsx)(`div`,{className:g(`mt-1 w-0.5 flex-1 min-h-5`,a)})]}),(0,x.jsxs)(`div`,{className:g(`min-w-0 flex-1 pb-2`,r&&`pb-0`),children:[(0,x.jsx)(i,{weight:`semibold`,className:g(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,x.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,x.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,x.jsx)(`div`,{className:`flex min-w-fit items-start`,children:n.map((e,t)=>{let r=t===n.length-1,a=e.status===`completed`?`bg-success`:`bg-border`;return(0,x.jsx)(`div`,{className:`flex min-w-[110px] flex-1 items-start`,children:(0,x.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,x.jsxs)(`div`,{className:`flex w-full items-center`,children:[t>0&&(0,x.jsx)(`div`,{className:g(`h-0.5 flex-1`,n[t-1].status===`completed`?`bg-success`:`bg-border`)}),t===0&&(0,x.jsx)(`div`,{className:`flex-1`}),(0,x.jsx)(w,{status:e.status,stepNumber:t+1}),!r&&(0,x.jsx)(`div`,{className:g(`h-0.5 flex-1`,a)}),!!r&&(0,x.jsx)(`div`,{className:`flex-1`})]}),(0,x.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,x.jsx)(i,{size:`xs`,weight:`semibold`,className:g(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,x.jsx)(i,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}T.displayName=`StepsHorizontal`;var de={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function E({title:e,description:t,events:n,footerText:r,className:a}){return(0,x.jsx)(y,{title:e,description:t,footerText:r,className:g(`order-timeline--component`,a),children:(0,x.jsx)(`div`,{className:`relative space-y-0`,children:n.map((e,t)=>(0,x.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[t!==n.length-1&&(0,x.jsx)(`div`,{className:`absolute left-[5px] top-[14px] h-[calc(100%-6px)] w-px bg-border`}),(0,x.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,x.jsx)(`div`,{className:g(`h-[11px] w-[11px] rounded-full`,de[e.status])})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,x.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,x.jsx)(i,{weight:`medium`,className:`truncate`,children:e.title}),(0,x.jsx)(i,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,x.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function D({events:e,className:t}){return(0,x.jsx)(y,{title:`Payment Timeline`,className:g(`payment-timeline--component`,t),children:(0,x.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((t,n)=>{let r=t.icon;return(0,x.jsxs)(`div`,{className:`flex gap-4`,children:[(0,x.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,x.jsx)(`div`,{className:g(`flex size-8 items-center justify-center rounded-full`,t.done?`bg-success/20`:`bg-muted`),children:(0,x.jsx)(r,{className:g(`size-3.5`,t.done?`text-success`:`text-muted-foreground`)})}),n<e.length-1&&(0,x.jsx)(`div`,{className:g(`mt-1 h-8 w-px`,t.done?`bg-success/30`:`bg-border`)})]}),(0,x.jsxs)(`div`,{className:`pb-6`,children:[(0,x.jsx)(i,{weight:`medium`,children:t.label}),(0,x.jsx)(i,{size:`xs`,type:`secondary`,children:t.date}),!!t.amount&&(0,x.jsx)(i,{size:`xs`,weight:`medium`,className:`mt-0.5 tabular-nums text-success`,children:t.amount})]})]},t.label)})})})}var O={title:`Activity`,empty:`No activity yet`},k={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 A({items:e,className:t,strings:n}){let r=h(O,n);return e.length===0?(0,x.jsx)(y,{icon:(0,x.jsx)(l,{className:`size-4`}),title:r.title,className:g(`activity-stream--component`,t),children:(0,x.jsx)(i,{type:`secondary`,align:`center`,className:`py-6`,children:r.empty})}):(0,x.jsx)(y,{icon:(0,x.jsx)(l,{className:`size-4`}),title:r.title,className:t,children:(0,x.jsx)(`ul`,{className:`space-y-3`,children:e.map((t,n)=>{let r=t.icon??u,a=n===e.length-1;return(0,x.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,x.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,x.jsx)(`div`,{className:g(`flex size-7 items-center justify-center rounded-full`,k[t.iconVariant??`primary`]),children:(0,x.jsx)(r,{className:`size-3.5`})}),!a&&(0,x.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,x.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!t.actor&&(0,x.jsx)(i,{tag:`span`,weight:`semibold`,children:t.actor}),(0,x.jsx)(i,{tag:`span`,type:`secondary`,children:t.action}),!!t.target&&(0,x.jsx)(i,{tag:`span`,weight:`medium`,children:t.target})]}),!!t.metadata&&t.metadata.length>0&&(0,x.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:t.metadata.map(e=>(0,x.jsxs)(i,{size:`xs`,type:`secondary`,children:[(0,x.jsxs)(i,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,x.jsx)(i,{size:`xxs`,type:`discrete`,className:`mt-0.5 tabular-nums`,children:t.timestamp})]})]},t.id)})})})}A.displayName=`ActivityStreamCard`;var j={sm:`size-2.5`,base:`size-3.5`,lg:`size-5`},M={sm:`size-2`,base:`size-2.5`,lg:`size-3`},N={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 P({items:e,dotSize:t=`base`,className:n}){return(0,x.jsx)(`ol`,{className:g(`timeline--component`,`relative space-y-4`,n),children:e.map((n,r)=>{let a=N[n.status??`neutral`],o=n.icon;return(0,x.jsxs)(`li`,{className:`relative flex gap-3`,children:[r!==e.length-1&&(0,x.jsx)(`span`,{"aria-hidden":`true`,className:g(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,a.line,t===`lg`&&`left-[10px]`,t===`sm`&&`left-[5px]`)}),(0,x.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,x.jsx)(`span`,{className:g(`inline-flex items-center justify-center rounded-full ring-2`,a.bg,a.text,a.ring,j[t]),children:!!o&&(0,x.jsx)(o,{className:M[t]})})}),(0,x.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,x.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,x.jsx)(i,{weight:`medium`,className:`leading-tight`,children:n.title}),!!n.timestamp&&(0,x.jsx)(i,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:n.timestamp})]}),!!n.description&&(0,x.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n.description}),!!n.children&&(0,x.jsx)(`div`,{className:`mt-2`,children:n.children})]})]},n.id)})})}P.displayName=`Timeline`;var F={title:`Changelog`,added:`Added`,removed:`Removed`,modified:`Modified`,fixed:`Fixed`},I={added:`success`,removed:`error`,modified:`warning`,fixed:`current`},L={added:`success`,removed:`error`,modified:`warning`,fixed:`info`},R={added:m,removed:p,modified:se,fixed:b};function z({entries:e,className:t,strings:n}){let r=h(F,n),a={added:r.added,removed:r.removed,modified:r.modified,fixed:r.fixed},o=e.map(e=>({id:e.id,title:(0,x.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,x.jsx)(s,{variant:L[e.kind],children:a[e.kind]}),(0,x.jsx)(`span`,{children:e.title}),!!e.version&&(0,x.jsx)(i,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,x.jsxs)(x.Fragment,{children:[e.description,(0,x.jsxs)(i,{tag:`span`,size:`xxs`,type:`discrete`,className:`ml-2`,children:[`— `,e.author]})]}):e.description,timestamp:e.timestamp,icon:R[e.kind],status:I[e.kind]}));return(0,x.jsx)(y,{icon:(0,x.jsx)(b,{className:`size-4`}),title:r.title,className:g(`changelog-timeline--component`,t),children:(0,x.jsx)(P,{items:o,dotSize:`base`})})}z.displayName=`ChangelogTimelineCard`;var B={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},fe={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},V={completed:a,in_progress:te,upcoming:u,blocked:ce},pe={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function H({milestones:e,className:t,strings:n}){let r=h(B,n),a={completed:r.completed,in_progress:r.in_progress,upcoming:r.upcoming,blocked:r.blocked},o=e.map(e=>({id:e.id,title:(0,x.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,x.jsx)(`span`,{children:e.title}),(0,x.jsx)(s,{variant:pe[e.status],children:a[e.status]})]}),description:e.description,timestamp:e.dueDate?`${r.dueOn} ${e.dueDate}`:void 0,icon:V[e.status],status:fe[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,x.jsxs)(`div`,{className:`space-y-1`,children:[(0,x.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,x.jsx)(`div`,{className:g(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,x.jsxs)(i,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,x.jsx)(y,{icon:(0,x.jsx)(d,{className:`size-4`}),title:r.title,className:g(`milestones-timeline--component`,t),children:(0,x.jsx)(P,{items:o,dotSize:`base`})})}H.displayName=`MilestonesTimelineCard`;var me=e({ActivityStreamReadOnlyTracking:()=>J,Changelog:()=>Y,Milestones:()=>X,OrderTimeline:()=>K,PaymentTimeline:()=>q,StepsHorizontalExample:()=>G,StepsVertical:()=>W}),U=[{id:`1`,title:`Order Placed`,description:`Customer completed checkout`,status:`completed`,timestamp:`Mar 24`},{id:`2`,title:`Payment Confirmed`,status:`completed`,timestamp:`Mar 24`,badge:`Verified`,badgeVariant:`success`},{id:`3`,title:`Preparing Vouchers`,description:`Generating codes`,status:`current`},{id:`4`,title:`Ready for Delivery`,status:`upcoming`},{id:`5`,title:`Delivered`,status:`upcoming`}];function W(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(C,{title:`Order Processing`,description:`Order #ORD-2026-0412`,steps:U})})})}function G(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,x.jsx)(T,{title:`Delivery Pipeline`,steps:U})})})}function K(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(E,{title:`Order #ORD-2026-0415`,description:`Sarah Smitha — 2,450 USD`,events:[{id:`1`,title:`Order placed`,timestamp:`10:24 AM`,status:`completed`},{id:`2`,title:`Payment received`,description:`2,450 USD`,timestamp:`10:26 AM`,status:`completed`},{id:`3`,title:`Vouchers generated`,timestamp:`10:27 AM`,status:`completed`},{id:`4`,title:`Email sent`,timestamp:`10:28 AM`,status:`current`},{id:`5`,title:`Delivery scheduled`,timestamp:`—`,status:`pending`}],footerText:`Last updated 2 minutes ago`})})})}function q(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(D,{events:[{label:`Invoice sent`,date:`Mar 20`,amount:`2,480 USD`,done:!0,icon:re},{label:`Reminder sent`,date:`Apr 5`,done:!0,icon:ie},{label:`Payment received`,date:`Apr 12`,amount:`2,480 USD`,done:!0,icon:ne},{label:`Receipt generated`,date:`Apr 12`,done:!1,icon:ae}]})})})}function J(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(A,{items:[{id:`1`,icon:ee,iconVariant:`success`,actor:`Sarah Smitha`,action:`paid invoice`,target:`#INV-2026-0392`,timestamp:`2 minutes ago`},{id:`2`,icon:oe,iconVariant:`primary`,actor:`Daniel Smith`,action:`placed order`,target:`#ORD-2026-0413`,timestamp:`15 minutes ago`,metadata:[{label:`Items`,value:`3`},{label:`Total`,value:`370 USD`}]},{id:`3`,icon:f,iconVariant:`warning`,actor:`Emma Garcia`,action:`favorited`,target:`Hot Air Balloon`,timestamp:`1 hour ago`},{id:`4`,icon:t,iconVariant:`error`,action:`Webhook failure on`,target:`shopify.payments.captured`,timestamp:`3 hours ago`}]})})})}function Y(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(z,{entries:[{id:`c1`,kind:`added`,title:`Voucher entry component`,version:`v2.4.0`,timestamp:`Apr 20`,author:`mp`,description:`New gift-card redemption surface; companion to coupon input.`},{id:`c2`,kind:`fixed`,title:`Booking row dark-on-dark contrast`,version:`v2.3.4`,timestamp:`Apr 18`,author:`sp`,description:`Day numbers were invisible on the primary chip.`},{id:`c3`,kind:`modified`,title:`InlineMetric typography rebalanced`,version:`v2.3.3`,timestamp:`Apr 16`,author:`em`},{id:`c4`,kind:`removed`,title:`Legacy giftcardStatusMap`,version:`v2.3.0`,timestamp:`Apr 14`,author:`id`,description:`Use defaultGiftcardStrings.status + giftcardStatusVariant.`}]})})})}function X(){return(0,x.jsx)(x.Fragment,{children:(0,x.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,x.jsx)(H,{milestones:[{id:`m1`,title:`Phase A — cross-cutting infra`,description:`Strings helper, typography scale, conventions doc.`,dueDate:`Apr 28`,status:`completed`},{id:`m2`,title:`Phase B — base primitives`,description:`Display, currency, forms, table, navigation, calendar.`,dueDate:`Apr 30`,status:`completed`},{id:`m3`,title:`Phase C — composed redesign`,description:`Cards, charts, commerce, navigation, timelines, AI.`,dueDate:`May 4`,status:`in_progress`,progress:72},{id:`m4`,title:`Phase D — upload subsystem`,description:`Dropzone, AvatarUpload, MediaGallery, UploadProgressList.`,dueDate:`May 8`,status:`upcoming`},{id:`m5`,title:`Public release v3.0`,description:`Tagged release, migration guide, codemod scripts.`,dueDate:`May 20`,status:`blocked`}]})})})}var Z=`import {
 	AlertTriangle,
 	CheckCircle,
 	CreditCard,
@@ -197,4 +197,4 @@ export function Milestones() {
 		</>
 	);
 }
-`;function Q(e){let t={h4:`h4`,...e.components};return me||$(`Examples`,!1),J||$(`Examples.ActivityStreamReadOnlyTracking`,!0),Y||$(`Examples.Changelog`,!0),X||$(`Examples.Milestones`,!0),K||$(`Examples.OrderTimeline`,!0),q||$(`Examples.PaymentTimeline`,!0),G||$(`Examples.StepsHorizontalExample`,!0),W||$(`Examples.StepsVertical`,!0),(0,x.jsxs)(r,{title:`Composed · Timelines`,description:`Read-only tracking timelines — steps, order, payment, activity stream, release changelog, project milestones. For interactive activity (segments, mass-config, resource registry, callbacks) see Features → Activity feed.`,layer:`composed`,status:`ready`,children:[(0,x.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,x.jsx)(s,{name:`StepsVertical`,source:Z,children:(0,x.jsx)(W,{})}),(0,x.jsx)(s,{name:`StepsHorizontalExample`,source:Z,children:(0,x.jsx)(G,{})}),(0,x.jsx)(s,{name:`OrderTimeline`,source:Z,children:(0,x.jsx)(K,{})}),(0,x.jsx)(s,{name:`PaymentTimeline`,source:Z,children:(0,x.jsx)(q,{})}),(0,x.jsx)(s,{name:`ActivityStreamReadOnlyTracking`,source:Z,children:(0,x.jsx)(J,{})}),(0,x.jsx)(s,{name:`Changelog`,source:Z,children:(0,x.jsx)(Y,{})}),(0,x.jsx)(s,{name:`Milestones`,source:Z,children:(0,x.jsx)(X,{})})]}),(0,x.jsxs)(o,{title:`API`,id:`api`,children:[(0,x.jsx)(t.h4,{children:`ActivityStreamCard`}),(0,x.jsx)(v,{component:`ActivityStreamCard`}),(0,x.jsx)(t.h4,{children:`ChangelogTimelineCard`}),(0,x.jsx)(v,{component:`ChangelogTimelineCard`}),(0,x.jsx)(t.h4,{children:`MilestonesTimelineCard`}),(0,x.jsx)(v,{component:`MilestonesTimelineCard`}),(0,x.jsx)(t.h4,{children:`OrderTimelineCard`}),(0,x.jsx)(v,{component:`OrderTimelineCard`}),(0,x.jsx)(t.h4,{children:`PaymentTimelineCard`}),(0,x.jsx)(v,{component:`PaymentTimelineCard`}),(0,x.jsx)(t.h4,{children:`StepsCard`}),(0,x.jsx)(v,{component:`StepsCard`}),(0,x.jsx)(t.h4,{children:`StepsHorizontal`}),(0,x.jsx)(v,{component:`StepsHorizontal`})]})]})}function he(e={}){let{wrapper:t}=e.components||{};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{he as default};
+`;function Q(e){let t={h4:`h4`,...e.components};return me||$(`Examples`,!1),J||$(`Examples.ActivityStreamReadOnlyTracking`,!0),Y||$(`Examples.Changelog`,!0),X||$(`Examples.Milestones`,!0),K||$(`Examples.OrderTimeline`,!0),q||$(`Examples.PaymentTimeline`,!0),G||$(`Examples.StepsHorizontalExample`,!0),W||$(`Examples.StepsVertical`,!0),(0,x.jsxs)(n,{title:`Composed · Timelines`,description:`Read-only tracking timelines — steps, order, payment, activity stream, release changelog, project milestones. For interactive activity (segments, mass-config, resource registry, callbacks) see Features → Activity feed.`,layer:`composed`,status:`ready`,children:[(0,x.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,x.jsx)(c,{name:`StepsVertical`,source:Z,children:(0,x.jsx)(W,{})}),(0,x.jsx)(c,{name:`StepsHorizontalExample`,source:Z,children:(0,x.jsx)(G,{})}),(0,x.jsx)(c,{name:`OrderTimeline`,source:Z,children:(0,x.jsx)(K,{})}),(0,x.jsx)(c,{name:`PaymentTimeline`,source:Z,children:(0,x.jsx)(q,{})}),(0,x.jsx)(c,{name:`ActivityStreamReadOnlyTracking`,source:Z,children:(0,x.jsx)(J,{})}),(0,x.jsx)(c,{name:`Changelog`,source:Z,children:(0,x.jsx)(Y,{})}),(0,x.jsx)(c,{name:`Milestones`,source:Z,children:(0,x.jsx)(X,{})})]}),(0,x.jsxs)(r,{title:`API`,id:`api`,children:[(0,x.jsx)(t.h4,{children:`ActivityStreamCard`}),(0,x.jsx)(v,{component:`ActivityStreamCard`}),(0,x.jsx)(t.h4,{children:`ChangelogTimelineCard`}),(0,x.jsx)(v,{component:`ChangelogTimelineCard`}),(0,x.jsx)(t.h4,{children:`MilestonesTimelineCard`}),(0,x.jsx)(v,{component:`MilestonesTimelineCard`}),(0,x.jsx)(t.h4,{children:`OrderTimelineCard`}),(0,x.jsx)(v,{component:`OrderTimelineCard`}),(0,x.jsx)(t.h4,{children:`PaymentTimelineCard`}),(0,x.jsx)(v,{component:`PaymentTimelineCard`}),(0,x.jsx)(t.h4,{children:`StepsCard`}),(0,x.jsx)(v,{component:`StepsCard`}),(0,x.jsx)(t.h4,{children:`StepsHorizontal`}),(0,x.jsx)(v,{component:`StepsHorizontal`})]})]})}function he(e={}){let{wrapper:t}=e.components||{};return t?(0,x.jsx)(t,{...e,children:(0,x.jsx)(Q,{...e})}):Q(e)}function $(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{he as default};

package/dist/showcase/assets/toggle-group-B3fORi8i.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Nr as n,Qt as r,fr as i,g as a,hr as o,ir as s,lr as c,nr as l,vn as u}from"./example-Cz_880po.js";import{n as d,s as f}from"./index-BQIv1ffM.js";import{t as p}from"./useControlled-BF8maje6.js";import{t as m}from"./ToolbarRootContext-xN-ruoGR.js";import{t as h}from"./CompositeItem-Dzu0MfUC.js";import{t as g}from"./CompositeRoot-CQvQ_uj2.js";var _=e(t(),1),v=_.createContext(void 0);function y(e=!0){let t=_.useContext(v);if(t===void 0&&!e)throw Error(i(7));return t}var b=f(),x=_.forwardRef(function(e,t){let{className:n,defaultPressed:i=!1,disabled:o=!1,form:s,onPressedChange:d,pressed:f,render:m,type:g,value:v,nativeButton:x=!0,style:S,...C}=e,w=a(v||void 0),T=y(),E=T?.value??[],D=T?void 0:i,O=(o||T?.disabled)??!1,[k,A]=p({controlled:T?w!==void 0&&E.indexOf(w)>-1:f,default:D,name:`Toggle`,state:`pressed`}),{getButtonProps:j,buttonRef:M}=c({disabled:O,native:x}),N={disabled:O,pressed:k},P=[M,t],F=[{"aria-pressed":k,onClick(e){let t=!k,n=r(u,e.nativeEvent);d?.(t,n),!n.isCanceled&&(w&&T?.setGroupValue?.(w,t,n),!n.isCanceled&&A(t))}},C,j],I=l(`button`,e,{enabled:!T,state:N,ref:P,props:F}),L=_.useMemo(()=>({disabled:O,focusableWhenDisabled:!1}),[O]);return T?(0,b.jsx)(h,{tag:`button`,render:m,className:n,style:S,metadata:L,state:N,refs:P,props:F}):I}),S=_.createContext(void 0);function C(e){let t=_.useContext(S);if(t===void 0&&!e)throw Error(i(68));return t}var w=function(e){return e.disabled=`data-disabled`,e.orientation=`data-orientation`,e.multiple=`data-multiple`,e}({}),T={multiple(e){return e?{[w.multiple]:``}:null}},E=_.forwardRef(function(e,t){let{defaultValue:n,disabled:r=!1,loopFocus:i=!0,onValueChange:a,orientation:c=`horizontal`,multiple:u=!1,value:d,className:f,render:h,style:y,...x}=e,S=m(!0),w=C(!0),E=_.useMemo(()=>d!==void 0||n!==void 0,[d,n]),D=(S?.disabled??!1)||(w?.disabled??!1)||r,[O,k]=p({controlled:d,default:d===void 0?n??s:void 0,name:`ToggleGroup`,state:`value`}),A=o((e,t,n)=>{let r;u?(r=O.slice(),t?r.push(e):r.splice(O.indexOf(e),1)):r=t?[e]:[],a?.(r,n),!n.isCanceled&&k(r)}),j={disabled:D,multiple:u,orientation:c},M=_.useMemo(()=>({disabled:D,orientation:c,setGroupValue:A,value:O,isValueInitialized:E}),[D,c,A,O,E]),N={role:`group`},P=l(`div`,e,{enabled:!!S,state:j,ref:t,props:[N,x],stateAttributesMapping:T});return(0,b.jsx)(v.Provider,{value:M,children:S?P:(0,b.jsx)(g,{render:h,className:f,style:y,state:j,refs:[t],props:[N,x],stateAttributesMapping:T,loopFocus:i,enableHomeAndEndKeys:!0,orientation:c})})}),D=n(`hover:text-foreground aria-pressed:bg-muted focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive gap-1 rounded-md text-sm font-medium transition-[color,box-shadow] [&_svg:not([class*='size-'])]:size-4 group/toggle hover:bg-muted inline-flex items-center justify-center whitespace-nowrap outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,{variants:{variant:{default:`bg-transparent`,outline:`border-input hover:bg-muted border bg-transparent shadow-xs`},size:{default:`h-9 min-w-9 px-2`,sm:`h-8 min-w-8 px-1.5`,lg:`h-10 min-w-10 px-2.5`}},defaultVariants:{variant:`default`,size:`default`}});function O({className:e,variant:t=`default`,size:n=`default`,...r}){return(0,b.jsx)(x,{"data-slot":`toggle`,className:d(D({variant:t,size:n,className:e})),...r})}var k=_.createContext({size:`default`,variant:`default`,spacing:0,orientation:`horizontal`});function A({className:e,variant:t,size:n,spacing:r=0,orientation:i=`horizontal`,children:a,...o}){return(0,b.jsx)(E,{"data-slot":`toggle-group`,"data-variant":t,"data-size":n,"data-spacing":r,"data-orientation":i,style:{"--gap":r},className:d(`rounded-md data-[spacing=0]:data-[variant=outline]:shadow-xs group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch`,e),...o,children:(0,b.jsx)(k.Provider,{value:{variant:t,size:n,spacing:r,orientation:i},children:a})})}function j({className:e,children:t,variant:n=`default`,size:r=`default`,...i}){let a=_.useContext(k);return(0,b.jsx)(x,{"data-slot":`toggle-group-item`,"data-variant":a.variant||n,"data-size":a.size||r,"data-spacing":a.spacing,className:d(`data-[state=on]:bg-muted group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-[spacing=0]/toggle-group:shadow-none group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md shrink-0 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t`,D({variant:a.variant||n,size:a.size||r}),e),...i,children:t})}export{j as n,O as r,A as t};

package/dist/showcase/assets/{toggles-dhLpAHSR.js → toggles-Cox6Yk2k.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{hr as r,mr as i,t as a}from"./example-BIrQab7K.js";import{t as o}from"./circle-Dy08kACD.js";import{n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./checkbox-fwuAAaUZ.js";import{t as u}from"./switch-5f1vwEZ7.js";import{t as d}from"./slider-Cp4m3NTK.js";import{n as f,r as p,t as m}from"./RadioGroup-C-0MNAYY.js";import{n as h,t as g}from"./PreviewLayout-BG1B5TzA.js";var _=t(n(),1),v=c();function y({className:e,...t}){return(0,v.jsx)(m,{"data-slot":`radio-group`,className:s(`grid gap-3 w-full`,e),...t})}function b({className:e,...t}){return(0,v.jsx)(p,{"data-slot":`radio-group-item`,className:s(`border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex size-4 rounded-full shadow-xs focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...t,children:(0,v.jsx)(f,{"data-slot":`radio-group-indicator`,className:`group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center`,children:(0,v.jsx)(o,{className:`absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current`})})})}var x=e({CheckboxExample:()=>S,RadioGroupExample:()=>w,SliderExample:()=>T,SwitchExample:()=>C});function S(){let[e,t]=(0,_.useState)(!1);return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(h,{children:[(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(l,{checked:e,onCheckedChange:e=>t(e===!0)}),` I agree`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm opacity-50`,children:[(0,v.jsx)(l,{disabled:!0}),` Disabled`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(l,{indeterminate:!0}),` Indeterminate`]})]})})}function C(){let[e,t]=(0,_.useState)(!0);return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(h,{children:[(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(u,{checked:e,onCheckedChange:t}),e?`On`:`Off`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(u,{size:`sm`,defaultChecked:!0}),`sm`]})]})})}function w(){let[e,t]=(0,_.useState)(`md`);return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(y,{value:e,onValueChange:t,children:(0,v.jsx)(g,{children:[`sm`,`md`,`lg`].map(e=>(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(b,{value:e}),` `,e.toUpperCase()]},e))})})})}function T(){let[e,t]=(0,_.useState)(40);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d,{"aria-label":`Volume`,value:[e],onValueChange:e=>t(Array.isArray(e)?e[0]:e)}),(0,v.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e]})]})}var E=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./circle-V5hdlsIn.js";import{n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./checkbox-BI3gcjED.js";import{t as u}from"./switch-DwAS_TXx.js";import{t as d}from"./slider-vuwVVBby.js";import{n as f,r as p,t as m}from"./RadioGroup-DBA3iBQw.js";import{n as h,t as g}from"./PreviewLayout-CGEkbS-i.js";var _=t(n(),1),v=c();function y({className:e,...t}){return(0,v.jsx)(m,{"data-slot":`radio-group`,className:s(`grid gap-3 w-full`,e),...t})}function b({className:e,...t}){return(0,v.jsx)(p,{"data-slot":`radio-group-item`,className:s(`border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive flex size-4 rounded-full shadow-xs focus-visible:ring-[3px] aria-invalid:ring-[3px] group/radio-group-item peer relative aspect-square shrink-0 border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 disabled:cursor-not-allowed disabled:opacity-50`,e),...t,children:(0,v.jsx)(f,{"data-slot":`radio-group-indicator`,className:`group-aria-invalid/radio-group-item:text-destructive text-primary flex size-4 items-center justify-center`,children:(0,v.jsx)(o,{className:`absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2 fill-current`})})})}var x=e({CheckboxExample:()=>S,RadioGroupExample:()=>w,SliderExample:()=>T,SwitchExample:()=>C});function S(){let[e,t]=(0,_.useState)(!1);return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(h,{children:[(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(l,{checked:e,onCheckedChange:e=>t(e===!0)}),` I agree`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm opacity-50`,children:[(0,v.jsx)(l,{disabled:!0}),` Disabled`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(l,{indeterminate:!0}),` Indeterminate`]})]})})}function C(){let[e,t]=(0,_.useState)(!0);return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(h,{children:[(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(u,{checked:e,onCheckedChange:t}),e?`On`:`Off`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(u,{size:`sm`,defaultChecked:!0}),`sm`]})]})})}function w(){let[e,t]=(0,_.useState)(`md`);return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(y,{value:e,onValueChange:t,children:(0,v.jsx)(g,{children:[`sm`,`md`,`lg`].map(e=>(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(b,{value:e}),` `,e.toUpperCase()]},e))})})})}function T(){let[e,t]=(0,_.useState)(40);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d,{"aria-label":`Volume`,value:[e],onValueChange:e=>t(Array.isArray(e)?e[0]:e)}),(0,v.jsxs)(`div`,{className:`mt-2 text-xs text-muted-foreground`,children:[`value: `,e]})]})}var E=`import { useState } from 'react';
 import { Checkbox } from '@/components/ui/checkbox';
 import { Switch } from '@/components/ui/switch';
 import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group';

package/dist/showcase/assets/{toggles-group-BJ5Jio2p.js → toggles-group-CSvSPqCB.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{hr as r,mr as i,t as a}from"./example-BIrQab7K.js";import{n as o,t as s}from"./italic-AbetEb3d.js";import{a as c,s as l}from"./index-Cz4UGUT2.js";import{n as u,r as d,t as f}from"./toggle-group-BVyFo04r.js";var p=c(`text-align-center`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M17 12H7`,key:`16if0g`}],[`path`,{d:`M19 19H5`,key:`vjpgq2`}]]),m=c(`text-align-end`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M21 19H7`,key:`4cu937`}]]),h=c(`text-align-start`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M15 12H3`,key:`6jk70r`}],[`path`,{d:`M17 19H3`,key:`z6ezky`}]]),g=c(`underline`,[[`path`,{d:`M6 4v6a6 6 0 0 0 12 0V4`,key:`9kb039`}],[`line`,{x1:`4`,x2:`20`,y1:`20`,y2:`20`,key:`nun2al`}]]),_=e({MultipleSelectGroup:()=>x,SingleToggle:()=>b}),v=t(n(),1),y=l();function b(){let[e,t]=(0,v.useState)(!1);return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(d,{"aria-label":`Bold`,pressed:e,onPressedChange:t,children:(0,y.jsx)(o,{})})})}function x(){let[e,t]=(0,v.useState)([`bold`]);return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(f,{value:e,onValueChange:t,children:[(0,y.jsx)(u,{"aria-label":`Bold`,value:`bold`,children:(0,y.jsx)(o,{})}),(0,y.jsx)(u,{"aria-label":`Italic`,value:`italic`,children:(0,y.jsx)(s,{})}),(0,y.jsx)(u,{"aria-label":`Underline`,value:`underline`,children:(0,y.jsx)(g,{})}),(0,y.jsx)(u,{"aria-label":`Align left`,value:`left`,children:(0,y.jsx)(h,{})}),(0,y.jsx)(u,{"aria-label":`Align center`,value:`center`,children:(0,y.jsx)(p,{})}),(0,y.jsx)(u,{"aria-label":`Align right`,value:`right`,children:(0,y.jsx)(m,{})})]})})}var S=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,t as a}from"./example-Cz_880po.js";import{n as o,t as s}from"./italic-BRS-PpYL.js";import{a as c,s as l}from"./index-BQIv1ffM.js";import{n as u,r as d,t as f}from"./toggle-group-B3fORi8i.js";var p=c(`text-align-center`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M17 12H7`,key:`16if0g`}],[`path`,{d:`M19 19H5`,key:`vjpgq2`}]]),m=c(`text-align-end`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M21 19H7`,key:`4cu937`}]]),h=c(`text-align-start`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M15 12H3`,key:`6jk70r`}],[`path`,{d:`M17 19H3`,key:`z6ezky`}]]),g=c(`underline`,[[`path`,{d:`M6 4v6a6 6 0 0 0 12 0V4`,key:`9kb039`}],[`line`,{x1:`4`,x2:`20`,y1:`20`,y2:`20`,key:`nun2al`}]]),_=e({MultipleSelectGroup:()=>x,SingleToggle:()=>b}),v=t(n(),1),y=l();function b(){let[e,t]=(0,v.useState)(!1);return(0,y.jsx)(y.Fragment,{children:(0,y.jsx)(d,{"aria-label":`Bold`,pressed:e,onPressedChange:t,children:(0,y.jsx)(o,{})})})}function x(){let[e,t]=(0,v.useState)([`bold`]);return(0,y.jsx)(y.Fragment,{children:(0,y.jsxs)(f,{value:e,onValueChange:t,children:[(0,y.jsx)(u,{"aria-label":`Bold`,value:`bold`,children:(0,y.jsx)(o,{})}),(0,y.jsx)(u,{"aria-label":`Italic`,value:`italic`,children:(0,y.jsx)(s,{})}),(0,y.jsx)(u,{"aria-label":`Underline`,value:`underline`,children:(0,y.jsx)(g,{})}),(0,y.jsx)(u,{"aria-label":`Align left`,value:`left`,children:(0,y.jsx)(h,{})}),(0,y.jsx)(u,{"aria-label":`Align center`,value:`center`,children:(0,y.jsx)(p,{})}),(0,y.jsx)(u,{"aria-label":`Align right`,value:`right`,children:(0,y.jsx)(m,{})})]})})}var S=`import { useState } from 'react';
 import { Bold, Italic, Underline, AlignLeft, AlignCenter, AlignRight } from 'lucide-react';
 import { Toggle } from '@/components/ui/toggle';
 import { ToggleGroup, ToggleGroupItem } from '@/components/ui/toggle-group';

package/dist/showcase/assets/{trash-2-OsaEm8cc.js → trash-2-CE9bDw49.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`trash-2`,[[`path`,{d:`M10 11v6`,key:`nco0om`}],[`path`,{d:`M14 11v6`,key:`outv1u`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`,key:`miytrc`}],[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`,key:`e791ji`}]]);export{t};

package/dist/showcase/assets/trending-up-0iJl0XvC.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`trending-up`,[[`path`,{d:`M16 7h6v6`,key:`box55l`}],[`path`,{d:`m22 7-8.5 8.5-5-5L2 17`,key:`1t1m79`}]]);export{t};

package/dist/showcase/assets/{truck-CvvBxBeB.js → truck-DlhOPoCD.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`truck`,[[`path`,{d:`M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2`,key:`wrbu53`}],[`path`,{d:`M15 18H9`,key:`1lyqi6`}],[`path`,{d:`M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14`,key:`lysw3i`}],[`circle`,{cx:`17`,cy:`18`,r:`2`,key:`332jqn`}],[`circle`,{cx:`7`,cy:`18`,r:`2`,key:`19iecd`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`truck`,[[`path`,{d:`M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2`,key:`wrbu53`}],[`path`,{d:`M15 18H9`,key:`1lyqi6`}],[`path`,{d:`M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14`,key:`lysw3i`}],[`circle`,{cx:`17`,cy:`18`,r:`2`,key:`332jqn`}],[`circle`,{cx:`7`,cy:`18`,r:`2`,key:`19iecd`}]]);export{t};

package/dist/showcase/assets/{typography-D_99bjSh.js → typography-BotOITw4.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Tr as r,hr as i,mr as a,t as o}from"./example-BIrQab7K.js";import{n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./label-BlCKlLE-.js";import{t as d}from"./text-link-DT-nOORV.js";import{t as f}from"./input-BPDdWrB1.js";var p=c(),m={primary:`bg-primary/10 text-primary ring-primary/20`,success:`bg-success/10 text-success ring-success/20`,error:`bg-destructive/10 text-destructive ring-destructive/20`,warning:`bg-warning/20 text-warning-foreground ring-warning/30 dark:text-warning`},h={primary:`decoration-primary`,success:`decoration-success`,error:`decoration-destructive`,warning:`decoration-warning`};function g({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:s(`rounded-sm px-1.5 py-0.5 ring-1 ring-inset`,m[t]),children:e})}function _({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:s(`underline underline-offset-4 decoration-2`,h[t]),children:e})}function v({children:e,...n}){return(0,p.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:t(typeof e==`string`?e:``)},...n})}var y=e({DangerousHTMLExample:()=>R,HeadingTags:()=>w,HeadingWithSubHeading:()=>T,HighLightExample:()=>I,LabelExample:()=>N,RealisticArticle:()=>z,TextAlignment:()=>A,TextContentAndHTML:()=>j,TextLineHeights:()=>k,TextLinkSizes:()=>F,TextLinkVariants:()=>P,TextSizes:()=>E,TextTags:()=>M,TextTypes:()=>D,TextWeights:()=>O,UnderlineExample:()=>L}),b=[`xxs`,`xs`,`sm`,`base`,`lg`,`xl`],x=[`main`,`inverse`,`secondary`,`discrete`,`error`,`success`,`primary`],S=[`regular`,`medium`,`semibold`,`bold`],C=[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`];function w(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].map(e=>(0,p.jsxs)(r,{tag:e,children:[e.toUpperCase(),` — The quick brown fox`]},e))})}function T(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-6 w-full`,children:[(0,p.jsx)(r,{tag:`h2`,subHeading:`A short supporting line beneath the heading.`,children:`Section title`}),(0,p.jsx)(r,{tag:`h3`,subHeading:`Centered subheading.`,align:`center`,children:`Centered`}),(0,p.jsx)(r,{tag:`h3`,subHeading:`Right-aligned subheading.`,align:`right`,children:`Right`})]})}function E(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:b.map(e=>(0,p.jsxs)(n,{size:e,children:[e,`: The quick brown fox jumps over the lazy dog.`]},e))})}function D(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[x.filter(e=>e!==`inverse`).map(e=>(0,p.jsxs)(n,{type:e,children:[`type="`,e,`" — sample text`]},e)),(0,p.jsx)(`div`,{className:`rounded-md bg-foreground p-3`,children:(0,p.jsx)(n,{type:`inverse`,children:`type="inverse" — on dark background`})})]})}function O(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:S.map(e=>(0,p.jsxs)(n,{weight:e,children:[`weight=`,e,` — sample text`]},e))})}function k(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:C.map(e=>(0,p.jsx)(`div`,{className:`rounded border border-dashed border-border p-2`,children:(0,p.jsxs)(n,{lineHeight:e,children:[`lineHeight="`,e,`" — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.`]})},e))})}function A(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(n,{align:`left`,children:`Left aligned text`}),(0,p.jsx)(n,{align:`center`,children:`Center aligned text`}),(0,p.jsx)(n,{align:`right`,children:`Right aligned text`})]})}function j(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(n,{content:`Rendered via the content prop`}),(0,p.jsx)(n,{asHTML:!0,content:`<strong>Sanitised</strong> HTML — <script>alert(1)<\/script> is stripped.`})]})}function M(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(n,{tag:`p`,children:`tag="p" (default)`}),(0,p.jsx)(n,{tag:`div`,children:`tag="div"`}),(0,p.jsx)(n,{tag:`span`,children:`tag="span" — flows inline`})]})}function N(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3 w-full max-w-sm`,children:[(0,p.jsxs)(`div`,{className:`space-y-1`,children:[(0,p.jsx)(u,{htmlFor:`typography-email`,children:`Email address`}),(0,p.jsx)(f,{id:`typography-email`,placeholder:`you@example.com`})]}),(0,p.jsxs)(`div`,{className:`space-y-1`,children:[(0,p.jsx)(u,{htmlFor:`typography-custom-label`,className:`text-primary`,children:`Custom-coloured label`}),(0,p.jsx)(f,{id:`typography-custom-label`})]})]})}function P(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(d,{href:`#`,children:`Default link`}),(0,p.jsx)(d,{href:`#`,underline:!1,children:`Without underline`}),(0,p.jsx)(d,{href:`#`,type:`primary`,weight:`semibold`,children:`Primary semibold`}),(0,p.jsx)(d,{href:`#`,type:`error`,children:`Destructive link`}),(0,p.jsx)(d,{href:`#`,type:`success`,children:`Success link`})]})}function F(){return(0,p.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-4 w-full`,children:[(0,p.jsx)(d,{href:`#`,size:`xs`,children:`xs`}),(0,p.jsx)(d,{href:`#`,size:`sm`,children:`sm`}),(0,p.jsx)(d,{href:`#`,size:`base`,children:`base`}),(0,p.jsx)(d,{href:`#`,size:`lg`,children:`lg`}),(0,p.jsx)(d,{href:`#`,size:`xl`,children:`xl`})]})}function I(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(n,{children:[`Default `,(0,p.jsx)(g,{content:`primary`}),` highlighted text`]}),(0,p.jsxs)(n,{children:[`Variant `,(0,p.jsx)(g,{content:`success`,variant:`success`}),` highlight`]}),(0,p.jsxs)(n,{children:[`Variant `,(0,p.jsx)(g,{content:`warning`,variant:`warning`}),` highlight`]}),(0,p.jsxs)(n,{children:[`Variant `,(0,p.jsx)(g,{content:`error`,variant:`error`}),` highlight`]})]})}function L(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`primary underline`})}),(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`success underline`,variant:`success`})}),(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`warning underline`,variant:`warning`})}),(0,p.jsx)(n,{children:(0,p.jsx)(_,{content:`error underline`,variant:`error`})})]})}function R(){return(0,p.jsx)(`div`,{className:`w-full max-w-md`,children:(0,p.jsx)(v,{children:`<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; tags are stripped before render.`})})}function z(){return(0,p.jsxs)(`article`,{className:`w-full max-w-2xl space-y-4`,children:[(0,p.jsx)(r,{tag:`h1`,subHeading:`Published 3 May 2026 by Sarah Smitha`,children:`Designing for clarity at scale`}),(0,p.jsx)(n,{size:`base`,lineHeight:`relaxed`,children:`When the product surface grows past a single screen, every label, every caption, and every empty state has to pull double duty. Hierarchy stops being a nice-to-have — it becomes the whole point.`}),(0,p.jsx)(r,{tag:`h2`,children:`The three rules`}),(0,p.jsxs)(n,{lineHeight:`relaxed`,children:[`One typeface. One scale. One weight per role.`,(0,p.jsx)(d,{href:`#`,type:`primary`,className:`ml-1`,children:`Read the full essay`}),`.`]})]})}var B=`import Heading from '@/components/typography/heading';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Lr as r,Rr as i,t as a,zr as o}from"./example-Cz_880po.js";import{n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{t as u}from"./label-BgpcD3V6.js";import{t as d}from"./text-link-9_mZpq_f.js";import{t as f}from"./input-NIgvB9CZ.js";var p=c(),m={primary:`bg-primary/10 text-primary ring-primary/20`,success:`bg-success/10 text-success ring-success/20`,error:`bg-destructive/10 text-destructive ring-destructive/20`,warning:`bg-warning/20 text-warning-foreground ring-warning/30 dark:text-warning`},h={primary:`decoration-primary`,success:`decoration-success`,error:`decoration-destructive`,warning:`decoration-warning`};function g({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:s(`rounded-sm px-1.5 py-0.5 ring-1 ring-inset`,m[t]),children:e})}function _({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:s(`underline underline-offset-4 decoration-2`,h[t]),children:e})}function v({children:e,...t}){return(0,p.jsx)(`p`,{className:`__html_content`,dangerouslySetInnerHTML:{__html:o(typeof e==`string`?e:``)},...t})}var y=e({DangerousHTMLExample:()=>R,HeadingTags:()=>w,HeadingWithSubHeading:()=>T,HighLightExample:()=>I,LabelExample:()=>N,RealisticArticle:()=>z,TextAlignment:()=>A,TextContentAndHTML:()=>j,TextLineHeights:()=>k,TextLinkSizes:()=>F,TextLinkVariants:()=>P,TextSizes:()=>E,TextTags:()=>M,TextTypes:()=>D,TextWeights:()=>O,UnderlineExample:()=>L}),b=[`xxs`,`xs`,`sm`,`base`,`lg`,`xl`],x=[`main`,`inverse`,`secondary`,`discrete`,`error`,`success`,`primary`],S=[`regular`,`medium`,`semibold`,`bold`],C=[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`];function w(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:[`h1`,`h2`,`h3`,`h4`,`h5`,`h6`].map(e=>(0,p.jsxs)(r,{tag:e,children:[e.toUpperCase(),` — The quick brown fox`]},e))})}function T(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-6 w-full`,children:[(0,p.jsx)(r,{tag:`h2`,subHeading:`A short supporting line beneath the heading.`,children:`Section title`}),(0,p.jsx)(r,{tag:`h3`,subHeading:`Centered subheading.`,align:`center`,children:`Centered`}),(0,p.jsx)(r,{tag:`h3`,subHeading:`Right-aligned subheading.`,align:`right`,children:`Right`})]})}function E(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:b.map(e=>(0,p.jsxs)(i,{size:e,children:[e,`: The quick brown fox jumps over the lazy dog.`]},e))})}function D(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[x.filter(e=>e!==`inverse`).map(e=>(0,p.jsxs)(i,{type:e,children:[`type="`,e,`" — sample text`]},e)),(0,p.jsx)(`div`,{className:`rounded-md bg-foreground p-3`,children:(0,p.jsx)(i,{type:`inverse`,children:`type="inverse" — on dark background`})})]})}function O(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-2 w-full`,children:S.map(e=>(0,p.jsxs)(i,{weight:e,children:[`weight=`,e,` — sample text`]},e))})}function k(){return(0,p.jsx)(`div`,{className:`flex flex-col gap-3 w-full`,children:C.map(e=>(0,p.jsx)(`div`,{className:`rounded border border-dashed border-border p-2`,children:(0,p.jsxs)(i,{lineHeight:e,children:[`lineHeight="`,e,`" — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.`]})},e))})}function A(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(i,{align:`left`,children:`Left aligned text`}),(0,p.jsx)(i,{align:`center`,children:`Center aligned text`}),(0,p.jsx)(i,{align:`right`,children:`Right aligned text`})]})}function j(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(i,{content:`Rendered via the content prop`}),(0,p.jsx)(i,{asHTML:!0,content:`<strong>Sanitised</strong> HTML — <script>alert(1)<\/script> is stripped.`})]})}function M(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(i,{tag:`p`,children:`tag="p" (default)`}),(0,p.jsx)(i,{tag:`div`,children:`tag="div"`}),(0,p.jsx)(i,{tag:`span`,children:`tag="span" — flows inline`})]})}function N(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3 w-full max-w-sm`,children:[(0,p.jsxs)(`div`,{className:`space-y-1`,children:[(0,p.jsx)(u,{htmlFor:`typography-email`,children:`Email address`}),(0,p.jsx)(f,{id:`typography-email`,placeholder:`you@example.com`})]}),(0,p.jsxs)(`div`,{className:`space-y-1`,children:[(0,p.jsx)(u,{htmlFor:`typography-custom-label`,className:`text-primary`,children:`Custom-coloured label`}),(0,p.jsx)(f,{id:`typography-custom-label`})]})]})}function P(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 w-full`,children:[(0,p.jsx)(d,{href:`#`,children:`Default link`}),(0,p.jsx)(d,{href:`#`,underline:!1,children:`Without underline`}),(0,p.jsx)(d,{href:`#`,type:`primary`,weight:`semibold`,children:`Primary semibold`}),(0,p.jsx)(d,{href:`#`,type:`error`,children:`Destructive link`}),(0,p.jsx)(d,{href:`#`,type:`success`,children:`Success link`})]})}function F(){return(0,p.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-4 w-full`,children:[(0,p.jsx)(d,{href:`#`,size:`xs`,children:`xs`}),(0,p.jsx)(d,{href:`#`,size:`sm`,children:`sm`}),(0,p.jsx)(d,{href:`#`,size:`base`,children:`base`}),(0,p.jsx)(d,{href:`#`,size:`lg`,children:`lg`}),(0,p.jsx)(d,{href:`#`,size:`xl`,children:`xl`})]})}function I(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(i,{children:[`Default `,(0,p.jsx)(g,{content:`primary`}),` highlighted text`]}),(0,p.jsxs)(i,{children:[`Variant `,(0,p.jsx)(g,{content:`success`,variant:`success`}),` highlight`]}),(0,p.jsxs)(i,{children:[`Variant `,(0,p.jsx)(g,{content:`warning`,variant:`warning`}),` highlight`]}),(0,p.jsxs)(i,{children:[`Variant `,(0,p.jsx)(g,{content:`error`,variant:`error`}),` highlight`]})]})}function L(){return(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsx)(i,{children:(0,p.jsx)(_,{content:`primary underline`})}),(0,p.jsx)(i,{children:(0,p.jsx)(_,{content:`success underline`,variant:`success`})}),(0,p.jsx)(i,{children:(0,p.jsx)(_,{content:`warning underline`,variant:`warning`})}),(0,p.jsx)(i,{children:(0,p.jsx)(_,{content:`error underline`,variant:`error`})})]})}function R(){return(0,p.jsx)(`div`,{className:`w-full max-w-md`,children:(0,p.jsx)(v,{children:`<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; tags are stripped before render.`})})}function z(){return(0,p.jsxs)(`article`,{className:`w-full max-w-2xl space-y-4`,children:[(0,p.jsx)(r,{tag:`h1`,subHeading:`Published 3 May 2026 by Sarah Smitha`,children:`Designing for clarity at scale`}),(0,p.jsx)(i,{size:`base`,lineHeight:`relaxed`,children:`When the product surface grows past a single screen, every label, every caption, and every empty state has to pull double duty. Hierarchy stops being a nice-to-have — it becomes the whole point.`}),(0,p.jsx)(r,{tag:`h2`,children:`The three rules`}),(0,p.jsxs)(i,{lineHeight:`relaxed`,children:[`One typeface. One scale. One weight per role.`,(0,p.jsx)(d,{href:`#`,type:`primary`,className:`ml-1`,children:`Read the full essay`}),`.`]})]})}var B=`import Heading from '@/components/typography/heading';
 import { Text } from '@/components/typography/text';
 import Label from '@/components/typography/label';
 import TextLink from '@/components/typography/text-link';
@@ -205,19 +205,19 @@ export function RealisticArticle() {
 		</article>
 	);
 }
-`;function V(e){let t={code:`code`,p:`p`,pre:`pre`,...e.components};return y||U(`Examples`,!1),R||U(`Examples.DangerousHTMLExample`,!0),w||U(`Examples.HeadingTags`,!0),T||U(`Examples.HeadingWithSubHeading`,!0),I||U(`Examples.HighLightExample`,!0),N||U(`Examples.LabelExample`,!0),z||U(`Examples.RealisticArticle`,!0),A||U(`Examples.TextAlignment`,!0),j||U(`Examples.TextContentAndHTML`,!0),k||U(`Examples.TextLineHeights`,!0),F||U(`Examples.TextLinkSizes`,!0),P||U(`Examples.TextLinkVariants`,!0),E||U(`Examples.TextSizes`,!0),M||U(`Examples.TextTags`,!0),D||U(`Examples.TextTypes`,!0),O||U(`Examples.TextWeights`,!0),L||U(`Examples.UnderlineExample`,!0),(0,p.jsxs)(i,{title:`Typography`,description:`Heading, Text, Label, and TextLink — the four typography primitives every higher layer composes from.`,layer:`base`,status:`ready`,sourcePath:`src/components/typography`,children:[(0,p.jsx)(a,{title:`Overview`,id:`overview`,children:(0,p.jsxs)(t.p,{children:[`The typography layer is intentionally tiny. `,(0,p.jsx)(t.code,{children:`Heading`}),` (h1–h6, optional
-`,(0,p.jsx)(t.code,{children:`subHeading`}),`), `,(0,p.jsx)(t.code,{children:`Text`}),` (six sizes, seven types, four weights, optional `,(0,p.jsx)(t.code,{children:`asHTML`}),`),
-`,(0,p.jsx)(t.code,{children:`Label`}),` (form captions), and `,(0,p.jsx)(t.code,{children:`TextLink`}),` (anchor sibling of `,(0,p.jsx)(t.code,{children:`Text`}),`) cover every
-typographic decision in the library. Anything outside the `,(0,p.jsx)(t.code,{children:`typography/`}),` folder
-that reaches for a font-size class is doing it wrong.`]})}),(0,p.jsxs)(a,{title:`Consumer usage`,id:`usage`,children:[(0,p.jsx)(t.p,{children:`Consumers import typography from the top-level exact package entrypoint:`}),(0,p.jsx)(t.pre,{children:(0,p.jsx)(t.code,{className:`language-tsx`,children:`import { Heading, Label, Text, TextLink } from 'admin-ui-starter-kit/typography';
-`})}),(0,p.jsxs)(t.p,{children:[`Use `,(0,p.jsx)(t.code,{children:`Text`}),` for ordinary body, labels, metadata, helper copy, and inline
-messages. Omit `,(0,p.jsx)(t.code,{children:`size`}),` for normal body text so the `,(0,p.jsx)(t.code,{children:`UIProvider`}),` typography
-default can flow through; reach for `,(0,p.jsx)(t.code,{children:`size="xs" type="secondary"`}),` for secondary
-details and `,(0,p.jsx)(t.code,{children:`size="xxs" type="secondary"`}),` for dense micro labels. Use
-`,(0,p.jsx)(t.code,{children:`weight="semibold"`}),` instead of local font-weight classes.`]}),(0,p.jsxs)(t.p,{children:[`Use `,(0,p.jsx)(t.code,{children:`Heading`}),` for page or section headings, `,(0,p.jsx)(t.code,{children:`Label`}),` for form captions, and
-`,(0,p.jsx)(t.code,{children:`TextLink`}),` for inline links that need the same sizing and tone controls as
-`,(0,p.jsx)(t.code,{children:`Text`}),`. Do not hand-roll typography with raw `,(0,p.jsx)(t.code,{children:`text-sm`}),`, `,(0,p.jsx)(t.code,{children:`text-xs`}),`,
-`,(0,p.jsx)(t.code,{children:`font-semibold`}),`, or muted color utilities in consumer surfaces.`]})]}),(0,p.jsxs)(a,{title:`Heading`,id:`heading`,children:[(0,p.jsx)(o,{name:`HeadingTags`,source:B,children:(0,p.jsx)(w,{})}),(0,p.jsx)(o,{name:`HeadingWithSubHeading`,source:B,children:(0,p.jsx)(T,{})})]}),(0,p.jsx)(a,{title:`Text — sizes`,id:`text-sizes`,children:(0,p.jsx)(o,{name:`TextSizes`,source:B,children:(0,p.jsx)(E,{})})}),(0,p.jsxs)(a,{title:`Text — types & weights`,id:`text-types`,children:[(0,p.jsx)(o,{name:`TextTypes`,source:B,children:(0,p.jsx)(D,{})}),(0,p.jsx)(o,{name:`TextWeights`,source:B,children:(0,p.jsx)(O,{})})]}),(0,p.jsxs)(a,{title:`Text — layout`,id:`text-layout`,children:[(0,p.jsx)(o,{name:`TextLineHeights`,source:B,children:(0,p.jsx)(k,{})}),(0,p.jsx)(o,{name:`TextAlignment`,source:B,children:(0,p.jsx)(A,{})}),(0,p.jsx)(o,{name:`TextTags`,source:B,children:(0,p.jsx)(M,{})})]}),(0,p.jsx)(a,{title:`Text — content prop & HTML`,id:`text-html`,children:(0,p.jsx)(o,{name:`TextContentAndHTML`,source:B,children:(0,p.jsx)(j,{})})}),(0,p.jsx)(a,{title:`Label`,id:`label`,children:(0,p.jsx)(o,{name:`LabelExample`,source:B,children:(0,p.jsx)(N,{})})}),(0,p.jsxs)(a,{title:`TextLink`,id:`text-link`,children:[(0,p.jsx)(o,{name:`TextLinkVariants`,source:B,children:(0,p.jsx)(P,{})}),(0,p.jsx)(o,{name:`TextLinkSizes`,source:B,children:(0,p.jsx)(F,{})})]}),(0,p.jsxs)(a,{title:`Inline helpers — HighLight & Underline`,id:`inline-helpers`,children:[(0,p.jsxs)(t.p,{children:[`The `,(0,p.jsx)(t.code,{children:`HighLight`}),` and `,(0,p.jsx)(t.code,{children:`Underline`}),` helpers (from `,(0,p.jsx)(t.code,{children:`@/components/typography/typography`}),`)
-render small inline accents in four variants — `,(0,p.jsx)(t.code,{children:`primary`}),`, `,(0,p.jsx)(t.code,{children:`success`}),`,
-`,(0,p.jsx)(t.code,{children:`warning`}),`, `,(0,p.jsx)(t.code,{children:`error`}),`. `,(0,p.jsx)(t.code,{children:`DangerousHTML`}),` is the sanitised escape-hatch when you
-must render server-trusted HTML.`]}),(0,p.jsx)(o,{name:`HighLightExample`,source:B,children:(0,p.jsx)(I,{})}),(0,p.jsx)(o,{name:`UnderlineExample`,source:B,children:(0,p.jsx)(L,{})}),(0,p.jsx)(o,{name:`DangerousHTMLExample`,source:B,children:(0,p.jsx)(R,{})})]}),(0,p.jsx)(a,{title:`Realistic usage`,id:`realistic`,children:(0,p.jsx)(o,{name:`RealisticArticle`,source:B,children:(0,p.jsx)(z,{})})}),(0,p.jsxs)(a,{title:`API`,id:`api`,children:[(0,p.jsx)(l,{component:`Heading`}),(0,p.jsx)(l,{component:`Text`}),(0,p.jsx)(l,{component:`Label`}),(0,p.jsx)(l,{component:`TextLink`})]})]})}function H(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(V,{...e})}):V(e)}function U(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{H as default};
+`;function V(e){let r={code:`code`,p:`p`,pre:`pre`,...e.components};return y||U(`Examples`,!1),R||U(`Examples.DangerousHTMLExample`,!0),w||U(`Examples.HeadingTags`,!0),T||U(`Examples.HeadingWithSubHeading`,!0),I||U(`Examples.HighLightExample`,!0),N||U(`Examples.LabelExample`,!0),z||U(`Examples.RealisticArticle`,!0),A||U(`Examples.TextAlignment`,!0),j||U(`Examples.TextContentAndHTML`,!0),k||U(`Examples.TextLineHeights`,!0),F||U(`Examples.TextLinkSizes`,!0),P||U(`Examples.TextLinkVariants`,!0),E||U(`Examples.TextSizes`,!0),M||U(`Examples.TextTags`,!0),D||U(`Examples.TextTypes`,!0),O||U(`Examples.TextWeights`,!0),L||U(`Examples.UnderlineExample`,!0),(0,p.jsxs)(t,{title:`Typography`,description:`Heading, Text, Label, and TextLink — the four typography primitives every higher layer composes from.`,layer:`base`,status:`ready`,sourcePath:`src/components/typography`,children:[(0,p.jsx)(n,{title:`Overview`,id:`overview`,children:(0,p.jsxs)(r.p,{children:[`The typography layer is intentionally tiny. `,(0,p.jsx)(r.code,{children:`Heading`}),` (h1–h6, optional
+`,(0,p.jsx)(r.code,{children:`subHeading`}),`), `,(0,p.jsx)(r.code,{children:`Text`}),` (six sizes, seven types, four weights, optional `,(0,p.jsx)(r.code,{children:`asHTML`}),`),
+`,(0,p.jsx)(r.code,{children:`Label`}),` (form captions), and `,(0,p.jsx)(r.code,{children:`TextLink`}),` (anchor sibling of `,(0,p.jsx)(r.code,{children:`Text`}),`) cover every
+typographic decision in the library. Anything outside the `,(0,p.jsx)(r.code,{children:`typography/`}),` folder
+that reaches for a font-size class is doing it wrong.`]})}),(0,p.jsxs)(n,{title:`Consumer usage`,id:`usage`,children:[(0,p.jsx)(r.p,{children:`Consumers import typography from the top-level exact package entrypoint:`}),(0,p.jsx)(r.pre,{children:(0,p.jsx)(r.code,{className:`language-tsx`,children:`import { Heading, Label, Text, TextLink } from 'admin-ui-starter-kit/typography';
+`})}),(0,p.jsxs)(r.p,{children:[`Use `,(0,p.jsx)(r.code,{children:`Text`}),` for ordinary body, labels, metadata, helper copy, and inline
+messages. Omit `,(0,p.jsx)(r.code,{children:`size`}),` for normal body text so the `,(0,p.jsx)(r.code,{children:`UIProvider`}),` typography
+default can flow through; reach for `,(0,p.jsx)(r.code,{children:`size="xs" type="secondary"`}),` for secondary
+details and `,(0,p.jsx)(r.code,{children:`size="xxs" type="secondary"`}),` for dense micro labels. Use
+`,(0,p.jsx)(r.code,{children:`weight="semibold"`}),` instead of local font-weight classes.`]}),(0,p.jsxs)(r.p,{children:[`Use `,(0,p.jsx)(r.code,{children:`Heading`}),` for page or section headings, `,(0,p.jsx)(r.code,{children:`Label`}),` for form captions, and
+`,(0,p.jsx)(r.code,{children:`TextLink`}),` for inline links that need the same sizing and tone controls as
+`,(0,p.jsx)(r.code,{children:`Text`}),`. Do not hand-roll typography with raw `,(0,p.jsx)(r.code,{children:`text-sm`}),`, `,(0,p.jsx)(r.code,{children:`text-xs`}),`,
+`,(0,p.jsx)(r.code,{children:`font-semibold`}),`, or muted color utilities in consumer surfaces.`]})]}),(0,p.jsxs)(n,{title:`Heading`,id:`heading`,children:[(0,p.jsx)(a,{name:`HeadingTags`,source:B,children:(0,p.jsx)(w,{})}),(0,p.jsx)(a,{name:`HeadingWithSubHeading`,source:B,children:(0,p.jsx)(T,{})})]}),(0,p.jsx)(n,{title:`Text — sizes`,id:`text-sizes`,children:(0,p.jsx)(a,{name:`TextSizes`,source:B,children:(0,p.jsx)(E,{})})}),(0,p.jsxs)(n,{title:`Text — types & weights`,id:`text-types`,children:[(0,p.jsx)(a,{name:`TextTypes`,source:B,children:(0,p.jsx)(D,{})}),(0,p.jsx)(a,{name:`TextWeights`,source:B,children:(0,p.jsx)(O,{})})]}),(0,p.jsxs)(n,{title:`Text — layout`,id:`text-layout`,children:[(0,p.jsx)(a,{name:`TextLineHeights`,source:B,children:(0,p.jsx)(k,{})}),(0,p.jsx)(a,{name:`TextAlignment`,source:B,children:(0,p.jsx)(A,{})}),(0,p.jsx)(a,{name:`TextTags`,source:B,children:(0,p.jsx)(M,{})})]}),(0,p.jsx)(n,{title:`Text — content prop & HTML`,id:`text-html`,children:(0,p.jsx)(a,{name:`TextContentAndHTML`,source:B,children:(0,p.jsx)(j,{})})}),(0,p.jsx)(n,{title:`Label`,id:`label`,children:(0,p.jsx)(a,{name:`LabelExample`,source:B,children:(0,p.jsx)(N,{})})}),(0,p.jsxs)(n,{title:`TextLink`,id:`text-link`,children:[(0,p.jsx)(a,{name:`TextLinkVariants`,source:B,children:(0,p.jsx)(P,{})}),(0,p.jsx)(a,{name:`TextLinkSizes`,source:B,children:(0,p.jsx)(F,{})})]}),(0,p.jsxs)(n,{title:`Inline helpers — HighLight & Underline`,id:`inline-helpers`,children:[(0,p.jsxs)(r.p,{children:[`The `,(0,p.jsx)(r.code,{children:`HighLight`}),` and `,(0,p.jsx)(r.code,{children:`Underline`}),` helpers (from `,(0,p.jsx)(r.code,{children:`@/components/typography/typography`}),`)
+render small inline accents in four variants — `,(0,p.jsx)(r.code,{children:`primary`}),`, `,(0,p.jsx)(r.code,{children:`success`}),`,
+`,(0,p.jsx)(r.code,{children:`warning`}),`, `,(0,p.jsx)(r.code,{children:`error`}),`. `,(0,p.jsx)(r.code,{children:`DangerousHTML`}),` is the sanitised escape-hatch when you
+must render server-trusted HTML.`]}),(0,p.jsx)(a,{name:`HighLightExample`,source:B,children:(0,p.jsx)(I,{})}),(0,p.jsx)(a,{name:`UnderlineExample`,source:B,children:(0,p.jsx)(L,{})}),(0,p.jsx)(a,{name:`DangerousHTMLExample`,source:B,children:(0,p.jsx)(R,{})})]}),(0,p.jsx)(n,{title:`Realistic usage`,id:`realistic`,children:(0,p.jsx)(a,{name:`RealisticArticle`,source:B,children:(0,p.jsx)(z,{})})}),(0,p.jsxs)(n,{title:`API`,id:`api`,children:[(0,p.jsx)(l,{component:`Heading`}),(0,p.jsx)(l,{component:`Text`}),(0,p.jsx)(l,{component:`Label`}),(0,p.jsx)(l,{component:`TextLink`})]})]})}function H(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(V,{...e})}):V(e)}function U(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{H as default};

package/dist/showcase/assets/{ui-badge-C1bu7wRu.js → ui-badge-hfmO1K3-.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{br as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{s as a}from"./index-Cz4UGUT2.js";import{n as o}from"./PreviewLayout-BG1B5TzA.js";var s=e({InContext:()=>u,Variants:()=>l}),c=a();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsx)(t,{children:`default`}),(0,c.jsx)(t,{variant:`secondary`,children:`secondary`}),(0,c.jsx)(t,{variant:`destructive`,children:`destructive`}),(0,c.jsx)(t,{variant:`outline`,children:`outline`})]})})}function u(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{variant:`secondary`,children:`draft`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{children:`live`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{variant:`destructive`,children:`expired`})]})]})})}var d=`import { Badge } from '@/components/ui/badge';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Mr as r,t as i}from"./example-Cz_880po.js";import{s as a}from"./index-BQIv1ffM.js";import{n as o}from"./PreviewLayout-CGEkbS-i.js";var s=e({InContext:()=>u,Variants:()=>l}),c=a();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsx)(r,{children:`default`}),(0,c.jsx)(r,{variant:`secondary`,children:`secondary`}),(0,c.jsx)(r,{variant:`destructive`,children:`destructive`}),(0,c.jsx)(r,{variant:`outline`,children:`outline`})]})})}function u(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(r,{variant:`secondary`,children:`draft`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(r,{children:`live`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(r,{variant:`destructive`,children:`expired`})]})]})})}var d=`import { Badge } from '@/components/ui/badge';
 import { Row } from '../../PreviewLayout';
 
 export function Variants() {
@@ -25,4 +25,4 @@ export function InContext() {
 		</>
 	);
 }
-`;function f(e){return s||m(`Examples`,!1),u||m(`Examples.InContext`,!0),l||m(`Examples.Variants`,!0),(0,c.jsx)(n,{title:`UI · Badge`,description:`shadcn badge primitive (no theming wrapper).`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Variants`,source:d,children:(0,c.jsx)(l,{})}),(0,c.jsx)(i,{name:`InContext`,source:d,children:(0,c.jsx)(u,{})})]})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};
+`;function f(e){return s||m(`Examples`,!1),u||m(`Examples.InContext`,!0),l||m(`Examples.Variants`,!0),(0,c.jsx)(t,{title:`UI · Badge`,description:`shadcn badge primitive (no theming wrapper).`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Variants`,source:d,children:(0,c.jsx)(l,{})}),(0,c.jsx)(i,{name:`InContext`,source:d,children:(0,c.jsx)(u,{})})]})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/{ui-card-Ct1FFUxv.js → ui-card-Aigzxhn3.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./card-CFIG8Dgg.js";var d=e({CompactSizeSm:()=>m,Default:()=>p}),f=i();function p(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{children:[(0,f.jsxs)(a,{children:[(0,f.jsx)(c,{children:`Card title`}),(0,f.jsx)(l,{children:`A short description goes here.`})]}),(0,f.jsx)(s,{children:`Body content area.`}),(0,f.jsx)(o,{className:`text-xs text-muted-foreground`,children:`Footer note`})]})})}function m(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{size:`sm`,children:[(0,f.jsx)(a,{children:(0,f.jsx)(c,{children:`Compact`})}),(0,f.jsx)(s,{children:`Smaller padding & gap.`})]})})}var h=`import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/ui/card';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-Cz_880po.js";import{s as i}from"./index-BQIv1ffM.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./card-BjqRQxxz.js";var d=e({CompactSizeSm:()=>m,Default:()=>p}),f=i();function p(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{children:[(0,f.jsxs)(a,{children:[(0,f.jsx)(c,{children:`Card title`}),(0,f.jsx)(l,{children:`A short description goes here.`})]}),(0,f.jsx)(s,{children:`Body content area.`}),(0,f.jsx)(o,{className:`text-xs text-muted-foreground`,children:`Footer note`})]})})}function m(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{size:`sm`,children:[(0,f.jsx)(a,{children:(0,f.jsx)(c,{children:`Compact`})}),(0,f.jsx)(s,{children:`Smaller padding & gap.`})]})})}var h=`import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/ui/card';
 
 export function Default() {
 	return (

package/dist/showcase/assets/{ui-table-Dxu9Jjq0.js → ui-table-CKif9sNO.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./table-ClYkDRAk.js";var f=e({Default:()=>m}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(l,{children:`Recent orders`}),(0,p.jsx)(c,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(a,{children:`Order`}),(0,p.jsx)(a,{children:`Customer`}),(0,p.jsx)(a,{children:`Amount`}),(0,p.jsx)(a,{children:`Status`})]})}),(0,p.jsxs)(s,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-001`}),(0,p.jsx)(o,{children:`Sarah Smitha`}),(0,p.jsx)(o,{children:`2,450 USD`}),(0,p.jsx)(o,{children:`Paid`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-002`}),(0,p.jsx)(o,{children:`Daniel Smith`}),(0,p.jsx)(o,{children:`370 USD`}),(0,p.jsx)(o,{children:`Pending`})]})]})]})})}var h=`import {
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-Cz_880po.js";import{s as i}from"./index-BQIv1ffM.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./table-BbEFanNu.js";var f=e({Default:()=>m}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(l,{children:`Recent orders`}),(0,p.jsx)(c,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(a,{children:`Order`}),(0,p.jsx)(a,{children:`Customer`}),(0,p.jsx)(a,{children:`Amount`}),(0,p.jsx)(a,{children:`Status`})]})}),(0,p.jsxs)(s,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-001`}),(0,p.jsx)(o,{children:`Sarah Smitha`}),(0,p.jsx)(o,{children:`2,450 USD`}),(0,p.jsx)(o,{children:`Paid`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-002`}),(0,p.jsx)(o,{children:`Daniel Smith`}),(0,p.jsx)(o,{children:`370 USD`}),(0,p.jsx)(o,{children:`Pending`})]})]})]})})}var h=`import {
 	Table,
 	TableBody,
 	TableCaption,

package/dist/showcase/assets/{upload-tray-BeOBVU1z.js → upload-tray-BnKDNrw9.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,jr as a,mr as o,r as s,t as c,yr as l}from"./example-BIrQab7K.js";import{t as u}from"./circle-alert-ysbx8rsZ.js";import{t as d}from"./clock-DuBsP5t3.js";import{n as f,t as p}from"./dropzone-Bl7RO_Uk.js";import{t as m}from"./refresh-cw-DnxNcOMm.js";import{t as h}from"./x-BqJnRkKw.js";import{k as g,n as _,s as v}from"./index-Cz4UGUT2.js";import{t as y}from"./props-table-BR-KjRNe.js";var b=v(),x={queued:`Queued`,uploading:`Uploading`,done:`Uploaded`,error:`Failed`,cancelled:`Cancelled`,cancel:`Cancel`,retry:`Retry`,remove:`Remove`},S={queued:{icon:d,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`},uploading:{icon:f,bg:`bg-primary/15`,fg:`text-primary`,bar:`bg-primary`},done:{icon:a,bg:`bg-success/15`,fg:`text-success`,bar:`bg-success`},error:{icon:u,bg:`bg-destructive/15`,fg:`text-destructive`,bar:`bg-destructive`},cancelled:{icon:h,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`}};function C({items:e,onCancel:t,onRetry:n,onRemove:i,className:a,strings:o}){let c=g(x,o),l={queued:c.queued,uploading:c.uploading,done:c.done,error:c.error,cancelled:c.cancelled};return e.length===0?null:(0,b.jsx)(`ul`,{className:_(`upload-progress-list--component`,`space-y-2`,a),children:e.map(e=>{let a=S[e.status],o=a.icon,u=e.status===`done`?100:e.status===`cancelled`||e.status===`error`?e.progress??0:Math.max(0,Math.min(100,e.progress??0)),d=e.status===`uploading`||e.status===`queued`;return(0,b.jsx)(`li`,{className:`rounded-md border border-border/60 bg-card px-3 py-2`,children:(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(`span`,{className:_(`inline-flex size-7 shrink-0 items-center justify-center rounded-md`,a.bg,a.fg),children:(0,b.jsx)(o,{className:_(`size-3.5`,e.status===`uploading`&&`animate-pulse`)})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,b.jsx)(r,{weight:`medium`,className:`truncate`,children:e.name}),(0,b.jsx)(r,{size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.size})]}),d?(0,b.jsx)(`div`,{className:`mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted`,children:(0,b.jsx)(`div`,{className:_(`h-full rounded-full transition-[width] duration-200`,a.bar),style:{width:`${u}%`}})}):(0,b.jsxs)(r,{size:`xxs`,type:e.status===`error`?`error`:`secondary`,children:[l[e.status],e.status===`error`&&!!e.error&&` — ${e.error}`]})]}),(0,b.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[e.status===`uploading`&&!!t&&(0,b.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.cancel,onClick:()=>t(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})}),e.status===`error`&&!!n&&(0,b.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.retry,onClick:()=>n(e.id),children:(0,b.jsx)(m,{className:`size-3.5`})}),(e.status===`done`||e.status===`error`||e.status===`cancelled`)&&!!i&&(0,b.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.remove,onClick:()=>i(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})})]})]})},e.id)})})}C.displayName=`UploadProgressList`;var w=t(n(),1),T={heading:`Upload progress`,completedLabel:`Completed`,failedLabel:`Failed`,uploadingLabel:`Uploading`,queuedLabel:`Queued`,clearAll:`Clear all`};function E(e){let t=0,n=0,r=0,i=0;for(let a of e)a.status===`done`?t+=1:a.status===`error`?n+=1:a.status===`uploading`?r+=1:a.status===`queued`&&(i+=1);return{completed:t,failed:n,uploading:r,queued:i}}var D=(0,w.forwardRef)(function({items:e,onAddFiles:t,onCancel:n,onRetry:i,onRemove:a,onClearAll:o,dropzone:c,className:u,strings:d,listStrings:f},m){let h=g(T,d),{completed:v,failed:y,uploading:x,queued:S}=E(e),D=(0,w.useCallback)(e=>{e.length>0&&t(e)},[t]),O=e.length>0;return(0,b.jsxs)(`div`,{ref:m,className:_(`upload-tray--component`,`flex flex-col gap-4`,u),children:[(0,b.jsx)(p,{onDrop:D,accept:c?.accept,multiple:c?.multiple,size:c?.size,disabled:c?.disabled,invalid:c?.invalid,strings:c?.strings}),!!O&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,b.jsx)(r,{tag:`span`,weight:`semibold`,children:h.heading}),v>0&&(0,b.jsxs)(l,{variant:`success`,children:[h.completedLabel,`: `,v]}),y>0&&(0,b.jsxs)(l,{variant:`destructive`,children:[h.failedLabel,`: `,y]}),x>0&&(0,b.jsxs)(l,{variant:`info`,children:[h.uploadingLabel,`: `,x]}),S>0&&(0,b.jsxs)(l,{variant:`secondary`,children:[h.queuedLabel,`: `,S]})]}),!!o&&(0,b.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,onClick:o,children:h.clearAll})]}),(0,b.jsx)(C,{items:e,onCancel:n,onRetry:i,onRemove:a,strings:f})]})]})});D.displayName=`UploadTray`;var O=e({Default:()=>j,EmptyDropzoneOnly:()=>M,LiveSimulatedUpload:()=>P,LocalisedFrench:()=>F,MixedItemStates:()=>N});function k(e){return e<1024?`${e} B`:e<1024**2?`${(e/1024).toFixed(1)} KB`:e<1024**3?`${(e/1024/1024).toFixed(1)} MB`:`${(e/1024/1024/1024).toFixed(1)} GB`}var A=[{id:`seed-1`,name:`spec.pdf`,size:`420 KB`,status:`done`,progress:100},{id:`seed-2`,name:`photo-large.png`,size:`2.4 MB`,status:`error`,progress:65,error:`Upload failed. Please try again.`},{id:`seed-3`,name:`archive.zip`,size:`8.1 MB`,status:`uploading`,progress:42}];function j(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[])})})}function M(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:[],onAddFiles:()=>{}})})}function N(){let[e,t]=(0,w.useState)(A);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:()=>{},onRetry:e=>t(t=>t.map(t=>t.id===e?{...t,status:`uploading`,progress:0,error:void 0}:t)),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:()=>t([])})})}function P(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[]),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:e.length>0?()=>t([]):void 0,dropzone:{multiple:!0,strings:{instruction:`Drag files here or click to browse`,helper:`Up to 10 MB each — images, PDFs, archives`}}})})}function F(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:A.slice(0,2),onAddFiles:()=>{},onRetry:()=>{},onRemove:()=>{},onClearAll:()=>{},strings:{heading:`Téléversements`,completedLabel:`Terminés`,failedLabel:`Échoués`,uploadingLabel:`En cours`,queuedLabel:`En attente`,clearAll:`Tout effacer`},listStrings:{queued:`En attente`,uploading:`En cours`,done:`Terminé`,error:`Échoué`,cancelled:`Annulé`,cancel:`Annuler`,retry:`Réessayer`,remove:`Supprimer`},dropzone:{strings:{instruction:`Glissez vos fichiers ou cliquez`,helper:`PDF, images, archives — 10 Mo maximum`,dragOver:`Relâchez pour téléverser`}}})})}var I=`import { useCallback, useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,Ur as o,jr as s,r as c,t as l}from"./example-Cz_880po.js";import{t as u}from"./circle-alert-BW-Btwgh.js";import{t as d}from"./clock-9xbB7EnW.js";import{n as f,t as p}from"./dropzone-9Gb4mR4x.js";import{t as m}from"./refresh-cw-UdL93poQ.js";import{t as h}from"./x-D8UN9pOu.js";import{k as g,n as _,s as v}from"./index-BQIv1ffM.js";import{t as y}from"./props-table-2pIZzGC-.js";var b=v(),x={queued:`Queued`,uploading:`Uploading`,done:`Uploaded`,error:`Failed`,cancelled:`Cancelled`,cancel:`Cancel`,retry:`Retry`,remove:`Remove`},S={queued:{icon:d,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`},uploading:{icon:f,bg:`bg-primary/15`,fg:`text-primary`,bar:`bg-primary`},done:{icon:o,bg:`bg-success/15`,fg:`text-success`,bar:`bg-success`},error:{icon:u,bg:`bg-destructive/15`,fg:`text-destructive`,bar:`bg-destructive`},cancelled:{icon:h,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`}};function C({items:e,onCancel:t,onRetry:n,onRemove:r,className:i,strings:o}){let s=g(x,o),l={queued:s.queued,uploading:s.uploading,done:s.done,error:s.error,cancelled:s.cancelled};return e.length===0?null:(0,b.jsx)(`ul`,{className:_(`upload-progress-list--component`,`space-y-2`,i),children:e.map(e=>{let i=S[e.status],o=i.icon,u=e.status===`done`?100:e.status===`cancelled`||e.status===`error`?e.progress??0:Math.max(0,Math.min(100,e.progress??0)),d=e.status===`uploading`||e.status===`queued`;return(0,b.jsx)(`li`,{className:`rounded-md border border-border/60 bg-card px-3 py-2`,children:(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(`span`,{className:_(`inline-flex size-7 shrink-0 items-center justify-center rounded-md`,i.bg,i.fg),children:(0,b.jsx)(o,{className:_(`size-3.5`,e.status===`uploading`&&`animate-pulse`)})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,b.jsx)(a,{weight:`medium`,className:`truncate`,children:e.name}),(0,b.jsx)(a,{size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.size})]}),d?(0,b.jsx)(`div`,{className:`mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted`,children:(0,b.jsx)(`div`,{className:_(`h-full rounded-full transition-[width] duration-200`,i.bar),style:{width:`${u}%`}})}):(0,b.jsxs)(a,{size:`xxs`,type:e.status===`error`?`error`:`secondary`,children:[l[e.status],e.status===`error`&&!!e.error&&` — ${e.error}`]})]}),(0,b.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[e.status===`uploading`&&!!t&&(0,b.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":s.cancel,onClick:()=>t(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})}),e.status===`error`&&!!n&&(0,b.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":s.retry,onClick:()=>n(e.id),children:(0,b.jsx)(m,{className:`size-3.5`})}),(e.status===`done`||e.status===`error`||e.status===`cancelled`)&&!!r&&(0,b.jsx)(c,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":s.remove,onClick:()=>r(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})})]})]})},e.id)})})}C.displayName=`UploadProgressList`;var w=t(n(),1),T={heading:`Upload progress`,completedLabel:`Completed`,failedLabel:`Failed`,uploadingLabel:`Uploading`,queuedLabel:`Queued`,clearAll:`Clear all`};function E(e){let t=0,n=0,r=0,i=0;for(let a of e)a.status===`done`?t+=1:a.status===`error`?n+=1:a.status===`uploading`?r+=1:a.status===`queued`&&(i+=1);return{completed:t,failed:n,uploading:r,queued:i}}var D=(0,w.forwardRef)(function({items:e,onAddFiles:t,onCancel:n,onRetry:r,onRemove:i,onClearAll:o,dropzone:l,className:u,strings:d,listStrings:f},m){let h=g(T,d),{completed:v,failed:y,uploading:x,queued:S}=E(e),D=(0,w.useCallback)(e=>{e.length>0&&t(e)},[t]),O=e.length>0;return(0,b.jsxs)(`div`,{ref:m,className:_(`upload-tray--component`,`flex flex-col gap-4`,u),children:[(0,b.jsx)(p,{onDrop:D,accept:l?.accept,multiple:l?.multiple,size:l?.size,disabled:l?.disabled,invalid:l?.invalid,strings:l?.strings}),!!O&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,b.jsx)(a,{tag:`span`,weight:`semibold`,children:h.heading}),v>0&&(0,b.jsxs)(s,{variant:`success`,children:[h.completedLabel,`: `,v]}),y>0&&(0,b.jsxs)(s,{variant:`destructive`,children:[h.failedLabel,`: `,y]}),x>0&&(0,b.jsxs)(s,{variant:`info`,children:[h.uploadingLabel,`: `,x]}),S>0&&(0,b.jsxs)(s,{variant:`secondary`,children:[h.queuedLabel,`: `,S]})]}),!!o&&(0,b.jsx)(c,{variant:`secondary`,buttonStyle:`ghost`,onClick:o,children:h.clearAll})]}),(0,b.jsx)(C,{items:e,onCancel:n,onRetry:r,onRemove:i,strings:f})]})]})});D.displayName=`UploadTray`;var O=e({Default:()=>j,EmptyDropzoneOnly:()=>M,LiveSimulatedUpload:()=>P,LocalisedFrench:()=>F,MixedItemStates:()=>N});function k(e){return e<1024?`${e} B`:e<1024**2?`${(e/1024).toFixed(1)} KB`:e<1024**3?`${(e/1024/1024).toFixed(1)} MB`:`${(e/1024/1024/1024).toFixed(1)} GB`}var A=[{id:`seed-1`,name:`spec.pdf`,size:`420 KB`,status:`done`,progress:100},{id:`seed-2`,name:`photo-large.png`,size:`2.4 MB`,status:`error`,progress:65,error:`Upload failed. Please try again.`},{id:`seed-3`,name:`archive.zip`,size:`8.1 MB`,status:`uploading`,progress:42}];function j(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[])})})}function M(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:[],onAddFiles:()=>{}})})}function N(){let[e,t]=(0,w.useState)(A);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:()=>{},onRetry:e=>t(t=>t.map(t=>t.id===e?{...t,status:`uploading`,progress:0,error:void 0}:t)),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:()=>t([])})})}function P(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[]),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:e.length>0?()=>t([]):void 0,dropzone:{multiple:!0,strings:{instruction:`Drag files here or click to browse`,helper:`Up to 10 MB each — images, PDFs, archives`}}})})}function F(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:A.slice(0,2),onAddFiles:()=>{},onRetry:()=>{},onRemove:()=>{},onClearAll:()=>{},strings:{heading:`Téléversements`,completedLabel:`Terminés`,failedLabel:`Échoués`,uploadingLabel:`En cours`,queuedLabel:`En attente`,clearAll:`Tout effacer`},listStrings:{queued:`En attente`,uploading:`En cours`,done:`Terminé`,error:`Échoué`,cancelled:`Annulé`,cancel:`Annuler`,retry:`Réessayer`,remove:`Supprimer`},dropzone:{strings:{instruction:`Glissez vos fichiers ou cliquez`,helper:`PDF, images, archives — 10 Mo maximum`,dragOver:`Relâchez pour téléverser`}}})})}var I=`import { useCallback, useState } from 'react';
 import {
 	UploadTray,
 	type UploadItem,
@@ -132,7 +132,7 @@ export function LocalisedFrench() {
 		</div>
 	);
 }
-`;function L(e){let t={code:`code`,p:`p`,...e.components};return O||z(`Examples`,!1),j||z(`Examples.Default`,!0),M||z(`Examples.EmptyDropzoneOnly`,!0),P||z(`Examples.LiveSimulatedUpload`,!0),F||z(`Examples.LocalisedFrench`,!0),N||z(`Examples.MixedItemStates`,!0),(0,b.jsxs)(i,{title:`Upload tray`,description:`Drag-drop area + per-file progress rows + summary toolbar. Composes Dropzone and UploadProgressList. Framework-agnostic — the consumer drives the actual transfer.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms/fields`,children:[(0,b.jsx)(o,{title:`Overview`,id:`overview`,children:(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`UploadTray`}),` is the canonical drop-and-progress surface. The consumer owns
+`;function L(e){let t={code:`code`,p:`p`,...e.components};return O||z(`Examples`,!1),j||z(`Examples.Default`,!0),M||z(`Examples.EmptyDropzoneOnly`,!0),P||z(`Examples.LiveSimulatedUpload`,!0),F||z(`Examples.LocalisedFrench`,!0),N||z(`Examples.MixedItemStates`,!0),(0,b.jsxs)(r,{title:`Upload tray`,description:`Drag-drop area + per-file progress rows + summary toolbar. Composes Dropzone and UploadProgressList. Framework-agnostic — the consumer drives the actual transfer.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms/fields`,children:[(0,b.jsx)(i,{title:`Overview`,id:`overview`,children:(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`UploadTray`}),` is the canonical drop-and-progress surface. The consumer owns
 the items array (status + progress) and wires `,(0,b.jsx)(t.code,{children:`onAddFiles`}),`, `,(0,b.jsx)(t.code,{children:`onRetry`}),`,
 `,(0,b.jsx)(t.code,{children:`onRemove`}),`, and `,(0,b.jsx)(t.code,{children:`onClearAll`}),` to their transfer mechanism. Every string is
-overridable via `,(0,b.jsx)(t.code,{children:`strings`}),`, `,(0,b.jsx)(t.code,{children:`listStrings`}),`, and `,(0,b.jsx)(t.code,{children:`dropzone.strings`}),`.`]})}),(0,b.jsx)(o,{title:`Default`,id:`default`,children:(0,b.jsx)(c,{name:`Default`,source:I,children:(0,b.jsx)(j,{})})}),(0,b.jsxs)(o,{title:`States`,id:`states`,children:[(0,b.jsx)(c,{name:`EmptyDropzoneOnly`,source:I,children:(0,b.jsx)(M,{})}),(0,b.jsx)(c,{name:`MixedItemStates`,source:I,children:(0,b.jsx)(N,{})})]}),(0,b.jsx)(o,{title:`Realistic usage`,id:`realistic`,children:(0,b.jsx)(c,{name:`LiveSimulatedUpload`,source:I,children:(0,b.jsx)(P,{})})}),(0,b.jsx)(o,{title:`Localisation`,id:`localisation`,children:(0,b.jsx)(c,{name:`LocalisedFrench`,source:I,children:(0,b.jsx)(F,{})})}),(0,b.jsx)(o,{title:`API`,id:`api`,children:(0,b.jsx)(y,{component:`UploadTray`})})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};
+overridable via `,(0,b.jsx)(t.code,{children:`strings`}),`, `,(0,b.jsx)(t.code,{children:`listStrings`}),`, and `,(0,b.jsx)(t.code,{children:`dropzone.strings`}),`.`]})}),(0,b.jsx)(i,{title:`Default`,id:`default`,children:(0,b.jsx)(l,{name:`Default`,source:I,children:(0,b.jsx)(j,{})})}),(0,b.jsxs)(i,{title:`States`,id:`states`,children:[(0,b.jsx)(l,{name:`EmptyDropzoneOnly`,source:I,children:(0,b.jsx)(M,{})}),(0,b.jsx)(l,{name:`MixedItemStates`,source:I,children:(0,b.jsx)(N,{})})]}),(0,b.jsx)(i,{title:`Realistic usage`,id:`realistic`,children:(0,b.jsx)(l,{name:`LiveSimulatedUpload`,source:I,children:(0,b.jsx)(P,{})})}),(0,b.jsx)(i,{title:`Localisation`,id:`localisation`,children:(0,b.jsx)(l,{name:`LocalisedFrench`,source:I,children:(0,b.jsx)(F,{})})}),(0,b.jsx)(i,{title:`API`,id:`api`,children:(0,b.jsx)(y,{component:`UploadTray`})})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};

package/dist/showcase/assets/{use-layout-link-BK_oEoBg.js → use-layout-link-BQ6Y9z__.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{s as n}from"./index-Cz4UGUT2.js";var r=e(t(),1),i=n(),a=({href:e,children:t,disabled:n,external:r,rel:a,target:o,...s})=>!e||n?(0,i.jsx)(`span`,{...s,children:t}):(0,i.jsx)(`a`,{href:e,target:o??(r?`_blank`:void 0),rel:a??(r?`noopener noreferrer`:void 0),...s,children:t});function o({renderLink:e,LinkComponent:t}={}){return e||(t?({active:e,disabled:n,external:r,children:a,...o})=>n||!o.href?(0,i.jsx)(`span`,{className:o.className,children:a}):(0,i.jsx)(t,{...o,children:a}):a)}function s({renderLink:e,LinkComponent:t}={}){return(0,r.useMemo)(()=>o({renderLink:e,LinkComponent:t}),[e,t])}export{s as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{s as n}from"./index-BQIv1ffM.js";var r=e(t(),1),i=n(),a=({href:e,children:t,disabled:n,external:r,rel:a,target:o,...s})=>!e||n?(0,i.jsx)(`span`,{...s,children:t}):(0,i.jsx)(`a`,{href:e,target:o??(r?`_blank`:void 0),rel:a??(r?`noopener noreferrer`:void 0),...s,children:t});function o({renderLink:e,LinkComponent:t}={}){return e||(t?({active:e,disabled:n,external:r,children:a,...o})=>n||!o.href?(0,i.jsx)(`span`,{className:o.className,children:a}):(0,i.jsx)(t,{...o,children:a}):a)}function s({renderLink:e,LinkComponent:t}={}){return(0,r.useMemo)(()=>o({renderLink:e,LinkComponent:t}),[e,t])}export{s as t};

package/dist/showcase/assets/useAnchoredPopupScrollLock-CP1vkwD7.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Kt as n,mr as r}from"./example-Cz_880po.js";import{r as i}from"./useOpenInteractionType-DLUX6CcH.js";var a=e(t(),1),o=20;function s(e,t,s,c){let[l,u]=a.useState(!1);r(()=>{if(!e||!t||s==null){u(!1);return}let r=n(s).documentElement.clientWidth,i=s.offsetWidth;u(r>0&&i>0&&i>=r-o)},[e,t,s]),i(e&&(!t||l),c)}export{s as t};

package/dist/showcase/assets/useAriaLabelledBy-J_Rvjwx3.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{g as n,mr as r}from"./example-Cz_880po.js";var i=e(t(),1);function a(e,t,a,s=!0,c){let[l,u]=i.useState(),d=n(c?`${c}-label`:void 0),f=e??t??l;return r(()=>{let n=e||t||!s?void 0:o(a.current,d);l!==n&&u(n)}),f}function o(e,t){let n=s(e);if(n)return!n.id&&t&&(n.id=t),n.id||void 0}function s(e){if(!e)return;let t=e.parentElement;if(t&&t.tagName===`LABEL`)return t;let n=e.id;if(n){let t=e.nextElementSibling;if(t&&t.htmlFor===n)return t}let r=e.labels;return r&&r[0]}export{a as t};

package/dist/showcase/assets/useCollapsiblePanel-BwUOowW2.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{J as n,K as r,Qt as i,X as a,Yt as o,Zt as s,br as c,cr as l,fr as u,g as d,hr as f,mr as p,q as m,qt as h,vn as g,wn as _}from"./example-Cz_880po.js";import{t as v}from"./useControlled-BF8maje6.js";var y=e(t(),1);function b(e){let{open:t,defaultOpen:n,onOpenChange:r,disabled:o}=e,[s,c]=v({controlled:t,default:n,name:`Collapsible`,state:`open`}),{mounted:l,setMounted:u,transitionStatus:p}=a(s,!0,!0),m=d(),[h,g]=y.useState(),b=h??m,x=f(e=>{let t=!s,n=i(_,e.nativeEvent);r(t,n),!n.isCanceled&&c(t)});return y.useMemo(()=>({disabled:o,handleTrigger:x,mounted:l,open:s,panelId:b,setMounted:u,setOpen:c,setPanelIdState:g,transitionStatus:p}),[o,x,l,s,b,u,c,g,p])}var x=y.createContext(void 0);function S(){let e=y.useContext(x);if(e===void 0)throw Error(u(15));return e}var C=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=n.startingStyle]=`startingStyle`,e[e.endingStyle=n.endingStyle]=`endingStyle`,e}({}),w=function(e){return e.panelOpen=`data-panel-open`,e}({}),T={[C.open]:``},E={[C.closed]:``},D={open(e){return e?{[w.panelOpen]:``}:null}},O={open(e){return e?T:E}},k={height:void 0,width:void 0};function A(e){let{externalRef:t,hiddenUntilFound:n,id:a,keepMounted:c,mounted:u,onOpenChange:d,open:_,setMounted:v,setOpen:b,transitionStatus:x}=e,S=y.useRef(null),w=y.useRef(null),[T,E]=y.useState(k),D=y.useRef(k),O=y.useRef(!1),A=y.useRef(_),N=y.useRef(!1),[I,L]=y.useState(!1),R=y.useRef(null),z=l(t,S),B=o({mounted:u,open:_}),V=m(S,!1,!1),H=!_&&!u,U=I?`idle`:x,W=_&&(A.current||N.current),G=!_&&u&&w.current===`css-animation`&&T.height===void 0&&T.width===void 0?D.current:T,K=n&&H&&w.current!==`css-animation`,q=f((e,t=!0)=>{t&&(D.current=e),E(e)}),J=f(()=>{R.current?.(),R.current=null}),Y=f(e=>{J(),R.current=()=>{R.current=null,e()}}),X=f(()=>{_&&u&&w.current===`css-animation`&&(N.current=!0)});p(()=>{!I||x===`starting`||L(!1)},[I,x]),y.useEffect(()=>()=>{X(),J()},[X,J]),p(()=>{let e=S.current;if(!e)return;!_&&R.current&&J();let t=M(e,W);if(w.current=t,_&&x===`idle`&&A.current&&t===`css-animation`){D.current=j(e);return}if(_&&x===`starting`){let n=O.current;if(O.current=!1,t===`none`){q(j(e)),L(!0);return}if(t===`css-transition`){let t=F(e);return q(j(e)),n?(Y(P(e,`transition-duration`,`0s`)),L(!0),t):t}if(t===`css-animation`){if(q(j(e)),!n){P(e,`animation-name`,`none`)();return}let t=P(e,`animation-name`,`none`),r=P(e,`animation-duration`,`0s`);t(),Y(r),L(!0);return}}if(!_&&u&&(x===`idle`||x===`starting`)){if(A.current=!1,N.current=!1,t===`none`){q(k,!1),v(!1);return}q(j(e));return}if(x!==`ending`)return;if(t===`none`){v(!1);return}let n=j(e);if(!((n.height??0)>0||(n.width??0)>0)){v(!1);return}q(n),t===`css-animation`&&P(e,`animation-name`,`none`)()},[u,_,J,q,v,Y,W,x]),r({enabled:_&&u&&U===`idle`,open:!0,ref:S,onComplete(){_&&q(k,!1)}}),y.useEffect(()=>{if(_||!u||U!==`ending`||!S.current)return;let e=new AbortController,t=-1;function n(){B.current.open||(v(!1),q(k,!1))}return t=h.request(()=>{e.signal.aborted||V(n,e.signal)}),()=>{h.cancel(t),e.abort()}},[B,u,_,U,V,q,v]),p(()=>{let e=S.current;!e||!n||!H||e.setAttribute(`hidden`,`until-found`)},[H,n]),y.useEffect(function(){let e=S.current;if(!e)return;function t(e){let t=i(g,e);d(!0,t),!t.isCanceled&&(O.current=!0,b(!0))}return s(e,`beforematch`,t)},[d,b]);let Z=c||n||u||_;return{height:G.height,props:{...K?{[C.startingStyle]:``}:void 0,hidden:H,id:a},ref:z,shouldPreventOpenAnimation:W,shouldRender:Z,transitionStatus:U,width:G.width}}function j(e){return{height:e.scrollHeight,width:e.scrollWidth}}function M(e,t=!1){let n=c(e).getComputedStyle(e),r=(n.animationName.split(`,`).map(e=>e.trim()).some(e=>e!==``&&e!==`none`)||t)&&N(n.animationDuration),i=N(n.transitionDuration);return r&&i||i?`css-transition`:r?`css-animation`:`none`}function N(e){return e.split(`,`).map(e=>e.trim()).some(e=>e!==``&&Number.parseFloat(e)>0)}function P(e,t,n){let r=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t);return e.style.setProperty(t,n),()=>{if(r===``){e.style.removeProperty(t);return}e.style.setProperty(t,r,i)}}function F(e){let t={"justify-content":e.style.justifyContent,"align-items":e.style.alignItems,"align-content":e.style.alignContent,"justify-items":e.style.justifyItems};Object.keys(t).forEach(t=>{e.style.setProperty(t,`initial`,`important`)});function n(){Object.entries(t).forEach(([t,n])=>{if(n===``){e.style.removeProperty(t);return}e.style.setProperty(t,n)})}let r=h.request(n);return()=>{h.cancel(r),n()}}export{S as a,x as i,O as n,b as o,D as r,A as t};

package/dist/showcase/assets/useCompositeItem-D3XOIML-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{cr as n,dr as r}from"./example-Cz_880po.js";import{n as i}from"./useCompositeListItem-BWfShNPP.js";var a=e(t(),1);function o(e={}){let{highlightItemOnHover:t,highlightedIndex:o,onHighlightedIndexChange:s}=r(),{ref:c,index:l}=i(e),u=o===l,d=a.useRef(null),f=n(c,d);return{compositeProps:{tabIndex:u?0:-1,onFocus(){s(l)},onMouseMove(){let e=d.current;if(!t||!e)return;let n=e.hasAttribute(`disabled`)||e.ariaDisabled===`true`;!u&&!n&&e.focus()}},compositeRef:f,index:l}}export{o as t};

package/dist/showcase/assets/useCompositeListItem-BWfShNPP.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{gr as n,hr as r,mr as i}from"./example-Cz_880po.js";import{s as a}from"./index-BQIv1ffM.js";var o=e(t(),1),s=o.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});function c(){return o.useContext(s)}var l=a();function u(e){let{children:t,elementsRef:a,labelsRef:c,onMapChange:u}=e,m=r(u),h=o.useRef(0),g=n(f).current,_=n(d).current,[v,y]=o.useState(0),b=o.useRef(v),x=r((e,t)=>{_.set(e,t??null),b.current+=1,y(b.current)}),S=r(e=>{_.delete(e),b.current+=1,y(b.current)}),C=o.useMemo(()=>{let e=new Map;return Array.from(_.keys()).filter(e=>e.isConnected).sort(p).forEach((t,n)=>{let r=_.get(t)??{};e.set(t,{...r,index:n})}),e},[_,v]);i(()=>{if(typeof MutationObserver!=`function`||C.size===0)return;let e=new MutationObserver(e=>{let t=new Set,n=e=>t.has(e)?t.delete(e):t.add(e);e.forEach(e=>{e.removedNodes.forEach(n),e.addedNodes.forEach(n)}),t.size===0&&(b.current+=1,y(b.current))});return C.forEach((t,n)=>{n.parentElement&&e.observe(n.parentElement,{childList:!0})}),()=>{e.disconnect()}},[C]),i(()=>{b.current===v&&(a.current.length!==C.size&&(a.current.length=C.size),c&&c.current.length!==C.size&&(c.current.length=C.size),h.current=C.size),m(C)},[m,C,a,c,v]),i(()=>()=>{a.current=[]},[a]),i(()=>()=>{c&&(c.current=[])},[c]);let w=r(e=>(g.add(e),()=>{g.delete(e)}));i(()=>{g.forEach(e=>e(C))},[g,C]);let T=o.useMemo(()=>({register:x,unregister:S,subscribeMapChange:w,elementsRef:a,labelsRef:c,nextIndexRef:h}),[x,S,w,a,c,h]);return(0,l.jsx)(s.Provider,{value:T,children:t})}function d(){return new Map}function f(){return new Set}function p(e,t){let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}var m=function(e){return e[e.None=0]=`None`,e[e.GuessFromOrder=1]=`GuessFromOrder`,e}({});function h(e={}){let{label:t,metadata:n,textRef:r,indexGuessBehavior:a,index:s}=e,{register:l,unregister:u,subscribeMapChange:d,elementsRef:f,labelsRef:p,nextIndexRef:h}=c(),g=o.useRef(-1),[_,v]=o.useState(s??(a===m.GuessFromOrder?()=>{if(g.current===-1){let e=h.current;h.current+=1,g.current=e}return g.current}:-1)),y=o.useRef(null),b=o.useCallback(e=>{if(y.current=e,_!==-1&&e!==null&&(f.current[_]=e,p)){let n=t!==void 0;p.current[_]=n?t:r?.current?.textContent??e.textContent}},[_,f,p,t,r]);return i(()=>{if(s!=null)return;let e=y.current;if(e)return l(e,n),()=>{u(e)}},[s,l,u,n]),i(()=>{if(s==null)return d(e=>{let t=y.current?e.get(y.current)?.index:null;t!=null&&v(t)})},[s,d,v]),{ref:b,index:_}}export{h as n,u as r,m as t};

package/dist/showcase/assets/useControlled-BF8maje6.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";var n=e(t(),1);function r({controlled:e,default:t,name:r,state:i=`value`}){let{current:a}=n.useRef(e!==void 0),[o,s]=n.useState(t);return[a?e:o,n.useCallback(e=>{a||s(e)},[])]}export{r as t};

package/dist/showcase/assets/useLabelableId-DxorZ3YW.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{g as n,gr as r,hr as i,mr as a,or as o,xr as s}from"./example-Cz_880po.js";import{t as c}from"./LabelableContext-DapqaNeY.js";var l=e(t(),1);function u(e={}){let{id:t,implicit:u=!1,controlRef:d}=e,{controlId:f,registerControlId:p}=c(),m=n(t),h=u?f:void 0,g=r(()=>Symbol(`labelable-control`)),_=l.useRef(!1),v=l.useRef(t!=null),y=i(()=>{!_.current||p===o||(_.current=!1,p(g.current,void 0))});return a(()=>{if(p===o)return;let e;if(u){let n=d?.current;e=s(n)&&n.closest(`label`)!=null?t??null:h??m}else if(t!=null)v.current=!0,e=t;else if(v.current)e=m;else{y();return}if(e===void 0){y();return}_.current=!0,p(g.current,e)},[t,d,h,p,u,m,g,y]),l.useEffect(()=>y,[y]),f??m}export{u as t};

package/dist/showcase/assets/useOpenInteractionType-DLUX6CcH.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Bn as n,Ct as r,Dt as i,En as a,Et as o,Jn as s,Jt as c,Kn as l,Kt as u,Mn as d,Mt as f,Nn as p,Nt as m,On as h,Ot as g,Qt as _,Rn as v,Rt as ee,Sr as y,St as te,Tr as ne,Ut as re,Vn as ie,Wn as ae,Xt as oe,Yn as se,Yt as b,Zt as x,ar as S,br as C,cr as ce,ft as le,hr as w,ht as ue,jn as T,jt as de,kn as fe,mr as E,or as pe,qt as D,sn as me,st as O,vr as he,wn as k,wr as A,xt as ge,zn as _e}from"./example-Cz_880po.js";import{s as ve}from"./index-BQIv1ffM.js";import{t as ye}from"./useValueChanged-DSoTBFAJ.js";var j=e(t(),1),M=0;function N(e,t={}){let{preventScroll:n=!1,sync:r=!1,shouldFocus:i}=t;cancelAnimationFrame(M);function a(){i&&!i()||e?.focus({preventScroll:n})}if(r)return a(),pe;let o=requestAnimationFrame(a);return M=o,()=>{M===o&&(cancelAnimationFrame(o),M=0)}}var P={inert:new WeakMap,"aria-hidden":new WeakMap},F=`data-base-ui-inert`,I={inert:new WeakSet,"aria-hidden":new WeakSet},L=new WeakMap,R=0;function z(e){return I[e]}function be(e){return e?ne(e)?e.host:be(e.parentNode):null}var B=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=be(t);return e.contains(n)?n:null}).filter(e=>e!=null),V=e=>{let t=new Set;return e.forEach(e=>{let n=e;for(;n&&!t.has(n);)t.add(n),n=n.parentNode}),t},H=(e,t,n)=>{let r=[],i=e=>{!e||n.has(e)||Array.from(e.children).forEach(e=>{he(e)!==`script`&&(t.has(e)?i(e):r.push(e))})};return i(e),r};function U(e,t,n,r,{mark:i=!0}){let a=null;r?a=`inert`:n&&(a=`aria-hidden`);let o=null,s=null,c=B(t,e),l=i?H(t,V(c),new Set(c)):[],u=[],d=[];if(a){let e=P[a],n=z(a);s=n,o=e;let r=B(t,Array.from(t.querySelectorAll(`[aria-live]`))),i=c.concat(r);H(t,V(i),new Set(i)).forEach(t=>{let r=t.getAttribute(a),i=r!==null&&r!==`false`,o=(e.get(t)||0)+1;e.set(t,o),u.push(t),o===1&&i&&n.add(t),i||t.setAttribute(a,a===`inert`?``:`true`)})}return i&&l.forEach(e=>{let t=(L.get(e)||0)+1;L.set(e,t),d.push(e),t===1&&e.setAttribute(F,``)}),R+=1,()=>{o&&u.forEach(e=>{let t=(o.get(e)||0)-1;o.set(e,t),t||(!s?.has(e)&&a&&e.removeAttribute(a),s?.delete(e))}),i&&d.forEach(e=>{let t=(L.get(e)||0)-1;L.set(e,t),t||e.removeAttribute(F)}),--R,R||(P.inert=new WeakMap,P[`aria-hidden`]=new WeakMap,I.inert=new WeakSet,I[`aria-hidden`]=new WeakSet,L=new WeakMap)}}function xe(e,t={}){let{ariaHidden:n=!1,inert:r=!1,mark:i=!0}=t,a=u(e[0]).body;return U(e,a,n,r,{mark:i})}var Se=ve();function Ce(e,t){let n=C(p(e));return e instanceof n.KeyboardEvent?`keyboard`:e instanceof n.FocusEvent?t||`keyboard`:`pointerType`in e?e.pointerType||`keyboard`:`touches`in e?`touch`:e instanceof n.MouseEvent?t||(e.detail===0?`keyboard`:`mouse`):``}var we=20,W=[];function Te(){W=W.filter(e=>e.deref()?.isConnected)}function Ee(e){Te(),e&&he(e)!==`body`&&(W.push(new WeakRef(e)),W.length>we&&(W=W.slice(-20)))}function De(){return Te(),W[W.length-1]?.deref()}function Oe(e){return e?f(e)?e:m(e)[0]||e:null}function ke(e){if(e.hasAttribute(`tabindex`)&&!e.hasAttribute(`data-tabindex`)||!e.getAttribute(`role`)?.includes(`dialog`))return;let t=o(e).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return f(e)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),n=e.getAttribute(`tabindex`);t.length===0?n!==`0`&&(e.setAttribute(`tabindex`,`0`),e.setAttribute(`data-tabindex`,`0`)):(n!==`-1`||e.hasAttribute(`data-tabindex`)&&e.getAttribute(`data-tabindex`)!==`-1`)&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(`data-tabindex`,`-1`))}function G(e){let{context:t,children:o,disabled:s=!1,initialFocus:l=!0,returnFocus:v=!0,restoreFocus:ne=!1,modal:S=!0,closeOnFocusOut:C=!0,openInteractionType:pe=``,nextFocusableElement:D,previousFocusableElement:k,beforeContentFocusGuardRef:A,externalTree:ve,getInsideElements:ye}=e,M=`rootStore`in t?t.rootStore:t,P=M.useState(`open`),F=M.useState(`domReferenceElement`),I=M.useState(`floatingElement`),{events:L,dataRef:R}=M.context,z=w(()=>R.current.floatingContext?.nodeId),be=l===!1,B=h(F)&&be,V=b(l),H=b(v),U=b(pe),we=b(P),W=le(ve),G=ue(),K=j.useRef(!1),q=j.useRef(!1),J=j.useRef(!1),Ae=j.useRef(null),je=j.useRef(``),Y=j.useRef(``),Me=j.useRef(null),Ne=j.useRef(null),Pe=ce(Me,A,G?.beforeInsideRef),Fe=ce(Ne,G?.afterInsideRef),Ie=se(),X=se(),Le=c(),Re=G!=null,Z=a(I),Q=w((e=Z)=>e?m(e):[]),$=w(()=>ye?.().filter(e=>e!=null)??[]);j.useEffect(()=>{if(s||!S)return;function e(e){e.key===`Tab`&&d(Z,T(u(Z)))&&Q().length===0&&!B&&ie(e)}return x(u(Z),`keydown`,e)},[s,Z,S,B,Q]),j.useEffect(()=>{if(s||!P)return;let e=u(Z);function t(){J.current=!1}function n(e){let t=p(e),n=$();J.current=!(d(I,t)||d(F,t)||d(G?.portalNode,t)||n.some(e=>e===t||d(e,t))),Y.current=e.pointerType||`keyboard`,t?.closest(`[data-base-ui-click-trigger]`)&&(q.current=!0,X.start(0,()=>{q.current=!1}))}function r(){Y.current=`keyboard`}return oe(x(e,`pointerdown`,n,!0),x(e,`pointerup`,t,!0),x(e,`pointercancel`,t,!0),x(e,`keydown`,r,!0),t)},[s,I,F,Z,P,G,X,$]),j.useEffect(()=>{if(s||!C)return;let e=u(Z);function t(){q.current=!0,X.start(0,()=>{q.current=!1})}function n(e){let t=p(e);f(t)&&(Ae.current=t)}function i(t){let n=t.relatedTarget,i=t.currentTarget,o=p(t);S&&n==null&&o!=null&&d(I,o)&&Ee(o),queueMicrotask(()=>{let s=z(),c=M.context.triggerElements,l=$(),u=n?.hasAttribute(ge(`focus-guard`))&&[Me.current,Ne.current,G?.beforeInsideRef.current,G?.afterInsideRef.current,G?.beforeOutsideRef.current,G?.afterOutsideRef.current,O(k),O(D)].includes(n),f=!(d(F,n)||d(I,n)||d(n,I)||d(G?.portalNode,n)||l.some(e=>e===n||d(e,n))||n!=null&&c.hasElement(n)||c.hasMatchingElement(e=>d(e,n))||u||W&&(r(W.nodesRef.current,s).find(e=>d(e.context?.elements.floating,n)||d(e.context?.elements.domReference,n))||te(W.nodesRef.current,s).find(e=>[e.context?.elements.floating,a(e.context?.elements.floating)].includes(n)||e.context?.elements.domReference===n)));if(i===F&&Z&&ke(Z),ne&&i!==F&&!ee(o)&&T(e)===e.body){if(y(Z)&&(Z.focus(),ne===`popup`)){Le.request(()=>{Z.focus()});return}let e=Q(),t=Ae.current,n=(t&&e.includes(t)?t:null)||e[e.length-1]||Z;y(n)&&n.focus()}if(R.current.insideReactTree){R.current.insideReactTree=!1;return}(B||!S)&&n&&f&&!q.current&&(B||n!==De())&&(K.current=!0,M.setOpen(!1,_(me,t)))})}function o(){J.current||(R.current.insideReactTree=!0,Ie.start(0,()=>{R.current.insideReactTree=!1}))}let c=y(F)?F:null;if(!(!I&&!c))return oe(c&&x(c,`focusout`,i),c&&x(c,`pointerdown`,t),I&&x(I,`focusin`,n),I&&x(I,`focusout`,i),I&&G&&x(I,`focusout`,o,!0))},[s,F,I,Z,S,W,G,M,C,ne,Q,B,z,R,Ie,X,Le,D,k,$]),j.useEffect(()=>{if(s||!I||!P)return;let e=Array.from(G?.portalNode?.querySelectorAll(`[${ge(`portal`)}]`)||[]),t=(W?te(W.nodesRef.current,z()):[]).find(e=>h(e.context?.elements.domReference||null))?.context?.elements.domReference,n=xe([I,...e,Me.current,Ne.current,G?.beforeOutsideRef.current,G?.afterOutsideRef.current,...$(),t,O(k),O(D),B?F:null].filter(e=>e!=null),{ariaHidden:S||B,mark:!1}),r=xe([I,...e].filter(e=>e!=null));return()=>{r(),n()}},[P,s,F,I,S,G,B,W,z,D,k,$]),E(()=>{if(!P||s||!y(Z))return;let e=u(Z),t=T(e);queueMicrotask(()=>{let n=V.current,r=typeof n==`function`?n(U.current||``):n;if(r===void 0||r===!1||d(Z,t))return;let i=null,a=()=>(i??=Q(Z),i[0]||Z),o;o=r===!0||r===null?a():O(r),o||=a();let s=d(Z,T(e));N(o,{preventScroll:o===Z,shouldFocus(){if(!we.current)return!1;if(s)return!0;let t=T(e);return!(t!==o&&d(Z,t))}})})},[s,P,Z,Q,V,U,we]),E(()=>{if(s||!Z)return;let e=u(Z),t=T(e),i=U.current==null;Ee(t);function a(e){if(e.open||(je.current=Ce(e.nativeEvent,Y.current)),e.reason===`trigger-hover`&&e.nativeEvent.type===`mouseleave`&&(K.current=!0),e.reason===`outside-press`)if(e.nested)K.current=!1;else if(_e(e.nativeEvent)||n(e.nativeEvent))K.current=!1;else{let e=!1;u(Z).createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?K.current=!1:K.current=!0}}L.on(`openchange`,a);function o(){let e=H.current,n=typeof e==`function`?e(je.current):e;if(n===void 0||n===!1)return null;n===null&&(n=!0);let r=F?.isConnected?F:null,a=t?.isConnected&&he(t)!==`body`?t:null,o=i?a||r:r||a;return o||=De()||null,typeof n==`boolean`?o:O(n)||o||null}return()=>{L.off(`openchange`,a);let t=T(e),n=$(),i=d(I,t)||n.some(e=>e===t||d(e,t))||W&&r(W.nodesRef.current,z(),!1).some(e=>d(e.context?.elements.floating,t)),s=H.current,c=o();queueMicrotask(()=>{let n=Oe(c),r=typeof s!=`boolean`;s&&!K.current&&y(n)&&(!(!r&&n!==t&&t!==e.body)||i)&&n.focus({preventScroll:!0}),K.current=!1})}},[s,I,Z,H,U,L,W,F,z,$]),E(()=>{if(!ae||P||!I)return;let e=T(u(I));!y(e)||!fe(e)||d(I,e)&&e.blur()},[P,I]),E(()=>{if(!(s||!G))return G.setFocusManagerState({modal:S,closeOnFocusOut:C,open:P,onOpenChange:M.setOpen,domReference:F}),()=>{G.setFocusManagerState(null)}},[s,G,S,P,M,C,F]),E(()=>{if(!(s||!Z))return ke(Z),()=>{queueMicrotask(Te)}},[s,Z]);let ze=!s&&(S?!B:!0)&&(Re||S);return(0,Se.jsxs)(j.Fragment,{children:[ze&&(0,Se.jsx)(re,{"data-type":`inside`,ref:Pe,onFocus:e=>{if(S){let e=Q();N(e[e.length-1])}else G?.portalNode&&(K.current=!1,de(e,G.portalNode)?i(F)?.focus():O(k??G.beforeOutsideRef)?.focus())}}),o,ze&&(0,Se.jsx)(re,{"data-type":`inside`,ref:Fe,onFocus:e=>{S?N(Q()[0]):G?.portalNode&&(C&&(K.current=!0),de(e,G.portalNode)?g(F)?.focus():O(D??G.afterOutsideRef)?.focus())}})]})}function K(e,t={}){let{enabled:n=!0,event:r=`click`,toggle:i=!0,ignoreMouse:a=!1,stickIfOpen:o=!0,touchOpenDelay:s=0,reason:l=k}=t,u=`rootStore`in e?e.rootStore:e,d=u.context.dataRef,f=j.useRef(void 0),m=c(),h=se(),g=j.useMemo(()=>{function e(e,t,n,r){let i=_(l,t,n);e&&r===`touch`&&s>0?h.start(s,()=>{u.setOpen(!0,i)}):u.setOpen(e,i)}function t(e,t,n){let r=d.current.openEvent,a=u.select(`domReferenceElement`)!==t;return e&&a||!e||!i?!0:r&&o?!n(r.type):!1}return{onPointerDown(e){f.current=e.pointerType},onMouseDown(n){let i=f.current,o=n.nativeEvent,s=u.select(`open`);if(n.button!==0||r===`click`||v(i,!0)&&a)return;let c=t(s,n.currentTarget,e=>e===`click`||e===`mousedown`),l=p(o);if(fe(l)){e(c,o,l,i);return}let d=n.currentTarget;m.request(()=>{e(c,o,d,i)})},onClick(n){if(r===`mousedown-only`)return;let i=f.current;if(r===`mousedown`&&i){f.current=void 0;return}v(i,!0)&&a||e(t(u.select(`open`),n.currentTarget,e=>e===`click`||e===`mousedown`||e===`keydown`||e===`keyup`),n.nativeEvent,n.currentTarget,i)},onKeyDown(){f.current=void 0}}},[d,r,a,l,u,o,i,m,h,s]);return j.useMemo(()=>n?{reference:g}:S,[n,g])}var q=j.forwardRef(function(e,t){let{cutout:n,...r}=e,i;if(n){let e=n.getBoundingClientRect();i=`polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,${e.left}px ${e.top}px,${e.left}px ${e.bottom}px,${e.right}px ${e.bottom}px,${e.right}px ${e.top}px,${e.left}px ${e.top}px)`}return(0,Se.jsx)(`div`,{ref:t,role:`presentation`,"data-base-ui-inert":``,...r,style:{position:`fixed`,inset:0,userSelect:`none`,WebkitUserSelect:`none`,clipPath:i}})}),J={},Ae={},je=``;function Y(e){if(typeof document>`u`)return!1;let t=u(e);return C(t).innerWidth-t.documentElement.clientWidth>0}function Me(e){if(!(typeof CSS<`u`&&CSS.supports&&CSS.supports(`scrollbar-gutter`,`stable`))||typeof document>`u`)return!1;let t=u(e),n=t.documentElement,r=t.body,i=A(n)?n:r,a=i.style.overflowY,o=n.style.scrollbarGutter;n.style.scrollbarGutter=`stable`,i.style.overflowY=`scroll`;let s=i.offsetWidth;i.style.overflowY=`hidden`;let c=i.offsetWidth;return i.style.overflowY=a,n.style.scrollbarGutter=o,s===c}function Ne(e){let t=u(e),n=t.documentElement,r=t.body,i=A(n)?n:r,a={overflowY:i.style.overflowY,overflowX:i.style.overflowX};return Object.assign(i.style,{overflowY:`hidden`,overflowX:`hidden`}),()=>{Object.assign(i.style,a)}}function Pe(e){let t=u(e),n=t.documentElement,r=t.body,i=C(n),a=0,o=0,s=!1,c=D.create();if(ae&&(i.visualViewport?.scale??1)!==1)return()=>{};function l(){let t=i.getComputedStyle(n),c=i.getComputedStyle(r),l=(t.scrollbarGutter||``).includes(`both-edges`)?`stable both-edges`:`stable`;a=n.scrollTop,o=n.scrollLeft,J={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},je=n.style.scrollBehavior,Ae={position:r.style.position,height:r.style.height,width:r.style.width,boxSizing:r.style.boxSizing,overflowY:r.style.overflowY,overflowX:r.style.overflowX,scrollBehavior:r.style.scrollBehavior};let u=n.scrollHeight>n.clientHeight,d=n.scrollWidth>n.clientWidth,f=t.overflowY===`scroll`||c.overflowY===`scroll`,p=t.overflowX===`scroll`||c.overflowX===`scroll`,m=Math.max(0,i.innerWidth-r.clientWidth),h=Math.max(0,i.innerHeight-r.clientHeight),g=parseFloat(c.marginTop)+parseFloat(c.marginBottom),_=parseFloat(c.marginLeft)+parseFloat(c.marginRight),v=A(n)?n:r;if(s=Me(e),s){n.style.scrollbarGutter=l,v.style.overflowY=`hidden`,v.style.overflowX=`hidden`;return}Object.assign(n.style,{scrollbarGutter:l,overflowY:`hidden`,overflowX:`hidden`}),(u||f)&&(n.style.overflowY=`scroll`),(d||p)&&(n.style.overflowX=`scroll`),Object.assign(r.style,{position:`relative`,height:g||h?`calc(100dvh - ${g+h}px)`:`100dvh`,width:_||m?`calc(100vw - ${_+m}px)`:`100vw`,boxSizing:`border-box`,overflow:`hidden`,scrollBehavior:`unset`}),r.scrollTop=a,r.scrollLeft=o,n.setAttribute(`data-base-ui-scroll-locked`,``),n.style.scrollBehavior=`unset`}function d(){Object.assign(n.style,J),Object.assign(r.style,Ae),s||(n.scrollTop=a,n.scrollLeft=o,n.removeAttribute(`data-base-ui-scroll-locked`),n.style.scrollBehavior=je)}function f(){d(),c.request(l)}l();let p=x(i,`resize`,f);return()=>{c.cancel(),d(),typeof i.removeEventListener==`function`&&p()}}var Fe=new class{lockCount=0;restore=null;timeoutLock=s.create();timeoutUnlock=s.create();acquire(e){return this.lockCount+=1,this.lockCount===1&&this.restore===null&&this.timeoutLock.start(0,()=>this.lock(e)),this.release}release=()=>{--this.lockCount,this.lockCount===0&&this.restore&&this.timeoutUnlock.start(0,this.unlock)};unlock=()=>{this.lockCount===0&&this.restore&&(this.restore?.(),this.restore=null)};lock(e){if(this.lockCount===0||this.restore!==null)return;let t=u(e).documentElement,n=C(t).getComputedStyle(t).overflowY;if(n===`hidden`||n===`clip`){this.restore=pe;return}let r=l||!Y(e);this.restore=r?Ne(e):Pe(e)}};function Ie(e=!0,t=null){E(()=>{if(e)return Fe.acquire(t)},[e,t])}function X(e){let t=j.useRef(``),n=j.useCallback(n=>{n.defaultPrevented||(t.current=n.pointerType,e(n,n.pointerType))},[e]);return{onClick:j.useCallback(n=>{if(n.detail===0){e(n,`keyboard`);return}`pointerType`in n?e(n,n.pointerType):e(n,t.current),t.current=``},[e]),onPointerDown:n}}function Le(e,t){let{onClick:n,onPointerDown:r}=X(w((n,r)=>{(typeof e==`function`?e():e)||t(r||(l?`touch`:``))}));return j.useMemo(()=>({onClick:n,onPointerDown:r}),[n,r])}function Re(e){let[t,n]=j.useState(null),r=Le(e,n);return ye(e,t=>{t&&!e&&n(null)}),j.useMemo(()=>({openMethod:t,triggerProps:r}),[t,r])}export{K as a,q as i,Le as n,G as o,Ie as r,N as s,Re as t};

package/dist/showcase/assets/useRender-B9zzqKA1.js

@@ -0,0 +1 @@
+import{nr as e}from"./example-Cz_880po.js";function t(t){return e(t.defaultTagName??`div`,t,t)}export{t};

package/dist/showcase/assets/useTriggerFocusGuards-BSvL8pKg.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{At as r,Dt as i,Mn as a,Qt as o,jt as s,kt as c,sn as l}from"./example-Cz_880po.js";var u=e(t(),1),d=e(n(),1);function f(e,t){let n=u.useRef(null);function f(t){d.flushSync(()=>{e.setOpen(!1,o(l,t.nativeEvent,t.currentTarget))}),r(n.current)?.focus()}function p(n){let r=e.select(`positionerElement`);if(r&&s(n,r))e.context.beforeContentFocusGuardRef.current?.focus();else{d.flushSync(()=>{e.setOpen(!1,o(l,n.nativeEvent,n.currentTarget))});let s=c(e.context.triggerFocusTargetRef.current||t.current);for(;s!==null&&a(r,s);){let e=s;if(s=i(s),s===e)break}s?.focus()}}return{preFocusGuardRef:n,handlePreFocusGuardFocus:f,handleFocusTargetFocus:p}}export{f as t};

package/dist/showcase/assets/useValueChanged-DSoTBFAJ.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{hr as n,mr as r}from"./example-Cz_880po.js";var i=e(t(),1);function a(e,t){let a=i.useRef(e),o=n(t);r(()=>{a.current!==e&&o(a.current)},[e,o]),r(()=>{a.current=e},[e])}export{a as t};

package/dist/showcase/assets/user-BZog6aIh.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`user`,[[`path`,{d:`M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2`,key:`975kel`}],[`circle`,{cx:`12`,cy:`7`,r:`4`,key:`17ys0d`}]]);export{t};

package/dist/showcase/assets/{user-plus-MMxrhI4h.js → user-plus-CPxlPoxf.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`user-plus`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}],[`line`,{x1:`19`,x2:`19`,y1:`8`,y2:`14`,key:`1bvyxn`}],[`line`,{x1:`22`,x2:`16`,y1:`11`,y2:`11`,key:`1shjgl`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`user-plus`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}],[`line`,{x1:`19`,x2:`19`,y1:`8`,y2:`14`,key:`1bvyxn`}],[`line`,{x1:`22`,x2:`16`,y1:`11`,y2:`11`,key:`1shjgl`}]]);export{t};

package/dist/showcase/assets/{users-ERTaffcv.js → users-BgXAp2UO.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]);export{t};

package/dist/showcase/assets/valueToPercent-gleKSaFe.js

@@ -0,0 +1 @@
+import{t as e}from"./stringifyLocale-CkHjdQTJ.js";var t=new Map;function n(n,r){let i=JSON.stringify({locale:e(n),options:r}),a=t.get(i);if(a)return a;let o=new Intl.NumberFormat(n,r);return t.set(i,o),o}function r(e,t,r){return e==null?``:n(t,r).format(e)}function i(e,t,n){return e==null?``:n?r(e,t,n):r(e/100,t,{style:`percent`})}function a(e,t,n){return(e-t)*100/(n-t)}export{r as n,i as r,a as t};

package/dist/showcase/assets/{vendor-profile-BAwCE0wP.js → vendor-profile-BLYiDIrO.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,jr as a,mr as o,r as s,t as c}from"./example-BIrQab7K.js";import{t as l}from"./chevron-right-d-umkBru.js";import{t as u}from"./message-square-B0RnrJV6.js";import{k as d,n as f,s as p}from"./index-Cz4UGUT2.js";import{t as m}from"./props-table-BR-KjRNe.js";import{t as h}from"./icon-badge-CxvxB8Vd.js";import{t as g}from"./inline-stat-DqI70yoJ.js";import{c as _,i as v,r as y,t as b,u as x}from"./item-CbiuwbAN.js";var S={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`},C=t(n(),1),w=p();function T({name:e,initials:t,avatarUrl:n,role:i,verified:o=!1,earnings:c,earningsChange:p,metrics:m=[],stats:T=[],onMessage:E,onHire:D,className:O,strings:k}){let A=d(S,k),[j,M]=(0,C.useState)(`overview`),N=t??e.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),P={overview:A.tabOverview,stats:A.tabStats},F=!!c||m.length>0,I=T.length>0,L=[[`overview`,F],[`stats`,I]].filter(([,e])=>e).map(([e])=>e),R=j===`overview`&&!F&&I?`stats`:j;return(0,w.jsxs)(`div`,{className:f(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,O),children:[(0,w.jsxs)(b,{className:`items-start px-0`,children:[(0,w.jsx)(_,{variant:n?`avatar`:`default`,children:n?(0,w.jsx)(`img`,{src:n,alt:e,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,w.jsx)(h,{tone:`primary`,size:`md`,className:`font-semibold ring-1 ring-primary/15`,children:N})}),(0,w.jsxs)(y,{children:[(0,w.jsx)(x,{children:(0,w.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[e,!!o&&(0,w.jsx)(h,{tone:`success`,solid:!0,size:`xs`,"aria-label":A.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,w.jsx)(a,{className:`size-2.5`,strokeWidth:3})})]})}),!!i&&(0,w.jsx)(v,{clamp:2,children:i})]})]}),L.length>1&&(0,w.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:L.map(e=>(0,w.jsx)(s,{type:`button`,"aria-pressed":R===e,onClick:()=>M(e),variant:`secondary`,buttonStyle:`ghost`,size:`xs`,className:f(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,R===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:P[e]},e))}),R===`overview`&&F&&(0,w.jsxs)(`div`,{className:`space-y-3`,children:[!!c&&(0,w.jsxs)(`div`,{children:[(0,w.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:A.totalEarnings}),(0,w.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,w.jsx)(r,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:c}),!!p&&(0,w.jsx)(r,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:p})]})]}),m.length>0&&(0,w.jsx)(`div`,{className:`space-y-1.5`,children:m.map(e=>(0,w.jsx)(g,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),R===`stats`&&I&&(0,w.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:T.map(e=>(0,w.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,w.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,w.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,w.jsx)(r,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,w.jsx)(r,{tag:`span`,size:`xxs`,weight:`semibold`,className:f(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,w.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,w.jsxs)(s,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:E,children:[(0,w.jsx)(u,{className:`mr-1.5 size-3.5`}),A.message]}),(0,w.jsxs)(s,{variant:`dark`,className:`flex-1 rounded-md`,onClick:D,children:[A.hire,(0,w.jsx)(l,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`VendorProfileCard`;var E=e({Minimal:()=>O,WithEverything:()=>D});function D(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Dimitar Kostadinov`,role:`Experience Vendor`,verified:!0,earnings:`8,420 USD`,earningsChange:`+12.5%`,metrics:[{label:`Experiences hosted`,value:`47`},{label:`Avg. rating`,value:`4.8 / 5.0`},{label:`Repeat customers`,value:`68%`}],stats:[{label:`This month`,value:`1,240 USD`,change:`+8%`},{label:`Bookings`,value:`23`,change:`+3`},{label:`Conversion`,value:`74%`,change:`+5%`},{label:`Avg. order`,value:`54 USD`,change:`-2%`}],onMessage:()=>{},onHire:()=>{}})})}function O(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Emma Garcia`,role:`New vendor`})})}var k=`import { VendorProfileCard } from '@/components/composed/cards/vendor-profile';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,Ur as o,r as s,t as c}from"./example-Cz_880po.js";import{t as l}from"./chevron-right-D4pIMCh9.js";import{t as u}from"./message-square-CBNI_sf8.js";import{k as d,n as f,s as p}from"./index-BQIv1ffM.js";import{t as m}from"./props-table-2pIZzGC-.js";import{t as h}from"./icon-badge-dwVx3Hxf.js";import{t as g}from"./inline-stat-DcNP6bcO.js";import{c as _,i as v,r as y,t as b,u as x}from"./item-YF6wMI9W.js";var S={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`},C=t(n(),1),w=p();function T({name:e,initials:t,avatarUrl:n,role:r,verified:i=!1,earnings:c,earningsChange:p,metrics:m=[],stats:T=[],onMessage:E,onHire:D,className:O,strings:k}){let A=d(S,k),[j,M]=(0,C.useState)(`overview`),N=t??e.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),P={overview:A.tabOverview,stats:A.tabStats},F=!!c||m.length>0,I=T.length>0,L=[[`overview`,F],[`stats`,I]].filter(([,e])=>e).map(([e])=>e),R=j===`overview`&&!F&&I?`stats`:j;return(0,w.jsxs)(`div`,{className:f(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,O),children:[(0,w.jsxs)(b,{className:`items-start px-0`,children:[(0,w.jsx)(_,{variant:n?`avatar`:`default`,children:n?(0,w.jsx)(`img`,{src:n,alt:e,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,w.jsx)(h,{tone:`primary`,size:`md`,className:`font-semibold ring-1 ring-primary/15`,children:N})}),(0,w.jsxs)(y,{children:[(0,w.jsx)(x,{children:(0,w.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[e,!!i&&(0,w.jsx)(h,{tone:`success`,solid:!0,size:`xs`,"aria-label":A.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,w.jsx)(o,{className:`size-2.5`,strokeWidth:3})})]})}),!!r&&(0,w.jsx)(v,{clamp:2,children:r})]})]}),L.length>1&&(0,w.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:L.map(e=>(0,w.jsx)(s,{type:`button`,"aria-pressed":R===e,onClick:()=>M(e),variant:`secondary`,buttonStyle:`ghost`,size:`xs`,className:f(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,R===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:P[e]},e))}),R===`overview`&&F&&(0,w.jsxs)(`div`,{className:`space-y-3`,children:[!!c&&(0,w.jsxs)(`div`,{children:[(0,w.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:A.totalEarnings}),(0,w.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,w.jsx)(a,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:c}),!!p&&(0,w.jsx)(a,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:p})]})]}),m.length>0&&(0,w.jsx)(`div`,{className:`space-y-1.5`,children:m.map(e=>(0,w.jsx)(g,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),R===`stats`&&I&&(0,w.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:T.map(e=>(0,w.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,w.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,w.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,w.jsx)(a,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,w.jsx)(a,{tag:`span`,size:`xxs`,weight:`semibold`,className:f(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,w.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,w.jsxs)(s,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:E,children:[(0,w.jsx)(u,{className:`mr-1.5 size-3.5`}),A.message]}),(0,w.jsxs)(s,{variant:`dark`,className:`flex-1 rounded-md`,onClick:D,children:[A.hire,(0,w.jsx)(l,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`VendorProfileCard`;var E=e({Minimal:()=>O,WithEverything:()=>D});function D(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Dimitar Kostadinov`,role:`Experience Vendor`,verified:!0,earnings:`8,420 USD`,earningsChange:`+12.5%`,metrics:[{label:`Experiences hosted`,value:`47`},{label:`Avg. rating`,value:`4.8 / 5.0`},{label:`Repeat customers`,value:`68%`}],stats:[{label:`This month`,value:`1,240 USD`,change:`+8%`},{label:`Bookings`,value:`23`,change:`+3`},{label:`Conversion`,value:`74%`,change:`+5%`},{label:`Avg. order`,value:`54 USD`,change:`-2%`}],onMessage:()=>{},onHire:()=>{}})})}function O(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Emma Garcia`,role:`New vendor`})})}var k=`import { VendorProfileCard } from '@/components/composed/cards/vendor-profile';
 
 export function WithEverything() {
 	return (
@@ -34,4 +34,4 @@ export function Minimal() {
 		</>
 	);
 }
-`;function A(e){let t={h4:`h4`,...e.components};return E||M(`Examples`,!1),O||M(`Examples.Minimal`,!0),D||M(`Examples.WithEverything`,!0),(0,w.jsxs)(i,{title:`Composed · Vendor profile`,description:`VendorProfileCard with metrics, stats and actions.`,layer:`composed`,status:`ready`,children:[(0,w.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,w.jsx)(c,{name:`WithEverything`,source:k,children:(0,w.jsx)(D,{})}),(0,w.jsx)(c,{name:`Minimal`,source:k,children:(0,w.jsx)(O,{})})]}),(0,w.jsxs)(o,{title:`API`,id:`api`,children:[(0,w.jsx)(t.h4,{children:`VendorProfileCard`}),(0,w.jsx)(m,{component:`VendorProfileCard`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,w.jsx)(t,{...e,children:(0,w.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};
+`;function A(e){let t={h4:`h4`,...e.components};return E||M(`Examples`,!1),O||M(`Examples.Minimal`,!0),D||M(`Examples.WithEverything`,!0),(0,w.jsxs)(r,{title:`Composed · Vendor profile`,description:`VendorProfileCard with metrics, stats and actions.`,layer:`composed`,status:`ready`,children:[(0,w.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,w.jsx)(c,{name:`WithEverything`,source:k,children:(0,w.jsx)(D,{})}),(0,w.jsx)(c,{name:`Minimal`,source:k,children:(0,w.jsx)(O,{})})]}),(0,w.jsxs)(i,{title:`API`,id:`api`,children:[(0,w.jsx)(t.h4,{children:`VendorProfileCard`}),(0,w.jsx)(m,{component:`VendorProfileCard`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,w.jsx)(t,{...e,children:(0,w.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/{video-DJm0ubTE.js → video-YBnCbmIb.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`video`,[[`path`,{d:`m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5`,key:`ftymec`}],[`rect`,{x:`2`,y:`6`,width:`14`,height:`12`,rx:`2`,key:`158x01`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`video`,[[`path`,{d:`m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5`,key:`ftymec`}],[`rect`,{x:`2`,y:`6`,width:`14`,height:`12`,rx:`2`,key:`158x01`}]]);export{t};

package/dist/showcase/assets/{wrench-gaXnvr_b.js → wrench-BFTavxzg.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`wrench`,[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`wrench`,[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]);export{t};

package/dist/showcase/assets/x-D8UN9pOu.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};

package/dist/showcase/assets/{zap-DHBVTfYZ.js → zap-DIJUAJEb.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`zap`,[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`,key:`1xq2db`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`zap`,[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`,key:`1xq2db`}]]);export{t};

package/dist/showcase/index.html

@@ -5,10 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Admin UI Starter Kit — Component Showcase</title>
-    <script type="module" crossorigin src="./assets/index-Cz4UGUT2.js"></script>
+    <script type="module" crossorigin src="./assets/index-BQIv1ffM.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/chunk-QTnfLwEv.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-Bz4cALsF.js">
-    <link rel="stylesheet" crossorigin href="./assets/index-ADfexGMA.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-DN3tqopz.css">
   </head>
   <body>
     <div id="root"></div>