tembro 3.0.0 → 3.1.1

package/dist/showcase/premium/checkbox/showcase.js

@@ -1,184 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Checkbox as t } from "../../../components/ui/checkbox/index.js";
-import { Badge as n } from "../../../components/ui/badge/index.js";
-import { checkboxDemoItems as r } from "./data.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/checkbox/showcase.tsx
-var o = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function s({ state: s, setState: c }) {
-	let l = s.checked ? "checked" : s.textValue === "mixed" ? "mixed" : "unchecked";
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-5",
-		children: [/* @__PURE__ */ a("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: "Binary lists"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Checkboxes should read like a checklist"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "The preview should show task-like selection, disabled permissions, and follow-up actions in one readable stack instead of floating toggles."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ i(n, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Controlled"
-							}),
-							/* @__PURE__ */ i(n, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Default checked"
-							}),
-							/* @__PURE__ */ i(n, {
-								variant: "outline",
-								className: "rounded-full",
-								children: "Disabled"
-							})
-						]
-					})]
-				}),
-				/* @__PURE__ */ a("div", {
-					className: "mt-6 grid gap-3 md:grid-cols-3",
-					children: [
-						/* @__PURE__ */ a("div", {
-							className: `${o} flex items-start gap-3`,
-							children: [/* @__PURE__ */ i(t, {
-								size: "lg",
-								allowIndeterminate: !0,
-								checked: l === "mixed" ? "indeterminate" : l === "checked",
-								onCheckedStateChange: (e) => {
-									c(e === "indeterminate" ? {
-										checked: !1,
-										textValue: "mixed"
-									} : e ? {
-										checked: !0,
-										textValue: "checked"
-									} : {
-										checked: !1,
-										textValue: "unchecked"
-									});
-								}
-							}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-								className: "text-sm font-medium aui-text-strong",
-								children: "Approval state"
-							}), /* @__PURE__ */ i("p", {
-								className: "mt-1 text-sm aui-text-muted",
-								children: "Use `indeterminate` when not all child tasks are complete."
-							})] })]
-						}),
-						/* @__PURE__ */ a("div", {
-							className: `${o} flex items-start gap-3`,
-							children: [/* @__PURE__ */ i(t, {
-								size: "lg",
-								checked: "indeterminate"
-							}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-								className: "text-sm font-medium aui-text-strong",
-								children: "Indeterminate"
-							}), /* @__PURE__ */ i("p", {
-								className: "mt-1 text-sm aui-text-muted",
-								children: "Useful for parent rows and bulk selection summaries."
-							})] })]
-						}),
-						/* @__PURE__ */ a("div", {
-							className: `${o} flex items-start gap-3`,
-							children: [/* @__PURE__ */ i(t, {
-								size: "lg",
-								checked: !0,
-								disabled: !0
-							}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-								className: "text-sm font-medium aui-text-strong",
-								children: "Disabled selected"
-							}), /* @__PURE__ */ i("p", {
-								className: "mt-1 text-sm aui-text-muted",
-								children: "Shows permission-locked completion without becoming clickable."
-							})] })]
-						})
-					]
-				}),
-				/* @__PURE__ */ i("div", {
-					className: "mt-3 grid gap-3",
-					children: r.map((e, n) => /* @__PURE__ */ a("label", {
-						htmlFor: e.id,
-						className: `${o} flex items-start gap-3`,
-						children: [/* @__PURE__ */ i(t, {
-							id: e.id,
-							checked: n === 0 ? s.checked : e.checked,
-							disabled: e.disabled,
-							invalid: n === 0 && l === "unchecked",
-							onCheckedChange: n === 0 ? (e) => c({ checked: !!e }) : void 0,
-							defaultChecked: n > 0 ? e.checked : void 0
-						}), /* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-							className: "text-sm font-medium aui-text-strong",
-							children: e.label
-						}), /* @__PURE__ */ i("p", {
-							className: "mt-1 text-sm aui-text-muted",
-							children: e.description
-						})] })]
-					}, e.label))
-				})
-			]
-		}), /* @__PURE__ */ i("section", {
-			className: o,
-			children: /* @__PURE__ */ a("div", {
-				className: "flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [
-					/* @__PURE__ */ i("p", {
-						className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-						children: "Live state"
-					}),
-					/* @__PURE__ */ a("h4", {
-						className: "mt-2 text-lg font-semibold aui-text-strong",
-						children: ["Release checklist is ", l]
-					}),
-					/* @__PURE__ */ i("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Toggle the first row or use these actions to verify controlled tri-state checkbox behavior."
-					})
-				] }), /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-2",
-					children: [
-						/* @__PURE__ */ i(e, {
-							type: "button",
-							size: "sm",
-							onClick: () => c({ checked: !0 }),
-							children: "Enable"
-						}),
-						/* @__PURE__ */ i(e, {
-							type: "button",
-							size: "sm",
-							variant: "secondary",
-							onClick: () => c({ checked: !1 }),
-							children: "Disable"
-						}),
-						/* @__PURE__ */ i(e, {
-							type: "button",
-							size: "sm",
-							variant: "outline",
-							onClick: () => c({
-								checked: !1,
-								textValue: "mixed"
-							}),
-							children: "Set mixed"
-						})
-					]
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { s as CheckboxShowcase };
+export * from "../../../src/showcase/premium/checkbox/showcase.js"

