admin-ui-starter-kit 0.6.8 → 0.7.0

package/dist/showcase/assets/api-key-list-DZiVRCkz.js

@@ -0,0 +1,73 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{t as n}from"./react-sKtkuLrH.js";import{n as r,t as i}from"./section-DLqBJGPH.js";import{t as a}from"./example-DDhaO2UY.js";import{d as o}from"./index-DSBghWdd.js";import{t as s}from"./props-table-CzpevabQ.js";import{t as c}from"./PreviewLayout-ClbLOtTa.js";import{t as l}from"./api-key-list-DuoC5nyO.js";var u=e({DefaultVisibleSecretsCallbacksForAddDelete:()=>m,EmptyState:()=>g,LocalizedStrings:()=>_,MaskedSecretsStripeStyle:()=>h}),d=t(n(),1),f=o(),p=[{id:`1`,name:`Production`,value:`AUDO230454*242SDIFPPL`},{id:`2`,name:`Development`,value:`DUILO30454*242SDIFUIP`},{id:`3`,name:`Staging`,value:`IPPODAS230454*242SDI`}];function m(){let[e,t]=(0,d.useState)(p);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:e,onAdd:()=>{let n=String(e.length+1);t(e=>[...e,{id:n,name:`Key ${n}`,value:`KEY_${n}_${Math.random().toString(36).slice(2,10).toUpperCase()}`}])},onDelete:e=>t(t=>t.filter(t=>t.id!==e))})})})}function h(){let[e]=(0,d.useState)([{id:`live`,name:`Live`,value:`sk_live_3xy4cm9bnrUseEkJ4zDh2A4D`,displayValue:`sk_live_·············2A4D`},{id:`test`,name:`Test`,value:`sk_test_5j2lpQzKvFnH8PcQ7B3M`,displayValue:`sk_test_·············7B3M`}]);return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:e,title:`Stripe API keys`})})})}function g(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:[],onAdd:()=>{}})})})}function _(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsx)(c,{className:`max-w-xl`,children:(0,f.jsx)(l,{items:p,strings:{title:`Clés API`,addAria:`Ajouter une clé`,rowMenuAria:`Actions de la clé`,copyMenuItem:`Copier la clé`,copiedMenuItem:`Copié`,deleteMenuItem:`Supprimer`},onAdd:()=>{}})})})}var v=`import { useState } from 'react';
+import { ApiKeyList, type ApiKeyListItem } from '@/components/composed/admin';
+import { Col } from '../../PreviewLayout';
+
+const initial: ApiKeyListItem[] = [
+	{ id: '1', name: 'Production', value: 'AUDO230454*242SDIFPPL' },
+	{ id: '2', name: 'Development', value: 'DUILO30454*242SDIFUIP' },
+	{ id: '3', name: 'Staging', value: 'IPPODAS230454*242SDI' },
+];
+
+export function DefaultVisibleSecretsCallbacksForAddDelete() {
+	const [keys, setKeys] = useState(initial);
+	return (
+		<>
+			<Col className="max-w-xl">
+								<ApiKeyList
+									items={keys}
+									onAdd={() => {
+										const id = String(keys.length + 1);
+										setKeys((k) => [...k, { id, name: \`Key \${id}\`, value: \`KEY_\${id}_\${Math.random().toString(36).slice(2, 10).toUpperCase()}\` }]);
+									}}
+									onDelete={(id) => setKeys((k) => k.filter((i) => i.id !== id))}
+								/>
+							</Col>
+		</>
+	);
+}
+
+export function MaskedSecretsStripeStyle() {
+	const [maskedKeys] = useState<ApiKeyListItem[]>([
+			{ id: 'live', name: 'Live', value: 'sk_live_3xy4cm9bnrUseEkJ4zDh2A4D', displayValue: 'sk_live_·············2A4D' },
+			{ id: 'test', name: 'Test', value: 'sk_test_5j2lpQzKvFnH8PcQ7B3M', displayValue: 'sk_test_·············7B3M' },
+		]);
+	return (
+		<>
+			<Col className="max-w-xl">
+								<ApiKeyList items={maskedKeys} title="Stripe API keys" />
+							</Col>
+		</>
+	);
+}
+
+export function EmptyState() {
+	return (
+		<>
+			<Col className="max-w-xl">
+								<ApiKeyList items={[]} onAdd={() => {}} />
+							</Col>
+		</>
+	);
+}
+
+export function LocalizedStrings() {
+	return (
+		<>
+			<Col className="max-w-xl">
+								<ApiKeyList
+									items={initial}
+									strings={{
+										title: 'Clés API',
+										addAria: 'Ajouter une clé',
+										rowMenuAria: 'Actions de la clé',
+										copyMenuItem: 'Copier la clé',
+										copiedMenuItem: 'Copié',
+										deleteMenuItem: 'Supprimer',
+									}}
+									onAdd={() => {}}
+								/>
+							</Col>
+		</>
+	);
+}
+`;function y(e){let t={h4:`h4`,...e.components};return u||x(`Examples`,!1),m||x(`Examples.DefaultVisibleSecretsCallbacksForAddDelete`,!0),g||x(`Examples.EmptyState`,!0),_||x(`Examples.LocalizedStrings`,!0),h||x(`Examples.MaskedSecretsStripeStyle`,!0),(0,f.jsxs)(r,{title:`Composed · Admin · API key list`,description:`Collapsible section with per-row dropdown menu (Copy / Delete) and an optional Add action in the header. Generic enough for any 'named secret list' — service tokens, webhook URLs, deployment hooks. Composes base/cards + base/display/collapsible + base/navigation/ActionMenu + base/copyable.`,layer:`composed`,status:`ready`,children:[(0,f.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(a,{name:`DefaultVisibleSecretsCallbacksForAddDelete`,source:v,children:(0,f.jsx)(m,{})}),(0,f.jsx)(a,{name:`MaskedSecretsStripeStyle`,source:v,children:(0,f.jsx)(h,{})}),(0,f.jsx)(a,{name:`EmptyState`,source:v,children:(0,f.jsx)(g,{})}),(0,f.jsx)(a,{name:`LocalizedStrings`,source:v,children:(0,f.jsx)(_,{})})]}),(0,f.jsxs)(i,{title:`API`,id:`api`,children:[(0,f.jsx)(t.h4,{children:`ApiKeyList`}),(0,f.jsx)(s,{component:`ApiKeyList`})]})]})}function b(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.jsx)(y,{...e})}):y(e)}function x(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{b as default};

package/dist/showcase/assets/api-key-list-DuoC5nyO.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-DLqBJGPH.js";import{Dr as r,r as i}from"./example-DDhaO2UY.js";import{t as a}from"./lock-CPztxP5s.js";import{t as o}from"./plus-CaAfJIjc.js";import{t as s}from"./trash-2-DZ5FSAFb.js";import{N as c,c as l,d as u,n as d}from"./index-DSBghWdd.js";import{t as f}from"./icon-badge-CrSkFExw.js";import{t as p}from"./smart-card-BA097ZGN.js";import{c as m,n as h,r as g,t as _}from"./item-D5xwkRvf.js";import{n as v,r as y,t as b}from"./collapsible-ZP3Pv6SI.js";import{n as x}from"./dist-DfpWey5P.js";import{n as S,t as C}from"./action-menu-uhMTzBIl.js";var w=e(t(),1),T={title:`API keys`,addAria:`Add API key`,rowMenuAria:`Key actions`,copyMenuItem:`Copy key`,copiedMenuItem:`Copied`,deleteMenuItem:`Delete`,copyToastSuccess:`Copied to clipboard`,copyToastError:`Failed to copy`,emptyMessage:`No keys yet.`},E=u(),D=(0,w.forwardRef)(function({items:e,defaultOpen:t=!0,open:r,onOpenChange:a,onAdd:s,onDelete:u,onCopy:f,title:m,className:h,strings:g},_){let x=c(T,g),S=r!==void 0,[C,D]=(0,w.useState)(t),k=S?r:C,A=(0,w.useCallback)(e=>{S||D(e),a?.(e)},[S,a]);return(0,E.jsx)(p,{ref:_,className:d(`api-key-list--component`,h),children:(0,E.jsxs)(b,{open:k,onOpenChange:A,children:[(0,E.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,E.jsx)(y,{asChild:!0,children:(0,E.jsxs)(i,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,E.jsx)(l,{"aria-hidden":`true`,className:d(`size-4 text-muted-foreground transition-transform`,k&&`rotate-90`)}),(0,E.jsx)(n,{tag:`span`,weight:`semibold`,children:m??x.title})]})}),!!s&&(0,E.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,onClick:s,"aria-label":x.addAria,children:(0,E.jsx)(o,{className:`size-4`})})]}),(0,E.jsx)(v,{className:`pt-3`,children:e.length===0?(0,E.jsx)(n,{type:`secondary`,children:x.emptyMessage}):(0,E.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:e.map(e=>(0,E.jsx)(O,{item:e,onDelete:u,onCopy:f,copyMenuLabel:x.copyMenuItem,copiedMenuLabel:x.copiedMenuItem,deleteMenuLabel:x.deleteMenuItem,rowMenuAria:x.rowMenuAria,copyToastSuccess:x.copyToastSuccess,copyToastError:x.copyToastError},e.id))})})]})})});D.displayName=`ApiKeyList`;function O({item:e,onDelete:t,onCopy:i,copyMenuLabel:o,copiedMenuLabel:c,deleteMenuLabel:l,rowMenuAria:u,copyToastSuccess:d,copyToastError:p}){let[v,y]=(0,w.useState)(!1),b=(0,w.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),y(!0),setTimeout(()=>y(!1),1500),x.success(d),i?.(e.id,e)}catch{x.error(p)}},[e,i,d,p]),T=e.displayValue??e.value;return(0,E.jsxs)(_,{size:`small`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,E.jsx)(m,{variant:`icon`,children:(0,E.jsx)(f,{size:`small`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,E.jsx)(a,{className:`size-3.5`})})}),(0,E.jsxs)(g,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,E.jsx)(n,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,E.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:T})]}),(0,E.jsx)(h,{className:`shrink-0`,children:(0,E.jsxs)(C,{srText:u,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,E.jsx)(S,{label:v?c:o,icon:r,onClick:()=>{b()},disabled:e.disabled}),!!t&&(0,E.jsx)(S,{label:l,icon:s,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}O.displayName=`ApiKeyRow`;export{D as t};

package/dist/showcase/assets/app-sidebar-D_RbOUZC.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,o as r,p as i}from"./section-DLqBJGPH.js";import{t as a}from"./chevrons-up-down-CPkjAe_j.js";import{t as o}from"./external-link-CANOM2jg.js";import{_ as s,c,d as l,f as u,h as d,l as f,m as p,n as m,o as h,s as g,u as _,v}from"./sidebar.context-M_w0AsBU.js";import{N as y,d as b,n as x}from"./index-DSBghWdd.js";import{a as S,c as C,i as w,l as T,o as E,r as D,t as O}from"./dropdown-menu-DijrdxTg.js";import{r as k}from"./skeleton-JapnB0xo.js";import{t as A}from"./scroll-area-zRw8lSrA.js";import{t as j}from"./use-layout-link-BsJvjSZp.js";import{a as M,i as N,n as P,r as F,t as I}from"./sheet-B06fRKgl.js";import{n as L,t as R}from"./sidebar-BDOvomlZ.js";var z=e(t(),1),B=b();function V(e){if(e.startsWith(`#/`))return e.slice(1).split(`?`)[0]?.split(`#`)[0]||`/`;try{return new URL(e,`http://local.invalid`).pathname}catch{return e}}function H(e,t){let n=V(e);return n===t||n.startsWith(t+`/`)||n.startsWith(t+`?`)}function U(e){return e.label??e.title??``}function W(e,t){let n=U(e);return e.handle??e.href??(typeof n==`string`||typeof n==`number`?n:`nav-${t??0}`)}function G({value:e,size:t=`default`}){return(0,B.jsx)(r,{variant:`secondary`,className:x(`ml-auto rounded-full tabular-nums text-sidebar-foreground`,t===`small`?`h-4 min-w-4 px-1.5`:`h-5 min-w-5 px-1.5`),children:e})}function K(e,t,n){return e&&n&&n[e]!=null?n[e]:t}function q({icon:e,iconMap:t={},size:n=20,className:r=`size-4`,...i}){if(!e)return null;if(typeof e==`string`){let n=t[e];return n?(0,B.jsx)(n,{className:r}):null}return z.isValidElement(e)?z.cloneElement(e,{className:x(r,e.props.className),...i}):typeof e==`function`||typeof e==`object`&&e&&`$$typeof`in e?(0,B.jsx)(e,{className:r,width:n,height:n,...i}):null}function J(e,t,n,r,i){return e({href:t.href,children:n,className:r,active:i,disabled:t.disabled||!t.href,external:t.external})}var ee=`18rem`;n(`peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0`,{variants:{variant:{default:`hover:bg-sidebar-accent hover:text-sidebar-accent-foreground`,outline:`bg-background shadow-[0_0_0_1px_var(--sidebar-border)] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_var(--sidebar-accent)]`},size:{default:`h-8 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});var te={mobileTitle:`Sidebar`,mobileDescription:`Displays the mobile sidebar.`};function Y({side:e=`left`,variant:t=`sidebar`,collapsible:n=`offcanvas`,className:r,surfaceClassName:i,children:a,strings:o,...s}){let{isMobile:c,state:l,openMobile:u,setOpenMobile:d}=m(),f=y(te,o);return n===`none`?(0,B.jsx)(`div`,{"data-slot":`sidebar`,className:x(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i,r),...s,children:a}):c?(0,B.jsx)(I,{open:u,onOpenChange:d,...s,children:(0,B.jsxs)(P,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:x(`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden`,i),style:{"--sidebar-width":ee},side:e,children:[(0,B.jsxs)(N,{className:`sr-only`,children:[(0,B.jsx)(M,{children:f.mobileTitle}),(0,B.jsx)(F,{children:f.mobileDescription})]}),(0,B.jsx)(`div`,{className:`flex h-full w-full flex-col`,children:a})]})}):(0,B.jsx)(`div`,{className:`group peer sticky top-0 hidden h-full text-sidebar-foreground md:block`,"data-state":l,"data-collapsible":l===`collapsed`?n:``,"data-variant":t,"data-side":e,"data-slot":`sidebar`,children:(0,B.jsx)(`div`,{className:x(`inset-y-0 z-10 hidden h-full w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex`,e===`left`?`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`:`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,t===`floating`||t===`inset`?`px-2 py-3 group-data-[collapsible=icon]:w-17`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`,r),...s,children:(0,B.jsx)(`div`,{"data-sidebar":`sidebar`,className:x(`sidebar flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm`,i),children:a})})})}function X({item:e,active:t=!1}){let n=U(e);return(0,B.jsx)(i,{tag:`span`,weight:t?`bold`:`medium`,className:`truncate text-inherit`,children:n})}function Z({navigationByGroups:e,currentUrl:t=`/`,iconMap:n={},liveBadges:r,renderLink:a,LinkComponent:o,emptySlot:l,renderItem:f,className:m}){let h=j({renderLink:a,LinkComponent:o}),g=e=>!!e&&H(t,V(e)),y=e=>{let n=-1,r=-1;for(let i=0;i<e.length;i+=1){let a=e[i],o=a?.href?V(a.href):``;o&&H(t,o)&&o.length>r&&(r=o.length,n=i)}return n},b=e=>!!e?.some(e=>g(e.href)||b(e.children)),S=(e,t=0,a=0)=>{let o=!!e.children?.length,c=g(e.href),l=o?b(e.children):!1,u=c||l,m=K(e.handle,e.badge,r),_=U(e),v={depth:t,active:c,expanded:u,badge:m,renderLink:h};if(f)return(0,B.jsx)(z.Fragment,{children:f(e,v)},W(e,a));if(o){let t=y(e.children??[]),o=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e,active:u}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsxs)(p,{children:[(0,B.jsx)(R,{isActive:u,render:e.href&&!e.disabled?J(h,e,o,void 0,u):void 0,tooltip:{children:_},disabled:e.disabled,className:x(`h-8 font-medium`,u&&`font-bold data-active:font-bold data-[active=true]:font-bold`,c&&`bg-sidebar-accent text-sidebar-foreground`,!c&&l&&`bg-sidebar-accent/60 text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:o}),!!u&&(0,B.jsx)(d,{className:`gap-0.5`,children:e.children?.map((e,n)=>{let a=n===t||g(e.href),o=K(e.handle,e.badge,r),c=U(e),l=(0,B.jsxs)(B.Fragment,{children:[typeof c==`string`||typeof c==`number`?(0,B.jsx)(i,{tag:`span`,weight:a?`semibold`:`regular`,className:`min-w-0 flex-1 truncate text-inherit`,children:c}):c,!!o&&(0,B.jsx)(G,{value:o,size:`small`})]});return(0,B.jsx)(s,{children:(0,B.jsx)(L,{isActive:a,render:e.href&&!e.disabled?J(h,e,l,void 0,a):void 0,className:x(`w-full`,a&&`bg-transparent font-semibold text-primary hover:text-primary active:text-primary data-active:text-primary data-[active=true]:text-primary`),children:l})},W(e,n))})})]},W(e,a))}let S=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:n,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e,active:c}),!!m&&(0,B.jsx)(G,{value:m})]});return(0,B.jsx)(p,{children:(0,B.jsx)(R,{isActive:c,render:e.href&&!e.disabled?J(h,e,S,void 0,c):void 0,tooltip:{children:_},disabled:e.disabled,className:x(`h-8 font-medium`,c&&`font-bold data-active:font-bold data-[active=true]:font-bold`,c&&`bg-sidebar-accent text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:S})},W(e,a))},C=Object.entries(e).filter(([,e])=>e.length>0);return C.length===0?l??null:(0,B.jsx)(`div`,{className:m,children:C.map(([e,t],n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsxs)(c,{className:`px-2 py-0`,children:[!e.startsWith(`_`)&&(0,B.jsx)(_,{children:e}),(0,B.jsx)(u,{className:`gap-0.5`,children:t.map((e,t)=>S(e,0,t))})]}),n<C.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1.5 !w-11/12 overflow-hidden px-4`})]},e))})}function ne({logo:e,collapsedLogo:t=null,className:n}){let{state:r}=m(),i=r===`collapsed`?t:e;return i?(0,B.jsx)(`div`,{className:x(`min-w-0`,n),children:i}):null}function Q({items:e,label:t,currentUrl:n=`/`,iconMap:r={},liveBadges:a,renderLink:s,LinkComponent:l,className:d}){let m=j({renderLink:s,LinkComponent:l});return(0,B.jsxs)(c,{className:x(`group-data-[collapsible=icon]:p-0`,d),children:[!!t&&(0,B.jsx)(_,{children:t}),(0,B.jsx)(f,{children:(0,B.jsx)(u,{className:`gap-0.5`,children:e.map((e,t)=>{let s=!!e.href&&H(n,V(e.href)),c=K(e.handle,e.badge,a),l=U(e),u=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),typeof l==`string`||typeof l==`number`?(0,B.jsx)(i,{tag:`span`,className:`truncate text-inherit`,children:l}):l,!!c&&(0,B.jsx)(G,{value:c}),!!e.external&&(0,B.jsx)(o,{className:`ml-auto size-3 opacity-50`,"aria-hidden":`true`})]});return(0,B.jsx)(p,{children:(0,B.jsx)(R,{isActive:s,render:e.href&&!e.disabled?J(m,e,u,void 0,s):void 0,className:x(`h-8 font-medium text-sidebar-foreground/70 hover:text-sidebar-accent-foreground`,s&&`bg-sidebar-accent text-sidebar-accent-foreground`),tooltip:{children:l},disabled:e.disabled,children:u})},W(e,t))})})})]})}var re={label:`Workspace`,select:`Select workspace`};function $({logo:e,collapsedLogo:t,workspaceLinks:n,renderLink:r,LinkComponent:s,strings:c,contentClassName:l}){let d=y(re,c),f=j({renderLink:r,LinkComponent:s}),{state:h}=m(),g=h===`collapsed`;return(0,B.jsx)(u,{children:(0,B.jsx)(p,{children:(0,B.jsxs)(O,{children:[(0,B.jsxs)(T,{render:(0,B.jsx)(R,{size:`lg`,className:`data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground`}),children:[(0,B.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[g?t??e:e,!g&&(0,B.jsx)(i,{tag:`span`,size:`xs`,className:`sr-only`,children:d.select})]}),!g&&(0,B.jsx)(a,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]}),(0,B.jsx)(D,{className:x(`min-w-56`,l),align:`start`,side:`right`,sideOffset:8,children:(0,B.jsxs)(w,{children:[(0,B.jsx)(E,{children:(0,B.jsx)(i,{weight:`semibold`,children:d.label})}),(0,B.jsx)(C,{}),n.map(e=>{let t=(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(e.icon??o,{className:`size-4 shrink-0`,"aria-hidden":`true`}),(0,B.jsx)(i,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})]});return(0,B.jsx)(S,{render:f({href:e.url,external:e.external??!0,children:null,className:`flex items-center gap-2`}),children:t},e.url)})]})})]})})})}function ie({navigationGroups:e,footerNavItems:t=[],footerLabel:n,logo:r,collapsedLogo:i,workspaceLinks:a=[],workspaceStrings:o,workspaceContentClassName:s,headerClassName:c,logoClassName:u,iconMap:d,currentUrl:f=`/`,liveBadges:p,renderLink:m,LinkComponent:_,loading:v,collapsible:y=`icon`,variant:b=`sidebar`,side:S=`left`,className:C,surfaceClassName:w,contentClassName:T,slots:E,renderItem:D}){let O=t.length>0||!!E?.footer,k=v||!e,j=a.length>0;return(0,B.jsxs)(Y,{collapsible:y,variant:b,side:S,className:x(`h-svh`,C),surfaceClassName:w,children:[E?.header??(!!r&&(0,B.jsx)(l,{className:c,children:j?(0,B.jsx)($,{logo:r,collapsedLogo:i,workspaceLinks:a,strings:o,contentClassName:s,renderLink:m,LinkComponent:_}):(0,B.jsx)(ne,{logo:r,collapsedLogo:i,className:u})})),(0,B.jsx)(h,{className:T,children:(0,B.jsxs)(A,{className:`h-full pr-1.5 pt-4`,children:[E?.beforeNavigation,k?E?.loading??(0,B.jsx)(ae,{}):(0,B.jsx)(Z,{navigationByGroups:e,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_,emptySlot:E?.empty,renderItem:D}),E?.afterNavigation]})}),O&&(0,B.jsx)(g,{children:E?.footer??(0,B.jsx)(Q,{items:t,label:n,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:_})})]})}function ae(){let e=[9,3,4,2,1];return(0,B.jsx)(B.Fragment,{children:e.map((t,n)=>(0,B.jsxs)(z.Fragment,{children:[(0,B.jsx)(c,{className:`px-2 py-0`,children:(0,B.jsx)(u,{className:`gap-0.5`,children:Array.from({length:t},(e,t)=>(0,B.jsx)(p,{children:(0,B.jsxs)(`div`,{className:`flex h-8 items-center gap-2 px-2`,children:[(0,B.jsx)(k,{className:`h-4 w-4 shrink-0 rounded`}),(0,B.jsx)(k,{className:`h-3.5 rounded`,style:{width:`${60+(n*7+t*13)%40}px`}})]})},t))})}),n<e.length-1&&(0,B.jsx)(v,{className:`!mx-auto !my-1 !w-11/12 overflow-hidden px-4`})]},n))})}export{Y as a,W as c,J as d,K as f,Z as i,U as l,$ as n,q as o,V as p,Q as r,G as s,ie as t,H as u};

