tembro 3.0.0 → 3.1.5

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/ui/select/index.cjs"),i=require("../../../components/data-table/data-table-actions-column.cjs"),a=require("../../../components/data-table/data-table-column-visibility-menu.cjs"),o=require("../../../components/data-table/data-table.cjs"),s=require("../../../components/data-table/data-table-sortable-header.cjs"),c=require("../../../components/data-table/data-table-select-column.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("react/jsx-runtime");var d=[{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 f(){let[e,f]=l.useState(``),[p,m]=l.useState(`all`),[h,g]=l.useState(`all`),[_,v]=l.useState({}),y=d.filter(t=>{let n=e.trim().toLowerCase(),r=!n||`${t.invoice} ${t.customer} ${t.owner} ${t.amount}`.toLowerCase().includes(n),i=p===`all`||t.status===p,a=h===`all`||t.owner===h;return r&&i&&a}),b=Object.values(_).filter(Boolean).length,x=l.useMemo(()=>[c.createDataTableSelectColumn(),{accessorKey:`invoice`,header:({column:e})=>(0,u.jsx)(s.DataTableSortableHeader,{column:e,children:`Invoice`})},{accessorKey:`customer`,header:({column:e})=>(0,u.jsx)(s.DataTableSortableHeader,{column:e,children:`Customer`})},{accessorKey:`status`,header:`Status`,cell:({row:e})=>(0,u.jsx)(n.Badge,{variant:e.original.status===`Paid`?`secondary`:e.original.status===`Review`?`outline`:`destructive`,children:e.original.status})},{accessorKey:`amount`,header:({column:e})=>(0,u.jsx)(s.DataTableSortableHeader,{column:e,children:`Amount`})},{accessorKey:`updatedAt`,header:`Updated`},i.createDataTableActionsColumn({getActions:()=>[{key:`open`,label:`Open detail`,onSelect:()=>void 0},{key:`archive`,label:`Archive`,destructive:!0,onSelect:()=>void 0}]})],[]);return(0,u.jsxs)(`div`,{className:`space-y-5`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-end xl:justify-between`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Operational table`}),(0,u.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Search, selection and actions in one table`})]}),(0,u.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3`,children:[(0,u.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,u.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Rows`}),(0,u.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:y.length})]}),(0,u.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,u.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Selected`}),(0,u.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:b})]}),(0,u.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,u.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`State`}),(0,u.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:e||p!==`all`||h!==`all`?`Filtered`:`Live`})]})]})]}),(0,u.jsx)(o.DataTable,{columns:x,data:y,getRowId:e=>e.invoice,enableRowSelection:!0,rowSelection:_,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:e,onValueChange:f,placeholder:`Search invoice, customer...`,clearable:!0},filters:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(r.Select,{value:p,onValueChange:e=>m(e??`all`),options:[{value:`all`,label:`All statuses`},{value:`Paid`,label:`Paid`},{value:`Review`,label:`Review`},{value:`Draft`,label:`Draft`}],triggerClassName:`min-w-40`}),(0,u.jsx)(r.Select,{value:h,onValueChange:e=>g(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:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsxs)(n.Badge,{variant:`outline`,children:[y.length,` rows`]}),(0,u.jsxs)(n.Badge,{variant:`outline`,children:[b,` selected`]}),(0,u.jsx)(n.Badge,{variant:`outline`,children:e||p!==`all`||h!==`all`?`Filtered view`:`Live view`})]}),toolbarActions:({table:e})=>(0,u.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,u.jsx)(a.DataTableColumnVisibilityMenu,{table:e}),(0,u.jsx)(t.Button,{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=>{v(t=>typeof e==`function`?e(t):e)},onRowClick:()=>void 0,renderMobileCard:e=>(0,u.jsx)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:(0,u.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`p`,{className:`text-base font-semibold aui-text-strong`,children:e.original.invoice}),(0,u.jsx)(`p`,{className:`mt-1 text-sm aui-text-muted`,children:e.original.customer})]}),(0,u.jsx)(n.Badge,{variant:`outline`,children:e.original.status})]})}),pagination:{pageIndex:0,pageSize:5,rowCount:y.length,pageCount:Math.max(Math.ceil(y.length/5),1),pageSizeOptions:[5,10],onPageChange:()=>void 0,onPageSizeChange:()=>void 0}}),(0,u.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,u.jsx)(t.Button,{size:`sm`,children:`Export`}),(0,u.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Refresh`})]})]})}exports.DataTableShowcase=f;
+module.exports = require("../../../src/showcase/premium/data-table/showcase.cjs")

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

@@ -1,300 +1 @@
-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 { DataTableSortableHeader as o } from "../../../components/data-table/data-table-sortable-header.js";
-import { createDataTableSelectColumn as s } from "../../../components/data-table/data-table-select-column.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(() => [
-		s(),
-		{
-			accessorKey: "invoice",
-			header: ({ column: e }) => /* @__PURE__ */ u(o, {
-				column: e,
-				children: "Invoice"
-			})
-		},
-		{
-			accessorKey: "customer",
-			header: ({ column: e }) => /* @__PURE__ */ u(o, {
-				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(o, {
-				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 };
+export * from "../../../src/showcase/premium/data-table/showcase.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});
+module.exports = require("../../../src/showcase/premium/data-table/types.cjs")

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

@@ -0,0 +1 @@
+export * from "../../../src/showcase/premium/data-table/types.js"

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

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

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

@@ -1,3 +1 @@
-import { DatePickerShowcase as e } from "./showcase.js";
-import { datePickerMock as t } from "./mock.js";
-export { e as DatePickerShowcase, t as datePickerMock };
+export * from "../../../src/showcase/premium/date-picker/index.js"

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

@@ -1,16 +1 @@
-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;
+module.exports = require("../../../src/showcase/premium/date-picker/mock.cjs")

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

@@ -1,43 +1 @@
-//#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 };
+export * from "../../../src/showcase/premium/date-picker/mock.js"

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

@@ -1 +1 @@
-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;
+module.exports = require("../../../src/showcase/premium/date-picker/showcase.cjs")

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

@@ -1,29 +1 @@
-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 };
+export * from "../../../src/showcase/premium/date-picker/showcase.js"

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

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

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

@@ -1,3 +1 @@
-import { DateRangePickerShowcase as e } from "./showcase.js";
-import { dateRangePickerMock as t } from "./mock.js";
-export { e as DateRangePickerShowcase, t as dateRangePickerMock };
+export * from "../../../src/showcase/premium/date-range-picker/index.js"

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

@@ -1,16 +1 @@
-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;
+module.exports = require("../../../src/showcase/premium/date-range-picker/mock.cjs")

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

@@ -1,43 +1 @@
-//#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 };
+export * from "../../../src/showcase/premium/date-range-picker/mock.js"

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

@@ -1 +1 @@
-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;
+module.exports = require("../../../src/showcase/premium/date-range-picker/showcase.cjs")

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

@@ -1,71 +1 @@
-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 };
+export * from "../../../src/showcase/premium/date-range-picker/showcase.js"

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

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

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

@@ -1,3 +1 @@
-import { DescriptionListShowcase as e } from "./showcase.js";
-import { descriptionListMock as t } from "./mock.js";
-export { e as DescriptionListShowcase, t as descriptionListMock };
+export * from "../../../src/showcase/premium/description-list/index.js"

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

@@ -1,14 +1 @@
-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;
+module.exports = require("../../../src/showcase/premium/description-list/mock.cjs")

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

@@ -1,31 +1 @@
-//#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 };
+export * from "../../../src/showcase/premium/description-list/mock.js"