admin-ui-starter-kit 0.4.2 → 0.4.3

package/dist/showcase/assets/{message-square-B0RnrJV6.js → message-square-CBNI_sf8.js}

@@ -1 +1 @@
-import{a as e}from"./index-Cz4UGUT2.js";var t=e(`message-square`,[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]);export{t};
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`message-square`,[[`path`,{d:`M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z`,key:`18887p`}]]);export{t};

package/dist/showcase/assets/{metadata-list-fm8e58ID.js → metadata-list-BoEVt7cX.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Tr as r,a as i,c as a,o,r as s}from"./example-BIrQab7K.js";import{t as c}from"./info-DFu8OfxV.js";import{k as l,n as u,s as d}from"./index-Cz4UGUT2.js";import{t as f}from"./separator-BjGdXNcn.js";var p=e(t(),1),m={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},h=d(),g={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},_={start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},v={start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`},y=(e,t)=>e.id?e.id:`metadata-${typeof e.label==`string`?e.label:`${t}`}-${t}`;function b({items:e,columns:t=2,dense:d=!1,emptyLabel:b=`—`,title:x,titleSeparator:S=!1,className:C,gapClassName:w,labelClassName:T,valueClassName:E,descriptionClassName:D,layout:O=`vertical`,justify:k=`start`,align:A=`center`,separator:j=`: `,itemSeparator:M=!1,wrap:N=!0,strings:P}){let F=l(m,P),I=p.useMemo(()=>e.filter(Boolean),[e]);if(p.useEffect(()=>{},[O,I]),I.length===0)return null;let L=g[t]??g[2],R=w??(d?`gap-2`:`gap-3`),z=d?`text-xxs`:`text-xs`,B=`text-sm`,V=x!=null,H=V&&S;if(O===`horizontal`){let e=_[k]??_.start,t=v[A]??v.center,l=typeof M==`string`?M:M?` | `:``,m=d?`gap-2`:`gap-3`,g=N?`flex-wrap`:`flex-nowrap`;return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(r,{tag:`h6`,className:`mb-1.5 font-medium text-muted-foreground uppercase tracking-wide`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:u(`flex`,g,e,t,m),children:I.map((e,t)=>{let r=y(e,t),f=e.emptyLabel??b,m=e.value??f,g=e.icon,_=e.tooltip!==null&&e.tooltip!==void 0,v=typeof e.render==`function`,x=l&&t<I.length-1;return(0,h.jsxs)(p.Fragment,{children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!g&&(0,h.jsx)(g,{className:u(`flex-shrink-0`,d?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,h.jsx)(n,{size:`xs`,type:`secondary`,className:u(`metadata--field tracking-wide whitespace-nowrap`,z,T),children:e.label}),!!_&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(s,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?F.formatInfoAriaLabel(e.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(n,{type:`inverse`,size:`xs`,children:e.tooltip})})]}),(0,h.jsx)(n,{size:`xs`,type:`secondary`,children:j}),v?e.render?.(e):(0,h.jsx)(n,{weight:`medium`,className:u(B,E),children:m})]}),!!x&&(0,h.jsx)(n,{size:`xs`,type:`secondary`,children:l})]},r)})})]})}if(O===`rows`){let e=d?`py-1.5`:`py-2.5`;return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(r,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide mb-2`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`dl`,{className:`divide-y divide-border/50`,children:I.map((t,r)=>{let l=y(t,r),f=t.emptyLabel??b,p=t.value??f,m=t.icon,g=t.tooltip!==null&&t.tooltip!==void 0,_=typeof t.render==`function`;return(0,h.jsxs)(`div`,{className:u(`grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]`,e),children:[(0,h.jsxs)(`dt`,{className:`flex items-center gap-1.5 min-w-0`,children:[!!m&&(0,h.jsx)(m,{className:u(`flex-shrink-0 text-muted-foreground`,d?`h-3 w-3`:`h-3.5 w-3.5`)}),(0,h.jsx)(n,{type:`secondary`,className:u(`metadata--field truncate tracking-wide`,z,T),children:t.label}),!!g&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:e=>(0,h.jsx)(s,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,e.className),"aria-label":typeof t.label==`string`?F.formatInfoAriaLabel(t.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(n,{type:`inverse`,size:`xs`,children:t.tooltip})})]})]}),(0,h.jsxs)(`dd`,{className:`min-w-0`,children:[_?t.render?.(t):(0,h.jsx)(n,{weight:`medium`,className:u(`break-words`,E),children:p}),!!t.description&&(0,h.jsx)(n,{size:`xs`,type:`secondary`,className:u(`mt-0.5`,D),children:t.description})]})]},l)})})]})}return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(r,{tag:`h6`,className:`mb-1.5 font-medium text-muted-foreground uppercase tracking-wide`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:u(`grid`,L,R),children:I.map((e,t)=>{let r=y(e,t),l=e.emptyLabel??b,f=e.value??l,p=e.icon,m=e.tooltip!==null&&e.tooltip!==void 0,g=typeof e.render==`function`;return(0,h.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!p&&(0,h.jsx)(p,{className:u(`flex-shrink-0`,d?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,h.jsx)(n,{size:`xs`,type:`secondary`,className:u(`metadata--field tracking-wide`,z,T),children:e.label}),!!m&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(s,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?F.formatInfoAriaLabel(e.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(n,{type:`inverse`,size:`xs`,children:e.tooltip})})]})]}),g?e.render?.(e):(0,h.jsx)(n,{weight:`medium`,className:u(B,E),children:f}),!!e.description&&(0,h.jsx)(n,{size:`xs`,type:`secondary`,className:u(D),children:e.description})]},r)})})]})}b.displayName=`MetadataList`;export{b as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Lr as n,Rr as r,a as i,c as a,o,r as s}from"./example-Cz_880po.js";import{t as c}from"./info-BimmreJ-.js";import{k as l,n as u,s as d}from"./index-BQIv1ffM.js";import{t as f}from"./separator-BsYPzBlF.js";var p=e(t(),1),m={formatInfoAriaLabel:e=>`${e} info`,infoFallback:`Info`},h=d(),g={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},_={start:`justify-start`,end:`justify-end`,center:`justify-center`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`},v={start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`},y=(e,t)=>e.id?e.id:`metadata-${typeof e.label==`string`?e.label:`${t}`}-${t}`;function b({items:e,columns:t=2,dense:d=!1,emptyLabel:b=`—`,title:x,titleSeparator:S=!1,className:C,gapClassName:w,labelClassName:T,valueClassName:E,descriptionClassName:D,layout:O=`vertical`,justify:k=`start`,align:A=`center`,separator:j=`: `,itemSeparator:M=!1,wrap:N=!0,strings:P}){let F=l(m,P),I=p.useMemo(()=>e.filter(Boolean),[e]);if(p.useEffect(()=>{},[O,I]),I.length===0)return null;let L=g[t]??g[2],R=w??(d?`gap-2`:`gap-3`),z=d?`text-xxs`:`text-xs`,B=`text-sm`,V=x!=null,H=V&&S;if(O===`horizontal`){let e=_[k]??_.start,t=v[A]??v.center,l=typeof M==`string`?M:M?` | `:``,m=d?`gap-2`:`gap-3`,g=N?`flex-wrap`:`flex-nowrap`;return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:`mb-1.5 font-medium text-muted-foreground uppercase tracking-wide`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:u(`flex`,g,e,t,m),children:I.map((e,t)=>{let n=y(e,t),f=e.emptyLabel??b,m=e.value??f,g=e.icon,_=e.tooltip!==null&&e.tooltip!==void 0,v=typeof e.render==`function`,x=l&&t<I.length-1;return(0,h.jsxs)(p.Fragment,{children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!g&&(0,h.jsx)(g,{className:u(`flex-shrink-0`,d?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(`metadata--field tracking-wide whitespace-nowrap`,z,T),children:e.label}),!!_&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(s,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?F.formatInfoAriaLabel(e.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(r,{type:`inverse`,size:`xs`,children:e.tooltip})})]}),(0,h.jsx)(r,{size:`xs`,type:`secondary`,children:j}),v?e.render?.(e):(0,h.jsx)(r,{weight:`medium`,className:u(B,E),children:m})]}),!!x&&(0,h.jsx)(r,{size:`xs`,type:`secondary`,children:l})]},n)})})]})}if(O===`rows`){let e=d?`py-1.5`:`py-2.5`;return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:`font-medium text-muted-foreground uppercase tracking-wide mb-2`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`dl`,{className:`divide-y divide-border/50`,children:I.map((t,n)=>{let l=y(t,n),f=t.emptyLabel??b,p=t.value??f,m=t.icon,g=t.tooltip!==null&&t.tooltip!==void 0,_=typeof t.render==`function`;return(0,h.jsxs)(`div`,{className:u(`grid items-baseline gap-x-4 gap-y-1 grid-cols-[minmax(120px,1fr)_2fr]`,e),children:[(0,h.jsxs)(`dt`,{className:`flex items-center gap-1.5 min-w-0`,children:[!!m&&(0,h.jsx)(m,{className:u(`flex-shrink-0 text-muted-foreground`,d?`h-3 w-3`:`h-3.5 w-3.5`)}),(0,h.jsx)(r,{type:`secondary`,className:u(`metadata--field truncate tracking-wide`,z,T),children:t.label}),!!g&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:e=>(0,h.jsx)(s,{...e,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,e.className),"aria-label":typeof t.label==`string`?F.formatInfoAriaLabel(t.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(r,{type:`inverse`,size:`xs`,children:t.tooltip})})]})]}),(0,h.jsxs)(`dd`,{className:`min-w-0`,children:[_?t.render?.(t):(0,h.jsx)(r,{weight:`medium`,className:u(`break-words`,E),children:p}),!!t.description&&(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(`mt-0.5`,D),children:t.description})]})]},l)})})]})}return(0,h.jsxs)(`div`,{className:u(`metadata-list--component`,`metadata-list-container`,C),children:[!!V&&(0,h.jsx)(n,{tag:`h6`,className:`mb-1.5 font-medium text-muted-foreground uppercase tracking-wide`,children:x}),!!H&&(0,h.jsx)(f,{className:`mb-2`}),(0,h.jsx)(`div`,{className:u(`grid`,L,R),children:I.map((e,t)=>{let n=y(e,t),l=e.emptyLabel??b,f=e.value??l,p=e.icon,m=e.tooltip!==null&&e.tooltip!==void 0,g=typeof e.render==`function`;return(0,h.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[!!p&&(0,h.jsx)(p,{className:u(`flex-shrink-0`,d?`h-3 w-3`:`h-3.5 w-3.5`,`text-muted-foreground`)}),(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(`metadata--field tracking-wide`,z,T),children:e.label}),!!m&&(0,h.jsxs)(i,{children:[(0,h.jsx)(a,{render:t=>(0,h.jsx)(s,{...t,type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,className:u(`inline-flex items-center`,t.className),"aria-label":typeof e.label==`string`?F.formatInfoAriaLabel(e.label):F.infoFallback,children:(0,h.jsx)(c,{className:`h-3 w-3 text-muted-foreground cursor-help flex-shrink-0`})})}),(0,h.jsx)(o,{side:`top`,align:`start`,className:`max-w-xs`,children:(0,h.jsx)(r,{type:`inverse`,size:`xs`,children:e.tooltip})})]})]}),g?e.render?.(e):(0,h.jsx)(r,{weight:`medium`,className:u(B,E),children:f}),!!e.description&&(0,h.jsx)(r,{size:`xs`,type:`secondary`,className:u(D),children:e.description})]},n)})})]})}b.displayName=`MetadataList`;export{b as t};

