tembro 3.1.1 → 3.1.6

package/dist/src/showcase/premium/data-table-parts/showcase.js

@@ -1,256 +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 { createDataTableActionsColumn as r } from "../../../components/data-table/data-table-actions-column.js";
-import { DataTableBulkActions as i } from "../../../components/data-table/data-table-bulk-actions.js";
-import { DataTableColumnVisibilityMenu as a } from "../../../components/data-table/data-table-column-visibility-menu.js";
-import { DataTable as o } from "../../../components/data-table/data-table.js";
-import { DataTableSortableHeader as s } from "../../../components/data-table/data-table-sortable-header.js";
-import { DataTableViewPresets as c } from "../../../components/data-table/data-table-view-presets.js";
-import { DataTableSavedFilters as l } from "../../../components/data-table/data-table-saved-filters.js";
-import { createDataTableSelectColumn as u } from "../../../components/data-table/data-table-select-column.js";
-import { buildDataTableDemoRows as d, dataTableDemoPresets as f } from "./data.js";
-import * as p from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region src/showcase/premium/data-table-parts/showcase.tsx
-var g = d(6);
-function _(e) {
-	return [
-		u(),
-		{
-			accessorKey: "invoice",
-			header: ({ column: e }) => /* @__PURE__ */ m(s, {
-				column: e,
-				children: "Invoice"
-			})
-		},
-		{
-			accessorKey: "customer",
-			header: ({ column: e }) => /* @__PURE__ */ m(s, {
-				column: e,
-				children: "Customer"
-			})
-		},
-		{
-			accessorKey: "status",
-			header: "Status",
-			cell: ({ row: e }) => /* @__PURE__ */ m(n, {
-				variant: e.original.status === "Paid" ? "secondary" : e.original.status === "Review" ? "outline" : "destructive",
-				children: e.original.status
-			})
-		},
-		{
-			accessorKey: "amount",
-			header: ({ column: e }) => /* @__PURE__ */ m(s, {
-				column: e,
-				children: "Amount"
-			})
-		},
-		r({ getActions: (t, n) => [{
-			key: "open",
-			label: "Open detail",
-			onSelect: () => e(`${n.invoice} opened from row action`)
-		}, {
-			key: "archive",
-			label: "Archive",
-			destructive: !0,
-			onSelect: () => e(`${n.invoice} sent to archive`)
-		}] })
-	];
-}
-function v({ slug: r }) {
-	let [s, u] = p.useState(""), [d, v] = p.useState("all"), [y, b] = p.useState({}), [x, S] = p.useState({}), [C, w] = p.useState("Ready"), [T, E] = p.useState(0), D = p.useMemo(() => {
-		let e = s.trim().toLowerCase(), t = g;
-		return d === "finance" && (t = t.filter((e) => e.status === "Paid" || e.status === "Review")), d === "at-risk" && (t = t.filter((e) => e.status === "Draft" || e.status === "Overdue")), e ? t.filter((t) => [
-			t.invoice,
-			t.customer,
-			t.owner,
-			t.channel,
-			t.amount
-		].join(" ").toLowerCase().includes(e)) : t;
-	}, [s, d]), O = p.useMemo(() => D.filter((e, t) => y[t]), [D, y]), k = p.useMemo(() => _(w), []), A = {
-		"data-table-pagination": "Pagination route",
-		"data-table-toolbar": "Toolbar route",
-		"data-table-row-actions": "Row actions route",
-		"data-table-actions-column": "Actions column route",
-		"data-table-select-column": "Select column route",
-		"data-table-saved-filters": "Saved filters route"
-	};
-	return /* @__PURE__ */ h("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ m(n, {
-								variant: "outline",
-								children: A[r]
-							}),
-							/* @__PURE__ */ h(n, {
-								variant: "outline",
-								children: [D.length, " rows"]
-							}),
-							/* @__PURE__ */ h(n, {
-								variant: "outline",
-								children: [O.length, " selected"]
-							})
-						]
-					}),
-					/* @__PURE__ */ m("p", {
-						className: "mt-3 text-sm font-medium aui-text-strong",
-						children: A[r]
-					}),
-					/* @__PURE__ */ m("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: {
-							"data-table-pagination": "Pagination should be readable in isolation, but still feel like part of a production table shell.",
-							"data-table-toolbar": "Toolbar route should prove search, visibility and action layout without needing the whole docs page around it.",
-							"data-table-row-actions": "Row action interactions should stay isolated from row click and selection behavior.",
-							"data-table-actions-column": "Actions column should show how the helper sits inside a real DataTable definition.",
-							"data-table-select-column": "Select column route should prove bulk selection and row state separation.",
-							"data-table-saved-filters": "Saved filters should restore named views and stay aligned with other table controls."
-						}[r]
-					})
-				]
-			}),
-			r === "data-table-saved-filters" ? /* @__PURE__ */ m("div", {
-				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-				children: /* @__PURE__ */ m(l, {
-					savedFilters: [
-						{
-							id: "all",
-							name: "All invoices",
-							filters: {}
-						},
-						{
-							id: "finance",
-							name: "Finance review",
-							filters: {}
-						},
-						{
-							id: "risk",
-							name: "At risk",
-							filters: {}
-						}
-					],
-					activeFilterId: d === "all" ? "all" : d === "finance" ? "finance" : "risk",
-					onSelectFilter: (e) => v(e === "finance" ? "finance" : e === "risk" ? "at-risk" : "all"),
-					onSaveFilter: (e) => w(`Saved filter created: ${e}`),
-					onDeleteFilter: (e) => w(`Saved filter deleted: ${e}`),
-					onClearFilters: () => v("all")
-				})
-			}) : null,
-			r === "data-table-toolbar" ? /* @__PURE__ */ m("div", {
-				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4",
-				children: /* @__PURE__ */ h("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ m(c, {
-						value: d,
-						onValueChange: (e) => v(e ?? "all"),
-						presets: f,
-						size: "sm"
-					}), /* @__PURE__ */ m("div", {
-						className: "w-full max-w-[320px]",
-						children: /* @__PURE__ */ m(t, {
-							type: "search",
-							value: s,
-							onValueChange: u,
-							placeholder: "Search invoice, customer..."
-						})
-					})]
-				})
-			}) : null,
-			/* @__PURE__ */ m(o, {
-				columns: k,
-				data: D,
-				getRowId: (e) => e.invoice,
-				rowSelection: y,
-				onRowSelectionChange: b,
-				columnVisibility: x,
-				onColumnVisibilityChange: S,
-				enableRowSelection: !0,
-				striped: !0,
-				bordered: !0,
-				stickyHeader: !0,
-				toolbarProps: (n) => ({
-					title: "Invoices",
-					description: "Premium subroute preview for reusable DataTable parts.",
-					search: /* @__PURE__ */ m(t, {
-						type: "search",
-						value: s,
-						onValueChange: u,
-						placeholder: "Search rows..."
-					}),
-					actions: /* @__PURE__ */ h("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ m(a, { table: n }), /* @__PURE__ */ m(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => w("Toolbar export prepared"),
-							children: "Export"
-						})]
-					}),
-					selectionActions: /* @__PURE__ */ m(i, {
-						rows: n.getSelectedRowModel().rows.map((e) => e.original),
-						actions: [{
-							key: "export",
-							label: "Export selected",
-							onSelect: (e) => w(`${e.length} rows exported`)
-						}],
-						onClearSelection: () => b({})
-					})
-				}),
-				pagination: {
-					manual: !0,
-					pageIndex: T,
-					pageSize: 5,
-					rowCount: D.length,
-					pageCount: Math.max(Math.ceil(D.length / 5), 1),
-					pageSizeOptions: [5, 10],
-					onPageChange: E,
-					onPageSizeChange: () => void 0
-				}
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "grid gap-3 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ h("div", {
-						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-						children: [/* @__PURE__ */ m("p", {
-							className: "font-medium aui-text-strong",
-							children: "Focused feature"
-						}), /* @__PURE__ */ m("p", {
-							className: "mt-2 aui-text-muted",
-							children: A[r]
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-						children: [/* @__PURE__ */ m("p", {
-							className: "font-medium aui-text-strong",
-							children: "Interaction proof"
-						}), /* @__PURE__ */ m("p", {
-							className: "mt-2 aui-text-muted",
-							children: C
-						})]
-					}),
-					/* @__PURE__ */ h("div", {
-						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-						children: [/* @__PURE__ */ m("p", {
-							className: "font-medium aui-text-strong",
-							children: "Selection"
-						}), /* @__PURE__ */ h("p", {
-							className: "mt-2 aui-text-muted",
-							children: [O.length, " active rows"]
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { v as DataTablePartShowcase };

package/dist/src/showcase/premium/date-input/index.cjs

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

package/dist/src/showcase/premium/date-input/index.js

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

package/dist/src/showcase/premium/date-input/mock.cjs

@@ -1,17 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { Input } from "tembro"
-
-export function Example() {
-  const [value, setValue] = useState("2026-06-19")
-
-  return (
-    <Input
-      kind="date"
-      value={value}
-      onValueChange={setValue}
-      min="2026-06-01"
-      max="2026-12-31"
-      placeholder="YYYY-MM-DD"
-    />
-  )
-}`,htmlCode:`<label for="date">Date</label><input id="date" type="text" value="2026-06-19" placeholder="YYYY-MM-DD" />`,cliCommand:`npx tembro add input`,highlights:[`ISO-like string format assumptions`,`min/max constraints`,`Controlled editing`,`Clear disabled behavior`],relatedBlockSlugs:[`dashboard-starter`,`crm-dashboard`,`settings-form`],scenarios:[{title:`Birth date`,description:`Enforce a valid date window with min/max.`},{title:`Report filter`,description:`Use as single date boundary for dashboards.`},{title:`Default timezone`,description:`Keep string values and normalize at API boundary.`},{title:`Locked fields`,description:`Disable editing during restricted status windows.`}],capabilityNotes:[`Store normalized date string outside the component for stable API integration.`,`Show explicit range with helper text when min/max are enforced.`,`Validate parsed date and format on submit as an app-level safety layer.`,`Align placeholder format with your backend contract (ISO/locale).`]};exports.dateInputMock=e;

package/dist/src/showcase/premium/date-input/mock.js

@@ -1,43 +0,0 @@
-//#region src/showcase/premium/date-input/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { Input } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"2026-06-19\")\n\n  return (\n    <Input\n      kind=\"date\"\n      value={value}\n      onValueChange={setValue}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      placeholder=\"YYYY-MM-DD\"\n    />\n  )\n}",
-	htmlCode: "<label for=\"date\">Date</label><input id=\"date\" type=\"text\" value=\"2026-06-19\" placeholder=\"YYYY-MM-DD\" />",
-	cliCommand: "npx tembro add input",
-	highlights: [
-		"ISO-like string format assumptions",
-		"min/max constraints",
-		"Controlled editing",
-		"Clear disabled behavior"
-	],
-	relatedBlockSlugs: [
-		"dashboard-starter",
-		"crm-dashboard",
-		"settings-form"
-	],
-	scenarios: [
-		{
-			title: "Birth date",
-			description: "Enforce a valid date window with min/max."
-		},
-		{
-			title: "Report filter",
-			description: "Use as single date boundary for dashboards."
-		},
-		{
-			title: "Default timezone",
-			description: "Keep string values and normalize at API boundary."
-		},
-		{
-			title: "Locked fields",
-			description: "Disable editing during restricted status windows."
-		}
-	],
-	capabilityNotes: [
-		"Store normalized date string outside the component for stable API integration.",
-		"Show explicit range with helper text when min/max are enforced.",
-		"Validate parsed date and format on submit as an app-level safety layer.",
-		"Align placeholder format with your backend contract (ISO/locale)."
-	]
-};
-//#endregion
-export { e as dateInputMock };

package/dist/src/showcase/premium/date-input/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/input/index.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({mode:r}){let[i,a]=(0,t.useState)(`2026-06-19`);return(0,n.jsxs)(`div`,{className:`space-y-4`,children:[(0,n.jsx)(e.Input,{kind:`date`,value:i,onValueChange:e=>a(e),min:`2026-06-01`,max:`2026-12-31`}),(0,n.jsxs)(`p`,{className:`aui-text-subtle text-sm`,children:[`Value: `,i||`—`]}),(0,n.jsxs)(`p`,{className:`aui-text-muted text-sm`,children:[`Mode: `,r]})]})}exports.DateInputShowcase=r;

package/dist/src/showcase/premium/date-input/showcase.js

@@ -1,29 +0,0 @@
-import { Input as e } from "../../../components/ui/input/index.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/date-input/showcase.tsx
-function i({ mode: i }) {
-	let [a, o] = t("2026-06-19");
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ n(e, {
-				kind: "date",
-				value: a,
-				onValueChange: (e) => o(e),
-				min: "2026-06-01",
-				max: "2026-12-31"
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "aui-text-subtle text-sm",
-				children: ["Value: ", a || "—"]
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "aui-text-muted text-sm",
-				children: ["Mode: ", i]
-			})
-		]
-	});
-}
-//#endregion
-export { i as DateInputShowcase };

package/dist/src/showcase/premium/date-range-input/index.cjs

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

package/dist/src/showcase/premium/date-range-input/index.js

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

package/dist/src/showcase/premium/date-range-input/mock.cjs

@@ -1,17 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { Input } from "tembro"
-
-export function Example() {
-  const [value, setValue] = useState({ from: "2026-06-01", to: "2026-06-30" })
-
-  return (
-    <Input
-      kind="date-range"
-      value={value}
-      onValueChange={(nextValue) => setValue({ from: nextValue.from ?? "", to: nextValue.to ?? "" })}
-      fromInputProps={{ min: "2026-06-01" }}
-      toInputProps={{ max: "2026-12-31" }}
-      required
-    />
-  )
-}`,htmlCode:`<label for="date-range">Date range</label><input id="date-range" type="text" value="2026-06-01 to 2026-06-30" />`,cliCommand:`npx tembro add input`,highlights:[`from/to object contract`,`range behavior`,`min/max boundaries`,`single source of truth formatting`],relatedBlockSlugs:[`dashboard-starter`,`crm-dashboard`,`users-table`],scenarios:[{title:`Billing period`,description:`Keep report windows with explicit start/end boundaries.`},{title:`Dashboard filters`,description:`Use range to fetch metrics for a period.`},{title:`Date lock`,description:`Enforce required bounds while user is in restricted flow.`},{title:`Export window`,description:`Share range object to backend for date-interval export.`}],capabilityNotes:[`Treat partial ranges as invalid until both ends are present.`,`Validate from <= to at app layer to avoid inverted ranges.`,`Normalize all range values to canonical storage format.`,`Show user hint text for format and required bounds.`]};exports.dateRangeInputMock=e;

package/dist/src/showcase/premium/date-range-input/mock.js

@@ -1,43 +0,0 @@
-//#region src/showcase/premium/date-range-input/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { Input } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState({ from: \"2026-06-01\", to: \"2026-06-30\" })\n\n  return (\n    <Input\n      kind=\"date-range\"\n      value={value}\n      onValueChange={(nextValue) => setValue({ from: nextValue.from ?? \"\", to: nextValue.to ?? \"\" })}\n      fromInputProps={{ min: \"2026-06-01\" }}\n      toInputProps={{ max: \"2026-12-31\" }}\n      required\n    />\n  )\n}",
-	htmlCode: "<label for=\"date-range\">Date range</label><input id=\"date-range\" type=\"text\" value=\"2026-06-01 to 2026-06-30\" />",
-	cliCommand: "npx tembro add input",
-	highlights: [
-		"from/to object contract",
-		"range behavior",
-		"min/max boundaries",
-		"single source of truth formatting"
-	],
-	relatedBlockSlugs: [
-		"dashboard-starter",
-		"crm-dashboard",
-		"users-table"
-	],
-	scenarios: [
-		{
-			title: "Billing period",
-			description: "Keep report windows with explicit start/end boundaries."
-		},
-		{
-			title: "Dashboard filters",
-			description: "Use range to fetch metrics for a period."
-		},
-		{
-			title: "Date lock",
-			description: "Enforce required bounds while user is in restricted flow."
-		},
-		{
-			title: "Export window",
-			description: "Share range object to backend for date-interval export."
-		}
-	],
-	capabilityNotes: [
-		"Treat partial ranges as invalid until both ends are present.",
-		"Validate from <= to at app layer to avoid inverted ranges.",
-		"Normalize all range values to canonical storage format.",
-		"Show user hint text for format and required bounds."
-	]
-};
-//#endregion
-export { e as dateRangeInputMock };

package/dist/src/showcase/premium/date-range-input/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/input/index.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({mode:r}){let[i,a]=(0,t.useState)({from:`2026-06-01`,to:`2026-06-30`});return(0,n.jsxs)(`div`,{className:`space-y-4`,children:[(0,n.jsx)(e.Input,{kind:`date-range`,value:i,onValueChange:e=>a({from:e.from??``,to:e.to??``}),fromInputProps:{min:`2026-06-01`},toInputProps:{max:`2026-12-31`}}),(0,n.jsxs)(`p`,{className:`aui-text-subtle text-sm`,children:[`Range: `,i.from,` → `,i.to]}),(0,n.jsxs)(`p`,{className:`aui-text-muted text-sm`,children:[`Mode: `,r]})]})}exports.DateRangeInputShowcase=r;

package/dist/src/showcase/premium/date-range-input/showcase.js

@@ -1,40 +0,0 @@
-import { Input as e } from "../../../components/ui/input/index.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/date-range-input/showcase.tsx
-function i({ mode: i }) {
-	let [a, o] = t({
-		from: "2026-06-01",
-		to: "2026-06-30"
-	});
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ n(e, {
-				kind: "date-range",
-				value: a,
-				onValueChange: (e) => o({
-					from: e.from ?? "",
-					to: e.to ?? ""
-				}),
-				fromInputProps: { min: "2026-06-01" },
-				toInputProps: { max: "2026-12-31" }
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "aui-text-subtle text-sm",
-				children: [
-					"Range: ",
-					a.from,
-					" → ",
-					a.to
-				]
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "aui-text-muted text-sm",
-				children: ["Mode: ", i]
-			})
-		]
-	});
-}
-//#endregion
-export { i as DateRangeInputShowcase };

package/dist/src/showcase/premium/descriptions/index.js

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

package/dist/src/showcase/premium/descriptions/mock.cjs

@@ -1,16 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Descriptions } from "tembro"
-
-export function Example() {
-  return (
-    <Descriptions
-      title="Project profile"
-      extra={<span className="text-sm text-muted-foreground">Draft</span>}
-      items={[
-        { key: "owner", label: "Owner", value: "Azamat UI Team" },
-        { key: "status", label: "Status", value: "In review" },
-        { key: "release", label: "Release", value: "v0.3.27", span: 2 },
-        { key: "stack", label: "Tech", value: "React + Tailwind" },
-      ]}
-    />
-  )
-}`,cliCommand:`npx tembro add descriptions`,highlights:[`Title and metadata layout in a compact two-axis grid`,`Bordered style with configurable columns`,`Simple API for label and value metadata`],scenarios:[{title:`Overview`,description:`Use for project metadata and entity summary blocks.`},{title:`Admin views`,description:`Keep important fields readable in dense dashboard tables.`}]};exports.descriptionsMock=e;

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

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/descriptions/mock.ts
-var e = {
-	code: "import { Descriptions } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Descriptions\n      title=\"Project profile\"\n      extra={<span className=\"text-sm text-muted-foreground\">Draft</span>}\n      items={[\n        { key: \"owner\", label: \"Owner\", value: \"Azamat UI Team\" },\n        { key: \"status\", label: \"Status\", value: \"In review\" },\n        { key: \"release\", label: \"Release\", value: \"v0.3.27\", span: 2 },\n        { key: \"stack\", label: \"Tech\", value: \"React + Tailwind\" },\n      ]}\n    />\n  )\n}",
-	cliCommand: "npx tembro add descriptions",
-	highlights: [
-		"Title and metadata layout in a compact two-axis grid",
-		"Bordered style with configurable columns",
-		"Simple API for label and value metadata"
-	],
-	scenarios: [{
-		title: "Overview",
-		description: "Use for project metadata and entity summary blocks."
-	}, {
-		title: "Admin views",
-		description: "Keep important fields readable in dense dashboard tables."
-	}]
-};
-//#endregion
-export { e as descriptionsMock };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/display/descriptions.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState(3),[o,s]=r.useState(!0);return(0,i.jsxs)(`div`,{className:`space-y-5`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Button,{size:`sm`,variant:e===1?`default`:`outline`,onClick:()=>a(1),children:`1 col`}),(0,i.jsx)(t.Button,{size:`sm`,variant:e===2?`default`:`outline`,onClick:()=>a(2),children:`2 col`}),(0,i.jsx)(t.Button,{size:`sm`,variant:e===3?`default`:`outline`,onClick:()=>a(3),children:`3 col`}),(0,i.jsx)(t.Button,{size:`sm`,variant:e===4?`default`:`outline`,onClick:()=>a(4),children:`4 col`}),(0,i.jsx)(t.Button,{size:`sm`,variant:o?`default`:`outline`,onClick:()=>s(e=>!e),children:o?`Bordered`:`Unbordered`})]}),(0,i.jsx)(n.Descriptions,{title:`Project profile`,extra:(0,i.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Draft`}),bordered:o,columns:e,items:[{key:`owner`,label:`Owner`,value:`Azamat UI Team`},{key:`status`,label:`Status`,value:`In review`},{key:`release`,label:`Release`,value:`v0.3.27`,span:2},{key:`stack`,label:`Tech`,value:`React + Tailwind`},{key:`source`,label:`Source`,value:`Package-first components`,span:4}]})]})}exports.DescriptionsShowcase=a;

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

