tembro 1.0.0

package/dist/showcase/families/upload/showcase.js

@@ -0,0 +1,133 @@
+import { Badge as e } from "../../../components/ui/badge/index.js";
+import { FileUpload as t } from "../../../components/upload/file-upload.js";
+import { ImageUpload as n } from "../../../components/upload/image-upload.js";
+import { uploadHelperTags as r } from "./data.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/showcase/families/upload/showcase.tsx
+function s({ setState: s }) {
+	let [c, l] = i.useState([]), [u, d] = i.useState([]);
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4",
+				children: /* @__PURE__ */ a("div", {
+					className: "flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between",
+					children: /* @__PURE__ */ o("div", {
+						className: "space-y-3",
+						children: [/* @__PURE__ */ a("div", {
+							className: "flex flex-wrap gap-2",
+							children: r.map((t) => /* @__PURE__ */ a(e, {
+								variant: "outline",
+								children: t
+							}, t))
+						}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
+							className: "aui-text-strong text-sm font-medium",
+							children: "Upload family coverage"
+						}), /* @__PURE__ */ a("p", {
+							className: "aui-text-muted mt-1 text-sm leading-6",
+							children: "File and image upload should expose real dropzone behavior, clear actions, remove actions, preview surfaces and controlled file counts."
+						})] })]
+					})
+				})
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 xl:grid-cols-2",
+				children: [/* @__PURE__ */ o("div", {
+					className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4",
+					children: [
+						/* @__PURE__ */ a("p", {
+							className: "aui-text-strong text-sm font-medium",
+							children: "File upload"
+						}),
+						/* @__PURE__ */ a("p", {
+							className: "aui-text-muted mt-1 text-sm leading-6",
+							children: "Drop files, clear all, reject invalid types and keep remove actions inside the file item surface."
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "mt-4",
+							children: /* @__PURE__ */ a(t, {
+								files: c,
+								onFilesChange: (e) => {
+									l(e), s({ notes: `${e.length} file attachments are now staged.` });
+								},
+								accept: ".pdf,.docx,.png",
+								maxFiles: 4,
+								maxSize: 4 * 1024 * 1024,
+								helperText: "Accepts PDF, DOCX and PNG up to 4 MB."
+							})
+						})
+					]
+				}), /* @__PURE__ */ o("div", {
+					className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4",
+					children: [
+						/* @__PURE__ */ a("p", {
+							className: "aui-text-strong text-sm font-medium",
+							children: "Image upload"
+						}),
+						/* @__PURE__ */ a("p", {
+							className: "aui-text-muted mt-1 text-sm leading-6",
+							children: "Image preview, removable files and count summary are exposed directly from the reusable component."
+						}),
+						/* @__PURE__ */ a("div", {
+							className: "mt-4",
+							children: /* @__PURE__ */ a(n, {
+								files: u,
+								onFilesChange: (e) => {
+									d(e), s({ notes: `${e.length} preview images are now staged.` });
+								},
+								maxFiles: 3,
+								helperText: "Upload hero illustrations or block thumbnails."
+							})
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ o("div", {
+						className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3",
+						children: [/* @__PURE__ */ a("p", {
+							className: "aui-text-muted text-sm",
+							children: "Attached files"
+						}), /* @__PURE__ */ a("p", {
+							className: "aui-text-strong mt-2 text-lg font-semibold",
+							children: c.length
+						})]
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3",
+						children: [/* @__PURE__ */ a("p", {
+							className: "aui-text-muted text-sm",
+							children: "Attached images"
+						}), /* @__PURE__ */ a("p", {
+							className: "aui-text-strong mt-2 text-lg font-semibold",
+							children: u.length
+						})]
+					}),
+					/* @__PURE__ */ o("div", {
+						className: "rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3",
+						children: [
+							/* @__PURE__ */ a("p", {
+								className: "aui-text-muted text-sm",
+								children: "Interaction proof"
+							}),
+							/* @__PURE__ */ a("p", {
+								className: "aui-text-strong mt-2 text-lg font-semibold",
+								children: "Remove and clear are isolated"
+							}),
+							/* @__PURE__ */ a("p", {
+								className: "aui-text-subtle mt-2 text-sm",
+								children: "Nested upload actions no longer conflict with the parent dropzone click surface."
+							})
+						]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { s as UploadFamilyShowcase };

package/dist/showcase/families/wizard/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.WizardFamilyShowcase=e.WizardFamilyShowcase,exports.wizardFamilyMock=t.wizardFamilyMock;

package/dist/showcase/families/wizard/index.d.ts

@@ -0,0 +1,2 @@
+export { WizardFamilyShowcase } from "./showcase";
+export { wizardFamilyMock } from "./mock";

package/dist/showcase/families/wizard/index.js

@@ -0,0 +1,3 @@
+import { WizardFamilyShowcase as e } from "./showcase.js";
+import { wizardFamilyMock as t } from "./mock.js";
+export { e as WizardFamilyShowcase, t as wizardFamilyMock };

package/dist/showcase/families/wizard/mock.cjs

@@ -0,0 +1,5 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Stepper, Wizard } from "tembro"
+
+export function Example() {
+  return <Wizard />
+}`,highlights:[`Multi-step flow`,`Progress state`,`Guided forms`,`Step affordances`],scenarios:[{title:`Onboarding`,description:`Guide users through setup without overwhelming them.`},{title:`Checkout flow`,description:`Break complex processes into sequential steps.`},{title:`Workspace creation`,description:`Collect structured info with visible progress.`}],metrics:[{label:`Exports`,value:`2`},{label:`Steps`,value:`4`},{label:`Status`,value:`Stable`}]};exports.wizardFamilyMock=e;

package/dist/showcase/families/wizard/mock.d.ts

@@ -0,0 +1,2 @@
+import type { FamilyDemoMock } from "../types";
+export declare const wizardFamilyMock: FamilyDemoMock;

package/dist/showcase/families/wizard/mock.js

@@ -0,0 +1,40 @@
+//#region src/showcase/families/wizard/mock.ts
+var e = {
+	code: "import { Stepper, Wizard } from \"tembro\"\n\nexport function Example() {\n  return <Wizard />\n}",
+	highlights: [
+		"Multi-step flow",
+		"Progress state",
+		"Guided forms",
+		"Step affordances"
+	],
+	scenarios: [
+		{
+			title: "Onboarding",
+			description: "Guide users through setup without overwhelming them."
+		},
+		{
+			title: "Checkout flow",
+			description: "Break complex processes into sequential steps."
+		},
+		{
+			title: "Workspace creation",
+			description: "Collect structured info with visible progress."
+		}
+	],
+	metrics: [
+		{
+			label: "Exports",
+			value: "2"
+		},
+		{
+			label: "Steps",
+			value: "4"
+		},
+		{
+			label: "Status",
+			value: "Stable"
+		}
+	]
+};
+//#endregion
+export { e as wizardFamilyMock };

package/dist/showcase/families/wizard/showcase.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs");let t=require("react/jsx-runtime");var n=[`Workspace`,`Brand`,`Members`,`Publish`];function r({state:r,setState:i}){return(0,t.jsxs)(`div`,{className:`space-y-4`,children:[(0,t.jsx)(`div`,{className:`grid gap-3 md:grid-cols-4`,children:n.map((e,n)=>{let a=n+1,o=r.step===a,s=r.step>a;return(0,t.jsxs)(`button`,{onClick:()=>i({step:a}),className:`rounded-[22px] border px-4 py-4 text-left ${o?`aui-surface-strong border-[color:var(--aui-surface-strong)]`:s?`aui-status-success`:`border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] aui-text-muted`}`,children:[(0,t.jsx)(`div`,{className:`text-xs uppercase tracking-[0.24em]`,children:`Step ${a}`}),(0,t.jsx)(`div`,{className:`mt-2 text-lg font-semibold`,children:e})]},e)})}),(0,t.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5`,children:[(0,t.jsxs)(`p`,{className:`text-2xl font-semibold tracking-tight`,children:[n[r.step-1],` step`]}),(0,t.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm leading-6`,children:`A multi-step guided workflow with a stable route and predictable step flow.`}),(0,t.jsxs)(`div`,{className:`mt-5 flex gap-3`,children:[(0,t.jsx)(e.Button,{variant:`outline`,onClick:()=>i({step:Math.max(1,r.step-1)}),children:`Back`}),(0,t.jsx)(e.Button,{onClick:()=>i({step:Math.min(4,r.step+1)}),children:`Next`})]})]})]})}exports.WizardFamilyShowcase=r;

package/dist/showcase/families/wizard/showcase.d.ts

@@ -0,0 +1,2 @@
+import type { FamilyDemoProps } from "../types";
+export declare function WizardFamilyShowcase({ state, setState }: FamilyDemoProps): import("react").JSX.Element;

package/dist/showcase/families/wizard/showcase.js

@@ -0,0 +1,56 @@
+import { Button as e } from "../../../components/ui/button/index.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/showcase/families/wizard/showcase.tsx
+var r = [
+	"Workspace",
+	"Brand",
+	"Members",
+	"Publish"
+];
+function i({ state: i, setState: a }) {
+	return /* @__PURE__ */ n("div", {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ t("div", {
+			className: "grid gap-3 md:grid-cols-4",
+			children: r.map((e, r) => {
+				let o = r + 1, s = i.step === o, c = i.step > o;
+				return /* @__PURE__ */ n("button", {
+					onClick: () => a({ step: o }),
+					className: `rounded-[22px] border px-4 py-4 text-left ${s ? "aui-surface-strong border-[color:var(--aui-surface-strong)]" : c ? "aui-status-success" : "border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] aui-text-muted"}`,
+					children: [/* @__PURE__ */ t("div", {
+						className: "text-xs uppercase tracking-[0.24em]",
+						children: `Step ${o}`
+					}), /* @__PURE__ */ t("div", {
+						className: "mt-2 text-lg font-semibold",
+						children: e
+					})]
+				}, e);
+			})
+		}), /* @__PURE__ */ n("div", {
+			className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5",
+			children: [
+				/* @__PURE__ */ n("p", {
+					className: "text-2xl font-semibold tracking-tight",
+					children: [r[i.step - 1], " step"]
+				}),
+				/* @__PURE__ */ t("p", {
+					className: "aui-text-muted mt-2 text-sm leading-6",
+					children: "A multi-step guided workflow with a stable route and predictable step flow."
+				}),
+				/* @__PURE__ */ n("div", {
+					className: "mt-5 flex gap-3",
+					children: [/* @__PURE__ */ t(e, {
+						variant: "outline",
+						onClick: () => a({ step: Math.max(1, i.step - 1) }),
+						children: "Back"
+					}), /* @__PURE__ */ t(e, {
+						onClick: () => a({ step: Math.min(4, i.step + 1) }),
+						children: "Next"
+					})]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { i as WizardFamilyShowcase };

package/dist/showcase/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/actions/demo.cjs"),t=require("../components/calendar/demo.cjs"),n=require("../components/data-table/demo.cjs"),r=require("../components/display/demo.cjs"),i=require("../components/feedback/demo.cjs"),a=require("../components/filters/demo.cjs"),o=require("../components/form/demo.cjs"),s=require("../components/inputs/demo.cjs"),c=require("../components/layout/demo.cjs"),l=require("../components/navigation/demo.cjs"),u=require("../components/overlay/demo.cjs"),d=require("../components/patterns/demo.cjs"),f=require("../components/upload/demo.cjs"),p=require("../components/wizard/demo.cjs"),m=require("./component-api-schema.cjs"),h=require("./fallback.cjs"),g=require("./families/types.cjs"),_=require("./families/index.cjs"),v=require("./premium/types.cjs"),y=require("./premium/index.cjs"),b=require("./registry-quality.cjs"),x=require("./registry-specific.cjs"),S=require("./package-meta.cjs"),C=require("./site-data.cjs"),w=require("./supplemental.cjs"),T=require("./types.cjs"),E=require("./preview-catalog.cjs"),D=require("./preview-registry.cjs"),O=require("./search-utils.cjs");var k={...e.actionsShowcaseDemoRegistry,...t.calendarShowcaseDemoRegistry,...n.dataTableShowcaseDemoRegistry,...r.displayShowcaseDemoRegistry,...i.feedbackShowcaseDemoRegistry,...a.filtersShowcaseDemoRegistry,...o.formShowcaseDemoRegistry,...s.inputsShowcaseDemoRegistry,...c.layoutShowcaseDemoRegistry,...l.navigationShowcaseDemoRegistry,...u.overlayShowcaseDemoRegistry,...d.patternsShowcaseDemoRegistry,...f.uploadShowcaseDemoRegistry,...p.wizardShowcaseDemoRegistry,...x.registrySpecificDemoRegistry,...w.supplementalShowcaseDemoRegistry,...y.premiumShowcaseDemoRegistry,...b.registryQualityDemoRegistry},A=k;exports.CLI_ADD_COMMAND=C.CLI_ADD_COMMAND,exports.CLI_INIT_NEXT_COMMAND=C.CLI_INIT_NEXT_COMMAND,exports.CLI_INIT_VITE_COMMAND=C.CLI_INIT_VITE_COMMAND,exports.CLI_INSTALL_COMMAND=C.CLI_INSTALL_COMMAND,exports.CLI_PACKAGE_NAME=C.CLI_PACKAGE_NAME,exports.CLI_THEME_COMMAND=C.CLI_THEME_COMMAND,exports.DOCS_APP_NAME=C.DOCS_APP_NAME,exports.DOCS_RELEASES_URL=C.DOCS_RELEASES_URL,exports.DOCS_REPO_URL=C.DOCS_REPO_URL,exports.DOCS_ROOT_PATH=C.DOCS_ROOT_PATH,exports.PACKAGE_DEPENDENCY_RANGE=S.PACKAGE_DEPENDENCY_RANGE,exports.PACKAGE_GITHUB_RELEASES_URL=C.PACKAGE_GITHUB_RELEASES_URL,exports.PACKAGE_GITHUB_URL=C.PACKAGE_GITHUB_URL,exports.PACKAGE_IMPORT=C.PACKAGE_IMPORT,exports.PACKAGE_INSTALL_COMMAND=C.PACKAGE_INSTALL_COMMAND,exports.PACKAGE_LATEST_RELEASE_DATE=S.PACKAGE_LATEST_RELEASE_DATE,exports.PACKAGE_LATEST_VERSION=S.PACKAGE_LATEST_VERSION,exports.PACKAGE_NAME=C.PACKAGE_NAME,exports.PACKAGE_NPM_URL=C.PACKAGE_NPM_URL,exports.PACKAGE_RELEASES_URL=C.PACKAGE_RELEASES_URL,exports.PACKAGE_RELEASE_DATE=C.PACKAGE_RELEASE_DATE,exports.PACKAGE_VERSION=C.PACKAGE_VERSION,exports.accessibilityChecks=C.accessibilityChecks,exports.blockCards=C.blockCards,exports.blockCoverageSections=C.blockCoverageSections,exports.blockLayoutFilters=C.blockLayoutFilters,exports.blockPath=C.blockPath,exports.blockSortOptions=C.blockSortOptions,exports.blockTabs=C.blockTabs,exports.blockThemeFilters=C.blockThemeFilters,exports.componentApiSchemas=m.componentApiSchemas,exports.componentCatalog=C.componentCatalog,exports.componentDemoRegistry=A,exports.componentDocsPath=C.componentDocsPath,exports.componentGroupMeta=C.componentGroupMeta,exports.componentGroupOrder=C.componentGroupOrder,exports.componentPlaygroundPath=C.componentPlaygroundPath,exports.componentRelations=C.componentRelations,exports.createGenericShowcaseDemo=h.createGenericShowcaseDemo,exports.defaultComponentDemoState=v.defaultComponentDemoState,exports.defaultFamilyDemoState=g.defaultFamilyDemoState,exports.defaultShowcaseDemoState=T.defaultShowcaseDemoState,exports.docsSidebar=C.docsSidebar,exports.exampleCards=C.exampleCards,exports.familyDemoRegistry=_.familyDemoRegistry,exports.featuredBlock=C.featuredBlock,exports.getComponentApiSchema=m.getComponentApiSchema,exports.getComponentDetailSidebarItems=C.getComponentDetailSidebarItems,exports.getComponentDetailSidebarSections=C.getComponentDetailSidebarSections,exports.getComponentGroup=C.getComponentGroup,exports.getComponentGroupDetails=C.getComponentGroupDetails,exports.getComponentPreview=D.getComponentPreview,exports.getComponentSurfaceCatalogItem=C.getComponentSurfaceCatalogItem,exports.getComponentSurfaceSections=C.getComponentSurfaceSections,exports.getDocumentedMemberByComponent=C.getDocumentedMemberByComponent,exports.getDocumentedMembersByComponents=C.getDocumentedMembersByComponents,exports.getPreviewSurface=E.getPreviewSurface,exports.getPrimaryComponentCatalog=C.getPrimaryComponentCatalog,exports.getPrimaryComponentMemberInventory=C.getPrimaryComponentMemberInventory,exports.getPrimaryComponentSurfaceSlug=C.getPrimaryComponentSurfaceSlug,exports.getPrimaryComponentSurfaceTitle=C.getPrimaryComponentSurfaceTitle,exports.getSearchItemByHref=O.getSearchItemByHref,exports.getVisibleComponentCatalog=C.getVisibleComponentCatalog,exports.getVisibleSearchItems=O.getVisibleSearchItems,exports.globalSearchItems=C.globalSearchItems,exports.inspectorChecks=C.inspectorChecks,exports.installCommand=C.installCommand,exports.isAdvancedSearchItem=O.isAdvancedSearchItem,exports.isPrimaryComponentSurface=C.isPrimaryComponentSurface,exports.moduleFamilyCatalog=C.moduleFamilyCatalog,exports.moduleFamilyExportPath=C.moduleFamilyExportPath,exports.moduleFamilyExportSlug=C.moduleFamilyExportSlug,exports.moduleFamilyPath=C.moduleFamilyPath,exports.playgroundSidebar=C.playgroundSidebar,exports.premiumShowcaseDemoRegistry=y.premiumShowcaseDemoRegistry,exports.previewBlockRegistry=D.previewBlockRegistry,exports.previewSurfaceCatalog=E.previewSurfaceCatalog,exports.primaryNav=C.primaryNav,exports.propRows=C.propRows,exports.registryQualityDemoRegistry=b.registryQualityDemoRegistry,exports.registrySpecificDemoRegistry=x.registrySpecificDemoRegistry,exports.releaseHistory=C.releaseHistory,exports.scoreSearchItem=O.scoreSearchItem,exports.searchGroupLabel=O.searchGroupLabel,exports.searchGroupOrder=O.searchGroupOrder,exports.searchItemKindLabel=O.searchItemKindLabel,exports.showcaseDemoRegistry=k,exports.supplementalShowcaseDemoRegistry=w.supplementalShowcaseDemoRegistry,exports.supplementalShowcaseDemoSlugs=w.supplementalShowcaseDemoSlugs,exports.templatePath=C.templatePath,exports.tocItems=C.tocItems;

package/dist/showcase/index.d.ts

@@ -0,0 +1,27 @@
+import { defaultComponentDemoState } from "./premium";
+export * from "./types";
+export * from "./premium";
+export * from "./registry-quality";
+export * from "./registry-specific";
+export * from "./fallback";
+export * from "./families/index";
+export * from "./preview-catalog";
+export * from "./preview-registry";
+export * from "./site-data";
+export * from "./component-api-schema";
+export * from "./search-utils";
+export * from "./package-meta";
+export * from "./supplemental";
+export declare const showcaseDemoRegistry: {
+    [x: string]: import("./types").ShowcaseDemoBundle | {
+        mock: import("./types").ShowcaseDemoMock;
+        Showcase: (props: import("./types").ShowcaseDemoProps) => import("react").JSX.Element;
+    } | import("./premium").ComponentDemoBundle;
+};
+export { defaultComponentDemoState };
+export declare const componentDemoRegistry: {
+    [x: string]: import("./types").ShowcaseDemoBundle | {
+        mock: import("./types").ShowcaseDemoMock;
+        Showcase: (props: import("./types").ShowcaseDemoProps) => import("react").JSX.Element;
+    } | import("./premium").ComponentDemoBundle;
+};

package/dist/showcase/index.js

@@ -0,0 +1,52 @@
+import { actionsShowcaseDemoRegistry as ee } from "../components/actions/demo.js";
+import { calendarShowcaseDemoRegistry as te } from "../components/calendar/demo.js";
+import { dataTableShowcaseDemoRegistry as e } from "../components/data-table/demo.js";
+import { displayShowcaseDemoRegistry as t } from "../components/display/demo.js";
+import { feedbackShowcaseDemoRegistry as n } from "../components/feedback/demo.js";
+import { filtersShowcaseDemoRegistry as ne } from "../components/filters/demo.js";
+import { formShowcaseDemoRegistry as re } from "../components/form/demo.js";
+import { inputsShowcaseDemoRegistry as r } from "../components/inputs/demo.js";
+import { layoutShowcaseDemoRegistry as i } from "../components/layout/demo.js";
+import { navigationShowcaseDemoRegistry as a } from "../components/navigation/demo.js";
+import { overlayShowcaseDemoRegistry as o } from "../components/overlay/demo.js";
+import { patternsShowcaseDemoRegistry as s } from "../components/patterns/demo.js";
+import { uploadShowcaseDemoRegistry as c } from "../components/upload/demo.js";
+import { wizardShowcaseDemoRegistry as l } from "../components/wizard/demo.js";
+import { componentApiSchemas as u, getComponentApiSchema as d } from "./component-api-schema.js";
+import { createGenericShowcaseDemo as f } from "./fallback.js";
+import { defaultFamilyDemoState as p } from "./families/types.js";
+import { familyDemoRegistry as m } from "./families/index.js";
+import { defaultComponentDemoState as h } from "./premium/types.js";
+import { premiumShowcaseDemoRegistry as g } from "./premium/index.js";
+import { registryQualityDemoRegistry as _ } from "./registry-quality.js";
+import { registrySpecificDemoRegistry as v } from "./registry-specific.js";
+import { PACKAGE_DEPENDENCY_RANGE as y, PACKAGE_LATEST_RELEASE_DATE as b, PACKAGE_LATEST_VERSION as x } from "./package-meta.js";
+import { CLI_ADD_COMMAND as S, CLI_INIT_NEXT_COMMAND as C, CLI_INIT_VITE_COMMAND as w, CLI_INSTALL_COMMAND as T, CLI_PACKAGE_NAME as E, CLI_THEME_COMMAND as D, DOCS_APP_NAME as O, DOCS_RELEASES_URL as k, DOCS_REPO_URL as A, DOCS_ROOT_PATH as j, PACKAGE_GITHUB_RELEASES_URL as M, PACKAGE_GITHUB_URL as N, PACKAGE_IMPORT as P, PACKAGE_INSTALL_COMMAND as F, PACKAGE_NAME as I, PACKAGE_NPM_URL as L, PACKAGE_RELEASES_URL as R, PACKAGE_RELEASE_DATE as z, PACKAGE_VERSION as B, accessibilityChecks as V, blockCards as H, blockCoverageSections as U, blockLayoutFilters as W, blockPath as G, blockSortOptions as K, blockTabs as q, blockThemeFilters as J, componentCatalog as Y, componentDocsPath as X, componentGroupMeta as ie, componentGroupOrder as Z, componentPlaygroundPath as ae, componentRelations as oe, docsSidebar as se, exampleCards as ce, featuredBlock as le, getComponentDetailSidebarItems as ue, getComponentDetailSidebarSections as de, getComponentGroup as fe, getComponentGroupDetails as pe, getComponentSurfaceCatalogItem as me, getComponentSurfaceSections as he, getDocumentedMemberByComponent as ge, getDocumentedMembersByComponents as _e, getPrimaryComponentCatalog as ve, getPrimaryComponentMemberInventory as ye, getPrimaryComponentSurfaceSlug as be, getPrimaryComponentSurfaceTitle as xe, getVisibleComponentCatalog as Se, globalSearchItems as Ce, inspectorChecks as we, installCommand as Te, isPrimaryComponentSurface as Ee, moduleFamilyCatalog as De, moduleFamilyExportPath as Oe, moduleFamilyExportSlug as ke, moduleFamilyPath as Ae, playgroundSidebar as je, primaryNav as Me, propRows as Ne, releaseHistory as Pe, templatePath as Fe, tocItems as Ie } from "./site-data.js";
+import { supplementalShowcaseDemoRegistry as Q, supplementalShowcaseDemoSlugs as Le } from "./supplemental.js";
+import { defaultShowcaseDemoState as Re } from "./types.js";
+import { getPreviewSurface as ze, previewSurfaceCatalog as Be } from "./preview-catalog.js";
+import { getComponentPreview as Ve, previewBlockRegistry as He } from "./preview-registry.js";
+import { getSearchItemByHref as Ue, getVisibleSearchItems as We, isAdvancedSearchItem as Ge, scoreSearchItem as Ke, searchGroupLabel as qe, searchGroupOrder as Je, searchItemKindLabel as Ye } from "./search-utils.js";
+//#region src/showcase/index.ts
+var $ = {
+	...ee,
+	...te,
+	...e,
+	...t,
+	...n,
+	...ne,
+	...re,
+	...r,
+	...i,
+	...a,
+	...o,
+	...s,
+	...c,
+	...l,
+	...v,
+	...Q,
+	...g,
+	..._
+}, Xe = $;
+//#endregion
+export { S as CLI_ADD_COMMAND, C as CLI_INIT_NEXT_COMMAND, w as CLI_INIT_VITE_COMMAND, T as CLI_INSTALL_COMMAND, E as CLI_PACKAGE_NAME, D as CLI_THEME_COMMAND, O as DOCS_APP_NAME, k as DOCS_RELEASES_URL, A as DOCS_REPO_URL, j as DOCS_ROOT_PATH, y as PACKAGE_DEPENDENCY_RANGE, M as PACKAGE_GITHUB_RELEASES_URL, N as PACKAGE_GITHUB_URL, P as PACKAGE_IMPORT, F as PACKAGE_INSTALL_COMMAND, b as PACKAGE_LATEST_RELEASE_DATE, x as PACKAGE_LATEST_VERSION, I as PACKAGE_NAME, L as PACKAGE_NPM_URL, R as PACKAGE_RELEASES_URL, z as PACKAGE_RELEASE_DATE, B as PACKAGE_VERSION, V as accessibilityChecks, H as blockCards, U as blockCoverageSections, W as blockLayoutFilters, G as blockPath, K as blockSortOptions, q as blockTabs, J as blockThemeFilters, u as componentApiSchemas, Y as componentCatalog, Xe as componentDemoRegistry, X as componentDocsPath, ie as componentGroupMeta, Z as componentGroupOrder, ae as componentPlaygroundPath, oe as componentRelations, f as createGenericShowcaseDemo, h as defaultComponentDemoState, p as defaultFamilyDemoState, Re as defaultShowcaseDemoState, se as docsSidebar, ce as exampleCards, m as familyDemoRegistry, le as featuredBlock, d as getComponentApiSchema, ue as getComponentDetailSidebarItems, de as getComponentDetailSidebarSections, fe as getComponentGroup, pe as getComponentGroupDetails, Ve as getComponentPreview, me as getComponentSurfaceCatalogItem, he as getComponentSurfaceSections, ge as getDocumentedMemberByComponent, _e as getDocumentedMembersByComponents, ze as getPreviewSurface, ve as getPrimaryComponentCatalog, ye as getPrimaryComponentMemberInventory, be as getPrimaryComponentSurfaceSlug, xe as getPrimaryComponentSurfaceTitle, Ue as getSearchItemByHref, Se as getVisibleComponentCatalog, We as getVisibleSearchItems, Ce as globalSearchItems, we as inspectorChecks, Te as installCommand, Ge as isAdvancedSearchItem, Ee as isPrimaryComponentSurface, De as moduleFamilyCatalog, Oe as moduleFamilyExportPath, ke as moduleFamilyExportSlug, Ae as moduleFamilyPath, je as playgroundSidebar, g as premiumShowcaseDemoRegistry, He as previewBlockRegistry, Be as previewSurfaceCatalog, Me as primaryNav, Ne as propRows, _ as registryQualityDemoRegistry, v as registrySpecificDemoRegistry, Pe as releaseHistory, Ke as scoreSearchItem, qe as searchGroupLabel, Je as searchGroupOrder, Ye as searchItemKindLabel, $ as showcaseDemoRegistry, Q as supplementalShowcaseDemoRegistry, Le as supplementalShowcaseDemoSlugs, Fe as templatePath, Ie as tocItems };

package/dist/showcase/package-meta.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=`1.0.0`,t=`July 7, 2026`,n=`^${e}`;exports.PACKAGE_DEPENDENCY_RANGE=n,exports.PACKAGE_LATEST_RELEASE_DATE=t,exports.PACKAGE_LATEST_VERSION=e;

package/dist/showcase/package-meta.d.ts

@@ -0,0 +1,3 @@
+export declare const PACKAGE_LATEST_VERSION = "1.0.0";
+export declare const PACKAGE_LATEST_RELEASE_DATE = "July 7, 2026";
+export declare const PACKAGE_DEPENDENCY_RANGE = "^1.0.0";

package/dist/showcase/package-meta.js

@@ -0,0 +1,4 @@
+//#region src/showcase/package-meta.ts
+var e = "1.0.0", t = "July 7, 2026", n = `^${e}`;
+//#endregion
+export { n as PACKAGE_DEPENDENCY_RANGE, t as PACKAGE_LATEST_RELEASE_DATE, e as PACKAGE_LATEST_VERSION };

package/dist/showcase/premium/accordion/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./mock.cjs"),t=require("./showcase.cjs");exports.AccordionShowcase=t.AccordionShowcase,exports.accordionMock=e.accordionMock;

package/dist/showcase/premium/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { accordionMock } from "./mock";
+export { AccordionShowcase } from "./showcase";

package/dist/showcase/premium/accordion/index.js

@@ -0,0 +1,3 @@
+import { accordionMock as e } from "./mock.js";
+import { AccordionShowcase as t } from "./showcase.js";
+export { t as AccordionShowcase, e as accordionMock };

package/dist/showcase/premium/accordion/mock.cjs

@@ -0,0 +1,23 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "@/index"
+
+const items = [
+  {
+    key: "tokens",
+    title: "Theme tokens",
+    description: "Control border, background, radius, and spacing from one place.",
+    content: "Keep product decisions inside tokens instead of hardcoded one-off wrappers.",
+  },
+  {
+    key: "families",
+    title: "Component families",
+    description: "Teach one primary surface first.",
+    content: "Members like AsyncSelect or FormAsyncSelect should stay inside the canonical route.",
+  },
+]
+
+export function Example() {
+  return <Accordion type="single" defaultValue="tokens" items={items} />
+}`,htmlCode:`<details data-slot="accordion">
+  <summary data-slot="accordion-trigger">Theme tokens</summary>
+  <div data-slot="accordion-content">Keep product decisions inside tokens.</div>
+</details>`,cliCommand:`npx tembro add accordion`,highlights:[`Single and multiple expansion behavior`,`Title, description, and body content through one item contract`,`Good for docs FAQs, settings help, and release notes`],scenarios:[{title:`Settings help`,description:`Hide advanced explanation until the user requests it.`},{title:`FAQ`,description:`Keep pages shorter while preserving full guidance.`},{title:`Release checklist`,description:`Reveal only the currently relevant operational details.`}],capabilityNotes:['Use `type="single"` for focus-first documentation flows.','Use `type="multiple"` when users may compare several sections together.']};exports.accordionMock=e;

package/dist/showcase/premium/accordion/mock.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentDemoMock } from "../types";
+export declare const accordionMock: ComponentDemoMock;

package/dist/showcase/premium/accordion/mock.js

@@ -0,0 +1,28 @@
+//#region src/showcase/premium/accordion/mock.ts
+var e = {
+	code: "import { Accordion } from \"@/index\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"families\",\n    title: \"Component families\",\n    description: \"Teach one primary surface first.\",\n    content: \"Members like AsyncSelect or FormAsyncSelect should stay inside the canonical route.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
+	htmlCode: "<details data-slot=\"accordion\">\n  <summary data-slot=\"accordion-trigger\">Theme tokens</summary>\n  <div data-slot=\"accordion-content\">Keep product decisions inside tokens.</div>\n</details>",
+	cliCommand: "npx tembro add accordion",
+	highlights: [
+		"Single and multiple expansion behavior",
+		"Title, description, and body content through one item contract",
+		"Good for docs FAQs, settings help, and release notes"
+	],
+	scenarios: [
+		{
+			title: "Settings help",
+			description: "Hide advanced explanation until the user requests it."
+		},
+		{
+			title: "FAQ",
+			description: "Keep pages shorter while preserving full guidance."
+		},
+		{
+			title: "Release checklist",
+			description: "Reveal only the currently relevant operational details."
+		}
+	],
+	capabilityNotes: ["Use `type=\"single\"` for focus-first documentation flows.", "Use `type=\"multiple\"` when users may compare several sections together."]
+};
+//#endregion
+export { e as accordionMock };

package/dist/showcase/premium/accordion/showcase.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/ui/accordion/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`border-t border-[color:var(--aui-divider)] py-6`,o=[{key:`tokens`,title:`Theme tokens stay in one place`,description:`Radius, color and shadow should not be redefined per route.`,content:`Use shared CSS tokens so consumers can adapt the system without fighting deeply nested component styles.`},{key:`surface`,title:`One canonical public surface`,description:`Teach one entry point before helper members.`,content:`Start with Input, Select, DataTable, Card and Badge. Move aliases and advanced members lower in the docs hierarchy.`},{key:`demo`,title:`Real demos beat placeholder previews`,description:`Each route should prove the actual component behavior.`,content:`A docs page should show the real installed component with interactive state, not a generic substitute card.`}],s=[{key:`docs`,title:`Docs updated`,description:`Public route and CLI snippet verified`,content:`Component detail page, API notes, and install snippet were reviewed together before release.`},{key:`tokens`,title:`Visual tokens synced`,description:`No stray radius, border, or surface overrides`,content:`The route uses package tokens directly so the result matches what consumers install.`},{key:`qa`,title:`QA preview checked`,description:`Build and interactive preview passed`,content:`The component was verified with type-check and production build before push.`}];function c(){let[e,c]=r.useState(`surface`),[l,u]=r.useState([`docs`]);return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsxs)(`section`,{className:`pb-6`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed primitive`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Accordion keeps dense guidance readable`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`This route uses the exported accordion surface directly. The page adds only spacing and explanation around it.`})]}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1.1fr_0.9fr]`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Documentation flow`}),(0,i.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Single-open mode keeps the user focused on one explanation at a time.`}),(0,i.jsx)(n.Accordion,{className:`mt-5`,type:`single`,value:e,onValueChange:c,items:[...o]})]}),(0,i.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Current open item`}),(0,i.jsx)(`p`,{className:`mt-1 text-xs aui-text-muted`,children:`Controlled state mirrors route-level docs navigation.`})]}),(0,i.jsx)(t.Badge,{variant:`secondary`,children:Array.isArray(e)?e.join(`, `):e||`none`})]}),(0,i.jsxs)(`div`,{className:`mt-4 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,i.jsx)(`p`,{children:`Use this mode on component detail pages, FAQs, or policy explanations where only one answer should dominate the layout.`}),(0,i.jsx)(`p`,{children:`The trigger keeps title and helper description together, so content stays understandable even before expansion.`})]})]})]})}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[0.95fr_1.05fr]`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Operational checklist`}),(0,i.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Multiple-open mode works better when teams compare several readiness items together.`}),(0,i.jsx)(`div`,{className:`mt-5 flex flex-wrap gap-2`,children:(Array.isArray(l)?l:[]).map(e=>(0,i.jsx)(t.Badge,{variant:`outline`,children:e},e))})]}),(0,i.jsx)(n.Accordion,{className:`xl:mt-8`,type:`multiple`,value:l,onValueChange:u,items:[...s]})]})})]})}exports.AccordionShowcase=c;

