admin-ui-starter-kit 0.1.4 → 0.4.2

package/dist/showcase/assets/textarea-CV5gNzXf.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Cr as n,Ir as r,Or as i,Tr as a}from"./example-C6-_Sy6B.js";import{t as o}from"./circle-x-CoV_AUtZ.js";import{D as s,a as c}from"./index-B8DVXCmf.js";import{a as l,i as u,r as d}from"./form-sizing-B8jbL5tL.js";var f=e(t(),1),p=c(),m={clear:`Clear textarea`},h=f.forwardRef(({className:e,maxLength:t,showCharacterCount:c,clearable:h,onClear:g,isLoading:_,invalid:v,size:y,autoResize:b=!1,minRows:x=2,maxRows:S,onChange:C,value:w,defaultValue:T,id:E,strings:D,...O},k)=>{let A=(0,f.useRef)(null),j=s(m,D),{defaultControlSize:M}=r(),N=u(y,M),{id:P,value:F,isReactHookForm:I,characterCount:L,hasCharacterLimit:R,showCount:z,hasValue:B,updateValue:V,clearValue:H,wouldExceedLimit:U}=l({controlledValue:w,defaultValue:T,maxLength:t,showCharacterCount:c,providedId:E,idPrefix:`textarea`,hasOnChange:C!==void 0}),W=!!v,G=(0,f.useRef)(0),K=(0,f.useCallback)(()=>{if(!b||!A.current)return;let e=A.current;G.current===0&&(G.current=parseInt(getComputedStyle(e).lineHeight)||20),e.style.height=`auto`;let t=G.current,n=t*x,r=S?t*S:1/0,i=Math.min(Math.max(e.scrollHeight,n),r);e.style.height=`${i}px`},[b,S,x]);(0,f.useEffect)(()=>{K()},[F,b,K]);let q=(0,f.useCallback)(e=>{let t=e.target.value;U(t)||(V(t),C?.(e),b&&setTimeout(K,0))},[C,V,U,b,K]),J=(0,f.useCallback)(()=>{H(),C?.({target:{value:``},currentTarget:{value:``}}),g?.(),A.current?.focus(),b&&setTimeout(K,0)},[H,C,g,b,K]),Y=h&&B&&!_;return(0,p.jsxs)(`div`,{className:a(`textarea--component`,`relative w-full`),children:[(0,p.jsx)(`textarea`,{ref:e=>{typeof k==`function`?k(e):k&&(k.current=e),A.current=e},id:P,...!I&&{value:F},onChange:q,maxLength:t,"aria-invalid":W||void 0,disabled:O.disabled||_,rows:x,style:{resize:b?`none`:O.style?.resize,overflow:b&&S?`auto`:`visible`,...O.style},className:a(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-md border bg-transparent px-3 py-2`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,d[N],`focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]`,`aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive`,Y&&`pr-10`,z&&`pr-16`,e),...O}),!!z&&(0,p.jsx)(`div`,{className:a(`pointer-events-none absolute top-2 right-3 text-xs tabular-nums`,O.disabled&&`opacity-50`,W?`text-destructive`:`text-muted-foreground`),"aria-live":`polite`,role:`status`,children:(0,p.jsxs)(n,{tag:`span`,size:`xs`,type:W?`error`:`secondary`,children:[L,R?`/${t}`:``]})}),!!_&&!z&&(0,p.jsx)(`div`,{className:a(`pointer-events-none absolute top-2 right-3`,W?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(i,{size:16,className:`animate-spin`,"aria-hidden":`true`})}),!!Y&&!z&&(0,p.jsx)(`button`,{type:`button`,className:`text-muted-foreground/80 hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 absolute top-2 right-2 flex h-6 w-6 items-center justify-center rounded transition-[color,box-shadow] outline-none focus-visible:z-10 focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,"aria-label":j.clear,onClick:J,disabled:_,children:(0,p.jsx)(o,{size:14,"aria-hidden":`true`})})]})});h.displayName=`Textarea`;export{h as t};

package/dist/showcase/assets/timelines-CF0UYhwm.js

