admin-ui-starter-kit 0.1.2 → 0.1.4

package/dist/showcase/assets/ui-badge-ByyFPLOB.js

@@ -0,0 +1,28 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{_r as t,hr as n,mr as r,t as i}from"./example-C6-_Sy6B.js";import{a}from"./index-B8DVXCmf.js";import{n as o}from"./PreviewLayout-N1PTTyZK.js";var s=e({InContext:()=>u,Variants:()=>l}),c=a();function l(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsx)(t,{children:`default`}),(0,c.jsx)(t,{variant:`secondary`,children:`secondary`}),(0,c.jsx)(t,{variant:`destructive`,children:`destructive`}),(0,c.jsx)(t,{variant:`outline`,children:`outline`})]})})}function u(){return(0,c.jsx)(c.Fragment,{children:(0,c.jsxs)(o,{children:[(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{variant:`secondary`,children:`draft`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{children:`live`})]}),(0,c.jsxs)(`span`,{className:`text-sm`,children:[`Status: `,(0,c.jsx)(t,{variant:`destructive`,children:`expired`})]})]})})}var d=`import { Badge } from '@/components/ui/badge';
+import { Row } from '../../PreviewLayout';
+
+export function Variants() {
+	return (
+		<>
+			<Row>
+								<Badge>default</Badge>
+								<Badge variant="secondary">secondary</Badge>
+								<Badge variant="destructive">destructive</Badge>
+								<Badge variant="outline">outline</Badge>
+							</Row>
+		</>
+	);
+}
+
+export function InContext() {
+	return (
+		<>
+			<Row>
+								<span className="text-sm">Status: <Badge variant="secondary">draft</Badge></span>
+								<span className="text-sm">Status: <Badge>live</Badge></span>
+								<span className="text-sm">Status: <Badge variant="destructive">expired</Badge></span>
+							</Row>
+		</>
+	);
+}
+`;function f(e){return s||m(`Examples`,!1),u||m(`Examples.InContext`,!0),l||m(`Examples.Variants`,!0),(0,c.jsx)(n,{title:`UI · Badge`,description:`shadcn badge primitive (no theming wrapper).`,layer:`ui`,status:`ready`,children:(0,c.jsxs)(r,{title:`Examples`,id:`examples`,children:[(0,c.jsx)(i,{name:`Variants`,source:d,children:(0,c.jsx)(l,{})}),(0,c.jsx)(i,{name:`InContext`,source:d,children:(0,c.jsx)(u,{})})]})})}function p(e={}){let{wrapper:t}=e.components||{};return t?(0,c.jsx)(t,{...e,children:(0,c.jsx)(f,{...e})}):f(e)}function m(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{p as default};

package/dist/showcase/assets/ui-card-DYLLiD89.js

@@ -0,0 +1,30 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-C6-_Sy6B.js";import{a as i}from"./index-B8DVXCmf.js";import{a,i as o,n as s,o as c,r as l,t as u}from"./card-DoU1VD79.js";var d=e({CompactSizeSm:()=>m,Default:()=>p}),f=i();function p(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{children:[(0,f.jsxs)(a,{children:[(0,f.jsx)(c,{children:`Card title`}),(0,f.jsx)(l,{children:`A short description goes here.`})]}),(0,f.jsx)(s,{children:`Body content area.`}),(0,f.jsx)(o,{className:`text-xs text-muted-foreground`,children:`Footer note`})]})})}function m(){return(0,f.jsx)(f.Fragment,{children:(0,f.jsxs)(u,{size:`sm`,children:[(0,f.jsx)(a,{children:(0,f.jsx)(c,{children:`Compact`})}),(0,f.jsx)(s,{children:`Smaller padding & gap.`})]})})}var h=`import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from '@/components/ui/card';
+
+export function Default() {
+	return (
+		<>
+			<Card>
+								<CardHeader>
+									<CardTitle>Card title</CardTitle>
+									<CardDescription>A short description goes here.</CardDescription>
+								</CardHeader>
+								<CardContent>Body content area.</CardContent>
+								<CardFooter className="text-xs text-muted-foreground">Footer note</CardFooter>
+							</Card>
+		</>
+	);
+}
+
+export function CompactSizeSm() {
+	return (
+		<>
+			<Card size="sm">
+								<CardHeader>
+									<CardTitle>Compact</CardTitle>
+								</CardHeader>
+								<CardContent>Smaller padding & gap.</CardContent>
+							</Card>
+		</>
+	);
+}
+`;function g(e){return d||v(`Examples`,!1),m||v(`Examples.CompactSizeSm`,!0),p||v(`Examples.Default`,!0),(0,f.jsx)(t,{title:`UI · Card`,description:`shadcn primitive card with header / title / description / content / footer.`,layer:`ui`,status:`ready`,children:(0,f.jsxs)(n,{title:`Examples`,id:`examples`,children:[(0,f.jsx)(r,{name:`Default`,source:h,children:(0,f.jsx)(p,{})}),(0,f.jsx)(r,{name:`CompactSizeSm`,source:h,children:(0,f.jsx)(m,{})})]})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,f.jsx)(t,{...e,children:(0,f.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/ui-table-DW4QIwxK.js

@@ -0,0 +1,42 @@
+import{n as e}from"./chunk-QTnfLwEv.js";import{hr as t,mr as n,t as r}from"./example-C6-_Sy6B.js";import{a as i}from"./index-B8DVXCmf.js";import{a,i as o,n as s,o as c,r as l,s as u,t as d}from"./table-BJ9HSK6H.js";var f=e({Default:()=>m}),p=i();function m(){return(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(d,{children:[(0,p.jsx)(l,{children:`Recent orders`}),(0,p.jsx)(c,{children:(0,p.jsxs)(u,{children:[(0,p.jsx)(a,{children:`Order`}),(0,p.jsx)(a,{children:`Customer`}),(0,p.jsx)(a,{children:`Amount`}),(0,p.jsx)(a,{children:`Status`})]})}),(0,p.jsxs)(s,{children:[(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-001`}),(0,p.jsx)(o,{children:`Sarah Smitha`}),(0,p.jsx)(o,{children:`2,450 USD`}),(0,p.jsx)(o,{children:`Paid`})]}),(0,p.jsxs)(u,{children:[(0,p.jsx)(o,{children:`ORD-002`}),(0,p.jsx)(o,{children:`Daniel Smith`}),(0,p.jsx)(o,{children:`370 USD`}),(0,p.jsx)(o,{children:`Pending`})]})]})]})})}var h=`import {
+	Table,
+	TableBody,
+	TableCaption,
+	TableCell,
+	TableHead,
+	TableHeader,
+	TableRow,
+} from '@/components/ui/table';
+
+export function Default() {
+	return (
+		<>
+			<Table>
+								<TableCaption>Recent orders</TableCaption>
+								<TableHeader>
+									<TableRow>
+										<TableHead>Order</TableHead>
+										<TableHead>Customer</TableHead>
+										<TableHead>Amount</TableHead>
+										<TableHead>Status</TableHead>
+									</TableRow>
+								</TableHeader>
+								<TableBody>
+									<TableRow>
+										<TableCell>ORD-001</TableCell>
+										<TableCell>Sarah Smitha</TableCell>
+										<TableCell>2,450 USD</TableCell>
+										<TableCell>Paid</TableCell>
+									</TableRow>
+									<TableRow>
+										<TableCell>ORD-002</TableCell>
+										<TableCell>Daniel Smith</TableCell>
+										<TableCell>370 USD</TableCell>
+										<TableCell>Pending</TableCell>
+									</TableRow>
+								</TableBody>
+							</Table>
+		</>
+	);
+}
+`;function g(e){return f||v(`Examples`,!1),m||v(`Examples.Default`,!0),(0,p.jsx)(t,{title:`UI · Table`,description:`shadcn table primitive (no data layer).`,layer:`ui`,status:`ready`,children:(0,p.jsx)(n,{title:`Examples`,id:`examples`,children:(0,p.jsx)(r,{name:`Default`,source:h,children:(0,p.jsx)(m,{})})})})}function _(e={}){let{wrapper:t}=e.components||{};return t?(0,p.jsx)(t,{...e,children:(0,p.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/upload-tray-ZdL_dzc0.js

@@ -0,0 +1,138 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Cr as i,Tr as a,gr as o,hr as s,mr as c,r as l,t as u}from"./example-C6-_Sy6B.js";import{t as d}from"./circle-alert-DJevf3tT.js";import{t as f}from"./clock-Bn2R4aDX.js";import{n as p,t as m}from"./dropzone-OivkuTPF.js";import{t as h}from"./refresh-cw-Tu5E_cGA.js";import{t as g}from"./x-CE8oevyh.js";import{D as _,a as v}from"./index-B8DVXCmf.js";import{t as y}from"./props-table-CM_1cocj.js";var b=v(),x={queued:`Queued`,uploading:`Uploading`,done:`Uploaded`,error:`Failed`,cancelled:`Cancelled`,cancel:`Cancel`,retry:`Retry`,remove:`Remove`},S={queued:{icon:f,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`},uploading:{icon:p,bg:`bg-primary/15`,fg:`text-primary`,bar:`bg-primary`},done:{icon:r,bg:`bg-success/15`,fg:`text-success`,bar:`bg-success`},error:{icon:d,bg:`bg-destructive/15`,fg:`text-destructive`,bar:`bg-destructive`},cancelled:{icon:g,bg:`bg-muted`,fg:`text-muted-foreground`,bar:`bg-muted-foreground/30`}};function C({items:e,onCancel:t,onRetry:n,onRemove:r,className:o,strings:s}){let c=_(x,s),u={queued:c.queued,uploading:c.uploading,done:c.done,error:c.error,cancelled:c.cancelled};return e.length===0?null:(0,b.jsx)(`ul`,{className:a(`upload-progress-list--component`,`space-y-2`,o),children:e.map(e=>{let o=S[e.status],s=o.icon,d=e.status===`done`?100:e.status===`cancelled`||e.status===`error`?e.progress??0:Math.max(0,Math.min(100,e.progress??0)),f=e.status===`uploading`||e.status===`queued`;return(0,b.jsx)(`li`,{className:`rounded-md border border-border/60 bg-card px-3 py-2`,children:(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(`span`,{className:a(`inline-flex size-7 shrink-0 items-center justify-center rounded-md`,o.bg,o.fg),children:(0,b.jsx)(s,{className:a(`size-3.5`,e.status===`uploading`&&`animate-pulse`)})}),(0,b.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,b.jsxs)(`div`,{className:`flex items-baseline justify-between gap-2`,children:[(0,b.jsx)(i,{weight:`medium`,className:`truncate`,children:e.name}),(0,b.jsx)(i,{size:`xxs`,type:`secondary`,className:`shrink-0 tabular-nums`,children:e.size})]}),f?(0,b.jsx)(`div`,{className:`mt-1.5 h-1 w-full overflow-hidden rounded-full bg-muted`,children:(0,b.jsx)(`div`,{className:a(`h-full rounded-full transition-[width] duration-200`,o.bar),style:{width:`${d}%`}})}):(0,b.jsxs)(i,{size:`xxs`,type:e.status===`error`?`error`:`secondary`,children:[u[e.status],e.status===`error`&&!!e.error&&` — ${e.error}`]})]}),(0,b.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[e.status===`uploading`&&!!t&&(0,b.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.cancel,onClick:()=>t(e.id),children:(0,b.jsx)(g,{className:`size-3.5`})}),e.status===`error`&&!!n&&(0,b.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.retry,onClick:()=>n(e.id),children:(0,b.jsx)(h,{className:`size-3.5`})}),(e.status===`done`||e.status===`error`||e.status===`cancelled`)&&!!r&&(0,b.jsx)(l,{type:`button`,variant:`secondary`,buttonStyle:`ghost`,size:`icon-xs`,"aria-label":c.remove,onClick:()=>r(e.id),children:(0,b.jsx)(g,{className:`size-3.5`})})]})]})},e.id)})})}C.displayName=`UploadProgressList`;var w=t(n(),1),T={heading:`Upload progress`,completedLabel:`Completed`,failedLabel:`Failed`,uploadingLabel:`Uploading`,queuedLabel:`Queued`,clearAll:`Clear all`};function E(e){let t=0,n=0,r=0,i=0;for(let a of e)a.status===`done`?t+=1:a.status===`error`?n+=1:a.status===`uploading`?r+=1:a.status===`queued`&&(i+=1);return{completed:t,failed:n,uploading:r,queued:i}}var D=(0,w.forwardRef)(function({items:e,onAddFiles:t,onCancel:n,onRetry:r,onRemove:s,onClearAll:c,dropzone:u,className:d,strings:f,listStrings:p},h){let g=_(T,f),{completed:v,failed:y,uploading:x,queued:S}=E(e),D=(0,w.useCallback)(e=>{e.length>0&&t(e)},[t]),O=e.length>0;return(0,b.jsxs)(`div`,{ref:h,className:a(`upload-tray--component`,`flex flex-col gap-4`,d),children:[(0,b.jsx)(m,{onDrop:D,accept:u?.accept,multiple:u?.multiple,size:u?.size,disabled:u?.disabled,invalid:u?.invalid,strings:u?.strings}),!!O&&(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,b.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,b.jsx)(i,{tag:`span`,weight:`semibold`,children:g.heading}),v>0&&(0,b.jsxs)(o,{variant:`success`,children:[g.completedLabel,`: `,v]}),y>0&&(0,b.jsxs)(o,{variant:`destructive`,children:[g.failedLabel,`: `,y]}),x>0&&(0,b.jsxs)(o,{variant:`info`,children:[g.uploadingLabel,`: `,x]}),S>0&&(0,b.jsxs)(o,{variant:`secondary`,children:[g.queuedLabel,`: `,S]})]}),!!c&&(0,b.jsx)(l,{variant:`secondary`,buttonStyle:`ghost`,onClick:c,children:g.clearAll})]}),(0,b.jsx)(C,{items:e,onCancel:n,onRetry:r,onRemove:s,strings:p})]})]})});D.displayName=`UploadTray`;var O=e({Default:()=>j,EmptyDropzoneOnly:()=>M,LiveSimulatedUpload:()=>P,LocalisedFrench:()=>F,MixedItemStates:()=>N});function k(e){return e<1024?`${e} B`:e<1024**2?`${(e/1024).toFixed(1)} KB`:e<1024**3?`${(e/1024/1024).toFixed(1)} MB`:`${(e/1024/1024/1024).toFixed(1)} GB`}var A=[{id:`seed-1`,name:`spec.pdf`,size:`420 KB`,status:`done`,progress:100},{id:`seed-2`,name:`photo-large.png`,size:`2.4 MB`,status:`error`,progress:65,error:`Upload failed. Please try again.`},{id:`seed-3`,name:`archive.zip`,size:`8.1 MB`,status:`uploading`,progress:42}];function j(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[])})})}function M(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:[],onAddFiles:()=>{}})})}function N(){let[e,t]=(0,w.useState)(A);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:()=>{},onRetry:e=>t(t=>t.map(t=>t.id===e?{...t,status:`uploading`,progress:0,error:void 0}:t)),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:()=>t([])})})}function P(){let[e,t]=(0,w.useState)([]);return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:e,onAddFiles:(0,w.useCallback)(e=>{let n=e.map(e=>({id:`${Date.now()}-${e.name}`,name:e.name,size:k(e.size),progress:0,status:`uploading`}));t(e=>[...e,...n])},[]),onRemove:e=>t(t=>t.filter(t=>t.id!==e)),onClearAll:e.length>0?()=>t([]):void 0,dropzone:{multiple:!0,strings:{instruction:`Drag files here or click to browse`,helper:`Up to 10 MB each — images, PDFs, archives`}}})})}function F(){return(0,b.jsx)(`div`,{className:`w-full max-w-2xl`,children:(0,b.jsx)(D,{items:A.slice(0,2),onAddFiles:()=>{},onRetry:()=>{},onRemove:()=>{},onClearAll:()=>{},strings:{heading:`Téléversements`,completedLabel:`Terminés`,failedLabel:`Échoués`,uploadingLabel:`En cours`,queuedLabel:`En attente`,clearAll:`Tout effacer`},listStrings:{queued:`En attente`,uploading:`En cours`,done:`Terminé`,error:`Échoué`,cancelled:`Annulé`,cancel:`Annuler`,retry:`Réessayer`,remove:`Supprimer`},dropzone:{strings:{instruction:`Glissez vos fichiers ou cliquez`,helper:`PDF, images, archives — 10 Mo maximum`,dragOver:`Relâchez pour téléverser`}}})})}var I=`import { useCallback, useState } from 'react';
+import {
+	UploadTray,
+	type UploadItem,
+} from '@/components/base/forms/fields';
+
+function formatBytes(bytes: number): string {
+	if (bytes < 1024) return \`\${bytes} B\`;
+	if (bytes < 1024 ** 2) return \`\${(bytes / 1024).toFixed(1)} KB\`;
+	if (bytes < 1024 ** 3) return \`\${(bytes / 1024 / 1024).toFixed(1)} MB\`;
+	return \`\${(bytes / 1024 / 1024 / 1024).toFixed(1)} GB\`;
+}
+
+const INITIAL: UploadItem[] = [
+	{ id: 'seed-1', name: 'spec.pdf', size: '420 KB', status: 'done', progress: 100 },
+	{ id: 'seed-2', name: 'photo-large.png', size: '2.4 MB', status: 'error', progress: 65, error: 'Upload failed. Please try again.' },
+	{ id: 'seed-3', name: 'archive.zip', size: '8.1 MB', status: 'uploading', progress: 42 },
+];
+
+export function Default() {
+	const [items, setItems] = useState<UploadItem[]>([]);
+	const onAddFiles = useCallback((files: File[]) => {
+		const next: UploadItem[] = files.map((f) => ({
+			id: \`\${Date.now()}-\${f.name}\`,
+			name: f.name,
+			size: formatBytes(f.size),
+			progress: 0,
+			status: 'uploading' as const,
+		}));
+		setItems((prev) => [...prev, ...next]);
+	}, []);
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray items={items} onAddFiles={onAddFiles} />
+		</div>
+	);
+}
+
+export function EmptyDropzoneOnly() {
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray items={[]} onAddFiles={() => {}} />
+		</div>
+	);
+}
+
+export function MixedItemStates() {
+	const [items, setItems] = useState<UploadItem[]>(INITIAL);
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray
+				items={items}
+				onAddFiles={() => {}}
+				onRetry={(id) =>
+					setItems((prev) =>
+						prev.map((it) => (it.id === id ? { ...it, status: 'uploading', progress: 0, error: undefined } : it)),
+					)
+				}
+				onRemove={(id) => setItems((prev) => prev.filter((it) => it.id !== id))}
+				onClearAll={() => setItems([])}
+			/>
+		</div>
+	);
+}
+
+export function LiveSimulatedUpload() {
+	const [items, setItems] = useState<UploadItem[]>([]);
+	const onAddFiles = useCallback((files: File[]) => {
+		const next: UploadItem[] = files.map((f) => ({
+			id: \`\${Date.now()}-\${f.name}\`,
+			name: f.name,
+			size: formatBytes(f.size),
+			progress: 0,
+			status: 'uploading' as const,
+		}));
+		setItems((prev) => [...prev, ...next]);
+	}, []);
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray
+				items={items}
+				onAddFiles={onAddFiles}
+				onRemove={(id) => setItems((prev) => prev.filter((it) => it.id !== id))}
+				onClearAll={items.length > 0 ? () => setItems([]) : undefined}
+				dropzone={{
+					multiple: true,
+					strings: {
+						instruction: 'Drag files here or click to browse',
+						helper: 'Up to 10 MB each — images, PDFs, archives',
+					},
+				}}
+			/>
+		</div>
+	);
+}
+
+export function LocalisedFrench() {
+	return (
+		<div className="w-full max-w-2xl">
+			<UploadTray
+				items={INITIAL.slice(0, 2)}
+				onAddFiles={() => {}}
+				onRetry={() => {}}
+				onRemove={() => {}}
+				onClearAll={() => {}}
+				strings={{
+					heading: 'Téléversements',
+					completedLabel: 'Terminés',
+					failedLabel: 'Échoués',
+					uploadingLabel: 'En cours',
+					queuedLabel: 'En attente',
+					clearAll: 'Tout effacer',
+				}}
+				listStrings={{
+					queued: 'En attente',
+					uploading: 'En cours',
+					done: 'Terminé',
+					error: 'Échoué',
+					cancelled: 'Annulé',
+					cancel: 'Annuler',
+					retry: 'Réessayer',
+					remove: 'Supprimer',
+				}}
+				dropzone={{
+					strings: {
+						instruction: 'Glissez vos fichiers ou cliquez',
+						helper: 'PDF, images, archives — 10 Mo maximum',
+						dragOver: 'Relâchez pour téléverser',
+					},
+				}}
+			/>
+		</div>
+	);
+}
+`;function L(e){let t={code:`code`,p:`p`,...e.components};return O||z(`Examples`,!1),j||z(`Examples.Default`,!0),M||z(`Examples.EmptyDropzoneOnly`,!0),P||z(`Examples.LiveSimulatedUpload`,!0),F||z(`Examples.LocalisedFrench`,!0),N||z(`Examples.MixedItemStates`,!0),(0,b.jsxs)(s,{title:`Upload tray`,description:`Drag-drop area + per-file progress rows + summary toolbar. Composes Dropzone and UploadProgressList. Framework-agnostic — the consumer drives the actual transfer.`,layer:`base`,status:`ready`,sourcePath:`src/components/base/forms/fields`,children:[(0,b.jsx)(c,{title:`Overview`,id:`overview`,children:(0,b.jsxs)(t.p,{children:[(0,b.jsx)(t.code,{children:`UploadTray`}),` is the canonical drop-and-progress surface. The consumer owns
+the items array (status + progress) and wires `,(0,b.jsx)(t.code,{children:`onAddFiles`}),`, `,(0,b.jsx)(t.code,{children:`onRetry`}),`,
+`,(0,b.jsx)(t.code,{children:`onRemove`}),`, and `,(0,b.jsx)(t.code,{children:`onClearAll`}),` to their transfer mechanism. Every string is
+overridable via `,(0,b.jsx)(t.code,{children:`strings`}),`, `,(0,b.jsx)(t.code,{children:`listStrings`}),`, and `,(0,b.jsx)(t.code,{children:`dropzone.strings`}),`.`]})}),(0,b.jsx)(c,{title:`Default`,id:`default`,children:(0,b.jsx)(u,{name:`Default`,source:I,children:(0,b.jsx)(j,{})})}),(0,b.jsxs)(c,{title:`States`,id:`states`,children:[(0,b.jsx)(u,{name:`EmptyDropzoneOnly`,source:I,children:(0,b.jsx)(M,{})}),(0,b.jsx)(u,{name:`MixedItemStates`,source:I,children:(0,b.jsx)(N,{})})]}),(0,b.jsx)(c,{title:`Realistic usage`,id:`realistic`,children:(0,b.jsx)(u,{name:`LiveSimulatedUpload`,source:I,children:(0,b.jsx)(P,{})})}),(0,b.jsx)(c,{title:`Localisation`,id:`localisation`,children:(0,b.jsx)(u,{name:`LocalisedFrench`,source:I,children:(0,b.jsx)(F,{})})}),(0,b.jsx)(c,{title:`API`,id:`api`,children:(0,b.jsx)(y,{component:`UploadTray`})})]})}function R(e={}){let{wrapper:t}=e.components||{};return t?(0,b.jsx)(t,{...e,children:(0,b.jsx)(L,{...e})}):L(e)}function z(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{R as default};

package/dist/showcase/assets/useAnchoredPopupScrollLock-AFPLx3SZ.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{It as n,rr as r}from"./example-C6-_Sy6B.js";import{r as i}from"./useOpenInteractionType-BLV8Pa2n.js";var a=e(t()),o=20;function s(e,t,s,c){let[l,u]=a.useState(!1);r(()=>{if(!e||!t||s==null){u(!1);return}let r=n(s).documentElement.clientWidth,i=s.offsetWidth;u(r>0&&i>0&&i>=r-o)},[e,t,s]),i(e&&(!t||l),c)}export{s as t};

package/dist/showcase/assets/useCollapsiblePanel-CeHRY8U2.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{B as n,H as r,Ht as i,Lt as a,R as o,Vt as s,Zn as c,cr as l,g as u,ir as d,pn as f,rr as p,sn as m,tr as h,z as g,zt as _}from"./example-C6-_Sy6B.js";import{t as v}from"./useControlled-Cpg8gDqb.js";var y=e(t());function b(e){let{open:t,defaultOpen:n,onOpenChange:a,disabled:o}=e,[s,c]=v({controlled:t,default:n,name:`Collapsible`,state:`open`}),{mounted:l,setMounted:p,transitionStatus:m}=r(s,!0,!0),h=u(),[g,_]=y.useState(),b=g??h,x=d(e=>{let t=!s,n=i(f,e.nativeEvent);a(t,n),!n.isCanceled&&c(t)});return y.useMemo(()=>({disabled:o,handleTrigger:x,mounted:l,open:s,panelId:b,setMounted:p,setOpen:c,setPanelIdState:_,transitionStatus:m}),[o,x,l,s,b,p,c,_,m])}var x=y.createContext(void 0);function S(){let e=y.useContext(x);if(e===void 0)throw Error(h(15));return e}var C=function(e){return e.open=`data-open`,e.closed=`data-closed`,e[e.startingStyle=n.startingStyle]=`startingStyle`,e[e.endingStyle=n.endingStyle]=`endingStyle`,e}({}),w=function(e){return e.panelOpen=`data-panel-open`,e}({}),T={[C.open]:``},E={[C.closed]:``},D={open(e){return e?{[w.panelOpen]:``}:null}},O={open(e){return e?T:E}},k={height:void 0,width:void 0};function A(e){let{externalRef:t,hiddenUntilFound:n,id:r,keepMounted:l,mounted:u,onOpenChange:f,open:h,setMounted:v,setOpen:b,transitionStatus:x}=e,S=y.useRef(null),w=y.useRef(null),[T,E]=y.useState(k),D=y.useRef(k),O=y.useRef(!1),A=y.useRef(h),N=y.useRef(!1),[I,L]=y.useState(!1),R=y.useRef(null),z=c(t,S),B=_({mounted:u,open:h}),V=g(S,!1,!1),H=!h&&!u,U=I?`idle`:x,W=h&&(A.current||N.current),G=!h&&u&&w.current===`css-animation`&&T.height===void 0&&T.width===void 0?D.current:T,K=n&&H&&w.current!==`css-animation`,q=d((e,t=!0)=>{t&&(D.current=e),E(e)}),J=d(()=>{R.current?.(),R.current=null}),Y=d(e=>{J(),R.current=()=>{R.current=null,e()}}),X=d(()=>{h&&u&&w.current===`css-animation`&&(N.current=!0)});p(()=>{!I||x===`starting`||L(!1)},[I,x]),y.useEffect(()=>()=>{X(),J()},[X,J]),p(()=>{let e=S.current;if(!e)return;!h&&R.current&&J();let t=M(e,W);if(w.current=t,h&&x===`idle`&&A.current&&t===`css-animation`){D.current=j(e);return}if(h&&x===`starting`){let n=O.current;if(O.current=!1,t===`none`){q(j(e)),L(!0);return}if(t===`css-transition`){let t=F(e);return q(j(e)),n?(Y(P(e,`transition-duration`,`0s`)),L(!0),t):t}if(t===`css-animation`){if(q(j(e)),!n){P(e,`animation-name`,`none`)();return}let t=P(e,`animation-name`,`none`),r=P(e,`animation-duration`,`0s`);t(),Y(r),L(!0);return}}if(!h&&u&&(x===`idle`||x===`starting`)){if(t===`none`){q(k,!1),v(!1);return}t===`css-animation`&&(A.current=!1,N.current=!1),q(j(e));return}if(x!==`ending`)return;if(t===`none`){v(!1);return}let n=j(e);if(!((n.height??0)>0||(n.width??0)>0)){v(!1);return}q(n),t===`css-animation`&&P(e,`animation-name`,`none`)()},[u,h,J,q,v,Y,W,x]),o({enabled:h&&u&&U===`idle`,open:!0,ref:S,onComplete(){h&&q(k,!1)}}),y.useEffect(()=>{if(h||!u||U!==`ending`||!S.current)return;let e=new AbortController,t=-1;function n(){B.current.open||(v(!1),q(k,!1))}return t=a.request(()=>{e.signal.aborted||V(n,e.signal)}),()=>{a.cancel(t),e.abort()}},[B,u,h,U,V,q,v]),p(()=>{let e=S.current;!e||!n||!H||e.setAttribute(`hidden`,`until-found`)},[H,n]),y.useEffect(function(){let e=S.current;if(!e)return;function t(e){O.current=!0,b(!0),f(!0,i(m,e))}return s(e,`beforematch`,t)},[f,b]);let Z=l||n||u||h;return{height:G.height,props:{...K?{[C.startingStyle]:``}:void 0,hidden:H,id:r},ref:z,shouldPreventOpenAnimation:W,shouldRender:Z,transitionStatus:U,width:G.width}}function j(e){return{height:e.scrollHeight,width:e.scrollWidth}}function M(e,t=!1){let n=l(e).getComputedStyle(e),r=(n.animationName.split(`,`).map(e=>e.trim()).some(e=>e!==``&&e!==`none`)||t)&&N(n.animationDuration),i=N(n.transitionDuration);return r&&i||i?`css-transition`:r?`css-animation`:`none`}function N(e){return e.split(`,`).map(e=>e.trim()).some(e=>e!==``&&Number.parseFloat(e)>0)}function P(e,t,n){let r=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t);return e.style.setProperty(t,n),()=>{if(r===``){e.style.removeProperty(t);return}e.style.setProperty(t,r,i)}}function F(e){let t={"justify-content":e.style.justifyContent,"align-items":e.style.alignItems,"align-content":e.style.alignContent,"justify-items":e.style.justifyItems};Object.keys(t).forEach(t=>{e.style.setProperty(t,`initial`,`important`)});function n(){Object.entries(t).forEach(([t,n])=>{if(n===``){e.style.removeProperty(t);return}e.style.setProperty(t,n)})}let r=a.request(n);return()=>{a.cancel(r),n()}}export{S as a,x as i,O as n,b as o,D as r,A as t};

package/dist/showcase/assets/useCompositeItem-C-1zP8zD.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Zn as n,er as r}from"./example-C6-_Sy6B.js";import{n as i}from"./useCompositeListItem-D4ugfKLB.js";var a=e(t());function o(e={}){let{highlightItemOnHover:t,highlightedIndex:o,onHighlightedIndexChange:s}=r(),{ref:c,index:l}=i(e),u=o===l,d=a.useRef(null),f=n(c,d);return{compositeProps:a.useMemo(()=>({tabIndex:u?0:-1,onFocus(){s(l)},onMouseMove(){let e=d.current;if(!t||!e)return;let n=e.hasAttribute(`disabled`)||e.ariaDisabled===`true`;!u&&!n&&e.focus()}}),[u,s,l,t]),compositeRef:f,index:l}}export{o as t};

package/dist/showcase/assets/useCompositeListItem-D4ugfKLB.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{ar as n,ir as r,rr as i}from"./example-C6-_Sy6B.js";import{a}from"./index-B8DVXCmf.js";var o=e(t()),s=o.createContext({register:()=>{},unregister:()=>{},subscribeMapChange:()=>()=>{},elementsRef:{current:[]},nextIndexRef:{current:0}});function c(){return o.useContext(s)}var l=a();function u(e){let{children:t,elementsRef:a,labelsRef:c,onMapChange:u}=e,m=r(u),h=o.useRef(0),g=n(f).current,_=n(d).current,[v,y]=o.useState(0),b=o.useRef(v),x=r((e,t)=>{_.set(e,t??null),b.current+=1,y(b.current)}),S=r(e=>{_.delete(e),b.current+=1,y(b.current)}),C=o.useMemo(()=>{let e=new Map;return Array.from(_.keys()).filter(e=>e.isConnected).sort(p).forEach((t,n)=>{let r=_.get(t)??{};e.set(t,{...r,index:n})}),e},[_,v]);i(()=>{if(typeof MutationObserver!=`function`||C.size===0)return;let e=new MutationObserver(e=>{let t=new Set,n=e=>t.has(e)?t.delete(e):t.add(e);e.forEach(e=>{e.removedNodes.forEach(n),e.addedNodes.forEach(n)}),t.size===0&&(b.current+=1,y(b.current))});return C.forEach((t,n)=>{n.parentElement&&e.observe(n.parentElement,{childList:!0})}),()=>{e.disconnect()}},[C]),i(()=>{b.current===v&&(a.current.length!==C.size&&(a.current.length=C.size),c&&c.current.length!==C.size&&(c.current.length=C.size),h.current=C.size),m(C)},[m,C,a,c,v]),i(()=>()=>{a.current=[]},[a]),i(()=>()=>{c&&(c.current=[])},[c]);let w=r(e=>(g.add(e),()=>{g.delete(e)}));i(()=>{g.forEach(e=>e(C))},[g,C]);let T=o.useMemo(()=>({register:x,unregister:S,subscribeMapChange:w,elementsRef:a,labelsRef:c,nextIndexRef:h}),[x,S,w,a,c,h]);return(0,l.jsx)(s.Provider,{value:T,children:t})}function d(){return new Map}function f(){return new Set}function p(e,t){let n=e.compareDocumentPosition(t);return n&Node.DOCUMENT_POSITION_FOLLOWING||n&Node.DOCUMENT_POSITION_CONTAINED_BY?-1:n&Node.DOCUMENT_POSITION_PRECEDING||n&Node.DOCUMENT_POSITION_CONTAINS?1:0}var m=function(e){return e[e.None=0]=`None`,e[e.GuessFromOrder=1]=`GuessFromOrder`,e}({});function h(e={}){let{label:t,metadata:n,textRef:r,indexGuessBehavior:a,index:s}=e,{register:l,unregister:u,subscribeMapChange:d,elementsRef:f,labelsRef:p,nextIndexRef:h}=c(),g=o.useRef(-1),[_,v]=o.useState(s??(a===m.GuessFromOrder?()=>{if(g.current===-1){let e=h.current;h.current+=1,g.current=e}return g.current}:-1)),y=o.useRef(null),b=o.useCallback(e=>{if(y.current=e,_!==-1&&e!==null&&(f.current[_]=e,p)){let n=t!==void 0;p.current[_]=n?t:r?.current?.textContent??e.textContent}},[_,f,p,t,r]);return i(()=>{if(s!=null)return;let e=y.current;if(e)return l(e,n),()=>{u(e)}},[s,l,u,n]),i(()=>{if(s==null)return d(e=>{let t=y.current?e.get(y.current)?.index:null;t!=null&&v(t)})},[s,d,v]),o.useMemo(()=>({ref:b,index:_}),[_,b])}export{h as n,u as r,m as t};

package/dist/showcase/assets/useControlled-Cpg8gDqb.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";var n=e(t());function r({controlled:e,default:t,name:r,state:i=`value`}){let{current:a}=n.useRef(e!==void 0),[o,s]=n.useState(t);return[a?e:o,n.useCallback(e=>{a||s(e)},[])]}export{r as t};

package/dist/showcase/assets/useLabelableId-CSxAHpU-.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{Jn as n,Yn as r,ar as i,g as a,ir as o,lr as s,rr as c,tr as l}from"./example-C6-_Sy6B.js";var u=e(t()),d=function(e){return e.disabled=`data-disabled`,e.valid=`data-valid`,e.invalid=`data-invalid`,e.touched=`data-touched`,e.dirty=`data-dirty`,e.filled=`data-filled`,e.focused=`data-focused`,e}({}),f={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:null,valueMissing:!1},p={valid:null,touched:!1,dirty:!1,filled:!1,focused:!1},m={disabled:!1,...p},h={valid(e){return e===null?null:e?{[d.valid]:``}:{[d.invalid]:``}}},g={invalid:void 0,name:void 0,validityData:{state:f,errors:[],error:``,value:``,initialValue:null},setValidityData:r,disabled:void 0,touched:p.touched,setTouched:r,dirty:p.dirty,setDirty:r,filled:p.filled,setFilled:r,focused:p.focused,setFocused:r,validate:()=>null,validationMode:`onSubmit`,validationDebounceTime:0,shouldValidateOnChange:()=>!1,state:m,markedDirtyRef:{current:!1},registerFieldControl:r,validation:{getValidationProps:(e=n)=>e,getInputValidationProps:(e=n)=>e,inputRef:{current:null},commit:async()=>{}}},_=u.createContext(g);function v(e=!0){let t=u.useContext(_);if(t.setValidityData===r&&!e)throw Error(l(28));return t}function y(e,t,n,r,i=!0){let{registerFieldControl:a}=v(),o=u.useRef(null);o.current||=Symbol(),c(()=>{let s=o.current;if(!(!s||!i))return a(s,{controlRef:e,getValue:r,id:t,value:n}),()=>{a(s,void 0)}},[e,i,r,t,a,n])}var b=u.createContext({controlId:void 0,registerControlId:r,labelId:void 0,setLabelId:r,messageIds:[],setMessageIds:r,getDescriptionProps:e=>e});function x(){return u.useContext(b)}function S(e={}){let{id:t,implicit:n=!1,controlRef:l}=e,{controlId:d,registerControlId:f}=x(),p=a(t),m=n?d:void 0,h=i(()=>Symbol(`labelable-control`)),g=u.useRef(!1),_=u.useRef(t!=null),v=o(()=>{!g.current||f===r||(g.current=!1,f(h.current,void 0))});return c(()=>{if(f===r)return;let e;if(n){let n=l?.current;e=s(n)&&n.closest(`label`)!=null?t??null:m??p}else if(t!=null)_.current=!0,e=t;else if(_.current)e=p;else{v();return}if(e===void 0){v();return}g.current=!0,f(h.current,e)},[t,l,m,f,n,p,h,v]),u.useEffect(()=>v,[v]),d??p}export{_ as a,h as c,g as i,x as n,v as o,y as r,p as s,S as t};

package/dist/showcase/assets/useOpenInteractionType-BLV8Pa2n.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{An as n,Bt as r,Dn as i,Fn as a,Ht as o,In as s,It as c,Jn as l,Ln as u,Lt as d,Nn as f,Nt as p,On as m,Q as h,Rt as g,Sn as _,Vt as v,Yn as y,Zn as b,Zt as ee,_n as te,bn as x,bt as ne,cr as S,dt as re,fr as C,ft as ie,gt as ae,hn as oe,ht as se,ir as w,kn as ce,kt as le,mt as T,or as E,ot as ue,pn as de,pr as fe,pt as pe,rr as D,rt as me,ur as O,vn as he,xn as k,xt as ge,yt as _e,zt as ve}from"./example-C6-_Sy6B.js";import{a as ye}from"./index-B8DVXCmf.js";import{t as A}from"./useValueChanged-DwgbaueK.js";var j=e(t()),M=0;function N(e,t={}){let{preventScroll:n=!1,sync:r=!1,shouldFocus:i}=t;cancelAnimationFrame(M);function a(){i&&!i()||e?.focus({preventScroll:n})}if(r)return a(),y;let o=requestAnimationFrame(a);return M=o,()=>{M===o&&(cancelAnimationFrame(o),M=0)}}var P={inert:new WeakMap,"aria-hidden":new WeakMap},F=`data-base-ui-inert`,I={inert:new WeakSet,"aria-hidden":new WeakSet},L=new WeakMap,R=0;function be(e){return I[e]}function z(e){return e?fe(e)?e.host:z(e.parentNode):null}var B=(e,t)=>t.map(t=>{if(e.contains(t))return t;let n=z(t);return e.contains(n)?n:null}).filter(e=>e!=null),V=e=>{let t=new Set;return e.forEach(e=>{let n=e;for(;n&&!t.has(n);)t.add(n),n=n.parentNode}),t},H=(e,t,n)=>{let r=[],i=e=>{!e||n.has(e)||Array.from(e.children).forEach(e=>{E(e)!==`script`&&(t.has(e)?i(e):r.push(e))})};return i(e),r};function xe(e,t,n,r,{mark:i=!0,markerIgnoreElements:a=[]}){let o=r?`inert`:n?`aria-hidden`:null,s=null,c=null,l=B(t,e),u=i?B(t,a):[],d=new Set(u),f=i?H(t,V(l),new Set(l)).filter(e=>!d.has(e)):[],p=[],m=[];if(o){let e=P[o],n=be(o);c=n,s=e;let r=B(t,Array.from(t.querySelectorAll(`[aria-live]`))),i=l.concat(r);H(t,V(i),new Set(i)).forEach(t=>{let r=t.getAttribute(o),i=r!==null&&r!==`false`,a=(e.get(t)||0)+1;e.set(t,a),p.push(t),a===1&&i&&n.add(t),i||t.setAttribute(o,o===`inert`?``:`true`)})}return i&&f.forEach(e=>{let t=(L.get(e)||0)+1;L.set(e,t),m.push(e),t===1&&e.setAttribute(F,``)}),R+=1,()=>{s&&p.forEach(e=>{let t=(s.get(e)||0)-1;s.set(e,t),t||(!c?.has(e)&&o&&e.removeAttribute(o),c?.delete(e))}),i&&m.forEach(e=>{let t=(L.get(e)||0)-1;L.set(e,t),t||e.removeAttribute(F)}),--R,R||(P.inert=new WeakMap,P[`aria-hidden`]=new WeakMap,I.inert=new WeakSet,I[`aria-hidden`]=new WeakSet,L=new WeakMap)}}function Se(e,t={}){let{ariaHidden:n=!1,inert:r=!1,mark:i=!0,markerIgnoreElements:a=[]}=t,o=c(e[0]).body;return xe(e,o,n,r,{mark:i,markerIgnoreElements:a})}var Ce=ye();function we(e,t){let n=S(_(e));return e instanceof n.KeyboardEvent?`keyboard`:e instanceof n.FocusEvent?t||`keyboard`:`pointerType`in e?e.pointerType||`keyboard`:`touches`in e?`touch`:e instanceof n.MouseEvent?t||(e.detail===0?`keyboard`:`mouse`):``}var U=20,W=[];function Te(){W=W.filter(e=>e.deref()?.isConnected)}function Ee(e){Te(),e&&E(e)!==`body`&&(W.push(new WeakRef(e)),W.length>U&&(W=W.slice(-20)))}function De(){return Te(),W[W.length-1]?.deref()}function Oe(e){return e?ne(e)?e:ge(e)[0]||e:null}function ke(e,t){if(e.hasAttribute(`tabindex`)&&!e.hasAttribute(`data-tabindex`)||!t.current.includes(`floating`)&&!e.getAttribute(`role`)?.includes(`dialog`))return;let n=T(e).filter(e=>{let t=e.getAttribute(`data-tabindex`)||``;return ne(e)||e.hasAttribute(`data-tabindex`)&&!t.startsWith(`-`)}),r=e.getAttribute(`tabindex`);t.current.includes(`floating`)||n.length===0?r!==`0`&&e.setAttribute(`tabindex`,`0`):(r!==`-1`||e.hasAttribute(`data-tabindex`)&&e.getAttribute(`data-tabindex`)!==`-1`)&&(e.setAttribute(`tabindex`,`-1`),e.setAttribute(`data-tabindex`,`-1`))}function G(e){let{context:t,children:i,disabled:s=!1,initialFocus:l=!0,returnFocus:d=!0,restoreFocus:f=!1,modal:y=!0,closeOnFocusOut:S=!0,openInteractionType:C=``,nextFocusableElement:T,previousFocusableElement:E,beforeContentFocusGuardRef:de,externalTree:fe,getInsideElements:ye}=e,A=`rootStore`in t?t.rootStore:t,M=A.useState(`open`),P=A.useState(`domReferenceElement`),F=A.useState(`floatingElement`),{events:I,dataRef:L}=A.context,R=w(()=>L.current.floatingContext?.nodeId),be=l===!1,z=te(P)&&be,B=j.useRef([`content`]),V=ve(l),H=ve(d),xe=ve(C),U=me(fe),W=ue(),G=j.useRef(!1),K=j.useRef(!1),q=j.useRef(!1),J=j.useRef(null),Y=j.useRef(``),X=j.useRef(``),Ae=j.useRef(null),je=j.useRef(null),Me=b(Ae,de,W?.beforeInsideRef),Ne=b(je,W?.afterInsideRef),Pe=u(),Fe=u(),Ie=g(),Le=W!=null,Z=oe(F),Q=w((e=Z)=>e?ge(e):[]),$=w(()=>ye?.().filter(e=>e!=null)??[]);j.useEffect(()=>{if(s||!y)return;function e(e){e.key===`Tab`&&k(Z,x(c(Z)))&&Q().length===0&&!z&&n(e)}return v(c(Z),`keydown`,e)},[s,Z,y,z,Q]),j.useEffect(()=>{if(s||!M)return;let e=c(Z);function t(){q.current=!1}function n(e){let t=_(e),n=$();q.current=!(k(F,t)||k(P,t)||k(W?.portalNode,t)||n.some(e=>e===t||k(e,t))),X.current=e.pointerType||`keyboard`,t?.closest(`[data-base-ui-click-trigger]`)&&(K.current=!0)}function i(){X.current=`keyboard`}return r(v(e,`pointerdown`,n,!0),v(e,`pointerup`,t,!0),v(e,`pointercancel`,t,!0),v(e,`keydown`,i,!0))},[s,F,P,Z,M,W,$]),j.useEffect(()=>{if(s||!S)return;let e=c(Z);function t(){K.current=!0,Fe.start(0,()=>{K.current=!1})}function n(e){let t=_(e);ne(t)&&(J.current=t)}function i(t){let n=t.relatedTarget,r=t.currentTarget,i=_(t);queueMicrotask(()=>{let a=R(),s=A.context.triggerElements,c=$(),l=n?.hasAttribute(re(`focus-guard`))&&[Ae.current,je.current,W?.beforeInsideRef.current,W?.afterInsideRef.current,W?.beforeOutsideRef.current,W?.afterOutsideRef.current,h(E),h(T)].includes(n),u=!(k(P,n)||k(F,n)||k(n,F)||k(W?.portalNode,n)||c.some(e=>e===n||k(e,n))||n!=null&&s.hasElement(n)||s.hasMatchingElement(e=>k(e,n))||l||U&&(pe(U.nodesRef.current,a).find(e=>k(e.context?.elements.floating,n)||k(e.context?.elements.domReference,n))||ie(U.nodesRef.current,a).find(e=>[e.context?.elements.floating,oe(e.context?.elements.floating)].includes(n)||e.context?.elements.domReference===n)));if(r===P&&Z&&ke(Z,B),f&&r!==P&&!le(i)&&x(e)===e.body){if(O(Z)&&(Z.focus(),f===`popup`)){Ie.request(()=>{Z.focus()});return}let e=Q(),t=J.current,n=(t&&e.includes(t)?t:null)||e[e.length-1]||Z;O(n)&&n.focus()}if(L.current.insideReactTree){L.current.insideReactTree=!1;return}(z||!y)&&n&&u&&!K.current&&(z||n!==De())&&(G.current=!0,A.setOpen(!1,o(ee,t)))})}function a(){q.current||(L.current.insideReactTree=!0,Pe.start(0,()=>{L.current.insideReactTree=!1}))}let l=O(P)?P:null;if(!(!F&&!l))return r(l&&v(l,`focusout`,i),l&&v(l,`pointerdown`,t),F&&v(F,`focusin`,n),F&&v(F,`focusout`,i),F&&W&&v(F,`focusout`,a,!0))},[s,P,F,Z,y,U,W,A,S,f,Q,z,R,B,L,Pe,Fe,Ie,T,E,$]),j.useEffect(()=>{if(s||!F||!M)return;let e=Array.from(W?.portalNode?.querySelectorAll(`[${re(`portal`)}]`)||[]),t=(U?ie(U.nodesRef.current,R()):[]).find(e=>te(e.context?.elements.domReference||null))?.context?.elements.domReference,n=Se([F,...e,Ae.current,je.current,W?.beforeOutsideRef.current,W?.afterOutsideRef.current,...$(),t,h(E),h(T),z?P:null].filter(e=>e!=null),{ariaHidden:y||z,mark:!1}),r=Se([F,...e].filter(e=>e!=null));return()=>{r(),n()}},[M,s,P,F,y,W,z,U,R,T,E,$]),D(()=>{if(!M||s||!O(Z))return;let e=c(Z),t=x(e);queueMicrotask(()=>{let n=V.current,r=typeof n==`function`?n(xe.current||``):n;if(r===void 0||r===!1||k(Z,t))return;let i=null,a=()=>(i??=Q(Z),i[0]||Z),o;o=r===!0||r===null?a():h(r),o||=a();let s=k(Z,x(e));N(o,{preventScroll:o===Z,shouldFocus(){if(s)return!0;let t=x(e);return!(t!==o&&k(Z,t))}})})},[s,M,Z,Q,V,xe]),D(()=>{if(s||!Z)return;let e=c(Z);Ee(x(e));function t(e){if(e.open||(Y.current=we(e.nativeEvent,X.current)),e.reason===`trigger-hover`&&e.nativeEvent.type===`mouseleave`&&(G.current=!0),e.reason===`outside-press`)if(e.nested)G.current=!1;else if(m(e.nativeEvent)||ce(e.nativeEvent))G.current=!1;else{let e=!1;c(Z).createElement(`div`).focus({get preventScroll(){return e=!0,!1}}),e?G.current=!1:G.current=!0}}I.on(`openchange`,t);function n(){let e=H.current,t=typeof e==`function`?e(Y.current):e;if(t===void 0||t===!1)return null;if(t===null&&(t=!0),typeof t==`boolean`)return P?.isConnected?P:De()||null;let n=P?.isConnected?P:De();return h(t)||n||null}return()=>{I.off(`openchange`,t);let r=x(e),i=$(),a=k(F,r)||i.some(e=>e===r||k(e,r))||U&&pe(U.nodesRef.current,R(),!1).some(e=>k(e.context?.elements.floating,r)),o=H.current,s=n();queueMicrotask(()=>{let t=Oe(s),n=typeof o!=`boolean`;o&&!G.current&&O(t)&&(!(!n&&t!==r&&r!==e.body)||a)&&t.focus({preventScroll:!0}),G.current=!1})}},[s,F,Z,H,I,U,P,R,$]),D(()=>{if(!a||M||!F)return;let e=x(c(F));!O(e)||!he(e)||k(F,e)&&e.blur()},[M,F]),D(()=>{if(!(s||!W))return W.setFocusManagerState({modal:y,closeOnFocusOut:S,open:M,onOpenChange:A.setOpen,domReference:P}),()=>{W.setFocusManagerState(null)}},[s,W,y,M,A,S,P]),D(()=>{if(!(s||!Z))return ke(Z,B),()=>{queueMicrotask(Te)}},[s,Z,B]);let Re=!s&&(y?!z:!0)&&(Le||y);return(0,Ce.jsxs)(j.Fragment,{children:[Re&&(0,Ce.jsx)(p,{"data-type":`inside`,ref:Me,onFocus:e=>{if(y){let e=Q();N(e[e.length-1])}else W?.portalNode&&(G.current=!1,_e(e,W.portalNode)?se(P)?.focus():h(E??W.beforeOutsideRef)?.focus())}}),i,Re&&(0,Ce.jsx)(p,{"data-type":`inside`,ref:Ne,onFocus:e=>{y?N(Q()[0]):W?.portalNode&&(S&&(G.current=!0),_e(e,W.portalNode)?ae(P)?.focus():h(T??W.afterOutsideRef)?.focus())}})]})}function K(e,t={}){let{enabled:n=!0,event:r=`click`,toggle:a=!0,ignoreMouse:s=!1,stickIfOpen:c=!0,touchOpenDelay:d=0,reason:f=de}=t,p=`rootStore`in e?e.rootStore:e,m=p.context.dataRef,h=j.useRef(void 0),v=g(),y=u(),b=j.useMemo(()=>{function e(e,t,n,r){let i=o(f,t,n);e&&r===`touch`&&d>0?y.start(d,()=>{p.setOpen(!0,i)}):p.setOpen(e,i)}function t(e,t,n){let r=m.current.openEvent,i=p.select(`domReferenceElement`)!==t;return e&&i||!e||!a?!0:r&&c?!n(r.type):!1}return{onPointerDown(e){h.current=e.pointerType},onMouseDown(n){let a=h.current,o=n.nativeEvent,c=p.select(`open`);if(n.button!==0||r===`click`||i(a,!0)&&s)return;let l=t(c,n.currentTarget,e=>e===`click`||e===`mousedown`),u=_(o);if(he(u)){e(l,o,u,a);return}let d=n.currentTarget;v.request(()=>{e(l,o,d,a)})},onClick(n){if(r===`mousedown-only`)return;let a=h.current;if(r===`mousedown`&&a){h.current=void 0;return}i(a,!0)&&s||e(t(p.select(`open`),n.currentTarget,e=>e===`click`||e===`mousedown`||e===`keydown`||e===`keyup`),n.nativeEvent,n.currentTarget,a)},onKeyDown(){h.current=void 0}}},[m,r,s,f,p,c,a,v,y,d]);return j.useMemo(()=>n?{reference:b}:l,[n,b])}var q=j.forwardRef(function(e,t){let{cutout:n,...r}=e,i;if(n){let e=n.getBoundingClientRect();i=`polygon(0% 0%,100% 0%,100% 100%,0% 100%,0% 0%,${e.left}px ${e.top}px,${e.left}px ${e.bottom}px,${e.right}px ${e.bottom}px,${e.right}px ${e.top}px,${e.left}px ${e.top}px)`}return(0,Ce.jsx)(`div`,{ref:t,role:`presentation`,"data-base-ui-inert":``,...r,style:{position:`fixed`,inset:0,userSelect:`none`,WebkitUserSelect:`none`,clipPath:i}})}),J={},Y={},X=``;function Ae(e){if(typeof document>`u`)return!1;let t=c(e);return S(t).innerWidth-t.documentElement.clientWidth>0}function je(e){if(!(typeof CSS<`u`&&CSS.supports&&CSS.supports(`scrollbar-gutter`,`stable`))||typeof document>`u`)return!1;let t=c(e),n=t.documentElement,r=t.body,i=C(n)?n:r,a=i.style.overflowY,o=n.style.scrollbarGutter;n.style.scrollbarGutter=`stable`,i.style.overflowY=`scroll`;let s=i.offsetWidth;i.style.overflowY=`hidden`;let l=i.offsetWidth;return i.style.overflowY=a,n.style.scrollbarGutter=o,s===l}function Me(e){let t=c(e),n=t.documentElement,r=t.body,i=C(n)?n:r,a={overflowY:i.style.overflowY,overflowX:i.style.overflowX};return Object.assign(i.style,{overflowY:`hidden`,overflowX:`hidden`}),()=>{Object.assign(i.style,a)}}function Ne(e){let t=c(e),n=t.documentElement,r=t.body,i=S(n),o=0,s=0,l=!1,u=d.create();if(a&&(i.visualViewport?.scale??1)!==1)return()=>{};function f(){let t=i.getComputedStyle(n),a=i.getComputedStyle(r),c=(t.scrollbarGutter||``).includes(`both-edges`)?`stable both-edges`:`stable`;o=n.scrollTop,s=n.scrollLeft,J={scrollbarGutter:n.style.scrollbarGutter,overflowY:n.style.overflowY,overflowX:n.style.overflowX},X=n.style.scrollBehavior,Y={position:r.style.position,height:r.style.height,width:r.style.width,boxSizing:r.style.boxSizing,overflowY:r.style.overflowY,overflowX:r.style.overflowX,scrollBehavior:r.style.scrollBehavior};let u=n.scrollHeight>n.clientHeight,d=n.scrollWidth>n.clientWidth,f=t.overflowY===`scroll`||a.overflowY===`scroll`,p=t.overflowX===`scroll`||a.overflowX===`scroll`,m=Math.max(0,i.innerWidth-r.clientWidth),h=Math.max(0,i.innerHeight-r.clientHeight),g=parseFloat(a.marginTop)+parseFloat(a.marginBottom),_=parseFloat(a.marginLeft)+parseFloat(a.marginRight),v=C(n)?n:r;if(l=je(e),l){n.style.scrollbarGutter=c,v.style.overflowY=`hidden`,v.style.overflowX=`hidden`;return}Object.assign(n.style,{scrollbarGutter:c,overflowY:`hidden`,overflowX:`hidden`}),(u||f)&&(n.style.overflowY=`scroll`),(d||p)&&(n.style.overflowX=`scroll`),Object.assign(r.style,{position:`relative`,height:g||h?`calc(100dvh - ${g+h}px)`:`100dvh`,width:_||m?`calc(100vw - ${_+m}px)`:`100vw`,boxSizing:`border-box`,overflow:`hidden`,scrollBehavior:`unset`}),r.scrollTop=o,r.scrollLeft=s,n.setAttribute(`data-base-ui-scroll-locked`,``),n.style.scrollBehavior=`unset`}function p(){Object.assign(n.style,J),Object.assign(r.style,Y),l||(n.scrollTop=o,n.scrollLeft=s,n.removeAttribute(`data-base-ui-scroll-locked`),n.style.scrollBehavior=X)}function m(){p(),u.request(f)}f();let h=v(i,`resize`,m);return()=>{u.cancel(),p(),typeof i.removeEventListener==`function`&&h()}}var Pe=new class{lockCount=0;restore=null;timeoutLock=s.create();timeoutUnlock=s.create();acquire(e){return this.lockCount+=1,this.lockCount===1&&this.restore===null&&this.timeoutLock.start(0,()=>this.lock(e)),this.release}release=()=>{--this.lockCount,this.lockCount===0&&this.restore&&this.timeoutUnlock.start(0,this.unlock)};unlock=()=>{this.lockCount===0&&this.restore&&(this.restore?.(),this.restore=null)};lock(e){if(this.lockCount===0||this.restore!==null)return;let t=c(e).documentElement,n=S(t).getComputedStyle(t).overflowY;if(n===`hidden`||n===`clip`){this.restore=y;return}let r=f||!Ae(e);this.restore=r?Me(e):Ne(e)}};function Fe(e=!0,t=null){D(()=>{if(e)return Pe.acquire(t)},[e,t])}function Ie(e){let t=j.useRef(``),n=j.useCallback(n=>{n.defaultPrevented||(t.current=n.pointerType,e(n,n.pointerType))},[e]);return{onClick:j.useCallback(n=>{if(n.detail===0){e(n,`keyboard`);return}`pointerType`in n?e(n,n.pointerType):e(n,t.current),t.current=``},[e]),onPointerDown:n}}function Le(e,t){let{onClick:n,onPointerDown:r}=Ie(w((n,r)=>{(typeof e==`function`?e():e)||t(r||(f?`touch`:``))}));return j.useMemo(()=>({onClick:n,onPointerDown:r}),[n,r])}function Z(e){let[t,n]=j.useState(null),r=Le(e,n);return A(e,t=>{t&&!e&&n(null)}),j.useMemo(()=>({openMethod:t,triggerProps:r}),[t,r])}export{K as a,q as i,Le as n,G as o,Fe as r,N as s,Z as t};

package/dist/showcase/assets/useRender-DparzvOu.js

@@ -0,0 +1 @@
+import{Gn as e}from"./example-C6-_Sy6B.js";function t(t){return e(t.defaultTagName??`div`,t,t)}export{t};

package/dist/showcase/assets/useTriggerFocusGuards-CrYLO2g5.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t,t as n}from"./react-dom-Bz4cALsF.js";import{Ht as r,Zt as i,_t as a,ht as o,vt as s,xn as c,yt as l}from"./example-C6-_Sy6B.js";var u=e(t()),d=e(n());function f(e,t){let n=u.useRef(null);function f(t){d.flushSync(()=>{e.setOpen(!1,r(i,t.nativeEvent,t.currentTarget))}),s(n.current)?.focus()}function p(n){let s=e.select(`positionerElement`);if(s&&l(n,s))e.context.beforeContentFocusGuardRef.current?.focus();else{d.flushSync(()=>{e.setOpen(!1,r(i,n.nativeEvent,n.currentTarget))});let l=a(e.context.triggerFocusTargetRef.current||t.current);for(;l!==null&&c(s,l);){let e=l;if(l=o(l),l===e)break}l?.focus()}}return{preFocusGuardRef:n,handlePreFocusGuardFocus:f,handleFocusTargetFocus:p}}export{f as t};

package/dist/showcase/assets/useValueChanged-DwgbaueK.js

@@ -0,0 +1 @@
+import{r as e}from"./chunk-QTnfLwEv.js";import{n as t}from"./react-dom-Bz4cALsF.js";import{ir as n,rr as r}from"./example-C6-_Sy6B.js";var i=e(t());function a(e,t){let a=i.useRef(e),o=n(t);r(()=>{a.current!==e&&o(a.current)},[e,o]),r(()=>{a.current=e},[e])}export{a as t};

package/dist/showcase/assets/user-CGcV8Ppb.js

@@ -0,0 +1 @@
+import{r as e}from"./index-B8DVXCmf.js";var t=e(`user`,[[`path`,{d:`M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2`,key:`975kel`}],[`circle`,{cx:`12`,cy:`7`,r:`4`,key:`17ys0d`}]]);export{t};

package/dist/showcase/assets/user-plus-iOsntM6P.js

@@ -0,0 +1 @@
+import{r as e}from"./index-B8DVXCmf.js";var t=e(`user-plus`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}],[`line`,{x1:`19`,x2:`19`,y1:`8`,y2:`14`,key:`1bvyxn`}],[`line`,{x1:`22`,x2:`16`,y1:`11`,y2:`11`,key:`1shjgl`}]]);export{t};

package/dist/showcase/assets/users-DzgXeZbf.js

@@ -0,0 +1 @@
+import{r as e}from"./index-B8DVXCmf.js";var t=e(`users`,[[`path`,{d:`M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2`,key:`1yyitq`}],[`path`,{d:`M16 3.128a4 4 0 0 1 0 7.744`,key:`16gr8j`}],[`path`,{d:`M22 21v-2a4 4 0 0 0-3-3.87`,key:`kshegd`}],[`circle`,{cx:`9`,cy:`7`,r:`4`,key:`nufk8`}]]);export{t};

package/dist/showcase/assets/vendor-profile-DbFPkGn9.js

@@ -0,0 +1,37 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Ar as r,Cr as i,Tr as a,hr as o,mr as s,r as c,t as l}from"./example-C6-_Sy6B.js";import{t as u}from"./chevron-right-CDDMIkYP.js";import{t as d}from"./message-square-DGTAjNJG.js";import{D as f,a as p}from"./index-B8DVXCmf.js";import{t as m}from"./props-table-CM_1cocj.js";import{t as h}from"./icon-badge-Bcm8TlJi.js";import{t as g}from"./inline-stat-D0sE-A4C.js";import{c as _,i as v,r as y,t as b,u as x}from"./item-CMRbW6s-.js";var S={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`},C=t(n(),1),w=p();function T({name:e,initials:t,avatarUrl:n,role:o,verified:s=!1,earnings:l,earningsChange:p,metrics:m=[],stats:T=[],onMessage:E,onHire:D,className:O,strings:k}){let A=f(S,k),[j,M]=(0,C.useState)(`overview`),N=t??e.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),P={overview:A.tabOverview,stats:A.tabStats};return(0,w.jsxs)(`div`,{className:a(`vendor-profile--component`,`flex flex-col gap-4 rounded-lg border border-border bg-card p-4 shadow-sm`,O),children:[(0,w.jsxs)(b,{className:`items-start px-0`,children:[(0,w.jsx)(_,{variant:n?`avatar`:`default`,children:n?(0,w.jsx)(`img`,{src:n,alt:e,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,w.jsx)(h,{tone:`primary`,size:`md`,className:`font-semibold ring-1 ring-primary/15`,children:N})}),(0,w.jsxs)(y,{children:[(0,w.jsxs)(x,{children:[e,!!s&&(0,w.jsx)(h,{tone:`success`,solid:!0,size:`xs`,"aria-label":A.verifiedAriaLabel,className:`size-4`,children:(0,w.jsx)(r,{className:`size-2.5`,strokeWidth:3})})]}),!!o&&(0,w.jsx)(v,{clamp:2,children:o})]})]}),(0,w.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:[`overview`,`stats`].map(e=>(0,w.jsx)(`button`,{type:`button`,"aria-pressed":j===e,onClick:()=>M(e),className:a(`flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,j===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:P[e]},e))}),j===`overview`?(0,w.jsxs)(`div`,{className:`space-y-4`,children:[!!l&&(0,w.jsxs)(`div`,{children:[(0,w.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:A.totalEarnings}),(0,w.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,w.jsx)(i,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:l}),!!p&&(0,w.jsx)(i,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:p})]})]}),m.length>0&&(0,w.jsx)(`div`,{className:`space-y-2`,children:m.map(e=>(0,w.jsx)(g,{className:`border-b border-border/50 pb-2 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}):(0,w.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:T.map(e=>(0,w.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2.5`,children:[(0,w.jsx)(i,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,w.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,w.jsx)(i,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,w.jsx)(i,{tag:`span`,size:`xxs`,weight:`semibold`,className:a(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,w.jsxs)(`div`,{className:`flex gap-2`,children:[(0,w.jsxs)(c,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:E,children:[(0,w.jsx)(d,{className:`mr-1.5 size-3.5`}),A.message]}),(0,w.jsxs)(c,{variant:`dark`,className:`flex-1 rounded-md`,onClick:D,children:[A.hire,(0,w.jsx)(u,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`VendorProfileCard`;var E=e({Minimal:()=>O,WithEverything:()=>D});function D(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Dimitar Kostadinov`,role:`Experience Vendor`,verified:!0,earnings:`8,420 USD`,earningsChange:`+12.5%`,metrics:[{label:`Experiences hosted`,value:`47`},{label:`Avg. rating`,value:`4.8 / 5.0`},{label:`Repeat customers`,value:`68%`}],stats:[{label:`This month`,value:`1,240 USD`,change:`+8%`},{label:`Bookings`,value:`23`,change:`+3`},{label:`Conversion`,value:`74%`,change:`+5%`},{label:`Avg. order`,value:`54 USD`,change:`-2%`}],onMessage:()=>{},onHire:()=>{}})})}function O(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Emma Garcia`,role:`New vendor`})})}var k=`import { VendorProfileCard } from '@/components/composed/cards/vendor-profile';
+
+export function WithEverything() {
+	return (
+		<>
+			<VendorProfileCard
+								name="Dimitar Kostadinov"
+								role="Experience Vendor"
+								verified
+								earnings="8,420 USD"
+								earningsChange="+12.5%"
+								metrics={[
+									{ label: 'Experiences hosted', value: '47' },
+									{ label: 'Avg. rating', value: '4.8 / 5.0' },
+									{ label: 'Repeat customers', value: '68%' },
+								]}
+								stats={[
+									{ label: 'This month', value: '1,240 USD', change: '+8%' },
+									{ label: 'Bookings', value: '23', change: '+3' },
+									{ label: 'Conversion', value: '74%', change: '+5%' },
+									{ label: 'Avg. order', value: '54 USD', change: '-2%' },
+								]}
+								onMessage={() => {}}
+								onHire={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Minimal() {
+	return (
+		<>
+			<VendorProfileCard name="Emma Garcia" role="New vendor" />
+		</>
+	);
+}
+`;function A(e){let t={h4:`h4`,...e.components};return E||M(`Examples`,!1),O||M(`Examples.Minimal`,!0),D||M(`Examples.WithEverything`,!0),(0,w.jsxs)(o,{title:`Composed · Vendor profile`,description:`VendorProfileCard with metrics, stats and actions.`,layer:`composed`,status:`ready`,children:[(0,w.jsxs)(s,{title:`Examples`,id:`examples`,children:[(0,w.jsx)(l,{name:`WithEverything`,source:k,children:(0,w.jsx)(D,{})}),(0,w.jsx)(l,{name:`Minimal`,source:k,children:(0,w.jsx)(O,{})})]}),(0,w.jsxs)(s,{title:`API`,id:`api`,children:[(0,w.jsx)(t.h4,{children:`VendorProfileCard`}),(0,w.jsx)(m,{component:`VendorProfileCard`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,w.jsx)(t,{...e,children:(0,w.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/wrench-1Ra9xb3d.js

@@ -0,0 +1 @@
+import{r as e}from"./index-B8DVXCmf.js";var t=e(`wrench`,[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]);export{t};

package/dist/showcase/assets/x-CE8oevyh.js

@@ -0,0 +1 @@
+import{r as e}from"./index-B8DVXCmf.js";var t=e(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};

package/dist/showcase/assets/zap-se3n2YVD.js

@@ -0,0 +1 @@
+import{r as e}from"./index-B8DVXCmf.js";var t=e(`zap`,[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`,key:`1xq2db`}]]);export{t};

package/dist/showcase/index.html

@@ -5,9 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Admin UI Starter Kit — Component Showcase</title>
-    <script type="module" crossorigin src="./assets/index-B4ubXfly.js"></script>
-    <link rel="modulepreload" crossorigin href="./assets/chunk-CilyBKbf.js">
-    <link rel="stylesheet" crossorigin href="./assets/index-Cu3Ssz5r.css">
+    <script type="module" crossorigin src="./assets/index-B8DVXCmf.js"></script>
+    <link rel="modulepreload" crossorigin href="./assets/chunk-QTnfLwEv.js">
+    <link rel="modulepreload" crossorigin href="./assets/react-dom-Bz4cALsF.js">
+    <link rel="stylesheet" crossorigin href="./assets/index-DbLs6mcj.css">
   </head>
   <body>
     <div id="root"></div>