package/dist/showcase/assets/arrow-down-J_5dmfVv.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`arrow-down`,[[`path`,{d:`M12 5v14`,key:`s699le`}],[`path`,{d:`m19 12-7 7-7-7`,key:`1idqje`}]]);export{t};

package/dist/showcase/assets/arrow-left-DeKmFjyi.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`arrow-left`,[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]]);export{t};

package/dist/showcase/assets/arrow-right-ztHj2bIY.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`arrow-right`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`m12 5 7 7-7 7`,key:`xquz4c`}]]);export{t};

package/dist/showcase/assets/arrow-up-CCenfeVW.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`arrow-up`,[[`path`,{d:`m5 12 7-7 7 7`,key:`hav0vg`}],[`path`,{d:`M12 19V5`,key:`x0mq9r`}]]);export{t};

package/dist/showcase/assets/arrow-up-right-URGvP7LF.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`arrow-up-right`,[[`path`,{d:`M7 7h10v10`,key:`1tivn9`}],[`path`,{d:`M7 17 17 7`,key:`1vkiza`}]]);export{t};

package/dist/showcase/assets/avatar-CTFW3AQa.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-DSBghWdd.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./avatar-DH3vm33j.js";var u=e(t(),1),d=n(),f={small:`size-avatar-sm`,default:`size-avatar`};function p(e){return e===`small`||e==="default"?e:e===`xs`||e===`sm`?`small`:`default`}function m(e){return e===`small`?`sm`:`default`}var h=u.forwardRef(({size:e=`default`,className:t,...n},i)=>{let a=p(e);return(0,d.jsx)(l,{ref:i,size:m(a),"data-scale":a,className:r(`avatar--component`,f[a],t),...n})});h.displayName=`Avatar`;var g=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(s,{ref:n,className:r(`avatar--image`,e),...t}));g.displayName=`AvatarImage`;var _=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(c,{ref:n,className:r(`avatar--fallback text-xs font-medium leading-none`,e),...t}));_.displayName=`AvatarFallback`;var v=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(o,{ref:n,className:r(`avatar--badge`,e),...t}));v.displayName=`AvatarBadge`;var y=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(a,{ref:n,className:r(`avatar-group--component`,e),...t}));y.displayName=`AvatarGroup`;var b=u.forwardRef(({className:e,...t},n)=>(0,d.jsx)(i,{ref:n,className:r(`avatar-group-count--component size-avatar text-xs`,`group-has-data-[size=sm]/avatar-group:size-avatar-sm`,e),...t}));b.displayName=`AvatarGroupCount`;export{b as a,y as i,v as n,g as o,_ as r,h as t};

