tembro 2.1.13 → 3.1.1

package/dist/showcase/premium/resizable-panel/mock.js

@@ -1,19 +1 @@
-//#region src/showcase/premium/resizable-panel/mock.ts
-var e = {
-	code: "import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from \"tembro\"\n\nexport function Example() {\n  return (\n    <ResizablePanelGroup direction=\"horizontal\">\n      <ResizablePanel defaultSize={30}>Catalog</ResizablePanel>\n      <ResizableHandle />\n      <ResizablePanel defaultSize={70}>Details</ResizablePanel>\n    </ResizablePanelGroup>\n  )\n}",
-	cliCommand: "npx tembro add resizable-panel",
-	highlights: [
-		"Declarative split layout with customizable handles",
-		"Supports horizontal and vertical directions",
-		"Keyboard-accessible resize interactions"
-	],
-	scenarios: [{
-		title: "Code editors",
-		description: "Split file tree and editor panes."
-	}, {
-		title: "Dashboards",
-		description: "Resize nav and detail panels interactively."
-	}]
-};
-//#endregion
-export { e as resizablePanelMock };
+export * from "../../../src/showcase/premium/resizable-panel/mock.js"

package/dist/showcase/premium/resizable-panel/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/resizable-panel.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i(){let[e,i]=n.useState(!1);return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`button`,{type:`button`,className:`inline-flex rounded-md border px-3 py-1.5 text-sm`,onClick:()=>i(e=>!e),children:[`Direction: `,e?`Vertical`:`Horizontal`]}),(0,r.jsxs)(t.ResizablePanelGroup,{direction:e?`vertical`:`horizontal`,className:`h-56`,children:[(0,r.jsx)(t.ResizablePanel,{defaultSize:35,className:`grid place-items-center`,children:(0,r.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Navigation`})}),(0,r.jsx)(t.ResizableHandle,{}),(0,r.jsx)(t.ResizablePanel,{defaultSize:65,className:`grid place-items-center`,children:(0,r.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Details`})})]})]})}exports.ResizablePanelShowcase=i;
+module.exports = require("../../../src/showcase/premium/resizable-panel/showcase.cjs")

package/dist/showcase/premium/resizable-panel/showcase.js

