tembro 1.0.3 → 2.0.0

package/dist/families/queries.js

@@ -1,162 +0,0 @@
-import { componentFamilyCatalog as e } from "./catalog.js";
-import { componentFamilyMigrationMap as t } from "./migration-map.js";
-//#region src/families/queries.ts
-var n = {
-	InputFamily: {
-		family: "InputFamily",
-		label: "Input",
-		description: "Small core input surface for the input types used most often in dashboard screens.",
-		canonical: ["Input", "Textarea"],
-		members: [
-			"NumberInput",
-			"DateInput",
-			"DateRangeInput",
-			"MoneyInput",
-			"PhoneInput",
-			"FormInput"
-		],
-		transitional: [
-			"ClearableInput",
-			"SearchInput",
-			"MaskedInput",
-			"QuantityInput"
-		],
-		advanced: [
-			"Slider",
-			"RangeSlider",
-			"Rating",
-			"OtpInput",
-			"ColorInput",
-			"InlineEditable",
-			"TagInput",
-			"QuantityStepper"
-		]
-	},
-	SelectFamily: {
-		family: "SelectFamily",
-		label: "Select",
-		description: "Choice-picking surface with async, multi-select, and combobox only when the interaction needs them.",
-		canonical: ["Select"],
-		members: [
-			"AsyncSelect",
-			"Combobox",
-			"FormSelect"
-		],
-		transitional: ["SimpleSelect", "FormAsyncSelect"],
-		advanced: ["AsyncMultiSelect"]
-	},
-	CardFamily: {
-		family: "CardFamily",
-		label: "Card",
-		description: "Primitive card plus only the card presets that provide reusable product value.",
-		canonical: ["Card", "InfoCard"],
-		members: [
-			"EntityCard",
-			"FileCard",
-			"TrendCard",
-			"ComparisonCard"
-		],
-		transitional: ["SmartCard", "StatCard"]
-	},
-	OverlayFamily: {
-		family: "OverlayFamily",
-		label: "Overlay",
-		description: "Floating interaction surfaces grouped by behavior, not by card-like visual appearance.",
-		canonical: [
-			"Dialog",
-			"Popover",
-			"DropdownMenu"
-		],
-		members: [
-			"Tooltip",
-			"ConfirmDialog",
-			"SheetShell",
-			"HoverCard"
-		],
-		transitional: [
-			"RightClickMenu",
-			"AlertDialog",
-			"ModalShell",
-			"Drawer",
-			"DialogActions"
-		]
-	},
-	FormFamily: {
-		family: "FormFamily",
-		label: "Form",
-		description: "Field shell and a compact set of broad wrappers instead of many small aliases.",
-		canonical: ["FormFieldShell"],
-		members: [
-			"FormInput",
-			"FormTextarea",
-			"FormSelect",
-			"FormSwitch",
-			"FormDatePicker",
-			"FormDateRangePicker",
-			"RepeaterField"
-		],
-		transitional: [
-			"FormSearchInput",
-			"FormPasswordInput",
-			"FormNumberInput",
-			"FormPhoneInput",
-			"FormDateInput",
-			"FormDateRangeInput"
-		],
-		advanced: ["FormBuilder"]
-	},
-	DataTableFamily: {
-		family: "DataTableFamily",
-		label: "Data Table",
-		description: "Table shell with toolbar and pagination as the only first-level companions.",
-		canonical: ["DataTable"],
-		members: [
-			"DataTableToolbar",
-			"DataTablePagination",
-			"DataTableRowActions",
-			"DataTableBulkActions",
-			"DataTableViewPresets"
-		],
-		advanced: [
-			"DataTableColumnVisibilityMenu",
-			"DataTableSortableHeader",
-			"createDataTableSelectColumn",
-			"createDataTableActionsColumn",
-			"TableExportMenu",
-			"TableImportButton"
-		]
-	}
-}, r = e.map((e) => n[e.family] ?? e), i = new Map(r.map((e) => [e.family, e])), a = /* @__PURE__ */ new Map();
-for (let e of t) {
-	let t = a.get(e.component) ?? [];
-	t.push(e), a.set(e.component, t);
-}
-function o(e) {
-	return i.get(e);
-}
-function s() {
-	return r;
-}
-function c(e) {
-	return t.filter((t) => t.family === e);
-}
-function l(e) {
-	return a.get(e)?.[0];
-}
-function u(e) {
-	return a.get(e) ?? [];
-}
-function d(e) {
-	return t.filter((t) => t.status === e);
-}
-function f() {
-	return d("transitional");
-}
-function p() {
-	return d("advanced");
-}
-function m() {
-	return t.filter((e) => e.status === "canonical" || e.status === "canonical composed member");
-}
-//#endregion
-export { u as getComponentFamilyEntries, l as getComponentFamilyEntry, o as getFamilyCatalogEntry, c as getFamilyMembers, p as listAdvancedComponents, m as listCanonicalComponents, d as listComponentsByStatus, s as listFamilyCatalogEntries, f as listTransitionalComponents };