package/dist/showcase/assets/{metadata-list-DkN9yfTj.js → metadata-list-NtWuY9W8.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Er as i,hr as a,jr as ee,mr as o,r as te,t as s,yr as c}from"./example-BIrQab7K.js";import{t as l}from"./badge-check-BRAVo7dA.js";import{t as u}from"./building-2-zgcwuzxP.js";import{t as d}from"./calendar-days-pr8kXiTx.js";import{t as f}from"./clock-DuBsP5t3.js";import{t as ne}from"./credit-card-CYgRtM77.js";import{t as p}from"./external-link-DuJlM_H4.js";import{t as re}from"./git-branch-D9jt-u1q.js";import{t as m}from"./globe-BJHI134i.js";import{t as h}from"./hash-CtBGoIvf.js";import{t as g}from"./mail-w1nhszbW.js";import{t as _}from"./map-pin-DUl-Lt6t.js";import{t as v}from"./phone-DCNFH5yg.js";import{t as y}from"./shield-check-CRbBJXw2.js";import{t as b}from"./user-Bqmz8M16.js";import{a as x,s as ie}from"./index-Cz4UGUT2.js";import{t as ae}from"./props-table-BR-KjRNe.js";import{t as S}from"./smart-card-B4P_C0nk.js";import{r as oe,t as se}from"./avatar-5EFTnHEG.js";import{t as C}from"./metadata-list-fm8e58ID.js";var w=x(`tag`,[[`path`,{d:`M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z`,key:`vktsd0`}],[`circle`,{cx:`7.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`kqv944`}]]),T=e({APISurface:()=>z,Dense4ColumnOverview:()=>K,EmptyStateFallbacksCustomRenderers:()=>X,Example3ColumnWithIcons:()=>q,HorizontalPillSummary:()=>J,RowsReceiptStyle:()=>U,RowsTwoColumnWithHairlines:()=>H,RowsWithIconsTooltips:()=>W,SectionedMultiCard:()=>G,Vertical2ColumnNoIcons:()=>B,VerticalSingleColumnNoIcons:()=>V,WithTitleSeparator:()=>Y}),E=t(n(),1),D=ie();function O({value:e,mono:t=!0}){let[n,a]=(0,E.useState)(!1);return(0,D.jsxs)(te,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>{try{navigator.clipboard.writeText(e)}catch{}a(!0),setTimeout(()=>a(!1),1200)},className:`group -ml-1 h-auto gap-1.5 rounded-md px-1 py-0.5 shadow-none transition-colors hover:bg-muted/60`,title:`Copy to clipboard`,children:[(0,D.jsx)(i,{tag:`span`,weight:`medium`,className:t?`font-mono tabular-nums`:`tabular-nums`,children:e}),n?(0,D.jsx)(ee,{className:`size-3 text-success`,"aria-hidden":`true`}):(0,D.jsx)(r,{className:`size-3 text-muted-foreground/50 opacity-0 transition-opacity group-hover:opacity-100`,"aria-hidden":`true`})]})}function k({initials:e,name:t,sub:n}){return(0,D.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,D.jsx)(se,{className:`size-6`,children:(0,D.jsx)(oe,{className:`text-xxs font-semibold`,children:e})}),(0,D.jsxs)(`span`,{className:`inline-flex flex-col leading-tight`,children:[(0,D.jsx)(i,{tag:`span`,weight:`medium`,children:t}),!!n&&(0,D.jsx)(i,{tag:`span`,size:`xxs`,type:`secondary`,children:n})]})]})}var A=[{id:`name`,label:`Name`,value:`Sarah Smitha`},{id:`email`,label:`Email`,value:`maria@example.com`},{id:`role`,label:`Role`,value:`Workspace owner`},{id:`joined`,label:`Joined`,value:`March 14, 2025`},{id:`lastSeen`,label:`Last seen`,value:`2 hours ago`},{id:`timezone`,label:`Timezone`,value:`Europe/New York (UTC+02:00)`}],j=[{id:`sku`,label:`SKU`,icon:h,value:(0,D.jsx)(O,{value:`SP-204-WL`}),tooltip:`Internal stock-keeping unit`},{id:`category`,label:`Category`,icon:w,value:(0,D.jsx)(c,{variant:`secondary`,children:`Wellness`})},{id:`status`,label:`Status`,icon:l,value:(0,D.jsx)(c,{variant:`success`,children:`Active`})},{id:`created`,label:`Created`,icon:d,value:`Apr 12, 2026`},{id:`updated`,label:`Last updated`,icon:f,value:`Apr 28, 2026 · 14:32`},{id:`version`,label:`Version`,icon:re,value:(0,D.jsx)(O,{value:`v3.2.1`})}],M=[{id:`id`,label:`Booking ID`,value:(0,D.jsx)(O,{value:`BKG-2026-0412`})},{id:`customer`,label:`Customer`,value:(0,D.jsx)(k,{initials:`MP`,name:`Sarah Smitha`,sub:`maria@example.com`})},{id:`experience`,label:`Experience`,value:`Spa Day Voucher`,description:`Wellness · 90 minutes · 2 guests`},{id:`scheduled`,label:`Scheduled for`,value:`Apr 18, 2026 · 14:00`,description:`Confirmed by SMS`},{id:`status`,label:`Status`,value:(0,D.jsx)(c,{variant:`success`,children:`Paid`})},{id:`amount`,label:`Total`,value:(0,D.jsx)(i,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:`180.00 USD`})}],N=[{id:`sub`,label:`Subtotal`,value:`180.00 USD`},{id:`tax`,label:`VAT (20%)`,value:`36.00 USD`},{id:`discount`,label:`Discount`,value:(0,D.jsx)(i,{tag:`span`,weight:`medium`,type:`success`,className:`tabular-nums`,children:`−25.00 USD`})},{id:`total`,label:`Total`,value:(0,D.jsx)(i,{tag:`span`,weight:`bold`,className:`tabular-nums`,children:`191.00 USD`})}],P=[{id:`name`,label:`Name`,icon:b,value:`Sarah Smitha`},{id:`email`,label:`Email`,icon:g,value:(0,D.jsx)(O,{value:`maria@example.com`,mono:!1})},{id:`phone`,label:`Phone`,icon:v,value:(0,D.jsx)(O,{value:`+1 888 123 456`})},{id:`address`,label:`Address`,icon:_,value:`ul. Vitosha 24, New York 1000`,description:`USA`}],F=[{id:`card`,label:`Card`,icon:ne,value:`Visa ending 4242`},{id:`billing`,label:`Billing address`,icon:u,value:`ul. Slavyanska 9, Los Angeles`},{id:`verified`,label:`Verified`,icon:y,value:(0,D.jsx)(c,{variant:`success`,children:`Yes`})}],I=[{id:`created`,label:`Created`,value:`Apr 12, 2026`},{id:`by`,label:`By`,value:`Sarah P.`},{id:`version`,label:`Version`,value:`v3.2.1`},{id:`env`,label:`Env`,value:`production`}],L=[{id:`sku`,label:`SKU`,value:`SP-204-WL`},{id:`isbn`,label:`ISBN`,value:null,emptyLabel:`Not assigned`},{id:`barcode`,label:`Barcode`,value:void 0},{id:`website`,label:`Website`,icon:m,render:()=>(0,D.jsxs)(`a`,{href:`#`,className:`inline-flex items-center gap-1 text-primary hover:underline`,children:[(0,D.jsx)(i,{tag:`span`,weight:`medium`,children:`example.com`}),(0,D.jsx)(p,{className:`size-3`,"aria-hidden":`true`})]})}],R=[{id:`plan`,label:`Plan`,value:`Pro Annual`},{id:`seats`,label:`Seats`,value:`12 / 50`},{id:`next`,label:`Next billing`,value:`May 12, 2026`}];function z(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)(i,{type:`secondary`,children:[`Each item: `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`{ id, label, value, icon?, tooltip?, description?, render?, emptyLabel? }`}),`. List-level props: `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`layout`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`columns`}),` (1–4), `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`dense`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`title`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`titleSeparator`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`separator`}),`. Per-item `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`render`}),` escapes the default rendering — perfect for status pills, copyable IDs, links, inline edits.`]})})}function B(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Account details`,padding:`base`,children:(0,D.jsx)(C,{items:A,columns:2})})})}function V(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`max-w-sm rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:A.slice(0,4),columns:1})})})}function H(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Booking #BKG-2026-0412`,padding:`base`,children:(0,D.jsx)(C,{items:M,layout:`rows`})})})}function U(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`max-w-sm rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:N,layout:`rows`,dense:!0})})})}function W(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Product details`,padding:`base`,children:(0,D.jsx)(C,{items:j,layout:`rows`})})})}function G(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-2`,children:[(0,D.jsx)(S,{title:`Customer`,children:(0,D.jsx)(C,{items:P,layout:`rows`})}),(0,D.jsx)(S,{title:`Payment`,children:(0,D.jsx)(C,{items:F,layout:`rows`})})]})})}function K(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:j,columns:4,dense:!0})})})}function q(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:j,columns:3})})})}function J(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)(`div`,{className:`space-y-3`,children:[(0,D.jsx)(`div`,{className:`rounded-lg border border-border bg-card px-4 py-3`,children:(0,D.jsx)(C,{items:I,layout:`horizontal`,separator:`·`})}),(0,D.jsx)(`div`,{className:`rounded-lg border border-border bg-card px-4 py-3`,children:(0,D.jsx)(C,{items:I,layout:`horizontal`,separator:`:`,itemSeparator:!0})}),(0,D.jsx)(`div`,{className:`rounded-lg bg-muted/30 px-4 py-3`,children:(0,D.jsx)(C,{items:R,layout:`horizontal`,separator:`:`,itemSeparator:`•`})})]})})}function Y(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(C,{title:`Inventory metadata`,titleSeparator:!0,items:j,columns:2})})}function X(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Mixed`,padding:`base`,children:(0,D.jsx)(C,{items:L,layout:`rows`})})})}var Z=`import { useState } from 'react';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Hr as ee,Rr as a,Ur as o,jr as s,r as te,t as c}from"./example-Cz_880po.js";import{t as l}from"./badge-check-D2C2BPUT.js";import{t as u}from"./building-2-1D6zVdCI.js";import{t as d}from"./calendar-days-C4mG2tOe.js";import{t as f}from"./clock-9xbB7EnW.js";import{t as ne}from"./credit-card-CAI3F3HB.js";import{t as p}from"./external-link-Cy1-PP8k.js";import{t as re}from"./git-branch-Dl3AzbqP.js";import{t as m}from"./globe-BCikLfKc.js";import{t as h}from"./hash-C8m0EECO.js";import{t as g}from"./mail-AES_tOd2.js";import{t as _}from"./map-pin-0O7GD5Dz.js";import{t as v}from"./phone-CLvml_XI.js";import{t as y}from"./shield-check-DUTAPADm.js";import{t as b}from"./user-BZog6aIh.js";import{a as x,s as ie}from"./index-BQIv1ffM.js";import{t as ae}from"./props-table-2pIZzGC-.js";import{t as S}from"./smart-card-Dhu_1A_u.js";import{r as oe,t as se}from"./avatar-LGWm52rv.js";import{t as C}from"./metadata-list-BoEVt7cX.js";var w=x(`tag`,[[`path`,{d:`M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z`,key:`vktsd0`}],[`circle`,{cx:`7.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`kqv944`}]]),T=e({APISurface:()=>z,Dense4ColumnOverview:()=>K,EmptyStateFallbacksCustomRenderers:()=>X,Example3ColumnWithIcons:()=>q,HorizontalPillSummary:()=>J,RowsReceiptStyle:()=>U,RowsTwoColumnWithHairlines:()=>H,RowsWithIconsTooltips:()=>W,SectionedMultiCard:()=>G,Vertical2ColumnNoIcons:()=>B,VerticalSingleColumnNoIcons:()=>V,WithTitleSeparator:()=>Y}),E=t(n(),1),D=ie();function O({value:e,mono:t=!0}){let[n,r]=(0,E.useState)(!1);return(0,D.jsxs)(te,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`xs`,onClick:()=>{try{navigator.clipboard.writeText(e)}catch{}r(!0),setTimeout(()=>r(!1),1200)},className:`group -ml-1 h-auto gap-1.5 rounded-md px-1 py-0.5 shadow-none transition-colors hover:bg-muted/60`,title:`Copy to clipboard`,children:[(0,D.jsx)(a,{tag:`span`,weight:`medium`,className:t?`font-mono tabular-nums`:`tabular-nums`,children:e}),n?(0,D.jsx)(o,{className:`size-3 text-success`,"aria-hidden":`true`}):(0,D.jsx)(ee,{className:`size-3 text-muted-foreground/50 opacity-0 transition-opacity group-hover:opacity-100`,"aria-hidden":`true`})]})}function k({initials:e,name:t,sub:n}){return(0,D.jsxs)(`span`,{className:`inline-flex items-center gap-2`,children:[(0,D.jsx)(se,{className:`size-6`,children:(0,D.jsx)(oe,{className:`text-xxs font-semibold`,children:e})}),(0,D.jsxs)(`span`,{className:`inline-flex flex-col leading-tight`,children:[(0,D.jsx)(a,{tag:`span`,weight:`medium`,children:t}),!!n&&(0,D.jsx)(a,{tag:`span`,size:`xxs`,type:`secondary`,children:n})]})]})}var A=[{id:`name`,label:`Name`,value:`Sarah Smitha`},{id:`email`,label:`Email`,value:`maria@example.com`},{id:`role`,label:`Role`,value:`Workspace owner`},{id:`joined`,label:`Joined`,value:`March 14, 2025`},{id:`lastSeen`,label:`Last seen`,value:`2 hours ago`},{id:`timezone`,label:`Timezone`,value:`Europe/New York (UTC+02:00)`}],j=[{id:`sku`,label:`SKU`,icon:h,value:(0,D.jsx)(O,{value:`SP-204-WL`}),tooltip:`Internal stock-keeping unit`},{id:`category`,label:`Category`,icon:w,value:(0,D.jsx)(s,{variant:`secondary`,children:`Wellness`})},{id:`status`,label:`Status`,icon:l,value:(0,D.jsx)(s,{variant:`success`,children:`Active`})},{id:`created`,label:`Created`,icon:d,value:`Apr 12, 2026`},{id:`updated`,label:`Last updated`,icon:f,value:`Apr 28, 2026 · 14:32`},{id:`version`,label:`Version`,icon:re,value:(0,D.jsx)(O,{value:`v3.2.1`})}],M=[{id:`id`,label:`Booking ID`,value:(0,D.jsx)(O,{value:`BKG-2026-0412`})},{id:`customer`,label:`Customer`,value:(0,D.jsx)(k,{initials:`MP`,name:`Sarah Smitha`,sub:`maria@example.com`})},{id:`experience`,label:`Experience`,value:`Spa Day Voucher`,description:`Wellness · 90 minutes · 2 guests`},{id:`scheduled`,label:`Scheduled for`,value:`Apr 18, 2026 · 14:00`,description:`Confirmed by SMS`},{id:`status`,label:`Status`,value:(0,D.jsx)(s,{variant:`success`,children:`Paid`})},{id:`amount`,label:`Total`,value:(0,D.jsx)(a,{tag:`span`,weight:`semibold`,className:`tabular-nums`,children:`180.00 USD`})}],N=[{id:`sub`,label:`Subtotal`,value:`180.00 USD`},{id:`tax`,label:`VAT (20%)`,value:`36.00 USD`},{id:`discount`,label:`Discount`,value:(0,D.jsx)(a,{tag:`span`,weight:`medium`,type:`success`,className:`tabular-nums`,children:`−25.00 USD`})},{id:`total`,label:`Total`,value:(0,D.jsx)(a,{tag:`span`,weight:`bold`,className:`tabular-nums`,children:`191.00 USD`})}],P=[{id:`name`,label:`Name`,icon:b,value:`Sarah Smitha`},{id:`email`,label:`Email`,icon:g,value:(0,D.jsx)(O,{value:`maria@example.com`,mono:!1})},{id:`phone`,label:`Phone`,icon:v,value:(0,D.jsx)(O,{value:`+1 888 123 456`})},{id:`address`,label:`Address`,icon:_,value:`ul. Vitosha 24, New York 1000`,description:`USA`}],F=[{id:`card`,label:`Card`,icon:ne,value:`Visa ending 4242`},{id:`billing`,label:`Billing address`,icon:u,value:`ul. Slavyanska 9, Los Angeles`},{id:`verified`,label:`Verified`,icon:y,value:(0,D.jsx)(s,{variant:`success`,children:`Yes`})}],I=[{id:`created`,label:`Created`,value:`Apr 12, 2026`},{id:`by`,label:`By`,value:`Sarah P.`},{id:`version`,label:`Version`,value:`v3.2.1`},{id:`env`,label:`Env`,value:`production`}],L=[{id:`sku`,label:`SKU`,value:`SP-204-WL`},{id:`isbn`,label:`ISBN`,value:null,emptyLabel:`Not assigned`},{id:`barcode`,label:`Barcode`,value:void 0},{id:`website`,label:`Website`,icon:m,render:()=>(0,D.jsxs)(`a`,{href:`#`,className:`inline-flex items-center gap-1 text-primary hover:underline`,children:[(0,D.jsx)(a,{tag:`span`,weight:`medium`,children:`example.com`}),(0,D.jsx)(p,{className:`size-3`,"aria-hidden":`true`})]})}],R=[{id:`plan`,label:`Plan`,value:`Pro Annual`},{id:`seats`,label:`Seats`,value:`12 / 50`},{id:`next`,label:`Next billing`,value:`May 12, 2026`}];function z(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)(a,{type:`secondary`,children:[`Each item: `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`{ id, label, value, icon?, tooltip?, description?, render?, emptyLabel? }`}),`. List-level props: `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`layout`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`columns`}),` (1–4), `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`dense`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`title`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`titleSeparator`}),`, `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`separator`}),`. Per-item `,(0,D.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`render`}),` escapes the default rendering — perfect for status pills, copyable IDs, links, inline edits.`]})})}function B(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Account details`,padding:`base`,children:(0,D.jsx)(C,{items:A,columns:2})})})}function V(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`max-w-sm rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:A.slice(0,4),columns:1})})})}function H(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Booking #BKG-2026-0412`,padding:`base`,children:(0,D.jsx)(C,{items:M,layout:`rows`})})})}function U(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`max-w-sm rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:N,layout:`rows`,dense:!0})})})}function W(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Product details`,padding:`base`,children:(0,D.jsx)(C,{items:j,layout:`rows`})})})}function G(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-2`,children:[(0,D.jsx)(S,{title:`Customer`,children:(0,D.jsx)(C,{items:P,layout:`rows`})}),(0,D.jsx)(S,{title:`Payment`,children:(0,D.jsx)(C,{items:F,layout:`rows`})})]})})}function K(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:j,columns:4,dense:!0})})})}function q(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(`div`,{className:`rounded-xl border border-border bg-card p-5`,children:(0,D.jsx)(C,{items:j,columns:3})})})}function J(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsxs)(`div`,{className:`space-y-3`,children:[(0,D.jsx)(`div`,{className:`rounded-lg border border-border bg-card px-4 py-3`,children:(0,D.jsx)(C,{items:I,layout:`horizontal`,separator:`·`})}),(0,D.jsx)(`div`,{className:`rounded-lg border border-border bg-card px-4 py-3`,children:(0,D.jsx)(C,{items:I,layout:`horizontal`,separator:`:`,itemSeparator:!0})}),(0,D.jsx)(`div`,{className:`rounded-lg bg-muted/30 px-4 py-3`,children:(0,D.jsx)(C,{items:R,layout:`horizontal`,separator:`:`,itemSeparator:`•`})})]})})}function Y(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(C,{title:`Inventory metadata`,titleSeparator:!0,items:j,columns:2})})}function X(){return(0,D.jsx)(D.Fragment,{children:(0,D.jsx)(S,{title:`Mixed`,padding:`base`,children:(0,D.jsx)(C,{items:L,layout:`rows`})})})}var Z=`import { useState } from 'react';
 import {
 	BadgeCheck,
 	Building2,
@@ -276,13 +276,13 @@ export function EmptyStateFallbacksCustomRenderers() {
 		</>
 	);
 }
-`;function Q(e){let t={code:`code`,p:`p`,pre:`pre`,...e.components};return T||$(`Examples`,!1),z||$(`Examples.APISurface`,!0),K||$(`Examples.Dense4ColumnOverview`,!0),X||$(`Examples.EmptyStateFallbacksCustomRenderers`,!0),q||$(`Examples.Example3ColumnWithIcons`,!0),J||$(`Examples.HorizontalPillSummary`,!0),U||$(`Examples.RowsReceiptStyle`,!0),H||$(`Examples.RowsTwoColumnWithHairlines`,!0),W||$(`Examples.RowsWithIconsTooltips`,!0),G||$(`Examples.SectionedMultiCard`,!0),B||$(`Examples.Vertical2ColumnNoIcons`,!0),V||$(`Examples.VerticalSingleColumnNoIcons`,!0),Y||$(`Examples.WithTitleSeparator`,!0),(0,D.jsxs)(a,{title:`Metadata list`,description:`Flexible label/value list for entity metadata. Three layouts (vertical grid, horizontal pills, two-column rows), per-item icons, tooltips, descriptions, and custom renderers — with first-class empty-state handling.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/metadata`,children:[(0,D.jsx)(o,{title:`Overview`,id:`overview`,children:(0,D.jsxs)(t.p,{children:[(0,D.jsx)(t.code,{children:`MetadataList`}),` renders an array of `,(0,D.jsx)(t.code,{children:`{ id, label, value, icon?, tooltip?, description?, render?, emptyLabel? }`}),` items. List-level props pick the
+`;function Q(e){let t={code:`code`,p:`p`,pre:`pre`,...e.components};return T||$(`Examples`,!1),z||$(`Examples.APISurface`,!0),K||$(`Examples.Dense4ColumnOverview`,!0),X||$(`Examples.EmptyStateFallbacksCustomRenderers`,!0),q||$(`Examples.Example3ColumnWithIcons`,!0),J||$(`Examples.HorizontalPillSummary`,!0),U||$(`Examples.RowsReceiptStyle`,!0),H||$(`Examples.RowsTwoColumnWithHairlines`,!0),W||$(`Examples.RowsWithIconsTooltips`,!0),G||$(`Examples.SectionedMultiCard`,!0),B||$(`Examples.Vertical2ColumnNoIcons`,!0),V||$(`Examples.VerticalSingleColumnNoIcons`,!0),Y||$(`Examples.WithTitleSeparator`,!0),(0,D.jsxs)(r,{title:`Metadata list`,description:`Flexible label/value list for entity metadata. Three layouts (vertical grid, horizontal pills, two-column rows), per-item icons, tooltips, descriptions, and custom renderers — with first-class empty-state handling.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/metadata`,children:[(0,D.jsx)(i,{title:`Overview`,id:`overview`,children:(0,D.jsxs)(t.p,{children:[(0,D.jsx)(t.code,{children:`MetadataList`}),` renders an array of `,(0,D.jsx)(t.code,{children:`{ id, label, value, icon?, tooltip?, description?, render?, emptyLabel? }`}),` items. List-level props pick the
 `,(0,D.jsx)(t.code,{children:`layout`}),` (`,(0,D.jsx)(t.code,{children:`vertical`}),` / `,(0,D.jsx)(t.code,{children:`rows`}),` / `,(0,D.jsx)(t.code,{children:`horizontal`}),`), the `,(0,D.jsx)(t.code,{children:`columns`}),` count (1–4),
 and density. Per-item `,(0,D.jsx)(t.code,{children:`render`}),` escapes the default formatting for status
-pills, copyable IDs, links, or inline edits.`]})}),(0,D.jsxs)(o,{title:`Consumer usage`,id:`usage`,children:[(0,D.jsx)(t.p,{children:`Consumers import metadata primitives from the exact nested package entrypoint:`}),(0,D.jsx)(t.pre,{children:(0,D.jsx)(t.code,{className:`language-tsx`,children:`import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata';
+pills, copyable IDs, links, or inline edits.`]})}),(0,D.jsxs)(i,{title:`Consumer usage`,id:`usage`,children:[(0,D.jsx)(t.p,{children:`Consumers import metadata primitives from the exact nested package entrypoint:`}),(0,D.jsx)(t.pre,{children:(0,D.jsx)(t.code,{className:`language-tsx`,children:`import { MetadataList } from 'admin-ui-starter-kit/base/display/metadata';
 `})}),(0,D.jsxs)(t.p,{children:[`Use `,(0,D.jsx)(t.code,{children:`MetadataList`}),` for compact facts about a single entity: label/value
 attributes, receipt rows, account properties, audit details, or operational
 summaries. It is intentionally read-heavy and scan-first.`]}),(0,D.jsxs)(t.p,{children:[`Use `,(0,D.jsx)(t.code,{children:`Item`}),` instead when each row represents a separate object or action with a
 title stack, media, and trailing controls. Use `,(0,D.jsx)(t.code,{children:`FormField`}),` when the row contains
 an editable input. Metadata is for describing an entity; Item is for listing
-entities or actions.`]})]}),(0,D.jsx)(o,{title:`API surface`,id:`api-surface`,children:(0,D.jsx)(s,{name:`APISurface`,source:Z,children:(0,D.jsx)(z,{})})}),(0,D.jsxs)(o,{title:`Vertical grid`,id:`vertical`,children:[(0,D.jsx)(s,{name:`Vertical2ColumnNoIcons`,source:Z,children:(0,D.jsx)(B,{})}),(0,D.jsx)(s,{name:`VerticalSingleColumnNoIcons`,source:Z,children:(0,D.jsx)(V,{})}),(0,D.jsx)(s,{name:`Example3ColumnWithIcons`,source:Z,children:(0,D.jsx)(q,{})}),(0,D.jsx)(s,{name:`Dense4ColumnOverview`,source:Z,children:(0,D.jsx)(K,{})})]}),(0,D.jsxs)(o,{title:`Two-column rows`,id:`rows`,children:[(0,D.jsx)(s,{name:`RowsTwoColumnWithHairlines`,source:Z,children:(0,D.jsx)(H,{})}),(0,D.jsx)(s,{name:`RowsReceiptStyle`,source:Z,children:(0,D.jsx)(U,{})}),(0,D.jsx)(s,{name:`RowsWithIconsTooltips`,source:Z,children:(0,D.jsx)(W,{})})]}),(0,D.jsx)(o,{title:`Horizontal pills`,id:`horizontal`,children:(0,D.jsx)(s,{name:`HorizontalPillSummary`,source:Z,children:(0,D.jsx)(J,{})})}),(0,D.jsxs)(o,{title:`Composition`,id:`composition`,children:[(0,D.jsx)(s,{name:`SectionedMultiCard`,source:Z,children:(0,D.jsx)(G,{})}),(0,D.jsx)(s,{name:`WithTitleSeparator`,source:Z,children:(0,D.jsx)(Y,{})}),(0,D.jsx)(s,{name:`EmptyStateFallbacksCustomRenderers`,source:Z,children:(0,D.jsx)(X,{})})]}),(0,D.jsx)(o,{title:`API`,id:`api`,children:(0,D.jsx)(ae,{component:`MetadataList`})})]})}function ce(e={}){let{wrapper:t}=e.components||{};return t?(0,D.jsx)(t,{...e,children:(0,D.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{ce as default};
+entities or actions.`]})]}),(0,D.jsx)(i,{title:`API surface`,id:`api-surface`,children:(0,D.jsx)(c,{name:`APISurface`,source:Z,children:(0,D.jsx)(z,{})})}),(0,D.jsxs)(i,{title:`Vertical grid`,id:`vertical`,children:[(0,D.jsx)(c,{name:`Vertical2ColumnNoIcons`,source:Z,children:(0,D.jsx)(B,{})}),(0,D.jsx)(c,{name:`VerticalSingleColumnNoIcons`,source:Z,children:(0,D.jsx)(V,{})}),(0,D.jsx)(c,{name:`Example3ColumnWithIcons`,source:Z,children:(0,D.jsx)(q,{})}),(0,D.jsx)(c,{name:`Dense4ColumnOverview`,source:Z,children:(0,D.jsx)(K,{})})]}),(0,D.jsxs)(i,{title:`Two-column rows`,id:`rows`,children:[(0,D.jsx)(c,{name:`RowsTwoColumnWithHairlines`,source:Z,children:(0,D.jsx)(H,{})}),(0,D.jsx)(c,{name:`RowsReceiptStyle`,source:Z,children:(0,D.jsx)(U,{})}),(0,D.jsx)(c,{name:`RowsWithIconsTooltips`,source:Z,children:(0,D.jsx)(W,{})})]}),(0,D.jsx)(i,{title:`Horizontal pills`,id:`horizontal`,children:(0,D.jsx)(c,{name:`HorizontalPillSummary`,source:Z,children:(0,D.jsx)(J,{})})}),(0,D.jsxs)(i,{title:`Composition`,id:`composition`,children:[(0,D.jsx)(c,{name:`SectionedMultiCard`,source:Z,children:(0,D.jsx)(G,{})}),(0,D.jsx)(c,{name:`WithTitleSeparator`,source:Z,children:(0,D.jsx)(Y,{})}),(0,D.jsx)(c,{name:`EmptyStateFallbacksCustomRenderers`,source:Z,children:(0,D.jsx)(X,{})})]}),(0,D.jsx)(i,{title:`API`,id:`api`,children:(0,D.jsx)(ae,{component:`MetadataList`})})]})}function ce(e={}){let{wrapper:t}=e.components||{};return t?(0,D.jsx)(t,{...e,children:(0,D.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{ce as default};

package/dist/showcase/assets/{metric-guQTLTAa.js → metric-Bx_LWobe.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,Tr as r}from"./example-BIrQab7K.js";import{t as i}from"./arrow-up-right-CuAsO3-r.js";import{n as a,s as o}from"./index-Cz4UGUT2.js";import{t as s}from"./smart-card-B4P_C0nk.js";import{Zn as c,t as l,u}from"./AreaChart-DUe3j5uB.js";import{t as d}from"./analytics.strings-B9262Jmq.js";import{n as f,t as p}from"./format-metric-value-BTsvOjZQ.js";import{t as m}from"./metric-trend-chip-DehaJ3nC.js";var h=e(t(),1),g=o(),_={positive:`var(--success)`,negative:`var(--destructive)`,neutral:`var(--muted-foreground)`};function v({data:e,trend:t=`neutral`,color:n,className:r,animated:i=!0,"aria-label":o=`Trend sparkline`}){let s=(0,h.useId)(),d=(0,h.useMemo)(()=>`metric-spark-${s.replaceAll(`:`,``)}`,[s]),f=n??_[t],p=(0,h.useMemo)(()=>!Array.isArray(e)||e.length===0?[]:e.map((e,t)=>({i:t,v:e})),[e]);return p.length===0?(0,g.jsx)(`div`,{className:a(`metric-sparkline--component`,`w-full`,r),"aria-hidden":`true`}):(0,g.jsx)(`div`,{className:a(`w-full`,r),role:`img`,"aria-label":o,children:(0,g.jsx)(c,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,g.jsxs)(l,{data:p,margin:{top:2,right:0,bottom:0,left:0},children:[(0,g.jsx)(`defs`,{children:(0,g.jsxs)(`linearGradient`,{id:d,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,g.jsx)(`stop`,{offset:`0%`,stopColor:f,stopOpacity:.25}),(0,g.jsx)(`stop`,{offset:`100%`,stopColor:f,stopOpacity:0})]})}),(0,g.jsx)(u,{type:`monotone`,dataKey:`v`,stroke:f,strokeWidth:1.75,fill:`url(#${d})`,dot:!1,activeDot:!1,isAnimationActive:i,animationDuration:600})]})})})}v.displayName=`MetricSparkline`;var y=({className:e})=>(0,g.jsx)(`div`,{className:a(`animate-pulse rounded bg-muted`,e)});function b({variant:e=`default`,size:t=`md`,className:n}){let r=t===`sm`?`p-3`:t===`lg`?`p-5`:`p-4`;return e===`card`||e===`bordered`||e===`accent`||e===`colored`?(0,g.jsxs)(`div`,{className:a(`metric-skeleton--component`,`rounded-xl border border-border bg-card shadow-sm`,r,n),"aria-busy":`true`,"aria-live":`polite`,children:[(0,g.jsx)(y,{className:`h-3 w-24`}),(0,g.jsx)(y,{className:a(`mt-3`,t===`lg`?`h-9 w-40`:`h-7 w-32`)}),(0,g.jsx)(y,{className:`mt-2 h-3 w-20`}),(0,g.jsx)(y,{className:`mt-3 h-8 w-full`})]}):e===`compact`?(0,g.jsxs)(`div`,{className:a(`flex items-center gap-3`,n),"aria-busy":`true`,children:[(0,g.jsx)(y,{className:`size-9 rounded-lg`}),(0,g.jsxs)(`div`,{className:`flex-1 space-y-1.5`,children:[(0,g.jsx)(y,{className:`h-3 w-20`}),(0,g.jsx)(y,{className:`h-4 w-28`})]}),(0,g.jsx)(y,{className:`h-5 w-12 rounded-full`})]}):e===`minimal`?(0,g.jsxs)(`div`,{className:a(`inline-flex items-baseline gap-2`,n),"aria-busy":`true`,children:[(0,g.jsx)(y,{className:`h-3 w-12`}),(0,g.jsx)(y,{className:`h-3 w-16`})]}):(0,g.jsxs)(`div`,{className:a(`flex flex-col gap-1.5`,r,n),"aria-busy":`true`,children:[(0,g.jsx)(y,{className:`h-3 w-20`}),(0,g.jsx)(y,{className:`h-5 w-28`}),(0,g.jsx)(y,{className:`mt-1 h-6 w-full`})]})}b.displayName=`MetricSkeleton`;var x={default:{border:`border-border`,bg:`bg-card`,bar:`bg-foreground`,dot:`bg-foreground`,ring:`ring-border`},primary:{border:`border-primary/25`,bg:`bg-primary/5`,bar:`bg-primary`,dot:`bg-primary`,ring:`ring-primary/20`},success:{border:`border-success/30`,bg:`bg-success/5`,bar:`bg-success`,dot:`bg-success`,ring:`ring-success/20`},warning:{border:`border-warning/40`,bg:`bg-warning/10`,bar:`bg-warning`,dot:`bg-warning`,ring:`ring-warning/30`},danger:{border:`border-destructive/30`,bg:`bg-destructive/5`,bar:`bg-destructive`,dot:`bg-destructive`,ring:`ring-destructive/20`},info:{border:`border-info/30`,bg:`bg-info/5`,bar:`bg-info`,dot:`bg-info`,ring:`ring-info/20`}},S={sm:`text-sm`,md:`text-lg`,lg:`text-xl`},C={sm:`text-xl`,md:`text-3xl`,lg:`text-4xl`},w={sm:`h-6`,md:`h-8`,lg:`h-10`},T=16;function E(e){let{data:t,variant:r=`default`,size:i=`md`,colorScheme:o=`default`,showSparkline:s=!0,showChange:c=!0,showIcon:l=!0,loading:u=!1,error:m=!1,errorLabel:_,progress:v=0,className:y,"aria-label":x}=e,S=(0,h.useMemo)(()=>p(t),[t]),C=(0,h.useMemo)(()=>f(t),[t]);if(u)return(0,g.jsx)(b,{variant:r,size:i,className:a(`metric--component`,y)});if(m)return(0,g.jsx)(`div`,{className:a(`flex items-center justify-center rounded-lg border border-border bg-card p-4 text-muted-foreground`,y),children:(0,g.jsx)(n,{children:_??d.metricErrorLabel})});let w={data:t,formattedValue:S,trend:C,size:i,showSparkline:s,showChange:c,showIcon:l,colorScheme:o,ariaLabel:x??t.label,className:y};switch(r){case`card`:return(0,g.jsx)(O,{...w});case`compact`:return(0,g.jsx)(k,{...w});case`minimal`:return(0,g.jsx)(A,{...w});case`bordered`:return(0,g.jsx)(j,{...w});case`accent`:return(0,g.jsx)(M,{...w});case`colored`:return(0,g.jsx)(N,{...w,progress:v});default:return(0,g.jsx)(D,{...w})}}E.displayName=`Metric`;function D({data:e,formattedValue:t,trend:i,size:o,showSparkline:s,showChange:c,showIcon:l,ariaLabel:u,className:d}){let f=e.icon;return(0,g.jsxs)(`div`,{className:a(`flex min-w-0 flex-col gap-1`,d),"aria-label":u,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0 text-muted-foreground`,children:[!!l&&!!f&&(0,g.jsx)(f,{className:`size-3.5 shrink-0`,"aria-hidden":`true`}),(0,g.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label})]}),(0,g.jsx)(r,{tag:`h5`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate`,S[o]),title:t,children:t}),!!c&&!!e.change&&(0,g.jsx)(`div`,{className:`min-w-0`,children:(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`compact`})}),!!e.subtitle&&(0,g.jsx)(n,{size:`xs`,type:`secondary`,className:`truncate`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:a(`mt-auto`,w[o])}),!!e.footer&&(0,g.jsx)(n,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.footer})]})}function O({data:e,formattedValue:t,trend:i,size:o,showSparkline:c,showChange:l,showIcon:u,ariaLabel:d,className:f}){let p=e.icon,h=!!(e.href||e.onClick),_=o===`sm`?`sm`:o===`lg`?`lg`:`base`,y=(0,g.jsxs)(s,{title:e.label,icon:u&&p?(0,g.jsx)(p,{className:`size-4`,"aria-hidden":`true`}):null,tooltip:e.tooltip,padding:_,className:a(h&&`cursor-pointer transition-shadow hover:shadow-md`,f),"aria-label":d,children:[(0,g.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,g.jsx)(r,{tag:o===`sm`?`h5`:o===`lg`?`h3`:`h4`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,C[o]),children:t}),!!l&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),!!e.subtitle&&(0,g.jsx)(n,{type:`secondary`,className:`mt-2`,children:e.subtitle}),!!c&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:a(`mt-3`,o===`lg`?`h-12`:`h-10`)}),!!e.footer&&(0,g.jsx)(n,{size:`xs`,type:`secondary`,className:`mt-2`,children:e.footer})]});return h&&e.onClick?(0,g.jsx)(`div`,{role:`button`,tabIndex:0,onClick:e.onClick,onKeyDown:t=>(t.key===`Enter`||t.key===` `)&&e.onClick?.(),className:`rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:y}):y}function k({data:e,formattedValue:t,size:r,showChange:i,showIcon:o,ariaLabel:s,className:c}){let l=e.icon;return(0,g.jsxs)(`div`,{className:a(`flex items-center gap-3`,c),"aria-label":s,children:[!!o&&!!l&&(0,g.jsx)(`span`,{className:`inline-flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground`,children:(0,g.jsx)(l,{className:`size-4`,"aria-hidden":`true`})}),(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(n,{size:`xs`,type:`secondary`,className:`truncate`,children:e.label}),(0,g.jsx)(n,{tag:`span`,size:r===`sm`?`sm`:`lg`,weight:`bold`,className:`block truncate tabular-nums`,children:t})]}),!!i&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:r,variant:`badge`,className:`shrink-0`})]})}function A({data:e,formattedValue:t,size:r,showChange:i,ariaLabel:o,className:s}){return(0,g.jsxs)(`span`,{className:a(`inline-flex items-baseline gap-2`,s),"aria-label":o,children:[(0,g.jsxs)(n,{tag:`span`,size:r===`lg`?`sm`:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,g.jsx)(n,{tag:`span`,size:r===`lg`?`sm`:`xs`,weight:`semibold`,className:`tabular-nums`,children:t}),!!i&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:`sm`,variant:`inline`})]})}function j({data:e,formattedValue:t,trend:i,size:o,showSparkline:s,showChange:c,showIcon:l,colorScheme:u,ariaLabel:d,className:f}){let p=e.icon,h=x[u];return(0,g.jsxs)(`div`,{className:a(`flex flex-col gap-3 rounded-xl border p-4 shadow-sm`,h.border,h.bg,f),"aria-label":d,children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[!!l&&!!p&&(0,g.jsx)(p,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,g.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,children:e.label})]}),!!c&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),(0,g.jsx)(r,{tag:o===`lg`?`h3`:`h4`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,C[o]),children:t}),!!e.subtitle&&(0,g.jsx)(n,{size:`xs`,type:`secondary`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:w[o]}),!!e.footer&&(0,g.jsx)(n,{size:`xxs`,type:`discrete`,children:e.footer})]})}function M({data:e,formattedValue:t,trend:i,size:o,showSparkline:s,showChange:c,ariaLabel:l,className:u}){let d=e.icon;return(0,g.jsxs)(`div`,{className:a(`dark relative flex flex-col overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,u),"aria-label":l,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-2 p-5`,children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,g.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),!!d&&(0,g.jsx)(`span`,{className:`inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]`,children:(0,g.jsx)(d,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`})})]}),(0,g.jsxs)(`div`,{className:`flex items-baseline gap-2.5`,children:[(0,g.jsx)(r,{tag:`h3`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground`,C[o]),children:t}),!!c&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`compact`})]}),!!e.subtitle&&(0,g.jsx)(n,{size:`xs`,type:`secondary`,children:e.subtitle})]}),!!s&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:`h-12 w-full`})]})}function N({data:e,formattedValue:t,size:o,showChange:s,colorScheme:c,ariaLabel:l,className:u,progress:d=0}){let f=x[c==="default"?`primary`:c],p=Math.round(Math.min(Math.max(d,0),100)/100*T);return(0,g.jsxs)(`div`,{className:a(`rounded-xl bg-card p-5 shadow-sm border border-border/50`,u),"aria-label":l,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(n,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label}),(0,g.jsx)(`span`,{className:a(`size-1.5 rounded-full shrink-0`,f.dot),"aria-hidden":`true`})]}),(0,g.jsxs)(`div`,{className:`mt-2.5 flex items-baseline gap-2`,children:[(0,g.jsx)(r,{tag:`h3`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,C[o]),children:t}),!!e.subtitle&&(0,g.jsx)(n,{size:`xs`,type:`secondary`,children:e.subtitle})]}),(0,g.jsx)(`div`,{className:`mt-4 flex items-center gap-0.5`,role:`progressbar`,"aria-label":`${e.label} progress`,"aria-valuenow":d,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":`${d}%`,children:Array.from({length:T},(e,t)=>(0,g.jsx)(`div`,{className:a(`h-6 w-1.5 rounded-sm transition-colors`,t<p?f.bar:`bg-muted`)},`seg-${t}`))}),!!s&&!!e.change&&(0,g.jsx)(`div`,{className:`mt-3`,children:(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`default`})}),!!e.footer&&(0,g.jsxs)(`div`,{className:`mt-2 inline-flex items-center gap-1 text-muted-foreground`,children:[(0,g.jsx)(i,{className:`size-3`,"aria-hidden":`true`}),(0,g.jsx)(n,{size:`xxs`,type:`secondary`,children:e.footer})]})]})}export{b as n,v as r,E as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Lr as n,Rr as r}from"./example-Cz_880po.js";import{t as i}from"./arrow-up-right-BtlQ62bc.js";import{n as a,s as o}from"./index-BQIv1ffM.js";import{t as s}from"./smart-card-Dhu_1A_u.js";import{Zn as c,t as l,u}from"./AreaChart-BkAbL-UV.js";import{t as d}from"./analytics.strings-B9262Jmq.js";import{n as f,t as p}from"./format-metric-value-BTsvOjZQ.js";import{t as m}from"./metric-trend-chip-lSjDkUEo.js";var h=e(t(),1),g=o(),_={positive:`var(--success)`,negative:`var(--destructive)`,neutral:`var(--muted-foreground)`};function v({data:e,trend:t=`neutral`,color:n,className:r,animated:i=!0,"aria-label":o=`Trend sparkline`}){let s=(0,h.useId)(),d=(0,h.useMemo)(()=>`metric-spark-${s.replaceAll(`:`,``)}`,[s]),f=n??_[t],p=(0,h.useMemo)(()=>!Array.isArray(e)||e.length===0?[]:e.map((e,t)=>({i:t,v:e})),[e]);return p.length===0?(0,g.jsx)(`div`,{className:a(`metric-sparkline--component`,`w-full`,r),"aria-hidden":`true`}):(0,g.jsx)(`div`,{className:a(`w-full`,r),role:`img`,"aria-label":o,children:(0,g.jsx)(c,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,g.jsxs)(l,{data:p,margin:{top:2,right:0,bottom:0,left:0},children:[(0,g.jsx)(`defs`,{children:(0,g.jsxs)(`linearGradient`,{id:d,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,g.jsx)(`stop`,{offset:`0%`,stopColor:f,stopOpacity:.25}),(0,g.jsx)(`stop`,{offset:`100%`,stopColor:f,stopOpacity:0})]})}),(0,g.jsx)(u,{type:`monotone`,dataKey:`v`,stroke:f,strokeWidth:1.75,fill:`url(#${d})`,dot:!1,activeDot:!1,isAnimationActive:i,animationDuration:600})]})})})}v.displayName=`MetricSparkline`;var y=({className:e})=>(0,g.jsx)(`div`,{className:a(`animate-pulse rounded bg-muted`,e)});function b({variant:e=`default`,size:t=`md`,className:n}){let r=t===`sm`?`p-3`:t===`lg`?`p-5`:`p-4`;return e===`card`||e===`bordered`||e===`accent`||e===`colored`?(0,g.jsxs)(`div`,{className:a(`metric-skeleton--component`,`rounded-xl border border-border bg-card shadow-sm`,r,n),"aria-busy":`true`,"aria-live":`polite`,children:[(0,g.jsx)(y,{className:`h-3 w-24`}),(0,g.jsx)(y,{className:a(`mt-3`,t===`lg`?`h-9 w-40`:`h-7 w-32`)}),(0,g.jsx)(y,{className:`mt-2 h-3 w-20`}),(0,g.jsx)(y,{className:`mt-3 h-8 w-full`})]}):e===`compact`?(0,g.jsxs)(`div`,{className:a(`flex items-center gap-3`,n),"aria-busy":`true`,children:[(0,g.jsx)(y,{className:`size-9 rounded-lg`}),(0,g.jsxs)(`div`,{className:`flex-1 space-y-1.5`,children:[(0,g.jsx)(y,{className:`h-3 w-20`}),(0,g.jsx)(y,{className:`h-4 w-28`})]}),(0,g.jsx)(y,{className:`h-5 w-12 rounded-full`})]}):e===`minimal`?(0,g.jsxs)(`div`,{className:a(`inline-flex items-baseline gap-2`,n),"aria-busy":`true`,children:[(0,g.jsx)(y,{className:`h-3 w-12`}),(0,g.jsx)(y,{className:`h-3 w-16`})]}):(0,g.jsxs)(`div`,{className:a(`flex flex-col gap-1.5`,r,n),"aria-busy":`true`,children:[(0,g.jsx)(y,{className:`h-3 w-20`}),(0,g.jsx)(y,{className:`h-5 w-28`}),(0,g.jsx)(y,{className:`mt-1 h-6 w-full`})]})}b.displayName=`MetricSkeleton`;var x={default:{border:`border-border`,bg:`bg-card`,bar:`bg-foreground`,dot:`bg-foreground`,ring:`ring-border`},primary:{border:`border-primary/25`,bg:`bg-primary/5`,bar:`bg-primary`,dot:`bg-primary`,ring:`ring-primary/20`},success:{border:`border-success/30`,bg:`bg-success/5`,bar:`bg-success`,dot:`bg-success`,ring:`ring-success/20`},warning:{border:`border-warning/40`,bg:`bg-warning/10`,bar:`bg-warning`,dot:`bg-warning`,ring:`ring-warning/30`},danger:{border:`border-destructive/30`,bg:`bg-destructive/5`,bar:`bg-destructive`,dot:`bg-destructive`,ring:`ring-destructive/20`},info:{border:`border-info/30`,bg:`bg-info/5`,bar:`bg-info`,dot:`bg-info`,ring:`ring-info/20`}},S={sm:`text-sm`,md:`text-lg`,lg:`text-xl`},C={sm:`text-xl`,md:`text-3xl`,lg:`text-4xl`},w={sm:`h-6`,md:`h-8`,lg:`h-10`},T=16;function E(e){let{data:t,variant:n=`default`,size:i=`md`,colorScheme:o=`default`,showSparkline:s=!0,showChange:c=!0,showIcon:l=!0,loading:u=!1,error:m=!1,errorLabel:_,progress:v=0,className:y,"aria-label":x}=e,S=(0,h.useMemo)(()=>p(t),[t]),C=(0,h.useMemo)(()=>f(t),[t]);if(u)return(0,g.jsx)(b,{variant:n,size:i,className:a(`metric--component`,y)});if(m)return(0,g.jsx)(`div`,{className:a(`flex items-center justify-center rounded-lg border border-border bg-card p-4 text-muted-foreground`,y),children:(0,g.jsx)(r,{children:_??d.metricErrorLabel})});let w={data:t,formattedValue:S,trend:C,size:i,showSparkline:s,showChange:c,showIcon:l,colorScheme:o,ariaLabel:x??t.label,className:y};switch(n){case`card`:return(0,g.jsx)(O,{...w});case`compact`:return(0,g.jsx)(k,{...w});case`minimal`:return(0,g.jsx)(A,{...w});case`bordered`:return(0,g.jsx)(j,{...w});case`accent`:return(0,g.jsx)(M,{...w});case`colored`:return(0,g.jsx)(N,{...w,progress:v});default:return(0,g.jsx)(D,{...w})}}E.displayName=`Metric`;function D({data:e,formattedValue:t,trend:i,size:o,showSparkline:s,showChange:c,showIcon:l,ariaLabel:u,className:d}){let f=e.icon;return(0,g.jsxs)(`div`,{className:a(`flex min-w-0 flex-col gap-1`,d),"aria-label":u,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-1.5 min-w-0 text-muted-foreground`,children:[!!l&&!!f&&(0,g.jsx)(f,{className:`size-3.5 shrink-0`,"aria-hidden":`true`}),(0,g.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label})]}),(0,g.jsx)(n,{tag:`h5`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-tight truncate`,S[o]),title:t,children:t}),!!c&&!!e.change&&(0,g.jsx)(`div`,{className:`min-w-0`,children:(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`compact`})}),!!e.subtitle&&(0,g.jsx)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:a(`mt-auto`,w[o])}),!!e.footer&&(0,g.jsx)(r,{size:`xxs`,type:`discrete`,className:`truncate`,children:e.footer})]})}function O({data:e,formattedValue:t,trend:i,size:o,showSparkline:c,showChange:l,showIcon:u,ariaLabel:d,className:f}){let p=e.icon,h=!!(e.href||e.onClick),_=o===`sm`?`sm`:o===`lg`?`lg`:`base`,y=(0,g.jsxs)(s,{title:e.label,icon:u&&p?(0,g.jsx)(p,{className:`size-4`,"aria-hidden":`true`}):null,tooltip:e.tooltip,padding:_,className:a(h&&`cursor-pointer transition-shadow hover:shadow-md`,f),"aria-label":d,children:[(0,g.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,g.jsx)(n,{tag:o===`sm`?`h5`:o===`lg`?`h3`:`h4`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,C[o]),children:t}),!!l&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),!!e.subtitle&&(0,g.jsx)(r,{type:`secondary`,className:`mt-2`,children:e.subtitle}),!!c&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:a(`mt-3`,o===`lg`?`h-12`:`h-10`)}),!!e.footer&&(0,g.jsx)(r,{size:`xs`,type:`secondary`,className:`mt-2`,children:e.footer})]});return h&&e.onClick?(0,g.jsx)(`div`,{role:`button`,tabIndex:0,onClick:e.onClick,onKeyDown:t=>(t.key===`Enter`||t.key===` `)&&e.onClick?.(),className:`rounded-xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,children:y}):y}function k({data:e,formattedValue:t,size:n,showChange:i,showIcon:o,ariaLabel:s,className:c}){let l=e.icon;return(0,g.jsxs)(`div`,{className:a(`flex items-center gap-3`,c),"aria-label":s,children:[!!o&&!!l&&(0,g.jsx)(`span`,{className:`inline-flex size-9 shrink-0 items-center justify-center rounded-lg bg-muted/60 text-muted-foreground`,children:(0,g.jsx)(l,{className:`size-4`,"aria-hidden":`true`})}),(0,g.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,g.jsx)(r,{size:`xs`,type:`secondary`,className:`truncate`,children:e.label}),(0,g.jsx)(r,{tag:`span`,size:n===`sm`?`sm`:`lg`,weight:`bold`,className:`block truncate tabular-nums`,children:t})]}),!!i&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:n,variant:`badge`,className:`shrink-0`})]})}function A({data:e,formattedValue:t,size:n,showChange:i,ariaLabel:o,className:s}){return(0,g.jsxs)(`span`,{className:a(`inline-flex items-baseline gap-2`,s),"aria-label":o,children:[(0,g.jsxs)(r,{tag:`span`,size:n===`lg`?`sm`:`xs`,type:`secondary`,children:[e.label,`:`]}),(0,g.jsx)(r,{tag:`span`,size:n===`lg`?`sm`:`xs`,weight:`semibold`,className:`tabular-nums`,children:t}),!!i&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:`sm`,variant:`inline`})]})}function j({data:e,formattedValue:t,trend:i,size:o,showSparkline:s,showChange:c,showIcon:l,colorScheme:u,ariaLabel:d,className:f}){let p=e.icon,h=x[u];return(0,g.jsxs)(`div`,{className:a(`flex flex-col gap-3 rounded-xl border p-4 shadow-sm`,h.border,h.bg,f),"aria-label":d,children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2 text-muted-foreground`,children:[!!l&&!!p&&(0,g.jsx)(p,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,g.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,children:e.label})]}),!!c&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`badge`})]}),(0,g.jsx)(n,{tag:o===`lg`?`h3`:`h4`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,C[o]),children:t}),!!e.subtitle&&(0,g.jsx)(r,{size:`xs`,type:`secondary`,children:e.subtitle}),!!s&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:w[o]}),!!e.footer&&(0,g.jsx)(r,{size:`xxs`,type:`discrete`,children:e.footer})]})}function M({data:e,formattedValue:t,trend:i,size:o,showSparkline:s,showChange:c,ariaLabel:l,className:u}){let d=e.icon;return(0,g.jsxs)(`div`,{className:a(`dark relative flex flex-col overflow-hidden rounded-lg bg-card text-card-foreground shadow-sm ring-1 ring-border`,u),"aria-label":l,children:[(0,g.jsxs)(`div`,{className:`flex flex-col gap-2 p-5`,children:[(0,g.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,g.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),!!d&&(0,g.jsx)(`span`,{className:`inline-flex size-7 items-center justify-center rounded-lg bg-foreground/[0.08]`,children:(0,g.jsx)(d,{className:`size-3.5 text-muted-foreground`,"aria-hidden":`true`})})]}),(0,g.jsxs)(`div`,{className:`flex items-baseline gap-2.5`,children:[(0,g.jsx)(n,{tag:`h3`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-foreground`,C[o]),children:t}),!!c&&!!e.change&&(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`compact`})]}),!!e.subtitle&&(0,g.jsx)(r,{size:`xs`,type:`secondary`,children:e.subtitle})]}),!!s&&!!e.sparkline?.length&&(0,g.jsx)(v,{data:e.sparkline,trend:i,className:`h-12 w-full`})]})}function N({data:e,formattedValue:t,size:o,showChange:s,colorScheme:c,ariaLabel:l,className:u,progress:d=0}){let f=x[c==="default"?`primary`:c],p=Math.round(Math.min(Math.max(d,0),100)/100*T);return(0,g.jsxs)(`div`,{className:a(`rounded-xl bg-card p-5 shadow-sm border border-border/50`,u),"aria-label":l,children:[(0,g.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,g.jsx)(r,{size:`xs`,type:`secondary`,weight:`medium`,className:`truncate`,children:e.label}),(0,g.jsx)(`span`,{className:a(`size-1.5 rounded-full shrink-0`,f.dot),"aria-hidden":`true`})]}),(0,g.jsxs)(`div`,{className:`mt-2.5 flex items-baseline gap-2`,children:[(0,g.jsx)(n,{tag:`h3`,className:a(`font-bold tabular-nums tracking-tight border-none pb-0 leading-none`,C[o]),children:t}),!!e.subtitle&&(0,g.jsx)(r,{size:`xs`,type:`secondary`,children:e.subtitle})]}),(0,g.jsx)(`div`,{className:`mt-4 flex items-center gap-0.5`,role:`progressbar`,"aria-label":`${e.label} progress`,"aria-valuenow":d,"aria-valuemin":0,"aria-valuemax":100,"aria-valuetext":`${d}%`,children:Array.from({length:T},(e,t)=>(0,g.jsx)(`div`,{className:a(`h-6 w-1.5 rounded-sm transition-colors`,t<p?f.bar:`bg-muted`)},`seg-${t}`))}),!!s&&!!e.change&&(0,g.jsx)(`div`,{className:`mt-3`,children:(0,g.jsx)(m,{change:e.change,trend:e.trend,size:o,variant:`default`})}),!!e.footer&&(0,g.jsxs)(`div`,{className:`mt-2 inline-flex items-center gap-1 text-muted-foreground`,children:[(0,g.jsx)(i,{className:`size-3`,"aria-hidden":`true`}),(0,g.jsx)(r,{size:`xxs`,type:`secondary`,children:e.footer})]})]})}export{b as n,v as r,E as t};

package/dist/showcase/assets/{metric-bar-BydkmggA.js → metric-bar-BldYHNLQ.js}

@@ -1 +1 @@
-import{Er as e,r as t}from"./example-BIrQab7K.js";import{t as n}from"./calendar-DTgagmt7.js";import{n as r,s as i}from"./index-Cz4UGUT2.js";import{t as a}from"./metric-guQTLTAa.js";var o=i();function s({metrics:i,period:s,onPeriodChange:c,variant:l=`default`,size:u=`sm`,showSparklines:d=!0,showChanges:f=!0,footerText:p,className:m}){let h=(0,o.jsx)(`div`,{className:`grid min-w-0 flex-1 grid-cols-1 divide-y divide-border lg:flex lg:items-stretch lg:divide-x lg:divide-y-0`,children:i.map(e=>(0,o.jsx)(`div`,{className:`min-w-0 px-4 py-2.5 lg:min-w-36 lg:flex-1`,children:(0,o.jsx)(a,{data:e,variant:`default`,size:u,showSparkline:d,showChange:f})},e.id))}),g=!!s&&(0,o.jsx)(`div`,{className:`flex shrink-0 items-center border-b border-border px-3 py-2 lg:border-b-0 lg:py-0`,children:(0,o.jsxs)(t,{variant:`secondary`,buttonStyle:`ghost`,className:`gap-1.5`,onClick:c?()=>c(s.value):void 0,children:[(0,o.jsx)(n,{className:`size-3.5`,"aria-hidden":`true`}),(0,o.jsx)(e,{size:`xs`,weight:`medium`,children:s.label})]})});return l===`gradient`?(0,o.jsxs)(`div`,{className:r(`metric-bar--component`,`w-full`,`rounded-lg bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-[1px]`,m),children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden rounded-radius bg-card lg:flex-row`,children:[g&&(0,o.jsxs)(o.Fragment,{children:[g,(0,o.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),h]}),!!p&&(0,o.jsx)(`div`,{className:`rounded-b-radius border-t border-border/50 bg-card px-4 py-2`,children:(0,o.jsx)(e,{size:`xxs`,type:`discrete`,children:p})})]}):(0,o.jsxs)(`div`,{className:r(`metric-bar--component flex w-full flex-col overflow-hidden rounded-lg border border-border bg-card shadow-sm`,m),children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden lg:flex-row`,children:[g&&(0,o.jsxs)(o.Fragment,{children:[g,(0,o.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),h]}),!!p&&(0,o.jsx)(`div`,{className:`border-t border-border/50 px-4 py-2`,children:(0,o.jsx)(e,{size:`xxs`,type:`discrete`,children:p})})]})}s.displayName=`MetricBar`;export{s as t};
+import{Rr as e,r as t}from"./example-Cz_880po.js";import{t as n}from"./calendar-7a4yQlzJ.js";import{n as r,s as i}from"./index-BQIv1ffM.js";import{t as a}from"./metric-Bx_LWobe.js";var o=i();function s({metrics:i,period:s,onPeriodChange:c,variant:l=`default`,size:u=`sm`,showSparklines:d=!0,showChanges:f=!0,footerText:p,className:m}){let h=(0,o.jsx)(`div`,{className:`grid min-w-0 flex-1 grid-cols-1 divide-y divide-border lg:flex lg:items-stretch lg:divide-x lg:divide-y-0`,children:i.map(e=>(0,o.jsx)(`div`,{className:`min-w-0 px-4 py-2.5 lg:min-w-36 lg:flex-1`,children:(0,o.jsx)(a,{data:e,variant:`default`,size:u,showSparkline:d,showChange:f})},e.id))}),g=!!s&&(0,o.jsx)(`div`,{className:`flex shrink-0 items-center border-b border-border px-3 py-2 lg:border-b-0 lg:py-0`,children:(0,o.jsxs)(t,{variant:`secondary`,buttonStyle:`ghost`,className:`gap-1.5`,onClick:c?()=>c(s.value):void 0,children:[(0,o.jsx)(n,{className:`size-3.5`,"aria-hidden":`true`}),(0,o.jsx)(e,{size:`xs`,weight:`medium`,children:s.label})]})});return l===`gradient`?(0,o.jsxs)(`div`,{className:r(`metric-bar--component`,`w-full`,`rounded-lg bg-gradient-to-r from-primary/8 via-info/5 to-success/8 p-[1px]`,m),children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden rounded-radius bg-card lg:flex-row`,children:[g&&(0,o.jsxs)(o.Fragment,{children:[g,(0,o.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),h]}),!!p&&(0,o.jsx)(`div`,{className:`rounded-b-radius border-t border-border/50 bg-card px-4 py-2`,children:(0,o.jsx)(e,{size:`xxs`,type:`discrete`,children:p})})]}):(0,o.jsxs)(`div`,{className:r(`metric-bar--component flex w-full flex-col overflow-hidden rounded-lg border border-border bg-card shadow-sm`,m),children:[(0,o.jsxs)(`div`,{className:`flex min-w-0 flex-col overflow-hidden lg:flex-row`,children:[g&&(0,o.jsxs)(o.Fragment,{children:[g,(0,o.jsx)(`div`,{className:`hidden w-px bg-border lg:block`,"aria-hidden":`true`})]}),h]}),!!p&&(0,o.jsx)(`div`,{className:`border-t border-border/50 px-4 py-2`,children:(0,o.jsx)(e,{size:`xxs`,type:`discrete`,children:p})})]})}s.displayName=`MetricBar`;export{s as t};

package/dist/showcase/assets/{metric-grid-BKjrYpt9.js → metric-grid-BDw7w7d2.js}

@@ -1 +1 @@
-import{n as e,s as t}from"./index-Cz4UGUT2.js";import{t as n}from"./metric-guQTLTAa.js";var r=t(),i={sm:`gap-2`,md:`gap-3`,lg:`gap-4`};function a(e){return e<=1?`grid-cols-1`:e===2?`grid-cols-1 sm:grid-cols-2`:e===3?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`:e===4?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`:e===5||e===6?`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`}var o={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`,6:`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`};function s({metrics:t,variant:s=`card`,size:c=`md`,colorScheme:l=`default`,columns:u=`auto`,gap:d=`md`,showSparklines:f=!0,showChanges:p=!0,showIcons:m=!0,loading:h=!1,className:g}){return(0,r.jsx)(`div`,{className:e(`metric-grid--component`,`grid`,u===`auto`?a(t.length):o[u],i[d],g),children:t.map(e=>(0,r.jsx)(n,{data:e,variant:s,size:c,colorScheme:l,showSparkline:f,showChange:p,showIcon:m,loading:h},e.id))})}s.displayName=`MetricGrid`;export{s as t};
+import{n as e,s as t}from"./index-BQIv1ffM.js";import{t as n}from"./metric-Bx_LWobe.js";var r=t(),i={sm:`gap-2`,md:`gap-3`,lg:`gap-4`};function a(e){return e<=1?`grid-cols-1`:e===2?`grid-cols-1 sm:grid-cols-2`:e===3?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`:e===4?`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`:e===5||e===6?`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`}var o={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-4`,6:`grid-cols-2 sm:grid-cols-3 lg:grid-cols-6`};function s({metrics:t,variant:s=`card`,size:c=`md`,colorScheme:l=`default`,columns:u=`auto`,gap:d=`md`,showSparklines:f=!0,showChanges:p=!0,showIcons:m=!0,loading:h=!1,className:g}){return(0,r.jsx)(`div`,{className:e(`metric-grid--component`,`grid`,u===`auto`?a(t.length):o[u],i[d],g),children:t.map(e=>(0,r.jsx)(n,{data:e,variant:s,size:c,colorScheme:l,showSparkline:f,showChange:p,showIcon:m,loading:h},e.id))})}s.displayName=`MetricGrid`;export{s as t};

package/dist/showcase/assets/{metric-trend-chip-DehaJ3nC.js → metric-trend-chip-lSjDkUEo.js}

@@ -1 +1 @@
-import{Er as e}from"./example-BIrQab7K.js";import{t}from"./arrow-down-CYh_aUsd.js";import{t as n}from"./arrow-up-BhmQRZs9.js";import{t as r}from"./minus-OyRBql2C.js";import{n as i,s as a}from"./index-Cz4UGUT2.js";var o=a(),s={positive:{text:`text-success`,badge:`bg-success/10 text-success`,arrow:`text-success`},negative:{text:`text-destructive`,badge:`bg-destructive/10 text-destructive`,arrow:`text-destructive`},neutral:{text:`text-muted-foreground`,badge:`bg-muted text-muted-foreground`,arrow:`text-muted-foreground`}},c={sm:`size-3`,md:`size-3.5`,lg:`size-4`},l={sm:`xxs`,md:`xs`,lg:`sm`},u={sm:`px-1.5 py-0.5`,md:`px-2 py-0.5`,lg:`px-2.5 py-1`};function d(e,t){return e||(t===`up`?`positive`:t===`down`?`negative`:`neutral`)}function f({change:a,trend:f,size:p=`md`,variant:m=`default`,className:h}){let g=d(f,a.direction),_=a.direction===`up`?n:a.direction===`down`?t:r,v=s[g],y=String(a.value),b=a.direction===`up`?`+`:(a.direction,``);return m===`inline`?(0,o.jsxs)(e,{tag:`span`,size:l[p],weight:`medium`,className:i(`metric-trend-chip--component`,v.text,`tabular-nums`,h),children:[b,y]}):m===`compact`?(0,o.jsxs)(`span`,{className:i(`inline-flex items-center gap-0.5`,v.text,h),children:[(0,o.jsx)(_,{className:c[p],strokeWidth:2.5,"aria-hidden":`true`}),(0,o.jsx)(e,{tag:`span`,size:l[p],weight:`semibold`,className:`text-current tabular-nums`,children:y})]}):m===`badge`?(0,o.jsxs)(`span`,{className:i(`inline-flex items-center gap-1 rounded-full font-medium tabular-nums`,v.badge,u[p],h),children:[(0,o.jsx)(_,{className:c[p],strokeWidth:2.5,"aria-hidden":`true`}),(0,o.jsx)(e,{tag:`span`,size:l[p],weight:`semibold`,className:`text-current tabular-nums`,children:y}),!!a.label&&(0,o.jsx)(e,{tag:`span`,size:l[p],className:`text-current opacity-70`,children:a.label})]}):(0,o.jsxs)(`span`,{className:i(`inline-flex items-center gap-1`,v.text,h),children:[(0,o.jsx)(_,{className:c[p],strokeWidth:2.5,"aria-hidden":`true`}),(0,o.jsx)(e,{tag:`span`,size:l[p],weight:`semibold`,className:`tabular-nums`,children:y}),!!a.label&&(0,o.jsx)(e,{tag:`span`,size:l[p],type:`secondary`,children:a.label})]})}f.displayName=`MetricTrendChip`;export{f as t};
+import{Rr as e}from"./example-Cz_880po.js";import{t}from"./arrow-down-VNr82bS3.js";import{t as n}from"./arrow-up-p9oA4cIz.js";import{t as r}from"./minus-DByvcC8K.js";import{n as i,s as a}from"./index-BQIv1ffM.js";var o=a(),s={positive:{text:`text-success`,badge:`bg-success/10 text-success`,arrow:`text-success`},negative:{text:`text-destructive`,badge:`bg-destructive/10 text-destructive`,arrow:`text-destructive`},neutral:{text:`text-muted-foreground`,badge:`bg-muted text-muted-foreground`,arrow:`text-muted-foreground`}},c={sm:`size-3`,md:`size-3.5`,lg:`size-4`},l={sm:`xxs`,md:`xs`,lg:`sm`},u={sm:`px-1.5 py-0.5`,md:`px-2 py-0.5`,lg:`px-2.5 py-1`};function d(e,t){return e||(t===`up`?`positive`:t===`down`?`negative`:`neutral`)}function f({change:a,trend:f,size:p=`md`,variant:m=`default`,className:h}){let g=d(f,a.direction),_=a.direction===`up`?n:a.direction===`down`?t:r,v=s[g],y=String(a.value),b=a.direction===`up`?`+`:(a.direction,``);return m===`inline`?(0,o.jsxs)(e,{tag:`span`,size:l[p],weight:`medium`,className:i(`metric-trend-chip--component`,v.text,`tabular-nums`,h),children:[b,y]}):m===`compact`?(0,o.jsxs)(`span`,{className:i(`inline-flex items-center gap-0.5`,v.text,h),children:[(0,o.jsx)(_,{className:c[p],strokeWidth:2.5,"aria-hidden":`true`}),(0,o.jsx)(e,{tag:`span`,size:l[p],weight:`semibold`,className:`text-current tabular-nums`,children:y})]}):m===`badge`?(0,o.jsxs)(`span`,{className:i(`inline-flex items-center gap-1 rounded-full font-medium tabular-nums`,v.badge,u[p],h),children:[(0,o.jsx)(_,{className:c[p],strokeWidth:2.5,"aria-hidden":`true`}),(0,o.jsx)(e,{tag:`span`,size:l[p],weight:`semibold`,className:`text-current tabular-nums`,children:y}),!!a.label&&(0,o.jsx)(e,{tag:`span`,size:l[p],className:`text-current opacity-70`,children:a.label})]}):(0,o.jsxs)(`span`,{className:i(`inline-flex items-center gap-1`,v.text,h),children:[(0,o.jsx)(_,{className:c[p],strokeWidth:2.5,"aria-hidden":`true`}),(0,o.jsx)(e,{tag:`span`,size:l[p],weight:`semibold`,className:`tabular-nums`,children:y}),!!a.label&&(0,o.jsx)(e,{tag:`span`,size:l[p],type:`secondary`,children:a.label})]})}f.displayName=`MetricTrendChip`;export{f as t};

package/dist/showcase/assets/{metrics-analytics-bar-YjwFT4ae.js → metrics-analytics-bar-CCFhTmQZ.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{t as i}from"./credit-card-CYgRtM77.js";import{t as a}from"./dollar-sign-DlK6XF_v.js";import{t as o}from"./shopping-bag-B5BzpLV5.js";import{t as s}from"./users-ERTaffcv.js";import{s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./metric-bar-BydkmggA.js";import{t as d}from"./metric-grid-BKjrYpt9.js";var f=e({MetricBarDefault:()=>v,MetricBarGradientFrame:()=>y,MetricGridCompactCardsAlternative:()=>b}),p=c(),m=[12,18,15,25,22,30,28,35,32,40,38,45],h=[40,38,35,30,28,25,22,20,18,15,12,10],g=[{id:`rev`,label:`Revenue`,value:`52.3K`,change:{value:`12.5%`,direction:`up`},sparkline:m,icon:a},{id:`ord`,label:`Orders`,value:`284`,change:{value:`8.1%`,direction:`up`},sparkline:m,icon:o},{id:`cust`,label:`Customers`,value:`856`,change:{value:`2.3%`,direction:`down`},sparkline:h,icon:s},{id:`aov`,label:`Avg. Order`,value:`184 USD`,change:{value:`0%`,direction:`neutral`},sparkline:[20,22,21,23,20,22,21,23,22,21,23,22],icon:i}],_=[{id:`rev`,label:`Total Revenue`,value:`52,340 USD`,change:{value:`12.5%`,direction:`up`},sparkline:m},{id:`profit`,label:`Net Profit`,value:`31,404 USD`,change:{value:`8.7%`,direction:`up`},sparkline:[5,8,6,10,9,12,11,14]},{id:`exp`,label:`Expenses`,value:`20,936 USD`,change:{value:`3.2%`,direction:`down`},sparkline:h,trend:`positive`}];function v(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u,{period:{label:`Last 30 days`,value:`last_30`},metrics:g})})}function y(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u,{variant:`gradient`,metrics:_,footerText:`Updated just now`})})}function b(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(d,{metrics:g,variant:`compact`,columns:4})})}var x=`import { CreditCard, DollarSign, ShoppingBag, Users } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-Cz_880po.js";import{t as i}from"./credit-card-CAI3F3HB.js";import{t as a}from"./dollar-sign-BXD_x2mP.js";import{t as o}from"./shopping-bag-XmeqUqk9.js";import{t as s}from"./users-BgXAp2UO.js";import{s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{t as u}from"./metric-bar-BldYHNLQ.js";import{t as d}from"./metric-grid-BDw7w7d2.js";var f=e({MetricBarDefault:()=>v,MetricBarGradientFrame:()=>y,MetricGridCompactCardsAlternative:()=>b}),p=c(),m=[12,18,15,25,22,30,28,35,32,40,38,45],h=[40,38,35,30,28,25,22,20,18,15,12,10],g=[{id:`rev`,label:`Revenue`,value:`52.3K`,change:{value:`12.5%`,direction:`up`},sparkline:m,icon:a},{id:`ord`,label:`Orders`,value:`284`,change:{value:`8.1%`,direction:`up`},sparkline:m,icon:o},{id:`cust`,label:`Customers`,value:`856`,change:{value:`2.3%`,direction:`down`},sparkline:h,icon:s},{id:`aov`,label:`Avg. Order`,value:`184 USD`,change:{value:`0%`,direction:`neutral`},sparkline:[20,22,21,23,20,22,21,23,22,21,23,22],icon:i}],_=[{id:`rev`,label:`Total Revenue`,value:`52,340 USD`,change:{value:`12.5%`,direction:`up`},sparkline:m},{id:`profit`,label:`Net Profit`,value:`31,404 USD`,change:{value:`8.7%`,direction:`up`},sparkline:[5,8,6,10,9,12,11,14]},{id:`exp`,label:`Expenses`,value:`20,936 USD`,change:{value:`3.2%`,direction:`down`},sparkline:h,trend:`positive`}];function v(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u,{period:{label:`Last 30 days`,value:`last_30`},metrics:g})})}function y(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(u,{variant:`gradient`,metrics:_,footerText:`Updated just now`})})}function b(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsx)(d,{metrics:g,variant:`compact`,columns:4})})}var x=`import { CreditCard, DollarSign, ShoppingBag, Users } from 'lucide-react';
 import { MetricBar, MetricGrid, type MetricData } from '@/components/composed/analytics';
 
 const UP = [12, 18, 15, 25, 22, 30, 28, 35, 32, 40, 38, 45];

package/dist/showcase/assets/{metrics-analytics-cards-B6DspERM.js → metrics-analytics-cards-C1AjZqJU.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,Tr as i,hr as a,mr as o,t as s}from"./example-BIrQab7K.js";import{n as c,s as l}from"./index-Cz4UGUT2.js";import{t as u}from"./props-table-BR-KjRNe.js";import{Zn as d,t as f,u as p}from"./AreaChart-DUe3j5uB.js";import{t as m}from"./metric-trend-chip-DehaJ3nC.js";var h=t(n(),1),g=l(),_={green:`bg-gradient-to-br from-success via-primary to-success`,purple:`bg-gradient-to-br from-info via-primary to-info`,warm:`bg-gradient-to-br from-warning via-destructive to-warning`,ocean:`bg-gradient-to-br from-info via-primary to-info`},v=`var(--inverse-foreground)`,y=`var(--inverse-muted)`;function b({title:e,value:t,change:n,data:a,theme:o=`green`,subtitle:s,className:l}){let u=`metric-grad-${(0,h.useId)().replaceAll(`:`,``)}`;return(0,g.jsxs)(`div`,{className:c(`metric-gradient--component`,`relative overflow-hidden rounded-lg p-5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,_[o],l),children:[(0,g.jsxs)(`div`,{className:`relative flex items-start justify-between gap-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0`,children:[(0,g.jsx)(r,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:e}),!!t&&(0,g.jsx)(i,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:t}),!!s&&(0,g.jsx)(r,{size:`xs`,className:`mt-1 text-inverse-muted`,children:s})]}),!!n&&(0,g.jsx)(m,{change:n,trend:n.direction===`up`?`positive`:n.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-inverse-surface-strong !text-inverse-foreground`})]}),(0,g.jsx)(`div`,{className:`relative -mx-1 mt-3 h-24`,children:(0,g.jsx)(d,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,g.jsxs)(f,{data:a,margin:{top:4,right:0,bottom:0,left:0},children:[(0,g.jsx)(`defs`,{children:(0,g.jsxs)(`linearGradient`,{id:u,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,g.jsx)(`stop`,{offset:`0%`,stopColor:v,stopOpacity:.3}),(0,g.jsx)(`stop`,{offset:`100%`,stopColor:v,stopOpacity:0})]})}),(0,g.jsx)(p,{type:`monotone`,dataKey:`value`,stroke:y,strokeWidth:2,fill:`url(#${u})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:v,stroke:y},isAnimationActive:!0,animationDuration:800})]})})})]})}b.displayName=`MetricGradient`;var x=e({FourThemes:()=>C}),S=[{label:`Jan`,value:4200},{label:`Feb`,value:3800},{label:`Mar`,value:5100},{label:`Apr`,value:4600},{label:`May`,value:5800},{label:`Jun`,value:6200},{label:`Jul`,value:5900},{label:`Aug`,value:7100},{label:`Sep`,value:6800},{label:`Oct`,value:7500},{label:`Nov`,value:8200},{label:`Dec`,value:9100}];function C(){return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2 xl:grid-cols-4`,children:[(0,g.jsx)(b,{title:`Growth`,value:`32.4K`,change:{value:`15.2%`,direction:`up`},data:S,theme:`green`,subtitle:`vs last quarter`}),(0,g.jsx)(b,{title:`Engagement`,value:`8,940`,change:{value:`4.7%`,direction:`up`},data:S,theme:`purple`,subtitle:`active users`}),(0,g.jsx)(b,{title:`Conversions`,value:`4.8%`,change:{value:`0.3%`,direction:`down`},data:S,theme:`warm`,subtitle:`checkout rate`}),(0,g.jsx)(b,{title:`Sessions`,value:`124K`,change:{value:`8.1%`,direction:`up`},data:S,theme:`ocean`,subtitle:`last 30 days`})]})})}var w=`import { MetricGradient, type MetricDataPoint } from '@/components/composed/analytics';
+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,Lr as a,Rr as o,t as s}from"./example-Cz_880po.js";import{n as c,s as l}from"./index-BQIv1ffM.js";import{t as u}from"./props-table-2pIZzGC-.js";import{Zn as d,t as f,u as p}from"./AreaChart-BkAbL-UV.js";import{t as m}from"./metric-trend-chip-lSjDkUEo.js";var h=t(n(),1),g=l(),_={green:`bg-gradient-to-br from-success via-primary to-success`,purple:`bg-gradient-to-br from-info via-primary to-info`,warm:`bg-gradient-to-br from-warning via-destructive to-warning`,ocean:`bg-gradient-to-br from-info via-primary to-info`},v=`var(--inverse-foreground)`,y=`var(--inverse-muted)`;function b({title:e,value:t,change:n,data:r,theme:i=`green`,subtitle:s,className:l}){let u=`metric-grad-${(0,h.useId)().replaceAll(`:`,``)}`;return(0,g.jsxs)(`div`,{className:c(`metric-gradient--component`,`relative overflow-hidden rounded-lg p-5 text-inverse-foreground shadow-sm ring-1 ring-inverse-border`,_[i],l),children:[(0,g.jsxs)(`div`,{className:`relative flex items-start justify-between gap-3`,children:[(0,g.jsxs)(`div`,{className:`min-w-0`,children:[(0,g.jsx)(o,{size:`xs`,weight:`medium`,className:`uppercase tracking-wider text-inverse-muted`,children:e}),!!t&&(0,g.jsx)(a,{tag:`h3`,className:`mt-1 text-3xl font-bold tabular-nums tracking-tight border-none pb-0 leading-none text-inverse-foreground`,children:t}),!!s&&(0,g.jsx)(o,{size:`xs`,className:`mt-1 text-inverse-muted`,children:s})]}),!!n&&(0,g.jsx)(m,{change:n,trend:n.direction===`up`?`positive`:n.direction===`down`?`negative`:`neutral`,size:`sm`,variant:`badge`,className:`shrink-0 !bg-inverse-surface-strong !text-inverse-foreground`})]}),(0,g.jsx)(`div`,{className:`relative -mx-1 mt-3 h-24`,children:(0,g.jsx)(d,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,g.jsxs)(f,{data:r,margin:{top:4,right:0,bottom:0,left:0},children:[(0,g.jsx)(`defs`,{children:(0,g.jsxs)(`linearGradient`,{id:u,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,g.jsx)(`stop`,{offset:`0%`,stopColor:v,stopOpacity:.3}),(0,g.jsx)(`stop`,{offset:`100%`,stopColor:v,stopOpacity:0})]})}),(0,g.jsx)(p,{type:`monotone`,dataKey:`value`,stroke:y,strokeWidth:2,fill:`url(#${u})`,dot:!1,activeDot:{r:4,strokeWidth:2,fill:v,stroke:y},isAnimationActive:!0,animationDuration:800})]})})})]})}b.displayName=`MetricGradient`;var x=e({FourThemes:()=>C}),S=[{label:`Jan`,value:4200},{label:`Feb`,value:3800},{label:`Mar`,value:5100},{label:`Apr`,value:4600},{label:`May`,value:5800},{label:`Jun`,value:6200},{label:`Jul`,value:5900},{label:`Aug`,value:7100},{label:`Sep`,value:6800},{label:`Oct`,value:7500},{label:`Nov`,value:8200},{label:`Dec`,value:9100}];function C(){return(0,g.jsx)(g.Fragment,{children:(0,g.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2 xl:grid-cols-4`,children:[(0,g.jsx)(b,{title:`Growth`,value:`32.4K`,change:{value:`15.2%`,direction:`up`},data:S,theme:`green`,subtitle:`vs last quarter`}),(0,g.jsx)(b,{title:`Engagement`,value:`8,940`,change:{value:`4.7%`,direction:`up`},data:S,theme:`purple`,subtitle:`active users`}),(0,g.jsx)(b,{title:`Conversions`,value:`4.8%`,change:{value:`0.3%`,direction:`down`},data:S,theme:`warm`,subtitle:`checkout rate`}),(0,g.jsx)(b,{title:`Sessions`,value:`124K`,change:{value:`8.1%`,direction:`up`},data:S,theme:`ocean`,subtitle:`last 30 days`})]})})}var w=`import { MetricGradient, type MetricDataPoint } from '@/components/composed/analytics';
 
 const data: MetricDataPoint[] = [
 	{ label: 'Jan', value: 4200 }, { label: 'Feb', value: 3800 }, { label: 'Mar', value: 5100 },
@@ -47,4 +47,4 @@ export function FourThemes() {
 		</>
 	);
 }
-`;function T(e){let t={h4:`h4`,...e.components};return x||D(`Examples`,!1),C||D(`Examples.FourThemes`,!0),(0,g.jsxs)(a,{title:`Features · Metrics · Analytics cards`,description:"`MetricGradient` — vivid gradient hero card with embedded area chart. Pick a `theme` to drive the colour palette.",layer:`features`,status:`ready`,children:[(0,g.jsx)(o,{title:`Examples`,id:`examples`,children:(0,g.jsx)(s,{name:`FourThemes`,source:w,children:(0,g.jsx)(C,{})})}),(0,g.jsxs)(o,{title:`API`,id:`api`,children:[(0,g.jsx)(t.h4,{children:`MetricGradient`}),(0,g.jsx)(u,{component:`MetricGradient`})]})]})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};
+`;function T(e){let t={h4:`h4`,...e.components};return x||D(`Examples`,!1),C||D(`Examples.FourThemes`,!0),(0,g.jsxs)(r,{title:`Features · Metrics · Analytics cards`,description:"`MetricGradient` — vivid gradient hero card with embedded area chart. Pick a `theme` to drive the colour palette.",layer:`features`,status:`ready`,children:[(0,g.jsx)(i,{title:`Examples`,id:`examples`,children:(0,g.jsx)(s,{name:`FourThemes`,source:w,children:(0,g.jsx)(C,{})})}),(0,g.jsxs)(i,{title:`API`,id:`api`,children:[(0,g.jsx)(t.h4,{children:`MetricGradient`}),(0,g.jsx)(u,{component:`MetricGradient`})]})]})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,g.jsx)(t,{...e,children:(0,g.jsx)(T,{...e})}):T(e)}function D(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{E as default};

package/dist/showcase/assets/{metrics-comparison-Nru5wypZ.js → metrics-comparison-vEE6BtuW.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,Tr as n,hr as r,mr as i,t as a}from"./example-BIrQab7K.js";import{t as o}from"./arrow-down-CYh_aUsd.js";import{t as s}from"./arrow-right-Bf1Tl6D5.js";import{t as c}from"./arrow-up-BhmQRZs9.js";import{a as l,k as u,n as d,s as f}from"./index-Cz4UGUT2.js";import{t as p}from"./props-table-BR-KjRNe.js";import{t as m}from"./smart-card-B4P_C0nk.js";import{t as h}from"./format-metric-value-BTsvOjZQ.js";var g=l(`equal`,[[`line`,{x1:`5`,x2:`19`,y1:`9`,y2:`9`,key:`1nwqeh`}],[`line`,{x1:`5`,x2:`19`,y1:`15`,y2:`15`,key:`g8yjpy`}]]),_=f(),v={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function y(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function b({current:e,previous:r,title:i,currentPeriod:a,previousPeriod:l,className:f,strings:p}){let b=u(v,p),x=y(e.value),S=y(r.value),C=x!==null&&S!==null,w=C?x-S:0,T=C&&S!==0?Math.round(w/S*100):0,E=w>0,D=w===0,O=D?g:E?c:o,k=D?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:E?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,_.jsxs)(m,{title:i??b.title,className:d(`metric-comparison--component`,f),children:[!!(a||l)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!a&&(0,_.jsx)(t,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:a}),!!l&&(0,_.jsx)(t,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:l})]}),(0,_.jsxs)(`div`,{className:`mt-3 grid items-stretch gap-2 grid-cols-1 sm:grid-cols-[1fr_auto_1fr]`,children:[(0,_.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-card px-3 py-2.5`,children:[(0,_.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.currentLabel}),(0,_.jsx)(n,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:h(e)})]}),(0,_.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground/60`,children:[(0,_.jsx)(s,{className:`hidden size-4 sm:block`,"aria-hidden":`true`}),(0,_.jsx)(o,{className:`size-4 sm:hidden`,"aria-hidden":`true`})]}),(0,_.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 px-3 py-2.5`,children:[(0,_.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.previousLabel}),(0,_.jsx)(n,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:h(r)})]})]}),!!C&&(0,_.jsxs)(`div`,{className:d(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,k.box),children:[(0,_.jsxs)(`div`,{className:d(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,k.chip),children:[(0,_.jsx)(O,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,_.jsxs)(t,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[E?`+`:D?``:`−`,(t=>{let n=Math.abs(t);return h({...e,value:n})})(w)]})]}),(0,_.jsxs)(t,{size:`xs`,type:`secondary`,className:d(`tabular-nums`,E&&`text-success`,!E&&!D&&`text-destructive`),children:[E?`+`:D?``:`−`,Math.abs(T),`% `,b.suffix]})]})]})}b.displayName=`MetricComparison`;var x=e({Default:()=>E,FlatNoChange:()=>k,PercentageValues:()=>O,WithCurrencyOverrideEUR:()=>D}),S={current:{id:`cur`,label:`Current`,value:48250,valueType:`currency`,currency:`USD`},previous:{id:`prev`,label:`Previous`,value:41800,valueType:`currency`,currency:`USD`}},C={current:{id:`cur`,label:`Current`,value:148500,valueType:`currency`,currency:`EUR`},previous:{id:`prev`,label:`Previous`,value:132100,valueType:`currency`,currency:`EUR`}},w={current:{id:`cur`,label:`Current`,value:.082,valueType:`percentage`},previous:{id:`prev`,label:`Previous`,value:.094,valueType:`percentage`}},T={current:{id:`cur`,label:`Current`,value:1240,valueType:`number`},previous:{id:`prev`,label:`Previous`,value:1240,valueType:`number`}};function E(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Monthly Revenue`,current:S.current,previous:S.previous,currentPeriod:`Mar 2026`,previousPeriod:`Feb 2026`})})}function D(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Quarterly Revenue`,current:C.current,previous:C.previous,currentPeriod:`Q1 2026`,previousPeriod:`Q4 2025`})})}function O(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Conversion rate`,current:w.current,previous:w.previous,currentPeriod:`This week`,previousPeriod:`Last week`})})}function k(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Active sessions`,current:T.current,previous:T.previous})})}var A=`import { MetricComparison, type MetricData } from '@/components/composed/analytics';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Lr as r,Rr as i,t as a}from"./example-Cz_880po.js";import{t as o}from"./arrow-down-VNr82bS3.js";import{t as s}from"./arrow-right-D6hTB0Bd.js";import{t as c}from"./arrow-up-p9oA4cIz.js";import{a as l,k as u,n as d,s as f}from"./index-BQIv1ffM.js";import{t as p}from"./props-table-2pIZzGC-.js";import{t as m}from"./smart-card-Dhu_1A_u.js";import{t as h}from"./format-metric-value-BTsvOjZQ.js";var g=l(`equal`,[[`line`,{x1:`5`,x2:`19`,y1:`9`,y2:`9`,key:`1nwqeh`}],[`line`,{x1:`5`,x2:`19`,y1:`15`,y2:`15`,key:`g8yjpy`}]]),_=f(),v={title:`Comparison`,currentLabel:`This period`,previousLabel:`Previous period`,suffix:`vs previous`};function y(e){if(e==null)return null;if(typeof e==`number`)return e;let t=Number(e);return Number.isFinite(t)?t:null}function b({current:e,previous:t,title:n,currentPeriod:a,previousPeriod:l,className:f,strings:p}){let b=u(v,p),x=y(e.value),S=y(t.value),C=x!==null&&S!==null,w=C?x-S:0,T=C&&S!==0?Math.round(w/S*100):0,E=w>0,D=w===0,O=D?g:E?c:o,k=D?{box:`bg-muted/40`,chip:`bg-card text-muted-foreground border border-border/60`}:E?{box:`bg-success/10`,chip:`bg-success/15 text-success`}:{box:`bg-destructive/10`,chip:`bg-destructive/15 text-destructive`};return(0,_.jsxs)(m,{title:n??b.title,className:d(`metric-comparison--component`,f),children:[!!(a||l)&&(0,_.jsxs)(`div`,{className:`flex flex-wrap items-center gap-1.5`,children:[!!a&&(0,_.jsx)(i,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:a}),!!l&&(0,_.jsx)(i,{tag:`span`,size:`xxs`,weight:`medium`,className:`rounded-full bg-muted px-2 py-0.5 uppercase tracking-wider text-muted-foreground`,children:l})]}),(0,_.jsxs)(`div`,{className:`mt-3 grid items-stretch gap-2 grid-cols-1 sm:grid-cols-[1fr_auto_1fr]`,children:[(0,_.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-card px-3 py-2.5`,children:[(0,_.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.currentLabel}),(0,_.jsx)(r,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0`,children:h(e)})]}),(0,_.jsxs)(`div`,{className:`flex items-center justify-center text-muted-foreground/60`,children:[(0,_.jsx)(s,{className:`hidden size-4 sm:block`,"aria-hidden":`true`}),(0,_.jsx)(o,{className:`size-4 sm:hidden`,"aria-hidden":`true`})]}),(0,_.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/30 px-3 py-2.5`,children:[(0,_.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:b.previousLabel}),(0,_.jsx)(r,{tag:`h5`,className:`text-xl tabular-nums tracking-tight border-none pb-0 text-muted-foreground`,children:h(t)})]})]}),!!C&&(0,_.jsxs)(`div`,{className:d(`mt-3 flex flex-wrap items-center gap-2 rounded-lg px-3 py-2`,k.box),children:[(0,_.jsxs)(`div`,{className:d(`inline-flex items-center gap-1 rounded-full px-2 py-0.5`,k.chip),children:[(0,_.jsx)(O,{className:`size-3`,strokeWidth:2.5,"aria-hidden":`true`}),(0,_.jsxs)(i,{tag:`span`,size:`xs`,weight:`semibold`,className:`tabular-nums`,children:[E?`+`:D?``:`−`,(t=>{let n=Math.abs(t);return h({...e,value:n})})(w)]})]}),(0,_.jsxs)(i,{size:`xs`,type:`secondary`,className:d(`tabular-nums`,E&&`text-success`,!E&&!D&&`text-destructive`),children:[E?`+`:D?``:`−`,Math.abs(T),`% `,b.suffix]})]})]})}b.displayName=`MetricComparison`;var x=e({Default:()=>E,FlatNoChange:()=>k,PercentageValues:()=>O,WithCurrencyOverrideEUR:()=>D}),S={current:{id:`cur`,label:`Current`,value:48250,valueType:`currency`,currency:`USD`},previous:{id:`prev`,label:`Previous`,value:41800,valueType:`currency`,currency:`USD`}},C={current:{id:`cur`,label:`Current`,value:148500,valueType:`currency`,currency:`EUR`},previous:{id:`prev`,label:`Previous`,value:132100,valueType:`currency`,currency:`EUR`}},w={current:{id:`cur`,label:`Current`,value:.082,valueType:`percentage`},previous:{id:`prev`,label:`Previous`,value:.094,valueType:`percentage`}},T={current:{id:`cur`,label:`Current`,value:1240,valueType:`number`},previous:{id:`prev`,label:`Previous`,value:1240,valueType:`number`}};function E(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Monthly Revenue`,current:S.current,previous:S.previous,currentPeriod:`Mar 2026`,previousPeriod:`Feb 2026`})})}function D(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Quarterly Revenue`,current:C.current,previous:C.previous,currentPeriod:`Q1 2026`,previousPeriod:`Q4 2025`})})}function O(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Conversion rate`,current:w.current,previous:w.previous,currentPeriod:`This week`,previousPeriod:`Last week`})})}function k(){return(0,_.jsx)(_.Fragment,{children:(0,_.jsx)(b,{title:`Active sessions`,current:T.current,previous:T.previous})})}var A=`import { MetricComparison, type MetricData } from '@/components/composed/analytics';
 
 const monthly: { current: MetricData; previous: MetricData } = {
 	current: { id: 'cur', label: 'Current', value: 48250, valueType: 'currency', currency: 'USD' },
@@ -73,4 +73,4 @@ export function FlatNoChange() {
 		</>
 	);
 }
-`;function j(e){let t={h4:`h4`,...e.components};return x||N(`Examples`,!1),E||N(`Examples.Default`,!0),k||N(`Examples.FlatNoChange`,!0),O||N(`Examples.PercentageValues`,!0),D||N(`Examples.WithCurrencyOverrideEUR`,!0),(0,_.jsxs)(r,{title:`Features · Metrics · Comparison`,description:"`MetricComparison` — side-by-side current vs previous with a tone-tinted delta box. Reuses the unified `MetricData` shape so currency/percent formatting carries through.",layer:`features`,status:`ready`,children:[(0,_.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(a,{name:`Default`,source:A,children:(0,_.jsx)(E,{})}),(0,_.jsx)(a,{name:`WithCurrencyOverrideEUR`,source:A,children:(0,_.jsx)(D,{})}),(0,_.jsx)(a,{name:`PercentageValues`,source:A,children:(0,_.jsx)(O,{})}),(0,_.jsx)(a,{name:`FlatNoChange`,source:A,children:(0,_.jsx)(k,{})})]}),(0,_.jsxs)(i,{title:`API`,id:`api`,children:[(0,_.jsx)(t.h4,{children:`MetricComparison`}),(0,_.jsx)(p,{component:`MetricComparison`})]})]})}function M(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(j,{...e})}):j(e)}function N(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};
+`;function j(e){let r={h4:`h4`,...e.components};return x||N(`Examples`,!1),E||N(`Examples.Default`,!0),k||N(`Examples.FlatNoChange`,!0),O||N(`Examples.PercentageValues`,!0),D||N(`Examples.WithCurrencyOverrideEUR`,!0),(0,_.jsxs)(t,{title:`Features · Metrics · Comparison`,description:"`MetricComparison` — side-by-side current vs previous with a tone-tinted delta box. Reuses the unified `MetricData` shape so currency/percent formatting carries through.",layer:`features`,status:`ready`,children:[(0,_.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(a,{name:`Default`,source:A,children:(0,_.jsx)(E,{})}),(0,_.jsx)(a,{name:`WithCurrencyOverrideEUR`,source:A,children:(0,_.jsx)(D,{})}),(0,_.jsx)(a,{name:`PercentageValues`,source:A,children:(0,_.jsx)(O,{})}),(0,_.jsx)(a,{name:`FlatNoChange`,source:A,children:(0,_.jsx)(k,{})})]}),(0,_.jsxs)(n,{title:`API`,id:`api`,children:[(0,_.jsx)(r.h4,{children:`MetricComparison`}),(0,_.jsx)(p,{component:`MetricComparison`})]})]})}function M(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(j,{...e})}):j(e)}function N(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/{metrics-heatmap-CcumN0Or.js → metrics-heatmap-DKkz8ibX.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{k as a,n as o,s}from"./index-Cz4UGUT2.js";import{t as c}from"./props-table-BR-KjRNe.js";import{t as l}from"./smart-card-B4P_C0nk.js";import{t as u}from"./analytics.strings-B9262Jmq.js";var d=s(),f={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function p(e,t){if(e.length===0)return{weeks:[],monthLabels:[]};let n=[...e].sort((e,t)=>e.date.localeCompare(t.date)),r=new Date(n[0].date+`T00:00:00`),i=new Date(n[n.length-1].date+`T00:00:00`),a=r.getDay(),o=a===0?-6:1-a,s=new Date(r);s.setDate(s.getDate()+o);let c=new Map;for(let e of n)c.set(e.date,e.level);let l=[],u=[],d=-1,f=[],p=new Date(s);for(;p<=i;){let e=p.toISOString().slice(0,10),n=(p.getDay()+6)%7;n===0&&f.length>0&&(l.push(f),f=[]);let r=p.getMonth();if(r!==d){let e=n===0?l.length:l.length+1;u.find(t=>t.weekIndex===e)||u.push({label:t[r],weekIndex:e}),d=r}let i=c.get(e)??0;f.push({date:e,level:i}),p.setDate(p.getDate()+1)}if(f.length>0){for(;f.length<7;)f.push(null);l.push(f)}return{weeks:l,monthLabels:u}}function m({title:e,description:n,data:r,className:i,strings:s}){let c=a(u,s),{weeks:m,monthLabels:h}=p(r,c.heatmapMonthNames);return(0,d.jsxs)(l,{title:e,description:n,className:o(`activity-heatmap--component`,i),children:[(0,d.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,d.jsx)(`div`,{className:`relative mb-1`,style:{paddingLeft:`28px`,height:`12px`},children:(0,d.jsx)(`div`,{className:`relative flex`,style:{width:`${m.length*15}px`},children:h.filter((e,t,n)=>t===0||e.weekIndex-n[t-1].weekIndex>=3).map(e=>(0,d.jsx)(t,{size:`xxs`,type:`secondary`,className:`absolute leading-none whitespace-nowrap`,style:{left:`${e.weekIndex*15}px`,top:0},children:e.label},`${e.label}-${e.weekIndex}`))})}),(0,d.jsxs)(`div`,{className:`flex gap-0`,children:[(0,d.jsx)(`div`,{className:`mr-1 flex flex-col gap-[3px]`,children:c.heatmapDayLabels.map((e,n)=>(0,d.jsx)(`div`,{className:`flex h-3 w-6 items-center justify-end`,children:!!e&&(0,d.jsx)(t,{size:`xxs`,type:`secondary`,className:`leading-none`,children:e})},`day-${n}`))}),(0,d.jsx)(`div`,{className:`flex gap-[3px]`,children:m.map((e,t)=>(0,d.jsx)(`div`,{className:`flex flex-col gap-[3px]`,children:e.map((e,n)=>{let r=e?`${e.date}: Level ${e.level}`:void 0;return(0,d.jsx)(`div`,{className:o(`size-3 rounded-sm`,e?f[e.level]:`bg-transparent`),title:r},`d-${t}-${n}`)})},`w-${t}`))})]})]}),(0,d.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-1.5`,children:[(0,d.jsx)(t,{size:`xxs`,type:`secondary`,children:c.heatmapLegendLess}),[0,1,2,3,4].map(e=>(0,d.jsx)(`div`,{className:o(`size-3 rounded-sm`,f[e])},`legend-${e}`)),(0,d.jsx)(t,{size:`xxs`,type:`secondary`,children:c.heatmapLegendMore})]})]})}m.displayName=`ActivityHeatmap`;var h=e({OrderActivity:()=>v});function g(){let e=[],t=new Date(`2026-06-19T00:00:00Z`);for(let n=89;n>=0;n--){let r=new Date(t);r.setDate(r.getDate()-n);let i=(n*37+17)%100/100,a=i<.15?0:i<.35?1:i<.6?2:i<.8?3:4;e.push({date:r.toISOString().slice(0,10),level:a})}return e}var _=g();function v(){return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(`div`,{className:`max-w-2xl`,children:(0,d.jsx)(m,{title:`Order Activity`,description:`Last 90 days`,data:_})})})}var y=`import { ActivityHeatmap, type ActivityHeatmapDay } from '@/components/composed/analytics';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,t as i}from"./example-Cz_880po.js";import{k as a,n as o,s}from"./index-BQIv1ffM.js";import{t as c}from"./props-table-2pIZzGC-.js";import{t as l}from"./smart-card-Dhu_1A_u.js";import{t as u}from"./analytics.strings-B9262Jmq.js";var d=s(),f={0:`bg-muted`,1:`bg-success/20`,2:`bg-success/40`,3:`bg-success/65`,4:`bg-success`};function p(e,t){if(e.length===0)return{weeks:[],monthLabels:[]};let n=[...e].sort((e,t)=>e.date.localeCompare(t.date)),r=new Date(n[0].date+`T00:00:00`),i=new Date(n[n.length-1].date+`T00:00:00`),a=r.getDay(),o=a===0?-6:1-a,s=new Date(r);s.setDate(s.getDate()+o);let c=new Map;for(let e of n)c.set(e.date,e.level);let l=[],u=[],d=-1,f=[],p=new Date(s);for(;p<=i;){let e=p.toISOString().slice(0,10),n=(p.getDay()+6)%7;n===0&&f.length>0&&(l.push(f),f=[]);let r=p.getMonth();if(r!==d){let e=n===0?l.length:l.length+1;u.find(t=>t.weekIndex===e)||u.push({label:t[r],weekIndex:e}),d=r}let i=c.get(e)??0;f.push({date:e,level:i}),p.setDate(p.getDate()+1)}if(f.length>0){for(;f.length<7;)f.push(null);l.push(f)}return{weeks:l,monthLabels:u}}function m({title:e,description:t,data:n,className:i,strings:s}){let c=a(u,s),{weeks:m,monthLabels:h}=p(n,c.heatmapMonthNames);return(0,d.jsxs)(l,{title:e,description:t,className:o(`activity-heatmap--component`,i),children:[(0,d.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,d.jsx)(`div`,{className:`relative mb-1`,style:{paddingLeft:`28px`,height:`12px`},children:(0,d.jsx)(`div`,{className:`relative flex`,style:{width:`${m.length*15}px`},children:h.filter((e,t,n)=>t===0||e.weekIndex-n[t-1].weekIndex>=3).map(e=>(0,d.jsx)(r,{size:`xxs`,type:`secondary`,className:`absolute leading-none whitespace-nowrap`,style:{left:`${e.weekIndex*15}px`,top:0},children:e.label},`${e.label}-${e.weekIndex}`))})}),(0,d.jsxs)(`div`,{className:`flex gap-0`,children:[(0,d.jsx)(`div`,{className:`mr-1 flex flex-col gap-[3px]`,children:c.heatmapDayLabels.map((e,t)=>(0,d.jsx)(`div`,{className:`flex h-3 w-6 items-center justify-end`,children:!!e&&(0,d.jsx)(r,{size:`xxs`,type:`secondary`,className:`leading-none`,children:e})},`day-${t}`))}),(0,d.jsx)(`div`,{className:`flex gap-[3px]`,children:m.map((e,t)=>(0,d.jsx)(`div`,{className:`flex flex-col gap-[3px]`,children:e.map((e,n)=>{let r=e?`${e.date}: Level ${e.level}`:void 0;return(0,d.jsx)(`div`,{className:o(`size-3 rounded-sm`,e?f[e.level]:`bg-transparent`),title:r},`d-${t}-${n}`)})},`w-${t}`))})]})]}),(0,d.jsxs)(`div`,{className:`mt-4 flex items-center justify-end gap-1.5`,children:[(0,d.jsx)(r,{size:`xxs`,type:`secondary`,children:c.heatmapLegendLess}),[0,1,2,3,4].map(e=>(0,d.jsx)(`div`,{className:o(`size-3 rounded-sm`,f[e])},`legend-${e}`)),(0,d.jsx)(r,{size:`xxs`,type:`secondary`,children:c.heatmapLegendMore})]})]})}m.displayName=`ActivityHeatmap`;var h=e({OrderActivity:()=>v});function g(){let e=[],t=new Date(`2026-06-19T00:00:00Z`);for(let n=89;n>=0;n--){let r=new Date(t);r.setDate(r.getDate()-n);let i=(n*37+17)%100/100,a=i<.15?0:i<.35?1:i<.6?2:i<.8?3:4;e.push({date:r.toISOString().slice(0,10),level:a})}return e}var _=g();function v(){return(0,d.jsx)(d.Fragment,{children:(0,d.jsx)(`div`,{className:`max-w-2xl`,children:(0,d.jsx)(m,{title:`Order Activity`,description:`Last 90 days`,data:_})})})}var y=`import { ActivityHeatmap, type ActivityHeatmapDay } from '@/components/composed/analytics';
 
 function generate(): ActivityHeatmapDay[] {
 	const days: ActivityHeatmapDay[] = [];
@@ -24,4 +24,4 @@ export function OrderActivity() {
 		</>
 	);
 }