@@ -1,40 +1 @@
-import { ResizableHandle as e, ResizablePanel as t, ResizablePanelGroup as n } from "../../../components/modern/resizable-panel.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/resizable-panel/showcase.tsx
-function o() {
-	let [o, s] = r.useState(!1);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ a("button", {
-			type: "button",
-			className: "inline-flex rounded-md border px-3 py-1.5 text-sm",
-			onClick: () => s((e) => !e),
-			children: ["Direction: ", o ? "Vertical" : "Horizontal"]
-		}), /* @__PURE__ */ a(n, {
-			direction: o ? "vertical" : "horizontal",
-			className: "h-56",
-			children: [
-				/* @__PURE__ */ i(t, {
-					defaultSize: 35,
-					className: "grid place-items-center",
-					children: /* @__PURE__ */ i("span", {
-						className: "text-sm text-muted-foreground",
-						children: "Navigation"
-					})
-				}),
-				/* @__PURE__ */ i(e, {}),
-				/* @__PURE__ */ i(t, {
-					defaultSize: 65,
-					className: "grid place-items-center",
-					children: /* @__PURE__ */ i("span", {
-						className: "text-sm text-muted-foreground",
-						children: "Details"
-					})
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { o as ResizablePanelShowcase };
+export * from "../../../src/showcase/premium/resizable-panel/showcase.js"

package/dist/showcase/premium/result/index.cjs

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

package/dist/showcase/premium/result/index.js

@@ -1,3 +1 @@
-import { ResultShowcase as e } from "./showcase.js";
-import { resultMock as t } from "./mock.js";
-export { e as ResultShowcase, t as resultMock };
+export * from "../../../src/showcase/premium/result/index.js"

package/dist/showcase/premium/result/mock.cjs

@@ -1,12 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Result } from "tembro"
-
-export function Example() {
-  return (
-    <Result
-      status="success"
-      title="Project created"
-      description="Your new workspace is ready and all checks passed."
-      compact
-    />
-  )
-}`,highlights:[`Semantic statuses`,`Inline action block`,`Compact and full variants`,`Reusable result states for non-page flows`],scenarios:[{title:`Create success`,description:`Use after successful create/update actions.`},{title:`Error outcome`,description:`Show clear recovery action and short guidance.`},{title:`Not found state`,description:`Use for invalid entity pages and missing route scenarios.`}],capabilityNotes:[`Align status text with backend outcomes.`,`Pair each state with primary and optional secondary actions.`,"Keep `description` short and specific to user intent."]};exports.resultMock=e;
+module.exports = require("../../../src/showcase/premium/result/mock.cjs")

package/dist/showcase/premium/result/mock.js

@@ -1,31 +1 @@
-//#region src/showcase/premium/result/mock.ts
-var e = {
-	code: "import { Result } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Result\n      status=\"success\"\n      title=\"Project created\"\n      description=\"Your new workspace is ready and all checks passed.\"\n      compact\n    />\n  )\n}",
-	highlights: [
-		"Semantic statuses",
-		"Inline action block",
-		"Compact and full variants",
-		"Reusable result states for non-page flows"
-	],
-	scenarios: [
-		{
-			title: "Create success",
-			description: "Use after successful create/update actions."
-		},
-		{
-			title: "Error outcome",
-			description: "Show clear recovery action and short guidance."
-		},
-		{
-			title: "Not found state",
-			description: "Use for invalid entity pages and missing route scenarios."
-		}
-	],
-	capabilityNotes: [
-		"Align status text with backend outcomes.",
-		"Pair each state with primary and optional secondary actions.",
-		"Keep `description` short and specific to user intent."
-	]
-};
-//#endregion
-export { e as resultMock };
+export * from "../../../src/showcase/premium/result/mock.js"

package/dist/showcase/premium/result/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/display/result.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=[`success`,`error`,`warning`,`info`,`not-found`,`forbidden`,`server-error`],s={success:`The requested action completed.`,error:`The action failed. Review the message and try again.`,warning:`The request completed with warnings. Verify details before proceed.`,info:`An additional state is available for neutral communication.`,"not-found":`The requested resource could not be found.`,forbidden:`You do not have permission to perform this action.`,"server-error":`The server returned an unexpected response.`};function c({mode:e}){let[c,l]=i.useState(`success`),[u,d]=i.useState(e===`playground`),f=c===`success`?`Operation complete`:`Attention required`;return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,a.jsxs)(`div`,{className:`max-w-xl`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Outcome state`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Result should explain what happened next`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Use result for decisive page outcomes: success, failure, missing access, or blocked states. It should never read like a decorative alert.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Success`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Failure`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Blocked access`})]})]})}),e===`playground`?(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(`button`,{className:`rounded-full border border-[color:var(--aui-divider)] px-4 py-2 text-sm aui-text-muted`,onClick:()=>d(e=>!e),children:u?`Use roomy mode`:`Use compact mode`}),o.map(e=>(0,a.jsx)(`button`,{className:`rounded-full px-4 py-2 text-sm ${c===e?`bg-[color:var(--aui-surface-strong)] text-[color:var(--aui-surface-strong-foreground)]`:`border border-[color:var(--aui-divider)] aui-text-muted`}`,onClick:()=>l(e),children:e},e))]}):null,(0,a.jsx)(r.Result,{status:c,title:f,compact:u,description:s[c],actions:(0,a.jsx)(t.Button,{size:`sm`,variant:c===`success`?`outline`:`default`,children:c===`success`?`Continue`:`Try again`})})]})}exports.ResultShowcase=c;
+module.exports = require("../../../src/showcase/premium/result/showcase.cjs")

package/dist/showcase/premium/result/showcase.js

