tembro 2.0.3 → 2.0.4

package/dist/showcase/premium/keyboard-shortcut/showcase.js

@@ -1,64 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { KeyboardShortcut as t } from "../../../components/display/keyboard-shortcut.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/keyboard-shortcut/showcase.tsx
-var i = "border-t border-[color:var(--aui-divider)] py-6";
-function a() {
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-0",
-		children: [/* @__PURE__ */ r("section", {
-			className: "pb-6",
-			children: [
-				/* @__PURE__ */ n("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Installed display primitive"
-				}),
-				/* @__PURE__ */ n("h3", {
-					className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-					children: "KeyboardShortcut shows power-user hints without noise"
-				}),
-				/* @__PURE__ */ n("p", {
-					className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-					children: "Keep shortcut chips short and nearby to the action they describe. They should reinforce real behavior, not decorative text."
-				})
-			]
-		}), /* @__PURE__ */ n("section", {
-			className: i,
-			children: /* @__PURE__ */ r("div", {
-				className: "grid gap-6 xl:grid-cols-[1fr_360px]",
-				children: [/* @__PURE__ */ r("div", {
-					className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-					children: [/* @__PURE__ */ r("div", {
-						className: "flex flex-wrap items-center gap-3",
-						children: [/* @__PURE__ */ n(e, {
-							variant: "outline",
-							children: "Search routes"
-						}), /* @__PURE__ */ n(t, { keys: ["Ctrl", "K"] })]
-					}), /* @__PURE__ */ r("div", {
-						className: "mt-4 flex flex-wrap items-center gap-3",
-						children: [
-							/* @__PURE__ */ n(e, {
-								variant: "secondary",
-								children: "Save draft"
-							}),
-							/* @__PURE__ */ n(t, { keys: ["Ctrl", "S"] }),
-							/* @__PURE__ */ n(e, { children: "Publish" }),
-							/* @__PURE__ */ n(t, { keys: ["Shift", "Enter"] })
-						]
-					})]
-				}), /* @__PURE__ */ r("div", {
-					className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-					children: [/* @__PURE__ */ n("p", {
-						className: "text-sm font-semibold aui-text-strong",
-						children: "Guidance"
-					}), /* @__PURE__ */ r("div", {
-						className: "mt-3 space-y-3 text-sm leading-6 aui-text-muted",
-						children: [/* @__PURE__ */ n("p", { children: "Show shortcuts only where the action is relevant. Repeating the same hint everywhere weakens it." }), /* @__PURE__ */ n("p", { children: "Use concise labels like `Ctrl`, `Cmd`, `Shift`, `Enter`, not long prose inside the chip." })]
-					})]
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { a as KeyboardShortcutShowcase };

package/dist/showcase/premium/mention-input/index.cjs

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

package/dist/showcase/premium/mention-input/index.d.ts

@@ -1,2 +0,0 @@
-export { mentionInputMock } from "./mock";
-export { MentionInputShowcase } from "./showcase";

package/dist/showcase/premium/mention-input/index.js

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

package/dist/showcase/premium/mention-input/mock.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { MentionInput } from "@/index"
-
-export function Example() {
-  return (
-    <MentionInput
-      value="Assign @alice and @bob."
-      options={[{ label: "Alice", value: "alice" }, { label: "Bob", value: "bob" }]}
-      onValueChange={(value) => console.log(value)}
-    />
-  )
-}`,cliCommand:`npx tembro add mention-input`,highlights:[`Trigger-based suggestion filtering`,`Keyboard navigation for suggestions`,`Auto insert with controlled value`],scenarios:[{title:`Comments`,description:`Mention teammates in internal notes.`},{title:`Chat input`,description:`Add quick user references while composing.`}]};exports.mentionInputMock=e;

package/dist/showcase/premium/mention-input/mock.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoMock } from "../types";
-export declare const mentionInputMock: ComponentDemoMock;

package/dist/showcase/premium/mention-input/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/mention-input/mock.ts
-var e = {
-	code: "import { MentionInput } from \"@/index\"\n\nexport function Example() {\n  return (\n    <MentionInput\n      value=\"Assign @alice and @bob.\"\n      options={[{ label: \"Alice\", value: \"alice\" }, { label: \"Bob\", value: \"bob\" }]}\n      onValueChange={(value) => console.log(value)}\n    />\n  )\n}",
-	cliCommand: "npx tembro add mention-input",
-	highlights: [
-		"Trigger-based suggestion filtering",
-		"Keyboard navigation for suggestions",
-		"Auto insert with controlled value"
-	],
-	scenarios: [{
-		title: "Comments",
-		description: "Mention teammates in internal notes."
-	}, {
-		title: "Chat input",
-		description: "Add quick user references while composing."
-	}]
-};
-//#endregion
-export { e as mentionInputMock };

package/dist/showcase/premium/mention-input/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/inputs/mention-input.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=[{label:`Alice`,value:`alice`},{label:`Bob`,value:`bob`},{label:`Charlie`,value:`charlie`}];function a(){let[e,a]=n.useState(`Hi @alice, please review this task.`),[o,s]=n.useState([]);return(0,r.jsxs)(`div`,{className:`space-y-3`,children:[(0,r.jsx)(t.MentionInput,{value:e,options:i,onValueChange:a,onMentionSelect:e=>s(t=>[...new Set([...t,e])])}),(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Inserted mentions: `,o.join(`, `)||`None`]})]})}exports.MentionInputShowcase=a;

package/dist/showcase/premium/mention-input/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function MentionInputShowcase(): React.JSX.Element;

package/dist/showcase/premium/mention-input/showcase.js

@@ -1,35 +0,0 @@
-import { MentionInput as e } from "../../../components/inputs/mention-input.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/mention-input/showcase.tsx
-var i = [
-	{
-		label: "Alice",
-		value: "alice"
-	},
-	{
-		label: "Bob",
-		value: "bob"
-	},
-	{
-		label: "Charlie",
-		value: "charlie"
-	}
-];
-function a() {
-	let [a, o] = t.useState("Hi @alice, please review this task."), [s, c] = t.useState([]);
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ n(e, {
-			value: a,
-			options: i,
-			onValueChange: o,
-			onMentionSelect: (e) => c((t) => [...new Set([...t, e])])
-		}), /* @__PURE__ */ r("p", {
-			className: "text-sm text-muted-foreground",
-			children: ["Inserted mentions: ", s.join(", ") || "None"]
-		})]
-	});
-}
-//#endregion
-export { a as MentionInputShowcase };

