admin-ui-starter-kit 0.6.5 → 0.6.6

package/dist/showcase/assets/table-DyJ9oADQ.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-DDZl6kOS.js";e();var r=t();function i({className:e,containerClassName:t,...i}){return(0,r.jsx)(`div`,{"data-slot":`table-container`,className:n(`relative w-full overflow-x-auto`,t),children:(0,r.jsx)(`table`,{"data-slot":`table`,className:n(`w-full caption-bottom text-sm`,e),...i})})}function a({className:e,...t}){return(0,r.jsx)(`thead`,{"data-slot":`table-header`,className:n(`[&_tr]:border-b`,e),...t})}function o({className:e,...t}){return(0,r.jsx)(`tbody`,{"data-slot":`table-body`,className:n(`[&_tr:last-child]:border-0`,e),...t})}function s({className:e,...t}){return(0,r.jsx)(`tr`,{"data-slot":`table-row`,className:n(`hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors`,e),...t})}function c({className:e,...t}){return(0,r.jsx)(`th`,{"data-slot":`table-head`,className:n(`text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...t})}function l({className:e,...t}){return(0,r.jsx)(`td`,{"data-slot":`table-cell`,className:n(`p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0`,e),...t})}function u({className:e,...t}){return(0,r.jsx)(`caption`,{"data-slot":`table-caption`,className:n(`text-muted-foreground mt-4 text-sm`,e),...t})}export{c as a,l as i,o as n,a as o,u as r,s,i as t};