@@ -1,98 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Result as n } from "../../../components/display/result.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/result/showcase.tsx
-var o = [
-	"success",
-	"error",
-	"warning",
-	"info",
-	"not-found",
-	"forbidden",
-	"server-error"
-], s = {
-	success: "The requested action completed.",
-	error: "The action failed. Review the message and try again.",
-	warning: "The request completed with warnings. Verify details before proceed.",
-	info: "An additional state is available for neutral communication.",
-	"not-found": "The requested resource could not be found.",
-	forbidden: "You do not have permission to perform this action.",
-	"server-error": "The server returned an unexpected response."
-};
-function c({ mode: c }) {
-	let [l, u] = r.useState("success"), [d, f] = r.useState(c === "playground"), p = l === "success" ? "Operation complete" : "Attention required";
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ a("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ i("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Outcome state"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Result should explain what happened next"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "Use result for decisive page outcomes: success, failure, missing access, or blocked states. It should never read like a decorative alert."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ i(t, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Success"
-							}),
-							/* @__PURE__ */ i(t, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Failure"
-							}),
-							/* @__PURE__ */ i(t, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Blocked access"
-							})
-						]
-					})]
-				})
-			}),
-			c === "playground" ? /* @__PURE__ */ a("div", {
-				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ i("button", {
-					className: "rounded-full border border-[color:var(--aui-divider)] px-4 py-2 text-sm aui-text-muted",
-					onClick: () => f((e) => !e),
-					children: d ? "Use roomy mode" : "Use compact mode"
-				}), o.map((e) => /* @__PURE__ */ i("button", {
-					className: `rounded-full px-4 py-2 text-sm ${l === e ? "bg-[color:var(--aui-surface-strong)] text-[color:var(--aui-surface-strong-foreground)]" : "border border-[color:var(--aui-divider)] aui-text-muted"}`,
-					onClick: () => u(e),
-					children: e
-				}, e))]
-			}) : null,
-			/* @__PURE__ */ i(n, {
-				status: l,
-				title: p,
-				compact: d,
-				description: s[l],
-				actions: /* @__PURE__ */ i(e, {
-					size: "sm",
-					variant: l === "success" ? "outline" : "default",
-					children: l === "success" ? "Continue" : "Try again"
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { c as ResultShowcase };
+export * from "../../../src/showcase/premium/result/showcase.js"

package/dist/showcase/premium/right-click-menu/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.RightClickMenuShowcase=e.RightClickMenuShowcase,exports.rightClickMenuMock=t.rightClickMenuMock;
+module.exports = require("../../../src/showcase/premium/right-click-menu/index.cjs")

package/dist/showcase/premium/right-click-menu/index.js

@@ -1,3 +1 @@
-import { RightClickMenuShowcase as e } from "./showcase.js";
-import { rightClickMenuMock as t } from "./mock.js";
-export { e as RightClickMenuShowcase, t as rightClickMenuMock };
+export * from "../../../src/showcase/premium/right-click-menu/index.js"

package/dist/showcase/premium/right-click-menu/mock.cjs

@@ -1,17 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { RightClickMenu } from "tembro"
-
-export function Example() {
-  return (
-    <RightClickMenu
-      items={[
-        { label: "Rename" },
-        { label: "Duplicate" },
-        { label: "Archive" },
-      ]}
-    >
-      <div className="rounded-2xl border border-border bg-card px-4 py-8 text-sm">
-        Right click this surface
-      </div>
-    </RightClickMenu>
-  )
-}`,htmlCode:`<div data-slot="right-click-menu"></div>`,cliCommand:`npx tembro add right-click-menu`,highlights:[`Context actions`,`Pointer workflow`,`Compact menus`,`Workspace interactions`],relatedBlockSlugs:[`users-table`,`crm-dashboard`,`dashboard-starter`],scenarios:[{title:`File-like actions`,description:`Useful where users expect desktop-style context menus.`},{title:`Dense workspaces`,description:`Expose secondary row actions without cluttering the default UI.`},{title:`Power-user flow`,description:`Keep advanced actions one right-click away instead of always visible.`}],capabilityNotes:[`Use RightClickMenu only where pointer-first interaction is expected.`,`Always keep a visible fallback path for touch and keyboard users.`,`Keep labels short so menus remain scannable.`,`Reserve it for secondary actions, not the only way to complete a task.`]};exports.rightClickMenuMock=e;
+module.exports = require("../../../src/showcase/premium/right-click-menu/mock.cjs")

package/dist/showcase/premium/right-click-menu/mock.js

@@ -1,39 +1 @@
-//#region src/showcase/premium/right-click-menu/mock.ts
-var e = {
-	code: "import { RightClickMenu } from \"tembro\"\n\nexport function Example() {\n  return (\n    <RightClickMenu\n      items={[\n        { label: \"Rename\" },\n        { label: \"Duplicate\" },\n        { label: \"Archive\" },\n      ]}\n    >\n      <div className=\"rounded-2xl border border-border bg-card px-4 py-8 text-sm\">\n        Right click this surface\n      </div>\n    </RightClickMenu>\n  )\n}",
-	htmlCode: "<div data-slot=\"right-click-menu\"></div>",
-	cliCommand: "npx tembro add right-click-menu",
-	highlights: [
-		"Context actions",
-		"Pointer workflow",
-		"Compact menus",
-		"Workspace interactions"
-	],
-	relatedBlockSlugs: [
-		"users-table",
-		"crm-dashboard",
-		"dashboard-starter"
-	],
-	scenarios: [
-		{
-			title: "File-like actions",
-			description: "Useful where users expect desktop-style context menus."
-		},
-		{
-			title: "Dense workspaces",
-			description: "Expose secondary row actions without cluttering the default UI."
-		},
-		{
-			title: "Power-user flow",
-			description: "Keep advanced actions one right-click away instead of always visible."
-		}
-	],
-	capabilityNotes: [
-		"Use RightClickMenu only where pointer-first interaction is expected.",
-		"Always keep a visible fallback path for touch and keyboard users.",
-		"Keep labels short so menus remain scannable.",
-		"Reserve it for secondary actions, not the only way to complete a task."
-	]
-};
-//#endregion
-export { e as rightClickMenuMock };
+export * from "../../../src/showcase/premium/right-click-menu/mock.js"

package/dist/showcase/premium/right-click-menu/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/right-click-menu/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("lucide-react"),o=require("react/jsx-runtime");var s=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function c(){let[e,c]=i.useState(`Rename`);return(0,o.jsxs)(`div`,{className:`space-y-5`,children:[(0,o.jsxs)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:[(0,o.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,o.jsxs)(`div`,{className:`max-w-xl`,children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Context actions`}),(0,o.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Right click menu should hide secondary actions until they are needed`}),(0,o.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Use it for workspace-style surfaces where always-visible row actions would create too much noise.`})]}),(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,o.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Secondary actions`}),(0,o.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Pointer workflow`}),(0,o.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Compact menu`})]})]}),(0,o.jsxs)(`div`,{className:`mt-6 grid gap-4 xl:grid-cols-[1.05fr_0.95fr]`,children:[(0,o.jsxs)(`div`,{className:s,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Interactive surface`}),(0,o.jsx)(`div`,{className:`mt-3`,children:(0,o.jsx)(r.RightClickMenu,{items:[{label:`Rename`,icon:(0,o.jsx)(a.PencilIcon,{}),shortcut:`R`,onSelect:()=>c(`Rename`)},{label:`Duplicate`,icon:(0,o.jsx)(a.CopyIcon,{}),shortcut:`D`,onSelect:()=>c(`Duplicate`)},{label:`Archive`,icon:(0,o.jsx)(a.ArchiveIcon,{}),onSelect:()=>c(`Archive`)},{label:`Remove`,icon:(0,o.jsx)(a.Trash2Icon,{}),variant:`destructive`,onSelect:()=>c(`Remove`)}],children:(0,o.jsx)(`div`,{className:`rounded-[20px] border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-4 py-12 text-center text-sm aui-text-muted`,tabIndex:0,children:`Right click, use Shift+F10, or press the context-menu key in this area`})})})]}),(0,o.jsxs)(`div`,{className:s,children:[(0,o.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Last action`}),(0,o.jsx)(`p`,{className:`mt-3 text-lg font-semibold aui-text-strong`,children:e}),(0,o.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Keep a visible fallback action path for keyboard and touch users.`})]})]})]}),(0,o.jsx)(`section`,{className:s,children:(0,o.jsxs)(`div`,{className:`flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Live state`}),(0,o.jsxs)(`h4`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:[`Selected action: `,e]})]}),(0,o.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:[`Rename`,`Duplicate`,`Archive`].map(n=>(0,o.jsx)(t.Button,{type:`button`,size:`sm`,variant:e===n?`default`:`secondary`,onClick:()=>c(n),children:n},n))})]})})]})}exports.RightClickMenuShowcase=c;
+module.exports = require("../../../src/showcase/premium/right-click-menu/showcase.cjs")