package/dist/families/select-family.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../components/ui/select/index.cjs"),t=require("../components/inputs/async-select.cjs"),n=require("../components/inputs/combobox.cjs"),r=require("../components/inputs/simple-select.cjs"),i=require("../components/form/form-select.cjs"),a=require("../components/form/form-async-select.cjs");var o={Root:e.Select,Trigger:e.SelectTrigger,Value:e.SelectValue,Content:e.SelectContent,Group:e.SelectGroup,Label:e.SelectLabel,Item:e.SelectItem,Separator:e.SelectSeparator,Simple:r.SimpleSelect,Async:t.AsyncSelect,AsyncMulti:t.AsyncMultiSelect,Combobox:n.Combobox,Form:{Select:i.FormSelect,Async:a.FormAsyncSelect}};exports.SelectFamily=o;

package/dist/families/select-family.d.ts

@@ -1,22 +0,0 @@
-import { FormAsyncSelect, FormSelect } from "@/components/form";
-import { AsyncMultiSelect, AsyncSelect, Combobox, SimpleSelect } from "@/components/inputs";
-import { SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "@/components/ui/select";
-declare const SelectFamily: {
-    readonly Root: typeof import("@base-ui/react").SelectRoot;
-    readonly Trigger: typeof SelectTrigger;
-    readonly Value: typeof SelectValue;
-    readonly Content: typeof SelectContent;
-    readonly Group: typeof SelectGroup;
-    readonly Label: typeof SelectLabel;
-    readonly Item: typeof SelectItem;
-    readonly Separator: typeof SelectSeparator;
-    readonly Simple: typeof SimpleSelect;
-    readonly Async: typeof AsyncSelect;
-    readonly AsyncMulti: typeof AsyncMultiSelect;
-    readonly Combobox: typeof Combobox;
-    readonly Form: {
-        readonly Select: typeof FormSelect;
-        readonly Async: typeof FormAsyncSelect;
-    };
-};
-export { SelectFamily };

package/dist/families/select-family.js

@@ -1,27 +0,0 @@
-import { Select as e, SelectContent as t, SelectGroup as n, SelectItem as r, SelectLabel as i, SelectSeparator as a, SelectTrigger as o, SelectValue as s } from "../components/ui/select/index.js";
-import { AsyncMultiSelect as c, AsyncSelect as l } from "../components/inputs/async-select.js";
-import { Combobox as u } from "../components/inputs/combobox.js";
-import { SimpleSelect as d } from "../components/inputs/simple-select.js";
-import { FormSelect as f } from "../components/form/form-select.js";
-import { FormAsyncSelect as p } from "../components/form/form-async-select.js";
-//#region src/families/select-family.ts
-var m = {
-	Root: e,
-	Trigger: o,
-	Value: s,
-	Content: t,
-	Group: n,
-	Label: i,
-	Item: r,
-	Separator: a,
-	Simple: d,
-	Async: l,
-	AsyncMulti: c,
-	Combobox: u,
-	Form: {
-		Select: f,
-		Async: p
-	}
-};
-//#endregion
-export { m as SelectFamily };

package/dist/families/views.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./queries.cjs");function t(e){return[...e].sort((e,t)=>e.component.localeCompare(t.component))}function n(e,n){let r=new Set(n);return t(e.filter(e=>r.has(e.component)))}function r(t){let r=e.getFamilyCatalogEntry(t);if(!r)return;let i=e.getFamilyMembers(t),a=n(i.filter(e=>e.status===`canonical`||e.status===`canonical composed member`),r.canonical),o=n(i.filter(e=>e.status===`transitional`),r.transitional??[]),s=n(i.filter(e=>e.status===`advanced`),r.advanced??[]),c=n(i.filter(e=>e.status===`family-member`||e.status===`family-member helper`),r.members);return{...r,canonicalEntries:a,memberEntries:c,transitionalEntries:o,advancedEntries:s}}function i(){return e.listFamilyCatalogEntries().map(e=>r(e.family)).filter(Boolean)}function a(){return e.listFamilyCatalogEntries().map(e=>({family:e.family,label:e.label,description:e.description,canonicalCount:e.canonical.length,memberCount:e.members.length,transitionalCount:e.transitional?.length??0,advancedCount:e.advanced?.length??0}))}function o(){return{families:e.listFamilyCatalogEntries().length,canonical:e.listCanonicalComponents().length,transitional:e.listTransitionalComponents().length,advanced:e.listAdvancedComponents().length}}exports.getFamilyNavigation=a,exports.getFamilyView=r,exports.getMetadataSummary=o,exports.listFamilyViews=i;

package/dist/families/views.d.ts

@@ -1,26 +0,0 @@
-import type { ComponentFamilyCatalogEntry, ComponentFamilyName } from "@/families/catalog";
-import type { FamilyMigrationEntry } from "@/families/migration-map";
-export type ComponentFamilyView = ComponentFamilyCatalogEntry & {
-    canonicalEntries: FamilyMigrationEntry[];
-    memberEntries: FamilyMigrationEntry[];
-    transitionalEntries: FamilyMigrationEntry[];
-    advancedEntries: FamilyMigrationEntry[];
-};
-declare function getFamilyView(family: ComponentFamilyName): ComponentFamilyView | undefined;
-declare function listFamilyViews(): ComponentFamilyView[];
-declare function getFamilyNavigation(): {
-    family: ComponentFamilyName;
-    label: string;
-    description: string;
-    canonicalCount: number;
-    memberCount: number;
-    transitionalCount: number;
-    advancedCount: number;
-}[];
-declare function getMetadataSummary(): {
-    families: number;
-    canonical: number;
-    transitional: number;
-    advanced: number;
-};
-export { getFamilyNavigation, getFamilyView, getMetadataSummary, listFamilyViews };

package/dist/families/views.js

@@ -1,45 +0,0 @@
-import { getFamilyCatalogEntry as e, getFamilyMembers as t, listAdvancedComponents as n, listCanonicalComponents as r, listFamilyCatalogEntries as i, listTransitionalComponents as a } from "./queries.js";
-//#region src/families/views.ts
-function o(e) {
-	return [...e].sort((e, t) => e.component.localeCompare(t.component));
-}
-function s(e, t) {
-	let n = new Set(t);
-	return o(e.filter((e) => n.has(e.component)));
-}
-function c(n) {
-	let r = e(n);
-	if (!r) return;
-	let i = t(n), a = s(i.filter((e) => e.status === "canonical" || e.status === "canonical composed member"), r.canonical), o = s(i.filter((e) => e.status === "transitional"), r.transitional ?? []), c = s(i.filter((e) => e.status === "advanced"), r.advanced ?? []), l = s(i.filter((e) => e.status === "family-member" || e.status === "family-member helper"), r.members);
-	return {
-		...r,
-		canonicalEntries: a,
-		memberEntries: l,
-		transitionalEntries: o,
-		advancedEntries: c
-	};
-}
-function l() {
-	return i().map((e) => c(e.family)).filter(Boolean);
-}
-function u() {
-	return i().map((e) => ({
-		family: e.family,
-		label: e.label,
-		description: e.description,
-		canonicalCount: e.canonical.length,
-		memberCount: e.members.length,
-		transitionalCount: e.transitional?.length ?? 0,
-		advancedCount: e.advanced?.length ?? 0
-	}));
-}
-function d() {
-	return {
-		families: i().length,
-		canonical: r().length,
-		transitional: a().length,
-		advanced: n().length
-	};
-}
-//#endregion
-export { u as getFamilyNavigation, c as getFamilyView, d as getMetadataSummary, l as listFamilyViews };

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ActionMenu, CopyButton, QuickActionGrid } from "tembro"
-
-export function Example() {
-  return <QuickActionGrid items={[]} />
-}`,highlights:[`Quick action grids`,`Copy controls`,`Context menus`,`Dense admin actions`],scenarios:[{title:`Header shortcuts`,description:`Place high-priority actions near page-level metrics and summaries.`},{title:`Row-level actions`,description:`Expose copy, archive and duplicate flows without leaving the table.`},{title:`Launch panels`,description:`Use action grids to surface related product modules quickly.`}],metrics:[{label:`Exports`,value:`3`},{label:`Actions`,value:`12+`},{label:`Status`,value:`Stable`}]};exports.actionsFamilyMock=e;

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

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

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

@@ -1,40 +0,0 @@
-//#region src/showcase/families/actions/mock.ts
-var e = {
-	code: "import { ActionMenu, CopyButton, QuickActionGrid } from \"tembro\"\n\nexport function Example() {\n  return <QuickActionGrid items={[]} />\n}",
-	highlights: [
-		"Quick action grids",
-		"Copy controls",
-		"Context menus",
-		"Dense admin actions"
-	],
-	scenarios: [
-		{
-			title: "Header shortcuts",
-			description: "Place high-priority actions near page-level metrics and summaries."
-		},
-		{
-			title: "Row-level actions",
-			description: "Expose copy, archive and duplicate flows without leaving the table."
-		},
-		{
-			title: "Launch panels",
-			description: "Use action grids to surface related product modules quickly."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "3"
-		},
-		{
-			label: "Actions",
-			value: "12+"
-		},
-		{
-			label: "Status",
-			value: "Stable"
-		}
-	]
-};
-//#endregion
-export { e as actionsFamilyMock };

package/dist/showcase/families/actions/showcase.cjs

@@ -1 +0,0 @@
-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");let r=require("react/jsx-runtime");function i({state:i,setState:a}){let o=[`Create invoice`,`Duplicate template`,`Copy code`,`Assign owner`,`Export CSV`,`Open route`].filter(e=>e.toLowerCase().includes(i.search.toLowerCase()));return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-4 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4 md:flex-row md:items-center md:justify-between`,children:[(0,r.jsx)(t.Input,{value:i.search,onChange:e=>a({search:e.target.value}),placeholder:`Search actions...`,className:`w-full md:max-w-xs`}),(0,r.jsxs)(`div`,{className:`flex gap-3`,children:[(0,r.jsx)(e.Button,{variant:`outline`,children:`Copy all`}),(0,r.jsx)(e.Button,{children:`New action`})]})]}),(0,r.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:o.map((e,t)=>(0,r.jsxs)(`button`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4 text-left transition hover:bg-[color:var(--aui-surface-muted)]`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,r.jsx)(`p`,{className:`aui-text-strong font-medium`,children:e}),(0,r.jsx)(n.Badge,{variant:t%2==0?`secondary`:`outline`,children:t%2==0?`Ready`:`Quick`})]}),(0,r.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm leading-6`,children:`Reference action surface with direct click behavior and clear context placement.`})]},e))})]})}exports.ActionsFamilyShowcase=i;

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

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

