admin-ui-starter-kit 0.1.3 → 0.4.2

package/dist/showcase/assets/alert-D7n-kQoO.js

@@ -0,0 +1,93 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Or as t,hr as n,mr as r,r as i,t as a}from"./example-BIrQab7K.js";import{t as o}from"./circle-check-TT7cFQrr.js";import{t as s}from"./circle-x-c5z6-eYV.js";import{t as c}from"./info-DFu8OfxV.js";import{t as l}from"./shield-alert-DhbgXV1X.js";import{s as u}from"./index-Cz4UGUT2.js";import{t as d}from"./props-table-BR-KjRNe.js";import{i as f,n as p,r as m,t as h}from"./alert-DIelf1qF.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:`xs`,children:`Review users`}),(0,_.jsx)(i,{variant:`secondary`,buttonStyle:`ghost`,size:`xs`,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:`xs`,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="xs">Review users</Button>
+				<Button variant="secondary" buttonStyle="ghost" size="xs">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="xs">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/alert-DIelf1qF.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,xr as r}from"./example-BIrQab7K.js";import{n as i,s as a}from"./index-Cz4UGUT2.js";var o=e(t(),1),s=a(),c=r([`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},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert`,"data-variant":t??`default`,role:n,className:i(c({variant:t}),e),...r})});l.displayName=`Alert`;var u=(0,o.forwardRef)(function({className:e,children:t,...r},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert-title`,className:i(`alert--title col-start-2 min-h-4 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:opacity-80`,e),...r,children:(0,s.jsx)(n,{tag:`span`,weight:`semibold`,className:`leading-snug`,children:t})})});u.displayName=`AlertTitle`;var d=(0,o.forwardRef)(function({className:e,children:t,...r},a){return(0,s.jsx)(`div`,{ref:a,"data-slot":`alert-description`,className:i(`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),...r,children:(0,s.jsx)(n,{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:i(`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-TQCZEcn-.js

@@ -0,0 +1,62 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Or as n,Un as r,hr as i,mr as a,t as o,xr as s}from"./example-BIrQab7K.js";import{t as c}from"./circle-check-big-4RnJfeaC.js";import{t as l}from"./circle-x-c5z6-eYV.js";import{t as u}from"./info-DFu8OfxV.js";import{n as d,s as f}from"./index-Cz4UGUT2.js";import{t as p}from"./PreviewLayout-BG1B5TzA.js";t();var m=f(),h=s(`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:d(h({variant:t}),e),...n})}function _({className:e,...t}){return(0,m.jsx)(`div`,{"data-slot":`alert-title`,className:d(`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:d(`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:d(`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)(n,{}),(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)(r,{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)(o,{name:`Variants`,source:w,children:(0,m.jsx)(x,{})}),(0,m.jsx)(o,{name:`WithAlertAction`,source:w,children:(0,m.jsx)(S,{})}),(0,m.jsx)(o,{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/api-key-list-CSt4trYG.js

@@ -0,0 +1,73 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Er as i,hr as a,mr as o,r as s,t as c}from"./example-BIrQab7K.js";import{t as l}from"./chevron-right-d-umkBru.js";import{t as u}from"./lock-Dn4-vUBz.js";import{t as d}from"./plus-DkHZm34I.js";import{t as f}from"./trash-2-OsaEm8cc.js";import{k as p,n as m,s as h}from"./index-Cz4UGUT2.js";import{t as g}from"./props-table-BR-KjRNe.js";import{t as _}from"./icon-badge-CxvxB8Vd.js";import{t as v}from"./smart-card-B4P_C0nk.js";import{n as y}from"./dist-CnonIdcR.js";import{n as b,r as x,t as S}from"./collapsible-DagkA3To.js";import{c as C,n as w,r as T,t as E}from"./item-CbiuwbAN.js";import{n as D,t as O}from"./action-menu-BOUHlGba.js";import{t as k}from"./PreviewLayout-BG1B5TzA.js";var A={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.`},j=t(n(),1),M=h(),N=(0,j.forwardRef)(function({items:e,defaultOpen:t=!0,open:n,onOpenChange:r,onAdd:a,onDelete:o,onCopy:c,title:u,className:f,strings:h},g){let _=p(A,h),y=n!==void 0,[C,w]=(0,j.useState)(t),T=y?n:C,E=(0,j.useCallback)(e=>{y||w(e),r?.(e)},[y,r]);return(0,M.jsx)(v,{ref:g,className:m(`api-key-list--component`,f),children:(0,M.jsxs)(S,{open:T,onOpenChange:E,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,M.jsx)(x,{asChild:!0,children:(0,M.jsxs)(s,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`sm`,className:`h-auto flex-1 justify-start gap-2 rounded-sm px-0 py-0 text-left`,children:[(0,M.jsx)(l,{"aria-hidden":`true`,className:m(`size-4 text-muted-foreground transition-transform`,T&&`rotate-90`)}),(0,M.jsx)(i,{tag:`span`,weight:`semibold`,children:u??_.title})]})}),!!a&&(0,M.jsx)(s,{variant:`secondary`,buttonStyle:`ghost`,onClick:a,"aria-label":_.addAria,children:(0,M.jsx)(d,{className:`size-4`})})]}),(0,M.jsx)(b,{className:`pt-3`,children:e.length===0?(0,M.jsx)(i,{type:`secondary`,children:_.emptyMessage}):(0,M.jsx)(`div`,{className:`flex flex-col gap-2.5`,children:e.map(e=>(0,M.jsx)(P,{item:e,onDelete:o,onCopy:c,copyMenuLabel:_.copyMenuItem,copiedMenuLabel:_.copiedMenuItem,deleteMenuLabel:_.deleteMenuItem,rowMenuAria:_.rowMenuAria,copyToastSuccess:_.copyToastSuccess,copyToastError:_.copyToastError},e.id))})})]})})});N.displayName=`ApiKeyList`;function P({item:e,onDelete:t,onCopy:n,copyMenuLabel:a,copiedMenuLabel:o,deleteMenuLabel:s,rowMenuAria:c,copyToastSuccess:l,copyToastError:d}){let[p,m]=(0,j.useState)(!1),h=(0,j.useCallback)(async()=>{try{await navigator.clipboard.writeText(e.value),m(!0),setTimeout(()=>m(!1),1500),y.success(l),n?.(e.id,e)}catch{y.error(d)}},[e,n,l,d]),g=e.displayValue??e.value;return(0,M.jsxs)(E,{size:`xs`,"data-slot":`api-key-row`,className:`flex-nowrap`,children:[(0,M.jsx)(C,{variant:`icon`,children:(0,M.jsx)(_,{size:`xs`,shape:`square`,tone:`muted`,bordered:!0,className:`text-success`,children:e.icon??(0,M.jsx)(u,{className:`size-3.5`})})}),(0,M.jsxs)(T,{className:`min-w-0 flex-row items-center gap-2.5`,children:[(0,M.jsx)(i,{tag:`span`,size:`xs`,weight:`medium`,className:`w-20 shrink-0 truncate sm:w-24`,children:e.name}),(0,M.jsx)(`span`,{className:`min-w-0 flex-1 truncate rounded-sm bg-muted px-2 py-1 font-mono text-xs`,children:g})]}),(0,M.jsx)(w,{className:`shrink-0`,children:(0,M.jsxs)(O,{srText:c,align:`end`,closeOnSelect:!0,buttonProps:{buttonStyle:`ghost`,variant:`secondary`},children:[(0,M.jsx)(D,{label:p?o:a,icon:r,onClick:()=>{h()},disabled:e.disabled}),!!t&&(0,M.jsx)(D,{label:s,icon:f,variant:`error`,disabled:e.disabled,onClick:()=>t(e.id,e)})]})})]})}P.displayName=`ApiKeyRow`;var F=e({DefaultVisibleSecretsCallbacksForAddDelete:()=>L,EmptyState:()=>z,LocalizedStrings:()=>B,MaskedSecretsStripeStyle:()=>R}),I=[{id:`1`,name:`Production`,value:`AUDO230454*242SDIFPPL`},{id:`2`,name:`Development`,value:`DUILO30454*242SDIFUIP`},{id:`3`,name:`Staging`,value:`IPPODAS230454*242SDI`}];function L(){let[e,t]=(0,j.useState)(I);return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{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 R(){let[e]=(0,j.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,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:e,title:`Stripe API keys`})})})}function z(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:[],onAdd:()=>{}})})})}function B(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(k,{className:`max-w-xl`,children:(0,M.jsx)(N,{items:I,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 H(e){let t={h4:`h4`,...e.components};return F||W(`Examples`,!1),L||W(`Examples.DefaultVisibleSecretsCallbacksForAddDelete`,!0),z||W(`Examples.EmptyState`,!0),B||W(`Examples.LocalizedStrings`,!0),R||W(`Examples.MaskedSecretsStripeStyle`,!0),(0,M.jsxs)(a,{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,M.jsxs)(o,{title:`Examples`,id:`examples`,children:[(0,M.jsx)(c,{name:`DefaultVisibleSecretsCallbacksForAddDelete`,source:V,children:(0,M.jsx)(L,{})}),(0,M.jsx)(c,{name:`MaskedSecretsStripeStyle`,source:V,children:(0,M.jsx)(R,{})}),(0,M.jsx)(c,{name:`EmptyState`,source:V,children:(0,M.jsx)(z,{})}),(0,M.jsx)(c,{name:`LocalizedStrings`,source:V,children:(0,M.jsx)(B,{})})]}),(0,M.jsxs)(o,{title:`API`,id:`api`,children:[(0,M.jsx)(t.h4,{children:`ApiKeyList`}),(0,M.jsx)(g,{component:`ApiKeyList`})]})]})}function U(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(H,{...e})}):H(e)}function W(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/app-sidebar-DixqrLf2.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Er as n,xr as r,yr as i}from"./example-BIrQab7K.js";import{t as a}from"./chevrons-up-down-Ck3rUZtc.js";import{t as o}from"./external-link-DuJlM_H4.js";import{_ as s,c,d as l,f as u,g as d,h as f,l as p,m,n as h,o as g,s as _,u as v,v as y}from"./sidebar.context-BCb20eIt.js";import{k as b,n as x,s as S}from"./index-Cz4UGUT2.js";import{a as C,c as w,i as T,l as E,o as D,r as O,t as k}from"./dropdown-menu-bPWrLPgm.js";import{t as A}from"./skeleton-BeVdks4r.js";import{t as j}from"./scroll-area-CgXTHlpJ.js";import{a as M,i as N,n as P,r as F,t as I}from"./sheet-CEuKOBxr.js";import{t as L}from"./sidebar--2nHUTn3.js";import{t as R}from"./use-layout-link-BK_oEoBg.js";var z=e(t(),1),B=S();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)(i,{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`;r(`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}=h(),f=b(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-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]`:`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)(n,{tag:`span`,className:`truncate text-inherit`,children:U(e)})}function Z({navigationByGroups:e,currentUrl:t=`/`,iconMap:r={},liveBadges:i,renderLink:a,LinkComponent:o,emptySlot:l,renderItem:p,className:h}){let g=R({renderLink:a,LinkComponent:o}),_=e=>!!e&&H(t,V(e)),b=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},S=e=>!!e?.some(e=>_(e.href)||S(e.children)),C=(e,t=0,a=0)=>{let o=!!e.children?.length,c=_(e.href),l=o?S(e.children):!1,u=c||l,h=K(e.handle,e.badge,i),v=U(e),y={depth:t,active:c,expanded:u,badge:h,renderLink:g};if(p)return(0,B.jsx)(z.Fragment,{children:p(e,y)},W(e,a));if(o){let t=b(e.children??[]),o=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!h&&(0,B.jsx)(G,{value:h})]});return(0,B.jsxs)(m,{children:[(0,B.jsx)(L,{isActive:u,render:e.href&&!e.disabled?J(g,e,o,void 0,u):void 0,tooltip:{children:v},disabled:e.disabled,className:x(`h-7 font-medium`,c&&`bg-sidebar-accent text-sidebar-foreground`,!c&&l&&`bg-sidebar-accent/45 text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:o}),!!u&&(0,B.jsx)(f,{className:`gap-0.5`,children:e.children?.map((e,r)=>{let a=r===t||_(e.href),o=K(e.handle,e.badge,i),c=U(e),l=(0,B.jsxs)(B.Fragment,{children:[typeof c==`string`||typeof c==`number`?(0,B.jsx)(n,{tag:`span`,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)(d,{render:e.href&&!e.disabled?J(g,e,l,void 0,a):void 0,className:x(`w-full`,a&&`font-semibold text-sidebar-foreground`),children:l})},W(e,r))})})]},W(e,a))}let C=(0,B.jsxs)(B.Fragment,{children:[!!e.icon&&(0,B.jsx)(q,{icon:e.icon,iconMap:r,className:`size-4`,"aria-hidden":`true`}),(0,B.jsx)(X,{item:e}),!!h&&(0,B.jsx)(G,{value:h})]});return(0,B.jsx)(m,{children:(0,B.jsx)(L,{isActive:c,render:e.href&&!e.disabled?J(g,e,C,void 0,c):void 0,tooltip:{children:v},disabled:e.disabled,className:x(`h-7 font-medium`,c&&`bg-sidebar-accent text-sidebar-foreground`,e.disabled&&`cursor-not-allowed opacity-50`),children:C})},W(e,a))},w=Object.entries(e).filter(([,e])=>e.length>0);return w.length===0?l??null:(0,B.jsx)(`div`,{className:h,children:w.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)(v,{children:e}),(0,B.jsx)(u,{className:`gap-0.5`,children:t.map((e,t)=>C(e,0,t))})]}),n<w.length-1&&(0,B.jsx)(y,{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}=h(),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:r=`/`,iconMap:i={},liveBadges:a,renderLink:s,LinkComponent:l,className:d}){let f=R({renderLink:s,LinkComponent:l});return(0,B.jsxs)(c,{className:x(`group-data-[collapsible=icon]:p-0`,d),children:[!!t&&(0,B.jsx)(v,{children:t}),(0,B.jsx)(p,{children:(0,B.jsx)(u,{className:`gap-0.5`,children:e.map((e,t)=>{let s=!!e.href&&H(r,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:i,className:`size-4`,"aria-hidden":`true`}),typeof l==`string`||typeof l==`number`?(0,B.jsx)(n,{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)(m,{children:(0,B.jsx)(L,{isActive:s,render:e.href&&!e.disabled?J(f,e,u,void 0,s):void 0,className:x(`h-7 font-medium text-sidebar-foreground/70 hover:text-sidebar-foreground`,s&&`bg-sidebar-accent text-sidebar-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:r,renderLink:i,LinkComponent:s,strings:c,contentClassName:l}){let d=b(re,c),f=R({renderLink:i,LinkComponent:s}),{state:p}=h(),g=p===`collapsed`;return(0,B.jsx)(u,{children:(0,B.jsx)(m,{children:(0,B.jsxs)(k,{children:[(0,B.jsxs)(E,{render:(0,B.jsx)(L,{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)(n,{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)(O,{className:x(`min-w-56`,l),align:`start`,side:`right`,sideOffset:8,children:(0,B.jsxs)(T,{children:[(0,B.jsx)(D,{children:(0,B.jsx)(n,{weight:`semibold`,children:d.label})}),(0,B.jsx)(w,{}),r.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)(n,{tag:`span`,size:`xs`,className:`text-inherit`,children:e.label})]});return(0,B.jsx)(C,{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:h,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,A=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:A?(0,B.jsx)($,{logo:r,collapsedLogo:i,workspaceLinks:a,strings:o,contentClassName:s,renderLink:m,LinkComponent:h}):(0,B.jsx)(ne,{logo:r,collapsedLogo:i,className:u})})),(0,B.jsx)(g,{className:T,children:(0,B.jsxs)(j,{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:h,emptySlot:E?.empty,renderItem:D}),E?.afterNavigation]})}),O&&(0,B.jsx)(_,{children:E?.footer??(0,B.jsx)(Q,{items:t,label:n,currentUrl:f,iconMap:d,liveBadges:p,renderLink:m,LinkComponent:h})})]})}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)(m,{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)(y,{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-CYh_aUsd.js

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

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

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

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.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-CuAsO3-r.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.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-5EFTnHEG.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Gn as n,H as r,Ln as i,R as a,V as o,Yn as s,ir as c,rr as l,tr as u}from"./example-BIrQab7K.js";import{n as d,s as f}from"./index-Cz4UGUT2.js";var p=e(t()),m=p.createContext(void 0);function h(){let e=p.useContext(m);if(e===void 0)throw Error(u(13));return e}var g={imageLoadingStatus:()=>null},_=f(),v=p.forwardRef(function(e,t){let{className:r,render:i,style:a,...o}=e,[s,c]=p.useState(`idle`),l={imageLoadingStatus:s},u=p.useMemo(()=>({imageLoadingStatus:s,setImageLoadingStatus:c}),[s,c]),d=n(`span`,e,{state:l,ref:t,props:o,stateAttributesMapping:g});return(0,_.jsx)(m.Provider,{value:u,children:d})});function y(e,{referrerPolicy:t,crossOrigin:n}){let[r,i]=p.useState(`idle`);return l(()=>{if(!e)return i(`error`),s;let r=!0,a=new window.Image,o=e=>()=>{r&&i(e)};return i(`loading`),a.onload=o(`loaded`),a.onerror=o(`error`),t&&(a.referrerPolicy=t),a.crossOrigin=n??null,a.src=e,a.complete&&i(a.naturalWidth>0?`loaded`:`error`),()=>{r=!1}},[e,n,t]),r}var b={...g,...o},x=p.forwardRef(function(e,t){let{className:i,render:o,onLoadingStatusChange:s,referrerPolicy:u,crossOrigin:d,style:f,...m}=e,g=h(),_=y(e.src,{referrerPolicy:u,crossOrigin:d}),v=_===`loaded`,{mounted:x,transitionStatus:S,setMounted:C}=r(v),w=p.useRef(null),T=c(e=>{s?.(e),g.setImageLoadingStatus(e)});l(()=>{_!==`idle`&&T(_)},[_,T]),a({open:v,ref:w,onComplete(){v||C(!1)}});let E=n(`img`,e,{state:{imageLoadingStatus:_,transitionStatus:S},ref:[t,w],props:m,stateAttributesMapping:b,enabled:x});return x?E:null}),S=p.forwardRef(function(e,t){let{className:r,render:a,delay:o,style:s,...c}=e,{imageLoadingStatus:l}=h(),[u,d]=p.useState(o===void 0),f=i();return p.useEffect(()=>(o!==void 0&&f.start(o,()=>d(!0)),f.clear),[f,o]),n(`span`,e,{state:{imageLoadingStatus:l},ref:t,props:c,stateAttributesMapping:g,enabled:l!==`loaded`&&u})});function C({className:e,size:t=`default`,...n}){return(0,_.jsx)(v,{"data-slot":`avatar`,"data-size":t,className:d(`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:d(`rounded-full aspect-square size-full object-cover`,e),...t})}function T({className:e,...t}){return(0,_.jsx)(S,{"data-slot":`avatar-fallback`,className:d(`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:d(`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:d(`*: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:d(`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-DLpnivU0.js

@@ -0,0 +1,57 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{s as i}from"./index-Cz4UGUT2.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./avatar-5EFTnHEG.js";import{n as d}from"./PreviewLayout-BG1B5TzA.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-check-BRAVo7dA.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.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/badge-yFoRqbiq.js

@@ -0,0 +1,28 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r,yr as i}from"./example-BIrQab7K.js";import{s as a}from"./index-Cz4UGUT2.js";import{t as o}from"./props-table-BR-KjRNe.js";var s=e({Default:()=>l,Variants:()=>u,WithDot:()=>d}),c=a();function l(){return(0,c.jsx)(i,{children:`New`})}function u(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(i,{variant:`primary`,children:`Primary`}),(0,c.jsx)(i,{variant:`success`,children:`Success`}),(0,c.jsx)(i,{variant:`warning`,children:`Warning`}),(0,c.jsx)(i,{variant:`destructive`,children:`Destructive`}),(0,c.jsx)(i,{variant:`info`,children:`Info`}),(0,c.jsx)(i,{variant:`secondary`,children:`Secondary`})]})}function d(){return(0,c.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,c.jsx)(i,{variant:`success`,dot:!0,children:`Live`}),(0,c.jsx)(i,{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){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)(n,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(r,{name:`Default`,source:f,children:(0,c.jsx)(l,{})}),(0,c.jsx)(r,{name:`Variants`,source:f,children:(0,c.jsx)(u,{})}),(0,c.jsx)(r,{name:`WithDot`,source:f,children:(0,c.jsx)(d,{})})]}),(0,c.jsx)(n,{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/bell-Dt3Nz2y2.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.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-5Ro5Dayc.js

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

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.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/brain-736080Wh.js

@@ -0,0 +1 @@
+import{a as e}from"./index-Cz4UGUT2.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-4K8xsJ91.js

@@ -0,0 +1,36 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{n as i,s as a}from"./index-Cz4UGUT2.js";import{n as o,t as s}from"./PreviewLayout-BG1B5TzA.js";var c=a(),l=({className:e,title:t,alt:n,inverted:r=!1})=>(0,c.jsxs)(`svg`,{role:`img`,"aria-label":n??`GCT`,className:i(`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:i(`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-CAlApdCw.js

@@ -0,0 +1 @@
+import"./chunk-QTnfLwEv.js";import{n as e}from"./react-dom-Bz4cALsF.js";import{l as t}from"./example-BIrQab7K.js";import{t as n}from"./chevron-right-d-umkBru.js";import{n as r,s as i}from"./index-Cz4UGUT2.js";e();var a=i();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:r(`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:r(`inline-flex items-center gap-1.5`,e),...t})}function l({asChild:e,className:n,...i}){return(0,a.jsx)(e?t:`a`,{"data-slot":`breadcrumb-link`,className:r(`hover:text-foreground transition-colors`,n),...i})}function u({className:e,...t}){return(0,a.jsx)(`span`,{"data-slot":`breadcrumb-page`,role:`link`,"aria-disabled":`true`,"aria-current":`page`,className:r(`text-foreground font-normal`,e),...t})}function d({children:e,className:t,...i}){return(0,a.jsx)(`li`,{"data-slot":`breadcrumb-separator`,role:`presentation`,className:r(`[&>svg]:size-3.5`,t),...i,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-DHeGqoTD.js

@@ -0,0 +1,52 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-BIrQab7K.js";import{a as i,s as a}from"./index-Cz4UGUT2.js";import{a as o,i as s,n as c,o as l,r as u,t as d}from"./breadcrumb-CAlApdCw.js";var f=i(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),p=e({CustomSeparator:()=>g,Default:()=>h}),m=a();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-D_lniGJs.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{n,s as r}from"./index-Cz4UGUT2.js";import{a as i,i as a,n as o,o as s,r as c,t as l}from"./breadcrumb-CAlApdCw.js";var u=e(t(),1),d=r(),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={xs:{item:`text-xs`,list:`!gap-0.5 sm:!gap-1`,separator:`!mx-0.5 sm:!mx-1`,color:`text-muted-foreground/70`},sm:{item:`text-sm`,list:`!gap-1 sm:!gap-1.5`,separator:`!mx-1 sm:!mx-1.5`,color:`text-muted-foreground`},md:{item:`text-base`,list:`!gap-2 sm:!gap-2.5`,separator:`!mx-2 sm:!mx-2.5`,color:`text-muted-foreground`}};function g({breadcrumbs:e,size:t=`md`,className:r,renderLink:g=m}){if(e.length===0)return null;let{item:_,list:v,separator:y,color:b}=h[t]??h.md;return(0,d.jsx)(l,{className:n(`breadcrumbs--component`,b,r),children:(0,d.jsx)(a,{className:n(`flex flex-wrap items-center break-words`,v),children:e.map((t,r)=>{let a=r===e.length-1,l=t.handle??t.href??`crumb-${f(p(t.label))}-${r}`;return(0,d.jsxs)(u.Fragment,{children:[(0,d.jsx)(o,{className:n(_,`font-medium`),children:a||!t.href?(0,d.jsx)(i,{children:t.label}):(0,d.jsx)(c,{asChild:!0,children:g({href:t.href,children:t.label})})}),!a&&(0,d.jsx)(s,{className:n(y)})]},l)})})})}g.displayName=`Breadcrumbs`;export{g as t};

package/dist/showcase/assets/briefcase-B_Uti-Iu.js

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

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

@@ -0,0 +1,44 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{Un as t,hr as n,mr as r,t as i}from"./example-BIrQab7K.js";import{s as a}from"./index-Cz4UGUT2.js";import{t as o}from"./button-group-DAOmmujV.js";import{n as s}from"./PreviewLayout-BG1B5TzA.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)(t,{children:`default`}),(0,l.jsx)(t,{variant:`outline`,children:`outline`}),(0,l.jsx)(t,{variant:`secondary`,children:`secondary`}),(0,l.jsx)(t,{variant:`ghost`,children:`ghost`}),(0,l.jsx)(t,{variant:`destructive`,children:`destructive`}),(0,l.jsx)(t,{variant:`link`,children:`link`})]})})}function d(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(s,{children:[(0,l.jsx)(t,{size:`xs`,children:`xs`}),(0,l.jsx)(t,{size:`sm`,children:`sm`}),(0,l.jsx)(t,{size:`default`,children:`default`}),(0,l.jsx)(t,{size:`lg`,children:`lg`})]})})}function f(){return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)(o,{children:[(0,l.jsx)(t,{variant:`outline`,children:`Day`}),(0,l.jsx)(t,{variant:`outline`,children:`Week`}),(0,l.jsx)(t,{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="lg">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)(n,{title:`UI · Button`,description:`shadcn primitive button — variants, sizes, button group.`,layer:`ui`,status:`ready`,children:(0,l.jsxs)(r,{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-DAOmmujV.js

@@ -0,0 +1 @@
+import{xr as e}from"./example-BIrQab7K.js";import{n as t,s as n}from"./index-Cz4UGUT2.js";var r=n(),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:n,...a}){return(0,r.jsx)(`div`,{role:`group`,"data-slot":`button-group`,"data-orientation":n,className:t(i({orientation:n}),e),...a})}export{a as t};