package/dist/showcase/assets/avatar-DH3vm33j.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{K as n,X as r,Y as i,Yn as a,fr as o,hr as s,mr as c,nr as l,or as u}from"./example-DDhaO2UY.js";import{d,n as f}from"./index-DSBghWdd.js";var p=e(t(),1),m=p.createContext(void 0);function h(){let e=p.useContext(m);if(e===void 0)throw Error(o(13));return e}var g={imageLoadingStatus:()=>null},_=d(),v=p.forwardRef(function(e,t){let{className:n,render:r,style:i,...a}=e,[o,s]=p.useState(`idle`),c={imageLoadingStatus:o},u=p.useMemo(()=>({imageLoadingStatus:o,setImageLoadingStatus:s}),[o,s]),d=l(`span`,e,{state:c,ref:t,props:a,stateAttributesMapping:g});return(0,_.jsx)(m.Provider,{value:u,children:d})});function y(e,{referrerPolicy:t,crossOrigin:n,sizes:r,srcSet:i}){let[a,o]=p.useState(`idle`);return c(()=>{if(!e&&!i)return o(`error`),u;let a=!0,s=new window.Image,c=e=>()=>{a&&o(e)};return o(`loading`),s.onload=c(`loaded`),s.onerror=c(`error`),t&&(s.referrerPolicy=t),s.crossOrigin=n??null,r&&(s.sizes=r),i&&(s.srcset=i),e&&(s.src=e),s.complete&&o(s.naturalWidth>0?`loaded`:`error`),()=>{a=!1}},[e,i,r,n,t]),a}var b={...g,...i},x=p.forwardRef(function(e,t){let{className:i,render:a,onLoadingStatusChange:o,style:u,...d}=e,{setImageLoadingStatus:f}=h(),m=y(d.src,d),g=m===`loaded`,{mounted:_,transitionStatus:v,setMounted:x}=r(g),S=p.useRef(null),C=s(e=>{o?.(e),f(e)});c(()=>{m!==`idle`&&C(m)},[m,C]),c(()=>()=>f(`idle`),[f]),n({open:g,ref:S,onComplete(){g||x(!1)}});let w=l(`img`,e,{state:{imageLoadingStatus:m,transitionStatus:v},ref:[t,S],props:d,stateAttributesMapping:b,enabled:_});return _?w:null}),S=p.forwardRef(function(e,t){let{className:n,render:r,delay:i,style:o,...s}=e,{imageLoadingStatus:c}=h(),[u,d]=p.useState(i===void 0),f=a();return p.useEffect(()=>(i===void 0?d(!0):f.start(i,()=>d(!0)),f.clear),[f,i]),l(`span`,e,{state:{imageLoadingStatus:c},ref:t,props:s,stateAttributesMapping:g,enabled:c!==`loaded`&&(i===void 0||u)})});function C({className:e,size:t=`default`,...n}){return(0,_.jsx)(v,{"data-slot":`avatar`,"data-size":t,className:f(`size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 after:border-border group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten`,e),...n})}function w({className:e,...t}){return(0,_.jsx)(x,{"data-slot":`avatar-image`,className:f(`rounded-full aspect-square size-full object-cover`,e),...t})}function T({className:e,...t}){return(0,_.jsx)(S,{"data-slot":`avatar-fallback`,className:f(`bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs`,e),...t})}function E({className:e,...t}){return(0,_.jsx)(`span`,{"data-slot":`avatar-badge`,className:f(`bg-primary text-primary-foreground ring-background absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-blend-color ring-2 select-none`,`group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden`,`group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2`,`group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2`,e),...t})}function D({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group`,className:f(`*:data-[slot=avatar]:ring-background group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2`,e),...t})}function O({className:e,...t}){return(0,_.jsx)(`div`,{"data-slot":`avatar-group-count`,className:f(`bg-muted text-muted-foreground size-8 rounded-full text-sm group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3 ring-background relative flex shrink-0 items-center justify-center ring-2`,e),...t})}export{O as a,D as i,E as n,w as o,T as r,C as t};

package/dist/showcase/assets/avatar-DRi6ZWB2.js

@@ -0,0 +1,67 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-DLqBJGPH.js";import{t as i}from"./example-DDhaO2UY.js";import{t as a}from"./circle-check-BdcUhuQ7.js";import{d as o}from"./index-DSBghWdd.js";import{t as s}from"./props-table-CzpevabQ.js";import{o as c,r as l,t as u}from"./avatar-CTFW3AQa.js";import{t as d}from"./stacked-avatars-BGpGV4Is.js";import{c as f,i as p,n as m,r as h,t as g,u as _}from"./item-D5xwkRvf.js";import{t as v}from"./customers-DvBxRjHv.js";var y=e({AvatarSizes:()=>x,RealisticUserCard:()=>C,StackedAvatarsExample:()=>S}),b=o();function x(){return(0,b.jsxs)(`div`,{className:`flex items-end gap-space-md`,children:[(0,b.jsxs)(u,{size:`small`,children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=sarah`}),(0,b.jsx)(l,{children:`SS`})]}),(0,b.jsx)(u,{children:(0,b.jsx)(l,{children:`ML`})}),(0,b.jsxs)(u,{children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=aiko`}),(0,b.jsx)(l,{children:`AT`})]}),(0,b.jsx)(u,{className:`size-avatar-lg`,children:(0,b.jsx)(l,{children:`DR`})})]})}function S(){return(0,b.jsx)(d,{users:v.slice(0,5).map(e=>({id:e.id,name:e.name,imageUrl:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.avatarSeed}`})),max:3})}function C(){let e=v[0];return(0,b.jsxs)(g,{variant:`outline`,padding:`default`,className:`w-full max-w-md`,children:[(0,b.jsx)(f,{variant:`avatar`,children:(0,b.jsxs)(u,{children:[(0,b.jsx)(c,{src:`https://api.dicebear.com/7.x/avataaars/svg?seed=${e.avatarSeed}`}),(0,b.jsx)(l,{children:e.name.split(` `).map(e=>e[0]).join(``)})]})}),(0,b.jsxs)(h,{children:[(0,b.jsx)(_,{children:e.name}),(0,b.jsx)(p,{clamp:1,children:e.email})]}),(0,b.jsx)(m,{children:(0,b.jsxs)(n,{variant:`success`,className:`whitespace-nowrap`,children:[(0,b.jsx)(a,{className:`size-icon-sm`}),`Verified`]})})]})}var w=`import { CheckCircle2 } from 'lucide-react';
+
+import { Badge } from '@/components/base/badge';
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/base/display/avatar';
+import { StackedAvatars } from '@/components/base/display/stacked-avatars';
+import { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle } from '@/components/base/item';
+import { MOCK_CUSTOMERS } from '@/preview/_mocks';
+
+export function AvatarSizes() {
+	return (
+		<div className="flex items-end gap-space-md">
+			<Avatar size="small">
+				<AvatarImage src="https://api.dicebear.com/7.x/avataaars/svg?seed=sarah" />
+				<AvatarFallback>SS</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarFallback>ML</AvatarFallback>
+			</Avatar>
+			<Avatar>
+				<AvatarImage src="https://api.dicebear.com/7.x/avataaars/svg?seed=aiko" />
+				<AvatarFallback>AT</AvatarFallback>
+			</Avatar>
+			<Avatar className="size-avatar-lg">
+				<AvatarFallback>DR</AvatarFallback>
+			</Avatar>
+		</div>
+	);
+}
+
+export function StackedAvatarsExample() {
+	return (
+		<StackedAvatars
+			users={MOCK_CUSTOMERS.slice(0, 5).map((customer) => ({
+				id: customer.id,
+				name: customer.name,
+				imageUrl: \`https://api.dicebear.com/7.x/avataaars/svg?seed=\${customer.avatarSeed}\`,
+			}))}
+			max={3}
+		/>
+	);
+}
+
+export function RealisticUserCard() {
+	const customer = MOCK_CUSTOMERS[0];
+
+	return (
+		<Item variant="outline" padding="default" className="w-full max-w-md">
+			<ItemMedia variant="avatar">
+				<Avatar>
+					<AvatarImage src={\`https://api.dicebear.com/7.x/avataaars/svg?seed=\${customer.avatarSeed}\`} />
+					<AvatarFallback>{customer.name.split(' ').map((part) => part[0]).join('')}</AvatarFallback>
+				</Avatar>
+			</ItemMedia>
+			<ItemContent>
+				<ItemTitle>{customer.name}</ItemTitle>
+				<ItemDescription clamp={1}>{customer.email}</ItemDescription>
+			</ItemContent>
+			<ItemActions>
+				<Badge variant="success" className="whitespace-nowrap">
+					<CheckCircle2 className="size-icon-sm" />
+					Verified
+				</Badge>
+			</ItemActions>
+		</Item>
+	);
+}
+`;function T(e){return y||D(`Examples`,!1),x||D(`Examples.AvatarSizes`,!0),C||D(`Examples.RealisticUserCard`,!0),S||D(`Examples.StackedAvatarsExample`,!0),(0,b.jsxs)(t,{title:`Avatar`,description:`Avatar, fallback initials, and stacked avatars for compact identity surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/avatar`,children:[(0,b.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,b.jsx)(i,{name:`AvatarSizes`,source:w,children:(0,b.jsx)(x,{})}),(0,b.jsx)(i,{name:`StackedAvatarsExample`,source:w,children:(0,b.jsx)(S,{})}),(0,b.jsx)(i,{name:`RealisticUserCard`,source:w,children:(0,b.jsx)(C,{})})]}),(0,b.jsxs)(r,{title:`API`,id:`api`,children:[(0,b.jsx)(s,{component:`Avatar`}),(0,b.jsx)(s,{component:`StackedAvatars`})]})]})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,b.jsx)(t,{...e,children:(0,b.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/avatar-eEOgFI6D.js

@@ -0,0 +1,57 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{d as i}from"./index-DSBghWdd.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-DH3vm33j.js";import{n as d}from"./PreviewLayout-ClbLOtTa.js";var f=e({Group:()=>_,Sizes:()=>m,WithBadge:()=>g,WithImageFallback:()=>h}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(u,{size:`sm`,children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`MD`})}),(0,p.jsx)(u,{size:`lg`,children:(0,p.jsx)(l,{children:`LG`})})]})})}function h(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=1`}),(0,p.jsx)(l,{children:`U1`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`https://i.pravatar.cc/64?img=12`}),(0,p.jsx)(l,{children:`U2`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(c,{src:`/__missing__.png`}),(0,p.jsx)(l,{children:`JD`})]})]})})}function g(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(l,{children:`EM`}),(0,p.jsx)(s,{className:`bg-info`,children:``})]}),(0,p.jsxs)(u,{size:`lg`,children:[(0,p.jsx)(l,{children:`SP`}),(0,p.jsx)(s,{className:`bg-warning`,children:``})]})]})})}function _(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(o,{children:[(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`VP`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`SM`})}),(0,p.jsx)(u,{children:(0,p.jsx)(l,{children:`KD`})}),(0,p.jsx)(a,{children:`+3`})]})})}var v=`import { Avatar, AvatarFallback, AvatarImage, AvatarGroup, AvatarGroupCount, AvatarBadge } from '@/components/ui/avatar';
+import { Row } from '../../PreviewLayout';
+
+export function Sizes() {
+	return (
+		<>
+			<Row>
+								<Avatar size="sm"><AvatarFallback>SM</AvatarFallback></Avatar>
+								<Avatar><AvatarFallback>MD</AvatarFallback></Avatar>
+								<Avatar size="lg"><AvatarFallback>LG</AvatarFallback></Avatar>
+							</Row>
+		</>
+	);
+}
+
+export function WithImageFallback() {
+	return (
+		<>
+			<Row>
+								<Avatar><AvatarImage src="https://i.pravatar.cc/64?img=1" /><AvatarFallback>U1</AvatarFallback></Avatar>
+								<Avatar><AvatarImage src="https://i.pravatar.cc/64?img=12" /><AvatarFallback>U2</AvatarFallback></Avatar>
+								<Avatar><AvatarImage src="/__missing__.png" /><AvatarFallback>JD</AvatarFallback></Avatar>
+							</Row>
+		</>
+	);
+}
+
+export function WithBadge() {
+	return (
+		<>
+			<Row>
+								<Avatar>
+									<AvatarFallback>EM</AvatarFallback>
+									<AvatarBadge className="bg-info">{''}</AvatarBadge>
+								</Avatar>
+								<Avatar size="lg">
+									<AvatarFallback>SP</AvatarFallback>
+									<AvatarBadge className="bg-warning">{''}</AvatarBadge>
+								</Avatar>
+							</Row>
+		</>
+	);
+}
+
+export function Group() {
+	return (
+		<>
+			<AvatarGroup>
+								<Avatar><AvatarFallback>VP</AvatarFallback></Avatar>
+								<Avatar><AvatarFallback>SM</AvatarFallback></Avatar>
+								<Avatar><AvatarFallback>KD</AvatarFallback></Avatar>
+								<AvatarGroupCount>+3</AvatarGroupCount>
+							</AvatarGroup>
+		</>
+	);
+}
+`;function y(e){return f||x(`Examples`,!1),_||x(`Examples.Group`,!0),m||x(`Examples.Sizes`,!0),g||x(`Examples.WithBadge`,!0),h||x(`Examples.WithImageFallback`,!0),(0,p.jsx)(t,{title:`UI · Avatar`,description:`Avatar with fallback, image, sizes, group, badge.`,layer:`ui`,status:`ready`,children:(0,p.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,p.jsx)(r,{name:`Sizes`,source:v,children:(0,p.jsx)(m,{})}),(0,p.jsx)(r,{name:`WithImageFallback`,source:v,children:(0,p.jsx)(h,{})}),(0,p.jsx)(r,{name:`WithBadge`,source:v,children:(0,p.jsx)(g,{})}),(0,p.jsx)(r,{name:`Group`,source:v,children:(0,p.jsx)(_,{})})]})})}function b(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.jsx)(y,{...e})}):y(e)}function x(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{b as default};

package/dist/showcase/assets/badge-C9RqIyT7.js

@@ -0,0 +1,31 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,o as n,t as r}from"./section-DLqBJGPH.js";import{t as i}from"./example-DDhaO2UY.js";import{d as a}from"./index-DSBghWdd.js";import{t as o}from"./props-table-CzpevabQ.js";var s=e({Default:()=>l,Variants:()=>u,WithDot:()=>d}),c=a();function l(){return(0,c.jsx)(n,{children:`New`})}function u(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`primary`,children:`Primary`}),(0,c.jsx)(n,{variant:`success`,children:`Success`}),(0,c.jsx)(n,{variant:`warning`,children:`Warning`}),(0,c.jsx)(n,{variant:`destructive`,children:`Destructive`}),(0,c.jsx)(n,{variant:`info`,children:`Info`}),(0,c.jsx)(n,{variant:`secondary`,children:`Secondary`})]})}function d(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(n,{variant:`success`,dot:!0,children:`Live`}),(0,c.jsx)(n,{variant:`warning`,dot:!0,pending:!0,children:`Pending`})]})}var f=`import { Badge } from '@/components/base/badge';
+
+export function Default() {
+	return <Badge>New</Badge>;
+}
+
+export function Variants() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Badge variant="primary">Primary</Badge>
+			<Badge variant="success">Success</Badge>
+			<Badge variant="warning">Warning</Badge>
+			<Badge variant="destructive">Destructive</Badge>
+			<Badge variant="info">Info</Badge>
+			<Badge variant="secondary">Secondary</Badge>
+		</div>
+	);
+}
+
+export function WithDot() {
+	return (
+		<div className="flex flex-wrap gap-2">
+			<Badge variant="success" dot>Live</Badge>
+			<Badge variant="warning" dot pending>Pending</Badge>
+		</div>
+	);
+}
+`;function p(e){let n={code:`code`,p:`p`,...e.components};return s||h(`Examples`,!1),l||h(`Examples.Default`,!0),u||h(`Examples.Variants`,!0),d||h(`Examples.WithDot`,!0),(0,c.jsxs)(t,{title:`Badge`,description:`Status pills and chips for tags, counts, and inline state.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/badge`,children:[(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsxs)(n.p,{children:[`Badge sizing comes from normal text, spacing, and media variables. Omit `,(0,c.jsx)(n.code,{children:`size`}),` in
+normal status chips; pass it only when a surface intentionally needs a larger
+badge than the package default. Global visual tuning should happen in CSS, not
+through a provider size ladder.`]}),(0,c.jsx)(i,{name:`Default`,source:f,children:(0,c.jsx)(l,{})}),(0,c.jsx)(i,{name:`Variants`,source:f,children:(0,c.jsx)(u,{})}),(0,c.jsx)(i,{name:`WithDot`,source:f,children:(0,c.jsx)(d,{})})]}),(0,c.jsx)(r,{title:`API`,id:`api`,children:(0,c.jsx)(o,{component:`Badge`})})]})}function m(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(p,{...e})}):p(e)}function h(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{m as default};

package/dist/showcase/assets/badge-check-CRkt0WPY.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`badge-check`,[[`path`,{d:`M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z`,key:`3c2336`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]);export{t};

package/dist/showcase/assets/bell-B-bFEx5I.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`bell`,[[`path`,{d:`M10.268 21a2 2 0 0 0 3.464 0`,key:`vwvbt9`}],[`path`,{d:`M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326`,key:`11g9vi`}]]);export{t};

package/dist/showcase/assets/boolean-indicator-CD3scHDz.js

@@ -0,0 +1 @@
+import{n as e,t}from"./section-DLqBJGPH.js";import{t as n}from"./example-DDhaO2UY.js";import{n as r,t as i,y as a}from"./display-utilities.examples-BMKQv0ep.js";import{d as o}from"./index-DSBghWdd.js";import{t as s}from"./props-table-CzpevabQ.js";var c=o();function l(o){return a||d(`Examples`,!1),r||d(`Examples.BooleanIndicatorExample`,!0),(0,c.jsxs)(e,{title:`Boolean indicator`,description:`Compact yes/no status treatment for boolean fields in admin surfaces.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/boolean-indicator`,children:[(0,c.jsx)(t,{title:`Examples`,id:`examples`,children:(0,c.jsx)(n,{name:`BooleanIndicatorExample`,source:i,children:(0,c.jsx)(r,{})})}),(0,c.jsx)(t,{title:`API`,id:`api`,children:(0,c.jsx)(s,{component:`BooleanIndicator`})})]})}function u(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(l,{...e})}):l(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{u as default};

package/dist/showcase/assets/bot-DbSsnrvR.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`bot`,[[`path`,{d:`M12 8V4H8`,key:`hb8ula`}],[`rect`,{width:`16`,height:`12`,x:`4`,y:`8`,rx:`2`,key:`enze0r`}],[`path`,{d:`M2 14h2`,key:`vft8re`}],[`path`,{d:`M20 14h2`,key:`4cs60a`}],[`path`,{d:`M15 13v2`,key:`1xurst`}],[`path`,{d:`M9 13v2`,key:`rq6x2g`}]]);export{t};

package/dist/showcase/assets/box-BDLbaerX.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`box`,[[`path`,{d:`M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z`,key:`hh9hay`}],[`path`,{d:`m3.3 7 8.7 5 8.7-5`,key:`g66t2b`}],[`path`,{d:`M12 22V12`,key:`d0xqtd`}]]);export{t};

package/dist/showcase/assets/braces-nP1Ffv07.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`braces`,[[`path`,{d:`M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1`,key:`ezmyqa`}],[`path`,{d:`M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1`,key:`e1hn23`}]]);export{t};

package/dist/showcase/assets/brain-B69nRyRF.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`brain`,[[`path`,{d:`M12 18V5`,key:`adv99a`}],[`path`,{d:`M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4`,key:`1e3is1`}],[`path`,{d:`M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5`,key:`1gqd8o`}],[`path`,{d:`M17.997 5.125a4 4 0 0 1 2.526 5.77`,key:`iwvgf7`}],[`path`,{d:`M18 18a4 4 0 0 0 2-7.464`,key:`efp6ie`}],[`path`,{d:`M19.967 17.483A4 4 0 1 1 12 18a4 4 0 1 1-7.967-.517`,key:`1gq6am`}],[`path`,{d:`M6 18a4 4 0 0 1-2-7.464`,key:`k1g0md`}],[`path`,{d:`M6.003 5.125a4 4 0 0 0-2.526 5.77`,key:`q97ue3`}]]);export{t};

package/dist/showcase/assets/brand-WHRuwaVX.js

@@ -0,0 +1,36 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{d as i,n as a}from"./index-DSBghWdd.js";import{n as o,t as s}from"./PreviewLayout-ClbLOtTa.js";var c=i(),l=({className:e,title:t,alt:n,inverted:r=!1})=>(0,c.jsxs)(`svg`,{role:`img`,"aria-label":n??`GCT`,className:a(`block h-auto text-foreground`,r&&`text-background`,e),viewBox:`0 0 220 62`,width:220,height:62,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,children:[(0,c.jsx)(`title`,{children:t??`Brand logo`}),(0,c.jsx)(`rect`,{x:`1`,y:`1`,width:`60`,height:`60`,rx:`14`,fill:`currentColor`,fillOpacity:`0.08`,stroke:`currentColor`,strokeOpacity:`0.2`}),(0,c.jsx)(`path`,{d:`M18 36.5V22h25.5v6.25H26.25v7.25H41V42H24.25C20.8 42 18 39.2 18 35.75`,fill:`currentColor`}),(0,c.jsx)(`path`,{d:`M36.5 31h9.75v11H36.5v-5.25h4.25v-1.5H36.5V31Z`,fill:`currentColor`}),(0,c.jsx)(`text`,{x:`78`,y:`34`,fill:`currentColor`,fontFamily:`Inter, ui-sans-serif, system-ui, sans-serif`,fontSize:`24`,fontWeight:`700`,letterSpacing:`0`,children:`GCT`}),(0,c.jsx)(`text`,{x:`78`,y:`51`,fill:`currentColor`,fillOpacity:`0.62`,fontFamily:`Inter, ui-sans-serif, system-ui, sans-serif`,fontSize:`13`,fontWeight:`500`,letterSpacing:`0`,children:`Admin UI starter kit`})]});function u({size:e=`small`,variant:t=`dark`}){return(0,c.jsx)(`div`,{className:`flex items-center justify-start rounded-md`,children:(0,c.jsx)(l,{className:a(`block h-auto w-full`,{"max-w-[135px]":e===`small`,"max-w-[165px]":e===`medium`,"max-w-[225px]":e===`large`,"max-w-none":e===`expand`}),inverted:t===`light`})})}var d=e({AppLogoSizes:()=>p,AppLogoVariants:()=>m,LogoExample:()=>f});function f(){return(0,c.jsxs)(s,{children:[(0,c.jsx)(l,{className:`w-40`}),(0,c.jsx)(`div`,{className:`w-fit rounded-md bg-foreground p-3`,children:(0,c.jsx)(l,{className:`w-40`,inverted:!0})})]})}function p(){return(0,c.jsxs)(o,{children:[(0,c.jsx)(u,{size:`small`}),(0,c.jsx)(u,{size:`medium`}),(0,c.jsx)(u,{size:`large`})]})}function m(){return(0,c.jsxs)(o,{children:[(0,c.jsx)(u,{variant:`dark`}),(0,c.jsx)(`div`,{className:`w-fit rounded-md bg-foreground p-3`,children:(0,c.jsx)(u,{variant:`light`})})]})}var h=`import Logo from '@/preview/_brand/logo';
+import AppLogo from '@/preview/_brand/app-logo';
+import { Row, Col } from '../../PreviewLayout';
+
+export function LogoExample() {
+	return (
+		<Col>
+			<Logo className="w-40" />
+			<div className="w-fit rounded-md bg-foreground p-3">
+				<Logo className="w-40" inverted />
+			</div>
+		</Col>
+	);
+}
+
+export function AppLogoSizes() {
+	return (
+		<Row>
+			<AppLogo size="small" />
+			<AppLogo size="medium" />
+			<AppLogo size="large" />
+		</Row>
+	);
+}
+
+export function AppLogoVariants() {
+	return (
+		<Row>
+			<AppLogo variant="dark" />
+			<div className="w-fit rounded-md bg-foreground p-3">
+				<AppLogo variant="light" />
+			</div>
+		</Row>
+	);
+}
+`;function g(e){return d||v(`Examples`,!1),p||v(`Examples.AppLogoSizes`,!0),m||v(`Examples.AppLogoVariants`,!0),f||v(`Examples.LogoExample`,!0),(0,c.jsx)(t,{title:`Common · Brand`,description:`Inline Logo + AppLogo variants used by the preview shell.`,layer:`common`,status:`ready`,children:(0,c.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(r,{name:`LogoExample`,source:h,children:(0,c.jsx)(f,{})}),(0,c.jsx)(r,{name:`AppLogoSizes`,source:h,children:(0,c.jsx)(p,{})}),(0,c.jsx)(r,{name:`AppLogoVariants`,source:h,children:(0,c.jsx)(m,{})})]})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(g,{...e})}):g(e)}function v(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{_ as default};

package/dist/showcase/assets/breadcrumb-CYxS57Ko.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{t as e}from"./react-sKtkuLrH.js";import{l as t}from"./example-DDhaO2UY.js";import{c as n,d as r,n as i}from"./index-DSBghWdd.js";e();var a=r();function o({...e}){return(0,a.jsx)(`nav`,{"aria-label":`breadcrumb`,"data-slot":`breadcrumb`,...e})}function s({className:e,...t}){return(0,a.jsx)(`ol`,{"data-slot":`breadcrumb-list`,className:i(`text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5`,e),...t})}function c({className:e,...t}){return(0,a.jsx)(`li`,{"data-slot":`breadcrumb-item`,className:i(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:e,className:n,...r}){return(0,a.jsx)(e?t:`a`,{"data-slot":`breadcrumb-link`,className:i(`hover:text-foreground transition-colors`,n),...r})}function u({className:e,...t}){return(0,a.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:i(`text-foreground font-normal`,e),...t})}function d({children:e,className:t,...r}){return(0,a.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,className:i(`[&>svg]:size-3.5`,t),...r,children:e??(0,a.jsx)(n,{})})}export{u as a,s as i,c as n,d as o,l as r,o as t};

package/dist/showcase/assets/breadcrumb-viDsLdax.js

@@ -0,0 +1,52 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{t as r}from"./example-DDhaO2UY.js";import{d as i,l as a}from"./index-DSBghWdd.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./breadcrumb-CYxS57Ko.js";var f=a(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),p=e({CustomSeparator:()=>g,Default:()=>h}),m=i();function h(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(d,{children:(0,m.jsxs)(s,{children:[(0,m.jsx)(c,{children:(0,m.jsx)(u,{href:`#/`,children:`Home`})}),(0,m.jsx)(l,{}),(0,m.jsx)(c,{children:(0,m.jsx)(u,{href:`#/orders`,children:`Orders`})}),(0,m.jsx)(l,{}),(0,m.jsx)(c,{children:(0,m.jsx)(o,{children:`INV-2026-0392`})})]})})})}function g(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsx)(d,{children:(0,m.jsxs)(s,{children:[(0,m.jsx)(c,{children:(0,m.jsx)(u,{href:`#/`,children:`Home`})}),(0,m.jsx)(l,{children:(0,m.jsx)(f,{})}),(0,m.jsx)(c,{children:(0,m.jsx)(o,{children:`Settings`})})]})})})}var _=`import { Slash } from 'lucide-react';
+import {
+	Breadcrumb,
+	BreadcrumbItem,
+	BreadcrumbLink,
+	BreadcrumbList,
+	BreadcrumbPage,
+	BreadcrumbSeparator,
+} from '@/components/ui/breadcrumb';
+
+export function Default() {
+	return (
+		<>
+			<Breadcrumb>
+								<BreadcrumbList>
+									<BreadcrumbItem>
+										<BreadcrumbLink href="#/">Home</BreadcrumbLink>
+									</BreadcrumbItem>
+									<BreadcrumbSeparator />
+									<BreadcrumbItem>
+										<BreadcrumbLink href="#/orders">Orders</BreadcrumbLink>
+									</BreadcrumbItem>
+									<BreadcrumbSeparator />
+									<BreadcrumbItem>
+										<BreadcrumbPage>INV-2026-0392</BreadcrumbPage>
+									</BreadcrumbItem>
+								</BreadcrumbList>
+							</Breadcrumb>
+		</>
+	);
+}
+
+export function CustomSeparator() {
+	return (
+		<>
+			<Breadcrumb>
+								<BreadcrumbList>
+									<BreadcrumbItem>
+										<BreadcrumbLink href="#/">Home</BreadcrumbLink>
+									</BreadcrumbItem>
+									<BreadcrumbSeparator>
+										<Slash />
+									</BreadcrumbSeparator>
+									<BreadcrumbItem>
+										<BreadcrumbPage>Settings</BreadcrumbPage>
+									</BreadcrumbItem>
+								</BreadcrumbList>
+							</Breadcrumb>
+		</>
+	);
+}
+`;function v(e){return p||b(`Examples`,!1),g||b(`Examples.CustomSeparator`,!0),h||b(`Examples.Default`,!0),(0,m.jsx)(t,{title:`UI · Breadcrumb`,description:`shadcn breadcrumb — list, items, separator (default & custom).`,layer:`ui`,status:`ready`,children:(0,m.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,m.jsx)(r,{name:`Default`,source:_,children:(0,m.jsx)(h,{})}),(0,m.jsx)(r,{name:`CustomSeparator`,source:_,children:(0,m.jsx)(g,{})})]})})}function y(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.jsx)(v,{...e})}):v(e)}function b(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{y as default};

package/dist/showcase/assets/breadcrumbs-CX6eCwn4.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{d as n,n as r}from"./index-DSBghWdd.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./breadcrumb-CYxS57Ko.js";var u=e(t(),1),d=n(),f=e=>{let t=0;for(let n=0;n<e.length;n+=1)t=(t<<5)-t+e.charCodeAt(n),t|=0;return Math.abs(t).toString(36)},p=e=>typeof e==`string`||typeof e==`number`?String(e):`breadcrumb`,m=({href:e,children:t,...n})=>(0,d.jsx)(`a`,{href:e,...n,children:t}),h=e=>e===`small`||e==="default"?e:e===`xs`?`small`:`default`,g={small:{item:`text-pxs`,list:`!gap-space-sm`,separator:`!mx-space-2xs`,color:`text-muted-foreground/70`},default:{item:`text-sm`,list:`!gap-space-md`,separator:`!mx-space-sm`,color:`text-muted-foreground`}};function _({breadcrumbs:e,size:t=`default`,className:n,renderLink:_=m}){if(e.length===0)return null;let{item:v,list:y,separator:b,color:x}=g[h(t)];return(0,d.jsx)(l,{className:r(`breadcrumbs--component`,x,n),children:(0,d.jsx)(a,{className:r(`flex flex-wrap items-center break-words`,y),children:e.map((t,n)=>{let a=n===e.length-1,l=t.handle??t.href??`crumb-${f(p(t.label))}-${n}`;return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(o,{className:r(v,`font-medium`),children:a||!t.href?(0,d.jsx)(i,{children:t.label}):(0,d.jsx)(c,{asChild:!0,children:_({href:t.href,children:t.label})})}),!a&&(0,d.jsx)(s,{className:r(b)})]},l)})})})}_.displayName=`Breadcrumbs`;export{_ as t};

package/dist/showcase/assets/briefcase-BCMmOuh2.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`briefcase`,[[`path`,{d:`M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16`,key:`jecpp`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`6`,rx:`2`,key:`i6l2r4`}]]);export{t};

package/dist/showcase/assets/building-2-DCSQxFoC.js

@@ -0,0 +1 @@
+import{l as e}from"./index-DSBghWdd.js";var t=e(`building-2`,[[`path`,{d:`M10 12h4`,key:`a56b0p`}],[`path`,{d:`M10 8h4`,key:`1sr2af`}],[`path`,{d:`M14 21v-3a2 2 0 0 0-4 0v3`,key:`1rgiei`}],[`path`,{d:`M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2`,key:`secmi2`}],[`path`,{d:`M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16`,key:`16ra0t`}]]);export{t};

package/dist/showcase/assets/button-It_u4rRb.js

@@ -0,0 +1,44 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-DLqBJGPH.js";import{er as r,t as i}from"./example-DDhaO2UY.js";import{d as a}from"./index-DSBghWdd.js";import{t as o}from"./button-group-B2NgHAyn.js";import{n as s}from"./PreviewLayout-ClbLOtTa.js";var c=e({ButtonGroupExample:()=>f,Sizes:()=>d,Variants:()=>u}),l=a();function u(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(r,{children:`default`}),(0,l.jsx)(r,{variant:`outline`,children:`outline`}),(0,l.jsx)(r,{variant:`secondary`,children:`secondary`}),(0,l.jsx)(r,{variant:`ghost`,children:`ghost`}),(0,l.jsx)(r,{variant:`destructive`,children:`destructive`}),(0,l.jsx)(r,{variant:`link`,children:`link`})]})})}function d(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(r,{size:`xs`,children:`xs`}),(0,l.jsx)(r,{size:`sm`,children:`sm`}),(0,l.jsx)(r,{size:`default`,children:`default`}),(0,l.jsx)(r,{size:`default`,children:`lg`})]})})}function f(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(o,{children:[(0,l.jsx)(r,{variant:`outline`,children:`Day`}),(0,l.jsx)(r,{variant:`outline`,children:`Week`}),(0,l.jsx)(r,{variant:`outline`,children:`Month`})]})})}var p=`import { Button } from '@/components/ui/button';
+import { ButtonGroup } from '@/components/ui/button-group';
+import { Row } from '../../PreviewLayout';
+
+export function Variants() {
+	return (
+		<>
+			<Row>
+								<Button>default</Button>
+								<Button variant="outline">outline</Button>
+								<Button variant="secondary">secondary</Button>
+								<Button variant="ghost">ghost</Button>
+								<Button variant="destructive">destructive</Button>
+								<Button variant="link">link</Button>
+							</Row>
+		</>
+	);
+}
+
+export function Sizes() {
+	return (
+		<>
+			<Row>
+								<Button size="xs">xs</Button>
+								<Button size="sm">sm</Button>
+								<Button size="default">default</Button>
+								<Button size="default">lg</Button>
+							</Row>
+		</>
+	);
+}
+
+export function ButtonGroupExample() {
+	return (
+		<>
+			<ButtonGroup>
+								<Button variant="outline">Day</Button>
+								<Button variant="outline">Week</Button>
+								<Button variant="outline">Month</Button>
+							</ButtonGroup>
+		</>
+	);
+}
+`;function m(e){return c||g(`Examples`,!1),f||g(`Examples.ButtonGroupExample`,!0),d||g(`Examples.Sizes`,!0),u||g(`Examples.Variants`,!0),(0,l.jsx)(t,{title:`UI · Button`,description:`shadcn primitive button — variants, sizes, button group.`,layer:`ui`,status:`ready`,children:(0,l.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,l.jsx)(i,{name:`Variants`,source:p,children:(0,l.jsx)(u,{})}),(0,l.jsx)(i,{name:`Sizes`,source:p,children:(0,l.jsx)(d,{})}),(0,l.jsx)(i,{name:`ButtonGroupExample`,source:p,children:(0,l.jsx)(f,{})})]})})}function h(e={}){let{wrapper:t}=e.components||{};return t?(0,l.jsx)(t,{...e,children:(0,l.jsx)(m,{...e})}):m(e)}function g(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{h as default};

package/dist/showcase/assets/button-group-B2NgHAyn.js

@@ -0,0 +1 @@
+import{c as e}from"./section-DLqBJGPH.js";import{d as t,n}from"./index-DSBghWdd.js";var r=t(),i=e(`has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1`,{variants:{orientation:{horizontal:`[&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0 *:data-slot:rounded-r-none`,vertical:`[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 *:data-slot:rounded-b-none`}},defaultVariants:{orientation:`horizontal`}});function a({className:e,orientation:t,...a}){return(0,r.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":t,className:n(i({orientation:t}),e),...a})}export{a as t};