admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/showcase/assets/tags-input-DmBY2CKI.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,Ur as r,Yr as i,jr as a}from"./example-Cz_880po.js";import{t as o}from"./minus-DByvcC8K.js";import{t as s}from"./plus-D5swsZCz.js";import{t as c}from"./x-D8UN9pOu.js";import{k as l,n as u,s as d}from"./index-BQIv1ffM.js";import{t as f}from"./text-button-C54O1rZM.js";import{t as p}from"./label-BgpcD3V6.js";import{t as m}from"./checkbox-BI3gcjED.js";import{i as h}from"./form-sizing-DHUDpiPA.js";import{t as g}from"./input-NIgvB9CZ.js";import{t as _}from"./switch-DwAS_TXx.js";var v=e(t(),1),y=d(),b={decrement:`Decrement`,increment:`Increment`},x=(e,t,n)=>{if(!e)return``;let r=e;if(r=r.replace(/,/g,`.`),r=n?r.replace(/[^\d.-]/g,``):r.replace(/[^\d.]/g,``),n&&r.includes(`-`)){let e=r.startsWith(`-`);r=r.replace(/-/g,``),e&&(r=`-`+r)}let i=r.split(`.`);return i.length>2&&(r=i[0]+`.`+i.slice(1).join(``)),i.length===2&&i[1].length>t&&(r=i[0]+`.`+i[1].substring(0,t)),r},S=(e,t,n)=>{if(!e||e===`-`)return!0;let r=parseFloat(e);return Number.isNaN(r)?!0:!(t!==void 0&&r<t||n!==void 0&&r>n)};function C(e,t,n){let r=10**t,i=e*r;switch(n){case`floor`:return Math.floor(i)/r;case`ceil`:return Math.ceil(i)/r;case`half-even`:{let e=Math.floor(i),t=i-e;return t>.5?(e+1)/r:t<.5?e/r:(e%2==0?e:e+1)/r}default:return Math.round(i)/r}}function w(e,t,n){let r=e;return t!==void 0&&(r=Math.max(t,r)),n!==void 0&&(r=Math.min(n,r)),r}function T(e,t,n,r,i=`round`){let a=r??0,o=(e-a)/n,s=a+((i===`floor`?Math.floor(o):i===`ceil`?Math.ceil(o):Math.round(o))+t)*n;return Number(s.toFixed(12))}function E(e,t,n){let r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set;r?r.call(e,t):e.value=t,n&&n({target:e,currentTarget:e,type:`change`,bubbles:!1,cancelable:!1})}var D={sm:`w-8`,base:`w-9`,lg:`w-10`};function O({decimalPlaces:e=2,min:t,max:n,allowNegative:r=!0,allowEmpty:a=!0,step:c,roundingMode:d=`round`,normalizeOnBlur:f=!0,onChange:p,onBlur:m,placeholder:_,className:O,value:k,defaultValue:A,disabled:j,size:M,strings:N,...P},F){let{defaultControlSize:I}=i(),L=h(M,I),R=l(b,N),z=Math.min(12,Math.max(0,e)),B=v.useRef(null),V=(0,v.useCallback)(e=>{let i=e.target.value;if(!i&&a){p?.(e);return}let o=x(i,z,r);if(S(o,t,n))if(o!==i){let t={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};p?.(t)}else p?.(e)},[p,z,r,a,t,n]),H=(0,v.useCallback)(e=>{if(m?.(e),!f)return;let r=e.target.value;if(!r&&a)return;let i=Number.parseFloat(r.replace(`,`,`.`));if(!Number.isFinite(i))return;let o=C(w(i,t,n),z,d).toFixed(z);o!==r&&B.current&&E(B.current,o,p)},[m,p,f,a,t,n,z,d]),U=(0,v.useCallback)(e=>{if(j||c===void 0)return;let r=B.current;if(!r)return;let i=r.value,a=Number.parseFloat(i.replace(`,`,`.`));E(r,C(w(T(Number.isFinite(a)?a:t??0,e,c,t,d),t,n),z,d).toFixed(z),p)},[j,c,t,n,d,z,p]),W=typeof c==`number`&&c>0,G=_??(z>0?`0.${`0`.repeat(z)}`:`0`);return W?(0,y.jsxs)(`div`,{className:u(`decimal-input--component`,`flex items-stretch overflow-hidden rounded-radius border border-input bg-transparent`,`focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]`,P[`aria-invalid`]&&`border-destructive ring-destructive/20`,j&&`opacity-50 cursor-not-allowed`),children:[(0,y.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":R.decrement,disabled:j,onClick:()=>U(-1),className:u(`inline-flex shrink-0 items-center justify-center border-r border-input text-muted-foreground transition-colors`,D[L],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,y.jsx)(o,{className:`size-3.5`})}),(0,y.jsx)(g,{size:L,ref:e=>{B.current=e,typeof F==`function`?F(e):F&&(F.current=e)},type:`text`,inputMode:z>0?`decimal`:`numeric`,placeholder:G,onChange:V,onBlur:H,value:k,defaultValue:A,disabled:j,className:u(`flex-1 tabular-nums text-center border-0 shadow-none rounded-none focus-visible:ring-0 focus-visible:border-0`,O),...P}),(0,y.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":R.increment,disabled:j,onClick:()=>U(1),className:u(`inline-flex shrink-0 items-center justify-center border-l border-input text-muted-foreground transition-colors`,D[L],`hover:bg-muted hover:text-foreground`,`disabled:cursor-not-allowed disabled:opacity-50`),children:(0,y.jsx)(s,{className:`size-3.5`})})]}):(0,y.jsx)(g,{size:L,ref:e=>{B.current=e,typeof F==`function`?F(e):F&&(F.current=e)},type:`text`,inputMode:z>0?`decimal`:`numeric`,placeholder:G,onChange:V,onBlur:H,value:k,defaultValue:A,disabled:j,className:u(`tabular-nums text-end`,O),...P})}var k=v.forwardRef(O);k.displayName=`DecimalInput`;function A({label:e,description:t,hint:r,icon:i,name:a,value:o,defaultValue:s,onChange:c,disabled:l=!1,invalid:d,className:f}){let m=o!==void 0,[h,g]=(0,v.useState)(s??!1),b=m?o??!1:h,x=(0,v.useId)(),S=(0,v.useMemo)(()=>a??x,[a,x]),C=typeof t==`string`&&t.trim()!==``,w=C?`${S}-description`:void 0,T=(0,v.useCallback)(e=>{l||(m||g(e),c?.(e))},[l,m,c]),E=(0,v.useCallback)(e=>{e.target.closest(`[role="switch"]`)||T(!b)},[b,T]);return(0,y.jsxs)(`div`,{"aria-invalid":d||void 0,onClick:E,className:u(`switch-card--component`,`group relative flex items-start gap-3 rounded-lg border bg-card p-4 transition-[background,border-color,box-shadow] duration-150`,`border-border`,b&&`border-primary bg-primary/[0.04]`,`aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20`,!l&&`cursor-pointer hover:border-foreground/20 hover:bg-muted/30`,l&&`cursor-not-allowed opacity-50`,f),children:[!!a&&(0,y.jsx)(`input`,{type:`hidden`,name:a,value:b?`1`:`0`,"aria-hidden":`true`}),!!i&&(0,y.jsx)(`span`,{className:u(`mt-0.5 inline-flex size-9 shrink-0 items-center justify-center rounded-md transition-colors`,b?`bg-primary/10 text-primary`:`bg-muted/50 text-muted-foreground group-hover:bg-muted group-hover:text-foreground`),children:(0,y.jsx)(i,{className:`size-4`})}),(0,y.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-0.5`,children:[(0,y.jsx)(p,{htmlFor:S,className:u(`block font-semibold tracking-tight`,l?`cursor-not-allowed`:`cursor-pointer`),children:e}),!!C&&(0,y.jsx)(n,{type:`secondary`,className:`leading-snug`,children:t}),!!r&&(0,y.jsx)(n,{size:`xs`,type:`discrete`,className:`leading-snug`,children:r})]}),(0,y.jsx)(`div`,{className:`mt-1 flex shrink-0 items-center`,children:(0,y.jsx)(_,{id:S,checked:b,onCheckedChange:e=>T(e),disabled:l,"aria-label":e,"aria-describedby":w})}),!!C&&(0,y.jsx)(`span`,{id:`${S}-description`,className:`sr-only`,children:t})]})}A.displayName=`SwitchCard`;function j({label:e,description:t,kind:r=`switch`,value:i,defaultValue:a,onChange:o,disabled:s=!1,invalid:c=!1,name:l,className:d,controlPosition:f=`trailing`}){let h=i!==void 0,[g,b]=(0,v.useState)(a??!1),x=h?i??!1:g,S=(0,v.useId)(),C=(0,v.useCallback)(e=>{s||(h||b(e),o?.(e))},[s,h,o]),w=e=>{e.target.closest(`[role="switch"], [role="checkbox"], input[type="checkbox"]`)||C(!x)},T=r===`switch`?(0,y.jsx)(_,{id:S,name:l,checked:x,onCheckedChange:e=>C(e),disabled:s,"aria-invalid":c||void 0}):(0,y.jsx)(m,{id:S,name:l,checked:x,onCheckedChange:e=>C(e===!0),disabled:s,"aria-invalid":c||void 0}),E=(0,y.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,y.jsx)(p,{htmlFor:S,className:u(`block leading-snug`,s?`cursor-not-allowed opacity-50`:`cursor-pointer`),children:e}),!!t&&(0,y.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-0.5 leading-snug`,children:t})]});return(0,y.jsxs)(`div`,{role:`group`,onClick:w,className:u(`toggle-field--component`,`flex items-start gap-3 rounded-md py-1`,s&&`pointer-events-none`,d),children:[f===`leading`&&(0,y.jsx)(`div`,{className:`mt-0.5 flex shrink-0`,children:T}),E,f===`trailing`&&(0,y.jsx)(`div`,{className:`mt-0.5 flex shrink-0`,children:T})]})}j.displayName=`ToggleField`;var M={placeholder:`Add a tag…`,emptyRecommendations:`No recommendations found.`,clearAll:`Clear all`,summary:(e,t)=>`${e} / ${t} tags`};function N({value:e=[],onChange:t,placeholder:i,recommendations:o,maxTags:s,showMaxTags:d=!1,allowDuplicates:p=!1,validate:m,disabled:h=!1,showClearAll:_=!1,renderTag:b,delimiter:x=/[\n,]/,addOnBlur:S=!0,minLength:C=1,maxLength:w,emptyMessage:T,sortTags:E=!1,caseSensitive:D=!1,field:O,invalid:k,className:A,strings:j}){let N=l(M,{...i?{placeholder:i}:{},...T?{emptyRecommendations:T}:{},...j}),[P,F]=(0,v.useState)(``),[I,L]=(0,v.useState)(!1),[R,z]=(0,v.useState)(-1),B=(0,v.useRef)(null),V=(0,v.useCallback)(e=>{if(typeof e==`string`)return e;if(O&&typeof e==`object`&&e){let t=e[O];return typeof t==`string`?t:t==null?``:String(t)}return String(e)},[O]),H=(0,v.useCallback)(t=>typeof e[0]==`string`||e.length===0?t:O?{[O]:t}:t,[O,e]),U=(0,v.useMemo)(()=>o?o.map(e=>e&&typeof e==`object`&&`value`in e&&`label`in e?e:{value:e,label:V(e)}):[],[o,V]),W=(0,v.useMemo)(()=>{if(!U.length||!P)return U;let t=D?P:P.toLowerCase(),n=new Set(e.map(e=>{let t=V(e);return D?t:t.toLowerCase()}));return U.filter(e=>{let r=D?e.label:e.label.toLowerCase(),i=V(e.value),a=D?i:i.toLowerCase();return(r.includes(t)||a.includes(t))&&(p||!n.has(a))})},[U,P,e,p,D,V]),G=(0,v.useMemo)(()=>E?[...e].sort((e,t)=>{let n=V(e),r=V(t);return n.localeCompare(r)}):e,[e,E,V]),K=(0,v.useCallback)(n=>{let r=typeof n==`string`?H(n):n,i=V(r).trim();if(!i||i.length<C||w&&i.length>w||s&&e.length>=s||!p&&e.some(e=>{let t=V(e);return D?t===i:t.toLowerCase()===i.toLowerCase()})||m&&!m(r))return;let a=[...e,r];t?.(a),F(``),L(!1),z(-1)},[e,t,s,p,m,C,w,D,V,H]),q=(0,v.useCallback)(n=>{let r=e.filter((e,t)=>t!==n);t?.(r)},[e,t]),J=(0,v.useCallback)(e=>{let t=e.target.value;F(t),z(-1),o&&o.length>0&&L(!0)},[o]),Y=(0,v.useCallback)(t=>{h||(t.key===`Enter`?(t.preventDefault(),I&&R>=0&&R<W.length?(K(W[R].value),z(-1)):P.trim()&&K(P)):t.key===`Tab`?P&&(t.preventDefault(),K(P)):t.key===`ArrowDown`?(t.preventDefault(),I&&z(e=>e<W.length-1?e+1:e)):t.key===`ArrowUp`?(t.preventDefault(),I&&z(e=>e>0?e-1:0)):t.key===`Escape`?(L(!1),z(-1)):t.key===`Backspace`&&!P&&e.length>0&&q(e.length-1))},[h,I,R,W,P,K,q,e.length]),X=(0,v.useCallback)(e=>{h||(e.preventDefault(),e.clipboardData.getData(`text`).split(x).map(e=>e.trim()).filter(Boolean).forEach(e=>K(e)))},[h,x,K]),Z=(0,v.useCallback)(()=>{setTimeout(()=>{L(!1),S&&P&&K(P)},200)},[S,P,K]),Q=(0,v.useCallback)(()=>{t?.([]),F(``)},[t]),$=(0,v.useCallback)((e,t,n)=>{let r=`${V(e)}-${t}`;return(0,y.jsxs)(a,{variant:`secondary`,className:u(`tags-input--component`,`gap-1 pr-1 font-normal`),children:[V(e),(0,y.jsx)(`button`,{type:`button`,"aria-label":`Remove ${V(e)}`,className:u(`inline-flex size-3.5 items-center justify-center rounded-full`,`text-muted-foreground/70 hover:bg-foreground/10 hover:text-foreground`,`outline-none focus-visible:ring-2 focus-visible:ring-ring/50`,`disabled:opacity-50 disabled:pointer-events-none`),onClick:()=>n(t),disabled:h,children:(0,y.jsx)(c,{className:`size-3`,"aria-hidden":`true`})})]},r)},[V,h]),ee=!!k;return(0,y.jsxs)(`div`,{className:u(`w-full relative`,A),children:[(0,y.jsxs)(`div`,{className:`relative`,children:[(0,y.jsx)(g,{ref:B,type:`text`,placeholder:N.placeholder,value:P,onChange:J,onKeyDown:Y,onPaste:X,onBlur:Z,onFocus:()=>{o&&W.length>0&&L(!0)},disabled:h||s!==void 0&&e.length>=s,invalid:ee,maxLength:w,className:`w-full`}),!!o&&!!I&&(0,y.jsx)(`div`,{className:`absolute top-full left-0 right-0 z-50 mt-1 max-h-[200px] overflow-y-auto rounded-md bg-popover text-popover-foreground p-1 text-sm shadow-md ring-1 ring-foreground/10`,children:W.length>0?W.map((t,n)=>{let i=V(t.value),a=e.some(e=>V(e)===V(t.value));return(0,y.jsxs)(`button`,{type:`button`,onMouseDown:e=>{e.preventDefault(),K(t.value),z(-1),B.current?.focus()},onMouseEnter:()=>z(n),className:u(`relative flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-2 py-(--row-py) text-[length:var(--text-xs)]`,`hover:bg-accent hover:text-accent-foreground`,`focus-visible:outline-none`,R===n&&`bg-accent text-accent-foreground`),children:[(0,y.jsx)(`span`,{children:t.label}),(0,y.jsx)(r,{className:u(`ml-auto size-4`,a?`opacity-100`:`opacity-0`)})]},i)}):(0,y.jsx)(n,{tag:`div`,size:`xs`,type:`secondary`,className:`px-2 py-(--row-py)`,children:N.emptyRecommendations})})]}),G.length>0&&(0,y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5 mt-2`,children:[G.map((e,t)=>b?b(e,t,q):$(e,t,q)),!!_&&e.length>0&&!h&&(0,y.jsx)(f,{type:`button`,size:`sm`,onClick:Q,className:`ml-auto`,children:N.clearAll})]}),!!s&&!!d&&(0,y.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-1`,children:N.summary(e.length,s)})]})}N.displayName=`TagsInput`;export{k as i,j as n,A as r,N as t};

