tembro 3.1.17 → 4.0.0

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

@@ -1,300 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Select as n } from "../../../components/ui/select/index.js";
-import { createDataTableActionsColumn as r } from "../../../components/data-table/data-table-actions-column.js";
-import { DataTableColumnVisibilityMenu as i } from "../../../components/data-table/data-table-column-visibility-menu.js";
-import { DataTable as a } from "../../../components/data-table/data-table.js";
-import { createDataTableSelectColumn as o } from "../../../components/data-table/data-table-select-column.js";
-import { DataTableSortableHeader as s } from "../../../components/data-table/data-table-sortable-header.js";
-import * as c from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/showcase/premium/data-table/showcase.tsx
-var f = [
-	{
-		invoice: "INV-4821",
-		customer: "Acme Studio",
-		owner: "Azamat",
-		amount: "$12,420",
-		status: "Paid",
-		updatedAt: "2m ago"
-	},
-	{
-		invoice: "INV-4822",
-		customer: "Northwind",
-		owner: "Madina",
-		amount: "$8,120",
-		status: "Review",
-		updatedAt: "10m ago"
-	},
-	{
-		invoice: "INV-4823",
-		customer: "Globex",
-		owner: "Jasur",
-		amount: "$4,880",
-		status: "Draft",
-		updatedAt: "22m ago"
-	},
-	{
-		invoice: "INV-4824",
-		customer: "Pixel Union",
-		owner: "Azamat",
-		amount: "$17,300",
-		status: "Paid",
-		updatedAt: "44m ago"
-	},
-	{
-		invoice: "INV-4825",
-		customer: "Meridian Labs",
-		owner: "Madina",
-		amount: "$2,180",
-		status: "Review",
-		updatedAt: "1h ago"
-	},
-	{
-		invoice: "INV-4826",
-		customer: "Orbit Cloud",
-		owner: "Jasur",
-		amount: "$9,040",
-		status: "Draft",
-		updatedAt: "3h ago"
-	}
-];
-function p() {
-	let [p, m] = c.useState(""), [h, g] = c.useState("all"), [_, v] = c.useState("all"), [y, b] = c.useState({}), x = f.filter((e) => {
-		let t = p.trim().toLowerCase(), n = !t || `${e.invoice} ${e.customer} ${e.owner} ${e.amount}`.toLowerCase().includes(t), r = h === "all" || e.status === h, i = _ === "all" || e.owner === _;
-		return n && r && i;
-	}), S = Object.values(y).filter(Boolean).length, C = c.useMemo(() => [
-		o(),
-		{
-			accessorKey: "invoice",
-			header: ({ column: e }) => /* @__PURE__ */ u(s, {
-				column: e,
-				children: "Invoice"
-			})
-		},
-		{
-			accessorKey: "customer",
-			header: ({ column: e }) => /* @__PURE__ */ u(s, {
-				column: e,
-				children: "Customer"
-			})
-		},
-		{
-			accessorKey: "status",
-			header: "Status",
-			cell: ({ row: e }) => /* @__PURE__ */ u(t, {
-				variant: e.original.status === "Paid" ? "secondary" : e.original.status === "Review" ? "outline" : "destructive",
-				children: e.original.status
-			})
-		},
-		{
-			accessorKey: "amount",
-			header: ({ column: e }) => /* @__PURE__ */ u(s, {
-				column: e,
-				children: "Amount"
-			})
-		},
-		{
-			accessorKey: "updatedAt",
-			header: "Updated"
-		},
-		r({ getActions: () => [{
-			key: "open",
-			label: "Open detail",
-			onSelect: () => void 0
-		}, {
-			key: "archive",
-			label: "Archive",
-			destructive: !0,
-			onSelect: () => void 0
-		}] })
-	], []);
-	return /* @__PURE__ */ d("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ d("div", {
-				className: "flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Operational table"
-				}), /* @__PURE__ */ u("h3", {
-					className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-					children: "Search, selection and actions in one table"
-				})] }), /* @__PURE__ */ d("div", {
-					className: "grid gap-3 sm:grid-cols-3",
-					children: [
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-							children: [/* @__PURE__ */ u("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-								children: "Rows"
-							}), /* @__PURE__ */ u("p", {
-								className: "mt-2 text-lg font-semibold aui-text-strong",
-								children: x.length
-							})]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-							children: [/* @__PURE__ */ u("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-								children: "Selected"
-							}), /* @__PURE__ */ u("p", {
-								className: "mt-2 text-lg font-semibold aui-text-strong",
-								children: S
-							})]
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-							children: [/* @__PURE__ */ u("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-								children: "State"
-							}), /* @__PURE__ */ u("p", {
-								className: "mt-2 text-lg font-semibold aui-text-strong",
-								children: p || h !== "all" || _ !== "all" ? "Filtered" : "Live"
-							})]
-						})
-					]
-				})]
-			}),
-			/* @__PURE__ */ u(a, {
-				columns: C,
-				data: x,
-				getRowId: (e) => e.invoice,
-				enableRowSelection: !0,
-				rowSelection: y,
-				title: "Invoices",
-				description: "Search, filter, visibility controls, bulk actions and row actions should stay inside one install-ready table surface.",
-				features: {
-					search: !0,
-					columnVisibility: !0,
-					bulkActions: !0
-				},
-				search: {
-					value: p,
-					onValueChange: m,
-					placeholder: "Search invoice, customer...",
-					clearable: !0
-				},
-				filters: /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(n, {
-					value: h,
-					onValueChange: (e) => g(e ?? "all"),
-					options: [
-						{
-							value: "all",
-							label: "All statuses"
-						},
-						{
-							value: "Paid",
-							label: "Paid"
-						},
-						{
-							value: "Review",
-							label: "Review"
-						},
-						{
-							value: "Draft",
-							label: "Draft"
-						}
-					],
-					triggerClassName: "min-w-40"
-				}), /* @__PURE__ */ u(n, {
-					value: _,
-					onValueChange: (e) => v(e ?? "all"),
-					options: [
-						{
-							value: "all",
-							label: "All owners"
-						},
-						{
-							value: "Azamat",
-							label: "Azamat"
-						},
-						{
-							value: "Madina",
-							label: "Madina"
-						},
-						{
-							value: "Jasur",
-							label: "Jasur"
-						}
-					],
-					triggerClassName: "min-w-36"
-				})] }),
-				summary: /* @__PURE__ */ d(l, { children: [
-					/* @__PURE__ */ d(t, {
-						variant: "outline",
-						children: [x.length, " rows"]
-					}),
-					/* @__PURE__ */ d(t, {
-						variant: "outline",
-						children: [S, " selected"]
-					}),
-					/* @__PURE__ */ u(t, {
-						variant: "outline",
-						children: p || h !== "all" || _ !== "all" ? "Filtered view" : "Live view"
-					})
-				] }),
-				toolbarActions: ({ table: t }) => /* @__PURE__ */ d("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ u(i, { table: t }), /* @__PURE__ */ u(e, {
-						size: "sm",
-						variant: "outline",
-						children: "Export"
-					})]
-				}),
-				bulkActions: [{
-					key: "export",
-					label: "Export selected",
-					onSelect: () => void 0
-				}, {
-					key: "archive",
-					label: "Archive selected",
-					destructive: !0,
-					onSelect: () => void 0
-				}],
-				onRowSelectionChange: (e) => {
-					b((t) => typeof e == "function" ? e(t) : e);
-				},
-				onRowClick: () => void 0,
-				renderMobileCard: (e) => /* @__PURE__ */ u("div", {
-					className: "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-					children: /* @__PURE__ */ d("div", {
-						className: "flex items-start justify-between gap-3",
-						children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
-							className: "text-base font-semibold aui-text-strong",
-							children: e.original.invoice
-						}), /* @__PURE__ */ u("p", {
-							className: "mt-1 text-sm aui-text-muted",
-							children: e.original.customer
-						})] }), /* @__PURE__ */ u(t, {
-							variant: "outline",
-							children: e.original.status
-						})]
-					})
-				}),
-				pagination: {
-					pageIndex: 0,
-					pageSize: 5,
-					rowCount: x.length,
-					pageCount: Math.max(Math.ceil(x.length / 5), 1),
-					pageSizeOptions: [5, 10],
-					onPageChange: () => void 0,
-					onPageSizeChange: () => void 0
-				}
-			}),
-			/* @__PURE__ */ d("div", {
-				className: "flex flex-wrap gap-3",
-				children: [/* @__PURE__ */ u(e, {
-					size: "sm",
-					children: "Export"
-				}), /* @__PURE__ */ u(e, {
-					size: "sm",
-					variant: "outline",
-					children: "Refresh"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { p as DataTableShowcase };

package/dist/src/showcase/premium/data-table/types.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});

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

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

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

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

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

@@ -1,16 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { DatePicker } from "tembro"
-
-export function Example() {
-  const [value, setValue] = useState("2026-06-19")
-
-  return (
-    <DatePicker
-      value={value}
-      onValueChange={setValue}
-      min="2026-06-01"
-      max="2026-12-31"
-      disabledDates={["2026-06-21"]}
-    />
-  )
-}`,htmlCode:`<label for="date-picker">Date</label><input id="date-picker" type="text" value="2026-06-19" />`,cliCommand:`npx tembro add date-picker`,highlights:[`Popover selection`,`Range guard rails`,`disabledDates support`,`Min and max windows`],relatedBlockSlugs:[`crm-dashboard`,`users-table`,`settings-form`],scenarios:[{title:`Booking date`,description:`Select a single day from constrained calendar options.`},{title:`Campaign date`,description:`Pick start date for campaign planning.`},{title:`Holiday exclusions`,description:`Block specific dates by disabledDates list.`},{title:`Read-only windows`,description:`Disable picker when record is locked.`}],capabilityNotes:[`Use a locale- and timezone-aware normalization layer in the app, not inside UI callback.`,`Keep disabledDates in the same format as your data source.`,`Persist as canonical string while rendering localized view.`,`Validate with server side checks for closed periods and blackout dates.`]};exports.datePickerMock=e;

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

@@ -1,43 +0,0 @@
-//#region src/showcase/premium/date-picker/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { DatePicker } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState(\"2026-06-19\")\n\n  return (\n    <DatePicker\n      value={value}\n      onValueChange={setValue}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      disabledDates={[\"2026-06-21\"]}\n    />\n  )\n}",
-	htmlCode: "<label for=\"date-picker\">Date</label><input id=\"date-picker\" type=\"text\" value=\"2026-06-19\" />",
-	cliCommand: "npx tembro add date-picker",
-	highlights: [
-		"Popover selection",
-		"Range guard rails",
-		"disabledDates support",
-		"Min and max windows"
-	],
-	relatedBlockSlugs: [
-		"crm-dashboard",
-		"users-table",
-		"settings-form"
-	],
-	scenarios: [
-		{
-			title: "Booking date",
-			description: "Select a single day from constrained calendar options."
-		},
-		{
-			title: "Campaign date",
-			description: "Pick start date for campaign planning."
-		},
-		{
-			title: "Holiday exclusions",
-			description: "Block specific dates by disabledDates list."
-		},
-		{
-			title: "Read-only windows",
-			description: "Disable picker when record is locked."
-		}
-	],
-	capabilityNotes: [
-		"Use a locale- and timezone-aware normalization layer in the app, not inside UI callback.",
-		"Keep disabledDates in the same format as your data source.",
-		"Persist as canonical string while rendering localized view.",
-		"Validate with server side checks for closed periods and blackout dates."
-	]
-};
-//#endregion
-export { e as datePickerMock };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/calendar/date-picker.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.DatePicker,{value:i,onValueChange:a,min:`2026-06-01`,max:`2026-12-31`,disabledDates:[`2026-06-21`]}),(0,n.jsxs)(`p`,{className:`aui-text-subtle text-sm`,children:[`Selected: `,i||`—`]}),(0,n.jsxs)(`p`,{className:`aui-text-muted text-sm`,children:[`Mode: `,r]})]})}exports.DatePickerShowcase=r;

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

@@ -1,29 +0,0 @@
-import { DatePicker as e } from "../../../components/calendar/date-picker.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/date-picker/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, {
-				value: a,
-				onValueChange: o,
-				min: "2026-06-01",
-				max: "2026-12-31",
-				disabledDates: ["2026-06-21"]
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "aui-text-subtle text-sm",
-				children: ["Selected: ", a || "—"]
-			}),
-			/* @__PURE__ */ r("p", {
-				className: "aui-text-muted text-sm",
-				children: ["Mode: ", i]
-			})
-		]
-	});
-}
-//#endregion
-export { i as DatePickerShowcase };

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

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

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

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

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

@@ -1,16 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { DateRangePicker } from "tembro"
-
-export function Example() {
-  const [value, setValue] = useState({ from: "2026-06-01", to: "2026-06-07" })
-
-  return (
-    <DateRangePicker
-      value={value}
-      onValueChange={(nextValue) => setValue({ from: nextValue.from ?? "", to: nextValue.to ?? "" })}
-      min="2026-06-01"
-      max="2026-12-31"
-      disabledDates={["2026-06-21", "2026-06-22"]}
-    />
-  )
-}`,htmlCode:`<label for="date-range-picker">Date range</label><input id="date-range-picker" type="text" value="2026-06-01 to 2026-06-07" />`,cliCommand:`npx tembro add date-range-picker`,highlights:[`Range popover behavior`,`disabledDates support`,`from/to object format`,`min/max constraints`],relatedBlockSlugs:[`crm-dashboard`,`users-table`,`pricing-section`],scenarios:[{title:`Reporting window`,description:`Select a period for period-based reports.`},{title:`Campaign sprint`,description:`Keep campaign launch and end dates linked as a single value.`},{title:`Blocked windows`,description:`Exclude blackout dates with disabledDates list.`},{title:`Read-only mode`,description:`Disable pickers for locked records and history editing.`}],capabilityNotes:["Validate that `from` is before `to` before submit.",`Use partial range guards and avoid fetching until both bounds are selected.`,`Normalize to server timezone to avoid midnight and boundary drift.`,`Store disabled periods in one source and share with all date controls.`]};exports.dateRangePickerMock=e;

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

@@ -1,43 +0,0 @@
-//#region src/showcase/premium/date-range-picker/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { DateRangePicker } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = useState({ from: \"2026-06-01\", to: \"2026-06-07\" })\n\n  return (\n    <DateRangePicker\n      value={value}\n      onValueChange={(nextValue) => setValue({ from: nextValue.from ?? \"\", to: nextValue.to ?? \"\" })}\n      min=\"2026-06-01\"\n      max=\"2026-12-31\"\n      disabledDates={[\"2026-06-21\", \"2026-06-22\"]}\n    />\n  )\n}",
-	htmlCode: "<label for=\"date-range-picker\">Date range</label><input id=\"date-range-picker\" type=\"text\" value=\"2026-06-01 to 2026-06-07\" />",
-	cliCommand: "npx tembro add date-range-picker",
-	highlights: [
-		"Range popover behavior",
-		"disabledDates support",
-		"from/to object format",
-		"min/max constraints"
-	],
-	relatedBlockSlugs: [
-		"crm-dashboard",
-		"users-table",
-		"pricing-section"
-	],
-	scenarios: [
-		{
-			title: "Reporting window",
-			description: "Select a period for period-based reports."
-		},
-		{
-			title: "Campaign sprint",
-			description: "Keep campaign launch and end dates linked as a single value."
-		},
-		{
-			title: "Blocked windows",
-			description: "Exclude blackout dates with disabledDates list."
-		},
-		{
-			title: "Read-only mode",
-			description: "Disable pickers for locked records and history editing."
-		}
-	],
-	capabilityNotes: [
-		"Validate that `from` is before `to` before submit.",
-		"Use partial range guards and avoid fetching until both bounds are selected.",
-		"Normalize to server timezone to avoid midnight and boundary drift.",
-		"Store disabled periods in one source and share with all date controls."
-	]
-};
-//#endregion
-export { e as dateRangePickerMock };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/calendar/date-range-picker.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-07`});return(0,n.jsxs)(`div`,{className:`space-y-4`,children:[(0,n.jsx)(e.DateRangePicker,{value:i,onValueChange:e=>a({from:e.from??``,to:e.to??``}),min:`2026-06-01`,max:`2026-12-31`,disabledDates:[`2026-06-21`,`2026-06-22`],closeOnPresetSelect:!0,presets:[{label:`This week`,value:{from:`2026-06-01`,to:`2026-06-07`}},{label:`Next 14 days`,value:{from:`2026-06-08`,to:`2026-06-20`}},{label:`Q3`,value:{from:`2026-07-01`,to:`2026-09-30`}}],labels:{placeholder:`Choose reporting range`,apply:`Apply range`,clear:`Clear`,start:`Start`,end:`End`}}),(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.DateRangePickerShowcase=r;

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

@@ -1,71 +0,0 @@
-import { DateRangePicker as e } from "../../../components/calendar/date-range-picker.js";
-import { useState as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/date-range-picker/showcase.tsx
-function i({ mode: i }) {
-	let [a, o] = t({
-		from: "2026-06-01",
-		to: "2026-06-07"
-	});
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ n(e, {
-				value: a,
-				onValueChange: (e) => o({
-					from: e.from ?? "",
-					to: e.to ?? ""
-				}),
-				min: "2026-06-01",
-				max: "2026-12-31",
-				disabledDates: ["2026-06-21", "2026-06-22"],
-				closeOnPresetSelect: !0,
-				presets: [
-					{
-						label: "This week",
-						value: {
-							from: "2026-06-01",
-							to: "2026-06-07"
-						}
-					},
-					{
-						label: "Next 14 days",
-						value: {
-							from: "2026-06-08",
-							to: "2026-06-20"
-						}
-					},
-					{
-						label: "Q3",
-						value: {
-							from: "2026-07-01",
-							to: "2026-09-30"
-						}
-					}
-				],
-				labels: {
-					placeholder: "Choose reporting range",
-					apply: "Apply range",
-					clear: "Clear",
-					start: "Start",
-					end: "End"
-				}
-			}),
-			/* @__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 DateRangePickerShowcase };

package/dist/src/showcase/premium/description-list/index.cjs

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

package/dist/src/showcase/premium/description-list/index.js

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

package/dist/src/showcase/premium/description-list/mock.cjs

@@ -1,14 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DescriptionList } from "tembro"
-
-export function Example() {
-  return (
-    <DescriptionList
-      title="Invoice details"
-      items={[
-        { key: "customer", label: "Customer", value: "Acme Growth" },
-        { key: "status", label: "Status", value: "Paid" },
-        { key: "total", label: "Total", value: "$4,280" },
-      ]}
-    />
-  )
-}`,highlights:[`Structured key-value layout`,`Grid column control`,`Header actions and descriptions`,`Good for entity, invoice, and profile details`],scenarios:[{title:`Invoice facts`,description:`Display billing metadata in a scannable form.`},{title:`Workspace profile`,description:`Group account settings and ownership information clearly.`},{title:`Customer summary`,description:`Expose key details without writing a custom grid every time.`}],capabilityNotes:[`Description lists work best for static or slow-changing factual data.`,`Use them when labels matter as much as values.`,`Avoid forcing long narrative content into this format.`]};exports.descriptionListMock=e;