package/dist/showcase/premium/accordion/showcase.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function AccordionShowcase(): React.JSX.Element;

package/dist/showcase/premium/accordion/showcase.js

@@ -0,0 +1,141 @@
+import { Badge as e } from "../../../components/ui/badge/index.js";
+import { Accordion as t } from "../../../components/ui/accordion/index.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/showcase/premium/accordion/showcase.tsx
+var a = "border-t border-[color:var(--aui-divider)] py-6", o = [
+	{
+		key: "tokens",
+		title: "Theme tokens stay in one place",
+		description: "Radius, color and shadow should not be redefined per route.",
+		content: "Use shared CSS tokens so consumers can adapt the system without fighting deeply nested component styles."
+	},
+	{
+		key: "surface",
+		title: "One canonical public surface",
+		description: "Teach one entry point before helper members.",
+		content: "Start with Input, Select, DataTable, Card and Badge. Move aliases and advanced members lower in the docs hierarchy."
+	},
+	{
+		key: "demo",
+		title: "Real demos beat placeholder previews",
+		description: "Each route should prove the actual component behavior.",
+		content: "A docs page should show the real installed component with interactive state, not a generic substitute card."
+	}
+], s = [
+	{
+		key: "docs",
+		title: "Docs updated",
+		description: "Public route and CLI snippet verified",
+		content: "Component detail page, API notes, and install snippet were reviewed together before release."
+	},
+	{
+		key: "tokens",
+		title: "Visual tokens synced",
+		description: "No stray radius, border, or surface overrides",
+		content: "The route uses package tokens directly so the result matches what consumers install."
+	},
+	{
+		key: "qa",
+		title: "QA preview checked",
+		description: "Build and interactive preview passed",
+		content: "The component was verified with type-check and production build before push."
+	}
+];
+function c() {
+	let [c, l] = n.useState("surface"), [u, d] = n.useState(["docs"]);
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-0",
+		children: [
+			/* @__PURE__ */ i("section", {
+				className: "pb-6",
+				children: [
+					/* @__PURE__ */ r("p", {
+						className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
+						children: "Installed primitive"
+					}),
+					/* @__PURE__ */ r("h3", {
+						className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
+						children: "Accordion keeps dense guidance readable"
+					}),
+					/* @__PURE__ */ r("p", {
+						className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
+						children: "This route uses the exported accordion surface directly. The page adds only spacing and explanation around it."
+					})
+				]
+			}),
+			/* @__PURE__ */ r("section", {
+				className: a,
+				children: /* @__PURE__ */ i("div", {
+					className: "grid gap-6 xl:grid-cols-[1.1fr_0.9fr]",
+					children: [/* @__PURE__ */ i("div", { children: [
+						/* @__PURE__ */ r("p", {
+							className: "text-lg font-semibold aui-text-strong",
+							children: "Documentation flow"
+						}),
+						/* @__PURE__ */ r("p", {
+							className: "mt-2 max-w-xl text-sm leading-6 aui-text-muted",
+							children: "Single-open mode keeps the user focused on one explanation at a time."
+						}),
+						/* @__PURE__ */ r(t, {
+							className: "mt-5",
+							type: "single",
+							value: c,
+							onValueChange: l,
+							items: [...o]
+						})
+					] }), /* @__PURE__ */ i("div", {
+						className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
+						children: [/* @__PURE__ */ i("div", {
+							className: "flex items-start justify-between gap-4",
+							children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("p", {
+								className: "text-sm font-semibold aui-text-strong",
+								children: "Current open item"
+							}), /* @__PURE__ */ r("p", {
+								className: "mt-1 text-xs aui-text-muted",
+								children: "Controlled state mirrors route-level docs navigation."
+							})] }), /* @__PURE__ */ r(e, {
+								variant: "secondary",
+								children: Array.isArray(c) ? c.join(", ") : c || "none"
+							})]
+						}), /* @__PURE__ */ i("div", {
+							className: "mt-4 space-y-3 text-sm leading-6 aui-text-muted",
+							children: [/* @__PURE__ */ r("p", { children: "Use this mode on component detail pages, FAQs, or policy explanations where only one answer should dominate the layout." }), /* @__PURE__ */ r("p", { children: "The trigger keeps title and helper description together, so content stays understandable even before expansion." })]
+						})]
+					})]
+				})
+			}),
+			/* @__PURE__ */ r("section", {
+				className: a,
+				children: /* @__PURE__ */ i("div", {
+					className: "grid gap-6 xl:grid-cols-[0.95fr_1.05fr]",
+					children: [/* @__PURE__ */ i("div", { children: [
+						/* @__PURE__ */ r("p", {
+							className: "text-lg font-semibold aui-text-strong",
+							children: "Operational checklist"
+						}),
+						/* @__PURE__ */ r("p", {
+							className: "mt-2 max-w-xl text-sm leading-6 aui-text-muted",
+							children: "Multiple-open mode works better when teams compare several readiness items together."
+						}),
+						/* @__PURE__ */ r("div", {
+							className: "mt-5 flex flex-wrap gap-2",
+							children: (Array.isArray(u) ? u : []).map((t) => /* @__PURE__ */ r(e, {
+								variant: "outline",
+								children: t
+							}, t))
+						})
+					] }), /* @__PURE__ */ r(t, {
+						className: "xl:mt-8",
+						type: "multiple",
+						value: u,
+						onValueChange: d,
+						items: [...s]
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { c as AccordionShowcase };

package/dist/showcase/premium/action-menu/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.ActionMenuShowcase=e.ActionMenuShowcase,exports.actionMenuMock=t.actionMenuMock;

package/dist/showcase/premium/action-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionMenuShowcase } from "./showcase";
+export { actionMenuMock } from "./mock";

package/dist/showcase/premium/action-menu/index.js

@@ -0,0 +1,3 @@
+import { ActionMenuShowcase as e } from "./showcase.js";
+import { actionMenuMock as t } from "./mock.js";
+export { e as ActionMenuShowcase, t as actionMenuMock };