package/dist/showcase/assets/text-button-C54O1rZM.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{$n as n,Wr as r}from"./example-Cz_880po.js";import{n as i,s as a}from"./index-BQIv1ffM.js";var o=e(t(),1),s=a(),c={xs:`xs`,sm:`sm`,base:`default`},l={xs:`xs`,sm:`sm`,default:`base`,lg:`base`},u={xs:`text-xs h-auto px-0`,sm:`text-sm h-auto px-0`,base:`text-base h-auto px-0`},d=o.forwardRef(({className:e,type:t=`button`,size:a,disabled:o,...d},f)=>{let{defaultSize:p}=r(),m=a??l[p??`sm`]??`xs`;return(0,s.jsx)(n,{ref:f,type:t,variant:`primary`,buttonStyle:`ghost`,size:c[m],disabled:o,className:i(`text-button--component`,`inline-flex items-center justify-center underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current`,`text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,`disabled:pointer-events-none disabled:opacity-50`,u[m],e),...d})});d.displayName=`TextButton`;export{d as t};

package/dist/showcase/assets/text-link-9_mZpq_f.js

@@ -0,0 +1 @@
+import{n as e,s as t}from"./index-BQIv1ffM.js";var n=t(),r={inherit:`text-inherit`,sm:`text-sm`,xs:`text-xs`,base:`text-base`,lg:`text-lg`,xl:`text-xl`},i={main:`text-foreground`,inverse:`text-background`,secondary:`text-muted-foreground`,discrete:`text-muted-foreground`,error:`text-destructive`,success:`text-success`,primary:`text-primary`},a={normal:`leading-normal`,relaxed:`leading-relaxed`,loose:`leading-loose`,tight:`leading-tight`,snug:`leading-snug`,none:`leading-none`},o={regular:`font-normal`,medium:`font-medium`,semibold:`font-semibold`,bold:`font-bold`},s={center:`text-center`,right:`text-right`,left:`text-left`};function c({type:t=`main`,size:c=`sm`,align:l=`left`,lineHeight:u=`normal`,weight:d=`regular`,className:f=``,underline:p=!0,children:m,...h}){return(0,n.jsx)(`a`,{className:e(i[t],r[c],s[l],a[u],o[d],p&&`underline decoration-neutral-300 underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current! dark:decoration-neutral-500`,f),"data-typography":`link`,...h,children:m})}c.displayName=`TextLink`;export{c as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Rr as n,Vr as r,Yr as i}from"./example-Cz_880po.js";import{t as a}from"./circle-x-VSqZOeGt.js";import{k as o,n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./use-form-field-state-Sbo6tfr9.js";import{i as u,r as d}from"./form-sizing-DHUDpiPA.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=o(m,D),{defaultControlSize:M}=i(),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:s(`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:s(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-radius 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:s(`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:s(`pointer-events-none absolute top-2 right-3`,W?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(r,{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)(a,{size:14,"aria-hidden":`true`})})]})});h.displayName=`Textarea`;export{h as t};

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

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{n as t,s as n}from"./index-BQIv1ffM.js";e();var r=n();function i({className:e,...n}){return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:t(`border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 aria-invalid:border-destructive rounded-md border bg-transparent px-2.5 py-2 text-base shadow-xs transition-[color,box-shadow] focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm placeholder:text-muted-foreground flex field-sizing-content min-h-16 w-full outline-none disabled:cursor-not-allowed disabled:opacity-50`,e),...n})}export{i as t};

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

@@ -0,0 +1,200 @@
+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,
+	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)(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-Cox6Yk2k.js

@@ -0,0 +1,71 @@
+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';
+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)(r,{title:`UI · Toggles`,description:`Checkbox, Switch, RadioGroup, Slider primitives.`,layer:`ui`,status:`ready`,children:(0,v.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(a,{name:`CheckboxExample`,source:E,children:(0,v.jsx)(S,{})}),(0,v.jsx)(a,{name:`SwitchExample`,source:E,children:(0,v.jsx)(C,{})}),(0,v.jsx)(a,{name:`RadioGroupExample`,source:E,children:(0,v.jsx)(w,{})}),(0,v.jsx)(a,{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-CSvSPqCB.js

@@ -0,0 +1,32 @@
+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';
+
+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-CE9bDw49.js

@@ -0,0 +1 @@
+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-DlhOPoCD.js

@@ -0,0 +1 @@
+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};