tembro 2.0.6 → 2.1.0

package/dist/showcase/premium/carousel/showcase.js

@@ -1,120 +1,147 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Carousel as t, CarouselItem as n } from "../../../components/display/carousel.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { cn as e } from "../../../lib/utils.js";
+import { Button as t } from "../../../components/ui/button/index.js";
+import { Carousel as n, CarouselItem as r } from "../../../components/display/carousel.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/showcase/premium/carousel/showcase.tsx
-var o = [
+var s = [
 	{
 		title: "Onboarding",
 		text: "Guide quickly from first login.",
-		tone: "Launch"
+		tone: "Launch",
+		detail: "Hero slider for product onboarding and release tours."
 	},
 	{
 		title: "Components",
 		text: "Review ready-made dashboard patterns.",
-		tone: "Library"
+		tone: "Library",
+		detail: "Card rail, docs previews, and swipe-ready gallery states."
 	},
 	{
 		title: "Release",
 		text: "Publish, test, and iterate faster.",
-		tone: "Ship"
+		tone: "Ship",
+		detail: "Active slide details stay below the main frame for context."
 	}
 ];
-function s() {
-	let [s, c] = r.useState(!0), [l, u] = r.useState(!0), [d, f] = r.useState(!1), [p, m] = r.useState(0), [h, g] = r.useState(!1);
-	return /* @__PURE__ */ a("div", {
+function c() {
+	let [c, l] = i.useState(!0), [u, d] = i.useState(!0), [f, p] = i.useState(!1), [m, h] = i.useState(0), [g, _] = i.useState(!1);
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-5",
 		children: [
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "flex flex-wrap gap-3",
 				children: [
-					/* @__PURE__ */ a(e, {
+					/* @__PURE__ */ o(t, {
 						size: "sm",
-						variant: s ? "default" : "outline",
-						onClick: () => c((e) => !e),
-						children: [s ? "Hide" : "Show", " arrows"]
+						variant: c ? "default" : "outline",
+						onClick: () => l((e) => !e),
+						children: [c ? "Hide" : "Show", " arrows"]
 					}),
-					/* @__PURE__ */ a(e, {
+					/* @__PURE__ */ o(t, {
 						size: "sm",
-						variant: l ? "default" : "outline",
-						onClick: () => u((e) => !e),
-						children: [l ? "Hide" : "Show", " dots"]
+						variant: u ? "default" : "outline",
+						onClick: () => d((e) => !e),
+						children: [u ? "Hide" : "Show", " dots"]
 					}),
-					/* @__PURE__ */ a(e, {
+					/* @__PURE__ */ o(t, {
 						size: "sm",
-						variant: d ? "default" : "outline",
-						onClick: () => f((e) => !e),
-						children: [d ? "Stop" : "Start", " autoplay"]
+						variant: f ? "default" : "outline",
+						onClick: () => p((e) => !e),
+						children: [f ? "Stop" : "Start", " autoplay"]
 					})
 				]
 			}),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ a("div", {
 				className: "grid gap-3 md:grid-cols-3",
-				children: o.map((t, n) => /* @__PURE__ */ a(e, {
+				children: s.map((e, n) => /* @__PURE__ */ o(t, {
 					type: "button",
-					variant: p === n ? "default" : "outline",
+					variant: m === n ? "default" : "outline",
 					className: "justify-start",
-					onClick: () => m(n),
+					onClick: () => h(n),
 					children: [
 						n + 1,
 						". ",
-						t.title
+						e.title
 					]
-				}, t.title))
+				}, e.title))
 			}),
-			/* @__PURE__ */ i(t, {
-				index: p,
+			/* @__PURE__ */ a(n, {
+				index: m,
 				loop: !0,
-				showArrows: s,
-				showDots: l,
-				autoplay: d,
+				showArrows: c,
+				showDots: u,
+				showStatus: !0,
+				showThumbnails: !0,
+				autoplay: f,
 				autoplayInterval: 2200,
 				showPlaybackControl: !0,
-				onIndexChange: (e) => m(e),
-				onAutoplayChange: g,
+				aspectRatio: "16 / 9",
+				onIndexChange: (e) => h(e),
+				onAutoplayChange: _,
 				previousLabel: "Previous slide",
 				nextLabel: "Next slide",
-				children: o.map((e, t) => /* @__PURE__ */ i(n, { children: /* @__PURE__ */ i("div", {
+				renderThumbnail: (t, n, r) => /* @__PURE__ */ o("div", {
+					className: e("grid gap-1 p-3", r && "bg-primary/5"),
+					children: [/* @__PURE__ */ o("div", {
+						className: "text-[11px] font-semibold uppercase tracking-[0.18em] text-muted-foreground",
+						children: ["0", n + 1]
+					}), /* @__PURE__ */ a("div", {
+						className: "text-sm font-medium text-foreground",
+						children: s[n]?.title
+					})]
+				}),
+				renderActiveDetail: (e, t) => /* @__PURE__ */ o("div", {
+					className: "rounded-[20px] border border-border/70 bg-card/80 p-4",
+					children: [/* @__PURE__ */ a("p", {
+						className: "text-sm font-semibold text-foreground",
+						children: s[t]?.title
+					}), /* @__PURE__ */ a("p", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: s[t]?.detail
+					})]
+				}),
+				children: s.map((e, t) => /* @__PURE__ */ a(r, { children: /* @__PURE__ */ a("div", {
 					className: "min-h-56 rounded-xl border border-border bg-card p-8",
-					children: /* @__PURE__ */ a("div", {
+					children: /* @__PURE__ */ o("div", {
 						className: "flex items-start justify-between gap-3",
-						children: [/* @__PURE__ */ a("div", {
+						children: [/* @__PURE__ */ o("div", {
 							className: "grid gap-2",
 							children: [
-								/* @__PURE__ */ i("p", {
+								/* @__PURE__ */ a("p", {
 									className: "text-[11px] font-semibold uppercase tracking-[0.24em] text-primary",
 									children: e.tone
 								}),
-								/* @__PURE__ */ i("p", {
+								/* @__PURE__ */ a("p", {
 									className: "text-xs font-semibold uppercase tracking-[0.2em] text-muted-foreground",
 									children: `Slide ${t + 1}`
 								}),
-								/* @__PURE__ */ i("h3", {
+								/* @__PURE__ */ a("h3", {
 									className: "text-lg font-semibold text-foreground",
 									children: e.title
 								}),
-								/* @__PURE__ */ i("p", {
+								/* @__PURE__ */ a("p", {
 									className: "text-sm text-muted-foreground",
 									children: e.text
 								})
 							]
-						}), /* @__PURE__ */ a("div", {
+						}), /* @__PURE__ */ o("div", {
 							className: "rounded-full border border-border/70 px-3 py-1 text-xs text-muted-foreground",
 							children: [
 								t + 1,
 								"/",
-								o.length
+								s.length
 							]
 						})]
 					})
 				}) }, e.title))
 			}),
-			/* @__PURE__ */ a("div", {
+			/* @__PURE__ */ o("div", {
 				className: "text-sm text-muted-foreground",
-				children: ["Playback: ", h || d ? "active" : "paused"]
+				children: ["Playback: ", g || f ? "active" : "paused"]
 			})
 		]
 	});
 }
 //#endregion
-export { s as CarouselShowcase };
+export { c as CarouselShowcase };

package/dist/showcase/premium/command-bar/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/kbd/index.cjs"),r=require("../../../components/navigation/command-bar.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c(){let[e,c]=i.useState(`bottom`),[l,u]=i.useState(!0);return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed navigation helper`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`CommandBar keeps a few high-value actions nearby`}),(0,o.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`This is not a replacement for every footer or toolbar. Use it when persistent floating actions improve a long reading or review flow.`})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`rounded-[28px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:l?`secondary`:`outline`,onClick:()=>u(e=>!e),children:l?`Hide bar`:`Show bar`}),(0,o.jsx)(t.Button,{size:`sm`,variant:e===`bottom`?`secondary`:`outline`,onClick:()=>c(`bottom`),children:`Bottom`}),(0,o.jsx)(t.Button,{size:`sm`,variant:e===`top`?`secondary`:`outline`,onClick:()=>c(`top`),children:`Top`})]}),(0,o.jsxs)(`div`,{className:`relative mt-5 min-h-[320px] overflow-hidden rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,o.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,o.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Quarterly release review`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Long content benefits from a small floating action rail when the user must repeatedly approve, reject, or comment without scrolling back to a fixed footer.`}),(0,o.jsxs)(`div`,{className:`mt-6 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,o.jsx)(`p`,{children:`Keep the action set intentionally small. More than three or four actions usually means the bar should become a real toolbar instead.`}),(0,o.jsx)(`p`,{children:`Pair shortcut hints with actions only when the shortcuts are actually supported by the product.`}),(0,o.jsx)(`p`,{children:`The bar should help reading-heavy workflows, not distract from them.`})]})]}),(0,o.jsxs)(r.CommandBar,{open:l,position:e,className:`max-w-[calc(100%-2rem)]`,children:[(0,o.jsx)(n.Kbd,{children:`G`}),(0,o.jsxs)(t.Button,{size:`sm`,variant:`ghost`,children:[(0,o.jsx)(a.MessageSquareIcon,{className:`mr-2 size-4`}),`Comment`]}),(0,o.jsxs)(t.Button,{size:`sm`,variant:`outline`,children:[(0,o.jsx)(a.XIcon,{className:`mr-2 size-4`}),`Reject`]}),(0,o.jsxs)(t.Button,{size:`sm`,children:[(0,o.jsx)(a.CheckIcon,{className:`mr-2 size-4`}),`Approve`]})]})]})]})})]})}exports.CommandBarShowcase=c;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/kbd/index.cjs"),r=require("../../../components/navigation/command-bar.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c(){let[e,c]=i.useState(`bottom`),[l,u]=i.useState(!0);return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed navigation helper`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`CommandBar keeps a few high-value actions nearby`}),(0,o.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`This is not a replacement for every footer or toolbar. Use it when persistent floating actions improve a long reading or review flow.`})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`rounded-[28px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:l?`secondary`:`outline`,onClick:()=>u(e=>!e),children:l?`Hide bar`:`Show bar`}),(0,o.jsx)(t.Button,{size:`sm`,variant:e===`bottom`?`secondary`:`outline`,onClick:()=>c(`bottom`),children:`Bottom`}),(0,o.jsx)(t.Button,{size:`sm`,variant:e===`top`?`secondary`:`outline`,onClick:()=>c(`top`),children:`Top`})]}),(0,o.jsxs)(`div`,{className:`relative mt-5 min-h-[320px] overflow-hidden rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,o.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,o.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Quarterly release review`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Long content benefits from a small floating action rail when the user must repeatedly approve, reject, or comment without scrolling back to a fixed footer.`}),(0,o.jsxs)(`div`,{className:`mt-6 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,o.jsx)(`p`,{children:`Keep the action set intentionally small. More than three or four actions usually means the bar should become a real toolbar instead.`}),(0,o.jsx)(`p`,{children:`Pair shortcut hints with actions only when the shortcuts are actually supported by the product.`}),(0,o.jsx)(`p`,{children:`The bar should help reading-heavy workflows, not distract from them.`})]})]}),(0,o.jsxs)(r.CommandBar,{open:l,position:e,grouped:!0,label:`Review flow`,className:`max-w-[calc(100%-2rem)]`,children:[(0,o.jsx)(n.Kbd,{children:`G`}),(0,o.jsxs)(t.Button,{size:`sm`,variant:`ghost`,children:[(0,o.jsx)(a.MessageSquareIcon,{className:`mr-2 size-4`}),`Comment`]}),(0,o.jsxs)(t.Button,{size:`sm`,variant:`outline`,children:[(0,o.jsx)(a.XIcon,{className:`mr-2 size-4`}),`Reject`]}),(0,o.jsxs)(t.Button,{size:`sm`,children:[(0,o.jsx)(a.CheckIcon,{className:`mr-2 size-4`}),`Approve`]})]})]})]})})]})}exports.CommandBarShowcase=c;