package/dist/showcase/premium/skeleton-form/index.cjs

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

package/dist/showcase/premium/skeleton-form/index.d.ts

@@ -1,2 +0,0 @@
-export { skeletonFormMock } from "./mock";
-export { SkeletonFormShowcase } from "./showcase";

package/dist/showcase/premium/skeleton-form/index.js

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

package/dist/showcase/premium/skeleton-form/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { SkeletonForm } from "@/index"
-
-export function Example() {
-  return <SkeletonForm fields={3} showTitle columns={2} />
-}`,cliCommand:`npx tembro add skeleton-form`,highlights:[`Form-first loading states that preserve field rhythm`,`Supports one- or two-column layouts`,`Optional title and action skeleton areas`],scenarios:[{title:`Settings`,description:`Keep form layout stable while waiting for data.`},{title:`Create form`,description:`Match final structure without exposing layout jitter.`}]};exports.skeletonFormMock=e;

package/dist/showcase/premium/skeleton-form/mock.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoMock } from "../types";
-export declare const skeletonFormMock: ComponentDemoMock;

package/dist/showcase/premium/skeleton-form/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/skeleton-form/mock.ts
-var e = {
-	code: "import { SkeletonForm } from \"@/index\"\n\nexport function Example() {\n  return <SkeletonForm fields={3} showTitle columns={2} />\n}",
-	cliCommand: "npx tembro add skeleton-form",
-	highlights: [
-		"Form-first loading states that preserve field rhythm",
-		"Supports one- or two-column layouts",
-		"Optional title and action skeleton areas"
-	],
-	scenarios: [{
-		title: "Settings",
-		description: "Keep form layout stable while waiting for data."
-	}, {
-		title: "Create form",
-		description: "Match final structure without exposing layout jitter."
-	}]
-};
-//#endregion
-export { e as skeletonFormMock };

package/dist/showcase/premium/skeleton-form/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/display/skeleton-form.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState(4),[o,s]=r.useState(1),[c,l]=r.useState(!0);return(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Button,{size:`sm`,variant:e===3?`default`:`outline`,onClick:()=>a(3),children:`3 fields`}),(0,i.jsx)(t.Button,{size:`sm`,variant:e===4?`default`:`outline`,onClick:()=>a(4),children:`4 fields`}),(0,i.jsx)(t.Button,{size:`sm`,variant:o===1?`default`:`outline`,onClick:()=>s(1),children:`1 column`}),(0,i.jsx)(t.Button,{size:`sm`,variant:o===2?`default`:`outline`,onClick:()=>s(2),children:`2 columns`}),(0,i.jsx)(t.Button,{size:`sm`,variant:c?`default`:`outline`,onClick:()=>l(e=>!e),children:c?`Actions`:`No actions`})]}),(0,i.jsx)(n.SkeletonForm,{fields:e,columns:o,showActions:c})]})}exports.SkeletonFormShowcase=a;

package/dist/showcase/premium/skeleton-form/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function SkeletonFormShowcase(): React.JSX.Element;

package/dist/showcase/premium/skeleton-form/showcase.js

@@ -1,52 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { SkeletonForm as t } from "../../../components/display/skeleton-form.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/skeleton-form/showcase.tsx
-function a() {
-	let [a, o] = n.useState(4), [s, c] = n.useState(1), [l, u] = n.useState(!0);
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex flex-wrap gap-2",
-			children: [
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a === 3 ? "default" : "outline",
-					onClick: () => o(3),
-					children: "3 fields"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a === 4 ? "default" : "outline",
-					onClick: () => o(4),
-					children: "4 fields"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: s === 1 ? "default" : "outline",
-					onClick: () => c(1),
-					children: "1 column"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: s === 2 ? "default" : "outline",
-					onClick: () => c(2),
-					children: "2 columns"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: l ? "default" : "outline",
-					onClick: () => u((e) => !e),
-					children: l ? "Actions" : "No actions"
-				})
-			]
-		}), /* @__PURE__ */ r(t, {
-			fields: a,
-			columns: s,
-			showActions: l
-		})]
-	});
-}
-//#endregion
-export { a as SkeletonFormShowcase };

package/dist/showcase/premium/skeleton-table/index.cjs

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

package/dist/showcase/premium/skeleton-table/index.d.ts

@@ -1,2 +0,0 @@
-export { skeletonTableMock } from "./mock";
-export { SkeletonTableShowcase } from "./showcase";

package/dist/showcase/premium/skeleton-table/index.js

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

package/dist/showcase/premium/skeleton-table/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { SkeletonTable } from "@/index"
-
-export function Example() {
-  return <SkeletonTable rows={4} columns={4} showHeader showToolbar />
-}`,cliCommand:`npx tembro add skeleton-table`,highlights:[`Compact placeholder for async table loading`,`Supports header and action bar variants`,`Good fit during first-load and refetch states`],scenarios:[{title:`Data pages`,description:`Replace with table body after fetch completes.`},{title:`Search results`,description:`Keep layout stable while filters run.`}]};exports.skeletonTableMock=e;

