tembro 3.1.6 → 3.1.8

package/dist/src/showcase/premium/wizard/mock.js

@@ -0,0 +1,32 @@
+//#region src/showcase/premium/wizard/mock.ts
+var e = {
+	code: "import * as React from \"react\"\nimport { Wizard } from \"tembro\"\n\nconst steps = [\n  { id: \"profile\", title: \"Profile\", description: \"Basic account\" },\n  { id: \"team\", title: \"Team\", description: \"Invite members\" },\n  { id: \"finish\", title: \"Finish\", description: \"Review setup\" },\n]\n\nexport function Example() {\n  const [step, setStep] = React.useState(\"profile\")\n\n  return (\n    <Wizard\n      steps={steps}\n      currentStep={step}\n      onStepChange={setStep}\n      onNext={() => setStep(step === \"profile\" ? \"team\" : \"finish\")}\n      onPrevious={() => setStep(step === \"finish\" ? \"team\" : \"profile\")}\n      onFinish={() => console.log(\"complete\")}\n    >\n      <div>Current step: {step}</div>\n    </Wizard>\n  )\n}",
+	cliCommand: "npx tembro add wizard",
+	highlights: [
+		"Stepper and footer controls in one workflow",
+		"Controlled current step",
+		"Clickable step navigation",
+		"Custom content slots"
+	],
+	scenarios: [
+		{
+			title: "Onboarding",
+			description: "Guide users through profile, team and confirmation screens."
+		},
+		{
+			title: "Multi-step forms",
+			description: "Keep form sections small while preserving progress context."
+		},
+		{
+			title: "Setup flows",
+			description: "Review final state before enabling the submit action."
+		}
+	],
+	capabilityNotes: [
+		"Keep currentStep controlled so route or form state can persist.",
+		"Disable future steps when the user must complete validation first.",
+		"Keep the footer action labels specific to the workflow."
+	]
+};
+//#endregion
+export { e as wizardMock };

package/dist/src/showcase/premium/wizard/showcase.cjs