package/dist/showcase/premium/checkbox/types.cjs

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

package/dist/showcase/premium/checkbox/types.js

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

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

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

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

@@ -1,3 +1 @@
-import { ClearableInputShowcase as e } from "./showcase.js";
-import { clearableInputMock as t } from "./mock.js";
-export { e as ClearableInputShowcase, t as clearableInputMock };
+export * from "../../../src/showcase/premium/clearable-input/index.js"

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

@@ -1,16 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
-import { Input } from "tembro"
-
-export function Example() {
-  const [value, setValue] = React.useState("workspace token")
-
-  return (
-    <Input
-      value={value}
-      onValueChange={setValue}
-      placeholder="Filter or paste value..."
-      clearable
-      clearOnEscape
-    />
-  )
-}`,cliCommand:`npx tembro add input`,highlights:[`Inline clear action`,`Escape-to-clear support`,`Focus restore after clearing`,`Small but high-frequency utility input`],scenarios:[{title:`Filter reset`,description:`Let users clear a short filter without hunting for an extra reset button.`},{title:`Token paste`,description:`Remove a pasted value quickly and stay focused in the same field.`},{title:`Toolbar utility`,description:`Use in dense admin bars where compact cleanup matters.`}],capabilityNotes:["Prefer `Input clearable` for short-lived values like filters and quick entry.",`Escape clear is useful only when the input is frequently changed.`,`Keep the field visually quiet so the clear action feels secondary.`]};exports.clearableInputMock=e;
+module.exports = require("../../../src/showcase/premium/clearable-input/mock.cjs")

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

@@ -1,32 +1 @@
-//#region src/showcase/premium/clearable-input/mock.ts
-var e = {
-	code: "import * as React from \"react\"\nimport { Input } from \"tembro\"\n\nexport function Example() {\n  const [value, setValue] = React.useState(\"workspace token\")\n\n  return (\n    <Input\n      value={value}\n      onValueChange={setValue}\n      placeholder=\"Filter or paste value...\"\n      clearable\n      clearOnEscape\n    />\n  )\n}",
-	cliCommand: "npx tembro add input",
-	highlights: [
-		"Inline clear action",
-		"Escape-to-clear support",
-		"Focus restore after clearing",
-		"Small but high-frequency utility input"
-	],
-	scenarios: [
-		{
-			title: "Filter reset",
-			description: "Let users clear a short filter without hunting for an extra reset button."
-		},
-		{
-			title: "Token paste",
-			description: "Remove a pasted value quickly and stay focused in the same field."
-		},
-		{
-			title: "Toolbar utility",
-			description: "Use in dense admin bars where compact cleanup matters."
-		}
-	],
-	capabilityNotes: [
-		"Prefer `Input clearable` for short-lived values like filters and quick entry.",
-		"Escape clear is useful only when the input is frequently changed.",
-		"Keep the field visually quiet so the clear action feels secondary."
-	]
-};
-//#endregion
-export { e as clearableInputMock };
+export * from "../../../src/showcase/premium/clearable-input/mock.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/input/index.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=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function o({mode:e}){let[o,s]=r.useState(`workspace token`);return(0,i.jsxs)(`div`,{className:`space-y-5`,children:[(0,i.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,i.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between`,children:[(0,i.jsxs)(`div`,{className:`max-w-xl`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Utility input`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`ClearableInput should remove friction from repetitive short entry`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`This control exists for fields people revise often. Clear has to feel instant and keep focus where the user already is.`})]}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Escape clear`}),(0,i.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Focus restore`})]})]})}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsx)(t.Input,{value:o,onValueChange:s,placeholder:`Filter or paste value...`,clearable:!0,clearOnEscape:!0,trailingAction:(0,i.jsx)(`span`,{className:`text-xs aui-text-muted`,children:`Live filter`}),replaceTrailingWhenClear:!1})}),(0,i.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Current value`}),(0,i.jsx)(`p`,{className:`mt-3 text-base font-medium aui-text-strong`,children:o||`Empty`})]}),(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Usage note`}),(0,i.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Good for toolbar filters, small token fields, and any place users repeatedly enter and clear short text.`})]})]}),e===`playground`?(0,i.jsx)(`section`,{className:a,children:(0,i.jsx)(`p`,{className:`text-sm aui-text-muted`,children:"`Escape` bosib ham clear bo‘lishini sinab ko‘ring."})}):null]})}exports.ClearableInputShowcase=o;
+module.exports = require("../../../src/showcase/premium/clearable-input/showcase.cjs")

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