package/dist/showcase/premium/skeleton-table/mock.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoMock } from "../types";
-export declare const skeletonTableMock: ComponentDemoMock;

package/dist/showcase/premium/skeleton-table/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/skeleton-table/mock.ts
-var e = {
-	code: "import { SkeletonTable } from \"@/index\"\n\nexport function Example() {\n  return <SkeletonTable rows={4} columns={4} showHeader showToolbar />\n}",
-	cliCommand: "npx tembro add skeleton-table",
-	highlights: [
-		"Compact placeholder for async table loading",
-		"Supports header and action bar variants",
-		"Good fit during first-load and refetch states"
-	],
-	scenarios: [{
-		title: "Data pages",
-		description: "Replace with table body after fetch completes."
-	}, {
-		title: "Search results",
-		description: "Keep layout stable while filters run."
-	}]
-};
-//#endregion
-export { e as skeletonTableMock };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/display/skeleton-table.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState(!0),[o,s]=r.useState(4),[c,l]=r.useState(4);return(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Button,{size:`sm`,variant:e?`default`:`outline`,onClick:()=>a(e=>!e),children:`Toolbar`}),(0,i.jsx)(t.Button,{size:`sm`,onClick:()=>s(3),variant:`outline`,children:`3 cols`}),(0,i.jsx)(t.Button,{size:`sm`,onClick:()=>s(4),variant:`outline`,children:`4 cols`}),(0,i.jsx)(t.Button,{size:`sm`,onClick:()=>s(5),variant:`outline`,children:`5 cols`}),(0,i.jsx)(t.Button,{size:`sm`,onClick:()=>l(3),variant:`outline`,children:`3 rows`}),(0,i.jsx)(t.Button,{size:`sm`,onClick:()=>l(6),variant:`outline`,children:`6 rows`})]}),(0,i.jsx)(n.SkeletonTable,{rows:c,columns:o,showHeader:!0,showToolbar:e})]})}exports.SkeletonTableShowcase=a;