@@ -1,85 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Descriptions as t } from "../../../components/display/descriptions.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/descriptions/showcase.tsx
-function a() {
-	let [a, o] = n.useState(3), [s, c] = n.useState(!0);
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-5",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex flex-wrap gap-2",
-			children: [
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a === 1 ? "default" : "outline",
-					onClick: () => o(1),
-					children: "1 col"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a === 2 ? "default" : "outline",
-					onClick: () => o(2),
-					children: "2 col"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a === 3 ? "default" : "outline",
-					onClick: () => o(3),
-					children: "3 col"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a === 4 ? "default" : "outline",
-					onClick: () => o(4),
-					children: "4 col"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: s ? "default" : "outline",
-					onClick: () => c((e) => !e),
-					children: s ? "Bordered" : "Unbordered"
-				})
-			]
-		}), /* @__PURE__ */ r(t, {
-			title: "Project profile",
-			extra: /* @__PURE__ */ r("span", {
-				className: "text-sm text-muted-foreground",
-				children: "Draft"
-			}),
-			bordered: s,
-			columns: a,
-			items: [
-				{
-					key: "owner",
-					label: "Owner",
-					value: "Azamat UI Team"
-				},
-				{
-					key: "status",
-					label: "Status",
-					value: "In review"
-				},
-				{
-					key: "release",
-					label: "Release",
-					value: "v0.3.27",
-					span: 2
-				},
-				{
-					key: "stack",
-					label: "Tech",
-					value: "React + Tailwind"
-				},
-				{
-					key: "source",
-					label: "Source",
-					value: "Package-first components",
-					span: 4
-				}
-			]
-		})]
-	});
-}
-//#endregion
-export { a as DescriptionsShowcase };