package/dist/src/showcase/premium/description-list/mock.js

@@ -1,31 +0,0 @@
-//#region src/showcase/premium/description-list/mock.ts
-var e = {
-	code: "import { DescriptionList } from \"tembro\"\n\nexport function Example() {\n  return (\n    <DescriptionList\n      title=\"Invoice details\"\n      items={[\n        { key: \"customer\", label: \"Customer\", value: \"Acme Growth\" },\n        { key: \"status\", label: \"Status\", value: \"Paid\" },\n        { key: \"total\", label: \"Total\", value: \"$4,280\" },\n      ]}\n    />\n  )\n}",
-	highlights: [
-		"Structured key-value layout",
-		"Grid column control",
-		"Header actions and descriptions",
-		"Good for entity, invoice, and profile details"
-	],
-	scenarios: [
-		{
-			title: "Invoice facts",
-			description: "Display billing metadata in a scannable form."
-		},
-		{
-			title: "Workspace profile",
-			description: "Group account settings and ownership information clearly."
-		},
-		{
-			title: "Customer summary",
-			description: "Expose key details without writing a custom grid every time."
-		}
-	],
-	capabilityNotes: [
-		"Description lists work best for static or slow-changing factual data.",
-		"Use them when labels matter as much as values.",
-		"Avoid forcing long narrative content into this format."
-	]
-};
-//#endregion
-export { e as descriptionListMock };