@@ -0,0 +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/badge/index.cjs"),r=require("../../../components/wizard/wizard.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=[{id:`profile`,title:`Profile`,description:`Basic account`},{id:`team`,title:`Team`,description:`Invite members`},{id:`finish`,title:`Finish`,description:`Review setup`}],s={profile:{title:`Workspace profile`,description:`Collect the public name, default role and workspace context before moving forward.`,checks:[`Name added`,`Default role selected`,`Timezone confirmed`]},team:{title:`Invite the team`,description:`Add collaborators and decide who can manage billing, releases and support queues.`,checks:[`Owner invited`,`Support role ready`,`Billing access limited`]},finish:{title:`Review and launch`,description:`Confirm the setup summary and finish only when required details are complete.`,checks:[`Profile verified`,`Team access reviewed`,`Launch checklist complete`]}};function c(){let[e,c]=i.useState(`profile`),[l,u]=i.useState(!1),d=Math.max(o.findIndex(t=>t.id===e),0),f=s[e]??s.profile;return(0,a.jsxs)(`div`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:[(0,a.jsxs)(`div`,{className:`mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between`,children:[(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Guided workflow`}),(0,a.jsx)(`h3`,{className:`mt-2 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Wizard with controlled progress`})]}),(0,a.jsx)(n.Badge,{variant:l?`soft`:`outline`,children:l?`Finished`:`Step ${d+1} of ${o.length}`})]}),(0,a.jsx)(r.Wizard,{steps:o.map((e,t)=>({...e,completed:t<d})),currentStep:e,onStepChange:e=>{c(e),u(!1)},onNext:()=>{let e=o[Math.min(d+1,o.length-1)];c(e.id),u(!1)},onPrevious:()=>{let e=o[Math.max(d-1,0)];c(e.id),u(!1)},onFinish:()=>u(!0),finishLabel:`Launch`,children:(0,a.jsxs)(`section`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsx)(`h4`,{className:`text-lg font-semibold aui-text-strong`,children:f.title}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:f.description}),(0,a.jsx)(`div`,{className:`mt-4 grid gap-2 sm:grid-cols-3`,children:f.checks.map(e=>(0,a.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2 text-sm aui-text-muted`,children:e},e))})]})}),(0,a.jsxs)(`div`,{className:`mt-5 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>{c(`profile`),u(!1)},children:`Reset flow`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>c(`finish`),children:`Jump to review`})]})]})}exports.WizardShowcase=c;

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

@@ -0,0 +1,130 @@
+import { Button as e } from "../../../components/ui/button/index.js";
+import { Badge as t } from "../../../components/ui/badge/index.js";
+import { Wizard as n } from "../../../components/wizard/wizard.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/showcase/premium/wizard/showcase.tsx
+var o = [
+	{
+		id: "profile",
+		title: "Profile",
+		description: "Basic account"
+	},
+	{
+		id: "team",
+		title: "Team",
+		description: "Invite members"
+	},
+	{
+		id: "finish",
+		title: "Finish",
+		description: "Review setup"
+	}
+], s = {
+	profile: {
+		title: "Workspace profile",
+		description: "Collect the public name, default role and workspace context before moving forward.",
+		checks: [
+			"Name added",
+			"Default role selected",
+			"Timezone confirmed"
+		]
+	},
+	team: {
+		title: "Invite the team",
+		description: "Add collaborators and decide who can manage billing, releases and support queues.",
+		checks: [
+			"Owner invited",
+			"Support role ready",
+			"Billing access limited"
+		]
+	},
+	finish: {
+		title: "Review and launch",
+		description: "Confirm the setup summary and finish only when required details are complete.",
+		checks: [
+			"Profile verified",
+			"Team access reviewed",
+			"Launch checklist complete"
+		]
+	}
+};
+function c() {
+	let [c, l] = r.useState("profile"), [u, d] = r.useState(!1), f = Math.max(o.findIndex((e) => e.id === c), 0), p = s[c] ?? s.profile;
+	return /* @__PURE__ */ a("div", {
+		className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
+					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
+					children: "Guided workflow"
+				}), /* @__PURE__ */ i("h3", {
+					className: "mt-2 text-2xl font-semibold tracking-tight aui-text-strong",
+					children: "Wizard with controlled progress"
+				})] }), /* @__PURE__ */ i(t, {
+					variant: u ? "soft" : "outline",
+					children: u ? "Finished" : `Step ${f + 1} of ${o.length}`
+				})]
+			}),
+			/* @__PURE__ */ i(n, {
+				steps: o.map((e, t) => ({
+					...e,
+					completed: t < f
+				})),
+				currentStep: c,
+				onStepChange: (e) => {
+					l(e), d(!1);
+				},
+				onNext: () => {
+					let e = o[Math.min(f + 1, o.length - 1)];
+					l(e.id), d(!1);
+				},
+				onPrevious: () => {
+					let e = o[Math.max(f - 1, 0)];
+					l(e.id), d(!1);
+				},
+				onFinish: () => d(!0),
+				finishLabel: "Launch",
+				children: /* @__PURE__ */ a("section", {
+					className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
+					children: [
+						/* @__PURE__ */ i("h4", {
+							className: "text-lg font-semibold aui-text-strong",
+							children: p.title
+						}),
+						/* @__PURE__ */ i("p", {
+							className: "mt-2 text-sm leading-6 aui-text-muted",
+							children: p.description
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "mt-4 grid gap-2 sm:grid-cols-3",
+							children: p.checks.map((e) => /* @__PURE__ */ i("div", {
+								className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2 text-sm aui-text-muted",
+								children: e
+							}, e))
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "mt-5 flex flex-wrap gap-2",
+				children: [/* @__PURE__ */ i(e, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => {
+						l("profile"), d(!1);
+					},
+					children: "Reset flow"
+				}), /* @__PURE__ */ i(e, {
+					size: "sm",
+					variant: "outline",
+					onClick: () => l("finish"),
+					children: "Jump to review"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { c as WizardShowcase };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ui/button/index.cjs"),t=require("../components/ui/input/index.cjs"),n=require("../components/ui/badge/index.cjs"),r=require("../components/ui/table/index.cjs"),i=require("../components/actions/demo.cjs"),a=require("../components/calendar/demo.cjs"),o=require("../components/data-table/demo.cjs"),s=require("../components/display/demo.cjs"),c=require("../components/feedback/demo.cjs"),l=require("../components/filters/demo.cjs"),u=require("../components/form/demo.cjs"),d=require("../components/inputs/demo.cjs"),f=require("../components/layout/demo.cjs"),p=require("../components/navigation/demo.cjs"),m=require("../components/overlay/demo.cjs"),h=require("../components/patterns/demo.cjs"),g=require("../components/upload/demo.cjs"),_=require("../components/wizard/demo.cjs"),v=require("./premium/types.cjs"),y=require("./premium/index.cjs"),b=require("./registry-specific.cjs"),x=require("./supplemental.cjs"),S=require("./preview-catalog.cjs");let C=require("react/jsx-runtime");var w=[{label:`Revenue`,value:`$24,780`,delta:`+12.8%`},{label:`Users`,value:`18,390`,delta:`+7.2%`},{label:`Orders`,value:`1,429`,delta:`+6.1%`},{label:`Conversion`,value:`6.3%`,delta:`+1.1%`}],T=[[`AZ-001`,`Acme Dashboard`,`Live`,`$8,240`],[`AZ-002`,`CRM Workspace`,`Review`,`$5,180`],[`AZ-003`,`Store Command`,`Draft`,`$3,740`],[`AZ-004`,`Finance Dock`,`Live`,`$7,620`]],E=[[`INV-001`,`Acme Inc.`,`Paid`,`$2,400`],[`INV-002`,`Larana`,`Review`,`$1,280`],[`INV-003`,`ShipFast`,`Draft`,`$980`],[`INV-004`,`Toolpad`,`Paid`,`$4,120`],[`INV-005`,`Pixels UI`,`Paid`,`$3,860`]],D=`min-h-screen bg-[var(--aui-page-bg-alt)] p-6 aui-text-strong`,O=`border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-[var(--aui-shadow-panel)]`,k=`border border-[color:var(--aui-divider)] bg-[color:var(--aui-surface-muted)]`,A=`aui-surface-strong text-[color:var(--aui-surface-strong-foreground)]`,j=`aui-text-muted`,M=`text-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_28%)]`,N=`border-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_88%)] bg-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_90%)] text-[color:var(--aui-surface-strong-foreground)]`,P=`border-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_88%)] bg-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_95%)] text-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_18%)]`,F={...i.actionsShowcaseDemoRegistry,...a.calendarShowcaseDemoRegistry,...o.dataTableShowcaseDemoRegistry,...s.displayShowcaseDemoRegistry,...c.feedbackShowcaseDemoRegistry,...l.filtersShowcaseDemoRegistry,...u.formShowcaseDemoRegistry,...d.inputsShowcaseDemoRegistry,...f.layoutShowcaseDemoRegistry,...p.navigationShowcaseDemoRegistry,...m.overlayShowcaseDemoRegistry,...h.patternsShowcaseDemoRegistry,...g.uploadShowcaseDemoRegistry,..._.wizardShowcaseDemoRegistry,...b.registrySpecificDemoRegistry,...x.supplementalShowcaseDemoRegistry,...y.premiumShowcaseDemoRegistry};function I(){return(0,C.jsx)(`div`,{className:`flex size-11 items-center justify-center rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-surface-strong)] text-sm font-semibold tracking-[0.2em] text-[color:var(--aui-surface-strong-foreground)]`,children:`AZ`})}function L({tone:i}){return i===`dashboard`?(0,C.jsx)(`div`,{className:D,children:(0,C.jsxs)(`div`,{className:`grid min-h-[720px] gap-6 lg:grid-cols-[260px_1fr]`,children:[(0,C.jsxs)(`aside`,{className:`rounded-[28px] p-5 ${O}`,children:[(0,C.jsxs)(`div`,{className:`mb-6 flex items-center gap-3`,children:[(0,C.jsx)(I,{}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`font-semibold`,children:`Azamat UI`}),(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`Dashboard shell`})]})]}),(0,C.jsx)(`div`,{className:`space-y-2 text-sm`,children:[`Overview`,`Analytics`,`Customers`,`Orders`,`Finance`,`Settings`].map((e,t)=>(0,C.jsx)(`div`,{className:t===0?`rounded-2xl px-4 py-3 ${A}`:`rounded-2xl px-4 py-3 ${j}`,children:e},e))})]}),(0,C.jsxs)(`main`,{className:`space-y-6 rounded-[32px] p-6 ${O}`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`text-sm uppercase tracking-[0.24em] ${j}`,children:`Overview`}),(0,C.jsx)(`h1`,{className:`mt-2 text-4xl font-semibold tracking-tight`,children:`Operations dashboard`})]}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(e.Button,{variant:`outline`,className:`rounded-2xl`,children:`Route preview`}),(0,C.jsx)(e.Button,{className:`rounded-2xl`,children:`Create report`})]})]}),(0,C.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-4`,children:w.map(e=>(0,C.jsxs)(`div`,{className:`rounded-[24px] p-5 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:e.label}),(0,C.jsx)(`p`,{className:`mt-2 text-3xl font-semibold tracking-tight`,children:e.value}),(0,C.jsx)(`p`,{className:`mt-3 text-sm text-emerald-600`,children:e.delta})]},e.label))}),(0,C.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1.15fr_0.85fr]`,children:[(0,C.jsxs)(`section`,{className:`rounded-[28px] p-5 ${k}`,children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Revenue trend`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Monthly performance with steady lift across product lines.`}),(0,C.jsx)(`div`,{className:`mt-5 h-72 rounded-[24px] bg-[color:var(--aui-page-bg)] [background-image:linear-gradient(180deg,color-mix(in_oklch,var(--aui-accent)_18%,transparent),transparent),radial-gradient(circle_at_bottom_left,color-mix(in_oklch,var(--aui-success)_20%,transparent),transparent_40%)]`})]}),(0,C.jsxs)(`section`,{className:`rounded-[28px] p-5 ${k}`,children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Release checklist`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Production gating before public deployment.`}),(0,C.jsx)(`div`,{className:`mt-5 space-y-3`,children:[`QA approved`,`Docs updated`,`Tokens synced`,`Routes verified`].map((e,t)=>(0,C.jsxs)(`div`,{className:`flex items-center justify-between rounded-2xl px-4 py-3 ${O}`,children:[(0,C.jsx)(`span`,{children:e}),(0,C.jsx)(n.Badge,{variant:t===3?`outline`:`secondary`,children:t===3?`Pending`:`Done`})]},e))})]})]}),(0,C.jsxs)(`section`,{className:`rounded-[28px] p-5 ${k}`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Recent workspaces`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Dense table preview inside a public docs frame.`})]}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(t.Input,{placeholder:`Filter rows...`,className:`w-full lg:w-64`}),(0,C.jsx)(e.Button,{variant:`outline`,className:`rounded-2xl`,children:`Export`})]})]}),(0,C.jsx)(`div`,{className:`mt-5 overflow-hidden rounded-[24px] ${O}`,children:(0,C.jsxs)(r.Table,{children:[(0,C.jsx)(r.TableHeader,{children:(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableHead,{children:`ID`}),(0,C.jsx)(r.TableHead,{children:`Name`}),(0,C.jsx)(r.TableHead,{children:`Status`}),(0,C.jsx)(r.TableHead,{className:`text-right`,children:`Revenue`})]})}),(0,C.jsx)(r.TableBody,{children:T.map(([e,t,i,a])=>(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableCell,{children:e}),(0,C.jsx)(r.TableCell,{children:t}),(0,C.jsx)(r.TableCell,{children:(0,C.jsx)(n.Badge,{variant:i===`Live`?`secondary`:i===`Review`?`outline`:`destructive`,children:i})}),(0,C.jsx)(r.TableCell,{className:`text-right`,children:a})]},e))})]})})]})]})]})}):i===`table`?(0,C.jsx)(`div`,{className:D,children:(0,C.jsxs)(`section`,{className:`mx-auto max-w-6xl rounded-[32px] p-6 ${O}`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:`Invoices table`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Responsive data-table preview route with filters, states and pagination shell.`})]}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(t.Input,{placeholder:`Search invoices...`,className:`w-full lg:w-64`}),(0,C.jsx)(e.Button,{variant:`outline`,className:`rounded-2xl`,children:`Columns`}),(0,C.jsx)(e.Button,{className:`rounded-2xl`,children:`Export CSV`})]})]}),(0,C.jsxs)(`div`,{className:`mt-5 space-y-5`,children:[(0,C.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`All`,`Paid`,`Review`,`Draft`].map((e,t)=>(0,C.jsx)(n.Badge,{variant:t===0?`default`:`outline`,children:e},e))}),(0,C.jsx)(`div`,{className:`overflow-hidden rounded-[24px] ${O}`,children:(0,C.jsxs)(r.Table,{children:[(0,C.jsx)(r.TableHeader,{children:(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableHead,{children:`Invoice`}),(0,C.jsx)(r.TableHead,{children:`Customer`}),(0,C.jsx)(r.TableHead,{children:`Status`}),(0,C.jsx)(r.TableHead,{className:`text-right`,children:`Amount`})]})}),(0,C.jsx)(r.TableBody,{children:E.map(([e,t,i,a])=>(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableCell,{children:e}),(0,C.jsx)(r.TableCell,{children:t}),(0,C.jsx)(r.TableCell,{children:(0,C.jsx)(n.Badge,{variant:i===`Paid`?`secondary`:i===`Review`?`outline`:`destructive`,children:i})}),(0,C.jsx)(r.TableCell,{className:`text-right`,children:a})]},e))})]})}),(0,C.jsxs)(`div`,{className:`flex items-center justify-between rounded-[24px] px-4 py-3 text-sm ${k} ${j}`,children:[(0,C.jsx)(`span`,{children:`5 rows visible`}),(0,C.jsxs)(`div`,{className:`flex gap-2`,children:[(0,C.jsx)(e.Button,{variant:`outline`,size:`sm`,children:`Prev`}),(0,C.jsx)(e.Button,{size:`sm`,children:`Next`})]})]})]})]})}):i===`auth`?(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-warning)_14%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsxs)(`div`,{className:`mx-auto grid min-h-[720px] max-w-6xl gap-6 lg:grid-cols-[1.05fr_0.95fr]`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col justify-between rounded-[36px] border border-[color:color-mix(in_oklch,var(--aui-warning)_40%,transparent)] bg-[radial-gradient(circle_at_top_left,color-mix(in_oklch,var(--aui-warning)_22%,transparent),transparent_35%),var(--aui-surface-strong)] p-8 text-[color:var(--aui-surface-strong-foreground)] shadow-[var(--aui-shadow-panel)]`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsxs)(`div`,{className:`inline-flex items-center gap-3 rounded-full border px-3 py-2 ${N}`,children:[(0,C.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-xl border-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_88%)] bg-[color:var(--aui-page-bg)] text-xs font-semibold tracking-[0.22em] text-[color:var(--aui-page-foreground)]`,children:`AZ`}),(0,C.jsx)(`span`,{className:`text-sm font-medium`,children:`Azamat UI`})]}),(0,C.jsx)(`h1`,{className:`mt-8 max-w-lg text-5xl font-semibold tracking-tight`,children:`Production sign in flow for modern product surfaces.`}),(0,C.jsx)(`p`,{className:`mt-4 max-w-md text-base leading-7 ${M}`,children:`Preview a reusable auth block inside the docs system without leaving the library site.`})]}),(0,C.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[`Social login`,`Password reset`,`Session states`].map(e=>(0,C.jsx)(`div`,{className:`rounded-2xl border px-4 py-4 text-sm ${P}`,children:e},e))})]}),(0,C.jsx)(`section`,{className:`flex items-center rounded-[36px] p-8 ${O}`,children:(0,C.jsxs)(`div`,{className:`mx-auto w-full max-w-md space-y-6`,children:[(0,C.jsxs)(`div`,{className:`space-y-2 text-center`,children:[(0,C.jsx)(`h2`,{className:`text-3xl font-semibold tracking-tight`,children:`Welcome back`}),(0,C.jsx)(`p`,{className:`text-sm leading-6 ${j}`,children:`Sign in to continue to your workspace and preview environment.`})]}),(0,C.jsx)(e.Button,{variant:`outline`,className:`w-full rounded-2xl`,children:`Continue with Google`}),(0,C.jsxs)(`div`,{className:`grid gap-4`,children:[(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(`label`,{className:`text-sm font-medium aui-text-subtle`,children:`Email`}),(0,C.jsx)(t.Input,{defaultValue:`jane@example.com`})]}),(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(`label`,{className:`text-sm font-medium aui-text-subtle`,children:`Password`}),(0,C.jsx)(t.Input,{type:`password`,defaultValue:`password123`})]})]}),(0,C.jsx)(e.Button,{className:`w-full rounded-2xl`,children:`Sign in`}),(0,C.jsxs)(`div`,{className:`flex items-center justify-between text-sm ${j}`,children:[(0,C.jsx)(`span`,{children:`Forgot password?`}),(0,C.jsx)(`span`,{children:`Create account`})]})]})})]})}):i===`product`?(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-danger)_10%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsxs)(`div`,{className:`mx-auto grid max-w-6xl gap-6 lg:grid-cols-[1.05fr_0.95fr]`,children:[(0,C.jsx)(`section`,{className:`rounded-[36px] p-8 ${O}`,children:(0,C.jsx)(`div`,{className:`flex h-[560px] items-center justify-center rounded-[28px] bg-[radial-gradient(circle_at_top,color-mix(in_oklch,var(--aui-danger)_16%,transparent),transparent_35%),linear-gradient(180deg,var(--aui-page-bg),color-mix(in_oklch,var(--aui-danger)_8%,var(--aui-page-bg)))]`,children:(0,C.jsxs)(`div`,{className:`grid gap-6`,children:[(0,C.jsx)(`div`,{className:`mx-auto h-72 w-56 rounded-[28px] ${O}`}),(0,C.jsx)(`div`,{className:`grid grid-cols-4 gap-3`,children:[,,,,].fill(null).map((e,t)=>(0,C.jsx)(`div`,{className:`h-20 rounded-2xl ${O}`},t))})]})})}),(0,C.jsxs)(`div`,{className:`space-y-6 rounded-[36px] p-8 ${O}`,children:[(0,C.jsxs)(`div`,{className:`space-y-4`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,C.jsx)(n.Badge,{className:`rounded-full bg-emerald-50 text-emerald-700 hover:bg-emerald-50`,children:`In stock`}),(0,C.jsx)(n.Badge,{variant:`outline`,children:`Ships today`})]}),(0,C.jsx)(`h1`,{className:`text-5xl font-semibold tracking-tight`,children:`Azamat Chair`}),(0,C.jsx)(`p`,{className:`text-lg leading-8 ${j}`,children:`A clean product detail surface with media gallery, pricing hierarchy and conversion controls.`})]}),(0,C.jsx)(`div`,{className:`rounded-[28px] p-6 ${k}`,children:(0,C.jsxs)(`div`,{className:`flex items-end justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`Price`}),(0,C.jsx)(`p`,{className:`mt-2 text-4xl font-semibold`,children:`$249`})]}),(0,C.jsx)(`p`,{className:`text-sm text-emerald-600`,children:`Free shipping`})]})}),(0,C.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[`Oak`,`Walnut`,`Black`].map((e,t)=>(0,C.jsx)(`button`,{className:t===0?`rounded-2xl border px-4 py-3 text-sm ${A}`:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3 text-sm aui-text-subtle`,children:e},e))}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(e.Button,{className:`flex-1 rounded-2xl`,children:`Add to cart`}),(0,C.jsx)(e.Button,{variant:`outline`,className:`flex-1 rounded-2xl`,children:`Save`})]}),(0,C.jsx)(`div`,{className:`grid gap-3`,children:[`Premium ash wood frame`,`Textured linen seat`,`Two-year warranty`].map(e=>(0,C.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3 text-sm aui-text-subtle`,children:e},e))})]})]})}):i===`command`?(0,C.jsx)(`div`,{className:D,children:(0,C.jsx)(`div`,{className:`mx-auto max-w-4xl rounded-[36px] p-6 ${O}`,children:(0,C.jsxs)(`div`,{className:`mx-auto max-w-3xl overflow-hidden rounded-[28px] bg-[linear-gradient(180deg,var(--aui-page-bg),var(--aui-page-bg-alt))] ${O}`,children:[(0,C.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] px-5 py-4`,children:(0,C.jsx)(t.Input,{defaultValue:`Search components, blocks, templates...`,className:`border-0 px-0 text-base shadow-none focus-visible:ring-0`})}),(0,C.jsxs)(`div`,{className:`grid gap-6 p-5 md:grid-cols-2`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`mb-3 text-xs font-semibold uppercase tracking-[0.24em] ${j}`,children:`Trending`}),(0,C.jsx)(`div`,{className:`space-y-2`,children:[`Button`,`Input`,`Card`,`Dialog`,`Data Table`].map((e,t)=>(0,C.jsxs)(`div`,{className:t===0?`flex items-center justify-between rounded-2xl px-4 py-3 text-sm ${A}`:`flex items-center justify-between rounded-2xl px-4 py-3 text-sm aui-text-subtle`,children:[(0,C.jsx)(`span`,{children:e}),(0,C.jsx)(n.Badge,{variant:t===0?`secondary`:`outline`,children:String.fromCharCode(66+t)})]},e))})]}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`mb-3 text-xs font-semibold uppercase tracking-[0.24em] ${j}`,children:`Quick actions`}),(0,C.jsx)(`div`,{className:`space-y-2`,children:[`Open docs`,`Preview template`,`Copy install command`,`Switch theme`].map(e=>(0,C.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3 text-sm aui-text-subtle`,children:e},e))})]})]})]})})}):i===`calendar`?(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-accent)_10%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsxs)(`div`,{className:`mx-auto grid max-w-5xl gap-6 lg:grid-cols-[0.95fr_1.05fr]`,children:[(0,C.jsxs)(`section`,{className:`rounded-[32px] p-6 ${O}`,children:[(0,C.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:`June 2026`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Calendar family preview with selected dates and scheduling context.`}),(0,C.jsx)(`div`,{className:`mt-5 grid grid-cols-7 gap-2 text-center text-sm`,children:[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`,...Array.from({length:35},(e,t)=>`${t+1}`)].map((e,t)=>(0,C.jsx)(`div`,{className:t>10&&t<13?`rounded-2xl px-3 py-3 ${A}`:`rounded-2xl border border-[color:var(--aui-divider)] px-3 py-3 aui-text-subtle`,children:e},`${e}-${t}`))})]}),(0,C.jsxs)(`section`,{className:`rounded-[32px] p-6 ${O}`,children:[(0,C.jsx)(`h2`,{className:`text-2xl font-semibold tracking-tight`,children:`Schedule event`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Pair calendar surfaces with summary cards and chosen range context.`}),(0,C.jsxs)(`div`,{className:`mt-5 space-y-4`,children:[(0,C.jsxs)(`div`,{className:`rounded-[24px] p-5 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`Selected range`}),(0,C.jsx)(`p`,{className:`mt-2 text-2xl font-semibold`,children:`12 Jun - 18 Jun`})]}),(0,C.jsx)(`div`,{className:`grid gap-3`,children:[`Design review`,`Prototype handoff`,`Release QA`].map(e=>(0,C.jsxs)(`div`,{className:`flex items-center justify-between rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,C.jsx)(`span`,{className:`text-sm aui-text-subtle`,children:e}),(0,C.jsx)(n.Badge,{variant:`outline`,children:`Scheduled`})]},e))})]})]})]})}):(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-success)_8%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsx)(`div`,{className:`mx-auto max-w-5xl space-y-6`,children:(0,C.jsxs)(`section`,{className:`rounded-[32px] p-6 ${O}`,children:[(0,C.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:`Upload assets`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Preview drag, status and asset-library patterns in one route.`}),(0,C.jsxs)(`div`,{className:`mt-5 grid gap-6 lg:grid-cols-[1.05fr_0.95fr]`,children:[(0,C.jsx)(`div`,{className:`flex min-h-[320px] items-center justify-center rounded-[28px] border border-dashed border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)]`,children:(0,C.jsxs)(`div`,{className:`space-y-3 text-center`,children:[(0,C.jsx)(`p`,{className:`text-lg font-semibold`,children:`Drop files here`}),(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`PNG, JPG, SVG, PDF up to 20MB`}),(0,C.jsx)(e.Button,{className:`rounded-2xl`,children:`Browse files`})]})}),(0,C.jsx)(`div`,{className:`space-y-3`,children:[`Brand-guide.pdf`,`hero-image.png`,`avatar-collection.zip`].map((e,t)=>(0,C.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-4`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,C.jsx)(`span`,{className:`font-medium aui-text-strong`,children:e}),(0,C.jsx)(n.Badge,{variant:t===2?`outline`:`secondary`,children:t===2?`Uploading`:`Done`})]}),(0,C.jsx)(`div`,{className:`mt-3 h-2 rounded-full bg-[color:var(--aui-surface-muted)]`,children:(0,C.jsx)(`div`,{className:t===2?`h-2 w-2/3 rounded-full bg-[color:var(--aui-surface-strong)]`:`h-2 w-full rounded-full bg-emerald-500`})})]},e))})]})]})})})}var R=Object.fromEntries(S.previewSurfaceCatalog.map(e=>[e.slug,{title:e.title,command:e.command,code:e.code,Render:function(){return(0,C.jsx)(L,{tone:e.tone})}}]));function z(e){let t=F[e];return t?{title:`${e} preview`,command:`npx tembro add ${e}`,code:t.mock.code,Render(){return(0,C.jsx)(`div`,{className:D,children:(0,C.jsxs)(`div`,{className:`mx-auto max-w-5xl space-y-6 rounded-[32px] p-6 ${O}`,children:[(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,C.jsx)(`span`,{className:`rounded-full border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-2.5 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] ${j}`,children:`Component preview`}),(0,C.jsx)(`span`,{className:`rounded-full border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-2.5 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] ${j}`,children:`Playground route`})]}),(0,C.jsx)(`h1`,{className:`text-4xl font-semibold tracking-tight capitalize`,children:e}),(0,C.jsx)(`p`,{className:`text-base leading-7 ${j}`,children:`Direct component demo route for iframe-based docs preview.`})]}),(0,C.jsx)(`div`,{className:`rounded-[28px] border border-[color:var(--aui-divider)] bg-[linear-gradient(180deg,var(--aui-page-bg),var(--aui-page-bg-alt))] p-6`,children:(0,C.jsx)(t.Showcase,{mode:`playground`,state:v.defaultComponentDemoState,setState:()=>void 0})}),(0,C.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:t.mock.highlights.map(e=>(0,C.jsx)(`div`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-surface-muted)] p-4 text-sm aui-text-subtle`,children:e},e))}),(0,C.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,C.jsxs)(`div`,{className:`rounded-[24px] p-4 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] ${j}`,children:`CLI`}),(0,C.jsx)(`code`,{className:`mt-3 block text-sm aui-text-strong`,children:`npx tembro add ${e}`})]}),(0,C.jsxs)(`div`,{className:`rounded-[24px] p-4 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] ${j}`,children:`Preview note`}),(0,C.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-subtle`,children:`This route exists to inspect the live reusable surface in isolation before wiring it into docs, templates or application pages.`})]})]})]})})}}:null}exports.getComponentPreview=z,exports.previewBlockRegistry=R;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ui/button/index.cjs"),t=require("../components/ui/input/index.cjs"),n=require("../components/ui/badge/index.cjs"),r=require("../components/ui/table/index.cjs"),i=require("../components/actions/demo.cjs"),a=require("../components/calendar/demo.cjs"),o=require("../components/data-table/demo.cjs"),s=require("../components/display/demo.cjs"),c=require("../components/feedback/demo.cjs"),l=require("../components/filters/demo.cjs"),u=require("../components/form/demo.cjs"),d=require("../components/inputs/demo.cjs"),f=require("../components/layout/demo.cjs"),p=require("../components/navigation/demo.cjs"),m=require("../components/overlay/demo.cjs"),h=require("../components/patterns/demo.cjs"),g=require("../components/upload/demo.cjs"),_=require("../components/wizard/demo.cjs"),v=require("./premium/types.cjs"),y=require("./premium/index.cjs"),b=require("./registry-specific.cjs"),x=require("./supplemental.cjs"),S=require("./preview-catalog.cjs");let C=require("react/jsx-runtime");var w=[{label:`Revenue`,value:`$24,780`,delta:`+12.8%`},{label:`Users`,value:`18,390`,delta:`+7.2%`},{label:`Orders`,value:`1,429`,delta:`+6.1%`},{label:`Conversion`,value:`6.3%`,delta:`+1.1%`}],T=[[`TM-001`,`Acme Dashboard`,`Live`,`$8,240`],[`TM-002`,`CRM Workspace`,`Review`,`$5,180`],[`TM-003`,`Store Command`,`Draft`,`$3,740`],[`TM-004`,`Finance Dock`,`Live`,`$7,620`]],E=[[`INV-001`,`Acme Inc.`,`Paid`,`$2,400`],[`INV-002`,`Larana`,`Review`,`$1,280`],[`INV-003`,`ShipFast`,`Draft`,`$980`],[`INV-004`,`Toolpad`,`Paid`,`$4,120`],[`INV-005`,`Pixels UI`,`Paid`,`$3,860`]],D=`min-h-screen bg-[var(--aui-page-bg-alt)] p-6 aui-text-strong`,O=`border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] shadow-[var(--aui-shadow-panel)]`,k=`border border-[color:var(--aui-divider)] bg-[color:var(--aui-surface-muted)]`,A=`aui-surface-strong text-[color:var(--aui-surface-strong-foreground)]`,j=`aui-text-muted`,M=`text-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_28%)]`,N=`border-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_88%)] bg-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_90%)] text-[color:var(--aui-surface-strong-foreground)]`,P=`border-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_88%)] bg-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_95%)] text-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_18%)]`,F={...i.actionsShowcaseDemoRegistry,...a.calendarShowcaseDemoRegistry,...o.dataTableShowcaseDemoRegistry,...s.displayShowcaseDemoRegistry,...c.feedbackShowcaseDemoRegistry,...l.filtersShowcaseDemoRegistry,...u.formShowcaseDemoRegistry,...d.inputsShowcaseDemoRegistry,...f.layoutShowcaseDemoRegistry,...p.navigationShowcaseDemoRegistry,...m.overlayShowcaseDemoRegistry,...h.patternsShowcaseDemoRegistry,...g.uploadShowcaseDemoRegistry,..._.wizardShowcaseDemoRegistry,...b.registrySpecificDemoRegistry,...x.supplementalShowcaseDemoRegistry,...y.premiumShowcaseDemoRegistry};function I(){return(0,C.jsx)(`div`,{className:`flex size-11 items-center justify-center rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-surface-strong)] text-sm font-semibold tracking-[0.2em] text-[color:var(--aui-surface-strong-foreground)]`,children:`AZ`})}function L({tone:i}){return i===`dashboard`?(0,C.jsx)(`div`,{className:D,children:(0,C.jsxs)(`div`,{className:`grid min-h-[720px] gap-6 lg:grid-cols-[260px_1fr]`,children:[(0,C.jsxs)(`aside`,{className:`rounded-[28px] p-5 ${O}`,children:[(0,C.jsxs)(`div`,{className:`mb-6 flex items-center gap-3`,children:[(0,C.jsx)(I,{}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`font-semibold`,children:`Tembro`}),(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`Dashboard shell`})]})]}),(0,C.jsx)(`div`,{className:`space-y-2 text-sm`,children:[`Overview`,`Analytics`,`Customers`,`Orders`,`Finance`,`Settings`].map((e,t)=>(0,C.jsx)(`div`,{className:t===0?`rounded-2xl px-4 py-3 ${A}`:`rounded-2xl px-4 py-3 ${j}`,children:e},e))})]}),(0,C.jsxs)(`main`,{className:`space-y-6 rounded-[32px] p-6 ${O}`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`text-sm uppercase tracking-[0.24em] ${j}`,children:`Overview`}),(0,C.jsx)(`h1`,{className:`mt-2 text-4xl font-semibold tracking-tight`,children:`Operations dashboard`})]}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(e.Button,{variant:`outline`,className:`rounded-2xl`,children:`Route preview`}),(0,C.jsx)(e.Button,{className:`rounded-2xl`,children:`Create report`})]})]}),(0,C.jsx)(`div`,{className:`grid gap-4 xl:grid-cols-4`,children:w.map(e=>(0,C.jsxs)(`div`,{className:`rounded-[24px] p-5 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:e.label}),(0,C.jsx)(`p`,{className:`mt-2 text-3xl font-semibold tracking-tight`,children:e.value}),(0,C.jsx)(`p`,{className:`mt-3 text-sm text-emerald-600`,children:e.delta})]},e.label))}),(0,C.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1.15fr_0.85fr]`,children:[(0,C.jsxs)(`section`,{className:`rounded-[28px] p-5 ${k}`,children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Revenue trend`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Monthly performance with steady lift across product lines.`}),(0,C.jsx)(`div`,{className:`mt-5 h-72 rounded-[24px] bg-[color:var(--aui-page-bg)] [background-image:linear-gradient(180deg,color-mix(in_oklch,var(--aui-accent)_18%,transparent),transparent),radial-gradient(circle_at_bottom_left,color-mix(in_oklch,var(--aui-success)_20%,transparent),transparent_40%)]`})]}),(0,C.jsxs)(`section`,{className:`rounded-[28px] p-5 ${k}`,children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Release checklist`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Production gating before public deployment.`}),(0,C.jsx)(`div`,{className:`mt-5 space-y-3`,children:[`QA approved`,`Docs updated`,`Tokens synced`,`Routes verified`].map((e,t)=>(0,C.jsxs)(`div`,{className:`flex items-center justify-between rounded-2xl px-4 py-3 ${O}`,children:[(0,C.jsx)(`span`,{children:e}),(0,C.jsx)(n.Badge,{variant:t===3?`outline`:`secondary`,children:t===3?`Pending`:`Done`})]},e))})]})]}),(0,C.jsxs)(`section`,{className:`rounded-[28px] p-5 ${k}`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h2`,{className:`text-xl font-semibold`,children:`Recent workspaces`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Dense table preview inside a public docs frame.`})]}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(t.Input,{placeholder:`Filter rows...`,className:`w-full lg:w-64`}),(0,C.jsx)(e.Button,{variant:`outline`,className:`rounded-2xl`,children:`Export`})]})]}),(0,C.jsx)(`div`,{className:`mt-5 overflow-hidden rounded-[24px] ${O}`,children:(0,C.jsxs)(r.Table,{children:[(0,C.jsx)(r.TableHeader,{children:(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableHead,{children:`ID`}),(0,C.jsx)(r.TableHead,{children:`Name`}),(0,C.jsx)(r.TableHead,{children:`Status`}),(0,C.jsx)(r.TableHead,{className:`text-right`,children:`Revenue`})]})}),(0,C.jsx)(r.TableBody,{children:T.map(([e,t,i,a])=>(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableCell,{children:e}),(0,C.jsx)(r.TableCell,{children:t}),(0,C.jsx)(r.TableCell,{children:(0,C.jsx)(n.Badge,{variant:i===`Live`?`secondary`:i===`Review`?`outline`:`destructive`,children:i})}),(0,C.jsx)(r.TableCell,{className:`text-right`,children:a})]},e))})]})})]})]})]})}):i===`table`?(0,C.jsx)(`div`,{className:D,children:(0,C.jsxs)(`section`,{className:`mx-auto max-w-6xl rounded-[32px] p-6 ${O}`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:`Invoices table`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Responsive data-table preview route with filters, states and pagination shell.`})]}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(t.Input,{placeholder:`Search invoices...`,className:`w-full lg:w-64`}),(0,C.jsx)(e.Button,{variant:`outline`,className:`rounded-2xl`,children:`Columns`}),(0,C.jsx)(e.Button,{className:`rounded-2xl`,children:`Export CSV`})]})]}),(0,C.jsxs)(`div`,{className:`mt-5 space-y-5`,children:[(0,C.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`All`,`Paid`,`Review`,`Draft`].map((e,t)=>(0,C.jsx)(n.Badge,{variant:t===0?`default`:`outline`,children:e},e))}),(0,C.jsx)(`div`,{className:`overflow-hidden rounded-[24px] ${O}`,children:(0,C.jsxs)(r.Table,{children:[(0,C.jsx)(r.TableHeader,{children:(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableHead,{children:`Invoice`}),(0,C.jsx)(r.TableHead,{children:`Customer`}),(0,C.jsx)(r.TableHead,{children:`Status`}),(0,C.jsx)(r.TableHead,{className:`text-right`,children:`Amount`})]})}),(0,C.jsx)(r.TableBody,{children:E.map(([e,t,i,a])=>(0,C.jsxs)(r.TableRow,{children:[(0,C.jsx)(r.TableCell,{children:e}),(0,C.jsx)(r.TableCell,{children:t}),(0,C.jsx)(r.TableCell,{children:(0,C.jsx)(n.Badge,{variant:i===`Paid`?`secondary`:i===`Review`?`outline`:`destructive`,children:i})}),(0,C.jsx)(r.TableCell,{className:`text-right`,children:a})]},e))})]})}),(0,C.jsxs)(`div`,{className:`flex items-center justify-between rounded-[24px] px-4 py-3 text-sm ${k} ${j}`,children:[(0,C.jsx)(`span`,{children:`5 rows visible`}),(0,C.jsxs)(`div`,{className:`flex gap-2`,children:[(0,C.jsx)(e.Button,{variant:`outline`,size:`sm`,children:`Prev`}),(0,C.jsx)(e.Button,{size:`sm`,children:`Next`})]})]})]})]})}):i===`auth`?(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-warning)_14%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsxs)(`div`,{className:`mx-auto grid min-h-[720px] max-w-6xl gap-6 lg:grid-cols-[1.05fr_0.95fr]`,children:[(0,C.jsxs)(`div`,{className:`flex flex-col justify-between rounded-[36px] border border-[color:color-mix(in_oklch,var(--aui-warning)_40%,transparent)] bg-[radial-gradient(circle_at_top_left,color-mix(in_oklch,var(--aui-warning)_22%,transparent),transparent_35%),var(--aui-surface-strong)] p-8 text-[color:var(--aui-surface-strong-foreground)] shadow-[var(--aui-shadow-panel)]`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsxs)(`div`,{className:`inline-flex items-center gap-3 rounded-full border px-3 py-2 ${N}`,children:[(0,C.jsx)(`div`,{className:`flex size-8 items-center justify-center rounded-xl border-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground),transparent_88%)] bg-[color:var(--aui-page-bg)] text-xs font-semibold tracking-[0.22em] text-[color:var(--aui-page-foreground)]`,children:`AZ`}),(0,C.jsx)(`span`,{className:`text-sm font-medium`,children:`Tembro`})]}),(0,C.jsx)(`h1`,{className:`mt-8 max-w-lg text-5xl font-semibold tracking-tight`,children:`Production sign in flow for modern product surfaces.`}),(0,C.jsx)(`p`,{className:`mt-4 max-w-md text-base leading-7 ${M}`,children:`Preview a reusable auth block inside the docs system without leaving the library site.`})]}),(0,C.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[`Social login`,`Password reset`,`Session states`].map(e=>(0,C.jsx)(`div`,{className:`rounded-2xl border px-4 py-4 text-sm ${P}`,children:e},e))})]}),(0,C.jsx)(`section`,{className:`flex items-center rounded-[36px] p-8 ${O}`,children:(0,C.jsxs)(`div`,{className:`mx-auto w-full max-w-md space-y-6`,children:[(0,C.jsxs)(`div`,{className:`space-y-2 text-center`,children:[(0,C.jsx)(`h2`,{className:`text-3xl font-semibold tracking-tight`,children:`Welcome back`}),(0,C.jsx)(`p`,{className:`text-sm leading-6 ${j}`,children:`Sign in to continue to your workspace and preview environment.`})]}),(0,C.jsx)(e.Button,{variant:`outline`,className:`w-full rounded-2xl`,children:`Continue with Google`}),(0,C.jsxs)(`div`,{className:`grid gap-4`,children:[(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(`label`,{className:`text-sm font-medium aui-text-subtle`,children:`Email`}),(0,C.jsx)(t.Input,{defaultValue:`jane@example.com`})]}),(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsx)(`label`,{className:`text-sm font-medium aui-text-subtle`,children:`Password`}),(0,C.jsx)(t.Input,{type:`password`,defaultValue:`password123`})]})]}),(0,C.jsx)(e.Button,{className:`w-full rounded-2xl`,children:`Sign in`}),(0,C.jsxs)(`div`,{className:`flex items-center justify-between text-sm ${j}`,children:[(0,C.jsx)(`span`,{children:`Forgot password?`}),(0,C.jsx)(`span`,{children:`Create account`})]})]})})]})}):i===`product`?(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-danger)_10%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsxs)(`div`,{className:`mx-auto grid max-w-6xl gap-6 lg:grid-cols-[1.05fr_0.95fr]`,children:[(0,C.jsx)(`section`,{className:`rounded-[36px] p-8 ${O}`,children:(0,C.jsx)(`div`,{className:`flex h-[560px] items-center justify-center rounded-[28px] bg-[radial-gradient(circle_at_top,color-mix(in_oklch,var(--aui-danger)_16%,transparent),transparent_35%),linear-gradient(180deg,var(--aui-page-bg),color-mix(in_oklch,var(--aui-danger)_8%,var(--aui-page-bg)))]`,children:(0,C.jsxs)(`div`,{className:`grid gap-6`,children:[(0,C.jsx)(`div`,{className:`mx-auto h-72 w-56 rounded-[28px] ${O}`}),(0,C.jsx)(`div`,{className:`grid grid-cols-4 gap-3`,children:[,,,,].fill(null).map((e,t)=>(0,C.jsx)(`div`,{className:`h-20 rounded-2xl ${O}`},t))})]})})}),(0,C.jsxs)(`div`,{className:`space-y-6 rounded-[36px] p-8 ${O}`,children:[(0,C.jsxs)(`div`,{className:`space-y-4`,children:[(0,C.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,C.jsx)(n.Badge,{className:`rounded-full bg-emerald-50 text-emerald-700 hover:bg-emerald-50`,children:`In stock`}),(0,C.jsx)(n.Badge,{variant:`outline`,children:`Ships today`})]}),(0,C.jsx)(`h1`,{className:`text-5xl font-semibold tracking-tight`,children:`Azamat Chair`}),(0,C.jsx)(`p`,{className:`text-lg leading-8 ${j}`,children:`A clean product detail surface with media gallery, pricing hierarchy and conversion controls.`})]}),(0,C.jsx)(`div`,{className:`rounded-[28px] p-6 ${k}`,children:(0,C.jsxs)(`div`,{className:`flex items-end justify-between`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`Price`}),(0,C.jsx)(`p`,{className:`mt-2 text-4xl font-semibold`,children:`$249`})]}),(0,C.jsx)(`p`,{className:`text-sm text-emerald-600`,children:`Free shipping`})]})}),(0,C.jsx)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[`Oak`,`Walnut`,`Black`].map((e,t)=>(0,C.jsx)(`button`,{className:t===0?`rounded-2xl border px-4 py-3 text-sm ${A}`:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3 text-sm aui-text-subtle`,children:e},e))}),(0,C.jsxs)(`div`,{className:`flex gap-3`,children:[(0,C.jsx)(e.Button,{className:`flex-1 rounded-2xl`,children:`Add to cart`}),(0,C.jsx)(e.Button,{variant:`outline`,className:`flex-1 rounded-2xl`,children:`Save`})]}),(0,C.jsx)(`div`,{className:`grid gap-3`,children:[`Premium ash wood frame`,`Textured linen seat`,`Two-year warranty`].map(e=>(0,C.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3 text-sm aui-text-subtle`,children:e},e))})]})]})}):i===`command`?(0,C.jsx)(`div`,{className:D,children:(0,C.jsx)(`div`,{className:`mx-auto max-w-4xl rounded-[36px] p-6 ${O}`,children:(0,C.jsxs)(`div`,{className:`mx-auto max-w-3xl overflow-hidden rounded-[28px] bg-[linear-gradient(180deg,var(--aui-page-bg),var(--aui-page-bg-alt))] ${O}`,children:[(0,C.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] px-5 py-4`,children:(0,C.jsx)(t.Input,{defaultValue:`Search components, blocks, templates...`,className:`border-0 px-0 text-base shadow-none focus-visible:ring-0`})}),(0,C.jsxs)(`div`,{className:`grid gap-6 p-5 md:grid-cols-2`,children:[(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`mb-3 text-xs font-semibold uppercase tracking-[0.24em] ${j}`,children:`Trending`}),(0,C.jsx)(`div`,{className:`space-y-2`,children:[`Button`,`Input`,`Card`,`Dialog`,`Data Table`].map((e,t)=>(0,C.jsxs)(`div`,{className:t===0?`flex items-center justify-between rounded-2xl px-4 py-3 text-sm ${A}`:`flex items-center justify-between rounded-2xl px-4 py-3 text-sm aui-text-subtle`,children:[(0,C.jsx)(`span`,{children:e}),(0,C.jsx)(n.Badge,{variant:t===0?`secondary`:`outline`,children:String.fromCharCode(66+t)})]},e))})]}),(0,C.jsxs)(`div`,{children:[(0,C.jsx)(`p`,{className:`mb-3 text-xs font-semibold uppercase tracking-[0.24em] ${j}`,children:`Quick actions`}),(0,C.jsx)(`div`,{className:`space-y-2`,children:[`Open docs`,`Preview template`,`Copy install command`,`Switch theme`].map(e=>(0,C.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3 text-sm aui-text-subtle`,children:e},e))})]})]})]})})}):i===`calendar`?(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-accent)_10%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsxs)(`div`,{className:`mx-auto grid max-w-5xl gap-6 lg:grid-cols-[0.95fr_1.05fr]`,children:[(0,C.jsxs)(`section`,{className:`rounded-[32px] p-6 ${O}`,children:[(0,C.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:`June 2026`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Calendar family preview with selected dates and scheduling context.`}),(0,C.jsx)(`div`,{className:`mt-5 grid grid-cols-7 gap-2 text-center text-sm`,children:[`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`,`Su`,...Array.from({length:35},(e,t)=>`${t+1}`)].map((e,t)=>(0,C.jsx)(`div`,{className:t>10&&t<13?`rounded-2xl px-3 py-3 ${A}`:`rounded-2xl border border-[color:var(--aui-divider)] px-3 py-3 aui-text-subtle`,children:e},`${e}-${t}`))})]}),(0,C.jsxs)(`section`,{className:`rounded-[32px] p-6 ${O}`,children:[(0,C.jsx)(`h2`,{className:`text-2xl font-semibold tracking-tight`,children:`Schedule event`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Pair calendar surfaces with summary cards and chosen range context.`}),(0,C.jsxs)(`div`,{className:`mt-5 space-y-4`,children:[(0,C.jsxs)(`div`,{className:`rounded-[24px] p-5 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`Selected range`}),(0,C.jsx)(`p`,{className:`mt-2 text-2xl font-semibold`,children:`12 Jun - 18 Jun`})]}),(0,C.jsx)(`div`,{className:`grid gap-3`,children:[`Design review`,`Prototype handoff`,`Release QA`].map(e=>(0,C.jsxs)(`div`,{className:`flex items-center justify-between rounded-2xl border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,C.jsx)(`span`,{className:`text-sm aui-text-subtle`,children:e}),(0,C.jsx)(n.Badge,{variant:`outline`,children:`Scheduled`})]},e))})]})]})]})}):(0,C.jsx)(`div`,{className:`min-h-screen bg-[linear-gradient(180deg,color-mix(in_oklch,var(--aui-success)_8%,var(--aui-page-bg-alt)),var(--aui-page-bg))] p-6 aui-text-strong`,children:(0,C.jsx)(`div`,{className:`mx-auto max-w-5xl space-y-6`,children:(0,C.jsxs)(`section`,{className:`rounded-[32px] p-6 ${O}`,children:[(0,C.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:`Upload assets`}),(0,C.jsx)(`p`,{className:`mt-2 text-sm leading-6 ${j}`,children:`Preview drag, status and asset-library patterns in one route.`}),(0,C.jsxs)(`div`,{className:`mt-5 grid gap-6 lg:grid-cols-[1.05fr_0.95fr]`,children:[(0,C.jsx)(`div`,{className:`flex min-h-[320px] items-center justify-center rounded-[28px] border border-dashed border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)]`,children:(0,C.jsxs)(`div`,{className:`space-y-3 text-center`,children:[(0,C.jsx)(`p`,{className:`text-lg font-semibold`,children:`Drop files here`}),(0,C.jsx)(`p`,{className:`text-sm ${j}`,children:`PNG, JPG, SVG, PDF up to 20MB`}),(0,C.jsx)(e.Button,{className:`rounded-2xl`,children:`Browse files`})]})}),(0,C.jsx)(`div`,{className:`space-y-3`,children:[`Brand-guide.pdf`,`hero-image.png`,`avatar-collection.zip`].map((e,t)=>(0,C.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] px-4 py-4`,children:[(0,C.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,C.jsx)(`span`,{className:`font-medium aui-text-strong`,children:e}),(0,C.jsx)(n.Badge,{variant:t===2?`outline`:`secondary`,children:t===2?`Uploading`:`Done`})]}),(0,C.jsx)(`div`,{className:`mt-3 h-2 rounded-full bg-[color:var(--aui-surface-muted)]`,children:(0,C.jsx)(`div`,{className:t===2?`h-2 w-2/3 rounded-full bg-[color:var(--aui-surface-strong)]`:`h-2 w-full rounded-full bg-emerald-500`})})]},e))})]})]})})})}var R=Object.fromEntries(S.previewSurfaceCatalog.map(e=>[e.slug,{title:e.title,command:e.command,code:e.code,Render:function(){return(0,C.jsx)(L,{tone:e.tone})}}]));function z(e){let t=F[e];return t?{title:`${e} preview`,command:`npx tembro add ${e}`,code:t.mock.code,Render(){return(0,C.jsx)(`div`,{className:D,children:(0,C.jsxs)(`div`,{className:`mx-auto max-w-5xl space-y-6 rounded-[32px] p-6 ${O}`,children:[(0,C.jsxs)(`div`,{className:`space-y-2`,children:[(0,C.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,C.jsx)(`span`,{className:`rounded-full border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-2.5 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] ${j}`,children:`Component preview`}),(0,C.jsx)(`span`,{className:`rounded-full border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-2.5 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] ${j}`,children:`Playground route`})]}),(0,C.jsx)(`h1`,{className:`text-4xl font-semibold tracking-tight capitalize`,children:e}),(0,C.jsx)(`p`,{className:`text-base leading-7 ${j}`,children:`Direct component demo route for iframe-based docs preview.`})]}),(0,C.jsx)(`div`,{className:`rounded-[28px] border border-[color:var(--aui-divider)] bg-[linear-gradient(180deg,var(--aui-page-bg),var(--aui-page-bg-alt))] p-6`,children:(0,C.jsx)(t.Showcase,{mode:`playground`,state:v.defaultComponentDemoState,setState:()=>void 0})}),(0,C.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:t.mock.highlights.map(e=>(0,C.jsx)(`div`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-surface-muted)] p-4 text-sm aui-text-subtle`,children:e},e))}),(0,C.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,C.jsxs)(`div`,{className:`rounded-[24px] p-4 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] ${j}`,children:`CLI`}),(0,C.jsx)(`code`,{className:`mt-3 block text-sm aui-text-strong`,children:`npx tembro add ${e}`})]}),(0,C.jsxs)(`div`,{className:`rounded-[24px] p-4 ${k}`,children:[(0,C.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] ${j}`,children:`Preview note`}),(0,C.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-subtle`,children:`This route exists to inspect the live reusable surface in isolation before wiring it into docs, templates or application pages.`})]})]})]})})}}:null}exports.getComponentPreview=z,exports.previewBlockRegistry=R;

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