package/dist/showcase/assets/table-actions-COU4zHfh.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{r as n}from"./example-eGsLGIcp.js";import{t as r}from"./ellipsis-yqIF49C8.js";import{d as i,n as a}from"./index-DDZl6kOS.js";import{n as o,t as s}from"./action-menu-D0q5z-Kq.js";var c=e(t(),1),l=e=>{let t=e.replace(/[_-]+/g,` `).replace(/\s+/g,` `).trim();return t?t.replace(/\b\w/g,e=>e.toUpperCase()):`Column`},u={emptyState:{message:`No results found.`},actions:{triggerLabel:`Actions`,srLabel:`Row actions menu`},filter:{searchPlaceholder:`Filter...`,columnsButton:`Columns`},columnVisibility:{title:`Toggle columns`,triggerLabel:`Columns`,formatLabel:(e,t)=>t&&t.trim().length>0?t:l(e)},toolbar:{scrollLeft:`Scroll left`,scrollRight:`Scroll right`,columns:`Toggle columns`,dense:`Compact view`,comfortable:`Comfortable view`},pagination:{showing:`Showing`,to:`to`,of:`of`,entries:`results`,previous:`Previous`,next:`Next`,page:`Page`,rowsPerPage:`Rows per page`,ariaLabel:`Pagination navigation`},selection:{summary:(e,t)=>`${e} of ${t} row${t===1?``:`s`} selected.`,row:e=>`Select row ${e+1}`,selectAll:`Select all rows`,clear:`Clear selection`},accessibility:{scrollRegion:`Table scroll area`}},d=(e,t)=>({...e,...t??{}}),f=e=>e?{emptyState:d(u.emptyState,e.emptyState),actions:d(u.actions,e.actions),filter:d(u.filter,e.filter),columnVisibility:d(u.columnVisibility,e.columnVisibility),toolbar:d(u.toolbar,e.toolbar),pagination:d(u.pagination,e.pagination),selection:d(u.selection,e.selection),accessibility:d(u.accessibility,e.accessibility)}:u,p=i();function m(e){let{row:t,actions:i,menuLabel:l,displayMode:d=`menu`,responsiveBreakpoint:f=1040,strings:m}=e,h=m??u,g=l??h.actions.triggerLabel,_=(0,c.useMemo)(()=>{let e=typeof i==`function`?i(t):i;return Array.isArray(e)?e:[]},[i,t]),v=(0,c.useMemo)(()=>{let e=e=>typeof e==`function`?e(t):e;return _.filter(t=>{let n=e(t.isVisible);return n===void 0?!0:n}).map(t=>({...t,disabled:e(t.isDisabled)??t.disabled??!1}))},[_,t]),y=v.length>0,[b,x]=(0,c.useState)(!1),S=v.filter(e=>e.variant!==`destructive`),C=v.filter(e=>e.variant===`destructive`),w=[...S,...C];if((0,c.useEffect)(()=>{if(d!==`auto`||!y){x(!1);return}let e=()=>{try{x(window.innerWidth<=f)}catch{x(!1)}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[d,y,f]),!y)return null;let T=d===`auto`?b?`menu`:`inline`:d,E=e=>{if(e){if(typeof e==`function`)return e;if((0,c.isValidElement)(e)&&typeof e.type==`function`)return e.type}},D=e=>{switch(e){case`destructive`:return{variant:`error`,buttonStyle:`solid`};case`outline`:return{variant:`secondary`,buttonStyle:`outline`};case`secondary`:return{variant:`secondary`,buttonStyle:`solid`};case`ghost`:return{variant:`secondary`,buttonStyle:`ghost`};case`link`:return{variant:`secondary`,buttonStyle:`ghost`,className:`underline underline-offset-4`};default:return{variant:`primary`,buttonStyle:`solid`}}},O=e=>{switch(e){case`default`:return`primary`;case`destructive`:return`error`;default:return`secondary`}};return T===`inline`?(0,p.jsx)(`div`,{className:a(`table-actions--component`,`flex items-center gap-space-sm`),children:w.map((e,r)=>{let i=e.id||`${e.label}-${r}`,o=D(e.variant??`ghost`);return(0,p.jsxs)(n,{variant:o.variant,buttonStyle:o.buttonStyle,size:`small`,className:a(`text-inherit leading-tight`,o.className),disabled:!!e.disabled,onClick:()=>{e.onClick?.(t)},children:[!!e.icon&&(0,p.jsx)(`span`,{className:`mr-space-sm inline-flex`,children:e.icon}),e.label]},i)})}):(0,p.jsx)(s,{label:void 0,icon:r,srText:g||h.actions.srLabel,closeOnSelect:!0,align:`end`,density:`table`,children:w.map((e,n)=>{let r=e.id||`${e.label}-${n}`,i=()=>{e.onClick?.(t)},a=E(e.icon),s=e.icon?(0,p.jsx)(`span`,{className:`inline-flex items-center`,children:e.icon}):null,c=a?null:(0,p.jsxs)(`div`,{className:`flex w-full items-center gap-space-md`,children:[s,(0,p.jsx)(`span`,{children:e.label})]}),l=O(e.variant);return(0,p.jsx)(o,{label:e.label,icon:a,variant:l,disabled:!!e.disabled,onClick:i,children:c},r)})})}m.displayName=`DataTableActions`;export{u as n,f as r,m as t};

package/dist/showcase/assets/tabs-Bl_RHGIw.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n}from"./section-Cv8i4DIx.js";import{J as r,K as i,Kt as a,Mn as o,Qt as s,X as c,Y as l,_n as u,fr as d,g as f,hr as p,in as m,ir as h,jn as g,ln as _,lr as v,mr as y,nr as b,vn as x}from"./example-eGsLGIcp.js";import{d as S,n as C}from"./index-DDZl6kOS.js";import{t as w}from"./inertValue-BajuuRy4.js";import{t as T}from"./useControlled-BHUji6Sp.js";import{n as E,r as D}from"./useCompositeListItem-B2nuNlc2.js";import{t as O}from"./useCompositeItem-DGEBUXgE.js";import{n as k,t as A}from"./CompositeRoot-CvxtZ81W.js";var j=e(t(),1),M=j.createContext(void 0);function N(){let e=j.useContext(M);if(e===void 0)throw Error(d(64));return e}var P=function(e){return e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e}({}),F={tabActivationDirection:e=>({[P.activationDirection]:e})},I=S(),L=j.forwardRef(function(e,t){let{className:n,defaultValue:r=0,onValueChange:i,orientation:a=`horizontal`,render:o,value:c,style:l,...d}=e,f=e.defaultValue!==void 0,h=j.useRef([]),[g,v]=j.useState(()=>new Map),[x,S]=T({controlled:c,default:r,name:`Tabs`,state:`value`}),C=c!==void 0,[w,E]=j.useState(()=>new Map),O=j.useRef(void 0),k=j.useCallback(e=>{if(e===void 0)return null;for(let[t,n]of w.entries())if(n!=null&&e===(n.value??n.index))return t;return null},[w]),[A,N]=j.useState(()=>({previousValue:x,tabActivationDirection:`none`})),{previousValue:P,tabActivationDirection:L}=A,z=L,B=!1;P!==x&&(z=R(P,x,a,w),B=P!=null&&x!=null&&k(x)==null);let V=B?P:x,H=P!==V||L!==z;y(()=>{H&&N({previousValue:V,tabActivationDirection:z})},[V,H,z]);let U=p((e,t)=>{t.activationDirection=R(x,e,a,w),i?.(e,t),!t.isCanceled&&S(e)}),W=p((e,t)=>{i?.(e,s(t,void 0,void 0,{activationDirection:`none`}))}),G=p((e,t)=>{v(n=>{if(n.get(e)===t)return n;let r=new Map(n);return r.set(e,t),r})}),K=p((e,t)=>{v(n=>{if(!n.has(e)||n.get(e)!==t)return n;let r=new Map(n);return r.delete(e),r})}),q=j.useCallback(e=>g.get(e),[g]),J=j.useCallback(e=>{for(let t of w.values())if(e===t?.value)return t?.id},[w]),Y=j.useMemo(()=>({getTabElementBySelectedValue:k,getTabIdByPanelValue:J,getTabPanelIdByValue:q,onValueChange:U,orientation:a,registerMountedTabPanel:G,setTabMap:E,unregisterMountedTabPanel:K,tabActivationDirection:z,value:x}),[k,J,q,U,a,G,E,K,z,x]),X=j.useMemo(()=>{for(let e of w.values())if(e!=null&&e.value===x)return e},[w,x]),Z=j.useMemo(()=>{for(let e of w.values())if(e!=null&&!e.disabled)return e.value},[w]),Q=j.useRef(!f),$=j.useRef(r),ee=j.useRef(f),te=j.useRef(!1);y(()=>{if(C)return;function e(e,t){S(e),N(t=>t.previousValue===e&&t.tabActivationDirection===`none`?t:{previousValue:e,tabActivationDirection:`none`}),W(e,t),Q.current=!1}if(w.size===0){te.current&&x!==null&&!O.current?.isConnected&&e(null,u);return}te.current=!0,O.current=w.keys().next().value;let t=X?.disabled,n=X==null&&x!==null;if(!t&&x===$.current&&(ee.current=!1),ee.current&&t&&x===$.current)return;let r=Q.current;if(t||n){let n=Z??null;if(x===n){Q.current=!1;return}let i=u;r?i=_:t&&(i=m),e(n,i);return}r&&X!=null&&(W(x,_),Q.current=!1)},[Z,C,W,X,S,w,x]);let ne=b(`div`,e,{state:{orientation:a,tabActivationDirection:z},ref:t,props:d,stateAttributesMapping:F});return(0,I.jsx)(M.Provider,{value:Y,children:(0,I.jsx)(D,{elementsRef:h,children:ne})})});function R(e,t,n,r){if(e==null||t==null)return`none`;let i=null,a=null;for(let[n,o]of r.entries()){if(o==null)continue;let r=o.value??o.index;if(e===r&&(i=n),t===r&&(a=n),i!=null&&a!=null)break}if(i==null||a==null)return i!==a&&(typeof e==`number`||typeof e==`string`)&&typeof e==typeof t?n===`horizontal`?t>e?`right`:`left`:t>e?`down`:`up`:`none`;let o=i.getBoundingClientRect(),s=a.getBoundingClientRect();if(n===`horizontal`){if(s.left<o.left)return`left`;if(s.left>o.left)return`right`}else{if(s.top<o.top)return`up`;if(s.top>o.top)return`down`}return`none`}var z=j.createContext(void 0);function B(){let e=j.useContext(z);if(e===void 0)throw Error(d(65));return e}var V=j.forwardRef(function(e,t){let{className:n,disabled:r=!1,render:i,value:c,id:l,nativeButton:u=!0,style:d,...p}=e,{value:m,getTabPanelIdByValue:h,orientation:_,tabActivationDirection:S}=N(),{activateOnFocus:C,highlightedTabIndex:w,onTabActivation:T,registerTabResizeObserverElement:E,setHighlightedTabIndex:D,tabsListElement:A}=B(),M=f(l),{compositeProps:P,compositeRef:I,index:L}=O({metadata:j.useMemo(()=>({disabled:r,id:M,value:c}),[r,M,c])}),R=c===m,z=j.useRef(!1),V=j.useRef(null);y(()=>{let e=V.current;if(e)return E(e)},[E]),y(()=>{if(z.current){z.current=!1;return}if(!(R&&L>-1&&w!==L))return;let e=A;if(e!=null){let t=g(a(e));if(t&&o(e,t))return}r||D(L)},[R,L,w,D,r,A]);let{getButtonProps:H,buttonRef:U}=v({disabled:r,native:u,focusableWhenDisabled:!0}),W=h(c),G=j.useRef(!1),K=j.useRef(!1);function q(e){R||r||T(c,s(x,e.nativeEvent,void 0,{activationDirection:`none`}))}function J(e){R||(L>-1&&!r&&D(L),!r&&C&&(!G.current||G.current&&K.current)&&T(c,s(x,e.nativeEvent,void 0,{activationDirection:`none`})))}function Y(e){if(R||r)return;G.current=!0;function t(){G.current=!1,K.current=!1}(!e.button||e.button===0)&&(K.current=!0,a(e.currentTarget).addEventListener(`pointerup`,t,{once:!0}))}return b(`button`,e,{state:{disabled:r,active:R,orientation:_,tabActivationDirection:S},ref:[t,U,I,V],props:[P,{role:`tab`,"aria-controls":W,"aria-selected":R,id:M,onClick:q,onFocus:J,onPointerDown:Y,[k]:R?``:void 0,onKeyDownCapture(){z.current=!0}},p,H],stateAttributesMapping:F})}),H=function(e){return e.index=`data-index`,e.activationDirection=`data-activation-direction`,e.orientation=`data-orientation`,e.hidden=`data-hidden`,e[e.startingStyle=r.startingStyle]=`startingStyle`,e[e.endingStyle=r.endingStyle]=`endingStyle`,e}({}),U={...F,...l},W=j.forwardRef(function(e,t){let{className:n,value:r,render:a,keepMounted:o=!1,style:s,...l}=e,{value:u,getTabIdByPanelValue:d,orientation:p,tabActivationDirection:m,registerMountedTabPanel:h,unregisterMountedTabPanel:g}=N(),_=f(),{ref:v,index:x}=E({metadata:j.useMemo(()=>({id:_,value:r}),[_,r])}),S=r===u,{mounted:C,transitionStatus:T,setMounted:D}=c(S),O=!C,k=d(r),A={hidden:O,orientation:p,tabActivationDirection:m,transitionStatus:T},M=j.useRef(null),P=b(`div`,e,{state:A,ref:[t,v,M],props:[{"aria-labelledby":k,hidden:O,id:_,role:`tabpanel`,tabIndex:S?0:-1,inert:w(!S),[H.index]:x},l],stateAttributesMapping:U});return i({open:S,ref:M,onComplete(){S||D(!1)}}),y(()=>{if(!(O&&!o)&&_!=null)return h(r,_),()=>{g(r,_)}},[O,o,r,_,h,g]),o||C?P:null}),G=j.forwardRef(function(e,t){let{activateOnFocus:n=!1,className:r,loopFocus:i=!0,render:a,style:o,...s}=e,{onValueChange:c,orientation:l,value:u,setTabMap:d,tabActivationDirection:f}=N(),[m,g]=j.useState(0),[_,v]=j.useState(null),b=j.useRef(new Set),x=j.useRef(new Set),S=j.useRef(null);y(()=>{if(typeof ResizeObserver>`u`)return;let e=new ResizeObserver(()=>{b.current.forEach(e=>{e()})});return S.current=e,_&&e.observe(_),x.current.forEach(t=>{e.observe(t)}),()=>{e.disconnect(),S.current=null}},[_]);let C=p(e=>(b.current.add(e),()=>{b.current.delete(e)})),w=p(e=>(x.current.add(e),S.current?.observe(e),()=>{x.current.delete(e),S.current?.unobserve(e)})),T=p((e,t)=>{e!==u&&c(e,t)}),E={orientation:l,tabActivationDirection:f},D={"aria-orientation":l===`vertical`?`vertical`:void 0,role:`tablist`},O=j.useMemo(()=>({activateOnFocus:n,highlightedTabIndex:m,registerIndicatorUpdateListener:C,registerTabResizeObserverElement:w,onTabActivation:T,setHighlightedTabIndex:g,tabsListElement:_}),[n,m,C,w,T,g,_]);return(0,I.jsx)(z.Provider,{value:O,children:(0,I.jsx)(A,{render:a,className:r,style:o,state:E,refs:[t,v],props:[D,s],stateAttributesMapping:F,highlightedIndex:m,enableHomeAndEndKeys:!0,loopFocus:i,orientation:l,onHighlightedIndexChange:g,onMapChange:d,disabledIndices:h})})});function K({className:e,orientation:t=`horizontal`,...n}){return(0,I.jsx)(L,{"data-slot":`tabs`,"data-orientation":t,className:C(`gap-2 group/tabs flex data-[orientation=horizontal]:flex-col`,e),...n})}var q=n(`rounded-lg p-[3px] group-data-horizontal/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function J({className:e,variant:t=`default`,...n}){return(0,I.jsx)(G,{"data-slot":`tabs-list`,"data-variant":t,className:C(q({variant:t}),e),...n})}function Y({className:e,...t}){return(0,I.jsx)(V,{"data-slot":`tabs-trigger`,className:C(`gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium group-data-[variant=default]/tabs-list:data-active:shadow-sm group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent`,`data-active:bg-background data-active:text-foreground`,`after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100`,e),...t})}function X({className:e,...t}){return(0,I.jsx)(W,{"data-slot":`tabs-content`,className:C(`text-sm flex-1 outline-none`,e),...t})}export{Y as i,X as n,J as r,K as t};

package/dist/showcase/assets/tabs-DS-4VSkb.js

@@ -0,0 +1,19 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Cv8i4DIx.js";import{t as r}from"./example-eGsLGIcp.js";import{d as i}from"./index-DDZl6kOS.js";import{i as a,n as o,r as s,t as c}from"./tabs-Bl_RHGIw.js";var l=e({Default:()=>d}),u=i();function d(){return(0,u.jsx)(u.Fragment,{children:(0,u.jsxs)(c,{defaultValue:`overview`,children:[(0,u.jsxs)(s,{children:[(0,u.jsx)(a,{value:`overview`,children:`Overview`}),(0,u.jsx)(a,{value:`activity`,children:`Activity`}),(0,u.jsx)(a,{value:`settings`,children:`Settings`})]}),(0,u.jsx)(o,{value:`overview`,className:`mt-3 text-sm`,children:`Overview panel content.`}),(0,u.jsx)(o,{value:`activity`,className:`mt-3 text-sm`,children:`Activity panel content.`}),(0,u.jsx)(o,{value:`settings`,className:`mt-3 text-sm`,children:`Settings panel content.`})]})})}var f=`import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
+
+export function Default() {
+	return (
+		<>
+			<Tabs defaultValue="overview">
+								<TabsList>
+									<TabsTrigger value="overview">Overview</TabsTrigger>
+									<TabsTrigger value="activity">Activity</TabsTrigger>
+									<TabsTrigger value="settings">Settings</TabsTrigger>
+								</TabsList>
+								<TabsContent value="overview" className="mt-3 text-sm">Overview panel content.</TabsContent>
+								<TabsContent value="activity" className="mt-3 text-sm">Activity panel content.</TabsContent>
+								<TabsContent value="settings" className="mt-3 text-sm">Settings panel content.</TabsContent>
+							</Tabs>
+		</>
+	);
+}
+`;function p(e){return l||h(`Examples`,!1),d||h(`Examples.Default`,!0),(0,u.jsx)(t,{title:`UI · Tabs`,description:`Tab list with content panels.`,layer:`ui`,status:`ready`,children:(0,u.jsx)(n,{title:`Examples`,id:`examples`,children:(0,u.jsx)(r,{name:`Default`,source:f,children:(0,u.jsx)(d,{})})})})}function m(e={}){let{wrapper:t}=e.components||{};return t?(0,u.jsx)(t,{...e,children:(0,u.jsx)(p,{...e})}):p(e)}function h(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{m as default};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r,x as i}from"./section-Cv8i4DIx.js";import{Or as a}from"./example-eGsLGIcp.js";import{t as o}from"./minus-BW62vCxf.js";import{t as s}from"./plus-pfGaA3St.js";import{t as c}from"./x-D6hUY89S.js";import{N as l,d as u,n as d}from"./index-DDZl6kOS.js";import{t as f}from"./text-button-OPdNs3fb.js";import{t as p}from"./label-BTIBJBqN.js";import{t as m}from"./checkbox-sP254E7e.js";import{f as h}from"./form-sizing-Dltt6Fj-.js";import{t as g}from"./input-DaZzfkZV.js";import{t as _}from"./switch-ChJWWmxN.js";var v=e(t(),1),y=u(),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={small:`w-control-small`,default:`w-control`};function O({decimalPlaces:e=2,min:t,max:n,allowNegative:r=!0,allowEmpty:a=!0,step:c,roundingMode:u=`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,u).toFixed(z);o!==r&&B.current&&E(B.current,o,p)},[m,p,f,a,t,n,z,u]),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,u),t,n),z,u).toFixed(z),p)},[j,c,t,n,u,z,p]),W=typeof c==`number`&&c>0,G=_??(z>0?`0.${`0`.repeat(z)}`:`0`);return W?(0,y.jsxs)(`div`,{className:d(`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:d(`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:L===`small`?`size-icon-sm`:`size-icon`})}),(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:d(`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:d(`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:L===`small`?`size-icon-sm`:`size-icon`})})]}):(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:d(`tabular-nums text-end`,O),...P})}var k=v.forwardRef(O);k.displayName=`DecimalInput`;function A({label:e,description:t,hint:n,icon:i,name:a,value:o,defaultValue:s,onChange:c,disabled:l=!1,invalid:u,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":u||void 0,onClick:E,className:d(`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:d(`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:d(`block font-semibold tracking-tight`,l?`cursor-not-allowed`:`cursor-pointer`),children:e}),!!C&&(0,y.jsx)(r,{type:`secondary`,className:`leading-snug`,children:t}),!!n&&(0,y.jsx)(r,{size:`xs`,type:`discrete`,className:`leading-snug`,children:n})]}),(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:n=`switch`,value:i,defaultValue:a,onChange:o,disabled:s=!1,invalid:c=!1,name:l,className:u,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=n===`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:d(`block leading-snug`,s?`cursor-not-allowed opacity-50`:`cursor-pointer`),children:e}),!!t&&(0,y.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-0.5 leading-snug`,children:t})]});return(0,y.jsxs)(`div`,{role:`group`,onClick:w,className:d(`toggle-field--component`,`flex items-start gap-3 rounded-md py-1`,s&&`pointer-events-none`,u),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:u=!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(l(M,i!==void 0||T!==void 0?{placeholder:i,emptyRecommendations:T}:void 0),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,r)=>{let i=`${V(e)}-${t}`;return(0,y.jsxs)(n,{variant:`secondary`,className:d(`tags-input--component`,`gap-1 pr-1 font-normal`),children:[V(e),(0,y.jsx)(`button`,{type:`button`,"aria-label":`Remove ${V(e)}`,className:d(`inline-flex size-icon 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:()=>r(t),disabled:h,children:(0,y.jsx)(c,{className:`size-icon-sm`,"aria-hidden":`true`})})]},i)},[V,h]),ee=!!k;return(0,y.jsxs)(`div`,{className:d(`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 p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10`,children:W.length>0?W.map((t,n)=>{let r=V(t.value),i=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:d(`relative flex w-full cursor-pointer items-center justify-between gap-space-sm rounded-md px-control-sm py-row-y text-sm`,`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)(a,{className:d(`ml-auto size-icon-sm`,i?`opacity-100`:`opacity-0`)})]},r)}):(0,y.jsx)(r,{tag:`div`,size:`xs`,type:`secondary`,className:`px-2 py-row-y`,children:N.emptyRecommendations})})]}),G.length>0&&(0,y.jsxs)(`div`,{className:`mt-space-md flex flex-wrap items-center gap-space-sm`,children:[G.map((e,t)=>b?b(e,t,q):$(e,t,q)),!!_&&e.length>0&&!h&&(0,y.jsx)(f,{type:`button`,size:`small`,onClick:Q,className:`ml-auto`,children:N.clearAll})]}),!!s&&!!u&&(0,y.jsx)(r,{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-OPdNs3fb.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{x as n}from"./section-Cv8i4DIx.js";import{$n as r}from"./example-eGsLGIcp.js";import{d as i,n as a}from"./index-DDZl6kOS.js";var o=e(t(),1),s=i(),c={small:`small`,default:`default`},l={small:`small`,default:`default`},u={small:`text-sm h-auto px-0`,default:`text-sm h-auto px-0`},d=o.forwardRef(({className:e,type:t=`button`,size:i,disabled:o,...d},f)=>{let{defaultControlSize:p}=n(),m=i??l[p??`default`]??`default`;return(0,s.jsx)(r,{ref:f,type:t,variant:`primary`,buttonStyle:`ghost`,size:c[m],disabled:o,className:a(`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-D27gqGeg.js

@@ -0,0 +1 @@
+import{d as e,n as t}from"./index-DDZl6kOS.js";var n=e(),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:e=`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:t(i[e],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-DpC7J5F-.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{d as t,n}from"./index-DDZl6kOS.js";e();var r=t();function i({className:e,...t}){return(0,r.jsx)(`textarea`,{"data-slot":`textarea`,className:n(`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),...t})}export{i as t};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n,x as r}from"./section-Cv8i4DIx.js";import{Er as i}from"./example-eGsLGIcp.js";import{t as a}from"./circle-x-B4FwM-sI.js";import{N as o,d as s,n as c}from"./index-DDZl6kOS.js";import{t as l}from"./use-form-field-state-CGGJFfWu.js";import{d as u,f as d}from"./form-sizing-Dltt6Fj-.js";var f=e(t(),1),p=s(),m={clear:`Clear textarea`},h=f.forwardRef(({className:e,maxLength:t,showCharacterCount:s,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}=r(),N=d(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:s,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:c(`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:c(`placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground`,`border-input flex w-full rounded-radius border bg-transparent px-control py-control-y-offset`,`transition-[color,box-shadow] outline-none`,`disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,u[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-control-addon`,z&&`pr-control-count`,e),...O}),!!z&&(0,p.jsx)(`div`,{className:c(`pointer-events-none absolute top-control-y-offset right-control-px 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:c(`pointer-events-none absolute top-control-y-offset right-control-px`,W?`text-destructive`:`text-muted-foreground/80`),children:(0,p.jsx)(i,{className:`size-icon 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-control-y-offset right-control-px flex size-control-clear-icon 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,{className:`size-icon`,"aria-hidden":`true`})})]})});h.displayName=`Textarea`;export{h as t};

package/dist/showcase/assets/timelines-DQM-B4Xo.js

@@ -0,0 +1,200 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{h as t,n,o as r,p as i,t as a}from"./section-Cv8i4DIx.js";import{n as o,t as s}from"./flag-XsT9XFPr.js";import{Er as c,Or as l,t as u}from"./example-eGsLGIcp.js";import{t as ee}from"./circle-check-big-C0iEkwPB.js";import{t as d}from"./circle-B_tOHWTY.js";import{t as te}from"./clock-B9Fna2Q3.js";import{t as ne}from"./credit-card-CaigqZGk.js";import{t as f}from"./file-text--WYCYQMw.js";import{t as p}from"./heart-B2YsYprq.js";import{t as re}from"./mail-CVgP8Qlo.js";import{t as m}from"./minus-BW62vCxf.js";import{t as h}from"./plus-pfGaA3St.js";import{t as ie}from"./receipt-BHns-S5Q.js";import{t as ae}from"./shopping-bag-DnSmbPUX.js";import{t as oe}from"./wrench-CRalc5fG.js";import{t as se}from"./x-D6hUY89S.js";import{N as g,d as ce,l as _,n as v}from"./index-DDZl6kOS.js";import{t as y}from"./props-table-Bjc9IHmp.js";import{t as b}from"./smart-card-Cg6rtWH9.js";var x=_(`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`}]]),S=ce(),C={completed:{dot:`bg-success text-success-foreground`,line:`bg-success`,title:`text-foreground`,Icon:l},current:{dot:`bg-primary text-primary-foreground ring-4 ring-primary/20`,line:`bg-border`,title:`text-foreground`,Icon:c},upcoming:{dot:`bg-muted text-muted-foreground`,line:`bg-border`,title:`text-muted-foreground`,Icon:d}};function le({status:e}){let{dot:t,Icon:n}=C[e],r=e===`current`;return(0,S.jsx)(`div`,{className:v(`steps-card--component`,`relative z-10 flex h-8 w-8 shrink-0 items-center justify-center rounded-full transition-all`,t),children:(0,S.jsx)(n,{className:v(`h-4 w-4`,r&&`animate-spin`)})})}function w({title:e,description:t,steps:n,footerText:a,className:o}){return(0,S.jsx)(b,{title:e,description:t,footerText:a,className:o,children:(0,S.jsx)(`div`,{className:`relative`,children:n.map((e,t)=>{let a=t===n.length-1,{line:o,title:s}=C[e.status];return(0,S.jsxs)(`div`,{className:`relative flex gap-4`,children:[(0,S.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,S.jsx)(le,{status:e.status}),!a&&(0,S.jsx)(`div`,{className:v(`w-0.5 flex-1 min-h-6`,o)})]}),(0,S.jsxs)(`div`,{className:v(`flex-1 pb-6`,a&&`pb-0`),children:[(0,S.jsxs)(`div`,{className:`flex items-center gap-2 pt-1`,children:[(0,S.jsx)(i,{weight:`semibold`,className:s,children:e.title}),!!e.badge&&(0,S.jsx)(r,{variant:e.badgeVariant??`secondary`,children:e.badge})]}),!!e.description&&(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description}),!!e.timestamp&&(0,S.jsx)(i,{size:`xxs`,type:`discrete`,className:`mt-1`,children:e.timestamp}),!!e.content&&(0,S.jsx)(`div`,{className:`mt-2`,children:e.content})]})]},e.id)})})})}w.displayName=`StepsCard`;function T({status:e,stepNumber:t}){return e===`completed`?(0,S.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,S.jsx)(l,{className:`h-4 w-4`})}):e===`current`?(0,S.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,S.jsx)(i,{weight:`bold`,className:`text-primary-foreground`,children:t})}):(0,S.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,S.jsx)(i,{weight:`medium`,className:`text-muted-foreground`,children:t})})}function E({title:e,description:t,steps:n,footerText:r,className:a}){return(0,S.jsxs)(b,{title:e,description:t,footerText:r,className:a,children:[(0,S.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,S.jsxs)(`div`,{className:`flex gap-3`,children:[(0,S.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,S.jsx)(T,{status:e.status,stepNumber:t+1}),!r&&(0,S.jsx)(`div`,{className:v(`mt-1 w-0.5 flex-1 min-h-5`,a)})]}),(0,S.jsxs)(`div`,{className:v(`min-w-0 flex-1 pb-2`,r&&`pb-0`),children:[(0,S.jsx)(i,{weight:`semibold`,className:v(`leading-snug`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5 line-clamp-2`,children:e.description})]})]},e.id)})}),(0,S.jsx)(`div`,{className:`-mx-1 hidden overflow-x-auto px-1 sm:block`,children:(0,S.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,S.jsx)(`div`,{className:`flex min-w-28 flex-1 items-start`,children:(0,S.jsxs)(`div`,{className:`flex w-full flex-col items-center`,children:[(0,S.jsxs)(`div`,{className:`flex w-full items-center`,children:[t>0&&(0,S.jsx)(`div`,{className:v(`h-0.5 flex-1`,n[t-1].status===`completed`?`bg-success`:`bg-border`)}),t===0&&(0,S.jsx)(`div`,{className:`flex-1`}),(0,S.jsx)(T,{status:e.status,stepNumber:t+1}),!r&&(0,S.jsx)(`div`,{className:v(`h-0.5 flex-1`,a)}),!!r&&(0,S.jsx)(`div`,{className:`flex-1`})]}),(0,S.jsxs)(`div`,{className:`mt-2 flex w-full flex-col items-center px-1 text-center`,children:[(0,S.jsx)(i,{size:`xs`,weight:`semibold`,className:v(`leading-snug line-clamp-2`,e.status===`upcoming`?`text-muted-foreground`:`text-foreground`),children:e.title}),!!e.description&&(0,S.jsx)(i,{size:`xxs`,type:`secondary`,className:`mt-0.5 leading-snug line-clamp-2`,children:e.description})]})]})},e.id)})})})]})}E.displayName=`StepsHorizontal`;var ue={completed:`bg-success`,current:`bg-primary ring-3 ring-primary/20`,pending:`bg-muted`};function de({title:e,description:t,events:n,footerText:r,className:a}){return(0,S.jsx)(b,{title:e,description:t,footerText:r,className:v(`order-timeline--component`,a),children:(0,S.jsx)(`div`,{className:`relative space-y-0`,children:n.map((e,t)=>(0,S.jsxs)(`div`,{className:`relative flex gap-3 pb-4 last:pb-0`,children:[t!==n.length-1&&(0,S.jsx)(`div`,{className:`absolute bottom-0 left-[5px] top-[14px] w-px bg-border`}),(0,S.jsx)(`div`,{className:`relative z-10 mt-[5px] flex-shrink-0`,children:(0,S.jsx)(`div`,{className:v(`size-3 rounded-full`,ue[e.status])})}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,S.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,S.jsx)(i,{weight:`medium`,className:`truncate`,children:e.title}),(0,S.jsx)(i,{size:`xxs`,type:`secondary`,className:`flex-shrink-0 font-mono tabular-nums`,children:e.timestamp})]}),!!e.description&&(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:e.description})]})]},e.id))})})}function D({events:e,className:t}){return(0,S.jsx)(b,{title:`Payment Timeline`,className:v(`payment-timeline--component`,t),children:(0,S.jsx)(`div`,{className:`mt-5 space-y-0`,children:e.map((t,n)=>{let r=t.icon;return(0,S.jsxs)(`div`,{className:`flex gap-4`,children:[(0,S.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,S.jsx)(`div`,{className:v(`flex size-8 items-center justify-center rounded-full`,t.done?`bg-success/20`:`bg-muted`),children:(0,S.jsx)(r,{className:v(`size-3.5`,t.done?`text-success`:`text-muted-foreground`)})}),n<e.length-1&&(0,S.jsx)(`div`,{className:v(`mt-1 h-8 w-px`,t.done?`bg-success/30`:`bg-border`)})]}),(0,S.jsxs)(`div`,{className:`pb-6`,children:[(0,S.jsx)(i,{weight:`medium`,children:t.label}),(0,S.jsx)(i,{size:`xs`,type:`secondary`,children:t.date}),!!t.amount&&(0,S.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=g(O,n);return e.length===0?(0,S.jsx)(b,{icon:(0,S.jsx)(o,{className:`size-4`}),title:r.title,className:v(`activity-stream--component`,t),children:(0,S.jsx)(i,{type:`secondary`,align:`center`,className:`py-6`,children:r.empty})}):(0,S.jsx)(b,{icon:(0,S.jsx)(o,{className:`size-4`}),title:r.title,className:t,children:(0,S.jsx)(`ul`,{className:`space-y-3`,children:e.map((t,n)=>{let r=t.icon??d,a=n===e.length-1;return(0,S.jsxs)(`li`,{className:`relative flex gap-3`,children:[(0,S.jsxs)(`div`,{className:`relative flex flex-col items-center`,children:[(0,S.jsx)(`div`,{className:v(`flex size-7 items-center justify-center rounded-full`,k[t.iconVariant??`primary`]),children:(0,S.jsx)(r,{className:`size-3.5`})}),!a&&(0,S.jsx)(`div`,{className:`mt-1 w-px flex-1 bg-border`})]}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1 pb-3`,children:[(0,S.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-1.5`,children:[!!t.actor&&(0,S.jsx)(i,{tag:`span`,weight:`semibold`,children:t.actor}),(0,S.jsx)(i,{tag:`span`,type:`secondary`,children:t.action}),!!t.target&&(0,S.jsx)(i,{tag:`span`,weight:`medium`,children:t.target})]}),!!t.metadata&&t.metadata.length>0&&(0,S.jsx)(`div`,{className:`mt-1 flex flex-wrap gap-x-3 gap-y-0.5`,children:t.metadata.map(e=>(0,S.jsxs)(i,{size:`xs`,type:`secondary`,children:[(0,S.jsxs)(i,{tag:`span`,size:`xs`,type:`discrete`,children:[e.label,`: `]}),e.value]},e.label))}),(0,S.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,S.jsx)(`ol`,{className:v(`timeline--component`,`relative space-y-4`,n),children:e.map((n,r)=>{let a=N[n.status??`neutral`],o=n.icon;return(0,S.jsxs)(`li`,{className:`relative flex gap-3`,children:[r!==e.length-1&&(0,S.jsx)(`span`,{"aria-hidden":`true`,className:v(`absolute left-[7px] top-4 bottom-[-1rem] w-px`,a.line,t===`lg`&&`left-[10px]`,t===`sm`&&`left-[5px]`)}),(0,S.jsx)(`div`,{className:`relative z-[1] mt-0.5 flex shrink-0 items-start`,children:(0,S.jsx)(`span`,{className:v(`inline-flex items-center justify-center rounded-full ring-2`,a.bg,a.text,a.ring,j[t]),children:!!o&&(0,S.jsx)(o,{className:M[t]})})}),(0,S.jsxs)(`div`,{className:`min-w-0 flex-1 pb-2`,children:[(0,S.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,S.jsx)(i,{weight:`medium`,className:`leading-tight`,children:n.title}),!!n.timestamp&&(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:n.timestamp})]}),!!n.description&&(0,S.jsx)(i,{size:`xs`,type:`secondary`,className:`mt-0.5`,children:n.description}),!!n.children&&(0,S.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:h,removed:m,modified:oe,fixed:x};function z({entries:e,className:t,strings:n}){let a=g(F,n),o={added:a.added,removed:a.removed,modified:a.modified,fixed:a.fixed},s=e.map(e=>({id:e.id,title:(0,S.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,S.jsx)(r,{variant:L[e.kind],children:o[e.kind]}),(0,S.jsx)(`span`,{children:e.title}),!!e.version&&(0,S.jsx)(i,{tag:`span`,size:`xxs`,type:`secondary`,className:`font-mono`,children:e.version})]}),description:e.author?(0,S.jsxs)(S.Fragment,{children:[e.description,(0,S.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,S.jsx)(b,{icon:(0,S.jsx)(x,{className:`size-4`}),title:a.title,className:v(`changelog-timeline--component`,t),children:(0,S.jsx)(P,{items:s,dotSize:`base`})})}z.displayName=`ChangelogTimelineCard`;var B={title:`Milestones`,completed:`Completed`,in_progress:`In progress`,upcoming:`Upcoming`,blocked:`Blocked`,dueOn:`Due`},V={completed:`completed`,in_progress:`current`,upcoming:`pending`,blocked:`error`},fe={completed:l,in_progress:te,upcoming:d,blocked:se},pe={completed:`success`,in_progress:`primary`,upcoming:`secondary`,blocked:`error`};function H({milestones:e,className:t,strings:n}){let a=g(B,n),o={completed:a.completed,in_progress:a.in_progress,upcoming:a.upcoming,blocked:a.blocked},c=e.map(e=>({id:e.id,title:(0,S.jsxs)(`span`,{className:`inline-flex flex-wrap items-center gap-1.5`,children:[(0,S.jsx)(`span`,{children:e.title}),(0,S.jsx)(r,{variant:pe[e.status],children:o[e.status]})]}),description:e.description,timestamp:e.dueDate?`${a.dueOn} ${e.dueDate}`:void 0,icon:fe[e.status],status:V[e.status],children:e.status===`in_progress`&&typeof e.progress==`number`?(0,S.jsxs)(`div`,{className:`space-y-1`,children:[(0,S.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,S.jsx)(`div`,{className:v(`h-full rounded-full bg-primary transition-[width] duration-300`),style:{width:`${Math.max(0,Math.min(100,e.progress))}%`}})}),(0,S.jsxs)(i,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[Math.round(e.progress),`%`]})]}):void 0}));return(0,S.jsx)(b,{icon:(0,S.jsx)(s,{className:`size-4`}),title:a.title,className:v(`milestones-timeline--component`,t),children:(0,S.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,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,S.jsx)(w,{title:`Order Processing`,description:`Order #ORD-2026-0412`,steps:U})})})}function G(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-3xl`,children:(0,S.jsx)(E,{title:`Delivery Pipeline`,steps:U})})})}function K(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,S.jsx)(de,{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,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,S.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:re},{label:`Payment received`,date:`Apr 12`,amount:`2,480 USD`,done:!0,icon:ne},{label:`Receipt generated`,date:`Apr 12`,done:!1,icon:ie}]})})})}function J(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,S.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:ae,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:t,iconVariant:`error`,action:`Webhook failure on`,target:`shopify.payments.captured`,timestamp:`3 hours ago`}]})})})}function Y(){return(0,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,S.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,S.jsx)(S.Fragment,{children:(0,S.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,S.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,S.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,S.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,S.jsx)(u,{name:`StepsVertical`,source:Z,children:(0,S.jsx)(W,{})}),(0,S.jsx)(u,{name:`StepsHorizontalExample`,source:Z,children:(0,S.jsx)(G,{})}),(0,S.jsx)(u,{name:`OrderTimeline`,source:Z,children:(0,S.jsx)(K,{})}),(0,S.jsx)(u,{name:`PaymentTimeline`,source:Z,children:(0,S.jsx)(q,{})}),(0,S.jsx)(u,{name:`ActivityStreamReadOnlyTracking`,source:Z,children:(0,S.jsx)(J,{})}),(0,S.jsx)(u,{name:`Changelog`,source:Z,children:(0,S.jsx)(Y,{})}),(0,S.jsx)(u,{name:`Milestones`,source:Z,children:(0,S.jsx)(X,{})})]}),(0,S.jsxs)(a,{title:`API`,id:`api`,children:[(0,S.jsx)(t.h4,{children:`ActivityStreamCard`}),(0,S.jsx)(y,{component:`ActivityStreamCard`}),(0,S.jsx)(t.h4,{children:`ChangelogTimelineCard`}),(0,S.jsx)(y,{component:`ChangelogTimelineCard`}),(0,S.jsx)(t.h4,{children:`MilestonesTimelineCard`}),(0,S.jsx)(y,{component:`MilestonesTimelineCard`}),(0,S.jsx)(t.h4,{children:`OrderTimelineCard`}),(0,S.jsx)(y,{component:`OrderTimelineCard`}),(0,S.jsx)(t.h4,{children:`PaymentTimelineCard`}),(0,S.jsx)(y,{component:`PaymentTimelineCard`}),(0,S.jsx)(t.h4,{children:`StepsCard`}),(0,S.jsx)(y,{component:`StepsCard`}),(0,S.jsx)(t.h4,{children:`StepsHorizontal`}),(0,S.jsx)(y,{component:`StepsHorizontal`})]})]})}function he(e={}){let{wrapper:t}=e.components||{};return t?(0,S.jsx)(t,{...e,children:(0,S.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-CMneKREH.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n}from"./section-Cv8i4DIx.js";import{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-eGsLGIcp.js";import{d,n as f}from"./index-DDZl6kOS.js";import{t as p}from"./useControlled-BHUji6Sp.js";import{t as m}from"./ToolbarRootContext-CM5tQGGX.js";import{t as h}from"./CompositeItem-D9zznn01.js";import{t as g}from"./CompositeRoot-CvxtZ81W.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=d(),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:f(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:f(`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:f(`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-CAXXgjO_.js

@@ -0,0 +1,71 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-Cv8i4DIx.js";import{t as a}from"./example-eGsLGIcp.js";import{t as o}from"./circle-B_tOHWTY.js";import{d as s,n as c}from"./index-DDZl6kOS.js";import{t as l}from"./checkbox-sP254E7e.js";import{t as u}from"./switch-ChJWWmxN.js";import{t as d}from"./slider-BcjkNx6W.js";import{n as f,r as p,t as m}from"./RadioGroup-4jOeNTc1.js";import{n as h,t as g}from"./PreviewLayout-KdEsSl3b.js";var _=t(n(),1),v=s();function y({className:e,...t}){return(0,v.jsx)(m,{"data-slot":`radio-group`,className:c(`grid gap-3 w-full`,e),...t})}function b({className:e,...t}){return(0,v.jsx)(p,{"data-slot":`radio-group-item`,className:c(`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-CHRqrpoM.js

@@ -0,0 +1,32 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-Cv8i4DIx.js";import{n as a,t as o}from"./italic-Ck4UD2ZT.js";import{t as s}from"./example-eGsLGIcp.js";import{d as c,l}from"./index-DDZl6kOS.js";import{n as u,r as d,t as f}from"./toggle-group-CMneKREH.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)(a,{})})})}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)(a,{})}),(0,y.jsx)(u,{"aria-label":`Italic`,value:`italic`,children:(0,y.jsx)(o,{})}),(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)(s,{name:`SingleToggle`,source:S,children:(0,y.jsx)(b,{})}),(0,y.jsx)(s,{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/tooltip-CwGZAioX.js

@@ -0,0 +1,31 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Cv8i4DIx.js";import{a as r,c as i,o as a,r as o,s,t as c}from"./example-eGsLGIcp.js";import{t as l}from"./user-BGchdtV_.js";import{d as u}from"./index-DDZl6kOS.js";import{t as d}from"./props-table-Bjc9IHmp.js";import{t as f}from"./icon-badge-eNEGgpAV.js";var p=e({TooltipExample:()=>h}),m=u();function h(){return(0,m.jsx)(s,{children:(0,m.jsxs)(`div`,{className:`flex items-center gap-space-md`,children:[(0,m.jsxs)(r,{children:[(0,m.jsx)(i,{asChild:!0,children:(0,m.jsx)(o,{type:`button`,variant:`secondary`,buttonStyle:`outline`,children:`Hover me`})}),(0,m.jsx)(a,{children:(0,m.jsx)(`p`,{children:`I'm a tooltip`})})]}),(0,m.jsxs)(r,{children:[(0,m.jsx)(i,{asChild:!0,children:(0,m.jsx)(f,{icon:l,tone:`primary`})}),(0,m.jsx)(a,{children:(0,m.jsx)(`p`,{children:`User profile`})})]})]})})}var g=`import { User } from 'lucide-react';
+
+import { Button } from '@/components/base/buttons';
+import { IconBadge } from '@/components/base/display/icon-badge';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/base/display/tooltip';
+
+export function TooltipExample() {
+	return (
+		<TooltipProvider>
+			<div className="flex items-center gap-space-md">
+				<Tooltip>
+					<TooltipTrigger asChild>
+						<Button type="button" variant="secondary" buttonStyle="outline">Hover me</Button>
+					</TooltipTrigger>
+					<TooltipContent>
+						<p>I'm a tooltip</p>
+					</TooltipContent>
+				</Tooltip>
+				<Tooltip>
+					<TooltipTrigger asChild>
+						<IconBadge icon={User} tone="primary" />
+					</TooltipTrigger>
+					<TooltipContent>
+						<p>User profile</p>
+					</TooltipContent>
+				</Tooltip>
+			</div>
+		</TooltipProvider>
+	);
+}
+`;function _(e){return p||y(`Examples`,!1),h||y(`Examples.TooltipExample`,!0),(0,m.jsxs)(t,{title:`Tooltip`,description:`Tooltip provider, trigger, and content wrappers for short contextual help.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/tooltip`,children:[(0,m.jsx)(n,{title:`Examples`,id:`examples`,children:(0,m.jsx)(c,{name:`TooltipExample`,source:g,children:(0,m.jsx)(h,{})})}),(0,m.jsxs)(n,{title:`API`,id:`api`,children:[(0,m.jsx)(d,{component:`Tooltip`}),(0,m.jsx)(d,{component:`TooltipContent`})]})]})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(_,{...e})}):_(e)}function y(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{v as default};

package/dist/showcase/assets/trash-2-BpMb9Zbb.js

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

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

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