tembro 3.1.1 → 3.1.6

package/dist/src/showcase/premium/statistic/showcase.js

@@ -1,69 +1,100 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { Statistic as t, StatisticCard as n, StatisticGrid as r } from "../../../components/display/statistic.js";
-import { TrendCard as i } from "../../../components/display/trend-card.js";
-import { ProgressRing as a } from "../../../components/charts/progress-ring.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as e } from "../../../components/ui/button/index.js";
+import { Badge as t } from "../../../components/ui/badge/index.js";
+import { Statistic as n, StatisticCard as r, StatisticGrid as i } from "../../../components/display/statistic.js";
+import { ProgressCircle as a } from "../../../components/charts/progress-circle.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/showcase/premium/statistic/showcase.tsx
-var c = "border-t border-[color:var(--aui-divider)] py-6";
-function l() {
-	return /* @__PURE__ */ s("div", {
+var l = "border-t border-[color:var(--aui-divider)] py-6";
+function u() {
+	let [u, d] = o.useState(!1), [f, p] = o.useState(3);
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-0",
 		children: [
-			/* @__PURE__ */ s("section", {
+			/* @__PURE__ */ c("section", {
 				className: "pb-6",
 				children: [
-					/* @__PURE__ */ o("p", {
+					/* @__PURE__ */ s("p", {
 						className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
 						children: "Installed display primitive"
 					}),
-					/* @__PURE__ */ o("h3", {
+					/* @__PURE__ */ s("h3", {
 						className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
 						children: "Statistic is the KPI surface, not a generic card clone"
 					}),
-					/* @__PURE__ */ o("p", {
+					/* @__PURE__ */ s("p", {
 						className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
 						children: "Use the base statistic when the number matters most. Promote to StatisticCard or StatisticGrid when several metrics need shared structure."
 					})
 				]
 			}),
-			/* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ s(r, {
-					columns: 3,
+			/* @__PURE__ */ c("section", {
+				className: l,
+				children: [/* @__PURE__ */ c("div", {
+					className: "mb-4 flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ s(e, {
+						size: "sm",
+						variant: u ? "default" : "outline",
+						onClick: () => d((e) => !e),
+						children: u ? "Resolve data" : "Show loading"
+					}), [
+						1,
+						2,
+						3,
+						4
+					].map((t) => /* @__PURE__ */ c(e, {
+						size: "sm",
+						variant: f === t ? "default" : "outline",
+						onClick: () => p(t),
+						children: [
+							t,
+							" column",
+							t > 1 ? "s" : ""
+						]
+					}, t))]
+				}), /* @__PURE__ */ c(i, {
+					columns: f,
 					children: [
-						/* @__PURE__ */ o(n, {
+						/* @__PURE__ */ s(r, {
+							loading: u,
 							label: "Revenue",
-							value: "$24.8k",
+							prefix: "$",
+							value: "24.8k",
 							change: "+12.4%",
 							trend: "up",
 							description: "vs last 30 days"
 						}),
-						/* @__PURE__ */ o(n, {
+						/* @__PURE__ */ s(r, {
+							loading: u,
 							label: "Errors",
 							value: "14",
 							change: "-3.1%",
 							trend: "down",
 							description: "production incidents"
 						}),
-						/* @__PURE__ */ o(n, {
+						/* @__PURE__ */ s(r, {
+							loading: u,
 							label: "Adoption",
-							value: "86%",
+							value: "86",
+							suffix: "%",
+							change: "No change",
+							trend: "neutral",
 							description: "workspace activation rate",
-							action: /* @__PURE__ */ o(e, {
+							action: /* @__PURE__ */ s(t, {
 								variant: "secondary",
 								children: "Live"
 							})
 						})
 					]
-				})
+				})]
 			}),
-			/* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ s("div", {
+			/* @__PURE__ */ s("section", {
+				className: l,
+				children: /* @__PURE__ */ c("div", {
 					className: "grid gap-6 xl:grid-cols-[1fr_360px]",
-					children: [/* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ s("div", {
 						className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-						children: /* @__PURE__ */ o(t, {
+						children: /* @__PURE__ */ s(n, {
 							label: "Publish latency",
 							value: "1.8s",
 							suffix: "avg",
@@ -71,40 +102,31 @@ function l() {
 							trend: "down",
 							description: "from the previous release window"
 						})
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ c("div", {
 						className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-						children: [/* @__PURE__ */ o("p", {
+						children: [/* @__PURE__ */ s("p", {
 							className: "text-sm font-semibold aui-text-strong",
 							children: "Guidance"
-						}), /* @__PURE__ */ s("div", {
+						}), /* @__PURE__ */ c("div", {
 							className: "mt-3 space-y-3 text-sm leading-6 aui-text-muted",
-							children: [/* @__PURE__ */ o("p", { children: "Keep labels short and units clear. Users should understand the value before reading the description." }), /* @__PURE__ */ o("p", { children: "Trend color should reinforce meaning, not carry the whole message alone." })]
+							children: [/* @__PURE__ */ s("p", { children: "Keep labels short and units clear. Users should understand the value before reading the description." }), /* @__PURE__ */ s("p", { children: "Trend color should reinforce meaning, not carry the whole message alone." })]
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ s("div", {
+			/* @__PURE__ */ s("section", {
+				className: l,
+				children: /* @__PURE__ */ c("div", {
 					className: "grid gap-6 xl:grid-cols-[1fr_240px]",
-					children: [/* @__PURE__ */ o(i, {
-						title: "Release velocity",
+					children: [/* @__PURE__ */ s(r, {
+						label: "Release velocity",
 						value: "24",
 						change: "+3",
 						trend: "up",
-						description: "completed this sprint",
-						sparkline: [
-							8,
-							10,
-							9,
-							14,
-							18,
-							19,
-							24
-						]
-					}), /* @__PURE__ */ o("div", {
+						description: "completed this sprint"
+					}), /* @__PURE__ */ s("div", {
 						className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-						children: /* @__PURE__ */ o(a, {
+						children: /* @__PURE__ */ s(a, {
 							value: 76,
 							label: "76%",
 							description: "coverage",
@@ -117,4 +139,4 @@ function l() {
 	});
 }
 //#endregion
-export { l as StatisticShowcase };
+export { u as StatisticShowcase };

package/dist/src/showcase/premium/tag/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/display/tag.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let e=[{key:`team`,label:`Team`,tone:`info`},{key:`ready`,label:`Ready`,tone:`success`},{key:`warn`,label:`Warn`,tone:`warning`},{key:`block`,label:`Blocked`,tone:`danger`}],[a,o]=r.useState(e),s=e=>o(t=>t.filter(t=>t.key!==e));return(0,i.jsx)(`div`,{className:`space-y-4`,children:(0,i.jsxs)(`div`,{className:`rounded-lg border border-border bg-card p-4`,children:[(0,i.jsxs)(`div`,{className:`mb-4 flex items-center justify-between gap-3`,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium text-foreground`,children:`Filter tags`}),(0,i.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>o(e),children:`Reset`})]}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[a.map(e=>(0,i.jsx)(n.Tag,{tone:e.tone,removable:!0,onRemove:()=>s(e.key),children:e.label},e.key)),a.length===0?(0,i.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`No filters`}):null]})]})})}exports.TagShowcase=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/display/tag.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let e=[{key:`team`,label:`Design team`,tone:`info`},{key:`ready`,label:`Ready`,tone:`success`},{key:`warn`,label:`Needs review`,tone:`warning`},{key:`block`,label:`Blocked`,tone:`danger`}],[a,o]=r.useState(e),s=e=>o(t=>t.filter(t=>t.key!==e));return(0,i.jsxs)(`div`,{className:`space-y-5`,children:[(0,i.jsxs)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between`,children:[(0,i.jsxs)(`div`,{className:`max-w-xl`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Metadata`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Tags should stay compact and removable`}),(0,i.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Use tags for filters, topics, and lightweight status metadata where the user may need to remove a single token.`})]}),(0,i.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>o(e),children:`Reset`})]}),(0,i.jsxs)(`div`,{className:`mt-6 flex flex-wrap gap-2`,children:[a.map(e=>(0,i.jsx)(n.Tag,{tone:e.tone,removable:!0,onRemove:()=>s(e.key),children:e.label},e.key)),a.length===0?(0,i.jsx)(`span`,{className:`text-sm aui-text-muted`,children:`No filters`}):null]})]}),(0,i.jsxs)(`section`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,i.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Sizes`}),(0,i.jsxs)(`div`,{className:`mt-4 flex flex-wrap items-center gap-2`,children:[(0,i.jsx)(n.Tag,{size:`sm`,children:`Small`}),(0,i.jsx)(n.Tag,{children:`Default`}),(0,i.jsx)(n.Tag,{size:`lg`,children:`Large`}),(0,i.jsx)(n.Tag,{selected:!0,children:`Selected`})]})]}),(0,i.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Tones`}),(0,i.jsxs)(`div`,{className:`mt-4 flex flex-wrap items-center gap-2`,children:[(0,i.jsx)(n.Tag,{tone:`neutral`,children:`Neutral`}),(0,i.jsx)(n.Tag,{tone:`info`,children:`Info`}),(0,i.jsx)(n.Tag,{tone:`success`,children:`Success`}),(0,i.jsx)(n.Tag,{tone:`warning`,children:`Warning`}),(0,i.jsx)(n.Tag,{tone:`danger`,children:`Danger`})]})]})]})]})}exports.TagShowcase=a;

package/dist/src/showcase/premium/tag/showcase.js

@@ -7,7 +7,7 @@ function a() {
 	let a = [
 		{
 			key: "team",
-			label: "Team",
+			label: "Design team",
 			tone: "info"
 		},
 		{
@@ -17,7 +17,7 @@ function a() {
 		},
 		{
 			key: "warn",
-			label: "Warn",
+			label: "Needs review",
 			tone: "warning"
 		},
 		{
@@ -26,15 +26,28 @@ function a() {
 			tone: "danger"
 		}
 	], [o, s] = n.useState(a), c = (e) => s((t) => t.filter((t) => t.key !== e));
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: /* @__PURE__ */ i("div", {
-			className: "rounded-lg border border-border bg-card p-4",
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-5",
+		children: [/* @__PURE__ */ i("section", {
+			className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
 			children: [/* @__PURE__ */ i("div", {
-				className: "mb-4 flex items-center justify-between gap-3",
-				children: [/* @__PURE__ */ r("p", {
-					className: "text-sm font-medium text-foreground",
-					children: "Filter tags"
+				className: "flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between",
+				children: [/* @__PURE__ */ i("div", {
+					className: "max-w-xl",
+					children: [
+						/* @__PURE__ */ r("p", {
+							className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
+							children: "Metadata"
+						}),
+						/* @__PURE__ */ r("h3", {
+							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
+							children: "Tags should stay compact and removable"
+						}),
+						/* @__PURE__ */ r("p", {
+							className: "mt-3 text-sm leading-6 aui-text-muted",
+							children: "Use tags for filters, topics, and lightweight status metadata where the user may need to remove a single token."
+						})
+					]
 				}), /* @__PURE__ */ r(e, {
 					size: "sm",
 					variant: "outline",
@@ -42,18 +55,74 @@ function a() {
 					children: "Reset"
 				})]
 			}), /* @__PURE__ */ i("div", {
-				className: "flex flex-wrap gap-2",
+				className: "mt-6 flex flex-wrap gap-2",
 				children: [o.map((e) => /* @__PURE__ */ r(t, {
 					tone: e.tone,
 					removable: !0,
 					onRemove: () => c(e.key),
 					children: e.label
 				}, e.key)), o.length === 0 ? /* @__PURE__ */ r("span", {
-					className: "text-sm text-muted-foreground",
+					className: "text-sm aui-text-muted",
 					children: "No filters"
 				}) : null]
 			})]
-		})
+		}), /* @__PURE__ */ i("section", {
+			className: "grid gap-4 md:grid-cols-2",
+			children: [/* @__PURE__ */ i("div", {
+				className: "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5",
+				children: [/* @__PURE__ */ r("p", {
+					className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
+					children: "Sizes"
+				}), /* @__PURE__ */ i("div", {
+					className: "mt-4 flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ r(t, {
+							size: "sm",
+							children: "Small"
+						}),
+						/* @__PURE__ */ r(t, { children: "Default" }),
+						/* @__PURE__ */ r(t, {
+							size: "lg",
+							children: "Large"
+						}),
+						/* @__PURE__ */ r(t, {
+							selected: !0,
+							children: "Selected"
+						})
+					]
+				})]
+			}), /* @__PURE__ */ i("div", {
+				className: "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5",
+				children: [/* @__PURE__ */ r("p", {
+					className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
+					children: "Tones"
+				}), /* @__PURE__ */ i("div", {
+					className: "mt-4 flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ r(t, {
+							tone: "neutral",
+							children: "Neutral"
+						}),
+						/* @__PURE__ */ r(t, {
+							tone: "info",
+							children: "Info"
+						}),
+						/* @__PURE__ */ r(t, {
+							tone: "success",
+							children: "Success"
+						}),
+						/* @__PURE__ */ r(t, {
+							tone: "warning",
+							children: "Warning"
+						}),
+						/* @__PURE__ */ r(t, {
+							tone: "danger",
+							children: "Danger"
+						})
+					]
+				})]
+			})]
+		})]
 	});
 }
 //#endregion

package/dist/src/showcase/preview-catalog.cjs

@@ -1,6 +1,5 @@
 Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{slug:`dashboard-01`,title:`Dashboard with sidebar`,command:`npx tembro init --template next --defaults
-npx tembro add sidebar metric-grid data-table`,code:`import { Sidebar } from "@/components/layout/sidebar"
-import { MetricGrid } from "@/components/display/metric-grid"
+npx tembro add sidebar statistic data-table`,code:`import { Sidebar } from "tembro"
 
 export function Dashboard01() {
   return <Sidebar />

package/dist/src/showcase/preview-catalog.js

@@ -3,8 +3,8 @@ var e = [
 	{
 		slug: "dashboard-01",
 		title: "Dashboard with sidebar",
-		command: "npx tembro init --template next --defaults\nnpx tembro add sidebar metric-grid data-table",
-		code: "import { Sidebar } from \"@/components/layout/sidebar\"\nimport { MetricGrid } from \"@/components/display/metric-grid\"\n\nexport function Dashboard01() {\n  return <Sidebar />\n}",
+		command: "npx tembro init --template next --defaults\nnpx tembro add sidebar statistic data-table",
+		code: "import { Sidebar } from \"tembro\"\n\nexport function Dashboard01() {\n  return <Sidebar />\n}",
 		tone: "dashboard"
 	},
 	{

package/dist/src/showcase/preview-compositions.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../components/display/info-card.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({title:e,value:n,description:r,trend:a,helperText:o,icon:s}){return(0,i.jsx)(t.InfoCard,{eyebrow:e,title:n,description:r,icon:s,status:a?.value,content:o,density:`compact`})}function o({items:e}){return(0,i.jsx)(`dl`,{className:`grid gap-3 sm:grid-cols-2 lg:grid-cols-3`,children:e.map(e=>(0,i.jsxs)(`div`,{className:`min-w-0 border p-3`,children:[(0,i.jsx)(`dt`,{className:`text-xs text-muted-foreground`,children:e.label}),(0,i.jsx)(`dd`,{className:`mt-1 break-words text-sm font-medium`,children:e.value}),e.description?(0,i.jsx)(`p`,{className:`mt-1 text-xs text-muted-foreground`,children:e.description}):null]},e.key))})}function s({label:e,description:t,accept:r}){return(0,i.jsx)(n.FileUpload,{files:[],onFilesChange:()=>void 0,accept:r,dropzoneLabel:e,dropzoneDescription:t,showFileList:!1})}exports.PreviewFileDropzone=s,exports.PreviewPropertyGrid=o,exports.PreviewStatCard=a;

package/dist/src/showcase/preview-compositions.js

@@ -0,0 +1,50 @@
+import { InfoCard as e } from "../components/display/info-card.js";
+import { FileUpload as t } from "../components/upload/file-upload.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/showcase/preview-compositions.tsx
+function i({ title: t, value: r, description: i, trend: a, helperText: o, icon: s }) {
+	return /* @__PURE__ */ n(e, {
+		eyebrow: t,
+		title: r,
+		description: i,
+		icon: s,
+		status: a?.value,
+		content: o,
+		density: "compact"
+	});
+}
+function a({ items: e }) {
+	return /* @__PURE__ */ n("dl", {
+		className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3",
+		children: e.map((e) => /* @__PURE__ */ r("div", {
+			className: "min-w-0 border p-3",
+			children: [
+				/* @__PURE__ */ n("dt", {
+					className: "text-xs text-muted-foreground",
+					children: e.label
+				}),
+				/* @__PURE__ */ n("dd", {
+					className: "mt-1 break-words text-sm font-medium",
+					children: e.value
+				}),
+				e.description ? /* @__PURE__ */ n("p", {
+					className: "mt-1 text-xs text-muted-foreground",
+					children: e.description
+				}) : null
+			]
+		}, e.key))
+	});
+}
+function o({ label: e, description: r, accept: i }) {
+	return /* @__PURE__ */ n(t, {
+		files: [],
+		onFilesChange: () => void 0,
+		accept: i,
+		dropzoneLabel: e,
+		dropzoneDescription: r,
+		showFileList: !1
+	});
+}
+//#endregion
+export { o as PreviewFileDropzone, a as PreviewPropertyGrid, i as PreviewStatCard };

package/dist/src/showcase/registry-quality.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`button`,`Button`,`actions`,`Primary action surface for clicks, submit, and quick triggers in dashboard workflows.`),e.component(`input`,`Input`,`inputs`,`Single-line text input for quick edits, queries, and form fields.`),e.component(`select`,`Select`,`inputs`,`Select component with menu-driven single choice workflows.`),e.component(`dialog`,`Dialog`,`overlay`,`Modal surface for confirmation, forms, and contextual workflows.`),e.component(`data-table`,`DataTable`,`data-table`,`High density table with search, filters, rows, actions and pagination context.`),e.component(`date-picker`,`DatePicker`,`calendar`,`Date picker surface for period and event selection.`),e.component(`form-input`,`FormInput`,`form`,`Input wrapper with RHF-ready metadata and helper text.`),e.component(`form-select`,`FormSelect`,`form`,`Select wrapper for controlled local and async choice fields.`),e.component(`form-textarea`,`FormTextarea`,`form`,`Textarea wrapper with helper, validation and consistent spacing.`),e.component(`form-switch`,`FormSwitch`,`form`,`Boolean form control with shell-level label and hint handling.`),e.component(`form-date-picker`,`FormDatePicker`,`form`,`Popover date picker wrapper with RHF integration.`),e.component(`form-date-range-picker`,`FormDateRangePicker`,`form`,`Range date picker wrapper for planning and reporting flows.`),e.component(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),e.component(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),e.component(`nav-tabs`,`NavTabs`,`navigation`,`Navigation tabs for switching related document sections.`),e.component(`page-tabs`,`PageTabs`,`navigation`,`Top-level page tab strip for route-sized sections.`),e.component(`stepper-tabs`,`StepperTabs`,`navigation`,`Step-like tabs for setup and onboarding progress.`),e.component(`password-input`,`PasswordInput`,`inputs`,`Password field with visibility toggle and secure autocomplete defaults.`),e.component(`number-input`,`NumberInput`,`inputs`,`Numeric entry for counts, thresholds, and reporting controls.`),e.component(`phone-input`,`PhoneInput`,`inputs`,`Phone input with stable raw and masked value handling.`),e.component(`money-input`,`MoneyInput`,`inputs`,`Currency entry for billing, finance and KPI editing flows.`),e.component(`simple-select`,`SimpleSelect`,`inputs`,`Static local-option select for dashboards and settings forms.`),e.component(`async-select`,`AsyncSelect`,`inputs`,`Remote-loaded select for large server-backed option sets.`),e.component(`combobox`,`Combobox`,`inputs`,`Searchable local choice input for reassignment and command-like selection.`),e.component(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),e.component(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),e.component(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),e.component(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),e.component(`inline-editable`,`InlineEditable`,`inputs`,`Inline editing primitive for dense tables and configuration rows.`),e.component(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`progress-circle`,`ProgressCircle`,`display`,`Compact circular progress for sidebars and status cards.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`user-card`,`UserCard`,`display`,`User summary row with avatar, metadata and actions.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`data-list`,`DataList`,`display`,`Readable title and description rows for compact operational lists.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),e.component(`trend-card`,`TrendCard`,`display`,`Metric summary card with trend context.`),e.component(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),e.component(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),e.component(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),e.component(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),e.component(`app-shell`,`AppShell`,`layout`,`Responsive application shell with sidebar, header and content regions.`),e.component(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),e.component(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`),e.component(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),e.component(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),e.component(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),e.component(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),e.component(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`),e.component(`file-dropzone`,`FileDropzone`,`upload`,`Lightweight file dropzone primitive for custom upload flows.`),e.component(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),e.component(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),e.component(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),e.component(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)]);exports.registryQualityDemoRegistry=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`button`,`Button`,`actions`,`Primary action surface for clicks, submit, and quick triggers in dashboard workflows.`),e.component(`input`,`Input`,`inputs`,`Single-line text input for quick edits, queries, and form fields.`),e.component(`select`,`Select`,`inputs`,`Select component with menu-driven single choice workflows.`),e.component(`dialog`,`Dialog`,`overlay`,`Modal surface for confirmation, forms, and contextual workflows.`),e.component(`data-table`,`DataTable`,`data-table`,`High density table with search, filters, rows, actions and pagination context.`),e.component(`date-picker`,`DatePicker`,`calendar`,`Date picker surface for period and event selection.`),e.component(`form-input`,`FormInput`,`form`,`Input wrapper with RHF-ready metadata and helper text.`),e.component(`form-select`,`FormSelect`,`form`,`Select wrapper for controlled local and async choice fields.`),e.component(`form-textarea`,`FormTextarea`,`form`,`Textarea wrapper with helper, validation and consistent spacing.`),e.component(`form-switch`,`FormSwitch`,`form`,`Boolean form control with shell-level label and hint handling.`),e.component(`form-date-picker`,`FormDatePicker`,`form`,`Popover date picker wrapper with RHF integration.`),e.component(`form-date-range-picker`,`FormDateRangePicker`,`form`,`Range date picker wrapper for planning and reporting flows.`),e.component(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),e.component(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),e.component(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),e.component(`async-select`,`AsyncSelect`,`inputs`,`Remote-loaded select for large server-backed option sets.`),e.component(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),e.component(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),e.component(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),e.component(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),e.component(`inline-editable`,`InlineEditable`,`inputs`,`Inline editing primitive for dense tables and configuration rows.`),e.component(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),e.component(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),e.component(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),e.component(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),e.component(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),e.component(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),e.component(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),e.component(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),e.component(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),e.component(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),e.component(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),e.component(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),e.component(`empty-state`,`EmptyState`,`patterns`,`Focused empty and error state with clear next actions.`),e.component(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),e.component(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),e.component(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`),e.component(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),e.component(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),e.component(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),e.component(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`),e.component(`page-toolbar`,`PageToolbar`,`patterns`,`Reusable page toolbar for search, filters, view controls and actions.`),e.component(`data-view`,`DataView`,`patterns`,`Data view shell that combines toolbar, table, loading, error and empty states.`)]);exports.registryQualityDemoRegistry=t;

package/dist/src/showcase/registry-quality.js

@@ -16,16 +16,7 @@ var n = t([
 	e("alert-dialog", "AlertDialog", "overlay", "Destructive confirmation dialog with loading-ready action states."),
 	e("drawer", "Drawer", "overlay", "Side panel for contextual details without leaving the page."),
 	e("pagination", "Pagination", "navigation", "Controlled page navigation with edge buttons and active state."),
-	e("nav-tabs", "NavTabs", "navigation", "Navigation tabs for switching related document sections."),
-	e("page-tabs", "PageTabs", "navigation", "Top-level page tab strip for route-sized sections."),
-	e("stepper-tabs", "StepperTabs", "navigation", "Step-like tabs for setup and onboarding progress."),
-	e("password-input", "PasswordInput", "inputs", "Password field with visibility toggle and secure autocomplete defaults."),
-	e("number-input", "NumberInput", "inputs", "Numeric entry for counts, thresholds, and reporting controls."),
-	e("phone-input", "PhoneInput", "inputs", "Phone input with stable raw and masked value handling."),
-	e("money-input", "MoneyInput", "inputs", "Currency entry for billing, finance and KPI editing flows."),
-	e("simple-select", "SimpleSelect", "inputs", "Static local-option select for dashboards and settings forms."),
 	e("async-select", "AsyncSelect", "inputs", "Remote-loaded select for large server-backed option sets."),
-	e("combobox", "Combobox", "inputs", "Searchable local choice input for reassignment and command-like selection."),
 	e("slider", "Slider", "inputs", "Single value range control for density, threshold, and score tuning."),
 	e("range-slider", "RangeSlider", "inputs", "Two-handle slider for min/max filtering."),
 	e("rating", "Rating", "inputs", "Compact score input for feedback and review flows."),
@@ -33,32 +24,26 @@ var n = t([
 	e("inline-editable", "InlineEditable", "inputs", "Inline editing primitive for dense tables and configuration rows."),
 	e("tag-input", "TagInput", "inputs", "Tokenized text input for labels, skills, and quick filters."),
 	e("progress", "Progress", "display", "Linear progress with label, value formatter, tone and indeterminate state."),
-	e("progress-circle", "ProgressCircle", "display", "Compact circular progress for sidebars and status cards."),
 	e("timeline", "Timeline", "display", "Vertical or horizontal event stream for workflow history."),
 	e("status-dot", "StatusDot", "display", "Tiny live status indicator with optional pulse animation."),
-	e("user-card", "UserCard", "display", "User summary row with avatar, metadata and actions."),
 	e("notification-center", "NotificationCenter", "display", "Compact activity and notifications stream."),
-	e("data-list", "DataList", "display", "Readable title and description rows for compact operational lists."),
 	e("status-legend", "StatusLegend", "display", "Explain status meaning and counts in a compact legend."),
-	e("trend-card", "TrendCard", "display", "Metric summary card with trend context."),
 	e("action-menu", "ActionMenu", "actions", "Compact dropdown action menu for rows and cards."),
 	e("button-group", "ButtonGroup", "actions", "Grouped action buttons for view switching and compact controls."),
 	e("quick-action-grid", "QuickActionGrid", "actions", "Action launcher grid for dense dashboard shortcuts."),
 	e("filter-bar", "FilterBar", "actions", "Search, filters, active-count and reset actions in one toolbar."),
-	e("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots."),
-	e("app-shell", "AppShell", "layout", "Responsive application shell with sidebar, header and content regions."),
-	e("section-header", "SectionHeader", "layout", "Reusable section title block with actions and metadata."),
-	e("stat-card", "StatCard", "layout", "Dashboard stat card for KPI, trend and helper text."),
 	e("alert", "Alert", "feedback", "Inline feedback banner for success, warning, info, and error states."),
 	e("page-state", "PageState", "feedback", "Full-page completion or blocked state with next actions."),
+	e("empty-state", "EmptyState", "patterns", "Focused empty and error state with clear next actions."),
 	e("calendar", "Calendar", "calendar", "Single month calendar surface for date picker and scheduling flows."),
 	e("file-upload", "FileUpload", "upload", "Full file upload surface with dropzone, action button and helper text."),
 	e("image-upload", "ImageUpload", "upload", "Image upload pattern with preview-oriented copy."),
-	e("file-dropzone", "FileDropzone", "upload", "Lightweight file dropzone primitive for custom upload flows."),
 	e("stepper", "Stepper", "wizard", "Clickable step navigation for multi-step forms."),
 	e("wizard", "Wizard", "wizard", "Stepper, content and footer controls combined into one workflow."),
 	e("resource-page", "ResourcePage", "patterns", "Full resource index page shell for admin dashboards."),
-	e("resource-detail-page", "ResourceDetailPage", "patterns", "Detail page shell with title, metadata and sections.")
+	e("resource-detail-page", "ResourceDetailPage", "patterns", "Detail page shell with title, metadata and sections."),
+	e("page-toolbar", "PageToolbar", "patterns", "Reusable page toolbar for search, filters, view controls and actions."),
+	e("data-view", "DataView", "patterns", "Data view shell that combines toolbar, table, loading, error and empty states.")
 ]);
 //#endregion
 export { n as registryQualityDemoRegistry };