package/dist/showcase/families/actions/showcase.js

@@ -1,53 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Input as t } from "../../../components/ui/input/index.js";
-import { Badge as n } from "../../../components/ui/badge/index.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/families/actions/showcase.tsx
-function a({ state: a, setState: o }) {
-	let s = [
-		"Create invoice",
-		"Duplicate template",
-		"Copy code",
-		"Assign owner",
-		"Export CSV",
-		"Open route"
-	].filter((e) => e.toLowerCase().includes(a.search.toLowerCase()));
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex flex-col gap-4 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4 md:flex-row md:items-center md:justify-between",
-			children: [/* @__PURE__ */ r(t, {
-				value: a.search,
-				onChange: (e) => o({ search: e.target.value }),
-				placeholder: "Search actions...",
-				className: "w-full md:max-w-xs"
-			}), /* @__PURE__ */ i("div", {
-				className: "flex gap-3",
-				children: [/* @__PURE__ */ r(e, {
-					variant: "outline",
-					children: "Copy all"
-				}), /* @__PURE__ */ r(e, { children: "New action" })]
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "grid gap-4 md:grid-cols-3",
-			children: s.map((e, t) => /* @__PURE__ */ i("button", {
-				className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4 text-left transition hover:bg-[color:var(--aui-surface-muted)]",
-				children: [/* @__PURE__ */ i("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ r("p", {
-						className: "aui-text-strong font-medium",
-						children: e
-					}), /* @__PURE__ */ r(n, {
-						variant: t % 2 == 0 ? "secondary" : "outline",
-						children: t % 2 == 0 ? "Ready" : "Quick"
-					})]
-				}), /* @__PURE__ */ r("p", {
-					className: "aui-text-muted mt-2 text-sm leading-6",
-					children: "Reference action surface with direct click behavior and clear context placement."
-				})]
-			}, e))
-		})]
-	});
-}
-//#endregion
-export { a as ActionsFamilyShowcase };

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Calendar, DatePicker, DateRangePicker } from "tembro"
-
-export function Example() {
-  return <DatePicker />
-}`,highlights:[`Date picker`,`Range picker`,`Scheduling flows`,`Reporting windows`],scenarios:[{title:`Campaign windows`,description:`Select precise dates for launches and promotions.`},{title:`Report filters`,description:`Use ranges in dashboards and exported summaries.`},{title:`Booking flows`,description:`Pick availability with clear temporal constraints.`}],metrics:[{label:`Exports`,value:`4`},{label:`Selection modes`,value:`Single + range`},{label:`Status`,value:`Stable`}]};exports.calendarFamilyMock=e;

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

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

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

@@ -1,40 +0,0 @@
-//#region src/showcase/families/calendar/mock.ts
-var e = {
-	code: "import { Calendar, DatePicker, DateRangePicker } from \"tembro\"\n\nexport function Example() {\n  return <DatePicker />\n}",
-	highlights: [
-		"Date picker",
-		"Range picker",
-		"Scheduling flows",
-		"Reporting windows"
-	],
-	scenarios: [
-		{
-			title: "Campaign windows",
-			description: "Select precise dates for launches and promotions."
-		},
-		{
-			title: "Report filters",
-			description: "Use ranges in dashboards and exported summaries."
-		},
-		{
-			title: "Booking flows",
-			description: "Pick availability with clear temporal constraints."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "4"
-		},
-		{
-			label: "Selection modes",
-			value: "Single + range"
-		},
-		{
-			label: "Status",
-			value: "Stable"
-		}
-	]
-};
-//#endregion
-export { e as calendarFamilyMock };

package/dist/showcase/families/calendar/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/ui/badge/index.cjs");let n=require("react/jsx-runtime");function r({state:r,setState:i}){return(0,n.jsxs)(`div`,{className:`space-y-4`,children:[(0,n.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,n.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,n.jsx)(`p`,{className:`aui-text-strong font-medium`,children:`Selected reporting window`}),(0,n.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm`,children:`June 1 - June 18, 2026`}),(0,n.jsxs)(`div`,{className:`mt-4 flex gap-2`,children:[(0,n.jsx)(t.Badge,{variant:`secondary`,children:`Range`}),(0,n.jsx)(t.Badge,{variant:`outline`,children:`Calendar`})]})]}),(0,n.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,n.jsx)(`p`,{className:`aui-text-strong font-medium`,children:`Booking slot`}),(0,n.jsx)(`p`,{className:`aui-text-muted mt-2 text-sm`,children:`Step-linked selection state: ${r.step}`}),(0,n.jsx)(e.Button,{className:`mt-4`,onClick:()=>i({step:r.step===4?1:r.step+1}),children:`Advance date step`})]})]}),(0,n.jsx)(`div`,{className:`aui-text-subtle grid grid-cols-7 gap-2 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4 text-center text-sm`,children:Array.from({length:28}).map((e,t)=>(0,n.jsx)(`div`,{className:`rounded-xl px-2 py-3 ${t===11||t===12||t===13?`aui-surface-strong`:`bg-[color:var(--aui-page-bg-alt)]`}`,children:t+1},t))})]})}exports.CalendarFamilyShowcase=r;

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

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