package/dist/src/showcase/premium/description-list/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"),n=require("../../../components/display/description-list.cjs");let r=require("react/jsx-runtime");var i=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function a({mode:a}){return(0,r.jsxs)(`div`,{className:`space-y-5`,children:[(0,r.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,r.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,r.jsxs)(`div`,{className:`max-w-xl`,children:[(0,r.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Facts surface`}),(0,r.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`DescriptionList should turn raw metadata into readable facts`}),(0,r.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`This surface is strongest when the user needs to inspect concrete fields quickly, not interpret a dense freeform card.`})]}),(0,r.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,r.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Structured`}),(0,r.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Operational metadata`})]})]})}),(0,r.jsx)(n.DescriptionList,{title:`Invoice details`,description:`Stable operational metadata for support and billing teams.`,columns:2,actions:(0,r.jsx)(e.Button,{size:`sm`,variant:`outline`,children:`Edit`}),items:[{key:`customer`,label:`Customer`,value:`Acme Growth`},{key:`status`,label:`Status`,value:`Paid`},{key:`owner`,label:`Owner`,value:`A. Jurayev`},{key:`amount`,label:`Total`,value:`$4,280`},{key:`method`,label:`Payment method`,value:`Corporate card`},{key:`notes`,label:`Notes`,value:`Requires monthly reconciliation with finance.`,span:2}]}),a===`playground`?(0,r.jsx)(`section`,{className:i,children:(0,r.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Bu component invoice, profile, workspace yoki customer detail kabi factual sahifalarda foydali.`})}):null]})}exports.DescriptionListShowcase=a;