tembro 3.1.1 → 3.1.6

package/dist/src/showcase/premium/command-bar/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/ui/kbd/index.cjs"),r=require("../../../components/navigation/command-bar.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=`border-t border-[color:var(--aui-divider)] py-6`;function c(){let[e,c]=i.useState(`bottom`),[l,u]=i.useState(!0);return(0,o.jsxs)(`div`,{className:`space-y-0`,children:[(0,o.jsxs)(`section`,{className:`pb-6`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed navigation helper`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`CommandBar keeps a few high-value actions nearby`}),(0,o.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`This is not a replacement for every footer or toolbar. Use it when persistent floating actions improve a long reading or review flow.`})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`rounded-[28px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,o.jsx)(t.Button,{size:`sm`,variant:l?`secondary`:`outline`,onClick:()=>u(e=>!e),children:l?`Hide bar`:`Show bar`}),(0,o.jsx)(t.Button,{size:`sm`,variant:e===`bottom`?`secondary`:`outline`,onClick:()=>c(`bottom`),children:`Bottom`}),(0,o.jsx)(t.Button,{size:`sm`,variant:e===`top`?`secondary`:`outline`,onClick:()=>c(`top`),children:`Top`})]}),(0,o.jsxs)(`div`,{className:`relative mt-5 min-h-[320px] overflow-hidden rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:[(0,o.jsxs)(`div`,{className:`max-w-2xl`,children:[(0,o.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Quarterly release review`}),(0,o.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Long content benefits from a small floating action rail when the user must repeatedly approve, reject, or comment without scrolling back to a fixed footer.`}),(0,o.jsxs)(`div`,{className:`mt-6 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,o.jsx)(`p`,{children:`Keep the action set intentionally small. More than three or four actions usually means the bar should become a real toolbar instead.`}),(0,o.jsx)(`p`,{children:`Pair shortcut hints with actions only when the shortcuts are actually supported by the product.`}),(0,o.jsx)(`p`,{children:`The bar should help reading-heavy workflows, not distract from them.`})]})]}),(0,o.jsxs)(r.CommandBar,{open:l,position:e,grouped:!0,label:`Review flow`,className:`max-w-[calc(100%-2rem)]`,children:[(0,o.jsx)(n.Kbd,{children:`G`}),(0,o.jsxs)(t.Button,{size:`sm`,variant:`ghost`,children:[(0,o.jsx)(a.MessageSquareIcon,{className:`mr-2 size-4`}),`Comment`]}),(0,o.jsxs)(t.Button,{size:`sm`,variant:`outline`,children:[(0,o.jsx)(a.XIcon,{className:`mr-2 size-4`}),`Reject`]}),(0,o.jsxs)(t.Button,{size:`sm`,children:[(0,o.jsx)(a.CheckIcon,{className:`mr-2 size-4`}),`Approve`]})]})]})]})})]})}exports.CommandBarShowcase=c;

package/dist/src/showcase/premium/command-bar/showcase.js