package/dist/showcase/families/calendar/showcase.js

@@ -1,60 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/families/calendar/showcase.tsx
-function i({ state: i, setState: a }) {
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ r("div", {
-			className: "grid gap-4 md:grid-cols-2",
-			children: [/* @__PURE__ */ r("div", {
-				className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4",
-				children: [
-					/* @__PURE__ */ n("p", {
-						className: "aui-text-strong font-medium",
-						children: "Selected reporting window"
-					}),
-					/* @__PURE__ */ n("p", {
-						className: "aui-text-muted mt-2 text-sm",
-						children: "June 1 - June 18, 2026"
-					}),
-					/* @__PURE__ */ r("div", {
-						className: "mt-4 flex gap-2",
-						children: [/* @__PURE__ */ n(t, {
-							variant: "secondary",
-							children: "Range"
-						}), /* @__PURE__ */ n(t, {
-							variant: "outline",
-							children: "Calendar"
-						})]
-					})
-				]
-			}), /* @__PURE__ */ r("div", {
-				className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4",
-				children: [
-					/* @__PURE__ */ n("p", {
-						className: "aui-text-strong font-medium",
-						children: "Booking slot"
-					}),
-					/* @__PURE__ */ n("p", {
-						className: "aui-text-muted mt-2 text-sm",
-						children: `Step-linked selection state: ${i.step}`
-					}),
-					/* @__PURE__ */ n(e, {
-						className: "mt-4",
-						onClick: () => a({ step: i.step === 4 ? 1 : i.step + 1 }),
-						children: "Advance date step"
-					})
-				]
-			})]
-		}), /* @__PURE__ */ n("div", {
-			className: "aui-text-subtle grid grid-cols-7 gap-2 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4 text-center text-sm",
-			children: Array.from({ length: 28 }).map((e, t) => /* @__PURE__ */ n("div", {
-				className: `rounded-xl px-2 py-3 ${t === 11 || t === 12 || t === 13 ? "aui-surface-strong" : "bg-[color:var(--aui-page-bg-alt)]"}`,
-				children: t + 1
-			}, t))
-		})]
-	});
-}
-//#endregion
-export { i as CalendarFamilyShowcase };

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CommandPalette } from "tembro"
-
-export function Example() {
-  return <CommandPalette />
-}`,highlights:[`Keyboard navigation`,`Quick search`,`Shortcut-driven discovery`,`Global command access`],scenarios:[{title:`Jump anywhere`,description:`Navigate docs, blocks and playgrounds from one entry point.`},{title:`Find components`,description:`Search by name, family or scenario quickly.`},{title:`Open actions`,description:`Expose hidden product operations to power users.`}],metrics:[{label:`Exports`,value:`1`},{label:`Shortcuts`,value:`⌘K`},{label:`Status`,value:`Preview`}]};exports.commandFamilyMock=e;

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

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

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

@@ -1,40 +0,0 @@
-//#region src/showcase/families/command/mock.ts
-var e = {
-	code: "import { CommandPalette } from \"tembro\"\n\nexport function Example() {\n  return <CommandPalette />\n}",
-	highlights: [
-		"Keyboard navigation",
-		"Quick search",
-		"Shortcut-driven discovery",
-		"Global command access"
-	],
-	scenarios: [
-		{
-			title: "Jump anywhere",
-			description: "Navigate docs, blocks and playgrounds from one entry point."
-		},
-		{
-			title: "Find components",
-			description: "Search by name, family or scenario quickly."
-		},
-		{
-			title: "Open actions",
-			description: "Expose hidden product operations to power users."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "1"
-		},
-		{
-			label: "Shortcuts",
-			value: "⌘K"
-		},
-		{
-			label: "Status",
-			value: "Preview"
-		}
-	]
-};
-//#endregion
-export { e as commandFamilyMock };

package/dist/showcase/families/command/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/input/index.cjs"),t=require("../../../components/ui/badge/index.cjs");let n=require("react/jsx-runtime");var r=[`Open Button docs`,`Open Data table route`,`Create template`,`Copy install command`,`Search blocks`];function i({state:i,setState:a}){let o=r.filter(e=>e.toLowerCase().includes(i.search.toLowerCase()));return(0,n.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,n.jsxs)(`div`,{className:`flex items-center gap-3 rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3`,children:[(0,n.jsx)(e.Input,{value:i.search,onChange:e=>a({search:e.target.value}),placeholder:`Type a command...`,className:`border-0 px-0 shadow-none ring-0 focus-visible:ring-0`}),(0,n.jsx)(t.Badge,{variant:`outline`,children:`⌘K`})]}),(0,n.jsx)(`div`,{className:`mt-4 space-y-3`,children:o.map(e=>(0,n.jsxs)(`div`,{className:`flex items-center justify-between rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm aui-text-strong`,children:[(0,n.jsx)(`span`,{children:e}),(0,n.jsx)(t.Badge,{variant:`secondary`,children:`Command`})]},e))})]})}exports.CommandFamilyShowcase=i;

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

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