package/dist/showcase/premium/command-bar/showcase.js

@@ -77,6 +77,8 @@ function u() {
 					}), /* @__PURE__ */ c(n, {
 						open: f,
 						position: u,
+						grouped: !0,
+						label: "Review flow",
 						className: "max-w-[calc(100%-2rem)]",
 						children: [
 							/* @__PURE__ */ s(t, { children: "G" }),

package/dist/showcase/premium/data-table/mock.cjs

@@ -1,24 +1,25 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import {
-  DataTable,
-  DataTableBulkActions,
-  DataTableColumnVisibilityMenu,
-  DataTableSortableHeader,
-  createDataTableActionsColumn,
-  createDataTableSelectColumn,
-} from "tembro"
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DataTable } from "tembro"
 
 export function Example() {
   return (
     <DataTable
       columns={columns}
       data={rows}
-      enableRowSelection
+      title="Customers"
+      description="Search, filter, select, and act on operational rows."
+      search={{ value: query, onValueChange: setQuery, placeholder: "Search rows..." }}
+      filters={<StatusFilter value={status} onValueChange={setStatus} />}
+      toolbarActions={<ExportButton rows={rows} />}
+      features={{ columnVisibility: true, rowActions: true, bulkActions: true }}
+      rowSelection={rowSelection}
+      onRowSelectionChange={setRowSelection}
+      rowActions={(row) => getActions(row.original)}
+      bulkActions={bulkActions}
+      pagination={{ pageIndex, pageSize, pageCount, totalRows: rows.length, onPageChange: setPageIndex }}
       density="comfortable"
       striped
       bordered
       stickyHeader
-      rowActions={(row) => getActions(row.original)}
-      bulkActions={bulkActions}
     />
   )
 }`,highlights:[`Toolbar actions`,`Bulk actions`,`Row click`,`Visibility menu`,`Density`,`Preset-driven views`,`Mobile strategy`,`Pagination`],scenarios:[{title:`Finance operations`,description:`Filter, sort and paginate transactional rows with export-ready actions.`},{title:`Mobile fallback`,description:`Collapse rows into cards while preserving click and selection behaviors.`},{title:`Preset views`,description:`Switch between all rows, finance-only and at-risk tables without rebuilding columns.`},{title:`Bulk handling`,description:`Run row group actions with selection state and clear behavior.`}]};exports.dataTableMock=e;

package/dist/showcase/premium/data-table/mock.js

@@ -1,6 +1,6 @@
 //#region src/showcase/premium/data-table/mock.ts
 var e = {
-	code: "import {\n  DataTable,\n  DataTableBulkActions,\n  DataTableColumnVisibilityMenu,\n  DataTableSortableHeader,\n  createDataTableActionsColumn,\n  createDataTableSelectColumn,\n} from \"tembro\"\n\nexport function Example() {\n  return (\n    <DataTable\n      columns={columns}\n      data={rows}\n      enableRowSelection\n      density=\"comfortable\"\n      striped\n      bordered\n      stickyHeader\n      rowActions={(row) => getActions(row.original)}\n      bulkActions={bulkActions}\n    />\n  )\n}",
+	code: "import { DataTable } from \"tembro\"\n\nexport function Example() {\n  return (\n    <DataTable\n      columns={columns}\n      data={rows}\n      title=\"Customers\"\n      description=\"Search, filter, select, and act on operational rows.\"\n      search={{ value: query, onValueChange: setQuery, placeholder: \"Search rows...\" }}\n      filters={<StatusFilter value={status} onValueChange={setStatus} />}\n      toolbarActions={<ExportButton rows={rows} />}\n      features={{ columnVisibility: true, rowActions: true, bulkActions: true }}\n      rowSelection={rowSelection}\n      onRowSelectionChange={setRowSelection}\n      rowActions={(row) => getActions(row.original)}\n      bulkActions={bulkActions}\n      pagination={{ pageIndex, pageSize, pageCount, totalRows: rows.length, onPageChange: setPageIndex }}\n      density=\"comfortable\"\n      striped\n      bordered\n      stickyHeader\n    />\n  )\n}",
 	highlights: [
 		"Toolbar actions",
 		"Bulk actions",

package/dist/showcase/premium/file-upload/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/upload/file-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]);return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,children:`Dropzone`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Rejected files`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`FileUpload is the production file surface`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions.`})]}),(0,i.jsx)(n.FileUpload,{files:e,onFilesChange:a,accept:`.pdf,.docx,.png`,maxFiles:4,maxSize:4*1024*1024,dropzoneLabel:`Upload release assets`,dropzoneDescription:`Drag files here or choose from your device.`,helperText:`Supports PDF, DOCX and PNG up to 4 MB.`}),(0,i.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached files`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Remove and clear actions stay isolated from the parent dropzone click.`})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Contracts, invoices, release assets and admin attachments.`})]})]})]})}exports.FileUploadShowcase=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/upload/file-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]),[o,s]=r.useState({});return r.useEffect(()=>{s(t=>{let n={...t};return e.forEach((e,t)=>{let r=`${e.name}-${e.size}-${e.lastModified}`;n[r]??=t===0?`uploading`:t===1?`error`:`success`}),n})},[e]),(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,children:`Dropzone`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Rejected files`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`FileUpload is the production file surface`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions.`})]}),(0,i.jsx)(n.FileUpload,{files:e,onFilesChange:a,status:o,accept:`.pdf,.docx,.png`,maxFiles:4,maxSize:4*1024*1024,dropzoneLabel:`Upload release assets`,dropzoneDescription:`Drag files here or choose from your device.`,helperText:`Supports PDF, DOCX and PNG up to 4 MB.`,onRetryFile:e=>{let t=`${e.name}-${e.size}-${e.lastModified}`;s(e=>({...e,[t]:`uploading`})),window.setTimeout(()=>{s(e=>({...e,[t]:`success`}))},900)}}),(0,i.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached files`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click.`})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Contracts, invoices, release assets and admin attachments.`})]})]})]})}exports.FileUploadShowcase=a;

package/dist/showcase/premium/file-upload/showcase.js

@@ -4,8 +4,16 @@ import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/showcase/premium/file-upload/showcase.tsx
 function a() {
-	let [a, o] = n.useState([]);
-	return /* @__PURE__ */ i("div", {
+	let [a, o] = n.useState([]), [s, c] = n.useState({});
+	return n.useEffect(() => {
+		c((e) => {
+			let t = { ...e };
+			return a.forEach((e, n) => {
+				let r = `${e.name}-${e.size}-${e.lastModified}`;
+				t[r] ??= n === 0 ? "uploading" : n === 1 ? "error" : "success";
+			}), t;
+		});
+	}, [a]), /* @__PURE__ */ i("div", {
 		className: "space-y-4",
 		children: [
 			/* @__PURE__ */ i("div", {
@@ -41,12 +49,25 @@ function a() {
 			/* @__PURE__ */ r(t, {
 				files: a,
 				onFilesChange: o,
+				status: s,
 				accept: ".pdf,.docx,.png",
 				maxFiles: 4,
 				maxSize: 4 * 1024 * 1024,
 				dropzoneLabel: "Upload release assets",
 				dropzoneDescription: "Drag files here or choose from your device.",
-				helperText: "Supports PDF, DOCX and PNG up to 4 MB."
+				helperText: "Supports PDF, DOCX and PNG up to 4 MB.",
+				onRetryFile: (e) => {
+					let t = `${e.name}-${e.size}-${e.lastModified}`;
+					c((e) => ({
+						...e,
+						[t]: "uploading"
+					})), window.setTimeout(() => {
+						c((e) => ({
+							...e,
+							[t]: "success"
+						}));
+					}, 900);
+				}
 			}),
 			/* @__PURE__ */ i("div", {
 				className: "grid gap-3 md:grid-cols-3",
@@ -68,7 +89,7 @@ function a() {
 							children: "Interaction model"
 						}), /* @__PURE__ */ r("p", {
 							className: "mt-2 aui-text-muted",
-							children: "Remove and clear actions stay isolated from the parent dropzone click."
+							children: "Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click."
 						})]
 					}),
 					/* @__PURE__ */ i("div", {

package/dist/showcase/premium/image-upload/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/upload/image-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]);return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,children:`Preview`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Image-first`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Removable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`ImageUpload is the preview-friendly media variant`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it for thumbnails, gallery assets, hero illustrations and template screenshots where visual confirmation matters immediately.`})]}),(0,i.jsx)(n.ImageUpload,{files:e,onFilesChange:a,maxFiles:3,helperText:`Upload hero illustrations or block thumbnails.`}),(0,i.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached images`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Remove action stays separate from the parent dropzone surface.`})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Marketing blocks, screenshots, previews and content thumbnails.`})]})]})]})}exports.ImageUploadShowcase=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/upload/image-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]);return(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,children:`Preview`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Image-first`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Removable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`ImageUpload is the preview-friendly media variant`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it for thumbnails, gallery assets, hero illustrations and template screenshots where visual confirmation matters immediately.`})]}),(0,i.jsx)(n.ImageUpload,{files:e,onFilesChange:a,maxFiles:3,minImageWidth:1200,minImageHeight:800,aspectRatio:1.5,helperText:`Upload hero illustrations or block thumbnails.`}),(0,i.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached images`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Preview, remove, and ratio validation live inside the same reusable media surface.`})]}),(0,i.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Marketing blocks, screenshots, previews and content thumbnails.`})]})]})]})}exports.ImageUploadShowcase=a;

package/dist/showcase/premium/image-upload/showcase.js

@@ -42,6 +42,9 @@ function a() {
 				files: a,
 				onFilesChange: o,
 				maxFiles: 3,
+				minImageWidth: 1200,
+				minImageHeight: 800,
+				aspectRatio: 1.5,
 				helperText: "Upload hero illustrations or block thumbnails."
 			}),
 			/* @__PURE__ */ i("div", {
@@ -64,7 +67,7 @@ function a() {
 							children: "Interaction model"
 						}), /* @__PURE__ */ r("p", {
 							className: "mt-2 aui-text-muted",
-							children: "Remove action stays separate from the parent dropzone surface."
+							children: "Preview, remove, and ratio validation live inside the same reusable media surface."
 						})]
 					}),
 					/* @__PURE__ */ i("div", {

package/dist/showcase/premium/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require("./alert/showcase.cjs"),te=require("./alert/mock.cjs"),e=require("./alert-dialog/showcase.cjs"),t=require("./alert-dialog/mock.cjs"),ne=require("./accordion/mock.cjs"),re=require("./accordion/showcase.cjs"),ie=require("./activity-feed/showcase.cjs"),ae=require("./activity-feed/mock.cjs"),n=require("./action-menu/showcase.cjs"),r=require("./action-menu/mock.cjs"),i=require("./app-shell/showcase.cjs"),a=require("./app-shell/mock.cjs"),o=require("./app-sidebar/showcase.cjs"),s=require("./app-sidebar/mock.cjs"),c=require("./async-select/showcase.cjs"),l=require("./async-select/mock.cjs"),u=require("./async-multi-select/showcase.cjs"),d=require("./async-multi-select/mock.cjs"),f=require("./avatar/mock.cjs"),p=require("./avatar/showcase.cjs"),m=require("./carousel/mock.cjs"),h=require("./carousel/showcase.cjs"),g=require("./clearable-input/showcase.cjs"),_=require("./clearable-input/mock.cjs"),v=require("./json-input/mock.cjs"),y=require("./json-input/showcase.cjs"),b=require("./qr-code/mock.cjs"),x=require("./qr-code/showcase.cjs"),S=require("./menubar/mock.cjs"),C=require("./menubar/showcase.cjs"),w=require("./navigation-menu/mock.cjs"),T=require("./navigation-menu/showcase.cjs"),E=require("./badge/showcase.cjs"),D=require("./badge/mock.cjs"),O=require("./divider/mock.cjs"),k=require("./divider/showcase.cjs"),A=require("./breadcrumbs/showcase.cjs"),j=require("./breadcrumbs/mock.cjs"),M=require("./button/showcase.cjs"),N=require("./button/mock.cjs"),P=require("./button-group/showcase.cjs"),F=require("./button-group/mock.cjs"),I=require("./calendar/showcase.cjs"),L=require("./calendar/mock.cjs"),R=require("./calendar-scheduler/mock.cjs"),z=require("./calendar-scheduler/showcase.cjs"),B=require("./card/showcase.cjs"),V=require("./card/mock.cjs"),H=require("./checkbox/showcase.cjs"),U=require("./checkbox/mock.cjs"),W=require("./code-block/mock.cjs"),G=require("./code-block/showcase.cjs"),K=require("./dual-list-picker/mock.cjs"),q=require("./dual-list-picker/showcase.cjs"),J=require("./collapse/showcase.cjs"),oe=require("./collapse/mock.cjs"),se=require("./combobox/showcase.cjs"),ce=require("./combobox/mock.cjs"),le=require("./command-bar/mock.cjs"),ue=require("./command-bar/showcase.cjs"),de=require("./command-palette/showcase.cjs"),fe=require("./command-palette/mock.cjs"),pe=require("./confirm-dialog/showcase.cjs"),me=require("./confirm-dialog/mock.cjs"),he=require("./copy-button/mock.cjs"),ge=require("./copy-button/showcase.cjs"),_e=require("./copy-field/mock.cjs"),ve=require("./copy-field/showcase.cjs"),ye=require("./data-state/mock.cjs"),be=require("./data-state/showcase.cjs"),Y=require("./data-table/showcase.cjs"),X=require("./data-table/mock.cjs"),xe=require("./date-input/showcase.cjs"),Se=require("./date-input/mock.cjs"),Ce=require("./date-picker/showcase.cjs"),we=require("./date-picker/mock.cjs"),Te=require("./date-range-input/showcase.cjs"),Ee=require("./date-range-input/mock.cjs"),De=require("./date-range-picker/showcase.cjs"),Oe=require("./date-range-picker/mock.cjs"),ke=require("./description-list/showcase.cjs"),Ae=require("./description-list/mock.cjs"),je=require("./descriptions/mock.cjs"),Me=require("./descriptions/showcase.cjs"),Ne=require("./dialog/showcase.cjs"),Pe=require("./dialog/mock.cjs"),Fe=require("./dropdown-menu/showcase.cjs"),Ie=require("./dropdown-menu/mock.cjs"),Le=require("./drawer/showcase.cjs"),Re=require("./drawer/mock.cjs"),Z=require("./form-wrapper/showcase.cjs"),Q=require("./form-wrapper/mock.cjs"),ze=require("./hover-card/showcase.cjs"),Be=require("./hover-card/mock.cjs"),Ve=require("./kanban-board/mock.cjs"),He=require("./kanban-board/showcase.cjs"),Ue=require("./info-card/showcase.cjs"),We=require("./info-card/mock.cjs"),Ge=require("./input/showcase.cjs"),Ke=require("./input/mock.cjs"),qe=require("./kbd/showcase.cjs"),Je=require("./kbd/mock.cjs"),Ye=require("./list/mock.cjs"),Xe=require("./list/showcase.cjs"),Ze=require("./loading-state/showcase.cjs"),Qe=require("./loading-state/mock.cjs"),$e=require("./rich-text-editor/mock.cjs"),et=require("./rich-text-editor/showcase.cjs"),tt=require("./time-picker/mock.cjs"),nt=require("./time-picker/showcase.cjs"),rt=require("./tour/mock.cjs"),it=require("./tour/showcase.cjs"),at=require("./sticky-footer-bar/mock.cjs"),ot=require("./sticky-footer-bar/showcase.cjs"),st=require("./masked-input/showcase.cjs"),ct=require("./masked-input/mock.cjs"),$=require("./metric-grid/showcase.cjs"),lt=require("./metric-grid/mock.cjs"),ut=require("./modal-shell/showcase.cjs"),dt=require("./modal-shell/mock.cjs"),ft=require("./resizable-panel/mock.cjs"),pt=require("./resizable-panel/showcase.cjs"),mt=require("./money-input/showcase.cjs"),ht=require("./money-input/mock.cjs"),gt=require("./notification-center/showcase.cjs"),_t=require("./notification-center/mock.cjs"),vt=require("./number-input/showcase.cjs"),yt=require("./number-input/mock.cjs"),bt=require("./otp-input/showcase.cjs"),xt=require("./otp-input/mock.cjs"),St=require("./page-container/showcase.cjs"),Ct=require("./page-container/mock.cjs"),wt=require("./page-header/showcase.cjs"),Tt=require("./page-header/mock.cjs"),Et=require("./page-tabs/showcase.cjs"),Dt=require("./page-tabs/mock.cjs"),Ot=require("./section/mock.cjs"),kt=require("./section/showcase.cjs"),At=require("./phone-input/showcase.cjs"),jt=require("./phone-input/mock.cjs"),Mt=require("./page-state/showcase.cjs"),Nt=require("./page-state/mock.cjs"),Pt=require("./pagination/showcase.cjs"),Ft=require("./pagination/mock.cjs"),It=require("./popover/showcase.cjs"),Lt=require("./popover/mock.cjs"),Rt=require("./property-grid/mock.cjs"),zt=require("./property-grid/showcase.cjs"),Bt=require("./progress/showcase.cjs"),Vt=require("./progress/mock.cjs"),Ht=require("./quantity-input/showcase.cjs"),Ut=require("./quantity-input/mock.cjs"),Wt=require("./radio-group/showcase.cjs"),Gt=require("./radio-group/mock.cjs"),Kt=require("./result/showcase.cjs"),qt=require("./result/mock.cjs"),Jt=require("./right-click-menu/showcase.cjs"),Yt=require("./right-click-menu/mock.cjs"),Xt=require("./scroll-box/showcase.cjs"),Zt=require("./scroll-box/mock.cjs"),Qt=require("./saved-filter-select/showcase.cjs"),$t=require("./saved-filter-select/mock.cjs"),en=require("./search-input/showcase.cjs"),tn=require("./search-input/mock.cjs"),nn=require("./segmented-control/mock.cjs"),rn=require("./segmented-control/showcase.cjs"),an=require("./select/showcase.cjs"),on=require("./select/mock.cjs"),sn=require("./sheet-shell/showcase.cjs"),cn=require("./sheet-shell/mock.cjs"),ln=require("./sidebar-nav/showcase.cjs"),un=require("./sidebar-nav/mock.cjs"),dn=require("./simple-select/showcase.cjs"),fn=require("./simple-select/mock.cjs"),pn=require("./slider/showcase.cjs"),mn=require("./slider/mock.cjs"),hn=require("./skeleton/mock.cjs"),gn=require("./skeleton/showcase.cjs"),_n=require("./spinner/mock.cjs"),vn=require("./spinner/showcase.cjs"),yn=require("./statistic/mock.cjs"),bn=require("./statistic/showcase.cjs"),xn=require("./switch/showcase.cjs"),Sn=require("./switch/mock.cjs"),Cn=require("./tag-input/showcase.cjs"),wn=require("./tag-input/mock.cjs"),Tn=require("./table/showcase.cjs"),En=require("./table/mock.cjs"),Dn=require("./tabs/showcase.cjs"),On=require("./tabs/mock.cjs"),kn=require("./textarea/showcase.cjs"),An=require("./textarea/mock.cjs"),jn=require("./timeline/showcase.cjs"),Mn=require("./timeline/mock.cjs"),Nn=require("./tag/mock.cjs"),Pn=require("./tag/showcase.cjs"),Fn=require("./typography/mock.cjs"),In=require("./typography/showcase.cjs"),Ln=require("./tree-view/mock.cjs"),Rn=require("./tree-view/showcase.cjs"),zn=require("./toast/showcase.cjs"),Bn=require("./toast/mock.cjs"),Vn=require("./tooltip/showcase.cjs"),Hn=require("./tooltip/mock.cjs"),Un=require("./file-upload/showcase.cjs"),Wn=require("./file-upload/mock.cjs"),Gn=require("./image-upload/showcase.cjs"),Kn=require("./image-upload/mock.cjs"),qn=require("./password-input/showcase.cjs"),Jn=require("./password-input/mock.cjs"),Yn=require("./rating/showcase.cjs"),Xn=require("./rating/mock.cjs"),Zn=require("./types.cjs");var Qn={alert:{mock:te.alertMock,Showcase:ee.AlertShowcase},"alert-dialog":{mock:t.alertDialogMock,Showcase:e.AlertDialogShowcase},accordion:{mock:ne.accordionMock,Showcase:re.AccordionShowcase},"action-menu":{mock:r.actionMenuMock,Showcase:n.ActionMenuShowcase},button:{mock:N.buttonMock,Showcase:M.ButtonShowcase},"button-group":{mock:F.buttonGroupMock,Showcase:P.ButtonGroupShowcase},calendar:{mock:L.calendarMock,Showcase:I.CalendarShowcase},"calendar-scheduler":{mock:R.calendarSchedulerMock,Showcase:z.CalendarSchedulerShowcase},"command-bar":{mock:le.commandBarMock,Showcase:ue.CommandBarShowcase},"command-palette":{mock:fe.commandPaletteMock,Showcase:de.CommandPaletteShowcase},carousel:{mock:m.carouselMock,Showcase:h.CarouselShowcase},"clearable-input":{mock:_.clearableInputMock,Showcase:g.ClearableInputShowcase},"code-block":{mock:W.codeBlockMock,Showcase:G.CodeBlockShowcase},"dual-list-picker":{mock:K.dualListPickerMock,Showcase:q.DualListPickerShowcase},divider:{mock:O.dividerMock,Showcase:k.DividerShowcase},input:{mock:Ke.inputMock,Showcase:Ge.InputShowcase},textarea:{mock:An.textareaMock,Showcase:kn.TextareaShowcase},select:{mock:on.selectMock,Showcase:an.SelectShowcase},combobox:{mock:ce.comboboxMock,Showcase:se.ComboboxShowcase},"radio-group":{mock:Gt.radioGroupMock,Showcase:Wt.RadioGroupShowcase},"simple-select":{mock:fn.simpleSelectMock,Showcase:dn.SimpleSelectShowcase},"async-select":{mock:l.asyncSelectMock,Showcase:c.AsyncSelectShowcase},"async-multi-select":{mock:d.asyncMultiSelectMock,Showcase:u.AsyncMultiSelectShowcase},avatar:{mock:f.avatarMock,Showcase:p.AvatarShowcase},"number-input":{mock:yt.numberInputMock,Showcase:vt.NumberInputShowcase},"money-input":{mock:ht.moneyInputMock,Showcase:mt.MoneyInputShowcase},"password-input":{mock:Jn.passwordInputMock,Showcase:qn.PasswordInputShowcase},"date-input":{mock:Se.dateInputMock,Showcase:xe.DateInputShowcase},"date-range-input":{mock:Ee.dateRangeInputMock,Showcase:Te.DateRangeInputShowcase},"date-picker":{mock:we.datePickerMock,Showcase:Ce.DatePickerShowcase},"date-range-picker":{mock:Oe.dateRangePickerMock,Showcase:De.DateRangePickerShowcase},"description-list":{mock:Ae.descriptionListMock,Showcase:ke.DescriptionListShowcase},descriptions:{mock:je.descriptionsMock,Showcase:Me.DescriptionsShowcase},drawer:{mock:Re.drawerMock,Showcase:Le.DrawerShowcase},"json-input":{mock:v.jsonInputMock,Showcase:y.JsonInputShowcase},kanban:{mock:Ve.kanbanBoardMock,Showcase:He.KanbanBoardShowcase},menubar:{mock:S.menubarMock,Showcase:C.MenubarShowcase},"navigation-menu":{mock:w.navigationMenuMock,Showcase:T.NavigationMenuShowcase},"otp-input":{mock:xt.otpInputMock,Showcase:bt.OtpInputShowcase},"quantity-input":{mock:Ut.quantityInputMock,Showcase:Ht.QuantityInputShowcase},rating:{mock:Xn.ratingMock,Showcase:Yn.RatingShowcase},"masked-input":{mock:ct.maskedInputMock,Showcase:st.MaskedInputShowcase},"phone-input":{mock:jt.phoneInputMock,Showcase:At.PhoneInputShowcase},"search-input":{mock:tn.searchInputMock,Showcase:en.SearchInputShowcase},slider:{mock:mn.sliderMock,Showcase:pn.SliderShowcase},"time-picker":{mock:tt.timePickerMock,Showcase:nt.TimePickerShowcase},"tag-input":{mock:wn.tagInputMock,Showcase:Cn.TagInputShowcase},"dropdown-menu":{mock:Ie.dropdownMenuMock,Showcase:Fe.DropdownMenuShowcase},"confirm-dialog":{mock:me.confirmDialogMock,Showcase:pe.ConfirmDialogShowcase},checkbox:{mock:U.checkboxMock,Showcase:H.CheckboxShowcase},"copy-button":{mock:he.copyButtonMock,Showcase:ge.CopyButtonShowcase},"copy-field":{mock:_e.copyFieldMock,Showcase:ve.CopyFieldShowcase},switch:{mock:Sn.switchMock,Showcase:xn.SwitchShowcase},badge:{mock:D.badgeMock,Showcase:E.BadgeShowcase},card:{mock:V.cardMock,Showcase:B.CardShowcase},tabs:{mock:On.tabsMock,Showcase:Dn.TabsShowcase},collapse:{mock:oe.collapseMock,Showcase:J.CollapseShowcase},kbd:{mock:Je.kbdMock,Showcase:qe.KbdShowcase},"modal-shell":{mock:dt.modalShellMock,Showcase:ut.ModalShellShowcase},"sheet-shell":{mock:cn.sheetShellMock,Showcase:sn.SheetShellShowcase},dialog:{mock:Pe.dialogMock,Showcase:Ne.DialogShowcase},popover:{mock:Lt.popoverMock,Showcase:It.PopoverShowcase},tooltip:{mock:Hn.tooltipMock,Showcase:Vn.TooltipShowcase},"hover-card":{mock:Be.hoverCardMock,Showcase:ze.HoverCardShowcase},"right-click-menu":{mock:Yt.rightClickMenuMock,Showcase:Jt.RightClickMenuShowcase},"data-table":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-column-visibility-menu":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-sortable-header":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-bulk-actions":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-view-presets":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"saved-filter-select":{mock:$t.savedFilterSelectMock,Showcase:Qt.SavedFilterSelectShowcase},"form-field":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-field-shell":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-select":{mock:Q.formSelectMock,Showcase:Z.FormWrapperShowcase},"form-async-select":{mock:Q.formAsyncSelectMock,Showcase:Z.FormWrapperShowcase},"form-textarea":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-switch":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-search-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-password-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-number-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-phone-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"segmented-control":{mock:nn.segmentedControlMock,Showcase:rn.SegmentedControlShowcase},skeleton:{mock:hn.skeletonMock,Showcase:gn.SkeletonShowcase},spinner:{mock:_n.spinnerMock,Showcase:vn.SpinnerShowcase},table:{mock:En.tableMock,Showcase:Tn.TableShowcase},sidebar:{mock:s.appSidebarMock,Showcase:o.AppSidebarShowcase},"app-sidebar":{mock:s.appSidebarMock,Showcase:o.AppSidebarShowcase},"app-shell":{mock:a.appShellMock,Showcase:i.AppShellShowcase},"sidebar-nav":{mock:un.sidebarNavMock,Showcase:ln.SidebarNavShowcase},breadcrumbs:{mock:j.breadcrumbsMock,Showcase:A.BreadcrumbsShowcase},"page-header":{mock:Tt.pageHeaderMock,Showcase:wt.PageHeaderShowcase},"page-container":{mock:Ct.pageContainerMock,Showcase:St.PageContainerShowcase},"page-state":{mock:Nt.pageStateMock,Showcase:Mt.PageStateShowcase},"page-tabs":{mock:Dt.pageTabsMock,Showcase:Et.PageTabsShowcase},pagination:{mock:Ft.paginationMock,Showcase:Pt.PaginationShowcase},"metric-grid":{mock:lt.metricGridMock,Showcase:$.MetricGridShowcase},"notification-center":{mock:_t.notificationCenterMock,Showcase:gt.NotificationCenterShowcase},"info-card":{mock:We.infoCardMock,Showcase:Ue.InfoCardShowcase},list:{mock:Ye.listMock,Showcase:Xe.ListShowcase},"property-grid":{mock:Rt.propertyGridMock,Showcase:zt.PropertyGridShowcase},"activity-feed":{mock:ae.activityFeedMock,Showcase:ie.ActivityFeedShowcase},"loading-state":{mock:Qe.loadingStateMock,Showcase:Ze.LoadingStateShowcase},"data-state":{mock:ye.dataStateMock,Showcase:be.DataStateShowcase},progress:{mock:Vt.progressMock,Showcase:Bt.ProgressShowcase},result:{mock:qt.resultMock,Showcase:Kt.ResultShowcase},"resizable-panel":{mock:ft.resizablePanelMock,Showcase:pt.ResizablePanelShowcase},section:{mock:Ot.sectionMock,Showcase:kt.SectionShowcase},statistic:{mock:yn.statisticMock,Showcase:bn.StatisticShowcase},"sticky-footer-bar":{mock:at.stickyFooterBarMock,Showcase:ot.StickyFooterBarShowcase},"rich-text-editor":{mock:$e.richTextEditorMock,Showcase:et.RichTextEditorShowcase},tour:{mock:rt.tourMock,Showcase:it.TourShowcase},"qr-code":{mock:b.qrCodeMock,Showcase:x.QRCodeShowcase},tag:{mock:Nn.tagMock,Showcase:Pn.TagShowcase},typography:{mock:Fn.typographyMock,Showcase:In.TypographyShowcase},"tree-view":{mock:Ln.treeViewMock,Showcase:Rn.TreeViewShowcase},"file-upload":{mock:Wn.fileUploadMock,Showcase:Un.FileUploadShowcase},"image-upload":{mock:Kn.imageUploadMock,Showcase:Gn.ImageUploadShowcase},"scroll-box":{mock:Zt.scrollBoxMock,Showcase:Xt.ScrollBoxShowcase},timeline:{mock:Mn.timelineMock,Showcase:jn.TimelineShowcase},toast:{mock:Bn.toastMock,Showcase:zn.ToastShowcase}};exports.defaultComponentDemoState=Zn.defaultComponentDemoState,exports.premiumShowcaseDemoRegistry=Qn;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require("./alert/showcase.cjs"),te=require("./alert/mock.cjs"),e=require("./alert-dialog/showcase.cjs"),t=require("./alert-dialog/mock.cjs"),ne=require("./accordion/mock.cjs"),re=require("./accordion/showcase.cjs"),ie=require("./activity-feed/showcase.cjs"),ae=require("./activity-feed/mock.cjs"),n=require("./action-menu/showcase.cjs"),r=require("./action-menu/mock.cjs"),i=require("./app-sidebar/showcase.cjs"),a=require("./app-sidebar/mock.cjs"),o=require("./async-select/showcase.cjs"),s=require("./async-select/mock.cjs"),c=require("./async-multi-select/showcase.cjs"),l=require("./async-multi-select/mock.cjs"),u=require("./avatar/mock.cjs"),d=require("./avatar/showcase.cjs"),f=require("./carousel/mock.cjs"),p=require("./carousel/showcase.cjs"),m=require("./clearable-input/showcase.cjs"),h=require("./clearable-input/mock.cjs"),g=require("./json-input/mock.cjs"),_=require("./json-input/showcase.cjs"),v=require("./qr-code/mock.cjs"),y=require("./qr-code/showcase.cjs"),b=require("./menubar/mock.cjs"),x=require("./menubar/showcase.cjs"),S=require("./navigation-menu/mock.cjs"),C=require("./navigation-menu/showcase.cjs"),w=require("./badge/showcase.cjs"),T=require("./badge/mock.cjs"),E=require("./divider/mock.cjs"),D=require("./divider/showcase.cjs"),O=require("./breadcrumbs/showcase.cjs"),k=require("./breadcrumbs/mock.cjs"),A=require("./button/showcase.cjs"),j=require("./button/mock.cjs"),M=require("./button-group/showcase.cjs"),N=require("./button-group/mock.cjs"),P=require("./calendar/showcase.cjs"),F=require("./calendar/mock.cjs"),I=require("./calendar-scheduler/mock.cjs"),L=require("./calendar-scheduler/showcase.cjs"),R=require("./card/showcase.cjs"),z=require("./card/mock.cjs"),B=require("./checkbox/showcase.cjs"),V=require("./checkbox/mock.cjs"),H=require("./code-block/mock.cjs"),U=require("./code-block/showcase.cjs"),W=require("./dual-list-picker/mock.cjs"),G=require("./dual-list-picker/showcase.cjs"),K=require("./collapse/showcase.cjs"),q=require("./collapse/mock.cjs"),J=require("./combobox/showcase.cjs"),oe=require("./combobox/mock.cjs"),se=require("./command-bar/mock.cjs"),ce=require("./command-bar/showcase.cjs"),le=require("./command-palette/showcase.cjs"),ue=require("./command-palette/mock.cjs"),de=require("./confirm-dialog/showcase.cjs"),fe=require("./confirm-dialog/mock.cjs"),pe=require("./copy-button/mock.cjs"),me=require("./copy-button/showcase.cjs"),he=require("./copy-field/mock.cjs"),ge=require("./copy-field/showcase.cjs"),_e=require("./data-state/mock.cjs"),ve=require("./data-state/showcase.cjs"),Y=require("./data-table/showcase.cjs"),X=require("./data-table/mock.cjs"),ye=require("./date-input/showcase.cjs"),be=require("./date-input/mock.cjs"),xe=require("./date-picker/showcase.cjs"),Se=require("./date-picker/mock.cjs"),Ce=require("./date-range-input/showcase.cjs"),we=require("./date-range-input/mock.cjs"),Te=require("./date-range-picker/showcase.cjs"),Ee=require("./date-range-picker/mock.cjs"),De=require("./description-list/showcase.cjs"),Oe=require("./description-list/mock.cjs"),ke=require("./descriptions/mock.cjs"),Ae=require("./descriptions/showcase.cjs"),je=require("./dialog/showcase.cjs"),Me=require("./dialog/mock.cjs"),Ne=require("./dropdown-menu/showcase.cjs"),Pe=require("./dropdown-menu/mock.cjs"),Fe=require("./drawer/showcase.cjs"),Ie=require("./drawer/mock.cjs"),Z=require("./form-wrapper/showcase.cjs"),Q=require("./form-wrapper/mock.cjs"),Le=require("./hover-card/showcase.cjs"),Re=require("./hover-card/mock.cjs"),ze=require("./kanban-board/mock.cjs"),Be=require("./kanban-board/showcase.cjs"),Ve=require("./info-card/showcase.cjs"),He=require("./info-card/mock.cjs"),Ue=require("./input/showcase.cjs"),We=require("./input/mock.cjs"),Ge=require("./kbd/showcase.cjs"),Ke=require("./kbd/mock.cjs"),qe=require("./list/mock.cjs"),Je=require("./list/showcase.cjs"),Ye=require("./loading-state/showcase.cjs"),Xe=require("./loading-state/mock.cjs"),Ze=require("./rich-text-editor/mock.cjs"),Qe=require("./rich-text-editor/showcase.cjs"),$e=require("./time-picker/mock.cjs"),et=require("./time-picker/showcase.cjs"),tt=require("./tour/mock.cjs"),nt=require("./tour/showcase.cjs"),rt=require("./sticky-footer-bar/mock.cjs"),it=require("./sticky-footer-bar/showcase.cjs"),at=require("./masked-input/showcase.cjs"),ot=require("./masked-input/mock.cjs"),st=require("./metric-grid/showcase.cjs"),ct=require("./metric-grid/mock.cjs"),$=require("./modal-shell/showcase.cjs"),lt=require("./modal-shell/mock.cjs"),ut=require("./resizable-panel/mock.cjs"),dt=require("./resizable-panel/showcase.cjs"),ft=require("./money-input/showcase.cjs"),pt=require("./money-input/mock.cjs"),mt=require("./notification-center/showcase.cjs"),ht=require("./notification-center/mock.cjs"),gt=require("./number-input/showcase.cjs"),_t=require("./number-input/mock.cjs"),vt=require("./otp-input/showcase.cjs"),yt=require("./otp-input/mock.cjs"),bt=require("./page-container/showcase.cjs"),xt=require("./page-container/mock.cjs"),St=require("./page-header/showcase.cjs"),Ct=require("./page-header/mock.cjs"),wt=require("./page-tabs/showcase.cjs"),Tt=require("./page-tabs/mock.cjs"),Et=require("./section/mock.cjs"),Dt=require("./section/showcase.cjs"),Ot=require("./phone-input/showcase.cjs"),kt=require("./phone-input/mock.cjs"),At=require("./page-state/showcase.cjs"),jt=require("./page-state/mock.cjs"),Mt=require("./pagination/showcase.cjs"),Nt=require("./pagination/mock.cjs"),Pt=require("./popover/showcase.cjs"),Ft=require("./popover/mock.cjs"),It=require("./property-grid/mock.cjs"),Lt=require("./property-grid/showcase.cjs"),Rt=require("./progress/showcase.cjs"),zt=require("./progress/mock.cjs"),Bt=require("./quantity-input/showcase.cjs"),Vt=require("./quantity-input/mock.cjs"),Ht=require("./radio-group/showcase.cjs"),Ut=require("./radio-group/mock.cjs"),Wt=require("./result/showcase.cjs"),Gt=require("./result/mock.cjs"),Kt=require("./right-click-menu/showcase.cjs"),qt=require("./right-click-menu/mock.cjs"),Jt=require("./scroll-box/showcase.cjs"),Yt=require("./scroll-box/mock.cjs"),Xt=require("./saved-filter-select/showcase.cjs"),Zt=require("./saved-filter-select/mock.cjs"),Qt=require("./search-input/showcase.cjs"),$t=require("./search-input/mock.cjs"),en=require("./segmented-control/mock.cjs"),tn=require("./segmented-control/showcase.cjs"),nn=require("./select/showcase.cjs"),rn=require("./select/mock.cjs"),an=require("./sheet-shell/showcase.cjs"),on=require("./sheet-shell/mock.cjs"),sn=require("./sidebar-nav/showcase.cjs"),cn=require("./sidebar-nav/mock.cjs"),ln=require("./simple-select/showcase.cjs"),un=require("./simple-select/mock.cjs"),dn=require("./slider/showcase.cjs"),fn=require("./slider/mock.cjs"),pn=require("./skeleton/mock.cjs"),mn=require("./skeleton/showcase.cjs"),hn=require("./spinner/mock.cjs"),gn=require("./spinner/showcase.cjs"),_n=require("./statistic/mock.cjs"),vn=require("./statistic/showcase.cjs"),yn=require("./switch/showcase.cjs"),bn=require("./switch/mock.cjs"),xn=require("./tag-input/showcase.cjs"),Sn=require("./tag-input/mock.cjs"),Cn=require("./table/showcase.cjs"),wn=require("./table/mock.cjs"),Tn=require("./tabs/showcase.cjs"),En=require("./tabs/mock.cjs"),Dn=require("./textarea/showcase.cjs"),On=require("./textarea/mock.cjs"),kn=require("./timeline/showcase.cjs"),An=require("./timeline/mock.cjs"),jn=require("./tag/mock.cjs"),Mn=require("./tag/showcase.cjs"),Nn=require("./typography/mock.cjs"),Pn=require("./typography/showcase.cjs"),Fn=require("./tree-view/mock.cjs"),In=require("./tree-view/showcase.cjs"),Ln=require("./toast/showcase.cjs"),Rn=require("./toast/mock.cjs"),zn=require("./tooltip/showcase.cjs"),Bn=require("./tooltip/mock.cjs"),Vn=require("./file-upload/showcase.cjs"),Hn=require("./file-upload/mock.cjs"),Un=require("./image-upload/showcase.cjs"),Wn=require("./image-upload/mock.cjs"),Gn=require("./password-input/showcase.cjs"),Kn=require("./password-input/mock.cjs"),qn=require("./rating/showcase.cjs"),Jn=require("./rating/mock.cjs"),Yn=require("./types.cjs");var Xn={alert:{mock:te.alertMock,Showcase:ee.AlertShowcase},"alert-dialog":{mock:t.alertDialogMock,Showcase:e.AlertDialogShowcase},accordion:{mock:ne.accordionMock,Showcase:re.AccordionShowcase},"action-menu":{mock:r.actionMenuMock,Showcase:n.ActionMenuShowcase},button:{mock:j.buttonMock,Showcase:A.ButtonShowcase},"button-group":{mock:N.buttonGroupMock,Showcase:M.ButtonGroupShowcase},calendar:{mock:F.calendarMock,Showcase:P.CalendarShowcase},"calendar-scheduler":{mock:I.calendarSchedulerMock,Showcase:L.CalendarSchedulerShowcase},"command-bar":{mock:se.commandBarMock,Showcase:ce.CommandBarShowcase},"command-palette":{mock:ue.commandPaletteMock,Showcase:le.CommandPaletteShowcase},carousel:{mock:f.carouselMock,Showcase:p.CarouselShowcase},"clearable-input":{mock:h.clearableInputMock,Showcase:m.ClearableInputShowcase},"code-block":{mock:H.codeBlockMock,Showcase:U.CodeBlockShowcase},"dual-list-picker":{mock:W.dualListPickerMock,Showcase:G.DualListPickerShowcase},divider:{mock:E.dividerMock,Showcase:D.DividerShowcase},input:{mock:We.inputMock,Showcase:Ue.InputShowcase},textarea:{mock:On.textareaMock,Showcase:Dn.TextareaShowcase},select:{mock:rn.selectMock,Showcase:nn.SelectShowcase},combobox:{mock:oe.comboboxMock,Showcase:J.ComboboxShowcase},"radio-group":{mock:Ut.radioGroupMock,Showcase:Ht.RadioGroupShowcase},"simple-select":{mock:un.simpleSelectMock,Showcase:ln.SimpleSelectShowcase},"async-select":{mock:s.asyncSelectMock,Showcase:o.AsyncSelectShowcase},"async-multi-select":{mock:l.asyncMultiSelectMock,Showcase:c.AsyncMultiSelectShowcase},avatar:{mock:u.avatarMock,Showcase:d.AvatarShowcase},"number-input":{mock:_t.numberInputMock,Showcase:gt.NumberInputShowcase},"money-input":{mock:pt.moneyInputMock,Showcase:ft.MoneyInputShowcase},"password-input":{mock:Kn.passwordInputMock,Showcase:Gn.PasswordInputShowcase},"date-input":{mock:be.dateInputMock,Showcase:ye.DateInputShowcase},"date-range-input":{mock:we.dateRangeInputMock,Showcase:Ce.DateRangeInputShowcase},"date-picker":{mock:Se.datePickerMock,Showcase:xe.DatePickerShowcase},"date-range-picker":{mock:Ee.dateRangePickerMock,Showcase:Te.DateRangePickerShowcase},"description-list":{mock:Oe.descriptionListMock,Showcase:De.DescriptionListShowcase},descriptions:{mock:ke.descriptionsMock,Showcase:Ae.DescriptionsShowcase},drawer:{mock:Ie.drawerMock,Showcase:Fe.DrawerShowcase},"json-input":{mock:g.jsonInputMock,Showcase:_.JsonInputShowcase},kanban:{mock:ze.kanbanBoardMock,Showcase:Be.KanbanBoardShowcase},menubar:{mock:b.menubarMock,Showcase:x.MenubarShowcase},"navigation-menu":{mock:S.navigationMenuMock,Showcase:C.NavigationMenuShowcase},"otp-input":{mock:yt.otpInputMock,Showcase:vt.OtpInputShowcase},"quantity-input":{mock:Vt.quantityInputMock,Showcase:Bt.QuantityInputShowcase},rating:{mock:Jn.ratingMock,Showcase:qn.RatingShowcase},"masked-input":{mock:ot.maskedInputMock,Showcase:at.MaskedInputShowcase},"phone-input":{mock:kt.phoneInputMock,Showcase:Ot.PhoneInputShowcase},"search-input":{mock:$t.searchInputMock,Showcase:Qt.SearchInputShowcase},slider:{mock:fn.sliderMock,Showcase:dn.SliderShowcase},"time-picker":{mock:$e.timePickerMock,Showcase:et.TimePickerShowcase},"tag-input":{mock:Sn.tagInputMock,Showcase:xn.TagInputShowcase},"dropdown-menu":{mock:Pe.dropdownMenuMock,Showcase:Ne.DropdownMenuShowcase},"confirm-dialog":{mock:fe.confirmDialogMock,Showcase:de.ConfirmDialogShowcase},checkbox:{mock:V.checkboxMock,Showcase:B.CheckboxShowcase},"copy-button":{mock:pe.copyButtonMock,Showcase:me.CopyButtonShowcase},"copy-field":{mock:he.copyFieldMock,Showcase:ge.CopyFieldShowcase},switch:{mock:bn.switchMock,Showcase:yn.SwitchShowcase},badge:{mock:T.badgeMock,Showcase:w.BadgeShowcase},card:{mock:z.cardMock,Showcase:R.CardShowcase},tabs:{mock:En.tabsMock,Showcase:Tn.TabsShowcase},collapse:{mock:q.collapseMock,Showcase:K.CollapseShowcase},kbd:{mock:Ke.kbdMock,Showcase:Ge.KbdShowcase},"modal-shell":{mock:lt.modalShellMock,Showcase:$.ModalShellShowcase},"sheet-shell":{mock:on.sheetShellMock,Showcase:an.SheetShellShowcase},dialog:{mock:Me.dialogMock,Showcase:je.DialogShowcase},popover:{mock:Ft.popoverMock,Showcase:Pt.PopoverShowcase},tooltip:{mock:Bn.tooltipMock,Showcase:zn.TooltipShowcase},"hover-card":{mock:Re.hoverCardMock,Showcase:Le.HoverCardShowcase},"right-click-menu":{mock:qt.rightClickMenuMock,Showcase:Kt.RightClickMenuShowcase},"data-table":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-column-visibility-menu":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-sortable-header":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-bulk-actions":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"data-table-view-presets":{mock:X.dataTableMock,Showcase:Y.DataTableShowcase},"saved-filter-select":{mock:Zt.savedFilterSelectMock,Showcase:Xt.SavedFilterSelectShowcase},"form-field":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-field-shell":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-select":{mock:Q.formSelectMock,Showcase:Z.FormWrapperShowcase},"form-async-select":{mock:Q.formAsyncSelectMock,Showcase:Z.FormWrapperShowcase},"form-textarea":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-switch":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-search-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-password-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-number-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-phone-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-input":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"form-date-range-picker":{mock:Q.formRHFWrapperMock,Showcase:Z.FormWrapperShowcase},"segmented-control":{mock:en.segmentedControlMock,Showcase:tn.SegmentedControlShowcase},skeleton:{mock:pn.skeletonMock,Showcase:mn.SkeletonShowcase},spinner:{mock:hn.spinnerMock,Showcase:gn.SpinnerShowcase},table:{mock:wn.tableMock,Showcase:Cn.TableShowcase},sidebar:{mock:a.appSidebarMock,Showcase:i.AppSidebarShowcase},"app-sidebar":{mock:a.appSidebarMock,Showcase:i.AppSidebarShowcase},"sidebar-nav":{mock:cn.sidebarNavMock,Showcase:sn.SidebarNavShowcase},breadcrumbs:{mock:k.breadcrumbsMock,Showcase:O.BreadcrumbsShowcase},"page-header":{mock:Ct.pageHeaderMock,Showcase:St.PageHeaderShowcase},"page-container":{mock:xt.pageContainerMock,Showcase:bt.PageContainerShowcase},"page-state":{mock:jt.pageStateMock,Showcase:At.PageStateShowcase},"page-tabs":{mock:Tt.pageTabsMock,Showcase:wt.PageTabsShowcase},pagination:{mock:Nt.paginationMock,Showcase:Mt.PaginationShowcase},"metric-grid":{mock:ct.metricGridMock,Showcase:st.MetricGridShowcase},"notification-center":{mock:ht.notificationCenterMock,Showcase:mt.NotificationCenterShowcase},"info-card":{mock:He.infoCardMock,Showcase:Ve.InfoCardShowcase},list:{mock:qe.listMock,Showcase:Je.ListShowcase},"property-grid":{mock:It.propertyGridMock,Showcase:Lt.PropertyGridShowcase},"activity-feed":{mock:ae.activityFeedMock,Showcase:ie.ActivityFeedShowcase},"loading-state":{mock:Xe.loadingStateMock,Showcase:Ye.LoadingStateShowcase},"data-state":{mock:_e.dataStateMock,Showcase:ve.DataStateShowcase},progress:{mock:zt.progressMock,Showcase:Rt.ProgressShowcase},result:{mock:Gt.resultMock,Showcase:Wt.ResultShowcase},"resizable-panel":{mock:ut.resizablePanelMock,Showcase:dt.ResizablePanelShowcase},section:{mock:Et.sectionMock,Showcase:Dt.SectionShowcase},statistic:{mock:_n.statisticMock,Showcase:vn.StatisticShowcase},"sticky-footer-bar":{mock:rt.stickyFooterBarMock,Showcase:it.StickyFooterBarShowcase},"rich-text-editor":{mock:Ze.richTextEditorMock,Showcase:Qe.RichTextEditorShowcase},tour:{mock:tt.tourMock,Showcase:nt.TourShowcase},"qr-code":{mock:v.qrCodeMock,Showcase:y.QRCodeShowcase},tag:{mock:jn.tagMock,Showcase:Mn.TagShowcase},typography:{mock:Nn.typographyMock,Showcase:Pn.TypographyShowcase},"tree-view":{mock:Fn.treeViewMock,Showcase:In.TreeViewShowcase},"file-upload":{mock:Hn.fileUploadMock,Showcase:Vn.FileUploadShowcase},"image-upload":{mock:Wn.imageUploadMock,Showcase:Un.ImageUploadShowcase},"scroll-box":{mock:Yt.scrollBoxMock,Showcase:Jt.ScrollBoxShowcase},timeline:{mock:An.timelineMock,Showcase:kn.TimelineShowcase},toast:{mock:Rn.toastMock,Showcase:Ln.ToastShowcase}};exports.defaultComponentDemoState=Yn.defaultComponentDemoState,exports.premiumShowcaseDemoRegistry=Xn;