@@ -46,25 +46,25 @@ var A = [
 	}
 ], j = [
 	[
-		"AZ-001",
+		"TM-001",
 		"Acme Dashboard",
 		"Live",
 		"$8,240"
 	],
 	[
-		"AZ-002",
+		"TM-002",
 		"CRM Workspace",
 		"Review",
 		"$5,180"
 	],
 	[
-		"AZ-003",
+		"TM-003",
 		"Store Command",
 		"Draft",
 		"$3,740"
 	],
 	[
-		"AZ-004",
+		"TM-004",
 		"Finance Dock",
 		"Live",
 		"$7,620"
@@ -136,7 +136,7 @@ function U({ tone: l }) {
 					className: "mb-6 flex items-center gap-3",
 					children: [/* @__PURE__ */ O(H, {}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 						className: "font-semibold",
-						children: "Azamat UI"
+						children: "Tembro"
 					}), /* @__PURE__ */ O("p", {
 						className: `text-sm ${L}`,
 						children: "Dashboard shell"
@@ -389,7 +389,7 @@ function U({ tone: l }) {
 							children: "AZ"
 						}), /* @__PURE__ */ O("span", {
 							className: "text-sm font-medium",
-							children: "Azamat UI"
+							children: "Tembro"
 						})]
 					}),
 					/* @__PURE__ */ O("h1", {

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(`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;
+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(`card`,`Card`,`display`,`Container surface for dense dashboard sections, summaries, and interactive panels.`),e.component(`badge`,`Badge`,`display`,`Compact status and category label with tone, variant, and inline usage states.`),e.component(`checkbox`,`Checkbox`,`inputs`,`Boolean selection control for forms, tables, and filter groups.`),e.component(`dialog`,`Dialog`,`overlay`,`Modal surface for confirmation, forms, and contextual workflows.`),e.component(`sidebar`,`Sidebar`,`layout`,`Application navigation shell with active states, account area, and responsive collapse.`),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(`date-range-picker`,`DateRangePicker`,`calendar`,`Range picker surface for reporting windows and planning flows.`),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

@@ -4,9 +4,14 @@ var n = t([
 	e("button", "Button", "actions", "Primary action surface for clicks, submit, and quick triggers in dashboard workflows."),
 	e("input", "Input", "inputs", "Single-line text input for quick edits, queries, and form fields."),
 	e("select", "Select", "inputs", "Select component with menu-driven single choice workflows."),
+	e("card", "Card", "display", "Container surface for dense dashboard sections, summaries, and interactive panels."),
+	e("badge", "Badge", "display", "Compact status and category label with tone, variant, and inline usage states."),
+	e("checkbox", "Checkbox", "inputs", "Boolean selection control for forms, tables, and filter groups."),
 	e("dialog", "Dialog", "overlay", "Modal surface for confirmation, forms, and contextual workflows."),
+	e("sidebar", "Sidebar", "layout", "Application navigation shell with active states, account area, and responsive collapse."),
 	e("data-table", "DataTable", "data-table", "High density table with search, filters, rows, actions and pagination context."),
 	e("date-picker", "DatePicker", "calendar", "Date picker surface for period and event selection."),
+	e("date-range-picker", "DateRangePicker", "calendar", "Range picker surface for reporting windows and planning flows."),
 	e("form-input", "FormInput", "form", "Input wrapper with RHF-ready metadata and helper text."),
 	e("form-select", "FormSelect", "form", "Select wrapper for controlled local and async choice fields."),
 	e("form-textarea", "FormTextarea", "form", "Textarea wrapper with helper, validation and consistent spacing."),

package/dist/src/showcase/registry-specific.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/actions/action-menu.cjs"),r=require("../components/actions/button-group.cjs"),i=require("../components/ui/input/index.cjs"),a=require("../components/ui/badge/index.cjs"),o=require("../components/ui/tabs/index.cjs"),s=require("../components/actions/quick-action-grid.cjs"),c=require("../components/navigation/pagination.cjs"),l=require("../components/filters/filter-bar.cjs"),u=require("../components/filters/saved-filter-select.cjs"),d=require("../components/overlay/alert-dialog.cjs"),f=require("../components/overlay/drawer.cjs"),p=require("../components/inputs/async-select.cjs"),m=require("../components/inputs/otp-input.cjs"),h=require("../components/inputs/rating.cjs"),g=require("../components/inputs/slider.cjs"),_=require("../components/inputs/tag-input.cjs"),v=require("../components/calendar/calendar.cjs"),y=require("../components/feedback/alert.cjs"),b=require("../components/feedback/page-state.cjs"),x=require("../components/display/description-list.cjs"),ee=require("../components/display/avatar.cjs"),te=require("../components/display/list.cjs"),S=require("../components/display/progress.cjs"),C=require("../components/display/status-dot.cjs"),w=require("../components/display/status-legend.cjs"),T=require("../components/display/timeline.cjs"),E=require("../components/display/info-card.cjs"),D=require("../components/upload/file-upload.cjs"),O=require("../components/upload/image-upload.cjs"),k=require("../components/patterns/form-builder.cjs"),A=require("../components/patterns/resource-page.cjs"),j=require("../components/patterns/resource-detail-page.cjs"),M=require("../components/wizard/stepper.cjs"),N=require("../components/wizard/wizard.cjs"),P=require("./preview-compositions.cjs");let F=require("react");F=e.__toESM(F,1);let I=require("lucide-react"),L=require("react/jsx-runtime"),R=require("react-hook-form");var z=[V(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),V(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),V(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),V(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),V(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),V(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),V(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),V(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),V(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),V(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),V(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),V(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),V(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),V(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),V(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),V(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),V(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),V(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),V(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),V(`form-builder`,`FormBuilder`,`patterns`,`Declarative form scaffold with sections and reusable field presets.`),V(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),V(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),V(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`,`ImageUpload`),V(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),V(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),V(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),V(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)],B=Object.fromEntries(z.map(e=>[e.slug,{mock:H(e),Showcase:t=>(0,L.jsx)(W,{definition:e,...t})}]));function V(e,t,n,r,i=t){let a=le(e);return{slug:e,title:a,component:t,kind:n,summary:r,importName:i,highlights:[`${a} uses the real ${t} surface.`,`CLI, import and preview stay scoped to this component.`,`Preview wrappers stay light so the component UI remains visible.`],scenarios:[{title:`Use when`,description:r},{title:`Implementation`,description:`Add ${e}, import ${i}, then pass controlled props where the API requires state.`}]}}function H(e){return{cliCommand:`npx tembro add ${e.slug}`,code:U(e),highlights:e.highlights,scenarios:e.scenarios,capabilityNotes:[`Add ${e.slug} into your local source with the CLI.`,"Import the public component surface from `tembro` in app code."]}}function U(e){let t=e.importName??e.component;return`import { ${t} } from "tembro"\n\nexport function Demo() {\n  return <${t} />\n}`}function W({definition:e,state:t,setState:n}){return(0,L.jsxs)(`div`,{className:`space-y-5`,children:[(0,L.jsxs)(`header`,{className:`space-y-2`,children:[(0,L.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:e.component}),(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h3`,{className:`aui-text-strong text-2xl font-semibold tracking-tight`,children:e.title}),(0,L.jsx)(`p`,{className:`aui-text-muted mt-2 max-w-2xl text-sm leading-6`,children:e.summary})]})]}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:G(e,t,n)})]})}function G(e,t,n){return e.kind===`inputs`?(0,L.jsx)(K,{slug:e.slug,state:t,setState:n}):e.kind===`form`?(0,L.jsx)(q,{state:t,setState:n}):e.kind===`overlay`?(0,L.jsx)(J,{slug:e.slug}):e.kind===`navigation`?(0,L.jsx)(Y,{slug:e.slug}):e.kind===`feedback`?(0,L.jsx)(X,{slug:e.slug}):e.kind===`display`?(0,L.jsx)(Z,{slug:e.slug}):e.kind===`actions`?(0,L.jsx)(Q,{slug:e.slug,state:t,setState:n}):e.kind===`layout`?(0,L.jsx)(ne,{slug:e.slug}):e.kind===`data-table`?(0,L.jsx)(re,{slug:e.slug}):e.kind===`calendar`?(0,L.jsx)(ie,{}):e.kind===`upload`?(0,L.jsx)(ae,{slug:e.slug}):e.kind===`wizard`?(0,L.jsx)(oe,{slug:e.slug}):e.kind===`patterns`?(0,L.jsx)(se,{slug:e.slug}):null}function K({slug:e,state:t,setState:n}){let r=t.textValue,a=e=>n({textValue:e});if(e===`slider`)return(0,L.jsx)(g.Slider,{label:`Density`,description:`Tune content density.`,defaultValue:64,showValue:!0});if(e===`range-slider`)return(0,L.jsx)(g.RangeSlider,{label:`Revenue range`,description:`Filter between two values.`,defaultValue:[20,80],showValue:!0});if(e===`rating`)return(0,L.jsx)(h.Rating,{defaultValue:4,labels:{clear:`Reset`}});if(e===`otp-input`)return(0,L.jsx)(m.OtpInput,{value:r.replace(/\D/g,``).slice(0,6),onValueChange:a});if(e===`tag-input`)return(0,L.jsx)(_.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`});if(e===`async-select`){let e=[{value:`north`,label:`North Region`,description:`Sales ops`},{value:`south`,label:`South Region`,description:`Support team`},{value:`west`,label:`West Region`,description:`Billing operations`}];return(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(p.AsyncSelect,{value:`north`,onValueChange:()=>void 0,loadOptions:async t=>{let n=t.trim().toLowerCase();return n?e.filter(e=>String(e.label).toLowerCase().includes(n)):e},defaultOptions:e,minSearchLength:1,clearable:!0}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remote-ready select surface.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Hydration and clear behavior stay aligned.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for large or changing datasets.`})]})]})}return(0,L.jsx)(i.Input,{value:r,onChange:e=>n({textValue:e.currentTarget.value}),placeholder:`Unified input`})}function q({state:e,setState:t}){return(0,L.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,L.jsxs)(`label`,{className:`grid gap-2`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Email address`}),(0,L.jsx)(i.Input,{value:e.textValue,onChange:e=>t({textValue:e.currentTarget.value})}),(0,L.jsx)(`span`,{className:`text-xs aui-text-muted`,children:`Form wrappers keep label, hint and error spacing consistent.`})]}),(0,L.jsxs)(`label`,{className:`grid gap-2`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Status`}),(0,L.jsx)(i.Input,{type:`search`,value:`Active customers`,resultCount:7,readOnly:!0}),(0,L.jsx)(`span`,{className:`text-xs text-emerald-500`,children:`Ready to submit`})]})]})}function J({slug:e}){return e===`alert-dialog`?(0,L.jsx)(d.AlertDialog,{open:!1,title:`Archive invoice?`,description:`This keeps the invoice readable but removes it from active queues.`,children:(0,L.jsx)(t.Button,{variant:`destructive`,children:`Open alert`})}):e===`drawer`?(0,L.jsx)(f.Drawer,{open:!1,trigger:(0,L.jsx)(t.Button,{variant:`outline`,children:`Open drawer`}),title:`Customer details`,description:`Side panel for fast inspection.`,children:(0,L.jsx)(x.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Azamat UI`}]})}):(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,L.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,L.jsx)(t.Button,{children:`Publish`})]})}function Y({slug:e}){return e===`pagination`?(0,L.jsx)(c.Pagination,{page:3,pageCount:9,onPageChange:()=>void 0}):(0,L.jsx)(o.Tabs,{defaultValue:`overview`,children:(0,L.jsxs)(o.TabsList,{variant:`pills`,overflow:`wrap`,children:[(0,L.jsx)(o.TabsTrigger,{value:`overview`,variant:`pills`,children:`Overview`}),(0,L.jsx)(o.TabsTrigger,{value:`usage`,variant:`pills`,children:`Usage`}),(0,L.jsx)(o.TabsTrigger,{value:`api`,variant:`pills`,children:`API`})]})})}function X({slug:e}){return e===`alert`?(0,L.jsx)(y.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,L.jsx)(t.Button,{size:`sm`,children:`Open`})}):e===`page-state`?(0,L.jsx)(b.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,L.jsx)(t.Button,{size:`sm`,children:`Continue`})}):(0,L.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,L.jsx)($,{tone:`success`,children:`Live`}),(0,L.jsx)($,{tone:`warning`,children:`Needs review`}),(0,L.jsx)($,{tone:`danger`,children:`Blocked`}),(0,L.jsx)($,{tone:`info`,children:`Queued`})]})}function Z({slug:e}){return e===`progress`?(0,L.jsx)(S.Progress,{label:`Migration progress`,description:`Production rollout`,value:68,tone:`success`,showValue:!0}):e===`timeline`?(0,L.jsx)(T.Timeline,{items:[{key:`created`,title:`Created`,description:`Invoice generated`,time:`09:20`,tone:`success`},{key:`review`,title:`Review`,description:`Finance team assigned`,time:`10:05`,tone:`info`},{key:`approve`,title:`Approval`,description:`Waiting for manager`,time:`Now`,tone:`warning`}],pending:!0,pendingLabel:`Paid`}):e===`metric-card`||e===`stat-card`?(0,L.jsx)(P.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,L.jsx)(I.LayoutDashboardIcon,{})}):e===`status-dot`?(0,L.jsxs)(`div`,{className:`grid gap-3`,children:[(0,L.jsx)(C.StatusDot,{tone:`success`,pulse:!0,label:`API healthy`}),(0,L.jsx)(C.StatusDot,{tone:`warning`,label:`Sync delayed`}),(0,L.jsx)(C.StatusDot,{tone:`danger`,label:`Webhook failed`})]}):e===`notification-center`?(0,L.jsx)(te.List,{items:[{key:`1`,title:`Build completed`,description:`Dashboard docs deployment is live.`,extra:`Now`},{key:`2`,title:`New comment`,description:`Review requested on DataTable API.`,extra:`8m`},{key:`3`,title:`Publish reminder`,description:`Package version is ready for release.`,extra:`1h`}]}):e===`status-legend`?(0,L.jsx)(w.StatusLegend,{title:`Delivery states`,description:`Explain what each state means and how often it appears.`,orientation:`grid`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Waiting for QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):e===`info-card`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(E.InfoCard,{eyebrow:`Summary`,title:`Workspace`,description:`Reusable card surface with header, actions and metadata.`,actions:(0,L.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Open`}),selected:!0,children:(0,L.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm`,children:`Keep metadata, helper copy and compact actions in one reusable card surface.`})}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Vertical and horizontal layout support.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Selected and action-safe surfaces.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful for summary panels and detail sidebars.`})]})]}):(0,L.jsx)(E.InfoCard,{title:`Azamat Jurayev`,description:`Product designer and maintainer`,media:(0,L.jsx)(ee.Avatar,{name:`Azamat Jurayev`}),actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Invite`})})}function Q({slug:e,state:a,setState:o}){return e===`filter-bar`?(0,L.jsx)(l.FilterBar,{search:(0,L.jsx)(i.Input,{type:`search`,value:a.textValue,onValueChange:e=>o({textValue:e}),placeholder:`Search invoices...`}),activeCount:2,onReset:()=>o({textValue:``}),filters:(0,L.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,L.jsx)(I.FilterIcon,{"data-icon":`inline-start`}),`Status`]}),actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Export`})}):e===`button-group`?(0,L.jsx)(r.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):e===`quick-action-grid`?(0,L.jsx)(s.QuickActionGrid,{columns:3,items:[{key:`new`,label:`New invoice`,description:`Create a fresh billing row.`,badge:`N`},{key:`import`,label:`Import CSV`,description:`Bring finance data into the table.`,badge:`I`},{key:`share`,label:`Share workspace`,description:`Invite team members to the route.`,badge:`S`}]}):e===`saved-filter-select`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(u.SavedFilterSelect,{value:`billing`,onValueChange:()=>void 0,onSave:()=>void 0,onDelete:()=>void 0,filters:[{value:`billing`,label:`Billing`,description:`Invoices and payment status`},{value:`ops`,label:`Operations`,description:`Queues and workload`},{value:`owners`,label:`Owner: Azamat`,description:`Assigned records only`}]}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Named view switching for table routes.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Delete action stays isolated from parent selection.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful in finance, ops and admin dashboards.`})]})]}):(0,L.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Invoice #4821`}),(0,L.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Pending approval`})]}),(0,L.jsx)(n.ActionMenu,{label:`Actions`,actions:[{key:`open`,label:`Open`,icon:(0,L.jsx)(I.ChevronRightIcon,{className:`size-4`})},{key:`download`,label:`Download`,icon:(0,L.jsx)(I.DownloadIcon,{className:`size-4`})},{key:`archive`,label:`Archive`,icon:(0,L.jsx)(I.ArchiveIcon,{className:`size-4`}),destructive:!0}],trigger:(0,L.jsx)(t.Button,{variant:`outline`,size:`icon-sm`,"aria-label":`Open actions`,children:(0,L.jsx)(I.MoreHorizontalIcon,{})})})]})}function ne({slug:e}){return e===`app-header`?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-3`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(I.LayoutDashboardIcon,{className:`size-4`}),(0,L.jsx)(`span`,{className:`font-medium`,children:`Dashboard`})]}),(0,L.jsx)(a.Badge,{variant:`secondary`,children:`Preview`}),(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Notifications`,children:(0,L.jsx)(I.BellIcon,{})}),(0,L.jsx)(t.Button,{size:`sm`,children:`Deploy`})]})]}):(0,L.jsx)(P.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},helperText:`StatCard keeps KPI, helper text and trend in one compact tile.`})}function re({slug:e}){return(0,L.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3`,children:[(0,L.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search rows...`,className:`max-w-xs`,readOnly:!0}),(0,L.jsxs)(`div`,{className:`flex gap-2`,children:[(0,L.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,L.jsx)(I.FilterIcon,{"data-icon":`inline-start`}),`Filters`]}),(0,L.jsx)(t.Button,{size:`sm`,children:`Create`})]})]}),(0,L.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] aui-text-muted`,children:[(0,L.jsx)(`span`,{children:(0,L.jsx)(`input`,{type:`checkbox`,"aria-label":`Select rows`})}),(0,L.jsx)(`span`,{children:`Name`}),(0,L.jsx)(`span`,{children:`Status`}),(0,L.jsx)(`span`,{children:`Actions`})]}),[`Azamat UI`,`Registry`,`Dashboard`].map((e,n)=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0`,children:[(0,L.jsx)(`span`,{children:(0,L.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e}`,defaultChecked:n===0})}),(0,L.jsx)(`span`,{className:`font-medium aui-text-strong`,children:e}),(0,L.jsx)(`span`,{children:(0,L.jsx)($,{tone:n===2?`warning`:`success`,children:n===2?`Review`:`Live`})}),(0,L.jsx)(`span`,{children:(0,L.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Row actions`,children:(0,L.jsx)(I.MoreHorizontalIcon,{})})})]},e)),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm aui-text-muted`,children:[(0,L.jsxs)(`span`,{children:[{"data-table-column-visibility-menu":`Column visibility`,"data-table-sortable-header":`Sortable header`,"data-table-bulk-actions":`Bulk action bar`,"data-table-view-presets":`Saved view presets`}[e]??`DataTable part`,` preview`]}),(0,L.jsx)(c.Pagination,{page:1,pageCount:4,onPageChange:()=>void 0,showEdges:!1})]})]})}function ie(){return(0,L.jsx)(v.Calendar,{value:`2026-06-18`,defaultMonth:`2026-06-01`,onValueChange:()=>void 0})}function ae({slug:e}){return e===`file-upload`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(D.FileUpload,{dropzoneLabel:`Upload documents`,dropzoneDescription:`Drag files here or choose from your device.`,buttonLabel:`Choose files`,helperText:`Supports PDF, CSV and images.`}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Dropzone click and nested actions stay isolated.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Rejected states and helper copy live in the same component.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Use for production file routes, not just decorative previews.`})]})]}):e===`image-upload`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(O.ImageUpload,{dropzoneLabel:`Upload product image`,helperText:`Preview-friendly upload for gallery and hero assets.`}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Image preview is part of the reusable component.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remove action stays separate from the parent dropzone surface.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for template thumbnails and marketing assets.`})]})]}):(0,L.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[160px_1fr] md:items-center`,children:[(0,L.jsx)(`div`,{className:`flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:(0,L.jsx)(I.UploadCloudIcon,{className:`size-8 aui-text-muted`})}),(0,L.jsx)(P.PreviewFileDropzone,{label:`Upload product image`,description:`Shows the image-upload flow without custom CSS.`,accept:`image/*`})]})}function oe({slug:e}){let t=[{id:`profile`,title:`Profile`,description:`Account details`,completed:!0},{id:`billing`,title:`Billing`,description:`Payment setup`},{id:`review`,title:`Review`,description:`Confirm data`}];return e===`stepper`?(0,L.jsx)(M.Stepper,{steps:t,currentStep:`billing`,onStepChange:()=>void 0}):(0,L.jsx)(N.Wizard,{steps:t,currentStep:`billing`,onNext:()=>void 0,onPrevious:()=>void 0,onFinish:()=>void 0,children:(0,L.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Billing setup`}),(0,L.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:`Wizard combines steps, content and footer controls.`})]})})}function se({slug:e}){return e===`form-builder`?(0,L.jsx)(ce,{}):e===`resource-detail-page`?(0,L.jsx)(j.ResourceDetailPage,{title:`Customer profile`,description:`ResourceDetailPage organizes detail screens.`,actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Edit`}),children:(0,L.jsx)(A.ResourcePageSection,{title:`Account`,children:(0,L.jsx)(x.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Design team`}]})})}):(0,L.jsx)(A.ResourcePage,{title:`Customers`,description:`ResourcePage combines header, stats, filters and sections.`,actions:(0,L.jsx)(t.Button,{size:`sm`,children:`New customer`}),stats:(0,L.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,L.jsx)(P.PreviewStatCard,{title:`Active`,value:`2,418`,trend:{value:`+8%`,tone:`success`}}),(0,L.jsx)(P.PreviewStatCard,{title:`Health`,value:`94%`,trend:{value:`Stable`,tone:`info`}})]}),filters:(0,L.jsx)(l.FilterBar,{search:(0,L.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search...`,readOnly:!0}),activeCount:1}),children:(0,L.jsx)(A.ResourcePageSection,{title:`Recent activity`,children:(0,L.jsx)(T.Timeline,{items:[{key:`a`,title:`Customer added`,description:`Acme workspace`,tone:`success`},{key:`b`,title:`Plan updated`,description:`Scale plan enabled`,tone:`info`}]})})})}function ce(){let e=(0,R.useForm)({defaultValues:{name:`Azamat Jurayev`,email:`azamat@example.com`,notes:`Release gate is ready.`,marketing:!0}}),t=[k.formSection({id:`profile`,title:`Profile`,description:`Core account and contact fields.`,fields:[k.customField({id:`profile-summary`,colSpan:`full`,render:()=>(0,L.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:`Reusable section shell`}),(0,L.jsx)(`p`,{className:`mt-1 text-sm text-[color:var(--aui-page-muted)]`,children:`FormBuilder groups controls, helper copy and actions without scattering layout logic.`})]})})]})];return(0,L.jsx)(k.FormBuilder,{control:e.control,sections:t,columns:1,submitLabel:`Save changes`,resetLabel:`Reset`,onResetClick:()=>e.reset(),footer:(0,L.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm text-[color:var(--aui-page-muted)]`,children:`Use the builder for real form routes, then replace this preview with your own field presets.`})})}function le(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function $({tone:e,children:t}){return(0,L.jsx)(a.Badge,{variant:{success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`}[e],children:t})}exports.registrySpecificDemoRegistry=B;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../components/ui/button/index.cjs"),n=require("../components/actions/action-menu.cjs"),r=require("../components/actions/button-group.cjs"),i=require("../components/ui/input/index.cjs"),a=require("../components/ui/badge/index.cjs"),o=require("../components/ui/tabs/index.cjs"),s=require("../components/actions/quick-action-grid.cjs"),c=require("../components/navigation/pagination.cjs"),l=require("../components/filters/filter-bar.cjs"),u=require("../components/filters/saved-filter-select.cjs"),d=require("../components/overlay/alert-dialog.cjs"),f=require("../components/overlay/drawer.cjs"),p=require("../components/inputs/async-select.cjs"),m=require("../components/inputs/otp-input.cjs"),h=require("../components/inputs/rating.cjs"),g=require("../components/inputs/slider.cjs"),_=require("../components/inputs/tag-input.cjs"),v=require("../components/calendar/calendar.cjs"),y=require("../components/feedback/alert.cjs"),b=require("../components/feedback/page-state.cjs"),x=require("../components/display/description-list.cjs"),ee=require("../components/display/avatar.cjs"),te=require("../components/display/list.cjs"),S=require("../components/display/progress.cjs"),C=require("../components/display/status-dot.cjs"),w=require("../components/display/status-legend.cjs"),T=require("../components/display/timeline.cjs"),E=require("../components/display/info-card.cjs"),D=require("../components/upload/file-upload.cjs"),O=require("../components/upload/image-upload.cjs"),k=require("../components/patterns/form-builder.cjs"),A=require("../components/patterns/resource-page.cjs"),j=require("../components/patterns/resource-detail-page.cjs"),M=require("../components/wizard/stepper.cjs"),N=require("../components/wizard/wizard.cjs"),P=require("./preview-compositions.cjs");let F=require("react");F=e.__toESM(F,1);let I=require("lucide-react"),L=require("react/jsx-runtime"),R=require("react-hook-form");var z=[V(`alert-dialog`,`AlertDialog`,`overlay`,`Destructive confirmation dialog with loading-ready action states.`),V(`drawer`,`Drawer`,`overlay`,`Side panel for contextual details without leaving the page.`),V(`pagination`,`Pagination`,`navigation`,`Controlled page navigation with edge buttons and active state.`),V(`slider`,`Slider`,`inputs`,`Single value range control for density, threshold, and score tuning.`),V(`range-slider`,`RangeSlider`,`inputs`,`Two-handle slider for min/max filtering.`),V(`rating`,`Rating`,`inputs`,`Compact score input for feedback and review flows.`),V(`otp-input`,`OtpInput`,`inputs`,`One-time code entry with fixed-length slots.`),V(`tag-input`,`TagInput`,`inputs`,`Tokenized text input for labels, skills, and quick filters.`),V(`progress`,`Progress`,`display`,`Linear progress with label, value formatter, tone and indeterminate state.`),V(`timeline`,`Timeline`,`display`,`Vertical or horizontal event stream for workflow history.`),V(`status-dot`,`StatusDot`,`display`,`Tiny live status indicator with optional pulse animation.`),V(`notification-center`,`NotificationCenter`,`display`,`Compact activity and notifications stream.`),V(`status-legend`,`StatusLegend`,`display`,`Explain status meaning and counts in a compact legend.`),V(`action-menu`,`ActionMenu`,`actions`,`Compact dropdown action menu for rows and cards.`),V(`button-group`,`ButtonGroup`,`actions`,`Grouped action buttons for view switching and compact controls.`),V(`quick-action-grid`,`QuickActionGrid`,`actions`,`Action launcher grid for dense dashboard shortcuts.`),V(`filter-bar`,`FilterBar`,`actions`,`Search, filters, active-count and reset actions in one toolbar.`),V(`alert`,`Alert`,`feedback`,`Inline feedback banner for success, warning, info, and error states.`),V(`page-state`,`PageState`,`feedback`,`Full-page completion or blocked state with next actions.`),V(`form-builder`,`FormBuilder`,`patterns`,`Declarative form scaffold with sections and reusable field presets.`),V(`calendar`,`Calendar`,`calendar`,`Single month calendar surface for date picker and scheduling flows.`),V(`file-upload`,`FileUpload`,`upload`,`Full file upload surface with dropzone, action button and helper text.`),V(`image-upload`,`ImageUpload`,`upload`,`Image upload pattern with preview-oriented copy.`,`ImageUpload`),V(`stepper`,`Stepper`,`wizard`,`Clickable step navigation for multi-step forms.`),V(`wizard`,`Wizard`,`wizard`,`Stepper, content and footer controls combined into one workflow.`),V(`resource-page`,`ResourcePage`,`patterns`,`Full resource index page shell for admin dashboards.`),V(`resource-detail-page`,`ResourceDetailPage`,`patterns`,`Detail page shell with title, metadata and sections.`)],B=Object.fromEntries(z.map(e=>[e.slug,{mock:H(e),Showcase:t=>(0,L.jsx)(W,{definition:e,...t})}]));function V(e,t,n,r,i=t){let a=le(e);return{slug:e,title:a,component:t,kind:n,summary:r,importName:i,highlights:[`${a} uses the real ${t} surface.`,`CLI, import and preview stay scoped to this component.`,`Preview wrappers stay light so the component UI remains visible.`],scenarios:[{title:`Use when`,description:r},{title:`Implementation`,description:`Add ${e}, import ${i}, then pass controlled props where the API requires state.`}]}}function H(e){return{cliCommand:`npx tembro add ${e.slug}`,code:U(e),highlights:e.highlights,scenarios:e.scenarios,capabilityNotes:[`Add ${e.slug} into your local source with the CLI.`,"Import the public component surface from `tembro` in app code."]}}function U(e){let t=e.importName??e.component;return`import { ${t} } from "tembro"\n\nexport function Demo() {\n  return <${t} />\n}`}function W({definition:e,state:t,setState:n}){return(0,L.jsxs)(`div`,{className:`space-y-5`,children:[(0,L.jsxs)(`header`,{className:`space-y-2`,children:[(0,L.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:e.component}),(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`h3`,{className:`aui-text-strong text-2xl font-semibold tracking-tight`,children:e.title}),(0,L.jsx)(`p`,{className:`aui-text-muted mt-2 max-w-2xl text-sm leading-6`,children:e.summary})]})]}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4 sm:p-5`,children:G(e,t,n)})]})}function G(e,t,n){return e.kind===`inputs`?(0,L.jsx)(K,{slug:e.slug,state:t,setState:n}):e.kind===`form`?(0,L.jsx)(q,{state:t,setState:n}):e.kind===`overlay`?(0,L.jsx)(J,{slug:e.slug}):e.kind===`navigation`?(0,L.jsx)(Y,{slug:e.slug}):e.kind===`feedback`?(0,L.jsx)(X,{slug:e.slug}):e.kind===`display`?(0,L.jsx)(Z,{slug:e.slug}):e.kind===`actions`?(0,L.jsx)(Q,{slug:e.slug,state:t,setState:n}):e.kind===`layout`?(0,L.jsx)(ne,{slug:e.slug}):e.kind===`data-table`?(0,L.jsx)(re,{slug:e.slug}):e.kind===`calendar`?(0,L.jsx)(ie,{}):e.kind===`upload`?(0,L.jsx)(ae,{slug:e.slug}):e.kind===`wizard`?(0,L.jsx)(oe,{slug:e.slug}):e.kind===`patterns`?(0,L.jsx)(se,{slug:e.slug}):null}function K({slug:e,state:t,setState:n}){let r=t.textValue,a=e=>n({textValue:e});if(e===`slider`)return(0,L.jsx)(g.Slider,{label:`Density`,description:`Tune content density.`,defaultValue:64,showValue:!0});if(e===`range-slider`)return(0,L.jsx)(g.RangeSlider,{label:`Revenue range`,description:`Filter between two values.`,defaultValue:[20,80],showValue:!0});if(e===`rating`)return(0,L.jsx)(h.Rating,{defaultValue:4,labels:{clear:`Reset`}});if(e===`otp-input`)return(0,L.jsx)(m.OtpInput,{value:r.replace(/\D/g,``).slice(0,6),onValueChange:a});if(e===`tag-input`)return(0,L.jsx)(_.TagInput,{defaultValue:[`dashboard`,`beta`,`ops`],placeholder:`Add label`});if(e===`async-select`){let e=[{value:`north`,label:`North Region`,description:`Sales ops`},{value:`south`,label:`South Region`,description:`Support team`},{value:`west`,label:`West Region`,description:`Billing operations`}];return(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(p.AsyncSelect,{value:`north`,onValueChange:()=>void 0,loadOptions:async t=>{let n=t.trim().toLowerCase();return n?e.filter(e=>String(e.label).toLowerCase().includes(n)):e},defaultOptions:e,minSearchLength:1,clearable:!0}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remote-ready select surface.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Hydration and clear behavior stay aligned.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for large or changing datasets.`})]})]})}return(0,L.jsx)(i.Input,{value:r,onChange:e=>n({textValue:e.currentTarget.value}),placeholder:`Unified input`})}function q({state:e,setState:t}){return(0,L.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,L.jsxs)(`label`,{className:`grid gap-2`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Email address`}),(0,L.jsx)(i.Input,{value:e.textValue,onChange:e=>t({textValue:e.currentTarget.value})}),(0,L.jsx)(`span`,{className:`text-xs aui-text-muted`,children:`Form wrappers keep label, hint and error spacing consistent.`})]}),(0,L.jsxs)(`label`,{className:`grid gap-2`,children:[(0,L.jsx)(`span`,{className:`text-sm font-medium aui-text-strong`,children:`Status`}),(0,L.jsx)(i.Input,{type:`search`,value:`Active customers`,resultCount:7,readOnly:!0}),(0,L.jsx)(`span`,{className:`text-xs text-emerald-500`,children:`Ready to submit`})]})]})}function J({slug:e}){return e===`alert-dialog`?(0,L.jsx)(d.AlertDialog,{open:!1,title:`Archive invoice?`,description:`This keeps the invoice readable but removes it from active queues.`,children:(0,L.jsx)(t.Button,{variant:`destructive`,children:`Open alert`})}):e===`drawer`?(0,L.jsx)(f.Drawer,{open:!1,trigger:(0,L.jsx)(t.Button,{variant:`outline`,children:`Open drawer`}),title:`Customer details`,description:`Side panel for fast inspection.`,children:(0,L.jsx)(x.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Tembro`}]})}):(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(t.Button,{variant:`ghost`,children:`Cancel`}),(0,L.jsx)(t.Button,{variant:`outline`,children:`Save draft`}),(0,L.jsx)(t.Button,{children:`Publish`})]})}function Y({slug:e}){return e===`pagination`?(0,L.jsx)(c.Pagination,{page:3,pageCount:9,onPageChange:()=>void 0}):(0,L.jsx)(o.Tabs,{defaultValue:`overview`,children:(0,L.jsxs)(o.TabsList,{variant:`pills`,overflow:`wrap`,children:[(0,L.jsx)(o.TabsTrigger,{value:`overview`,variant:`pills`,children:`Overview`}),(0,L.jsx)(o.TabsTrigger,{value:`usage`,variant:`pills`,children:`Usage`}),(0,L.jsx)(o.TabsTrigger,{value:`api`,variant:`pills`,children:`API`})]})})}function X({slug:e}){return e===`alert`?(0,L.jsx)(y.Alert,{tone:`warning`,title:`Review needed`,description:`Billing rules changed and one approval is pending.`,action:(0,L.jsx)(t.Button,{size:`sm`,children:`Open`})}):e===`page-state`?(0,L.jsx)(b.PageState,{title:`Workspace connected`,description:`The route is ready to accept live data and team actions.`,tone:`success`,action:(0,L.jsx)(t.Button,{size:`sm`,children:`Continue`})}):(0,L.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,L.jsx)($,{tone:`success`,children:`Live`}),(0,L.jsx)($,{tone:`warning`,children:`Needs review`}),(0,L.jsx)($,{tone:`danger`,children:`Blocked`}),(0,L.jsx)($,{tone:`info`,children:`Queued`})]})}function Z({slug:e}){return e===`progress`?(0,L.jsx)(S.Progress,{label:`Migration progress`,description:`Production rollout`,value:68,tone:`success`,showValue:!0}):e===`timeline`?(0,L.jsx)(T.Timeline,{items:[{key:`created`,title:`Created`,description:`Invoice generated`,time:`09:20`,tone:`success`},{key:`review`,title:`Review`,description:`Finance team assigned`,time:`10:05`,tone:`info`},{key:`approve`,title:`Approval`,description:`Waiting for manager`,time:`Now`,tone:`warning`}],pending:!0,pendingLabel:`Paid`}):e===`metric-card`||e===`stat-card`?(0,L.jsx)(P.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},icon:(0,L.jsx)(I.LayoutDashboardIcon,{})}):e===`status-dot`?(0,L.jsxs)(`div`,{className:`grid gap-3`,children:[(0,L.jsx)(C.StatusDot,{tone:`success`,pulse:!0,label:`API healthy`}),(0,L.jsx)(C.StatusDot,{tone:`warning`,label:`Sync delayed`}),(0,L.jsx)(C.StatusDot,{tone:`danger`,label:`Webhook failed`})]}):e===`notification-center`?(0,L.jsx)(te.List,{items:[{key:`1`,title:`Build completed`,description:`Dashboard docs deployment is live.`,extra:`Now`},{key:`2`,title:`New comment`,description:`Review requested on DataTable API.`,extra:`8m`},{key:`3`,title:`Publish reminder`,description:`Package version is ready for release.`,extra:`1h`}]}):e===`status-legend`?(0,L.jsx)(w.StatusLegend,{title:`Delivery states`,description:`Explain what each state means and how often it appears.`,orientation:`grid`,items:[{key:`live`,label:`Live`,description:`Healthy production routes`,tone:`success`,count:18},{key:`review`,label:`Review`,description:`Waiting for QA approval`,tone:`warning`,count:4},{key:`blocked`,label:`Blocked`,description:`Needs engineering action`,tone:`danger`,count:1}]}):e===`info-card`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(E.InfoCard,{eyebrow:`Summary`,title:`Workspace`,description:`Reusable card surface with header, actions and metadata.`,actions:(0,L.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Open`}),selected:!0,children:(0,L.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm`,children:`Keep metadata, helper copy and compact actions in one reusable card surface.`})}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Vertical and horizontal layout support.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Selected and action-safe surfaces.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful for summary panels and detail sidebars.`})]})]}):(0,L.jsx)(E.InfoCard,{title:`Azamat Jurayev`,description:`Product designer and maintainer`,media:(0,L.jsx)(ee.Avatar,{name:`Azamat Jurayev`}),actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Invite`})})}function Q({slug:e,state:a,setState:o}){return e===`filter-bar`?(0,L.jsx)(l.FilterBar,{search:(0,L.jsx)(i.Input,{type:`search`,value:a.textValue,onValueChange:e=>o({textValue:e}),placeholder:`Search invoices...`}),activeCount:2,onReset:()=>o({textValue:``}),filters:(0,L.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,L.jsx)(I.FilterIcon,{"data-icon":`inline-start`}),`Status`]}),actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Export`})}):e===`button-group`?(0,L.jsx)(r.ButtonGroup,{items:[{key:`day`,label:`Day`},{key:`week`,label:`Week`},{key:`month`,label:`Month`}]}):e===`quick-action-grid`?(0,L.jsx)(s.QuickActionGrid,{columns:3,items:[{key:`new`,label:`New invoice`,description:`Create a fresh billing row.`,badge:`N`},{key:`import`,label:`Import CSV`,description:`Bring finance data into the table.`,badge:`I`},{key:`share`,label:`Share workspace`,description:`Invite team members to the route.`,badge:`S`}]}):e===`saved-filter-select`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(u.SavedFilterSelect,{value:`billing`,onValueChange:()=>void 0,onSave:()=>void 0,onDelete:()=>void 0,filters:[{value:`billing`,label:`Billing`,description:`Invoices and payment status`},{value:`ops`,label:`Operations`,description:`Queues and workload`},{value:`owners`,label:`Owner: Azamat`,description:`Assigned records only`}]}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Named view switching for table routes.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Delete action stays isolated from parent selection.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Useful in finance, ops and admin dashboards.`})]})]}):(0,L.jsxs)(`div`,{className:`flex items-center justify-between rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsxs)(`div`,{children:[(0,L.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Invoice #4821`}),(0,L.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Pending approval`})]}),(0,L.jsx)(n.ActionMenu,{label:`Actions`,actions:[{key:`open`,label:`Open`,icon:(0,L.jsx)(I.ChevronRightIcon,{className:`size-4`})},{key:`download`,label:`Download`,icon:(0,L.jsx)(I.DownloadIcon,{className:`size-4`})},{key:`archive`,label:`Archive`,icon:(0,L.jsx)(I.ArchiveIcon,{className:`size-4`}),destructive:!0}],trigger:(0,L.jsx)(t.Button,{variant:`outline`,size:`icon-sm`,"aria-label":`Open actions`,children:(0,L.jsx)(I.MoreHorizontalIcon,{})})})]})}function ne({slug:e}){return e===`app-header`?(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-3`,children:[(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(I.LayoutDashboardIcon,{className:`size-4`}),(0,L.jsx)(`span`,{className:`font-medium`,children:`Dashboard`})]}),(0,L.jsx)(a.Badge,{variant:`secondary`,children:`Preview`}),(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,L.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Notifications`,children:(0,L.jsx)(I.BellIcon,{})}),(0,L.jsx)(t.Button,{size:`sm`,children:`Deploy`})]})]}):(0,L.jsx)(P.PreviewStatCard,{title:`Revenue`,value:`$84.2k`,description:`Compared with last month`,trend:{value:`+12.4%`,tone:`success`},helperText:`StatCard keeps KPI, helper text and trend in one compact tile.`})}function re({slug:e}){return(0,L.jsxs)(`div`,{className:`overflow-hidden rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-b border-[color:var(--aui-divider)] p-3`,children:[(0,L.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search rows...`,className:`max-w-xs`,readOnly:!0}),(0,L.jsxs)(`div`,{className:`flex gap-2`,children:[(0,L.jsxs)(t.Button,{variant:`outline`,size:`sm`,children:[(0,L.jsx)(I.FilterIcon,{"data-icon":`inline-start`}),`Filters`]}),(0,L.jsx)(t.Button,{size:`sm`,children:`Create`})]})]}),(0,L.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] border-b border-[color:var(--aui-divider)] px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] aui-text-muted`,children:[(0,L.jsx)(`span`,{children:(0,L.jsx)(`input`,{type:`checkbox`,"aria-label":`Select rows`})}),(0,L.jsx)(`span`,{children:`Name`}),(0,L.jsx)(`span`,{children:`Status`}),(0,L.jsx)(`span`,{children:`Actions`})]}),[`Tembro`,`Registry`,`Dashboard`].map((e,n)=>(0,L.jsxs)(`div`,{className:`grid grid-cols-[40px_1fr_120px_72px] items-center border-b border-[color:var(--aui-divider)] px-3 py-3 last:border-b-0`,children:[(0,L.jsx)(`span`,{children:(0,L.jsx)(`input`,{type:`checkbox`,"aria-label":`Select ${e}`,defaultChecked:n===0})}),(0,L.jsx)(`span`,{className:`font-medium aui-text-strong`,children:e}),(0,L.jsx)(`span`,{children:(0,L.jsx)($,{tone:n===2?`warning`:`success`,children:n===2?`Review`:`Live`})}),(0,L.jsx)(`span`,{children:(0,L.jsx)(t.Button,{variant:`ghost`,size:`icon-sm`,"aria-label":`Row actions`,children:(0,L.jsx)(I.MoreHorizontalIcon,{})})})]},e)),(0,L.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3 border-t border-[color:var(--aui-divider)] p-3 text-sm aui-text-muted`,children:[(0,L.jsxs)(`span`,{children:[{"data-table-column-visibility-menu":`Column visibility`,"data-table-sortable-header":`Sortable header`,"data-table-bulk-actions":`Bulk action bar`,"data-table-view-presets":`Saved view presets`}[e]??`DataTable part`,` preview`]}),(0,L.jsx)(c.Pagination,{page:1,pageCount:4,onPageChange:()=>void 0,showEdges:!1})]})]})}function ie(){return(0,L.jsx)(v.Calendar,{value:`2026-06-18`,defaultMonth:`2026-06-01`,onValueChange:()=>void 0})}function ae({slug:e}){return e===`file-upload`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(D.FileUpload,{dropzoneLabel:`Upload documents`,dropzoneDescription:`Drag files here or choose from your device.`,buttonLabel:`Choose files`,helperText:`Supports PDF, CSV and images.`}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Dropzone click and nested actions stay isolated.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Rejected states and helper copy live in the same component.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Use for production file routes, not just decorative previews.`})]})]}):e===`image-upload`?(0,L.jsxs)(`div`,{className:`grid gap-4`,children:[(0,L.jsx)(O.ImageUpload,{dropzoneLabel:`Upload product image`,helperText:`Preview-friendly upload for gallery and hero assets.`}),(0,L.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Image preview is part of the reusable component.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Remove action stays separate from the parent dropzone surface.`}),(0,L.jsx)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm aui-text-muted`,children:`Good for template thumbnails and marketing assets.`})]})]}):(0,L.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-[160px_1fr] md:items-center`,children:[(0,L.jsx)(`div`,{className:`flex aspect-square items-center justify-center rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:(0,L.jsx)(I.UploadCloudIcon,{className:`size-8 aui-text-muted`})}),(0,L.jsx)(P.PreviewFileDropzone,{label:`Upload product image`,description:`Shows the image-upload flow without custom CSS.`,accept:`image/*`})]})}function oe({slug:e}){let t=[{id:`profile`,title:`Profile`,description:`Account details`,completed:!0},{id:`billing`,title:`Billing`,description:`Payment setup`},{id:`review`,title:`Review`,description:`Confirm data`}];return e===`stepper`?(0,L.jsx)(M.Stepper,{steps:t,currentStep:`billing`,onStepChange:()=>void 0}):(0,L.jsx)(N.Wizard,{steps:t,currentStep:`billing`,onNext:()=>void 0,onPrevious:()=>void 0,onFinish:()=>void 0,children:(0,L.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Billing setup`}),(0,L.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:`Wizard combines steps, content and footer controls.`})]})})}function se({slug:e}){return e===`form-builder`?(0,L.jsx)(ce,{}):e===`resource-detail-page`?(0,L.jsx)(j.ResourceDetailPage,{title:`Customer profile`,description:`ResourceDetailPage organizes detail screens.`,actions:(0,L.jsx)(t.Button,{size:`sm`,children:`Edit`}),children:(0,L.jsx)(A.ResourcePageSection,{title:`Account`,children:(0,L.jsx)(x.DescriptionList,{items:[{key:`plan`,label:`Plan`,value:`Scale`},{key:`owner`,label:`Owner`,value:`Design team`}]})})}):(0,L.jsx)(A.ResourcePage,{title:`Customers`,description:`ResourcePage combines header, stats, filters and sections.`,actions:(0,L.jsx)(t.Button,{size:`sm`,children:`New customer`}),stats:(0,L.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-2`,children:[(0,L.jsx)(P.PreviewStatCard,{title:`Active`,value:`2,418`,trend:{value:`+8%`,tone:`success`}}),(0,L.jsx)(P.PreviewStatCard,{title:`Health`,value:`94%`,trend:{value:`Stable`,tone:`info`}})]}),filters:(0,L.jsx)(l.FilterBar,{search:(0,L.jsx)(i.Input,{type:`search`,value:``,placeholder:`Search...`,readOnly:!0}),activeCount:1}),children:(0,L.jsx)(A.ResourcePageSection,{title:`Recent activity`,children:(0,L.jsx)(T.Timeline,{items:[{key:`a`,title:`Customer added`,description:`Acme workspace`,tone:`success`},{key:`b`,title:`Plan updated`,description:`Scale plan enabled`,tone:`info`}]})})})}function ce(){let e=(0,R.useForm)({defaultValues:{name:`Azamat Jurayev`,email:`azamat@example.com`,notes:`Release gate is ready.`,marketing:!0}}),t=[k.formSection({id:`profile`,title:`Profile`,description:`Core account and contact fields.`,fields:[k.customField({id:`profile-summary`,colSpan:`full`,render:()=>(0,L.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:[(0,L.jsx)(`p`,{className:`text-sm font-semibold text-[color:var(--aui-page-foreground)]`,children:`Reusable section shell`}),(0,L.jsx)(`p`,{className:`mt-1 text-sm text-[color:var(--aui-page-muted)]`,children:`FormBuilder groups controls, helper copy and actions without scattering layout logic.`})]})})]})];return(0,L.jsx)(k.FormBuilder,{control:e.control,sections:t,columns:1,submitLabel:`Save changes`,resetLabel:`Reset`,onResetClick:()=>e.reset(),footer:(0,L.jsx)(`div`,{className:`rounded-2xl border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3 text-sm text-[color:var(--aui-page-muted)]`,children:`Use the builder for real form routes, then replace this preview with your own field presets.`})})}function le(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function $({tone:e,children:t}){return(0,L.jsx)(a.Badge,{variant:{success:`secondary`,warning:`outline`,danger:`destructive`,info:`outline`}[e],children:t})}exports.registrySpecificDemoRegistry=B;

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

@@ -294,7 +294,7 @@ function de({ slug: t }) {
 		}, {
 			key: "owner",
 			label: "Owner",
-			value: "Azamat UI"
+			value: "Tembro"
 		}] })
 	}) : /* @__PURE__ */ J("div", {
 		className: "flex flex-wrap items-center justify-end gap-2 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
@@ -736,7 +736,7 @@ function ge({ slug: t }) {
 				]
 			}),
 			[
-				"Azamat UI",
+				"Tembro",
 				"Registry",
 				"Dashboard"
 			].map((t, n) => /* @__PURE__ */ J("div", {