package/dist/src/showcase/premium/hover-card/index.cjs

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

package/dist/src/showcase/premium/hover-card/index.js

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

package/dist/src/showcase/premium/hover-card/mock.cjs

@@ -1,10 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Avatar, HoverCard } from "tembro"
-
-export function Example() {
-  return (
-    <HoverCard
-      trigger={<Avatar fallback="AJ" />}
-      content={<div className="space-y-1"><p className="font-medium">Azamat</p><p className="text-sm text-muted-foreground">Design system owner</p></div>}
-    />
-  )
-}`,htmlCode:`<div data-slot="hover-card"></div>`,cliCommand:`npx tembro add hover-card`,highlights:[`Entity preview`,`Hover + focus`,`Secondary context`,`Compact detail card`],relatedBlockSlugs:[`crm-dashboard`,`users-table`,`settings-form`],scenarios:[{title:`User preview`,description:`Reveal compact profile details without opening a full panel.`},{title:`Card summary`,description:`Useful for metrics and owners in dense dashboard layouts.`},{title:`Secondary context`,description:`Show supporting data only when the user intentionally pauses.`}],capabilityNotes:[`HoverCard is for richer secondary context than Tooltip.`,`Keep content compact; if users need actions, switch to Popover.`,`Always ensure trigger remains meaningful without the reveal card.`,`Support focus states so keyboard users can access the same content.`]};exports.hoverCardMock=e;