-`;function b(e){let t={h4:`h4`,...e.components};return h||S(`Examples`,!1),v||S(`Examples.OrderActivity`,!0),(0,d.jsxs)(n,{title:`Features · Metrics · Activity heatmap`,description:"`ActivityHeatmap` — GitHub-style daily-activity calendar with success-tinted intensity cells.",layer:`features`,status:`ready`,children:[(0,d.jsx)(r,{title:`Examples`,id:`examples`,children:(0,d.jsx)(i,{name:`OrderActivity`,source:y,children:(0,d.jsx)(v,{})})}),(0,d.jsxs)(r,{title:`API`,id:`api`,children:[(0,d.jsx)(t.h4,{children:`ActivityHeatmap`}),(0,d.jsx)(c,{component:`ActivityHeatmap`})]})]})}function x(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(b,{...e})}):b(e)}function S(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{x as default};
+`;function b(e){let r={h4:`h4`,...e.components};return h||S(`Examples`,!1),v||S(`Examples.OrderActivity`,!0),(0,d.jsxs)(t,{title:`Features · Metrics · Activity heatmap`,description:"`ActivityHeatmap` — GitHub-style daily-activity calendar with success-tinted intensity cells.",layer:`features`,status:`ready`,children:[(0,d.jsx)(n,{title:`Examples`,id:`examples`,children:(0,d.jsx)(i,{name:`OrderActivity`,source:y,children:(0,d.jsx)(v,{})})}),(0,d.jsxs)(n,{title:`API`,id:`api`,children:[(0,d.jsx)(r.h4,{children:`ActivityHeatmap`}),(0,d.jsx)(c,{component:`ActivityHeatmap`})]})]})}function x(e={}){let{wrapper:t}=e.components||{};return t?(0,d.jsx)(t,{...e,children:(0,d.jsx)(b,{...e})}):b(e)}function S(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{x as default};

package/dist/showcase/assets/{metrics-inline-badge-2WB7w9mz.js → metrics-inline-badge-CZmVnReB.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{n as a,s as o}from"./index-Cz4UGUT2.js";import{t as s}from"./props-table-BR-KjRNe.js";var c=o(),l={sm:`gap-1 rounded-full px-2 py-0.5`,md:`gap-1.5 rounded-full px-2.5 py-1`,base:`gap-1.5 rounded-full px-2.5 py-1`,lg:`gap-1.5 rounded-full px-3 py-1`},u={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xs`},d={sm:`xxs`,md:`xs`,base:`xs`,lg:`xs`},f={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xxs`};function p({metrics:e,className:n}){return(0,c.jsx)(`div`,{className:a(`inline-metric--component`,`flex flex-wrap gap-1.5`,n),children:e.map(e=>{let n=e.size??`base`;return(0,c.jsxs)(`span`,{className:a(`inline-flex items-center bg-card ring-1 ring-border/60`,l[n]??l.base),children:[(0,c.jsx)(t,{tag:`span`,size:u[n]??`xxs`,type:`secondary`,children:e.label}),(0,c.jsx)(t,{tag:`span`,size:d[n]??`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),(0,c.jsxs)(t,{tag:`span`,size:f[n]??`xxs`,weight:`medium`,className:a(`tabular-nums inline-flex items-center gap-0.5 rounded-full px-1`,e.up?`bg-success/10 text-success`:`bg-destructive/10 text-destructive`),children:[e.up?`↑`:`↓`,e.change]})]},e.label)})})}p.displayName=`InlineMetricBadge`;var m=e({MixedSizesDirections:()=>h});function h(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(p,{metrics:[{label:`Revenue`,value:`52.3K`,change:`+12%`,up:!0,size:`md`},{label:`Orders`,value:`1,284`,change:`+8%`,up:!0,size:`md`},{label:`Returns`,value:`23`,change:`-5%`,up:!1,size:`sm`},{label:`AOV`,value:`351 USD`,change:`+3%`,up:!0,size:`lg`}]})})}var g=`import { InlineMetricBadge } from '@/components/composed/data-display/inline-metric';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,t as i}from"./example-Cz_880po.js";import{n as a,s as o}from"./index-BQIv1ffM.js";import{t as s}from"./props-table-2pIZzGC-.js";var c=o(),l={sm:`gap-1 rounded-full px-2 py-0.5`,md:`gap-1.5 rounded-full px-2.5 py-1`,base:`gap-1.5 rounded-full px-2.5 py-1`,lg:`gap-1.5 rounded-full px-3 py-1`},u={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xs`},d={sm:`xxs`,md:`xs`,base:`xs`,lg:`xs`},f={sm:`xxs`,md:`xxs`,base:`xxs`,lg:`xxs`};function p({metrics:e,className:t}){return(0,c.jsx)(`div`,{className:a(`inline-metric--component`,`flex flex-wrap gap-1.5`,t),children:e.map(e=>{let t=e.size??`base`;return(0,c.jsxs)(`span`,{className:a(`inline-flex items-center bg-card ring-1 ring-border/60`,l[t]??l.base),children:[(0,c.jsx)(r,{tag:`span`,size:u[t]??`xxs`,type:`secondary`,children:e.label}),(0,c.jsx)(r,{tag:`span`,size:d[t]??`xs`,weight:`semibold`,className:`tabular-nums`,children:e.value}),(0,c.jsxs)(r,{tag:`span`,size:f[t]??`xxs`,weight:`medium`,className:a(`tabular-nums inline-flex items-center gap-0.5 rounded-full px-1`,e.up?`bg-success/10 text-success`:`bg-destructive/10 text-destructive`),children:[e.up?`↑`:`↓`,e.change]})]},e.label)})})}p.displayName=`InlineMetricBadge`;var m=e({MixedSizesDirections:()=>h});function h(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(p,{metrics:[{label:`Revenue`,value:`52.3K`,change:`+12%`,up:!0,size:`md`},{label:`Orders`,value:`1,284`,change:`+8%`,up:!0,size:`md`},{label:`Returns`,value:`23`,change:`-5%`,up:!1,size:`sm`},{label:`AOV`,value:`351 USD`,change:`+3%`,up:!0,size:`lg`}]})})}var g=`import { InlineMetricBadge } from '@/components/composed/data-display/inline-metric';
 
 export function MixedSizesDirections() {
 	return (
@@ -14,4 +14,4 @@ export function MixedSizesDirections() {
 		</>
 	);
 }
-`;function _(e){let t={h4:`h4`,...e.components};return m||y(`Examples`,!1),h||y(`Examples.MixedSizesDirections`,!0),(0,c.jsxs)(n,{title:`Features · Metrics · Inline badge`,description:"`InlineMetricBadge` — compact `label · value · change%` pill rows. Use as in-flow copy where a full Metric tile is too heavy.",layer:`features`,status:`ready`,children:[(0,c.jsx)(r,{title:`Examples`,id:`examples`,children:(0,c.jsx)(i,{name:`MixedSizesDirections`,source:g,children:(0,c.jsx)(h,{})})}),(0,c.jsxs)(r,{title:`API`,id:`api`,children:[(0,c.jsx)(t.h4,{children:`InlineMetricBadge`}),(0,c.jsx)(s,{component:`InlineMetricBadge`})]})]})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.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};
+`;function _(e){let r={h4:`h4`,...e.components};return m||y(`Examples`,!1),h||y(`Examples.MixedSizesDirections`,!0),(0,c.jsxs)(t,{title:`Features · Metrics · Inline badge`,description:"`InlineMetricBadge` — compact `label · value · change%` pill rows. Use as in-flow copy where a full Metric tile is too heavy.",layer:`features`,status:`ready`,children:[(0,c.jsx)(n,{title:`Examples`,id:`examples`,children:(0,c.jsx)(i,{name:`MixedSizesDirections`,source:g,children:(0,c.jsx)(h,{})})}),(0,c.jsxs)(n,{title:`API`,id:`api`,children:[(0,c.jsx)(r.h4,{children:`InlineMetricBadge`}),(0,c.jsx)(s,{component:`InlineMetricBadge`})]})]})}function v(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.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/{metrics-kpi-row-jU3hsB3C.js → metrics-kpi-row-s2FYIYB1.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{n as a,s as o}from"./index-Cz4UGUT2.js";import{t as s}from"./props-table-BR-KjRNe.js";var c=o(),l=`ring-1 ring-border/50 shadow-sm`;function u({kpis:e,className:n}){return(0,c.jsx)(`div`,{className:a(`mini-kpi--component`,`inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2`,l,n),children:e.map(e=>(0,c.jsxs)(`div`,{className:`flex flex-col items-center px-4`,children:[(0,c.jsx)(t,{weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(t,{size:`xs`,type:`secondary`,className:`text-xxs`,children:e.label})]},e.label))})}u.displayName=`MiniKpiRow`;var d=e({Example3KPIs:()=>p,Example4KPIs:()=>f});function f(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(u,{kpis:[{value:`2,847`,label:`Orders`},{value:`142K`,label:`Revenue`},{value:`94.2%`,label:`Fulfillment`},{value:`4.8`,label:`Rating`}]})})}function p(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(u,{kpis:[{value:`128`,label:`Active`},{value:`24`,label:`Pending`},{value:`7`,label:`Overdue`}]})})}var m=`import { MiniKpiRow } from '@/components/composed/data-display/mini-kpi';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,t as i}from"./example-Cz_880po.js";import{n as a,s as o}from"./index-BQIv1ffM.js";import{t as s}from"./props-table-2pIZzGC-.js";var c=o(),l=`ring-1 ring-border/50 shadow-sm`;function u({kpis:e,className:t}){return(0,c.jsx)(`div`,{className:a(`mini-kpi--component`,`inline-flex items-center divide-x divide-border/50 rounded-xl bg-card px-2 py-2`,l,t),children:e.map(e=>(0,c.jsxs)(`div`,{className:`flex flex-col items-center px-4`,children:[(0,c.jsx)(r,{weight:`bold`,className:`tabular-nums`,children:e.value}),(0,c.jsx)(r,{size:`xs`,type:`secondary`,className:`text-xxs`,children:e.label})]},e.label))})}u.displayName=`MiniKpiRow`;var d=e({Example3KPIs:()=>p,Example4KPIs:()=>f});function f(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(u,{kpis:[{value:`2,847`,label:`Orders`},{value:`142K`,label:`Revenue`},{value:`94.2%`,label:`Fulfillment`},{value:`4.8`,label:`Rating`}]})})}function p(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(u,{kpis:[{value:`128`,label:`Active`},{value:`24`,label:`Pending`},{value:`7`,label:`Overdue`}]})})}var m=`import { MiniKpiRow } from '@/components/composed/data-display/mini-kpi';
 
 export function Example4KPIs() {
 	return (
@@ -28,4 +28,4 @@ export function Example3KPIs() {
 		</>
 	);
 }
-`;function h(e){let t={h4:`h4`,...e.components};return d||_(`Examples`,!1),p||_(`Examples.Example3KPIs`,!0),f||_(`Examples.Example4KPIs`,!0),(0,c.jsxs)(n,{title:`Features · Metrics · KPI row`,description:"`MiniKpiRow` — compact horizontal divider-separated KPI strip for header / footer accents.",layer:`features`,status:`ready`,children:[(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Example4KPIs`,source:m,children:(0,c.jsx)(f,{})}),(0,c.jsx)(i,{name:`Example3KPIs`,source:m,children:(0,c.jsx)(p,{})})]}),(0,c.jsxs)(r,{title:`API`,id:`api`,children:[(0,c.jsx)(t.h4,{children:`MiniKpiRow`}),(0,c.jsx)(s,{component:`MiniKpiRow`})]})]})}function g(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}function _(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{g as default};
+`;function h(e){let r={h4:`h4`,...e.components};return d||_(`Examples`,!1),p||_(`Examples.Example3KPIs`,!0),f||_(`Examples.Example4KPIs`,!0),(0,c.jsxs)(t,{title:`Features · Metrics · KPI row`,description:"`MiniKpiRow` — compact horizontal divider-separated KPI strip for header / footer accents.",layer:`features`,status:`ready`,children:[(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Example4KPIs`,source:m,children:(0,c.jsx)(f,{})}),(0,c.jsx)(i,{name:`Example3KPIs`,source:m,children:(0,c.jsx)(p,{})})]}),(0,c.jsxs)(n,{title:`API`,id:`api`,children:[(0,c.jsx)(r.h4,{children:`MiniKpiRow`}),(0,c.jsx)(s,{component:`MiniKpiRow`})]})]})}function g(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(h,{...e})}):h(e)}function _(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{g as default};

package/dist/showcase/assets/{metrics-micro-grid-CaJ99RXL.js → metrics-micro-grid-DDlCl9Ep.js}

@@ -1,4 +1,4 @@
-import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Er as r,hr as i,mr as a,t as o}from"./example-BIrQab7K.js";import{n as s,s as c}from"./index-Cz4UGUT2.js";import{t as l}from"./props-table-BR-KjRNe.js";import{t as u}from"./smart-card-B4P_C0nk.js";import{Zn as d,t as f,u as p}from"./AreaChart-DUe3j5uB.js";var m=t(n(),1),h=c(),g=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],_={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},v=[`var(--success)`,`var(--info)`,`var(--warning)`];function y({data:e,color:t}){let n=Math.max(...e,1);return(0,h.jsx)(`div`,{className:s(`metric-micro-grid--component`,`flex h-5 items-end gap-[2px]`),children:e.slice(0,6).map((e,r)=>(0,h.jsx)(`div`,{className:`flex-1 rounded-t-sm`,style:{height:`${e/n*100}%`,backgroundColor:t,opacity:.8}},`bar-${r}`))})}function b({data:e,color:t}){let n=Math.max(...e,1),r=Math.min(...e),i=n-r||1,a=e.slice(0,6);return(0,h.jsx)(`svg`,{viewBox:`0 0 60 16`,className:`h-5 w-full`,preserveAspectRatio:`none`,children:(0,h.jsx)(`polyline`,{fill:`none`,stroke:t,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,points:a.map((e,t)=>`${t/Math.max(a.length-1,1)*60},${16-(e-r)/i*14}`).join(` `)})})}function x({data:e,color:t}){let n=Math.max(...e,1);return(0,h.jsx)(`div`,{className:`flex h-5 items-end justify-around`,children:e.slice(0,5).map((e,r)=>(0,h.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full`,style:{marginBottom:`${e/n*12}px`,backgroundColor:t}},`dot-${r}`))})}function S({data:e,color:t}){let n=e[0]??0,r=e[1]??100;return(0,h.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,h.jsx)(`div`,{className:`h-full rounded-full transition-all`,style:{width:`${Math.min(n/r*100,100)}%`,backgroundColor:t}})})}function C({data:e,color:t}){let n=`micro-area-${(0,m.useId)().replaceAll(`:`,``)}`;return(0,h.jsx)(`div`,{className:`h-5 w-full`,children:(0,h.jsx)(d,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,h.jsxs)(f,{data:e.map((e,t)=>({i:t,v:e})),margin:{top:0,right:0,bottom:0,left:0},children:[(0,h.jsx)(`defs`,{children:(0,h.jsxs)(`linearGradient`,{id:n,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,h.jsx)(`stop`,{offset:`0%`,stopColor:t,stopOpacity:.3}),(0,h.jsx)(`stop`,{offset:`100%`,stopColor:t,stopOpacity:0})]})}),(0,h.jsx)(p,{type:`monotone`,dataKey:`v`,stroke:t,strokeWidth:1.25,fill:`url(#${n})`})]})})})}function w({data:e}){let t=e.reduce((e,t)=>e+t,0)||1,n=0;return(0,h.jsx)(`svg`,{viewBox:`0 0 24 24`,className:`h-6 w-6`,children:e.slice(0,3).map((e,r)=>{let i=e/t*360,a=n;n+=i;let o=(a-90)*Math.PI/180,s=(a+i-90)*Math.PI/180,c=+(i>180);return(0,h.jsx)(`path`,{d:`M12,12 L${12+10*Math.cos(o)},${12+10*Math.sin(o)} A10,10 0 ${c},1 ${12+10*Math.cos(s)},${12+10*Math.sin(s)} Z`,fill:v[r%v.length]},`slice-${r}`)})})}function T({kind:e,data:t}){let n=_[e];return e===`bars`?(0,h.jsx)(y,{data:t,color:n}):e===`line`?(0,h.jsx)(b,{data:t,color:n}):e===`dots`?(0,h.jsx)(x,{data:t,color:n}):e===`progress`?(0,h.jsx)(S,{data:t,color:n}):e===`area`?(0,h.jsx)(C,{data:t,color:n}):(0,h.jsx)(w,{data:t})}function E({title:e=`Overview`,cells:t,className:n}){return(0,h.jsx)(u,{title:e,className:n,padding:`sm`,children:(0,h.jsx)(`div`,{className:`grid grid-cols-3 grid-rows-2 -m-2`,children:t.slice(0,6).map((e,t)=>(0,h.jsxs)(`div`,{className:s(`flex flex-col gap-1.5 px-3 py-2.5`,t%3!=2&&`border-r border-border/50`,t<3&&`border-b border-border/50`),children:[(0,h.jsx)(r,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,h.jsx)(r,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,h.jsx)(`div`,{className:`mt-auto`,children:(0,h.jsx)(T,{kind:e.chart??g[t],data:e.data})})]},e.id??e.label))})})}E.displayName=`MetricMicroGrid`;var D=e({DefaultAutoAssignedCharts:()=>O,PinnedChartKinds:()=>k});function O(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(`div`,{className:`max-w-lg`,children:(0,h.jsx)(E,{title:`Overview`,cells:[{label:`Revenue`,value:`87.4K`,data:[42,55,60,65,75]},{label:`Orders`,value:`1,284`,data:[80,85,90,100,110,105]},{label:`Avg Value`,value:`68.1`,data:[58,62,64,68]},{label:`Vouchers`,value:`73%`,data:[73,100]},{label:`Growth`,value:`+12%`,data:[42,48,55,52,60,58,65,70,75]},{label:`Channels`,value:`3`,data:[520,186,94]}]})})})}function k(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(`div`,{className:`max-w-lg`,children:(0,h.jsx)(E,{title:`Force per-cell chart`,cells:[{label:`Sessions`,value:`1.2M`,data:[200,210,240,260,290,320],chart:`area`},{label:`Users`,value:`24K`,data:[80,85,90,100,110,105],chart:`line`},{label:`Bounce`,value:`32%`,data:[32,100],chart:`progress`},{label:`Pages`,value:`4.2`,data:[3.8,4,4.1,4.2,4.3],chart:`bars`},{label:`Devices`,value:`3`,data:[520,186,94],chart:`pie`},{label:`Sources`,value:`8`,data:[4,6,5,7,8],chart:`dots`}]})})})}var A=`import { MetricMicroGrid } from '@/components/composed/analytics';
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,t as o}from"./example-Cz_880po.js";import{n as s,s as c}from"./index-BQIv1ffM.js";import{t as l}from"./props-table-2pIZzGC-.js";import{t as u}from"./smart-card-Dhu_1A_u.js";import{Zn as d,t as f,u as p}from"./AreaChart-BkAbL-UV.js";var m=t(n(),1),h=c(),g=[`bars`,`line`,`dots`,`progress`,`area`,`pie`],_={bars:`var(--primary)`,line:`var(--info)`,dots:`var(--warning)`,progress:`var(--success)`,area:`var(--primary)`,pie:`var(--success)`},v=[`var(--success)`,`var(--info)`,`var(--warning)`];function y({data:e,color:t}){let n=Math.max(...e,1);return(0,h.jsx)(`div`,{className:s(`metric-micro-grid--component`,`flex h-5 items-end gap-[2px]`),children:e.slice(0,6).map((e,r)=>(0,h.jsx)(`div`,{className:`flex-1 rounded-t-sm`,style:{height:`${e/n*100}%`,backgroundColor:t,opacity:.8}},`bar-${r}`))})}function b({data:e,color:t}){let n=Math.max(...e,1),r=Math.min(...e),i=n-r||1,a=e.slice(0,6);return(0,h.jsx)(`svg`,{viewBox:`0 0 60 16`,className:`h-5 w-full`,preserveAspectRatio:`none`,children:(0,h.jsx)(`polyline`,{fill:`none`,stroke:t,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,points:a.map((e,t)=>`${t/Math.max(a.length-1,1)*60},${16-(e-r)/i*14}`).join(` `)})})}function x({data:e,color:t}){let n=Math.max(...e,1);return(0,h.jsx)(`div`,{className:`flex h-5 items-end justify-around`,children:e.slice(0,5).map((e,r)=>(0,h.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full`,style:{marginBottom:`${e/n*12}px`,backgroundColor:t}},`dot-${r}`))})}function S({data:e,color:t}){let n=e[0]??0,r=e[1]??100;return(0,h.jsx)(`div`,{className:`h-1.5 w-full overflow-hidden rounded-full bg-muted`,children:(0,h.jsx)(`div`,{className:`h-full rounded-full transition-all`,style:{width:`${Math.min(n/r*100,100)}%`,backgroundColor:t}})})}function C({data:e,color:t}){let n=`micro-area-${(0,m.useId)().replaceAll(`:`,``)}`;return(0,h.jsx)(`div`,{className:`h-5 w-full`,children:(0,h.jsx)(d,{width:`100%`,height:`100%`,initialDimension:{width:1,height:1},children:(0,h.jsxs)(f,{data:e.map((e,t)=>({i:t,v:e})),margin:{top:0,right:0,bottom:0,left:0},children:[(0,h.jsx)(`defs`,{children:(0,h.jsxs)(`linearGradient`,{id:n,x1:`0`,y1:`0`,x2:`0`,y2:`1`,children:[(0,h.jsx)(`stop`,{offset:`0%`,stopColor:t,stopOpacity:.3}),(0,h.jsx)(`stop`,{offset:`100%`,stopColor:t,stopOpacity:0})]})}),(0,h.jsx)(p,{type:`monotone`,dataKey:`v`,stroke:t,strokeWidth:1.25,fill:`url(#${n})`})]})})})}function w({data:e}){let t=e.reduce((e,t)=>e+t,0)||1,n=0;return(0,h.jsx)(`svg`,{viewBox:`0 0 24 24`,className:`h-6 w-6`,children:e.slice(0,3).map((e,r)=>{let i=e/t*360,a=n;n+=i;let o=(a-90)*Math.PI/180,s=(a+i-90)*Math.PI/180,c=+(i>180);return(0,h.jsx)(`path`,{d:`M12,12 L${12+10*Math.cos(o)},${12+10*Math.sin(o)} A10,10 0 ${c},1 ${12+10*Math.cos(s)},${12+10*Math.sin(s)} Z`,fill:v[r%v.length]},`slice-${r}`)})})}function T({kind:e,data:t}){let n=_[e];return e===`bars`?(0,h.jsx)(y,{data:t,color:n}):e===`line`?(0,h.jsx)(b,{data:t,color:n}):e===`dots`?(0,h.jsx)(x,{data:t,color:n}):e===`progress`?(0,h.jsx)(S,{data:t,color:n}):e===`area`?(0,h.jsx)(C,{data:t,color:n}):(0,h.jsx)(w,{data:t})}function E({title:e=`Overview`,cells:t,className:n}){return(0,h.jsx)(u,{title:e,className:n,padding:`sm`,children:(0,h.jsx)(`div`,{className:`grid grid-cols-3 grid-rows-2 -m-2`,children:t.slice(0,6).map((e,t)=>(0,h.jsxs)(`div`,{className:s(`flex flex-col gap-1.5 px-3 py-2.5`,t%3!=2&&`border-r border-border/50`,t<3&&`border-b border-border/50`),children:[(0,h.jsx)(a,{size:`xxs`,type:`secondary`,className:`truncate uppercase tracking-wider`,children:e.label}),(0,h.jsx)(a,{tag:`span`,weight:`bold`,className:`tabular-nums truncate`,children:e.value}),(0,h.jsx)(`div`,{className:`mt-auto`,children:(0,h.jsx)(T,{kind:e.chart??g[t],data:e.data})})]},e.id??e.label))})})}E.displayName=`MetricMicroGrid`;var D=e({DefaultAutoAssignedCharts:()=>O,PinnedChartKinds:()=>k});function O(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(`div`,{className:`max-w-lg`,children:(0,h.jsx)(E,{title:`Overview`,cells:[{label:`Revenue`,value:`87.4K`,data:[42,55,60,65,75]},{label:`Orders`,value:`1,284`,data:[80,85,90,100,110,105]},{label:`Avg Value`,value:`68.1`,data:[58,62,64,68]},{label:`Vouchers`,value:`73%`,data:[73,100]},{label:`Growth`,value:`+12%`,data:[42,48,55,52,60,58,65,70,75]},{label:`Channels`,value:`3`,data:[520,186,94]}]})})})}function k(){return(0,h.jsx)(h.Fragment,{children:(0,h.jsx)(`div`,{className:`max-w-lg`,children:(0,h.jsx)(E,{title:`Force per-cell chart`,cells:[{label:`Sessions`,value:`1.2M`,data:[200,210,240,260,290,320],chart:`area`},{label:`Users`,value:`24K`,data:[80,85,90,100,110,105],chart:`line`},{label:`Bounce`,value:`32%`,data:[32,100],chart:`progress`},{label:`Pages`,value:`4.2`,data:[3.8,4,4.1,4.2,4.3],chart:`bars`},{label:`Devices`,value:`3`,data:[520,186,94],chart:`pie`},{label:`Sources`,value:`8`,data:[4,6,5,7,8],chart:`dots`}]})})})}var A=`import { MetricMicroGrid } from '@/components/composed/analytics';
 
 export function DefaultAutoAssignedCharts() {
 	return (
@@ -39,4 +39,4 @@ export function PinnedChartKinds() {
 		</>
 	);
 }
-`;function j(e){let t={h4:`h4`,...e.components};return D||N(`Examples`,!1),O||N(`Examples.DefaultAutoAssignedCharts`,!0),k||N(`Examples.PinnedChartKinds`,!0),(0,h.jsxs)(i,{title:`Features · Metrics · Micro chart grid`,description:"`MetricMicroGrid` — six-cell dense overview pairing each KPI with a different lightweight visualization (bars / line / dots / progress / area / pie).",layer:`features`,status:`ready`,children:[(0,h.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(o,{name:`DefaultAutoAssignedCharts`,source:A,children:(0,h.jsx)(O,{})}),(0,h.jsx)(o,{name:`PinnedChartKinds`,source:A,children:(0,h.jsx)(k,{})})]}),(0,h.jsxs)(a,{title:`API`,id:`api`,children:[(0,h.jsx)(t.h4,{children:`MetricMicroGrid`}),(0,h.jsx)(l,{component:`MetricMicroGrid`})]})]})}function M(e={}){let{wrapper:t}=e.components||{};return t?(0,h.jsx)(t,{...e,children:(0,h.jsx)(j,{...e})}):j(e)}function N(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};
+`;function j(e){let t={h4:`h4`,...e.components};return D||N(`Examples`,!1),O||N(`Examples.DefaultAutoAssignedCharts`,!0),k||N(`Examples.PinnedChartKinds`,!0),(0,h.jsxs)(r,{title:`Features · Metrics · Micro chart grid`,description:"`MetricMicroGrid` — six-cell dense overview pairing each KPI with a different lightweight visualization (bars / line / dots / progress / area / pie).",layer:`features`,status:`ready`,children:[(0,h.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,h.jsx)(o,{name:`DefaultAutoAssignedCharts`,source:A,children:(0,h.jsx)(O,{})}),(0,h.jsx)(o,{name:`PinnedChartKinds`,source:A,children:(0,h.jsx)(k,{})})]}),(0,h.jsxs)(i,{title:`API`,id:`api`,children:[(0,h.jsx)(t.h4,{children:`MetricMicroGrid`}),(0,h.jsx)(l,{component:`MetricMicroGrid`})]})]})}function M(e={}){let{wrapper:t}=e.components||{};return t?(0,h.jsx)(t,{...e,children:(0,h.jsx)(j,{...e})}):j(e)}function N(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/{metrics-overview-Sa7z6jct.js → metrics-overview-BgliK2L1.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Er as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{t as a}from"./dollar-sign-DlK6XF_v.js";import{t as o}from"./shopping-bag-B5BzpLV5.js";import{t as s}from"./trending-up-HlQQXTth.js";import{t as c}from"./users-ERTaffcv.js";import{s as l}from"./index-Cz4UGUT2.js";import{t as u}from"./props-table-BR-KjRNe.js";import{t as d}from"./metric-trend-chip-DehaJ3nC.js";import{n as f,r as p,t as m}from"./metric-guQTLTAa.js";import{t as h}from"./metric-bar-BydkmggA.js";import{t as g}from"./metric-grid-BKjrYpt9.js";var _=e({ErrorState:()=>P,LiveLoadingState:()=>N,LoadingSkeletons:()=>M,MetricBarDefault:()=>w,MetricBarGradientFrame:()=>T,MetricGridCardVariant:()=>E,MetricGridCompactList:()=>D,MetricMinimalInlineCopy:()=>k,MetricSizesSmMdLg:()=>O,MetricSparklineExample:()=>j,MetricTrendChipExample:()=>A}),v=l(),y={id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},sparkline:[120,140,132,158,167,180,198,220,240,248],icon:a,subtitle:`This month`},b={id:`orders`,label:`Orders`,value:312,valueType:`number`,change:{value:`4.1%`,direction:`up`},sparkline:[22,28,25,30,35,33,38,41,39,44],icon:o},x={id:`customers`,label:`Active customers`,value:1820,valueType:`number`,change:{value:`2.3%`,direction:`down`},sparkline:[200,198,205,195,188,182,178,180,184,182],icon:c},S={id:`conversion`,label:`Conversion`,value:.082,valueType:`percentage`,change:{value:`0.6%`,direction:`up`},sparkline:[.07,.071,.073,.075,.078,.079,.081,.082],icon:s},C=[y,b,x,S];function w(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(h,{period:{label:`This month`,value:`this_month`},metrics:C})})}function T(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(h,{period:{label:`This month`,value:`this_month`},metrics:C,variant:`gradient`,footerText:`Updated 2 minutes ago`})})}function E(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`card`,columns:4})})}function D(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`compact`,columns:2})})}function O(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsx)(m,{data:b,variant:`bordered`,size:`sm`}),(0,v.jsx)(m,{data:b,variant:`bordered`,size:`md`}),(0,v.jsx)(m,{data:b,variant:`bordered`,size:`lg`})]})})}function k(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-x-6 gap-y-2 rounded-lg border border-border bg-card p-4`,children:[(0,v.jsx)(m,{data:y,variant:`minimal`}),(0,v.jsx)(m,{data:b,variant:`minimal`}),(0,v.jsx)(m,{data:x,variant:`minimal`}),(0,v.jsx)(m,{data:S,variant:`minimal`})]})})}function A(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,v.jsx)(d,{change:{value:`12.4%`,direction:`up`},variant:`default`}),(0,v.jsx)(d,{change:{value:`12.4%`,direction:`up`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`3.2%`,direction:`down`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`0%`,direction:`neutral`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`5.1%`,direction:`up`},variant:`compact`}),(0,v.jsx)(d,{change:{value:`5.1%`,direction:`up`},variant:`inline`})]})})}function j(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-3`,children:[(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Positive`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[120,140,132,158,167,180,198,220,240,248],trend:`positive`})})]}),(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Negative`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[200,198,205,195,188,182,178,180,184,182],trend:`negative`})})]}),(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(t,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Neutral`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[15,20,18,24,22,28,31,35,38,42,45,48],trend:`neutral`})})]})]})})}function M(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4`,children:[(0,v.jsx)(f,{variant:`card`}),(0,v.jsx)(f,{variant:`bordered`}),(0,v.jsx)(f,{variant:`accent`}),(0,v.jsx)(f,{variant:`compact`})]})})}function N(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`card`,columns:4,loading:!0})})}function P(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(m,{data:y,variant:`card`,error:!0,errorLabel:`Couldn't load this metric`})})}var F=`import { DollarSign, ShoppingBag, TrendingUp, Users } from 'lucide-react';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,Rr as r,t as i}from"./example-Cz_880po.js";import{t as a}from"./dollar-sign-BXD_x2mP.js";import{t as o}from"./shopping-bag-XmeqUqk9.js";import{t as s}from"./trending-up-0iJl0XvC.js";import{t as c}from"./users-BgXAp2UO.js";import{s as l}from"./index-BQIv1ffM.js";import{t as u}from"./props-table-2pIZzGC-.js";import{t as d}from"./metric-trend-chip-lSjDkUEo.js";import{n as f,r as p,t as m}from"./metric-Bx_LWobe.js";import{t as h}from"./metric-bar-BldYHNLQ.js";import{t as g}from"./metric-grid-BDw7w7d2.js";var _=e({ErrorState:()=>P,LiveLoadingState:()=>N,LoadingSkeletons:()=>M,MetricBarDefault:()=>w,MetricBarGradientFrame:()=>T,MetricGridCardVariant:()=>E,MetricGridCompactList:()=>D,MetricMinimalInlineCopy:()=>k,MetricSizesSmMdLg:()=>O,MetricSparklineExample:()=>j,MetricTrendChipExample:()=>A}),v=l(),y={id:`revenue`,label:`Revenue`,value:24820,valueType:`currency`,currency:`USD`,change:{value:`12.4%`,direction:`up`},sparkline:[120,140,132,158,167,180,198,220,240,248],icon:a,subtitle:`This month`},b={id:`orders`,label:`Orders`,value:312,valueType:`number`,change:{value:`4.1%`,direction:`up`},sparkline:[22,28,25,30,35,33,38,41,39,44],icon:o},x={id:`customers`,label:`Active customers`,value:1820,valueType:`number`,change:{value:`2.3%`,direction:`down`},sparkline:[200,198,205,195,188,182,178,180,184,182],icon:c},S={id:`conversion`,label:`Conversion`,value:.082,valueType:`percentage`,change:{value:`0.6%`,direction:`up`},sparkline:[.07,.071,.073,.075,.078,.079,.081,.082],icon:s},C=[y,b,x,S];function w(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(h,{period:{label:`This month`,value:`this_month`},metrics:C})})}function T(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(h,{period:{label:`This month`,value:`this_month`},metrics:C,variant:`gradient`,footerText:`Updated 2 minutes ago`})})}function E(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`card`,columns:4})})}function D(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`compact`,columns:2})})}function O(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsx)(m,{data:b,variant:`bordered`,size:`sm`}),(0,v.jsx)(m,{data:b,variant:`bordered`,size:`md`}),(0,v.jsx)(m,{data:b,variant:`bordered`,size:`lg`})]})})}function k(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`flex flex-wrap gap-x-6 gap-y-2 rounded-lg border border-border bg-card p-4`,children:[(0,v.jsx)(m,{data:y,variant:`minimal`}),(0,v.jsx)(m,{data:b,variant:`minimal`}),(0,v.jsx)(m,{data:x,variant:`minimal`}),(0,v.jsx)(m,{data:S,variant:`minimal`})]})})}function A(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,v.jsx)(d,{change:{value:`12.4%`,direction:`up`},variant:`default`}),(0,v.jsx)(d,{change:{value:`12.4%`,direction:`up`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`3.2%`,direction:`down`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`0%`,direction:`neutral`},variant:`badge`}),(0,v.jsx)(d,{change:{value:`5.1%`,direction:`up`},variant:`compact`}),(0,v.jsx)(d,{change:{value:`5.1%`,direction:`up`},variant:`inline`})]})})}function j(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-3`,children:[(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Positive`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[120,140,132,158,167,180,198,220,240,248],trend:`positive`})})]}),(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Negative`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[200,198,205,195,188,182,178,180,184,182],trend:`negative`})})]}),(0,v.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-3`,children:[(0,v.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:`Neutral`}),(0,v.jsx)(`div`,{className:`mt-1 h-12 w-full`,children:(0,v.jsx)(p,{data:[15,20,18,24,22,28,31,35,38,42,45,48],trend:`neutral`})})]})]})})}function M(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4`,children:[(0,v.jsx)(f,{variant:`card`}),(0,v.jsx)(f,{variant:`bordered`}),(0,v.jsx)(f,{variant:`accent`}),(0,v.jsx)(f,{variant:`compact`})]})})}function N(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(g,{metrics:C,variant:`card`,columns:4,loading:!0})})}function P(){return(0,v.jsx)(v.Fragment,{children:(0,v.jsx)(m,{data:y,variant:`card`,error:!0,errorLabel:`Couldn't load this metric`})})}var F=`import { DollarSign, ShoppingBag, TrendingUp, Users } from 'lucide-react';
 import {
 	Metric,
 	MetricBar,
@@ -189,4 +189,4 @@ export function ErrorState() {
 		</>
 	);
 }
-`;function I(e){let t={h4:`h4`,...e.components};return _||R(`Examples`,!1),P||R(`Examples.ErrorState`,!0),N||R(`Examples.LiveLoadingState`,!0),M||R(`Examples.LoadingSkeletons`,!0),w||R(`Examples.MetricBarDefault`,!0),T||R(`Examples.MetricBarGradientFrame`,!0),E||R(`Examples.MetricGridCardVariant`,!0),D||R(`Examples.MetricGridCompactList`,!0),k||R(`Examples.MetricMinimalInlineCopy`,!0),O||R(`Examples.MetricSizesSmMdLg`,!0),j||R(`Examples.MetricSparklineExample`,!0),A||R(`Examples.MetricTrendChipExample`,!0),(0,v.jsxs)(n,{title:`Features · Metrics · Overview`,description:`The unified metrics module: a single Metric component with seven layout variants, plus MetricBar, MetricGrid, and supporting atoms (TrendChip, Sparkline, Skeleton). One MetricData shape powers every surface — see the dedicated pages for each layout.`,layer:`features`,status:`ready`,children:[(0,v.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(i,{name:`MetricBarDefault`,source:F,children:(0,v.jsx)(w,{})}),(0,v.jsx)(i,{name:`MetricBarGradientFrame`,source:F,children:(0,v.jsx)(T,{})}),(0,v.jsx)(i,{name:`MetricGridCardVariant`,source:F,children:(0,v.jsx)(E,{})}),(0,v.jsx)(i,{name:`MetricGridCompactList`,source:F,children:(0,v.jsx)(D,{})}),(0,v.jsx)(i,{name:`MetricSizesSmMdLg`,source:F,children:(0,v.jsx)(O,{})}),(0,v.jsx)(i,{name:`MetricMinimalInlineCopy`,source:F,children:(0,v.jsx)(k,{})}),(0,v.jsx)(i,{name:`MetricTrendChipExample`,source:F,children:(0,v.jsx)(A,{})}),(0,v.jsx)(i,{name:`MetricSparklineExample`,source:F,children:(0,v.jsx)(j,{})}),(0,v.jsx)(i,{name:`LoadingSkeletons`,source:F,children:(0,v.jsx)(M,{})}),(0,v.jsx)(i,{name:`LiveLoadingState`,source:F,children:(0,v.jsx)(N,{})}),(0,v.jsx)(i,{name:`ErrorState`,source:F,children:(0,v.jsx)(P,{})})]}),(0,v.jsxs)(r,{title:`API`,id:`api`,children:[(0,v.jsx)(t.h4,{children:`Metric`}),(0,v.jsx)(u,{component:`Metric`}),(0,v.jsx)(t.h4,{children:`MetricBar`}),(0,v.jsx)(u,{component:`MetricBar`}),(0,v.jsx)(t.h4,{children:`MetricGrid`}),(0,v.jsx)(u,{component:`MetricGrid`}),(0,v.jsx)(t.h4,{children:`MetricSkeleton`}),(0,v.jsx)(u,{component:`MetricSkeleton`}),(0,v.jsx)(t.h4,{children:`MetricSparkline`}),(0,v.jsx)(u,{component:`MetricSparkline`}),(0,v.jsx)(t.h4,{children:`MetricTrendChip`}),(0,v.jsx)(u,{component:`MetricTrendChip`})]})]})}function L(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(I,{...e})}):I(e)}function R(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{L as default};
+`;function I(e){let r={h4:`h4`,...e.components};return _||R(`Examples`,!1),P||R(`Examples.ErrorState`,!0),N||R(`Examples.LiveLoadingState`,!0),M||R(`Examples.LoadingSkeletons`,!0),w||R(`Examples.MetricBarDefault`,!0),T||R(`Examples.MetricBarGradientFrame`,!0),E||R(`Examples.MetricGridCardVariant`,!0),D||R(`Examples.MetricGridCompactList`,!0),k||R(`Examples.MetricMinimalInlineCopy`,!0),O||R(`Examples.MetricSizesSmMdLg`,!0),j||R(`Examples.MetricSparklineExample`,!0),A||R(`Examples.MetricTrendChipExample`,!0),(0,v.jsxs)(t,{title:`Features · Metrics · Overview`,description:`The unified metrics module: a single Metric component with seven layout variants, plus MetricBar, MetricGrid, and supporting atoms (TrendChip, Sparkline, Skeleton). One MetricData shape powers every surface — see the dedicated pages for each layout.`,layer:`features`,status:`ready`,children:[(0,v.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,v.jsx)(i,{name:`MetricBarDefault`,source:F,children:(0,v.jsx)(w,{})}),(0,v.jsx)(i,{name:`MetricBarGradientFrame`,source:F,children:(0,v.jsx)(T,{})}),(0,v.jsx)(i,{name:`MetricGridCardVariant`,source:F,children:(0,v.jsx)(E,{})}),(0,v.jsx)(i,{name:`MetricGridCompactList`,source:F,children:(0,v.jsx)(D,{})}),(0,v.jsx)(i,{name:`MetricSizesSmMdLg`,source:F,children:(0,v.jsx)(O,{})}),(0,v.jsx)(i,{name:`MetricMinimalInlineCopy`,source:F,children:(0,v.jsx)(k,{})}),(0,v.jsx)(i,{name:`MetricTrendChipExample`,source:F,children:(0,v.jsx)(A,{})}),(0,v.jsx)(i,{name:`MetricSparklineExample`,source:F,children:(0,v.jsx)(j,{})}),(0,v.jsx)(i,{name:`LoadingSkeletons`,source:F,children:(0,v.jsx)(M,{})}),(0,v.jsx)(i,{name:`LiveLoadingState`,source:F,children:(0,v.jsx)(N,{})}),(0,v.jsx)(i,{name:`ErrorState`,source:F,children:(0,v.jsx)(P,{})})]}),(0,v.jsxs)(n,{title:`API`,id:`api`,children:[(0,v.jsx)(r.h4,{children:`Metric`}),(0,v.jsx)(u,{component:`Metric`}),(0,v.jsx)(r.h4,{children:`MetricBar`}),(0,v.jsx)(u,{component:`MetricBar`}),(0,v.jsx)(r.h4,{children:`MetricGrid`}),(0,v.jsx)(u,{component:`MetricGrid`}),(0,v.jsx)(r.h4,{children:`MetricSkeleton`}),(0,v.jsx)(u,{component:`MetricSkeleton`}),(0,v.jsx)(r.h4,{children:`MetricSparkline`}),(0,v.jsx)(u,{component:`MetricSparkline`}),(0,v.jsx)(r.h4,{children:`MetricTrendChip`}),(0,v.jsx)(u,{component:`MetricTrendChip`})]})]})}function L(e={}){let{wrapper:t}=e.components||{};return t?(0,v.jsx)(t,{...e,children:(0,v.jsx)(I,{...e})}):I(e)}function R(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{L as default};

package/dist/showcase/assets/{metrics-stat-cards-PLvMkA0M.js → metrics-stat-cards-Cn5sRZsB.js}

@@ -1,4 +1,4 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{t as a}from"./props-table-BR-KjRNe.js";import{t as o}from"./metric-guQTLTAa.js";var s=e({MetricAccent:()=>m,MetricColored:()=>h}),c=i(),l=[12,18,15,25,22,30,28,35,32,40,38,45],u=[40,38,35,30,28,25,22,20,18,15,12,10],d={id:`sales`,label:`Total Sales`,value:`52,340 USD`,change:{value:`8.2%`,direction:`up`},subtitle:`vs. last month`,sparkline:l},f={id:`refunds`,label:`Refunds`,value:`1,230 USD`,change:{value:`15.4%`,direction:`down`},subtitle:`3 refunds`,sparkline:u,trend:`negative`},p=[{data:{id:`rev`,label:`Revenue`,value:`124.5K`,subtitle:`Projects`,change:{value:`12.5%`,direction:`up`}},scheme:`primary`,progress:75},{data:{id:`done`,label:`Completed`,value:`892`,subtitle:`Tasks`,change:{value:`5.3%`,direction:`up`}},scheme:`success`,progress:88},{data:{id:`pend`,label:`Pending`,value:`34`,subtitle:`Reviews`,change:{value:`0%`,direction:`neutral`}},scheme:`warning`,progress:42},{data:{id:`visits`,label:`Visits`,value:`18.4K`,subtitle:`This week`,change:{value:`2.1%`,direction:`down`}},scheme:`info`,progress:60}];function m(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,c.jsx)(o,{data:d,variant:`accent`}),(0,c.jsx)(o,{data:f,variant:`accent`})]})})}function h(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(`div`,{className:`grid gap-4 md:grid-cols-2 lg:grid-cols-4`,children:p.map(({data:e,scheme:t,progress:n})=>(0,c.jsx)(o,{data:e,variant:`colored`,colorScheme:t,progress:n},e.id))})})}var g=`import { Metric, type MetricData } from '@/components/composed/analytics';
+import{n as e}from"./chunk-QTnfLwEv.js";import{Dr as t,Er as n,t as r}from"./example-Cz_880po.js";import{s as i}from"./index-BQIv1ffM.js";import{t as a}from"./props-table-2pIZzGC-.js";import{t as o}from"./metric-Bx_LWobe.js";var s=e({MetricAccent:()=>m,MetricColored:()=>h}),c=i(),l=[12,18,15,25,22,30,28,35,32,40,38,45],u=[40,38,35,30,28,25,22,20,18,15,12,10],d={id:`sales`,label:`Total Sales`,value:`52,340 USD`,change:{value:`8.2%`,direction:`up`},subtitle:`vs. last month`,sparkline:l},f={id:`refunds`,label:`Refunds`,value:`1,230 USD`,change:{value:`15.4%`,direction:`down`},subtitle:`3 refunds`,sparkline:u,trend:`negative`},p=[{data:{id:`rev`,label:`Revenue`,value:`124.5K`,subtitle:`Projects`,change:{value:`12.5%`,direction:`up`}},scheme:`primary`,progress:75},{data:{id:`done`,label:`Completed`,value:`892`,subtitle:`Tasks`,change:{value:`5.3%`,direction:`up`}},scheme:`success`,progress:88},{data:{id:`pend`,label:`Pending`,value:`34`,subtitle:`Reviews`,change:{value:`0%`,direction:`neutral`}},scheme:`warning`,progress:42},{data:{id:`visits`,label:`Visits`,value:`18.4K`,subtitle:`This week`,change:{value:`2.1%`,direction:`down`}},scheme:`info`,progress:60}];function m(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,c.jsx)(o,{data:d,variant:`accent`}),(0,c.jsx)(o,{data:f,variant:`accent`})]})})}function h(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsx)(`div`,{className:`grid gap-4 md:grid-cols-2 lg:grid-cols-4`,children:p.map(({data:e,scheme:t,progress:n})=>(0,c.jsx)(o,{data:e,variant:`colored`,colorScheme:t,progress:n},e.id))})})}var g=`import { Metric, type MetricData } from '@/components/composed/analytics';
 
 const UP = [12, 18, 15, 25, 22, 30, 28, 35, 32, 40, 38, 45];
 const DOWN = [40, 38, 35, 30, 28, 25, 22, 20, 18, 15, 12, 10];

package/dist/showcase/assets/minus-DByvcC8K.js

@@ -0,0 +1 @@
+import{a as e}from"./index-BQIv1ffM.js";var t=e(`minus`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}]]);export{t};

package/dist/showcase/assets/{money-display-23DKz-jK.js → money-display-DG4IaEaA.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Br as n,Er as r,Wr as i}from"./example-BIrQab7K.js";import{n as a,s as o}from"./index-Cz4UGUT2.js";var s=e(t(),1);function c(e){let t=n(),{defaultCurrency:r,displayCurrency:i,locale:a,dualPricingEnabled:o,displayMode:c,dualPricingDisplay:l,formatMode:u}=(0,s.useMemo)(()=>{let n={...t,...e},r=n.defaultCurrency??`USD`;return{defaultCurrency:r,displayCurrency:n.displayCurrency??r,locale:n.locale,dualPricingEnabled:n.dualPricingEnabled??!1,displayMode:n.displayMode??`default_only`,dualPricingDisplay:n.dualPricingDisplay??`lines`,formatMode:n.formatMode??`with_code`}},[t,e]);return{defaultCurrency:r,displayCurrency:i,dualPricingEnabled:o,displayMode:c,dualPricingDisplay:l,formatMode:u,shouldShowDualPricing:()=>o?c===`dual`:!1,formatAmount:(e,t,n)=>{let r=typeof e==`string`?parseFloat(e):e;if(!Number.isFinite(r))return t?`${String(e)} ${t}`.trim():String(e);let i=new Intl.NumberFormat(a,{minimumFractionDigits:2,maximumFractionDigits:2}).format(r);switch(u){case`decimal`:return i;case`with_code`:return t?`${i} ${t}`:i;case`with_symbol`:return n?`${n}${i}`:t?`${i} ${t}`:i;case`locale_aware`:if(!t)return i;try{return new Intl.NumberFormat(a,{style:`currency`,currency:t}).format(r)}catch{return`${i} ${t}`}default:return t?`${i} ${t}`:i}},getCurrencySymbol:e=>({BGN:`лв`,EUR:`€`,USD:`$`,GBP:`£`,JPY:`¥`})[e]??e}}var l=o(),u=e=>{if(e==null)return null;let t=typeof e==`number`?e:Number.parseFloat(String(e).trim());return Number.isFinite(t)?t:null},d=e=>{let t=u(e?.value);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:e?.symbol?String(e.symbol):null}},f=e=>{let t=u(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}},p=e=>{let t=u(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}};function m({money:e,moneyPair:t,amount:n,pair:o,showPair:s=!1,dualPricingDisplay:u,alignment:m,emptyLabel:h=`—`,variant:g=`default`,secondaryEmphasis:_=`discrete`,className:v,size:y,align:b=`right`,weight:x=`medium`,tag:S=`span`,...C}){let{defaultTextSize:w}=i(),T=y??w??`sm`,{displayCurrency:E,dualPricingDisplay:D,shouldShowDualPricing:O,formatAmount:k,getCurrencySymbol:A}=c(),j=u??D??`lines`,M=(O()||s)&&t?.primary?f(t.primary):null,N=f(e),P=d(n),F=M??N??P??null,I=F?.currency??E??null,L=(s||O())&&!!(t??o??e?.pair),R=g===`minimal`||_===`hidden`?null:(()=>{if(!L)return null;if(t?.primary&&t?.secondary)return f(t.secondary);if(e?.pair)return p(e.pair);if(o?.source||o?.target){let e=d(o?.source??null),t=d(o?.target??null);if(!e&&!t)return null;let n=e?.currency??null,r=t?.currency??null;return I&&r===I?e:I&&n===I?t:E&&r===E?e:E&&n===E?t:t??e}return null})(),z=m??b,B=z===`left`?`text-left`:z===`center`?`text-center`:`text-right`,V=z===`left`?`justify-start`:z===`center`?`justify-center`:`justify-end`;if(!F)return(0,l.jsx)(r,{tag:S,size:T,type:`secondary`,align:z,className:a(`money-display--component`,`money--display inline-flex flex-col tabular-nums`,B,v),...C,children:h});let H=k(F.value,I??``,F.symbol??(I?A(I):void 0)),U=R?k(R.value,R.currency??``,R.symbol??(R.currency?A(R.currency):void 0)):null,W=_===`match`?T:_===`muted`?`xs`:`xxs`,G=_===`match`?void 0:_===`muted`?`secondary`:`discrete`;return j===`inline`&&U?(0,l.jsxs)(`span`,{className:a(`money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap`,V,v),...C,children:[(0,l.jsx)(r,{tag:`span`,size:T,weight:x,children:H}),(0,l.jsx)(r,{tag:`span`,size:`xxs`,type:`discrete`,"aria-hidden":`true`,children:`·`}),(0,l.jsx)(r,{tag:`span`,size:W,type:G,weight:`regular`,children:U})]}):(0,l.jsxs)(r,{tag:S,size:T,align:z,className:a(`money--display inline-flex flex-col tabular-nums leading-tight`,B,v),...C,children:[(0,l.jsx)(r,{tag:`span`,size:T,weight:x,children:H}),!!U&&(0,l.jsx)(r,{tag:`span`,size:W,align:z,type:G,className:`block whitespace-nowrap font-normal leading-tight`,children:U})]})}m.displayName=`MoneyDisplay`;export{c as n,m as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Qr as n,Rr as r,ni as i}from"./example-Cz_880po.js";import{n as a,s as o}from"./index-BQIv1ffM.js";var s=e(t(),1);function c(e){let t=n(),{defaultCurrency:r,displayCurrency:i,locale:a,dualPricingEnabled:o,displayMode:c,dualPricingDisplay:l,formatMode:u}=(0,s.useMemo)(()=>{let n={...t,...e},r=n.defaultCurrency??`USD`;return{defaultCurrency:r,displayCurrency:n.displayCurrency??r,locale:n.locale,dualPricingEnabled:n.dualPricingEnabled??!1,displayMode:n.displayMode??`default_only`,dualPricingDisplay:n.dualPricingDisplay??`lines`,formatMode:n.formatMode??`with_code`}},[t,e]);return{defaultCurrency:r,displayCurrency:i,dualPricingEnabled:o,displayMode:c,dualPricingDisplay:l,formatMode:u,shouldShowDualPricing:()=>o?c===`dual`:!1,formatAmount:(e,t,n)=>{let r=typeof e==`string`?parseFloat(e):e;if(!Number.isFinite(r))return t?`${String(e)} ${t}`.trim():String(e);let i=new Intl.NumberFormat(a,{minimumFractionDigits:2,maximumFractionDigits:2}).format(r);switch(u){case`decimal`:return i;case`with_code`:return t?`${i} ${t}`:i;case`with_symbol`:return n?`${n}${i}`:t?`${i} ${t}`:i;case`locale_aware`:if(!t)return i;try{return new Intl.NumberFormat(a,{style:`currency`,currency:t}).format(r)}catch{return`${i} ${t}`}default:return t?`${i} ${t}`:i}},getCurrencySymbol:e=>({BGN:`лв`,EUR:`€`,USD:`$`,GBP:`£`,JPY:`¥`})[e]??e}}var l=o(),u=e=>{if(e==null)return null;let t=typeof e==`number`?e:Number.parseFloat(String(e).trim());return Number.isFinite(t)?t:null},d=e=>{let t=u(e?.value);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:e?.symbol?String(e.symbol):null}},f=e=>{let t=u(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}},p=e=>{let t=u(e?.amount);return t===null?null:{value:t,currency:e?.currency?String(e.currency):null,symbol:null}};function m({money:e,moneyPair:t,amount:n,pair:o,showPair:s=!1,dualPricingDisplay:u,alignment:m,emptyLabel:h=`—`,variant:g=`default`,secondaryEmphasis:_=`discrete`,className:v,size:y,align:b=`right`,weight:x=`medium`,tag:S=`span`,...C}){let{defaultTextSize:w}=i(),T=y??w??`sm`,{displayCurrency:E,dualPricingDisplay:D,shouldShowDualPricing:O,formatAmount:k,getCurrencySymbol:A}=c(),j=u??D??`lines`,M=(O()||s)&&t?.primary?f(t.primary):null,N=f(e),P=d(n),F=M??N??P??null,I=F?.currency??E??null,L=(s||O())&&!!(t??o??e?.pair),R=g===`minimal`||_===`hidden`?null:(()=>{if(!L)return null;if(t?.primary&&t?.secondary)return f(t.secondary);if(e?.pair)return p(e.pair);if(o?.source||o?.target){let e=d(o?.source??null),t=d(o?.target??null);if(!e&&!t)return null;let n=e?.currency??null,r=t?.currency??null;return I&&r===I?e:I&&n===I?t:E&&r===E?e:E&&n===E?t:t??e}return null})(),z=m??b,B=z===`left`?`text-left`:z===`center`?`text-center`:`text-right`,V=z===`left`?`justify-start`:z===`center`?`justify-center`:`justify-end`;if(!F)return(0,l.jsx)(r,{tag:S,size:T,type:`secondary`,align:z,className:a(`money-display--component`,`money--display inline-flex flex-col tabular-nums`,B,v),...C,children:h});let H=k(F.value,I??``,F.symbol??(I?A(I):void 0)),U=R?k(R.value,R.currency??``,R.symbol??(R.currency?A(R.currency):void 0)):null,W=_===`match`?T:_===`muted`?`xs`:`xxs`,G=_===`match`?void 0:_===`muted`?`secondary`:`discrete`;return j===`inline`&&U?(0,l.jsxs)(`span`,{className:a(`money--display inline-flex items-baseline gap-1.5 tabular-nums whitespace-nowrap`,V,v),...C,children:[(0,l.jsx)(r,{tag:`span`,size:T,weight:x,children:H}),(0,l.jsx)(r,{tag:`span`,size:`xxs`,type:`discrete`,"aria-hidden":`true`,children:`·`}),(0,l.jsx)(r,{tag:`span`,size:W,type:G,weight:`regular`,children:U})]}):(0,l.jsxs)(r,{tag:S,size:T,align:z,className:a(`money--display inline-flex flex-col tabular-nums leading-tight`,B,v),...C,children:[(0,l.jsx)(r,{tag:`span`,size:T,weight:x,children:H}),!!U&&(0,l.jsx)(r,{tag:`span`,size:W,align:z,type:G,className:`block whitespace-nowrap font-normal leading-tight`,children:U})]})}m.displayName=`MoneyDisplay`;export{c as n,m as t};

package/dist/showcase/assets/{month-year-picker-oEoInnKW.js → month-year-picker-CVurc9L7.js}

@@ -1 +1 @@
-import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{t as n}from"./format-bDaUGCSP.js";import{Er as r,r as i}from"./example-BIrQab7K.js";import{t as a}from"./calendar-DTgagmt7.js";import{k as o,n as s,s as c,u as ee}from"./index-Cz4UGUT2.js";import{a as l,i as u,n as d,o as f,t as p}from"./select-BG_Iad8E.js";import{t as m}from"./label-BlCKlLE-.js";import{i as h,t as g}from"./popover-BSB11Qjp.js";import{t as _}from"./popover-CECpX3MQ.js";import{a as v,n as y,o as b,r as x}from"./date-picker-CbYq8wZ7.js";var S=e(t(),1),C=c();function w({value:e,defaultValue:t,onChange:c,format:w=`yyyy-MM`,readableFormat:T=`MMMM yyyy`,placeholder:E,label:D,hint:O,error:k,disabled:A=!1,className:j,closeOnSelect:M=!0,translations:N,strings:P,locale:F,header:I,footer:L,fromYear:R,toYear:z}){let B=new Date().getFullYear(),[V,H]=S.useState(!1),[U,W]=S.useState(e??t),G=F??ee,K=o(x,P??N),q=S.useId(),J=S.useMemo(()=>{let e=R??2017,t=z??2035;return Array.from({length:t-e+1},(t,n)=>e+n)},[R,z]),Y=S.useMemo(()=>Array.from({length:12},(e,t)=>n(new Date(2e3,t,1),`MMMM`,{locale:G})),[G]);S.useEffect(()=>{e!==void 0&&W(e)},[e]);let X=S.useCallback((e,t)=>{let r=new Date(t,e,1);return{month:e,year:t,formatted:n(r,w),readable:n(r,T,{locale:G}),date:r}},[w,T,G]),Z=S.useCallback(e=>{W({month:parseInt(String(e),10),year:U?.year??B})},[U?.year,B]),Q=S.useCallback(e=>{let t=parseInt(String(e),10);W({month:U?.month??0,year:t})},[U?.month]),te=S.useCallback(()=>{U&&(c?.(X(U.month,U.year)),M&&H(!1))},[U,c,X,M]),$=S.useMemo(()=>U?n(new Date(U.year,U.month,1),T,{locale:G}):E??K.selectMonthYear,[U,T,G,E,K.selectMonthYear]);return(0,C.jsxs)(`div`,{className:s(`month-year-picker--component`,`flex flex-col gap-2`,j),children:[!!D&&(0,C.jsx)(m,{htmlFor:q,className:s(k&&`text-destructive`),children:D}),(0,C.jsxs)(g,{open:V,onOpenChange:H,children:[(0,C.jsx)(h,{render:e=>(0,C.jsxs)(i,{...e,id:q,variant:`secondary`,buttonStyle:`outline`,"aria-invalid":!!k,className:s(`w-full justify-start text-left font-normal`,y,!U&&`text-muted-foreground`,e.className),disabled:A,children:[(0,C.jsx)(a,{className:`mr-2 h-4 w-4`}),$]})}),(0,C.jsxs)(_,{className:`w-80 p-0`,align:`start`,children:[!!I&&(0,C.jsx)(v,{config:I}),(0,C.jsxs)(`div`,{className:`p-4 space-y-4`,children:[(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(m,{htmlFor:`month-select`,children:K.month}),(0,C.jsxs)(p,{value:U?.month?.toString(),onValueChange:Z,disabled:A,children:[(0,C.jsx)(l,{id:`month-select`,className:`w-full`,children:(0,C.jsx)(f,{placeholder:K.month})}),(0,C.jsx)(d,{children:Y.map((e,t)=>(0,C.jsx)(u,{value:t.toString(),children:e},e))})]})]}),(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(m,{htmlFor:`year-select`,children:K.year}),(0,C.jsxs)(p,{value:U?.year?.toString(),onValueChange:Q,disabled:A,children:[(0,C.jsx)(l,{id:`year-select`,className:`w-full`,children:(0,C.jsx)(f,{placeholder:K.year})}),(0,C.jsx)(d,{children:J.map(e=>(0,C.jsx)(u,{value:e.toString(),children:e},e))})]})]})]}),(0,C.jsx)(`div`,{className:`p-4 pt-0`,children:(0,C.jsx)(i,{className:`w-full`,onClick:te,disabled:A||!U,children:K.confirm})}),!!L&&!!U&&(0,C.jsx)(b,{config:L,output:X(U.month,U.year),hasSelection:!!U,autoSummary:$})]})]}),!!k&&(0,C.jsx)(r,{type:`error`,children:k}),!!O&&!k&&(0,C.jsx)(r,{type:`secondary`,children:O})]})}w.displayName=`MonthYearPicker`;export{w as t};
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{t as n}from"./format-DrTwpH65.js";import{Rr as r,r as i}from"./example-Cz_880po.js";import{t as a}from"./calendar-7a4yQlzJ.js";import{k as o,n as s,s as c,u as ee}from"./index-BQIv1ffM.js";import{a as l,i as u,n as d,o as f,t as p}from"./select-Dymyvyh6.js";import{t as m}from"./label-BgpcD3V6.js";import{i as h,t as g}from"./popover-xC8qczvP.js";import{t as _}from"./popover-nCGXR4Yd.js";import{a as v,n as y,o as b,r as x}from"./date-picker-Cd5vsEEd.js";var S=e(t(),1),C=c();function w({value:e,defaultValue:t,onChange:c,format:w=`yyyy-MM`,readableFormat:T=`MMMM yyyy`,placeholder:E,label:D,hint:O,error:k,disabled:A=!1,className:j,closeOnSelect:M=!0,translations:N,strings:P,locale:F,header:I,footer:L,fromYear:R,toYear:z}){let B=new Date().getFullYear(),[V,H]=S.useState(!1),[U,W]=S.useState(e??t),G=F??ee,K=o(x,P??N),q=S.useId(),J=S.useMemo(()=>{let e=R??2017,t=z??2035;return Array.from({length:t-e+1},(t,n)=>e+n)},[R,z]),Y=S.useMemo(()=>Array.from({length:12},(e,t)=>n(new Date(2e3,t,1),`MMMM`,{locale:G})),[G]);S.useEffect(()=>{e!==void 0&&W(e)},[e]);let X=S.useCallback((e,t)=>{let r=new Date(t,e,1);return{month:e,year:t,formatted:n(r,w),readable:n(r,T,{locale:G}),date:r}},[w,T,G]),Z=S.useCallback(e=>{W({month:parseInt(String(e),10),year:U?.year??B})},[U?.year,B]),Q=S.useCallback(e=>{let t=parseInt(String(e),10);W({month:U?.month??0,year:t})},[U?.month]),te=S.useCallback(()=>{U&&(c?.(X(U.month,U.year)),M&&H(!1))},[U,c,X,M]),$=S.useMemo(()=>U?n(new Date(U.year,U.month,1),T,{locale:G}):E??K.selectMonthYear,[U,T,G,E,K.selectMonthYear]);return(0,C.jsxs)(`div`,{className:s(`month-year-picker--component`,`flex flex-col gap-2`,j),children:[!!D&&(0,C.jsx)(m,{htmlFor:q,className:s(k&&`text-destructive`),children:D}),(0,C.jsxs)(g,{open:V,onOpenChange:H,children:[(0,C.jsx)(h,{render:e=>(0,C.jsxs)(i,{...e,id:q,variant:`secondary`,buttonStyle:`outline`,"aria-invalid":!!k,className:s(`w-full justify-start text-left font-normal`,y,!U&&`text-muted-foreground`,e.className),disabled:A,children:[(0,C.jsx)(a,{className:`mr-2 h-4 w-4`}),$]})}),(0,C.jsxs)(_,{className:`w-80 p-0`,align:`start`,children:[!!I&&(0,C.jsx)(v,{config:I}),(0,C.jsxs)(`div`,{className:`p-4 space-y-4`,children:[(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(m,{htmlFor:`month-select`,children:K.month}),(0,C.jsxs)(p,{value:U?.month?.toString(),onValueChange:Z,disabled:A,children:[(0,C.jsx)(l,{id:`month-select`,className:`w-full`,children:(0,C.jsx)(f,{placeholder:K.month})}),(0,C.jsx)(d,{children:Y.map((e,t)=>(0,C.jsx)(u,{value:t.toString(),children:e},e))})]})]}),(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(m,{htmlFor:`year-select`,children:K.year}),(0,C.jsxs)(p,{value:U?.year?.toString(),onValueChange:Q,disabled:A,children:[(0,C.jsx)(l,{id:`year-select`,className:`w-full`,children:(0,C.jsx)(f,{placeholder:K.year})}),(0,C.jsx)(d,{children:J.map(e=>(0,C.jsx)(u,{value:e.toString(),children:e},e))})]})]})]}),(0,C.jsx)(`div`,{className:`p-4 pt-0`,children:(0,C.jsx)(i,{className:`w-full`,onClick:te,disabled:A||!U,children:K.confirm})}),!!L&&!!U&&(0,C.jsx)(b,{config:L,output:X(U.month,U.year),hasSelection:!!U,autoSummary:$})]})]}),!!k&&(0,C.jsx)(r,{type:`error`,children:k}),!!O&&!k&&(0,C.jsx)(r,{type:`secondary`,children:O})]})}w.displayName=`MonthYearPicker`;export{w as t};