@@ -1,94 +1 @@
-import { Input as e } from "../../../components/ui/input/index.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/clearable-input/showcase.tsx
-var a = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function o({ mode: o }) {
-	let [s, c] = n.useState("workspace token");
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ r("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ i("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ i("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ r("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Utility input"
-							}),
-							/* @__PURE__ */ r("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "ClearableInput should remove friction from repetitive short entry"
-							}),
-							/* @__PURE__ */ r("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "This control exists for fields people revise often. Clear has to feel instant and keep focus where the user already is."
-							})
-						]
-					}), /* @__PURE__ */ i("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ r(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Escape clear"
-						}), /* @__PURE__ */ r(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Focus restore"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ r("section", {
-				className: a,
-				children: /* @__PURE__ */ r(e, {
-					value: s,
-					onValueChange: c,
-					placeholder: "Filter or paste value...",
-					clearable: !0,
-					clearOnEscape: !0,
-					trailingAction: /* @__PURE__ */ r("span", {
-						className: "text-xs aui-text-muted",
-						children: "Live filter"
-					}),
-					replaceTrailingWhenClear: !1
-				})
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "grid gap-4 xl:grid-cols-2",
-				children: [/* @__PURE__ */ i("section", {
-					className: a,
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Current value"
-					}), /* @__PURE__ */ r("p", {
-						className: "mt-3 text-base font-medium aui-text-strong",
-						children: s || "Empty"
-					})]
-				}), /* @__PURE__ */ i("section", {
-					className: a,
-					children: [/* @__PURE__ */ r("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Usage note"
-					}), /* @__PURE__ */ r("p", {
-						className: "mt-3 text-sm leading-6 aui-text-muted",
-						children: "Good for toolbar filters, small token fields, and any place users repeatedly enter and clear short text."
-					})]
-				})]
-			}),
-			o === "playground" ? /* @__PURE__ */ r("section", {
-				className: a,
-				children: /* @__PURE__ */ r("p", {
-					className: "text-sm aui-text-muted",
-					children: "`Escape` bosib ham clear bo‘lishini sinab ko‘ring."
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { o as ClearableInputShowcase };
+export * from "../../../src/showcase/premium/clearable-input/showcase.js"

package/dist/showcase/premium/code-block/index.cjs

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

package/dist/showcase/premium/code-block/index.js

@@ -1,3 +1 @@
-import { codeBlockMock as e } from "./mock.js";
-import { CodeBlockShowcase as t } from "./showcase.js";
-export { t as CodeBlockShowcase, e as codeBlockMock };
+export * from "../../../src/showcase/premium/code-block/index.js"

package/dist/showcase/premium/code-block/mock.cjs

@@ -1,7 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CodeBlock } from "tembro"
-
-const snippet = \`npx tembro add button select\`
-
-export function Example() {
-  return <CodeBlock title="CLI" language="bash" code={snippet} />
-}`,cliCommand:`npx tembro add code-block`,highlights:[`Header with title, language and built-in copy action`,`Supports long wrapped snippets or horizontal scroll`,`Useful for CLI, config and docs snippets`],scenarios:[{title:`CLI docs`,description:`Show install or add commands with fast copy action.`},{title:`Config snippet`,description:`Render small code samples without building a syntax highlighter.`},{title:`Response sample`,description:`Present payload examples in compact technical docs.`}]};exports.codeBlockMock=e;
+module.exports = require("../../../src/showcase/premium/code-block/mock.cjs")

package/dist/showcase/premium/code-block/mock.js

@@ -1,26 +1 @@
-//#region src/showcase/premium/code-block/mock.ts
-var e = {
-	code: "import { CodeBlock } from \"tembro\"\n\nconst snippet = `npx tembro add button select`\n\nexport function Example() {\n  return <CodeBlock title=\"CLI\" language=\"bash\" code={snippet} />\n}",
-	cliCommand: "npx tembro add code-block",
-	highlights: [
-		"Header with title, language and built-in copy action",
-		"Supports long wrapped snippets or horizontal scroll",
-		"Useful for CLI, config and docs snippets"
-	],
-	scenarios: [
-		{
-			title: "CLI docs",
-			description: "Show install or add commands with fast copy action."
-		},
-		{
-			title: "Config snippet",
-			description: "Render small code samples without building a syntax highlighter."
-		},
-		{
-			title: "Response sample",
-			description: "Present payload examples in compact technical docs."
-		}
-	]
-};
-//#endregion
-export { e as codeBlockMock };
+export * from "../../../src/showcase/premium/code-block/mock.js"

package/dist/showcase/premium/code-block/showcase.cjs

@@ -1,5 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/badge/index.cjs"),t=require("../../../components/display/code-block.cjs");let n=require("react/jsx-runtime");var r=`border-t border-[color:var(--aui-divider)] py-6`,i=`npx tembro init
-npx tembro add button input data-table`,a=`:root {
-  --aui-card-radius: 18px;
-  --aui-card-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
-}`;function o(){return(0,n.jsxs)(`div`,{className:`space-y-0`,children:[(0,n.jsxs)(`section`,{className:`pb-6`,children:[(0,n.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed display primitive`}),(0,n.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`CodeBlock keeps docs snippets clean and copyable`}),(0,n.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`Use it for short technical snippets where product docs need clean framing, title, language label and inline copy.`})]}),(0,n.jsx)(`section`,{className:r,children:(0,n.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1fr_360px]`,children:[(0,n.jsxs)(`div`,{className:`space-y-4`,children:[(0,n.jsx)(t.CodeBlock,{title:`Install`,language:`bash`,code:i}),(0,n.jsx)(t.CodeBlock,{title:`Token override`,language:`css`,code:a,wrap:!0})]}),(0,n.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] p-4`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,n.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Use when`}),(0,n.jsx)(e.Badge,{variant:`secondary`,children:`Docs`})]}),(0,n.jsxs)(`div`,{className:`mt-3 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,n.jsx)(`p`,{children:`Prefer CodeBlock when the snippet itself is the content. Do not wrap every small inline token in a code panel.`}),(0,n.jsx)(`p`,{children:`For long articles or syntax-highlighting needs, you may still layer a richer renderer around the same route.`})]})]})]})})]})}exports.CodeBlockShowcase=o;
+module.exports = require("../../../src/showcase/premium/code-block/showcase.cjs")