package/dist/showcase/premium/right-click-menu/showcase.js

@@ -1,142 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { RightClickMenu as n } from "../../../components/ui/right-click-menu/index.js";
-import * as r from "react";
-import { ArchiveIcon as i, CopyIcon as a, PencilIcon as o, Trash2Icon as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/showcase/premium/right-click-menu/showcase.tsx
-var u = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function d() {
-	let [d, f] = r.useState("Rename");
-	return /* @__PURE__ */ l("div", {
-		className: "space-y-5",
-		children: [/* @__PURE__ */ l("section", {
-			className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-			children: [/* @__PURE__ */ l("div", {
-				className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-				children: [/* @__PURE__ */ l("div", {
-					className: "max-w-xl",
-					children: [
-						/* @__PURE__ */ c("p", {
-							className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-							children: "Context actions"
-						}),
-						/* @__PURE__ */ c("h3", {
-							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-							children: "Right click menu should hide secondary actions until they are needed"
-						}),
-						/* @__PURE__ */ c("p", {
-							className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-							children: "Use it for workspace-style surfaces where always-visible row actions would create too much noise."
-						})
-					]
-				}), /* @__PURE__ */ l("div", {
-					className: "flex flex-wrap gap-2",
-					children: [
-						/* @__PURE__ */ c(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Secondary actions"
-						}),
-						/* @__PURE__ */ c(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Pointer workflow"
-						}),
-						/* @__PURE__ */ c(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Compact menu"
-						})
-					]
-				})]
-			}), /* @__PURE__ */ l("div", {
-				className: "mt-6 grid gap-4 xl:grid-cols-[1.05fr_0.95fr]",
-				children: [/* @__PURE__ */ l("div", {
-					className: u,
-					children: [/* @__PURE__ */ c("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Interactive surface"
-					}), /* @__PURE__ */ c("div", {
-						className: "mt-3",
-						children: /* @__PURE__ */ c(n, {
-							items: [
-								{
-									label: "Rename",
-									icon: /* @__PURE__ */ c(o, {}),
-									shortcut: "R",
-									onSelect: () => f("Rename")
-								},
-								{
-									label: "Duplicate",
-									icon: /* @__PURE__ */ c(a, {}),
-									shortcut: "D",
-									onSelect: () => f("Duplicate")
-								},
-								{
-									label: "Archive",
-									icon: /* @__PURE__ */ c(i, {}),
-									onSelect: () => f("Archive")
-								},
-								{
-									label: "Remove",
-									icon: /* @__PURE__ */ c(s, {}),
-									variant: "destructive",
-									onSelect: () => f("Remove")
-								}
-							],
-							children: /* @__PURE__ */ c("div", {
-								className: "rounded-[20px] border border-dashed border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-4 py-12 text-center text-sm aui-text-muted",
-								tabIndex: 0,
-								children: "Right click, use Shift+F10, or press the context-menu key in this area"
-							})
-						})
-					})]
-				}), /* @__PURE__ */ l("div", {
-					className: u,
-					children: [
-						/* @__PURE__ */ c("p", {
-							className: "text-sm font-medium aui-text-muted",
-							children: "Last action"
-						}),
-						/* @__PURE__ */ c("p", {
-							className: "mt-3 text-lg font-semibold aui-text-strong",
-							children: d
-						}),
-						/* @__PURE__ */ c("p", {
-							className: "mt-2 text-sm leading-6 aui-text-muted",
-							children: "Keep a visible fallback action path for keyboard and touch users."
-						})
-					]
-				})]
-			})]
-		}), /* @__PURE__ */ c("section", {
-			className: u,
-			children: /* @__PURE__ */ l("div", {
-				className: "flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Live state"
-				}), /* @__PURE__ */ l("h4", {
-					className: "mt-2 text-lg font-semibold aui-text-strong",
-					children: ["Selected action: ", d]
-				})] }), /* @__PURE__ */ c("div", {
-					className: "flex flex-wrap gap-2",
-					children: [
-						"Rename",
-						"Duplicate",
-						"Archive"
-					].map((t) => /* @__PURE__ */ c(e, {
-						type: "button",
-						size: "sm",
-						variant: d === t ? "default" : "secondary",
-						onClick: () => f(t),
-						children: t
-					}, t))
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { d as RightClickMenuShowcase };
+export * from "../../../src/showcase/premium/right-click-menu/showcase.js"

package/dist/showcase/premium/saved-filter-select/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.SavedFilterSelectShowcase=e.SavedFilterSelectShowcase,exports.savedFilterSelectMock=t.savedFilterSelectMock;
+module.exports = require("../../../src/showcase/premium/saved-filter-select/index.cjs")

package/dist/showcase/premium/saved-filter-select/index.js

@@ -1,3 +1 @@
-import { SavedFilterSelectShowcase as e } from "./showcase.js";
-import { savedFilterSelectMock as t } from "./mock.js";
-export { e as SavedFilterSelectShowcase, t as savedFilterSelectMock };
+export * from "../../../src/showcase/premium/saved-filter-select/index.js"

package/dist/showcase/premium/saved-filter-select/mock.cjs

@@ -1,22 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { SavedFilterSelect } from "tembro"
-
-const filters = [
-  { value: "billing", label: "Billing", description: "Invoices and payment status" },
-  { value: "ops", label: "Operations", description: "Queues and workload" },
-  { value: "owners", label: "Owner: Azamat", description: "Assigned records only" },
-]
-
-export function Example() {
-  const [value, setValue] = useState("billing")
-
-  return (
-    <SavedFilterSelect
-      value={value}
-      onValueChange={setValue}
-      filters={filters}
-      onSave={() => undefined}
-      onDelete={() => undefined}
-    />
-  )
-}`,cliCommand:`npx tembro add saved-filter-select`,highlights:[`Named view switching`,`Nested delete action behavior`,`Toolbar-friendly control`,`Controlled active view API`],scenarios:[{title:`Saved table states`,description:`Restore common operational filter sets quickly.`},{title:`Named views`,description:`Expose billing, ops or owner-specific modes in one control.`},{title:`Managed delete`,description:`Keep delete and apply interactions separated inside the same list row.`}],capabilityNotes:[`Use SavedFilterSelect where operators revisit the same filter combinations repeatedly.`,`Keep the active view controlled so tables and filters stay synchronized.`,`Nested delete actions are isolated from parent selection to avoid accidental view switching.`]};exports.savedFilterSelectMock=e;
+module.exports = require("../../../src/showcase/premium/saved-filter-select/mock.cjs")

package/dist/showcase/premium/saved-filter-select/mock.js

@@ -1,32 +1 @@
-//#region src/showcase/premium/saved-filter-select/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { SavedFilterSelect } from \"tembro\"\n\nconst filters = [\n  { value: \"billing\", label: \"Billing\", description: \"Invoices and payment status\" },\n  { value: \"ops\", label: \"Operations\", description: \"Queues and workload\" },\n  { value: \"owners\", label: \"Owner: Azamat\", description: \"Assigned records only\" },\n]\n\nexport function Example() {\n  const [value, setValue] = useState(\"billing\")\n\n  return (\n    <SavedFilterSelect\n      value={value}\n      onValueChange={setValue}\n      filters={filters}\n      onSave={() => undefined}\n      onDelete={() => undefined}\n    />\n  )\n}",
-	cliCommand: "npx tembro add saved-filter-select",
-	highlights: [
-		"Named view switching",
-		"Nested delete action behavior",
-		"Toolbar-friendly control",
-		"Controlled active view API"
-	],
-	scenarios: [
-		{
-			title: "Saved table states",
-			description: "Restore common operational filter sets quickly."
-		},
-		{
-			title: "Named views",
-			description: "Expose billing, ops or owner-specific modes in one control."
-		},
-		{
-			title: "Managed delete",
-			description: "Keep delete and apply interactions separated inside the same list row."
-		}
-	],
-	capabilityNotes: [
-		"Use SavedFilterSelect where operators revisit the same filter combinations repeatedly.",
-		"Keep the active view controlled so tables and filters stay synchronized.",
-		"Nested delete actions are isolated from parent selection to avoid accidental view switching."
-	]
-};
-//#endregion
-export { e as savedFilterSelectMock };
+export * from "../../../src/showcase/premium/saved-filter-select/mock.js"

package/dist/showcase/premium/saved-filter-select/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/filters/saved-filter-select.cjs"),r=require("../../component-route-data.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o(){let[e,o]=i.useState(`billing`);return(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Badge,{variant:`outline`,children:`Saved views`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Delete action`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Toolbar-ready`})]}),(0,a.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`SavedFilterSelect is the named-view control`}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it when operators need to restore common table states quickly instead of rebuilding every filter combination manually.`})]}),(0,a.jsx)(n.SavedFilterSelect,{value:e,onValueChange:o,filters:r.routeSavedViews,onSave:()=>void 0,onDelete:()=>void 0}),(0,a.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,a.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,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Active view`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:r.routeSavedViews.find(t=>t.value===e)?.label??`No saved view`})]}),(0,a.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,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Delete actions stay isolated from the parent list item selection.`})]}),(0,a.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,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Operational tables, finance queues and admin list views.`})]})]})]})}exports.SavedFilterSelectShowcase=o;
+module.exports = require("../../../src/showcase/premium/saved-filter-select/showcase.cjs")

package/dist/showcase/premium/saved-filter-select/showcase.js

@@ -1,88 +1 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { SavedFilterSelect as t } from "../../../components/filters/saved-filter-select.js";
-import { routeSavedViews as n } from "../../component-route-data.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/saved-filter-select/showcase.tsx
-function o() {
-	let [o, s] = r.useState("billing");
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ a("div", {
-				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-				children: [
-					/* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ i(e, {
-								variant: "outline",
-								children: "Saved views"
-							}),
-							/* @__PURE__ */ i(e, {
-								variant: "outline",
-								children: "Delete action"
-							}),
-							/* @__PURE__ */ i(e, {
-								variant: "outline",
-								children: "Toolbar-ready"
-							})
-						]
-					}),
-					/* @__PURE__ */ i("p", {
-						className: "mt-3 text-sm font-medium aui-text-strong",
-						children: "SavedFilterSelect is the named-view control"
-					}),
-					/* @__PURE__ */ i("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Use it when operators need to restore common table states quickly instead of rebuilding every filter combination manually."
-					})
-				]
-			}),
-			/* @__PURE__ */ i(t, {
-				value: o,
-				onValueChange: s,
-				filters: n,
-				onSave: () => void 0,
-				onDelete: () => void 0
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "grid gap-3 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ a("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__ */ i("p", {
-							className: "font-medium aui-text-strong",
-							children: "Active view"
-						}), /* @__PURE__ */ i("p", {
-							className: "mt-2 aui-text-muted",
-							children: n.find((e) => e.value === o)?.label ?? "No saved view"
-						})]
-					}),
-					/* @__PURE__ */ a("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__ */ i("p", {
-							className: "font-medium aui-text-strong",
-							children: "Interaction model"
-						}), /* @__PURE__ */ i("p", {
-							className: "mt-2 aui-text-muted",
-							children: "Delete actions stay isolated from the parent list item selection."
-						})]
-					}),
-					/* @__PURE__ */ a("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__ */ i("p", {
-							className: "font-medium aui-text-strong",
-							children: "Use case"
-						}), /* @__PURE__ */ i("p", {
-							className: "mt-2 aui-text-muted",
-							children: "Operational tables, finance queues and admin list views."
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { o as SavedFilterSelectShowcase };
+export * from "../../../src/showcase/premium/saved-filter-select/showcase.js"

package/dist/showcase/premium/scroll-box/index.cjs

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