@@ -1,200 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Ar as t,Cr as n,Dr as r,Or as i,Tr as a,gr as o,hr as s,mr as c,t as l}from"./example-C6-_Sy6B.js";import{n as u,t as ee}from"./flag-DeiJmomk.js";import{t as te}from"./circle-check-big-tiuK2w0-.js";import{t as d}from"./circle-BBmNFtO8.js";import{t as ne}from"./clock-Bn2R4aDX.js";import{t as re}from"./credit-card-BoDfW0R8.js";import{t as f}from"./file-text-BIi71mZ1.js";import{t as p}from"./heart-DjKkkUsX.js";import{t as m}from"./mail-yNXDtmNr.js";import{t as ie}from"./minus-DvrDGcTv.js";import{t as ae}from"./plus-C9kwz7rW.js";import{t as oe}from"./receipt-CfMgwFPl.js";import{t as se}from"./shopping-bag-EDVpxI9n.js";import{t as ce}from"./wrench-1Ra9xb3d.js";import{t as le}from"./x-CE8oevyh.js";import{D as h,a as g,r as _}from"./index-B8DVXCmf.js";import{t as v}from"./props-table-CM_1cocj.js";import{t as y}from"./smart-card-7szg_qSt.js";var b=_(`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=g(),S={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:t},current:{dot:`bg-primary text-white ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:i},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:d}};function ue({status:e}){let{dot:t,Icon:n}=S[e],r=e===`current`;return(0,x.jsx)(`div`,{className:a(`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:a(`h-4 w-4`,r&&`animate-spin`)})})}function C({title:e,description:t,steps:r,footerText:i,className:s}){return(0,x.jsx)(y,{title:e,description:t,footerText:i,className:s,children:(0,x.jsx)(`div`,{className:`relative`,children:r.map((e,t)=>{let i=t===r.length-1,{line:s,title:c}=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:a(`w-0.5 flex-1 min-h-6`,s)})]}),(0,x.jsxs)(`div`,{className:a(`flex-1 pb-6`,i&&`pb-0`),children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,x.jsx)(n,{weight:`semibold`,className:c,children:e.title}),!!e.badge&&(0,x.jsx)(o,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,x.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,x.jsx)(n,{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:r}){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)(t,{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-white`,children:(0,x.jsx)(n,{weight:`bold`,className:`text-white`,children:r})}):(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)(n,{weight:`medium`,className:`text-muted-foreground`,children:r})})}function T({title:e,description:t,steps:r,footerText:i,className:o}){return(0,x.jsxs)(y,{title:e,description:t,footerText:i,className:o,children:[(0,x.jsx)(`div`,{className:`space-y-3 sm:hidden`,children:r.map((e,t)=>{let i=t===r.length-1,o=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}),!i&&(0,x.jsx)(`div`,{className:a(`mt-1 w-0.5 flex-1 min-h-5`,o)})]}),(0,x.jsxs)(`div`,{className:a(`min-w-0 flex-1 pb-2`,i&&`pb-0`),children:[(0,x.jsx)(n,{weight:`semibold`,className:a(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,x.jsx)(n,{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,t)=>{let i=t===r.length-1,o=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:a(`h-0.5 flex-1`,r[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}),!i&&(0,x.jsx)(`div`,{className:a(`h-0.5 flex-1`,o)}),!!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)(n,{size:`xs`,weight:`semibold`,className:a(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,x.jsx)(n,{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:r,footerText:i,className:o}){return(0,x.jsx)(y,{title:e,description:t,footerText:i,className:a(`order-timeline--component`,o),children:(0,x.jsx)(`div`,{className:`relative space-y-0`,children:r.map((e,t)=>(0,x.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[t!==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:a(`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)(n,{weight:`medium`,className:`truncate`,children:e.title}),(0,x.jsx)(n,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,x.jsx)(n,{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:a(`payment-timeline--component`,t),children:(0,x.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((t,r)=>{let i=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:a(`flex size-8 items-center justify-center rounded-full`,t.done?`bg-success/20`:`bg-muted`),children:(0,x.jsx)(i,{className:a(`size-3.5`,t.done?`text-success`:`text-muted-foreground`)})}),r<e.length-1&&(0,x.jsx)(`div`,{className:a(`mt-1 h-8 w-px`,t.done?`bg-success/30`:`bg-border`)})]}),(0,x.jsxs)(`div`,{className:`pb-6`,children:[(0,x.jsx)(n,{weight:`medium`,children:t.label}),(0,x.jsx)(n,{size:`xs`,type:`secondary`,children:t.date}),!!t.amount&&(0,x.jsx)(n,{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:r}){let i=h(O,r);return e.length===0?(0,x.jsx)(y,{icon:(0,x.jsx)(u,{className:`size-4`}),title:i.title,className:a(`activity-stream--component`,t),children:(0,x.jsx)(n,{type:`secondary`,align:`center`,className:`py-6`,children:i.empty})}):(0,x.jsx)(y,{icon:(0,x.jsx)(u,{className:`size-4`}),title:i.title,className:t,children:(0,x.jsx)(`ul`,{className:`space-y-3`,children:e.map((t,r)=>{let i=t.icon??d,o=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:a(`flex size-7 items-center justify-center rounded-full`,k[t.iconVariant??`primary`]),children:(0,x.jsx)(i,{className:`size-3.5`})}),!o&&(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)(n,{tag:`span`,weight:`semibold`,children:t.actor}),(0,x.jsx)(n,{tag:`span`,type:`secondary`,children:t.action}),!!t.target&&(0,x.jsx)(n,{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)(n,{size:`xs`,type:`secondary`,children:[(0,x.jsxs)(n,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,x.jsx)(n,{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:r}){return(0,x.jsx)(`ol`,{className:a(`timeline--component`,`relative space-y-4`,r),children:e.map((r,i)=>{let o=N[r.status??`neutral`],s=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:a(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,o.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:a(`inline-flex items-center justify-center rounded-full ring-2`,o.bg,o.text,o.ring,j[t]),children:!!s&&(0,x.jsx)(s,{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)(n,{weight:`medium`,className:`leading-tight`,children:r.title}),!!r.timestamp&&(0,x.jsx)(n,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:r.timestamp})]}),!!r.description&&(0,x.jsx)(n,{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:ae,removed:ie,modified:ce,fixed:b};function z({entries:e,className:t,strings:r}){let i=h(F,r),s={added:i.added,removed:i.removed,modified:i.modified,fixed:i.fixed},c=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)(o,{variant:L[e.kind],children:s[e.kind]}),(0,x.jsx)(`span`,{children:e.title}),!!e.version&&(0,x.jsx)(n,{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)(n,{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:a(`changelog-timeline--component`,t),children:(0,x.jsx)(P,{items:c,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:t,in_progress:ne,upcoming:d,blocked:le},pe={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function H({milestones:e,className:t,strings:r}){let i=h(B,r),s={completed:i.completed,in_progress:i.in_progress,upcoming:i.upcoming,blocked:i.blocked},c=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)(o,{variant:pe[e.status],children:s[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:a(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,x.jsxs)(n,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,x.jsx)(y,{icon:(0,x.jsx)(ee,{className:`size-4`}),title:i.title,className:a(`milestones-timeline--component`,t),children:(0,x.jsx)(P,{items:c,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:f},{label:`Reminder sent`,date:`Apr 5`,done:!0,icon:m},{label:`Payment received`,date:`Apr 12`,amount:`2,480 USD`,done:!0,icon:re},{label:`Receipt generated`,date:`Apr 12`,done:!1,icon:oe}]})})})}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:te,iconVariant:`success`,actor:`Sarah Smitha`,action:`paid invoice`,target:`#INV-2026-0392`,timestamp:`2 minutes ago`},{id:`2`,icon:se,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:p,iconVariant:`warning`,actor:`Emma Garcia`,action:`favorited`,target:`Hot Air Balloon`,timestamp:`1 hour ago`},{id:`4`,icon:r,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,
-	FileText,
-	Heart,
-	Mail,
-	Receipt,
-	ShoppingBag,
-} from 'lucide-react';
-import {
-	ActivityStreamCard,
-	ChangelogTimelineCard,
-	MilestonesTimelineCard,
-	OrderTimelineCard,
-	PaymentTimelineCard,
-	StepsCard,
-	StepsHorizontal,
-} from '@/components/composed/timelines';
-
-const steps = [
-	{ id: '1', title: 'Order Placed', description: 'Customer completed checkout', status: 'completed' as const, timestamp: 'Mar 24' },
-	{ id: '2', title: 'Payment Confirmed', status: 'completed' as const, timestamp: 'Mar 24', badge: 'Verified', badgeVariant: 'success' as const },
-	{ id: '3', title: 'Preparing Vouchers', description: 'Generating codes', status: 'current' as const },
-	{ id: '4', title: 'Ready for Delivery', status: 'upcoming' as const },
-	{ id: '5', title: 'Delivered', status: 'upcoming' as const },
-];
-
-export function StepsVertical() {
-	return (
-		<>
-			<div className="w-full max-w-2xl">
-				<StepsCard title="Order Processing" description="Order #ORD-2026-0412" steps={steps} />
-			</div>
-		</>
-	);
-}
-
-export function StepsHorizontalExample() {
-	return (
-		<>
-			<div className="w-full max-w-3xl">
-				<StepsHorizontal title="Delivery Pipeline" steps={steps} />
-			</div>
-		</>
-	);
-}
-
-export function OrderTimeline() {
-	return (
-		<>
-			<div className="w-full max-w-2xl">
-				<OrderTimelineCard
-								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"
-							/>
-			</div>
-		</>
-	);
-}
-
-export function PaymentTimeline() {
-	return (
-		<>
-			<div className="w-full max-w-2xl">
-				<PaymentTimelineCard
-								events={[
-									{ label: 'Invoice sent', date: 'Mar 20', amount: '2,480 USD', done: true, icon: FileText },
-									{ label: 'Reminder sent', date: 'Apr 5', done: true, icon: Mail },
-									{ label: 'Payment received', date: 'Apr 12', amount: '2,480 USD', done: true, icon: CreditCard },
-									{ label: 'Receipt generated', date: 'Apr 12', done: false, icon: Receipt },
-								]}
-							/>
-			</div>
-		</>
-	);
-}
-
-export function ActivityStreamReadOnlyTracking() {
-	return (
-		<>
-			<div className="w-full max-w-2xl">
-				<ActivityStreamCard
-								items={[
-									{ id: '1', icon: CheckCircle, iconVariant: 'success', actor: 'Sarah Smitha', action: 'paid invoice', target: '#INV-2026-0392', timestamp: '2 minutes ago' },
-									{ id: '2', icon: ShoppingBag, 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: Heart, iconVariant: 'warning', actor: 'Emma Garcia', action: 'favorited', target: 'Hot Air Balloon', timestamp: '1 hour ago' },
-									{ id: '4', icon: AlertTriangle, iconVariant: 'error', action: 'Webhook failure on', target: 'shopify.payments.captured', timestamp: '3 hours ago' },
-								]}
-							/>
-			</div>
-		</>
-	);
-}
-
-export function Changelog() {
-	return (
-		<>
-			<div className="w-full max-w-2xl">
-				<ChangelogTimelineCard
-								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.',
-									},
-								]}
-							/>
-			</div>
-		</>
-	);
-}
-
-export function Milestones() {
-	return (
-		<>
-			<div className="w-full max-w-2xl">
-				<MilestonesTimelineCard
-								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',
-									},
-								]}
-							/>
-			</div>
-		</>
-	);
-}
-`;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)(s,{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)(c,{title:`Examples`,id:`examples`,children:[(0,x.jsx)(l,{name:`StepsVertical`,source:Z,children:(0,x.jsx)(W,{})}),(0,x.jsx)(l,{name:`StepsHorizontalExample`,source:Z,children:(0,x.jsx)(G,{})}),(0,x.jsx)(l,{name:`OrderTimeline`,source:Z,children:(0,x.jsx)(K,{})}),(0,x.jsx)(l,{name:`PaymentTimeline`,source:Z,children:(0,x.jsx)(q,{})}),(0,x.jsx)(l,{name:`ActivityStreamReadOnlyTracking`,source:Z,children:(0,x.jsx)(J,{})}),(0,x.jsx)(l,{name:`Changelog`,source:Z,children:(0,x.jsx)(Y,{})}),(0,x.jsx)(l,{name:`Milestones`,source:Z,children:(0,x.jsx)(X,{})})]}),(0,x.jsxs)(c,{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-CK8mBx6E.js

@@ -1 +0,0 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Gn as n,Ht as r,Qn as i,Tr as a,g as o,ir as s,qn as c,sn as l,tr as u,vr as d}from"./example-C6-_Sy6B.js";import{a as f}from"./index-B8DVXCmf.js";import{t as p}from"./useControlled-Cpg8gDqb.js";import{t as m}from"./ToolbarRootContext-BJ7hWga8.js";import{t as h}from"./CompositeItem-C-DIOBdJ.js";import{t as g}from"./CompositeRoot-Ce4ORgG2.js";var _=e(t()),v=_.createContext(void 0);function y(e=!0){let t=_.useContext(v);if(t===void 0&&!e)throw Error(u(7));return t}var b=f(),x=_.forwardRef(function(e,t){let{className:a,defaultPressed:s=!1,disabled:c=!1,form:u,onPressedChange:d,pressed:f,render:m,type:g,value:_,nativeButton:v=!0,style:x,...S}=e,C=o(_||void 0),w=y(),T=w?.value??[],E=w?void 0:s,D=(c||w?.disabled)??!1,[O,k]=p({controlled:w?C!==void 0&&T.indexOf(C)>-1:f,default:E,name:`Toggle`,state:`pressed`}),{getButtonProps:A,buttonRef:j}=i({disabled:D,native:v}),M={disabled:D,pressed:O},N=[j,t],P=[{"aria-pressed":O,onClick(e){let t=!O,n=r(l,e.nativeEvent);C&&w?.setGroupValue?.(C,t,n),d?.(t,n),!n.isCanceled&&k(t)}},S,A],F=n(`button`,e,{enabled:!w,state:M,ref:N,props:P});return w?(0,b.jsx)(h,{tag:`button`,render:m,className:a,style:x,state:M,refs:N,props:P}):F}),S=function(e){return e.disabled=`data-disabled`,e.orientation=`data-orientation`,e.multiple=`data-multiple`,e}({}),C={multiple(e){return e?{[S.multiple]:``}:null}},w=_.forwardRef(function(e,t){let{defaultValue:r,disabled:i=!1,loopFocus:a=!0,onValueChange:o,orientation:l=`horizontal`,multiple:u=!1,value:d,className:f,render:h,style:y,...x}=e,S=m(!0),w=_.useMemo(()=>d!==void 0||r!==void 0,[d,r]),T=(S?.disabled??!1)||i,[E,D]=p({controlled:d,default:d===void 0?r??c:void 0,name:`ToggleGroup`,state:`value`}),O=s((e,t,n)=>{let r;u?(r=E.slice(),t?r.push(e):r.splice(E.indexOf(e),1)):r=t?[e]:[],o?.(r,n),!n.isCanceled&&D(r)}),k={disabled:T,multiple:u,orientation:l},A=_.useMemo(()=>({disabled:T,orientation:l,setGroupValue:O,value:E,isValueInitialized:w}),[T,l,O,E,w]),j={role:`group`},M=n(`div`,e,{enabled:!!S,state:k,ref:t,props:[j,x],stateAttributesMapping:C});return(0,b.jsx)(v.Provider,{value:A,children:S?M:(0,b.jsx)(g,{render:h,className:f,style:y,state:k,refs:[t],props:[j,x],stateAttributesMapping:C,loopFocus:a,enableHomeAndEndKeys:!0,orientation:l})})}),T=d(`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 E({className:e,variant:t=`default`,size:n=`default`,...r}){return(0,b.jsx)(x,{"data-slot":`toggle`,className:a(T({variant:t,size:n,className:e})),...r})}var D=_.createContext({size:`default`,variant:`default`,spacing:0,orientation:`horizontal`});function O({className:e,variant:t,size:n,spacing:r=0,orientation:i=`horizontal`,children:o,...s}){return(0,b.jsx)(w,{"data-slot":`toggle-group`,"data-variant":t,"data-size":n,"data-spacing":r,"data-orientation":i,style:{"--gap":r},className:a(`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),...s,children:(0,b.jsx)(D.Provider,{value:{variant:t,size:n,spacing:r,orientation:i},children:o})})}function k({className:e,children:t,variant:n=`default`,size:r=`default`,...i}){let o=_.useContext(D);return(0,b.jsx)(x,{"data-slot":`toggle-group-item`,"data-variant":o.variant||n,"data-size":o.size||r,"data-spacing":o.spacing,className:a(`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`,T({variant:o.variant||n,size:o.size||r}),e),...i,children:t})}export{k as n,E as r,O as t};

package/dist/showcase/assets/toggles-CqJSApnF.js

@@ -1,71 +0,0 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Tr as r,hr as i,mr as a,t as o}from"./example-C6-_Sy6B.js";import{t as s}from"./circle-BBmNFtO8.js";import{a as c}from"./index-B8DVXCmf.js";import{a as l,i as u,n as d,r as f,t as p}from"./RadioGroup-DAWaa26D.js";import{t as m}from"./switch-B4iRxZFU.js";import{n as h,t as g}from"./PreviewLayout-N1PTTyZK.js";var _=t(n(),1),v=c();function y({className:e,...t}){return(0,v.jsx)(p,{"data-slot":`radio-group`,className:r(`grid gap-3 w-full`,e),...t})}function b({className:e,...t}){return(0,v.jsx)(f,{"data-slot":`radio-group-item`,className:r(`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)(d,{"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)(s,{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)(m,{checked:e,onCheckedChange:t}),e?`On`:`Off`]}),(0,v.jsxs)(`label`,{className:`inline-flex items-center gap-2 text-sm`,children:[(0,v.jsx)(m,{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)(u,{"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';
-import { Slider } from '@/components/ui/slider';
-import { Row, Col } from '../../PreviewLayout';
-
-export function CheckboxExample() {
-	const [agreed, setAgreed] = useState(false);
-	return (
-		<>
-			<Row>
-								<label className="inline-flex items-center gap-2 text-sm">
-									<Checkbox checked={agreed} onCheckedChange={(v) => setAgreed(v === true)} /> I agree
-								</label>
-								<label className="inline-flex items-center gap-2 text-sm opacity-50">
-									<Checkbox disabled /> Disabled
-								</label>
-								<label className="inline-flex items-center gap-2 text-sm">
-									<Checkbox indeterminate /> Indeterminate
-								</label>
-							</Row>
-		</>
-	);
-}
-
-export function SwitchExample() {
-	const [enabled, setEnabled] = useState(true);
-	return (
-		<>
-			<Row>
-								<label className="inline-flex items-center gap-2 text-sm">
-									<Switch checked={enabled} onCheckedChange={setEnabled} />
-									{enabled ? 'On' : 'Off'}
-								</label>
-								<label className="inline-flex items-center gap-2 text-sm">
-									<Switch size="sm" defaultChecked />
-									sm
-								</label>
-							</Row>
-		</>
-	);
-}
-
-export function RadioGroupExample() {
-	const [size, setSize] = useState('md');
-	return (
-		<>
-			<RadioGroup value={size} onValueChange={setSize}>
-								<Col>
-									{['sm', 'md', 'lg'].map((s) => (
-										<label key={s} className="inline-flex items-center gap-2 text-sm">
-											<RadioGroupItem value={s} /> {s.toUpperCase()}
-										</label>
-									))}
-								</Col>
-							</RadioGroup>
-		</>
-	);
-}
-
-export function SliderExample() {
-	const [vol, setVol] = useState<number>(40);
-	return (
-		<>
-			<Slider aria-label="Volume" value={[vol]} onValueChange={(v) => setVol(Array.isArray(v) ? v[0] : v)} />
-							<div className="mt-2 text-xs text-muted-foreground">value: {vol}</div>
-		</>
-	);
-}
-`;function D(e){return x||k(`Examples`,!1),S||k(`Examples.CheckboxExample`,!0),w||k(`Examples.RadioGroupExample`,!0),T||k(`Examples.SliderExample`,!0),C||k(`Examples.SwitchExample`,!0),(0,v.jsx)(i,{title:`UI · Toggles`,description:`Checkbox, Switch, RadioGroup, Slider primitives.`,layer:`ui`,status:`ready`,children:(0,v.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(o,{name:`CheckboxExample`,source:E,children:(0,v.jsx)(S,{})}),(0,v.jsx)(o,{name:`SwitchExample`,source:E,children:(0,v.jsx)(C,{})}),(0,v.jsx)(o,{name:`RadioGroupExample`,source:E,children:(0,v.jsx)(w,{})}),(0,v.jsx)(o,{name:`SliderExample`,source:E,children:(0,v.jsx)(T,{})})]})})}function O(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(D,{...e})}):D(e)}function k(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{O as default};

package/dist/showcase/assets/toggles-group-v0JijMzG.js

@@ -1,32 +0,0 @@
-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-C6-_Sy6B.js";import{n as o,t as s}from"./italic-CXkAsf6H.js";import{a as c,r as l}from"./index-B8DVXCmf.js";import{n as u,r as d,t as f}from"./toggle-group-CK8mBx6E.js";var p=l(`text-align-center`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M17 12H7`,key:`16if0g`}],[`path`,{d:`M19 19H5`,key:`vjpgq2`}]]),m=l(`text-align-end`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M21 12H9`,key:`dn1m92`}],[`path`,{d:`M21 19H7`,key:`4cu937`}]]),h=l(`text-align-start`,[[`path`,{d:`M21 5H3`,key:`1fi0y6`}],[`path`,{d:`M15 12H3`,key:`6jk70r`}],[`path`,{d:`M17 19H3`,key:`z6ezky`}]]),g=l(`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=c();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';
-
-export function SingleToggle() {
-	const [pressed, setPressed] = useState(false);
-	return (
-		<>
-			<Toggle aria-label="Bold" pressed={pressed} onPressedChange={setPressed}>
-								<Bold />
-							</Toggle>
-		</>
-	);
-}
-
-export function MultipleSelectGroup() {
-	const [marks, setMarks] = useState<string[]>(['bold']);
-	return (
-		<>
-			<ToggleGroup value={marks} onValueChange={setMarks}>
-								<ToggleGroupItem aria-label="Bold" value="bold"><Bold /></ToggleGroupItem>
-								<ToggleGroupItem aria-label="Italic" value="italic"><Italic /></ToggleGroupItem>
-								<ToggleGroupItem aria-label="Underline" value="underline"><Underline /></ToggleGroupItem>
-								<ToggleGroupItem aria-label="Align left" value="left"><AlignLeft /></ToggleGroupItem>
-								<ToggleGroupItem aria-label="Align center" value="center"><AlignCenter /></ToggleGroupItem>
-								<ToggleGroupItem aria-label="Align right" value="right"><AlignRight /></ToggleGroupItem>
-							</ToggleGroup>
-		</>
-	);
-}
-`;function C(e){return _||T(`Examples`,!1),x||T(`Examples.MultipleSelectGroup`,!0),b||T(`Examples.SingleToggle`,!0),(0,y.jsx)(r,{title:`UI · Toggle + ToggleGroup`,description:`Single toggle + radio/multiple group.`,layer:`ui`,status:`ready`,children:(0,y.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,y.jsx)(a,{name:`SingleToggle`,source:S,children:(0,y.jsx)(b,{})}),(0,y.jsx)(a,{name:`MultipleSelectGroup`,source:S,children:(0,y.jsx)(x,{})})]})})}function w(e={}){let{wrapper:t}=e.components||{};return t?(0,y.jsx)(t,{...e,children:(0,y.jsx)(C,{...e})}):C(e)}function T(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{w as default};

package/dist/showcase/assets/trash-2-_xF5j-Ya.js

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

@@ -1 +0,0 @@
-import{r as e}from"./index-B8DVXCmf.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-CryH-5dx.js

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

@@ -1,215 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,Sr as n,Tr as r,hr as i,mr as a,t as o,wr as s}from"./example-C6-_Sy6B.js";import{a as c}from"./index-B8DVXCmf.js";import{t as l}from"./props-table-CM_1cocj.js";import{t as u}from"./label-BmKD22pm.js";import{t as d}from"./text-link-TzuDnSCF.js";import{t as f}from"./input-25epjsiD.js";var p=c(),m={primary:`bg-primary text-primary-foreground`,success:`bg-success text-success-foreground`,error:`bg-destructive text-destructive-foreground`,warning:`bg-warning text-warning-foreground`},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:r(`px-1.5 py-0.5 rounded-sm`,m[t]),children:e})}function _({content:e,variant:t=`primary`}){return(0,p.jsx)(`span`,{className:r(`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:s(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)(n,{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)(n,{tag:`h2`,subHeading:`A short supporting line beneath the heading.`,children:`Section title`}),(0,p.jsx)(n,{tag:`h3`,subHeading:`Centered subheading.`,align:`center`,children:`Centered`}),(0,p.jsx)(n,{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)(t,{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)(t,{type:e,children:[`type="`,e,`" — sample text`]},e)),(0,p.jsx)(`div`,{className:`rounded-md bg-foreground p-3`,children:(0,p.jsx)(t,{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)(t,{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)(t,{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)(t,{align:`left`,children:`Left aligned text`}),(0,p.jsx)(t,{align:`center`,children:`Center aligned text`}),(0,p.jsx)(t,{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)(t,{content:`Rendered via the content prop`}),(0,p.jsx)(t,{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)(t,{tag:`p`,children:`tag="p" (default)`}),(0,p.jsx)(t,{tag:`div`,children:`tag="div"`}),(0,p.jsx)(t,{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)(t,{children:[`Default `,(0,p.jsx)(g,{content:`primary`}),` highlighted text`]}),(0,p.jsxs)(t,{children:[`Variant `,(0,p.jsx)(g,{content:`success`,variant:`success`}),` highlight`]}),(0,p.jsxs)(t,{children:[`Variant `,(0,p.jsx)(g,{content:`warning`,variant:`warning`}),` highlight`]}),(0,p.jsxs)(t,{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)(t,{children:(0,p.jsx)(_,{content:`primary underline`})}),(0,p.jsx)(t,{children:(0,p.jsx)(_,{content:`success underline`,variant:`success`})}),(0,p.jsx)(t,{children:(0,p.jsx)(_,{content:`warning underline`,variant:`warning`})}),(0,p.jsx)(t,{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)(n,{tag:`h1`,subHeading:`Published 3 May 2026 by Sarah Smitha`,children:`Designing for clarity at scale`}),(0,p.jsx)(t,{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)(n,{tag:`h2`,children:`The three rules`}),(0,p.jsxs)(t,{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';
-import { HighLight, Underline, DangerousHTML } from '@/components/typography/typography';
-import { Input } from '@/components/base/forms/fields';
-
-const SIZES = ['xxs', 'xs', 'sm', 'base', 'lg', 'xl'] as const;
-const TYPES = ['main', 'inverse', 'secondary', 'discrete', 'error', 'success', 'primary'] as const;
-const WEIGHTS = ['regular', 'medium', 'semibold', 'bold'] as const;
-const LINE_HEIGHTS = ['none', 'tight', 'snug', 'normal', 'relaxed', 'loose'] as const;
-
-export function HeadingTags() {
-	return (
-		<div className="flex flex-col gap-3 w-full">
-			{(['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] as const).map((tag) => (
-				<Heading key={tag} tag={tag}>{tag.toUpperCase()} — The quick brown fox</Heading>
-			))}
-		</div>
-	);
-}
-
-export function HeadingWithSubHeading() {
-	return (
-		<div className="flex flex-col gap-6 w-full">
-			<Heading tag="h2" subHeading="A short supporting line beneath the heading.">
-				Section title
-			</Heading>
-			<Heading tag="h3" subHeading="Centered subheading." align="center">
-				Centered
-			</Heading>
-			<Heading tag="h3" subHeading="Right-aligned subheading." align="right">
-				Right
-			</Heading>
-		</div>
-	);
-}
-
-export function TextSizes() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			{SIZES.map((size) => (
-				<Text key={size} size={size}>
-					{size}: The quick brown fox jumps over the lazy dog.
-				</Text>
-			))}
-		</div>
-	);
-}
-
-export function TextTypes() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			{TYPES.filter((t) => t !== 'inverse').map((type) => (
-				<Text key={type} type={type}>
-					type=&quot;{type}&quot; — sample text
-				</Text>
-			))}
-			<div className="rounded-md bg-foreground p-3">
-				<Text type="inverse">type=&quot;inverse&quot; — on dark background</Text>
-			</div>
-		</div>
-	);
-}
-
-export function TextWeights() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			{WEIGHTS.map((w) => (
-				<Text key={w} weight={w}>weight={w} — sample text</Text>
-			))}
-		</div>
-	);
-}
-
-export function TextLineHeights() {
-	return (
-		<div className="flex flex-col gap-3 w-full">
-			{LINE_HEIGHTS.map((lh) => (
-				<div key={lh} className="rounded border border-dashed border-border p-2">
-					<Text lineHeight={lh}>
-						lineHeight=&quot;{lh}&quot; — Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-						Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-					</Text>
-				</div>
-			))}
-		</div>
-	);
-}
-
-export function TextAlignment() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			<Text align="left">Left aligned text</Text>
-			<Text align="center">Center aligned text</Text>
-			<Text align="right">Right aligned text</Text>
-		</div>
-	);
-}
-
-export function TextContentAndHTML() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			<Text content="Rendered via the content prop" />
-			<Text asHTML content="<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; is stripped." />
-		</div>
-	);
-}
-
-export function TextTags() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			<Text tag="p">tag=&quot;p&quot; (default)</Text>
-			<Text tag="div">tag=&quot;div&quot;</Text>
-			<Text tag="span">tag=&quot;span&quot; — flows inline</Text>
-		</div>
-	);
-}
-
-export function LabelExample() {
-	return (
-		<div className="flex flex-col gap-3 w-full max-w-sm">
-			<div className="space-y-1">
-				<Label htmlFor="typography-email">Email address</Label>
-				<Input id="typography-email" placeholder="you@example.com" />
-			</div>
-			<div className="space-y-1">
-				<Label htmlFor="typography-custom-label" className="text-primary">Custom-coloured label</Label>
-				<Input id="typography-custom-label" />
-			</div>
-		</div>
-	);
-}
-
-export function TextLinkVariants() {
-	return (
-		<div className="flex flex-col gap-2 w-full">
-			<TextLink href="#">Default link</TextLink>
-			<TextLink href="#" underline={false}>Without underline</TextLink>
-			<TextLink href="#" type="primary" weight="semibold">Primary semibold</TextLink>
-			<TextLink href="#" type="error">Destructive link</TextLink>
-			<TextLink href="#" type="success">Success link</TextLink>
-		</div>
-	);
-}
-
-export function TextLinkSizes() {
-	return (
-		<div className="flex flex-wrap items-baseline gap-4 w-full">
-			<TextLink href="#" size="xs">xs</TextLink>
-			<TextLink href="#" size="sm">sm</TextLink>
-			<TextLink href="#" size="base">base</TextLink>
-			<TextLink href="#" size="lg">lg</TextLink>
-			<TextLink href="#" size="xl">xl</TextLink>
-		</div>
-	);
-}
-
-export function HighLightExample() {
-	return (
-		<div className="flex flex-col gap-2">
-			<Text>Default <HighLight content="primary" /> highlighted text</Text>
-			<Text>Variant <HighLight content="success" variant="success" /> highlight</Text>
-			<Text>Variant <HighLight content="warning" variant="warning" /> highlight</Text>
-			<Text>Variant <HighLight content="error" variant="error" /> highlight</Text>
-		</div>
-	);
-}
-
-export function UnderlineExample() {
-	return (
-		<div className="flex flex-col gap-2">
-			<Text><Underline content="primary underline" /></Text>
-			<Text><Underline content="success underline" variant="success" /></Text>
-			<Text><Underline content="warning underline" variant="warning" /></Text>
-			<Text><Underline content="error underline" variant="error" /></Text>
-		</div>
-	);
-}
-
-export function DangerousHTMLExample() {
-	return (
-		<div className="w-full max-w-md">
-			<DangerousHTML>{'<strong>Sanitised</strong> HTML — &lt;script&gt;alert(1)&lt;/script&gt; tags are stripped before render.'}</DangerousHTML>
-		</div>
-	);
-}
-
-export function RealisticArticle() {
-	return (
-		<article className="w-full max-w-2xl space-y-4">
-			<Heading tag="h1" subHeading="Published 3 May 2026 by Sarah Smitha">
-				Designing for clarity at scale
-			</Heading>
-			<Text size="base" lineHeight="relaxed">
-				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.
-			</Text>
-			<Heading tag="h2">The three rules</Heading>
-			<Text lineHeight="relaxed">
-				One typeface. One scale. One weight per role.
-				<TextLink href="#" type="primary" className="ml-1">Read the full essay</TextLink>.
-			</Text>
-		</article>
-	);
-}
-`;function V(e){let t={code:`code`,p:`p`,...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:`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};