package/dist/showcase/premium/code-block/showcase.js

@@ -1,62 +1 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { CodeBlock as t } from "../../../components/display/code-block.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/code-block/showcase.tsx
-var i = "border-t border-[color:var(--aui-divider)] py-6", a = "npx tembro init\nnpx tembro add button input data-table", o = ":root {\n  --aui-card-radius: 18px;\n  --aui-card-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);\n}";
-function s() {
-	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: "CodeBlock keeps docs snippets clean and copyable"
-				}),
-				/* @__PURE__ */ n("p", {
-					className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-					children: "Use it for short technical snippets where product docs need clean framing, title, language label and inline copy."
-				})
-			]
-		}), /* @__PURE__ */ n("section", {
-			className: i,
-			children: /* @__PURE__ */ r("div", {
-				className: "grid gap-6 xl:grid-cols-[1fr_360px]",
-				children: [/* @__PURE__ */ r("div", {
-					className: "space-y-4",
-					children: [/* @__PURE__ */ n(t, {
-						title: "Install",
-						language: "bash",
-						code: a
-					}), /* @__PURE__ */ n(t, {
-						title: "Token override",
-						language: "css",
-						code: o,
-						wrap: !0
-					})]
-				}), /* @__PURE__ */ r("div", {
-					className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-					children: [/* @__PURE__ */ r("div", {
-						className: "flex items-center justify-between gap-3",
-						children: [/* @__PURE__ */ n("p", {
-							className: "text-sm font-semibold aui-text-strong",
-							children: "Use when"
-						}), /* @__PURE__ */ n(e, {
-							variant: "secondary",
-							children: "Docs"
-						})]
-					}), /* @__PURE__ */ r("div", {
-						className: "mt-3 space-y-3 text-sm leading-6 aui-text-muted",
-						children: [/* @__PURE__ */ n("p", { children: "Prefer CodeBlock when the snippet itself is the content. Do not wrap every small inline token in a code panel." }), /* @__PURE__ */ n("p", { children: "For long articles or syntax-highlighting needs, you may still layer a richer renderer around the same route." })]
-					})]
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { s as CodeBlockShowcase };
+export * from "../../../src/showcase/premium/code-block/showcase.js"

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

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

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

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

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

@@ -1,20 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { CollapseGroup } from "tembro"
-
-const sections = [
-  {
-    key: "permissions",
-    title: "Permissions",
-    description: "Who can publish and archive components.",
-    content: "Owners can publish. Editors can update docs. Viewers can inspect previews only.",
-  },
-  {
-    key: "release",
-    title: "Release notes",
-    description: "What changed in this version.",
-    content: "Added Tooltip, Combobox and Collapse public docs surfaces.",
-  },
-]
-
-export function Example() {
-  return <CollapseGroup items={sections} type="single" defaultValue="permissions" />
-}`,htmlCode:`<details data-slot="collapse"><summary>Open details</summary></details>`,cliCommand:`npx tembro add collapse`,highlights:[`Progressive disclosure`,`Single or multiple open items`,`Dense settings layout`,`Controlled group state`],relatedBlockSlugs:[`settings-form`,`dashboard-starter`,`crm-dashboard`],scenarios:[{title:`FAQ and settings`,description:`Reveal more detail without turning the page into a long wall of text.`},{title:`Release notes`,description:`Show secondary information only when the user asks for it.`},{title:`Admin sections`,description:`Useful in compact pages where every line of space matters.`}],capabilityNotes:[`Use Collapse when the default page should stay compact but details must remain nearby.`,'For one-open-at-a-time behavior, prefer `CollapseGroup` with `type="single"`.',`Do not hide critical validation or destructive warnings inside collapsed content.`,`Keep titles scannable so users know what each section reveals before opening it.`]};exports.collapseMock=e;
+module.exports = require("../../../src/showcase/premium/collapse/mock.cjs")

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

@@ -1,39 +1 @@
-//#region src/showcase/premium/collapse/mock.ts
-var e = {
-	code: "import { CollapseGroup } from \"tembro\"\n\nconst sections = [\n  {\n    key: \"permissions\",\n    title: \"Permissions\",\n    description: \"Who can publish and archive components.\",\n    content: \"Owners can publish. Editors can update docs. Viewers can inspect previews only.\",\n  },\n  {\n    key: \"release\",\n    title: \"Release notes\",\n    description: \"What changed in this version.\",\n    content: \"Added Tooltip, Combobox and Collapse public docs surfaces.\",\n  },\n]\n\nexport function Example() {\n  return <CollapseGroup items={sections} type=\"single\" defaultValue=\"permissions\" />\n}",
-	htmlCode: "<details data-slot=\"collapse\"><summary>Open details</summary></details>",
-	cliCommand: "npx tembro add collapse",
-	highlights: [
-		"Progressive disclosure",
-		"Single or multiple open items",
-		"Dense settings layout",
-		"Controlled group state"
-	],
-	relatedBlockSlugs: [
-		"settings-form",
-		"dashboard-starter",
-		"crm-dashboard"
-	],
-	scenarios: [
-		{
-			title: "FAQ and settings",
-			description: "Reveal more detail without turning the page into a long wall of text."
-		},
-		{
-			title: "Release notes",
-			description: "Show secondary information only when the user asks for it."
-		},
-		{
-			title: "Admin sections",
-			description: "Useful in compact pages where every line of space matters."
-		}
-	],
-	capabilityNotes: [
-		"Use Collapse when the default page should stay compact but details must remain nearby.",
-		"For one-open-at-a-time behavior, prefer `CollapseGroup` with `type=\"single\"`.",
-		"Do not hide critical validation or destructive warnings inside collapsed content.",
-		"Keep titles scannable so users know what each section reveals before opening it."
-	]
-};
-//#endregion
-export { e as collapseMock };
+export * from "../../../src/showcase/premium/collapse/mock.js"

package/dist/showcase/premium/collapse/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/collapse/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,s=[{key:`permissions`,title:`Permissions`,badge:(0,a.jsx)(n.Badge,{variant:`secondary`,children:`Core`}),description:`Who can publish, archive, and rename library surfaces.`,content:`Owners can publish. Editors can update docs. Reviewers can inspect previews and comment on API shape.`},{key:`release`,title:`Release notes`,description:`What changed in the current package cycle.`,meta:`July`,content:`This release opened more public docs coverage for interactive form and overlay surfaces.`},{key:`handoff`,title:`Handoff checklist`,description:`What must be checked before a public release.`,disabled:!0,disabledReason:`Unlock after release branch is cut.`,content:`Typecheck, lint, build, smoke routes, verify copy feedback, and confirm component docs route integrity.`}];function c(){let[e,c]=i.useState(!1),[l,u]=i.useState(`permissions`),d=Array.isArray(l)?l.join(`, `)||`none`:l||`none`;return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsxs)(`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:`Progressive disclosure`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Collapse should reduce page noise first`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Keep the default surface compact, then reveal secondary information only when the user chooses to inspect it.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Single item`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Grouped items`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Controlled state`})]})]}),(0,a.jsxs)(`div`,{className:`mt-6 grid gap-4 xl:grid-cols-[0.95fr_1.05fr]`,children:[(0,a.jsxs)(`div`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Single disclosure`}),(0,a.jsx)(`div`,{className:`mt-3`,children:(0,a.jsxs)(r.Collapse,{open:e,onOpenChange:c,children:[(0,a.jsx)(r.CollapseTrigger,{children:`Publish access rules`}),(0,a.jsx)(r.CollapseContent,{children:`Owners can publish releases. Editors can update docs content. Reviewers can inspect previews without changing package state.`})]})})]}),(0,a.jsxs)(`div`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Grouped disclosure`}),(0,a.jsx)(`div`,{className:`mt-3`,children:(0,a.jsx)(r.CollapseGroup,{items:s.map(e=>({...e})),type:`single`,value:l,onValueChange:u})})]})]})]}),(0,a.jsx)(`section`,{className:o,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between`,children:[(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Live state`}),(0,a.jsxs)(`h4`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:[`Single item: `,e?`open`:`closed`,` | Group: `,d]}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use quick actions to verify controlled open state without relying only on the disclosure click target.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{type:`button`,size:`sm`,onClick:()=>c(!0),children:`Open single`}),(0,a.jsx)(t.Button,{type:`button`,size:`sm`,variant:`secondary`,onClick:()=>c(!1),children:`Close single`}),(0,a.jsx)(t.Button,{type:`button`,size:`sm`,variant:`outline`,onClick:()=>u(`release`),children:`Open release`})]})]})})]})}exports.CollapseShowcase=c;
+module.exports = require("../../../src/showcase/premium/collapse/showcase.cjs")