package/dist/showcase/premium/skeleton-table/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function SkeletonTableShowcase(): React.JSX.Element;

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

@@ -1,59 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { SkeletonTable as t } from "../../../components/display/skeleton-table.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/skeleton-table/showcase.tsx
-function a() {
-	let [a, o] = n.useState(!0), [s, c] = n.useState(4), [l, u] = n.useState(4);
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex flex-wrap gap-2",
-			children: [
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					variant: a ? "default" : "outline",
-					onClick: () => o((e) => !e),
-					children: "Toolbar"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					onClick: () => c(3),
-					variant: "outline",
-					children: "3 cols"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					onClick: () => c(4),
-					variant: "outline",
-					children: "4 cols"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					onClick: () => c(5),
-					variant: "outline",
-					children: "5 cols"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					onClick: () => u(3),
-					variant: "outline",
-					children: "3 rows"
-				}),
-				/* @__PURE__ */ r(e, {
-					size: "sm",
-					onClick: () => u(6),
-					variant: "outline",
-					children: "6 rows"
-				})
-			]
-		}), /* @__PURE__ */ r(t, {
-			rows: l,
-			columns: s,
-			showHeader: !0,
-			showToolbar: a
-		})]
-	});
-}
-//#endregion
-export { a as SkeletonTableShowcase };

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

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

package/dist/showcase/premium/stack/index.d.ts

@@ -1,2 +0,0 @@
-export { stackMock } from "./mock";
-export { StackShowcase } from "./showcase";

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

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

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