@@ -1,107 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Kbd as t } from "../../../components/ui/kbd/index.js";
-import { CommandBar as n } from "../../../components/navigation/command-bar.js";
-import * as r from "react";
-import { CheckIcon as i, MessageSquareIcon as a, XIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region src/showcase/premium/command-bar/showcase.tsx
-var l = "border-t border-[color:var(--aui-divider)] py-6";
-function u() {
-	let [u, d] = r.useState("bottom"), [f, p] = r.useState(!0);
-	return /* @__PURE__ */ c("div", {
-		className: "space-y-0",
-		children: [/* @__PURE__ */ c("section", {
-			className: "pb-6",
-			children: [
-				/* @__PURE__ */ s("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Installed navigation helper"
-				}),
-				/* @__PURE__ */ s("h3", {
-					className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-					children: "CommandBar keeps a few high-value actions nearby"
-				}),
-				/* @__PURE__ */ s("p", {
-					className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-					children: "This is not a replacement for every footer or toolbar. Use it when persistent floating actions improve a long reading or review flow."
-				})
-			]
-		}), /* @__PURE__ */ s("section", {
-			className: l,
-			children: /* @__PURE__ */ c("div", {
-				className: "rounded-[28px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-6",
-				children: [/* @__PURE__ */ c("div", {
-					className: "flex flex-wrap items-center gap-2",
-					children: [
-						/* @__PURE__ */ s(e, {
-							size: "sm",
-							variant: f ? "secondary" : "outline",
-							onClick: () => p((e) => !e),
-							children: f ? "Hide bar" : "Show bar"
-						}),
-						/* @__PURE__ */ s(e, {
-							size: "sm",
-							variant: u === "bottom" ? "secondary" : "outline",
-							onClick: () => d("bottom"),
-							children: "Bottom"
-						}),
-						/* @__PURE__ */ s(e, {
-							size: "sm",
-							variant: u === "top" ? "secondary" : "outline",
-							onClick: () => d("top"),
-							children: "Top"
-						})
-					]
-				}), /* @__PURE__ */ c("div", {
-					className: "relative mt-5 min-h-[320px] overflow-hidden rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5",
-					children: [/* @__PURE__ */ c("div", {
-						className: "max-w-2xl",
-						children: [
-							/* @__PURE__ */ s("p", {
-								className: "text-lg font-semibold aui-text-strong",
-								children: "Quarterly release review"
-							}),
-							/* @__PURE__ */ s("p", {
-								className: "mt-3 text-sm leading-6 aui-text-muted",
-								children: "Long content benefits from a small floating action rail when the user must repeatedly approve, reject, or comment without scrolling back to a fixed footer."
-							}),
-							/* @__PURE__ */ c("div", {
-								className: "mt-6 space-y-3 text-sm leading-6 aui-text-muted",
-								children: [
-									/* @__PURE__ */ s("p", { children: "Keep the action set intentionally small. More than three or four actions usually means the bar should become a real toolbar instead." }),
-									/* @__PURE__ */ s("p", { children: "Pair shortcut hints with actions only when the shortcuts are actually supported by the product." }),
-									/* @__PURE__ */ s("p", { children: "The bar should help reading-heavy workflows, not distract from them." })
-								]
-							})
-						]
-					}), /* @__PURE__ */ c(n, {
-						open: f,
-						position: u,
-						grouped: !0,
-						label: "Review flow",
-						className: "max-w-[calc(100%-2rem)]",
-						children: [
-							/* @__PURE__ */ s(t, { children: "G" }),
-							/* @__PURE__ */ c(e, {
-								size: "sm",
-								variant: "ghost",
-								children: [/* @__PURE__ */ s(a, { className: "mr-2 size-4" }), "Comment"]
-							}),
-							/* @__PURE__ */ c(e, {
-								size: "sm",
-								variant: "outline",
-								children: [/* @__PURE__ */ s(o, { className: "mr-2 size-4" }), "Reject"]
-							}),
-							/* @__PURE__ */ c(e, {
-								size: "sm",
-								children: [/* @__PURE__ */ s(i, { className: "mr-2 size-4" }), "Approve"]
-							})
-						]
-					})]
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { u as CommandBarShowcase };

package/dist/src/showcase/premium/copy-field/index.js

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

package/dist/src/showcase/premium/copy-field/mock.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CopyField } from "tembro"
-
-export function Example() {
-  return (
-    <CopyField
-      label="Webhook signing secret"
-      description="Use on the server only."
-      value="whsec_demo_value_123"
-    />
-  )
-}`,cliCommand:`npx tembro add copy-field`,highlights:[`Label, helper text, value surface, and copy action in one unit`,`Works well for tokens, endpoints, environment values, and invite links`,`Monospace value mode for technical strings`],scenarios:[{title:`Webhook secret`,description:`Expose a technical value with safety copy and one clear action.`},{title:`Endpoint URL`,description:`Share a connection string without making the user select text manually.`},{title:`Invite code`,description:`Package title and value together inside a settings screen.`}]};exports.copyFieldMock=e;

package/dist/src/showcase/premium/copy-field/mock.js

@@ -1,26 +0,0 @@
-//#region src/showcase/premium/copy-field/mock.ts
-var e = {
-	code: "import { CopyField } from \"tembro\"\n\nexport function Example() {\n  return (\n    <CopyField\n      label=\"Webhook signing secret\"\n      description=\"Use on the server only.\"\n      value=\"whsec_demo_value_123\"\n    />\n  )\n}",
-	cliCommand: "npx tembro add copy-field",
-	highlights: [
-		"Label, helper text, value surface, and copy action in one unit",
-		"Works well for tokens, endpoints, environment values, and invite links",
-		"Monospace value mode for technical strings"
-	],
-	scenarios: [
-		{
-			title: "Webhook secret",
-			description: "Expose a technical value with safety copy and one clear action."
-		},
-		{
-			title: "Endpoint URL",
-			description: "Share a connection string without making the user select text manually."
-		},
-		{
-			title: "Invite code",
-			description: "Package title and value together inside a settings screen."
-		}
-	]
-};
-//#endregion
-export { e as copyFieldMock };

package/dist/src/showcase/premium/copy-field/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/actions/copy-field.cjs"),n=require("../../../components/ui/badge/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`border-t border-[color:var(--aui-divider)] py-6`,o={secret:`whsec_workspace_live_72AJK1P`,endpoint:`https://api.tembro.dev/webhooks/events`,invite:`ops-release-2026`};function s(){let[e,s]=r.useState(`secret`);return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsxs)(`section`,{className:`pb-6`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed action`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`CopyField is the complete value + action row`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`Use it when a technical or shareable string needs label, explanation, and copy action together.`})]}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1fr_360px]`,children:[(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsx)(t.CopyField,{label:`Webhook signing secret`,description:`Store this on the server only.`,value:o.secret,copyButtonProps:{onCopied:()=>s(`secret`)}}),(0,i.jsx)(t.CopyField,{label:`Event endpoint`,description:`Public endpoint that receives signed events.`,value:o.endpoint,copyButtonProps:{onCopied:()=>s(`endpoint`),copyLabel:`Copy url`}}),(0,i.jsx)(t.CopyField,{label:`Invite code`,description:`Share this with internal release reviewers.`,value:o.invite,monospace:!1,copyButtonProps:{onCopied:()=>s(`invite`),variant:`secondary`}})]}),(0,i.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,i.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Recently used row`}),(0,i.jsx)(n.Badge,{variant:`secondary`,children:e})]}),(0,i.jsxs)(`div`,{className:`mt-4 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,i.jsx)(`p`,{children:`CopyField is stronger than a naked button because the user never loses context about what will be copied.`}),(0,i.jsx)(`p`,{children:`Prefer it on settings and integration pages. In dense tables, CopyButton alone is usually enough.`})]})]})]})})]})}exports.CopyFieldShowcase=s;

package/dist/src/showcase/premium/copy-field/showcase.js

@@ -1,85 +0,0 @@
-import { CopyField as e } from "../../../components/actions/copy-field.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/copy-field/showcase.tsx
-var a = "border-t border-[color:var(--aui-divider)] py-6", o = {
-	secret: "whsec_workspace_live_72AJK1P",
-	endpoint: "https://api.tembro.dev/webhooks/events",
-	invite: "ops-release-2026"
-};
-function s() {
-	let [s, c] = n.useState("secret");
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-0",
-		children: [/* @__PURE__ */ i("section", {
-			className: "pb-6",
-			children: [
-				/* @__PURE__ */ r("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Installed action"
-				}),
-				/* @__PURE__ */ r("h3", {
-					className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-					children: "CopyField is the complete value + action row"
-				}),
-				/* @__PURE__ */ r("p", {
-					className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-					children: "Use it when a technical or shareable string needs label, explanation, and copy action together."
-				})
-			]
-		}), /* @__PURE__ */ r("section", {
-			className: a,
-			children: /* @__PURE__ */ i("div", {
-				className: "grid gap-6 xl:grid-cols-[1fr_360px]",
-				children: [/* @__PURE__ */ i("div", {
-					className: "space-y-4",
-					children: [
-						/* @__PURE__ */ r(e, {
-							label: "Webhook signing secret",
-							description: "Store this on the server only.",
-							value: o.secret,
-							copyButtonProps: { onCopied: () => c("secret") }
-						}),
-						/* @__PURE__ */ r(e, {
-							label: "Event endpoint",
-							description: "Public endpoint that receives signed events.",
-							value: o.endpoint,
-							copyButtonProps: {
-								onCopied: () => c("endpoint"),
-								copyLabel: "Copy url"
-							}
-						}),
-						/* @__PURE__ */ r(e, {
-							label: "Invite code",
-							description: "Share this with internal release reviewers.",
-							value: o.invite,
-							monospace: !1,
-							copyButtonProps: {
-								onCopied: () => c("invite"),
-								variant: "secondary"
-							}
-						})
-					]
-				}), /* @__PURE__ */ i("div", {
-					className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-					children: [/* @__PURE__ */ i("div", {
-						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ r("p", {
-							className: "text-sm font-semibold aui-text-strong",
-							children: "Recently used row"
-						}), /* @__PURE__ */ r(t, {
-							variant: "secondary",
-							children: s
-						})]
-					}), /* @__PURE__ */ i("div", {
-						className: "mt-4 space-y-3 text-sm leading-6 aui-text-muted",
-						children: [/* @__PURE__ */ r("p", { children: "CopyField is stronger than a naked button because the user never loses context about what will be copied." }), /* @__PURE__ */ r("p", { children: "Prefer it on settings and integration pages. In dense tables, CopyButton alone is usually enough." })]
-					})]
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { s as CopyFieldShowcase };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`Acme Inc.`,`Larana`,`ShipFast`,`Toolpad`,`Pixels UI`,`Northstar`],t=[`Azamat`,`Malika`,`Sardor`,`Nodira`,`Asadbek`,`Kamola`],n=[`Direct`,`Partner`,`Direct`,`Marketplace`,`Marketplace`,`Direct`],r=[`Paid`,`Review`,`Draft`,`Paid`,`Overdue`,`Paid`],i=[`$2,400`,`$1,280`,`$980`,`$4,120`,`$860`,`$3,620`],a=[2400,1280,980,4120,860,3620],o=[`2h ago`,`4h ago`,`Today`,`1d ago`,`1d ago`,`2d ago`],s=[48,16,8,63,4,28],c=[12,5,3,18,2,9],l=[`up`,`steady`,`down`,`up`,`down`,`up`],u=e.map((e,u)=>({invoice:`INV-00${u+1}`,order:`#448${u+2}`,customer:e,owner:t[u],channel:n[u],status:r[u],stock:s[u],items:c[u],amount:i[u],amountValue:a[u],trend:l[u],updatedAt:o[u]}));function d(e){let t=Math.max(1,Math.min(120,Math.floor(e)));return Array.from({length:t},(e,t)=>{let n=u[t%u.length],r=Math.floor(t/u.length),i=String(t+1).padStart(3,`0`),a=4482+t,o=n.amountValue+r*175,s=new Intl.NumberFormat(`en-US`,{style:`currency`,currency:`USD`,maximumFractionDigits:0}).format(o);return{...n,invoice:`INV-${i}`,order:`#${a}`,amount:s,amountValue:o,stock:n.stock+r*2,items:n.items+(t%3==0?r:0),updatedAt:r===0?n.updatedAt:`${r+1}d ago`}})}var f=[`Export CSV`,`Sync`].map(e=>({label:e,variant:e===`Export CSV`?`default`:`outline`})),p=[{value:`all`,label:`All invoices`,description:`All rows.`},{value:`finance`,label:`Finance review`,description:`Paid + review.`},{value:`at-risk`,label:`At risk`,description:`Draft + overdue.`}];exports.buildDataTableDemoRows=d,exports.dataTableDemoPresets=p,exports.dataTableDemoRows=u,exports.dataTableToolbarActions=f;

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

@@ -1,127 +0,0 @@
-//#region src/showcase/premium/data-table-parts/data.ts
-var e = [
-	"Acme Inc.",
-	"Larana",
-	"ShipFast",
-	"Toolpad",
-	"Pixels UI",
-	"Northstar"
-], t = [
-	"Azamat",
-	"Malika",
-	"Sardor",
-	"Nodira",
-	"Asadbek",
-	"Kamola"
-], n = [
-	"Direct",
-	"Partner",
-	"Direct",
-	"Marketplace",
-	"Marketplace",
-	"Direct"
-], r = [
-	"Paid",
-	"Review",
-	"Draft",
-	"Paid",
-	"Overdue",
-	"Paid"
-], i = [
-	"$2,400",
-	"$1,280",
-	"$980",
-	"$4,120",
-	"$860",
-	"$3,620"
-], a = [
-	2400,
-	1280,
-	980,
-	4120,
-	860,
-	3620
-], o = [
-	"2h ago",
-	"4h ago",
-	"Today",
-	"1d ago",
-	"1d ago",
-	"2d ago"
-], s = [
-	48,
-	16,
-	8,
-	63,
-	4,
-	28
-], c = [
-	12,
-	5,
-	3,
-	18,
-	2,
-	9
-], l = [
-	"up",
-	"steady",
-	"down",
-	"up",
-	"down",
-	"up"
-], u = e.map((e, u) => ({
-	invoice: `INV-00${u + 1}`,
-	order: `#448${u + 2}`,
-	customer: e,
-	owner: t[u],
-	channel: n[u],
-	status: r[u],
-	stock: s[u],
-	items: c[u],
-	amount: i[u],
-	amountValue: a[u],
-	trend: l[u],
-	updatedAt: o[u]
-}));
-function d(e) {
-	let t = Math.max(1, Math.min(120, Math.floor(e)));
-	return Array.from({ length: t }, (e, t) => {
-		let n = u[t % u.length], r = Math.floor(t / u.length), i = String(t + 1).padStart(3, "0"), a = 4482 + t, o = n.amountValue + r * 175, s = new Intl.NumberFormat("en-US", {
-			style: "currency",
-			currency: "USD",
-			maximumFractionDigits: 0
-		}).format(o);
-		return {
-			...n,
-			invoice: `INV-${i}`,
-			order: `#${a}`,
-			amount: s,
-			amountValue: o,
-			stock: n.stock + r * 2,
-			items: n.items + (t % 3 == 0 ? r : 0),
-			updatedAt: r === 0 ? n.updatedAt : `${r + 1}d ago`
-		};
-	});
-}
-var f = ["Export CSV", "Sync"].map((e) => ({
-	label: e,
-	variant: e === "Export CSV" ? "default" : "outline"
-})), p = [
-	{
-		value: "all",
-		label: "All invoices",
-		description: "All rows."
-	},
-	{
-		value: "finance",
-		label: "Finance review",
-		description: "Paid + review."
-	},
-	{
-		value: "at-risk",
-		label: "At risk",
-		description: "Draft + overdue."
-	}
-];
-//#endregion
-export { d as buildDataTableDemoRows, p as dataTableDemoPresets, u as dataTableDemoRows, f as dataTableToolbarActions };

package/dist/src/showcase/premium/data-table-parts/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.DataTablePartShowcase=e.DataTablePartShowcase,exports.dataTableActionsColumnMock=t.dataTableActionsColumnMock,exports.dataTablePaginationMock=t.dataTablePaginationMock,exports.dataTableRowActionsMock=t.dataTableRowActionsMock,exports.dataTableSavedFiltersMock=t.dataTableSavedFiltersMock,exports.dataTableSelectColumnMock=t.dataTableSelectColumnMock,exports.dataTableToolbarMock=t.dataTableToolbarMock;

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

@@ -1,3 +0,0 @@
-import { DataTablePartShowcase as e } from "./showcase.js";
-import { dataTableActionsColumnMock as t, dataTablePaginationMock as n, dataTableRowActionsMock as r, dataTableSavedFiltersMock as i, dataTableSelectColumnMock as a, dataTableToolbarMock as o } from "./mock.js";
-export { e as DataTablePartShowcase, t as dataTableActionsColumnMock, n as dataTablePaginationMock, r as dataTableRowActionsMock, i as dataTableSavedFiltersMock, a as dataTableSelectColumnMock, o as dataTableToolbarMock };

package/dist/src/showcase/premium/data-table-parts/mock.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});function e(e,t,n){return{code:`import { ${t} } from "tembro"\n\nexport function Example() {\n  return <${t} />\n}`,cliCommand:`npx tembro add ${e}`,highlights:[`${t} preview inside a real DataTable shell`,`Interaction-focused route`,`Selection and row behavior proof`],scenarios:[{title:`Route-level preview`,description:n},{title:`Production context`,description:`See the helper in the same shell where it is typically used.`},{title:`Behavior proof`,description:`Verify how selection, toolbar and actions interact together.`}],capabilityNotes:[`These routes are intentionally shown inside a real DataTable context instead of isolated fake markup.`,`Use them to understand interaction boundaries before wiring the helper into a product surface.`]}}var t=e(`data-table-pagination`,`DataTablePagination`,`Preview pagination behavior with the real DataTable shell.`),n=e(`data-table-toolbar`,`DataTableToolbar`,`Preview search, visibility and table actions inside a live toolbar context.`),r=e(`data-table-row-actions`,`DataTableRowActions`,`Preview row-specific actions without breaking row click and selection.`),i=e(`data-table-actions-column`,`createDataTableActionsColumn`,`Preview how the reusable actions column helper behaves in a real grid.`),a=e(`data-table-select-column`,`createDataTableSelectColumn`,`Preview row selection behavior and bulk state separation.`),o=e(`data-table-saved-filters`,`DataTableSavedFilters`,`Preview saved table views and named filter state restoration.`);exports.dataTableActionsColumnMock=i,exports.dataTablePaginationMock=t,exports.dataTableRowActionsMock=r,exports.dataTableSavedFiltersMock=o,exports.dataTableSelectColumnMock=a,exports.dataTableToolbarMock=n;

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

@@ -1,30 +0,0 @@
-//#region src/showcase/premium/data-table-parts/mock.ts
-function e(e, t, n) {
-	return {
-		code: `import { ${t} } from "tembro"\n\nexport function Example() {\n  return <${t} />\n}`,
-		cliCommand: `npx tembro add ${e}`,
-		highlights: [
-			`${t} preview inside a real DataTable shell`,
-			"Interaction-focused route",
-			"Selection and row behavior proof"
-		],
-		scenarios: [
-			{
-				title: "Route-level preview",
-				description: n
-			},
-			{
-				title: "Production context",
-				description: "See the helper in the same shell where it is typically used."
-			},
-			{
-				title: "Behavior proof",
-				description: "Verify how selection, toolbar and actions interact together."
-			}
-		],
-		capabilityNotes: ["These routes are intentionally shown inside a real DataTable context instead of isolated fake markup.", "Use them to understand interaction boundaries before wiring the helper into a product surface."]
-	};
-}
-var t = e("data-table-pagination", "DataTablePagination", "Preview pagination behavior with the real DataTable shell."), n = e("data-table-toolbar", "DataTableToolbar", "Preview search, visibility and table actions inside a live toolbar context."), r = e("data-table-row-actions", "DataTableRowActions", "Preview row-specific actions without breaking row click and selection."), i = e("data-table-actions-column", "createDataTableActionsColumn", "Preview how the reusable actions column helper behaves in a real grid."), a = e("data-table-select-column", "createDataTableSelectColumn", "Preview row selection behavior and bulk state separation."), o = e("data-table-saved-filters", "DataTableSavedFilters", "Preview saved table views and named filter state restoration.");
-//#endregion
-export { i as dataTableActionsColumnMock, t as dataTablePaginationMock, r as dataTableRowActionsMock, o as dataTableSavedFiltersMock, a as dataTableSelectColumnMock, n as dataTableToolbarMock };

package/dist/src/showcase/premium/data-table-parts/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/ui/input/index.cjs"),r=require("../../../components/ui/badge/index.cjs"),i=require("../../../components/data-table/data-table-actions-column.cjs"),a=require("../../../components/data-table/data-table-bulk-actions.cjs"),o=require("../../../components/data-table/data-table-column-visibility-menu.cjs"),s=require("../../../components/data-table/data-table.cjs"),c=require("../../../components/data-table/data-table-sortable-header.cjs"),l=require("../../../components/data-table/data-table-view-presets.cjs"),u=require("../../../components/data-table/data-table-saved-filters.cjs"),d=require("../../../components/data-table/data-table-select-column.cjs"),f=require("./data.cjs");let p=require("react");p=e.__toESM(p,1);let m=require("react/jsx-runtime");var h=f.buildDataTableDemoRows(6);function g(e){return[d.createDataTableSelectColumn(),{accessorKey:`invoice`,header:({column:e})=>(0,m.jsx)(c.DataTableSortableHeader,{column:e,children:`Invoice`})},{accessorKey:`customer`,header:({column:e})=>(0,m.jsx)(c.DataTableSortableHeader,{column:e,children:`Customer`})},{accessorKey:`status`,header:`Status`,cell:({row:e})=>(0,m.jsx)(r.Badge,{variant:e.original.status===`Paid`?`secondary`:e.original.status===`Review`?`outline`:`destructive`,children:e.original.status})},{accessorKey:`amount`,header:({column:e})=>(0,m.jsx)(c.DataTableSortableHeader,{column:e,children:`Amount`})},i.createDataTableActionsColumn({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 _({slug:e}){let[i,c]=p.useState(``),[d,_]=p.useState(`all`),[v,y]=p.useState({}),[b,x]=p.useState({}),[S,C]=p.useState(`Ready`),[w,T]=p.useState(0),E=p.useMemo(()=>{let e=i.trim().toLowerCase(),t=h;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},[i,d]),D=p.useMemo(()=>E.filter((e,t)=>v[t]),[E,v]),O=p.useMemo(()=>g(C),[]),k={"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(0,m.jsxs)(`div`,{className:`space-y-4`,children:[(0,m.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,m.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,m.jsx)(r.Badge,{variant:`outline`,children:k[e]}),(0,m.jsxs)(r.Badge,{variant:`outline`,children:[E.length,` rows`]}),(0,m.jsxs)(r.Badge,{variant:`outline`,children:[D.length,` selected`]})]}),(0,m.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:k[e]}),(0,m.jsx)(`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.`}[e]})]}),e===`data-table-saved-filters`?(0,m.jsx)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:(0,m.jsx)(u.DataTableSavedFilters,{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=>_(e===`finance`?`finance`:e===`risk`?`at-risk`:`all`),onSaveFilter:e=>C(`Saved filter created: ${e}`),onDeleteFilter:e=>C(`Saved filter deleted: ${e}`),onClearFilters:()=>_(`all`)})}):null,e===`data-table-toolbar`?(0,m.jsx)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-4`,children:(0,m.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,m.jsx)(l.DataTableViewPresets,{value:d,onValueChange:e=>_(e??`all`),presets:f.dataTableDemoPresets,size:`sm`}),(0,m.jsx)(`div`,{className:`w-full max-w-[320px]`,children:(0,m.jsx)(n.Input,{type:`search`,value:i,onValueChange:c,placeholder:`Search invoice, customer...`})})]})}):null,(0,m.jsx)(s.DataTable,{columns:O,data:E,getRowId:e=>e.invoice,rowSelection:v,onRowSelectionChange:y,columnVisibility:b,onColumnVisibilityChange:x,enableRowSelection:!0,striped:!0,bordered:!0,stickyHeader:!0,toolbarProps:e=>({title:`Invoices`,description:`Premium subroute preview for reusable DataTable parts.`,search:(0,m.jsx)(n.Input,{type:`search`,value:i,onValueChange:c,placeholder:`Search rows...`}),actions:(0,m.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,m.jsx)(o.DataTableColumnVisibilityMenu,{table:e}),(0,m.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>C(`Toolbar export prepared`),children:`Export`})]}),selectionActions:(0,m.jsx)(a.DataTableBulkActions,{rows:e.getSelectedRowModel().rows.map(e=>e.original),actions:[{key:`export`,label:`Export selected`,onSelect:e=>C(`${e.length} rows exported`)}],onClearSelection:()=>y({})})}),pagination:{manual:!0,pageIndex:w,pageSize:5,rowCount:E.length,pageCount:Math.max(Math.ceil(E.length/5),1),pageSizeOptions:[5,10],onPageChange:T,onPageSizeChange:()=>void 0}}),(0,m.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,m.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,m.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Focused feature`}),(0,m.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:k[e]})]}),(0,m.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,m.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction proof`}),(0,m.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:S})]}),(0,m.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,m.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Selection`}),(0,m.jsxs)(`p`,{className:`mt-2 aui-text-muted`,children:[D.length,` active rows`]})]})]})]})}exports.DataTablePartShowcase=_;