admin-ui-starter-kit 0.5.0 → 0.6.2

package/dist/showcase/assets/ai-tool-call-Da4srLLe.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{o as n,p as r}from"./section-Dd6X6IKg.js";import{t as i}from"./bot-DxRjlJlO.js";import{Dr as a,Er as o,r as s}from"./example-Rrx9vj75.js";import{t as c}from"./chevron-down-CBa5t2E0.js";import{t as l}from"./circle-alert-BObXfzSP.js";import{t as u}from"./circle-dot-Bj1an-fp.js";import{t as d}from"./rotate-ccw-Dajwztf1.js";import{t as f}from"./user-B35DABNz.js";import{t as p}from"./wrench-PjtfaRuJ.js";import{N as m,c as h,d as g,l as _,n as v}from"./index-o71HAmc3.js";import{t as y}from"./icon-badge-GMIN-bca.js";import{t as b}from"./textarea-CBhdtg5X.js";var x=_(`thumbs-down`,[[`path`,{d:`M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z`,key:`m61m77`}],[`path`,{d:`M17 14V2`,key:`8ymqnk`}]]),S=_(`thumbs-up`,[[`path`,{d:`M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z`,key:`emmmcr`}],[`path`,{d:`M7 10v12`,key:`1qc93n`}]]),C=e(t(),1),w={prompt:`Was this helpful?`,thumbsUpAria:`Mark as helpful`,thumbsDownAria:`Mark as not helpful`,commentPlaceholder:`Tell us more (optional)`,submit:`Send feedback`,thanks:`Thanks for your feedback.`},T=g();function E({value:e,onVote:t,onSubmitComment:n,allowComment:i=!0,submitted:a=!1,className:o,strings:c}){let l=m(w,c),[u,d]=(0,C.useState)(null),[f,p]=(0,C.useState)(``),h=e??u,g=n=>{let r=h===n?null:n;e===void 0&&d(r),t?.(r)};return a?(0,T.jsxs)(`div`,{className:v(`ai-feedback--component`,`inline-flex items-center gap-2 rounded-full bg-success/10 px-3 py-1.5`,o),children:[(0,T.jsx)(S,{className:`size-3.5 text-success`}),(0,T.jsx)(r,{size:`xs`,type:`success`,weight:`medium`,children:l.thanks})]}):(0,T.jsxs)(`div`,{className:v(`ai-feedback--component inline-flex flex-col gap-2`,o),children:[(0,T.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,T.jsx)(r,{size:`xs`,type:`secondary`,children:l.prompt}),(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:h===`up`?`solid`:`ghost`,size:`icon-small`,"aria-label":l.thumbsUpAria,"aria-pressed":h===`up`,onClick:()=>g(`up`),className:v(h===`up`&&`text-success bg-success/15 hover:bg-success/20`),children:(0,T.jsx)(S,{className:`size-3.5`})}),(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:h===`down`?`solid`:`ghost`,size:`icon-small`,"aria-label":l.thumbsDownAria,"aria-pressed":h===`down`,onClick:()=>g(`down`),className:v(h===`down`&&`text-destructive bg-destructive/15 hover:bg-destructive/20`),children:(0,T.jsx)(x,{className:`size-3.5`})})]}),!!i&&!!h&&(0,T.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,T.jsx)(b,{value:f,onChange:e=>p(e.target.value),placeholder:l.commentPlaceholder,minRows:2}),(0,T.jsx)(`div`,{className:`flex justify-end`,children:(0,T.jsx)(s,{type:`button`,onClick:()=>{n?.(f,h),p(``)},disabled:!f.trim(),children:l.submit})})]})]})}E.displayName=`AiFeedback`;var D={copyAria:`Copy message`,copied:`Copied`,regenerateAria:`Regenerate response`},O={assistant:{wrap:`flex-row`,avatar:`bg-primary/15 text-primary`,bubble:`bg-card border border-border/60`},user:{wrap:`flex-row-reverse text-right`,avatar:`bg-muted text-foreground`,bubble:`bg-primary text-primary-foreground`},system:{wrap:`flex-row`,avatar:`bg-muted text-muted-foreground`,bubble:`bg-muted/40 border border-dashed border-border/60`}},k={assistant:i,user:f,system:i};function A({role:e=`assistant`,avatar:t,avatarLabel:n,authorName:i,timestamp:o,children:c,plainText:l,loading:u=!1,onCopy:f,onRegenerate:p,className:h,strings:g}){let _=m(D,g),[y,b]=(0,C.useState)(!1),x=O[e],S=k[e],w=()=>{let e=l??(typeof c==`string`?c:``);e&&typeof navigator<`u`&&navigator.clipboard&&navigator.clipboard.writeText(e),b(!0),f?.(),window.setTimeout(()=>b(!1),1500)},E=t??(0,T.jsx)(`span`,{"aria-label":n,className:v(`inline-flex size-7 shrink-0 items-center justify-center rounded-full`,x.avatar),children:(0,T.jsx)(S,{className:`size-3.5`})});return(0,T.jsxs)(`div`,{className:v(`ai-message-bubble--component`,`flex w-full items-start gap-2`,x.wrap,h),children:[E,(0,T.jsxs)(`div`,{className:`flex max-w-[80%] flex-col gap-1`,children:[(i||o)&&(0,T.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[!!i&&(0,T.jsx)(r,{size:`xs`,weight:`medium`,children:i}),!!o&&(0,T.jsx)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:o})]}),(0,T.jsx)(`div`,{className:v(`rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed`,x.bubble,u&&`animate-pulse`),children:c}),(f!==void 0||l||p)&&e===`assistant`&&(0,T.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.copyAria,onClick:w,children:(0,T.jsx)(a,{className:`size-3.5`})}),y&&(0,T.jsx)(r,{size:`xxs`,type:`success`,children:_.copied}),!!p&&(0,T.jsx)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-small`,"aria-label":_.regenerateAria,onClick:p,children:(0,T.jsx)(d,{className:`size-3.5`})})]})]})]})}A.displayName=`AiMessageBubble`;var j={pending:`Queued`,running:`Running`,success:`Success`,error:`Failed`,expand:`Show details`,collapse:`Hide details`,args:`Arguments`,result:`Result`,durationLabel:`Took`},M={pending:{variant:`secondary`,icon:u},running:{variant:`primary`,icon:o},success:{variant:`success`},error:{variant:`error`,icon:l}};function N(e){return e<1e3?`${Math.round(e)}ms`:`${(e/1e3).toFixed(+(e<1e4))}s`}function P({name:e,status:t,icon:i=p,args:a,result:o,error:l,durationMs:u,defaultExpanded:d=!1,className:f,strings:g}){let _=m(j,g),[b,x]=(0,C.useState)(d),S={pending:_.pending,running:_.running,success:_.success,error:_.error},w=M[t].icon,E=!!(a||o||l);return(0,T.jsxs)(`div`,{className:v(`ai-tool-call--component`,`overflow-hidden rounded-lg border border-border/60 bg-card`,t===`error`&&`border-destructive/40 bg-destructive/5`,f),children:[(0,T.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`default`,onClick:()=>E&&x(e=>!e),className:v(`ai-tool-call--trigger h-auto w-full justify-start gap-2 rounded-none px-3 py-2 text-left`,E?`cursor-pointer hover:bg-muted/40`:`cursor-default`),"aria-expanded":E?b:void 0,"aria-label":E?b?_.collapse:_.expand:void 0,children:[(0,T.jsx)(y,{icon:i,tone:`muted`,size:`default`,shape:`square`}),(0,T.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,T.jsx)(r,{weight:`medium`,className:`truncate font-mono`,children:e})}),(0,T.jsxs)(n,{variant:M[t].variant,className:`gap-1`,children:[!!w&&(0,T.jsx)(w,{className:v(`size-3`,t===`running`&&`animate-spin`)}),S[t]]}),!!u&&(0,T.jsxs)(r,{size:`xxs`,type:`secondary`,className:`tabular-nums`,children:[_.durationLabel,` `,N(u)]}),E&&(b?(0,T.jsx)(c,{className:`size-3.5 text-muted-foreground`}):(0,T.jsx)(h,{className:`size-3.5 text-muted-foreground`}))]}),!!b&&E&&(0,T.jsxs)(`div`,{className:`border-t border-border/60 bg-muted/20 px-3 py-2 space-y-2`,children:[!!a&&(0,T.jsx)(F,{label:_.args,children:a}),t===`error`&&l?(0,T.jsx)(F,{label:_.error,tone:`error`,children:l}):!!o&&(0,T.jsx)(F,{label:_.result,children:o})]})]})}P.displayName=`AiToolCall`;function F({label:e,children:t,tone:n=`neutral`}){return(0,T.jsxs)(`div`,{className:`space-y-1`,children:[(0,T.jsx)(r,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e}),(0,T.jsx)(`pre`,{tabIndex:0,className:v(`overflow-x-auto rounded-md bg-card px-2.5 py-2 font-mono text-xs leading-relaxed`,n===`error`&&`text-destructive bg-destructive/5`),children:t})]})}export{A as n,E as r,P as t};

package/dist/showcase/assets/alert-CQI2pomK.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,p as r}from"./section-Dd6X6IKg.js";import{d as i,n as a}from"./index-o71HAmc3.js";var o=e(t(),1),s=i(),c=n([`alert--component relative grid w-full grid-cols-[0_1fr] items-start gap-y-1 rounded-lg border px-4 py-3 text-left`,`has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5`,`has-[>[data-slot=alert-action]]:sm:grid-cols-[auto_1fr_auto]`,`[&>svg]:row-span-2 [&>svg]:mt-0.5 [&>svg]:size-4 [&>svg]:shrink-0`],{variants:{variant:{default:`border-border bg-card text-card-foreground`,info:`border-info/30 bg-info/5 text-card-foreground [&>svg]:text-info`,success:`border-success/30 bg-success/10 text-card-foreground [&>svg]:text-success`,warning:`border-warning/40 bg-warning/10 text-card-foreground [&>svg]:text-warning`,destructive:`border-destructive/30 bg-destructive/5 text-card-foreground [&>svg]:text-destructive`,inverse:[`border-foreground bg-foreground text-background`,`[&>svg]:text-background`,`[&_[data-slot=alert-title]_[data-typography=text]]:text-background`,`[&_[data-slot=alert-description]_[data-typography=text]]:text-background/75`]}},defaultVariants:{variant:`default`}}),l=(0,o.forwardRef)(function({className:e,variant:t,role:n=`alert`,...r},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert`,"data-variant":t??`default`,role:n,className:a(c({variant:t}),e),...r})});l.displayName=`Alert`;var u=(0,o.forwardRef)(function({className:e,children:t,...n},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert-title`,className:a(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,e),...n,children:(0,s.jsx)(r,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});u.displayName=`AlertTitle`;var d=(0,o.forwardRef)(function({className:e,children:t,...n},i){return(0,s.jsx)(`div`,{ref:i,"data-slot":`alert-description`,className:a(`alert--description col-start-2 grid justify-items-start gap-1 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80 [&_p]:leading-relaxed`,e),...n,children:(0,s.jsx)(r,{tag:`span`,size:`xs`,type:`secondary`,className:`leading-normal`,children:t})})});d.displayName=`AlertDescription`;var f=(0,o.forwardRef)(function({className:e,...t},n){return(0,s.jsx)(`div`,{ref:n,"data-slot":`alert-action`,className:a(`alert--action flex flex-wrap items-center gap-1.5 max-sm:col-start-2 max-sm:mt-2 max-sm:justify-start sm:col-start-3 sm:row-start-1 sm:justify-end sm:self-center`,e),...t})});f.displayName=`AlertAction`;export{u as i,f as n,d as r,l as t};

package/dist/showcase/assets/alert-S12iMEhF.js

@@ -0,0 +1,62 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{c as n,h as r,n as i,t as a}from"./section-Dd6X6IKg.js";import{er as o,t as s}from"./example-Rrx9vj75.js";import{t as c}from"./circle-check-big-BsQpd0CS.js";import{t as l}from"./circle-x-Dh3sb4UC.js";import{t as u}from"./info-B4aULRpz.js";import{d,n as f}from"./index-o71HAmc3.js";import{t as p}from"./PreviewLayout-CBTybzKu.js";t();var m=d(),h=n(`grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert`,{variants:{variant:{default:`bg-card text-card-foreground`,destructive:`border-destructive/30 bg-destructive/5 text-destructive *:data-[slot=alert-description]:text-destructive/85 *:[svg]:text-current`,warning:`border-warning/40 bg-warning/10 text-warning-foreground *:data-[slot=alert-description]:text-warning-foreground/85 *:[svg]:text-current`,success:`border-success/30 bg-success/10 text-success *:data-[slot=alert-description]:text-success/85 *:[svg]:text-current`,info:`border-info/30 bg-info/5 text-info *:data-[slot=alert-description]:text-info/85 *:[svg]:text-current`}},defaultVariants:{variant:`default`}});function g({className:e,variant:t,...n}){return(0,m.jsx)(`div`,{"data-slot":`alert`,role:`alert`,className:f(h({variant:t}),e),...n})}function _({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-title`,className:f(`font-medium group-has-[>svg]/alert:col-start-2 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function v({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-description`,className:f(`text-muted-foreground text-sm text-balance md:text-pretty [&_p:not(:last-child)]:mb-4 [&_a]:hover:text-foreground [&_a]:underline [&_a]:underline-offset-3`,e),...t})}function y({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-action`,className:f(`absolute top-2.5 right-3`,e),...t})}var b=e({TitleOnly:()=>C,Variants:()=>x,WithAlertAction:()=>S});function x(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(p,{children:[(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`Default`}),(0,m.jsx)(v,{children:`This is a default informational alert.`})]}),(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Success`}),(0,m.jsx)(v,{children:`Your changes have been saved.`})]}),(0,m.jsxs)(g,{variant:`warning`,children:[(0,m.jsx)(r,{}),(0,m.jsx)(_,{children:`Warning`}),(0,m.jsx)(v,{children:`Be careful with this action.`})]}),(0,m.jsxs)(g,{variant:`destructive`,children:[(0,m.jsx)(l,{}),(0,m.jsx)(_,{children:`Destructive`}),(0,m.jsx)(v,{children:`This cannot be undone.`})]})]})})}function S(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{children:[(0,m.jsx)(u,{}),(0,m.jsx)(_,{children:`New version available`}),(0,m.jsx)(v,{children:`Reload the page to update.`}),(0,m.jsx)(y,{children:(0,m.jsx)(o,{variant:`link`,size:`xs`,className:`h-auto px-0`,children:`Reload`})})]})})}function C(){return(0,m.jsx)(m.Fragment,{children:(0,m.jsxs)(g,{variant:`success`,children:[(0,m.jsx)(c,{}),(0,m.jsx)(_,{children:`Saved successfully.`})]})})}var w=`import { Info, CheckCircle, AlertTriangle, XCircle } from 'lucide-react';
+import { Alert, AlertTitle, AlertDescription, AlertAction } from '@/components/ui/alert';
+import { Button } from '@/components/ui/button';
+import { Col } from '../../PreviewLayout';
+
+export function Variants() {
+	return (
+		<>
+			<Col>
+								<Alert>
+									<Info />
+									<AlertTitle>Default</AlertTitle>
+									<AlertDescription>This is a default informational alert.</AlertDescription>
+								</Alert>
+								<Alert variant="success">
+									<CheckCircle />
+									<AlertTitle>Success</AlertTitle>
+									<AlertDescription>Your changes have been saved.</AlertDescription>
+								</Alert>
+								<Alert variant="warning">
+									<AlertTriangle />
+									<AlertTitle>Warning</AlertTitle>
+									<AlertDescription>Be careful with this action.</AlertDescription>
+								</Alert>
+								<Alert variant="destructive">
+									<XCircle />
+									<AlertTitle>Destructive</AlertTitle>
+									<AlertDescription>This cannot be undone.</AlertDescription>
+								</Alert>
+							</Col>
+		</>
+	);
+}
+
+export function WithAlertAction() {
+	return (
+		<>
+			<Alert>
+								<Info />
+								<AlertTitle>New version available</AlertTitle>
+								<AlertDescription>Reload the page to update.</AlertDescription>
+								<AlertAction>
+									<Button variant="link" size="xs" className="h-auto px-0">
+										Reload
+									</Button>
+								</AlertAction>
+							</Alert>
+		</>
+	);
+}
+
+export function TitleOnly() {
+	return (
+		<>
+			<Alert variant="success">
+								<CheckCircle />
+								<AlertTitle>Saved successfully.</AlertTitle>
+							</Alert>
+		</>
+	);
+}
+`;function T(e){return b||D(`Examples`,!1),C||D(`Examples.TitleOnly`,!0),x||D(`Examples.Variants`,!0),S||D(`Examples.WithAlertAction`,!0),(0,m.jsx)(i,{title:`UI · Alert`,description:`shadcn alert primitive: variants, with title/description/action.`,layer:`ui`,status:`ready`,children:(0,m.jsxs)(a,{title:`Examples`,id:`examples`,children:[(0,m.jsx)(s,{name:`Variants`,source:w,children:(0,m.jsx)(x,{})}),(0,m.jsx)(s,{name:`WithAlertAction`,source:w,children:(0,m.jsx)(S,{})}),(0,m.jsx)(s,{name:`TitleOnly`,source:w,children:(0,m.jsx)(C,{})})]})})}function E(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,{...e,children:(0,m.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/alert-xINZmLgm.js

@@ -0,0 +1,93 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{h as t,n,t as r}from"./section-Dd6X6IKg.js";import{r as i,t as a}from"./example-Rrx9vj75.js";import{t as o}from"./circle-check-BPhdxh7K.js";import{t as s}from"./circle-x-Dh3sb4UC.js";import{t as c}from"./info-B4aULRpz.js";import{t as l}from"./shield-alert-RrMsBuWp.js";import{d as u}from"./index-o71HAmc3.js";import{t as d}from"./props-table-C6gPyO49.js";import{i as f,n as p,r as m,t as h}from"./alert-CQI2pomK.js";var g=e({AlertVariants:()=>v,AlertWithActions:()=>y,InverseAlert:()=>b,StatusRoleAlert:()=>x}),_=u();function v(){return(0,_.jsxs)(`div`,{className:`grid w-full max-w-2xl gap-3`,children:[(0,_.jsxs)(h,{children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Default notice`}),(0,_.jsx)(m,{children:`Workspace settings were updated by an administrator.`})]}),(0,_.jsxs)(h,{variant:`info`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`Import queued`}),(0,_.jsx)(m,{children:`Catalog import will start after the current sync finishes.`})]}),(0,_.jsxs)(h,{variant:`success`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Billing profile verified`}),(0,_.jsx)(m,{children:`Invoices can now be issued for this workspace.`})]}),(0,_.jsxs)(h,{variant:`warning`,children:[(0,_.jsx)(t,{}),(0,_.jsx)(f,{children:`Usage is approaching the plan limit`}),(0,_.jsx)(m,{children:`Upgrade before the next billing cycle to avoid paused automations.`})]}),(0,_.jsxs)(h,{variant:`destructive`,children:[(0,_.jsx)(s,{}),(0,_.jsx)(f,{children:`Webhook delivery failed`}),(0,_.jsx)(m,{children:`Three endpoints rejected the latest payload.`})]})]})}function y(){return(0,_.jsxs)(h,{variant:`warning`,className:`max-w-2xl`,children:[(0,_.jsx)(l,{}),(0,_.jsx)(f,{children:`Two-factor enforcement is pending`}),(0,_.jsx)(m,{children:`12 team members have not enrolled. Enforcement begins at the end of the week.`}),(0,_.jsxs)(p,{children:[(0,_.jsx)(i,{variant:`warning`,buttonStyle:`outline`,size:`small`,children:`Review users`}),(0,_.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`small`,children:`Dismiss`})]})]})}function b(){return(0,_.jsxs)(h,{variant:`inverse`,className:`max-w-2xl`,children:[(0,_.jsx)(c,{}),(0,_.jsx)(f,{children:`New analytics view is available`}),(0,_.jsx)(m,{children:`Switch to the updated report builder from the workspace menu.`}),(0,_.jsx)(p,{children:(0,_.jsx)(i,{variant:`light`,buttonStyle:`outline`,size:`small`,children:`Open builder`})})]})}function x(){return(0,_.jsxs)(h,{role:`status`,variant:`success`,className:`max-w-2xl`,children:[(0,_.jsx)(o,{}),(0,_.jsx)(f,{children:`Changes saved`}),(0,_.jsx)(m,{children:'This non-urgent confirmation uses `role="status"`.'})]})}var S=`import { AlertTriangle, CheckCircle2, Info, ShieldAlert, XCircle } from 'lucide-react';
+
+import {
+	Alert,
+	AlertAction,
+	AlertDescription,
+	AlertTitle,
+} from '@/components/base/display/alert';
+import { Button } from '@/components/base/buttons';
+
+export function AlertVariants() {
+	return (
+		<div className="grid w-full max-w-2xl gap-3">
+			<Alert>
+				<Info />
+				<AlertTitle>Default notice</AlertTitle>
+				<AlertDescription>Workspace settings were updated by an administrator.</AlertDescription>
+			</Alert>
+			<Alert variant="info">
+				<Info />
+				<AlertTitle>Import queued</AlertTitle>
+				<AlertDescription>Catalog import will start after the current sync finishes.</AlertDescription>
+			</Alert>
+			<Alert variant="success">
+				<CheckCircle2 />
+				<AlertTitle>Billing profile verified</AlertTitle>
+				<AlertDescription>Invoices can now be issued for this workspace.</AlertDescription>
+			</Alert>
+			<Alert variant="warning">
+				<AlertTriangle />
+				<AlertTitle>Usage is approaching the plan limit</AlertTitle>
+				<AlertDescription>Upgrade before the next billing cycle to avoid paused automations.</AlertDescription>
+			</Alert>
+			<Alert variant="destructive">
+				<XCircle />
+				<AlertTitle>Webhook delivery failed</AlertTitle>
+				<AlertDescription>Three endpoints rejected the latest payload.</AlertDescription>
+			</Alert>
+		</div>
+	);
+}
+
+export function AlertWithActions() {
+	return (
+		<Alert variant="warning" className="max-w-2xl">
+			<ShieldAlert />
+			<AlertTitle>Two-factor enforcement is pending</AlertTitle>
+			<AlertDescription>
+				12 team members have not enrolled. Enforcement begins at the end of the week.
+			</AlertDescription>
+			<AlertAction>
+				<Button variant="warning" buttonStyle="outline" size="small">Review users</Button>
+				<Button variant="secondary" buttonStyle="ghost" size="small">Dismiss</Button>
+			</AlertAction>
+		</Alert>
+	);
+}
+
+export function InverseAlert() {
+	return (
+		<Alert variant="inverse" className="max-w-2xl">
+			<Info />
+			<AlertTitle>New analytics view is available</AlertTitle>
+			<AlertDescription>Switch to the updated report builder from the workspace menu.</AlertDescription>
+			<AlertAction>
+				<Button variant="light" buttonStyle="outline" size="small">Open builder</Button>
+			</AlertAction>
+		</Alert>
+	);
+}
+
+export function StatusRoleAlert() {
+	return (
+		<Alert role="status" variant="success" className="max-w-2xl">
+			<CheckCircle2 />
+			<AlertTitle>Changes saved</AlertTitle>
+			<AlertDescription>This non-urgent confirmation uses \`role="status"\`.</AlertDescription>
+		</Alert>
+	);
+}
+`;function C(e){let t={code:`code`,h4:`h4`,p:`p`,pre:`pre`,...e.components};return g||T(`Examples`,!1),v||T(`Examples.AlertVariants`,!0),y||T(`Examples.AlertWithActions`,!0),b||T(`Examples.InverseAlert`,!0),x||T(`Examples.StatusRoleAlert`,!0),(0,_.jsxs)(n,{title:`Alert`,description:`Semantic notice primitive with icon, title, description, and responsive action regions.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/display/alert`,children:[(0,_.jsx)(r,{title:`Overview`,id:`overview`,children:(0,_.jsxs)(t.p,{children:[`Use `,(0,_.jsx)(t.code,{children:`Alert`}),` for inline notices inside admin workflows. Variants map to semantic
+tokens, actions wrap responsively, and title/description text is routed through
+the typography layer.`]})}),(0,_.jsxs)(r,{title:`Usage`,id:`usage`,children:[(0,_.jsx)(t.p,{children:`Import the package-owned alert from the display family:`}),(0,_.jsx)(t.pre,{children:(0,_.jsx)(t.code,{className:`language-tsx`,children:`import {
+	Alert,
+	AlertTitle,
+	AlertDescription,
+	AlertAction,
+} from 'admin-ui-starter-kit/base/display';
+`})}),(0,_.jsxs)(t.p,{children:[`Use `,(0,_.jsx)(t.code,{children:`variant`}),` for semantic tone: `,(0,_.jsx)(t.code,{children:`default`}),`, `,(0,_.jsx)(t.code,{children:`info`}),`, `,(0,_.jsx)(t.code,{children:`success`}),`, `,(0,_.jsx)(t.code,{children:`warning`}),`,
+`,(0,_.jsx)(t.code,{children:`destructive`}),`, or `,(0,_.jsx)(t.code,{children:`inverse`}),`. `,(0,_.jsx)(t.code,{children:`Alert`}),` defaults to `,(0,_.jsx)(t.code,{children:`role="alert"`}),` for urgent
+notices; pass `,(0,_.jsx)(t.code,{children:`role="status"`}),` for non-urgent confirmations. Place buttons,
+links, or other commands in `,(0,_.jsx)(t.code,{children:`AlertAction`}),` so actions stack on narrow screens and
+align to the right on wider admin layouts.`]})]}),(0,_.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,_.jsx)(a,{name:`AlertVariants`,source:S,children:(0,_.jsx)(v,{})}),(0,_.jsx)(a,{name:`AlertWithActions`,source:S,children:(0,_.jsx)(y,{})}),(0,_.jsx)(a,{name:`InverseAlert`,source:S,children:(0,_.jsx)(b,{})}),(0,_.jsx)(a,{name:`StatusRoleAlert`,source:S,children:(0,_.jsx)(x,{})})]}),(0,_.jsxs)(r,{title:`API`,id:`api`,children:[(0,_.jsx)(t.h4,{children:`Alert`}),(0,_.jsx)(d,{component:`Alert`}),(0,_.jsx)(t.h4,{children:`AlertTitle`}),(0,_.jsx)(d,{component:`AlertTitle`}),(0,_.jsx)(t.h4,{children:`AlertDescription`}),(0,_.jsx)(d,{component:`AlertDescription`}),(0,_.jsx)(t.h4,{children:`AlertAction`}),(0,_.jsx)(d,{component:`AlertAction`})]})]})}function w(e={}){let{wrapper:t}=e.components||{};return t?(0,_.jsx)(t,{...e,children:(0,_.jsx)(C,{...e})}):C(e)}function T(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{w as default};

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

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{t}from"./react-sKtkuLrH.js";import{p as n}from"./section-Dd6X6IKg.js";import{Dr as r,r as i}from"./example-Rrx9vj75.js";import{t as a}from"./lock-CMrS2EKU.js";import{t as o}from"./plus-4gOvUk-5.js";import{t as s}from"./trash-2-Bf5dpRjn.js";import{N as c,c as l,d as u,n as d}from"./index-o71HAmc3.js";import{t as f}from"./icon-badge-GMIN-bca.js";import{t as p}from"./smart-card-BwSFemlj.js";import{c as m,n as h,r as g,t as _}from"./item-Oe2aHuvr.js";import{n as v,r as y,t as b}from"./collapsible-DDV7VHy5.js";import{n as x}from"./dist-CS2Ky1_m.js";import{n as S,t as C}from"./action-menu-wJVcvfmC.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`,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/api-key-list-wxmuRN1m.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-Dd6X6IKg.js";import{t as a}from"./example-Rrx9vj75.js";import{d as o}from"./index-o71HAmc3.js";import{t as s}from"./props-table-C6gPyO49.js";import{t as c}from"./PreviewLayout-CBTybzKu.js";import{t as l}from"./api-key-list-CL6je8dF.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/app-sidebar-LVtcgiT_.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-Dd6X6IKg.js";import{t as a}from"./chevrons-up-down-umMKLBIL.js";import{t as o}from"./external-link-BkCjE03j.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-DXGEPgaT.js";import{N as y,d as b,n as x}from"./index-o71HAmc3.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-CXYQqRJA.js";import{t as k}from"./scroll-area-CnAyhKQ_.js";import{t as A}from"./skeleton-DOJ1RAcJ.js";import{t as j}from"./use-layout-link-BI4MRSHG.js";import{a as M,i as N,n as P,r as F,t as I}from"./sheet-CzFOcAwE.js";import{n as L,t as R}from"./sidebar-C0tsWnrh.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) group-data-[side=left]:border-r group-data-[side=right]:border-l`,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]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm`,i),children:a})})})}function X({item:e}){return(0,B.jsx)(i,{tag:`span`,weight:`medium`,className:`truncate text-inherit`,children:U(e)})}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}),!!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`,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`),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}),!!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&&`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,A=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)(k,{className:`h-full pr-1.5 pt-4`,children:[E?.beforeNavigation,A?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)(A,{className:`h-4 w-4 shrink-0 rounded`}),(0,B.jsx)(A,{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-JuqwH6gj.js

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

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

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

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

@@ -0,0 +1 @@
+import{l as e}from"./index-o71HAmc3.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-BEvs3dD_.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-Rrx9vj75.js";import{d,n as f}from"./index-o71HAmc3.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-Bv9x1eBh.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-Dd6X6IKg.js";import{t as i}from"./example-Rrx9vj75.js";import{t as a}from"./circle-check-BPhdxh7K.js";import{d as o}from"./index-o71HAmc3.js";import{t as s}from"./props-table-C6gPyO49.js";import{o as c,r as l,t as u}from"./avatar-D29-FL5U.js";import{t as d}from"./stacked-avatars-DOAFRjmZ.js";import{c as f,i as p,n as m,r as h,t as g,u as _}from"./item-Oe2aHuvr.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,{className:`size-avatar`,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`,className:`w-full max-w-md`,children:[(0,b.jsx)(f,{variant:`avatar`,children:(0,b.jsxs)(u,{className:`size-avatar-lg`,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 className="size-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" className="w-full max-w-md">
+			<ItemMedia variant="avatar">
+				<Avatar className="size-avatar-lg">
+					<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-CC3R0R-x.js

@@ -0,0 +1,57 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i}from"./index-o71HAmc3.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-BEvs3dD_.js";import{n as d}from"./PreviewLayout-CBTybzKu.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/avatar-D29-FL5U.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-o71HAmc3.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./avatar-BEvs3dD_.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/badge-B1YIk7bi.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-Dd6X6IKg.js";import{t as i}from"./example-Rrx9vj75.js";import{d as a}from"./index-o71HAmc3.js";import{t as o}from"./props-table-C6gPyO49.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-DGmg0_g_.js

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

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

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

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

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

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

@@ -0,0 +1,36 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./section-Dd6X6IKg.js";import{t as r}from"./example-Rrx9vj75.js";import{d as i,n as a}from"./index-o71HAmc3.js";import{n as o,t as s}from"./PreviewLayout-CBTybzKu.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};