@@ -1,10 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Button, Stack } from "@/index"
-
-export function Example() {
-  return (
-    <Stack gap="lg" splitAfter={<Button size="sm">Secondary</Button>}>
-      <div className="text-sm">Primary action</div>
-      <div className="text-sm">Status line</div>
-    </Stack>
-  )
-}`,cliCommand:`npx tembro add stack`,highlights:[`Flexible vertical layout helper`,`Split insert points without extra wrappers`,`Consistent spacing with simple gap presets`],scenarios:[{title:`Form stack`,description:`Stable form section spacing.`},{title:`Card body`,description:`Build readable content groups quickly.`},{title:`Settings page`,description:`Keep labels and controls in order.`}]};exports.stackMock=e;

package/dist/showcase/premium/stack/mock.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoMock } from "../types";
-export declare const stackMock: ComponentDemoMock;

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

@@ -1,26 +0,0 @@
-//#region src/showcase/premium/stack/mock.ts
-var e = {
-	code: "import { Button, Stack } from \"@/index\"\n\nexport function Example() {\n  return (\n    <Stack gap=\"lg\" splitAfter={<Button size=\"sm\">Secondary</Button>}>\n      <div className=\"text-sm\">Primary action</div>\n      <div className=\"text-sm\">Status line</div>\n    </Stack>\n  )\n}",
-	cliCommand: "npx tembro add stack",
-	highlights: [
-		"Flexible vertical layout helper",
-		"Split insert points without extra wrappers",
-		"Consistent spacing with simple gap presets"
-	],
-	scenarios: [
-		{
-			title: "Form stack",
-			description: "Stable form section spacing."
-		},
-		{
-			title: "Card body",
-			description: "Build readable content groups quickly."
-		},
-		{
-			title: "Settings page",
-			description: "Keep labels and controls in order."
-		}
-	]
-};
-//#endregion
-export { e as stackMock };

package/dist/showcase/premium/stack/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/ui/divider/index.cjs"),n=require("../../../components/layout/stack.cjs");let r=require("react/jsx-runtime");function i(){return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(n.Stack,{gap:`sm`,children:[(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Small gap stack keeps controls close.`}),(0,r.jsx)(e.Button,{size:`sm`,children:`Primary`}),(0,r.jsx)(e.Button,{size:`sm`,variant:`outline`,children:`Secondary`})]}),(0,r.jsx)(t.Divider,{}),(0,r.jsxs)(n.Stack,{gap:`xl`,splitAfter:(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Action barrier`}),children:[(0,r.jsx)(`p`,{className:`text-sm`,children:`Large gap for grouped blocks.`}),(0,r.jsx)(`p`,{className:`text-sm`,children:`SplitAfter inserts a stable divider point without nested wrappers.`})]})]})}exports.StackShowcase=i;

package/dist/showcase/premium/stack/showcase.d.ts

@@ -1 +0,0 @@
-export declare function StackShowcase(): import("react").JSX.Element;

package/dist/showcase/premium/stack/showcase.js

@@ -1,47 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Divider as t } from "../../../components/ui/divider/index.js";
-import { Stack as n } from "../../../components/layout/stack.js";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/stack/showcase.tsx
-function a() {
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ i(n, {
-				gap: "sm",
-				children: [
-					/* @__PURE__ */ r("p", {
-						className: "text-sm text-muted-foreground",
-						children: "Small gap stack keeps controls close."
-					}),
-					/* @__PURE__ */ r(e, {
-						size: "sm",
-						children: "Primary"
-					}),
-					/* @__PURE__ */ r(e, {
-						size: "sm",
-						variant: "outline",
-						children: "Secondary"
-					})
-				]
-			}),
-			/* @__PURE__ */ r(t, {}),
-			/* @__PURE__ */ i(n, {
-				gap: "xl",
-				splitAfter: /* @__PURE__ */ r("p", {
-					className: "text-sm text-muted-foreground",
-					children: "Action barrier"
-				}),
-				children: [/* @__PURE__ */ r("p", {
-					className: "text-sm",
-					children: "Large gap for grouped blocks."
-				}), /* @__PURE__ */ r("p", {
-					className: "text-sm",
-					children: "SplitAfter inserts a stable divider point without nested wrappers."
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { a as StackShowcase };

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

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

package/dist/showcase/premium/tag-list/index.d.ts

@@ -1,2 +0,0 @@
-export { tagListMock } from "./mock";
-export { TagListShowcase } from "./showcase";

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

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

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

@@ -1,12 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
-import { TagList } from "@/index"
-
-export function Example() {
-  const [items, setItems] = React.useState([
-    { key: "react", label: "React" },
-    { key: "typescript", label: "TypeScript" },
-    { key: "design-system", label: "Design system" },
-  ])
-
-  return <TagList items={items} removable onRemove={(item) => setItems((list) => list.filter((entry) => entry.key !== item.key))} />
-}`,cliCommand:`npx tembro add tag-list`,highlights:[`Compact badge-based collection of labels`,`Optional remove actions for editable taxonomies`,`Useful for skills, filters, product areas, and metadata chips`],scenarios:[{title:`Skill chips`,description:`Show categorized labels without building a full tag input field.`},{title:`Selected filters`,description:`Summarize active states at the top of a page.`},{title:`Editable metadata`,description:`Allow small remove actions on existing labels.`}]};exports.tagListMock=e;

package/dist/showcase/premium/tag-list/mock.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentDemoMock } from "../types";
-export declare const tagListMock: ComponentDemoMock;

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

@@ -1,26 +0,0 @@
-//#region src/showcase/premium/tag-list/mock.ts
-var e = {
-	code: "import * as React from \"react\"\nimport { TagList } from \"@/index\"\n\nexport function Example() {\n  const [items, setItems] = React.useState([\n    { key: \"react\", label: \"React\" },\n    { key: \"typescript\", label: \"TypeScript\" },\n    { key: \"design-system\", label: \"Design system\" },\n  ])\n\n  return <TagList items={items} removable onRemove={(item) => setItems((list) => list.filter((entry) => entry.key !== item.key))} />\n}",
-	cliCommand: "npx tembro add tag-list",
-	highlights: [
-		"Compact badge-based collection of labels",
-		"Optional remove actions for editable taxonomies",
-		"Useful for skills, filters, product areas, and metadata chips"
-	],
-	scenarios: [
-		{
-			title: "Skill chips",
-			description: "Show categorized labels without building a full tag input field."
-		},
-		{
-			title: "Selected filters",
-			description: "Summarize active states at the top of a page."
-		},
-		{
-			title: "Editable metadata",
-			description: "Allow small remove actions on existing labels."
-		}
-	]
-};
-//#endregion
-export { e as tagListMock };

package/dist/showcase/premium/tag-list/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/display/tag-list.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=`border-t border-[color:var(--aui-divider)] py-6`,a=[{key:`react`,label:`React`},{key:`typescript`,label:`TypeScript`},{key:`dashboard`,label:`Dashboard`},{key:`design-system`,label:`Design system`},{key:`release`,label:`Release`}];function o(){let[e,o]=n.useState(a);return(0,r.jsxs)(`div`,{className:`space-y-0`,children:[(0,r.jsxs)(`section`,{className:`pb-6`,children:[(0,r.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed display primitive`}),(0,r.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`TagList shows existing labels, not text entry`}),(0,r.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`Use TagList to display or lightly edit known labels. If the user must type new values, move to TagInput instead.`})]}),(0,r.jsx)(`section`,{className:i,children:(0,r.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1fr_360px]`,children:[(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Editable metadata chips`}),(0,r.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Remove actions should stay small and secondary so the tags remain readable as content first.`}),(0,r.jsx)(`div`,{className:`mt-5 rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:(0,r.jsx)(t.TagList,{items:e,removable:!0,onRemove:e=>o(t=>t.filter(t=>t.key!==e.key))})})]}),(0,r.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] p-4`,children:[(0,r.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Guidance`}),(0,r.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,r.jsx)(`p`,{children:`TagList is display-first. It should not impersonate a full input when creation is not available.`}),(0,r.jsx)(`p`,{children:"Use `max` when pages need a condensed summary and overflow should collapse into a count chip."})]})]})]})})]})}exports.TagListShowcase=o;

package/dist/showcase/premium/tag-list/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function TagListShowcase(): React.JSX.Element;