tembro 2.1.13 → 3.1.1

package/dist/showcase/premium/statistic/showcase.js

@@ -1,120 +1 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { Statistic as t, StatisticCard as n, StatisticGrid as r } from "../../../components/display/statistic.js";
-import { TrendCard as i } from "../../../components/display/trend-card.js";
-import { ProgressRing as a } from "../../../components/charts/progress-ring.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/showcase/premium/statistic/showcase.tsx
-var c = "border-t border-[color:var(--aui-divider)] py-6";
-function l() {
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ s("section", {
-				className: "pb-6",
-				children: [
-					/* @__PURE__ */ o("p", {
-						className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-						children: "Installed display primitive"
-					}),
-					/* @__PURE__ */ o("h3", {
-						className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-						children: "Statistic is the KPI surface, not a generic card clone"
-					}),
-					/* @__PURE__ */ o("p", {
-						className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-						children: "Use the base statistic when the number matters most. Promote to StatisticCard or StatisticGrid when several metrics need shared structure."
-					})
-				]
-			}),
-			/* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ s(r, {
-					columns: 3,
-					children: [
-						/* @__PURE__ */ o(n, {
-							label: "Revenue",
-							value: "$24.8k",
-							change: "+12.4%",
-							trend: "up",
-							description: "vs last 30 days"
-						}),
-						/* @__PURE__ */ o(n, {
-							label: "Errors",
-							value: "14",
-							change: "-3.1%",
-							trend: "down",
-							description: "production incidents"
-						}),
-						/* @__PURE__ */ o(n, {
-							label: "Adoption",
-							value: "86%",
-							description: "workspace activation rate",
-							action: /* @__PURE__ */ o(e, {
-								variant: "secondary",
-								children: "Live"
-							})
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ s("div", {
-					className: "grid gap-6 xl:grid-cols-[1fr_360px]",
-					children: [/* @__PURE__ */ o("div", {
-						className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-						children: /* @__PURE__ */ o(t, {
-							label: "Publish latency",
-							value: "1.8s",
-							suffix: "avg",
-							change: "-0.4s",
-							trend: "down",
-							description: "from the previous release window"
-						})
-					}), /* @__PURE__ */ s("div", {
-						className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-						children: [/* @__PURE__ */ o("p", {
-							className: "text-sm font-semibold aui-text-strong",
-							children: "Guidance"
-						}), /* @__PURE__ */ s("div", {
-							className: "mt-3 space-y-3 text-sm leading-6 aui-text-muted",
-							children: [/* @__PURE__ */ o("p", { children: "Keep labels short and units clear. Users should understand the value before reading the description." }), /* @__PURE__ */ o("p", { children: "Trend color should reinforce meaning, not carry the whole message alone." })]
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ o("section", {
-				className: c,
-				children: /* @__PURE__ */ s("div", {
-					className: "grid gap-6 xl:grid-cols-[1fr_240px]",
-					children: [/* @__PURE__ */ o(i, {
-						title: "Release velocity",
-						value: "24",
-						change: "+3",
-						trend: "up",
-						description: "completed this sprint",
-						sparkline: [
-							8,
-							10,
-							9,
-							14,
-							18,
-							19,
-							24
-						]
-					}), /* @__PURE__ */ o("div", {
-						className: "rounded-xl border border-[color:var(--aui-divider)] p-4",
-						children: /* @__PURE__ */ o(a, {
-							value: 76,
-							label: "76%",
-							description: "coverage",
-							tone: "success"
-						})
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { l as StatisticShowcase };
+export * from "../../../src/showcase/premium/statistic/showcase.js"

package/dist/showcase/premium/sticky-footer-bar/index.cjs

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

package/dist/showcase/premium/sticky-footer-bar/index.js

@@ -1,3 +1 @@
-import { stickyFooterBarMock as e } from "./mock.js";
-import { StickyFooterBarShowcase as t } from "./showcase.js";
-export { t as StickyFooterBarShowcase, e as stickyFooterBarMock };
+export * from "../../../src/showcase/premium/sticky-footer-bar/index.js"

package/dist/showcase/premium/sticky-footer-bar/mock.cjs

@@ -1,15 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Button, StickyFooterBar } from "tembro"
-
-export function Example() {
-  return (
-    <StickyFooterBar
-      start={<span className="text-sm">Unsaved changes</span>}
-      end={
-        <>
-          <Button size="sm" variant="outline">Discard</Button>
-          <Button size="sm">Save</Button>
-        </>
-      }
-    />
-  )
-}`,cliCommand:`npx tembro add sticky-footer-bar`,highlights:[`Sticky bottom action bar with start/end slots`,`Useful in long forms or page-level action surfaces`,`Works with mixed content and custom children`],scenarios:[{title:`Editor`,description:`Keep save actions visible while scrolling long content.`},{title:`Dashboard`,description:`Show contextual batch actions near viewport bottom.`}]};exports.stickyFooterBarMock=e;
+module.exports = require("../../../src/showcase/premium/sticky-footer-bar/mock.cjs")

package/dist/showcase/premium/sticky-footer-bar/mock.js

@@ -1,19 +1 @@
-//#region src/showcase/premium/sticky-footer-bar/mock.ts
-var e = {
-	code: "import { Button, StickyFooterBar } from \"tembro\"\n\nexport function Example() {\n  return (\n    <StickyFooterBar\n      start={<span className=\"text-sm\">Unsaved changes</span>}\n      end={\n        <>\n          <Button size=\"sm\" variant=\"outline\">Discard</Button>\n          <Button size=\"sm\">Save</Button>\n        </>\n      }\n    />\n  )\n}",
-	cliCommand: "npx tembro add sticky-footer-bar",
-	highlights: [
-		"Sticky bottom action bar with start/end slots",
-		"Useful in long forms or page-level action surfaces",
-		"Works with mixed content and custom children"
-	],
-	scenarios: [{
-		title: "Editor",
-		description: "Keep save actions visible while scrolling long content."
-	}, {
-		title: "Dashboard",
-		description: "Show contextual batch actions near viewport bottom."
-	}]
-};
-//#endregion
-export { e as stickyFooterBarMock };
+export * from "../../../src/showcase/premium/sticky-footer-bar/mock.js"

package/dist/showcase/premium/sticky-footer-bar/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/layout/sticky-footer-bar.cjs");let n=require("react/jsx-runtime");function r(){return(0,n.jsxs)(`div`,{className:`relative min-h-56 rounded-lg border`,children:[(0,n.jsxs)(`div`,{className:`h-40 overflow-auto p-4`,children:[(0,n.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Scroll inside this panel and keep action buttons visible at the bottom. This simulates a long form or content page where save and cancel controls should stay accessible.`}),(0,n.jsx)(`div`,{className:`mt-4 space-y-3`,children:Array.from({length:20}).map((e,t)=>(0,n.jsxs)(`div`,{className:`rounded-md border px-3 py-2 text-sm`,children:[`Row `,t+1]},t))})]}),(0,n.jsx)(t.StickyFooterBar,{start:(0,n.jsx)(`span`,{className:`text-sm font-medium text-muted-foreground`,children:`Unsaved changes`}),end:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.Button,{size:`sm`,variant:`outline`,children:`Discard`}),(0,n.jsx)(e.Button,{size:`sm`,children:`Save draft`})]})})]})}exports.StickyFooterBarShowcase=r;
+module.exports = require("../../../src/showcase/premium/sticky-footer-bar/showcase.cjs")

package/dist/showcase/premium/sticky-footer-bar/showcase.js

@@ -1,37 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { StickyFooterBar as t } from "../../../components/layout/sticky-footer-bar.js";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/sticky-footer-bar/showcase.tsx
-function a() {
-	return /* @__PURE__ */ i("div", {
-		className: "relative min-h-56 rounded-lg border",
-		children: [/* @__PURE__ */ i("div", {
-			className: "h-40 overflow-auto p-4",
-			children: [/* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Scroll inside this panel and keep action buttons visible at the bottom. This simulates a long form or content page where save and cancel controls should stay accessible."
-			}), /* @__PURE__ */ r("div", {
-				className: "mt-4 space-y-3",
-				children: Array.from({ length: 20 }).map((e, t) => /* @__PURE__ */ i("div", {
-					className: "rounded-md border px-3 py-2 text-sm",
-					children: ["Row ", t + 1]
-				}, t))
-			})]
-		}), /* @__PURE__ */ r(t, {
-			start: /* @__PURE__ */ r("span", {
-				className: "text-sm font-medium text-muted-foreground",
-				children: "Unsaved changes"
-			}),
-			end: /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(e, {
-				size: "sm",
-				variant: "outline",
-				children: "Discard"
-			}), /* @__PURE__ */ r(e, {
-				size: "sm",
-				children: "Save draft"
-			})] })
-		})]
-	});
-}
-//#endregion
-export { a as StickyFooterBarShowcase };
+export * from "../../../src/showcase/premium/sticky-footer-bar/showcase.js"

package/dist/showcase/premium/switch/data.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{title:`Dark mode sync`,description:`Mirror theme across all workspaces.`,defaultChecked:!0},{title:`Email alerts`,description:`Send update notifications to team members.`,defaultChecked:!0},{title:`Beta feature`,description:`Expose pre-release UI to internal members only.`}];exports.switchDemoRows=e;
+module.exports = require("../../../src/showcase/premium/switch/data.cjs")

package/dist/showcase/premium/switch/data.js

@@ -1,19 +1 @@
-//#region src/showcase/premium/switch/data.ts
-var e = [
-	{
-		title: "Dark mode sync",
-		description: "Mirror theme across all workspaces.",
-		defaultChecked: !0
-	},
-	{
-		title: "Email alerts",
-		description: "Send update notifications to team members.",
-		defaultChecked: !0
-	},
-	{
-		title: "Beta feature",
-		description: "Expose pre-release UI to internal members only."
-	}
-];
-//#endregion
-export { e as switchDemoRows };
+export * from "../../../src/showcase/premium/switch/data.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data.cjs"),t=require("./showcase.cjs"),n=require("./mock.cjs");exports.SwitchShowcase=t.SwitchShowcase,exports.switchDemoRows=e.switchDemoRows,exports.switchMock=n.switchMock;
+module.exports = require("../../../src/showcase/premium/switch/index.cjs")

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

@@ -1,4 +1 @@
-import { switchDemoRows as e } from "./data.js";
-import { SwitchShowcase as t } from "./showcase.js";
-import { switchMock as n } from "./mock.js";
-export { t as SwitchShowcase, e as switchDemoRows, n as switchMock };
+export * from "../../../src/showcase/premium/switch/index.js"

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

@@ -1,18 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { Switch } from "tembro"
-
-export function Example() {
-  const [isOn, setIsOn] = useState(true)
-
-  return (
-    <div className="space-y-3">
-      <div className="flex items-center gap-2">
-        <Switch id="workspace-sync" checked={isOn} onCheckedChange={setIsOn} aria-label="Workspace sync" />
-        <label htmlFor="workspace-sync">Workspace sync</label>
-      </div>
-      <Switch id="feature-flag" defaultChecked aria-label="Beta feature" />
-      <Switch id="disabled-switch" disabled aria-label="Disabled switch" />
-    </div>
-  )
-}
-`,highlights:[`Preference toggles`,`Settings rows`,`Controlled state`,`Compact interactions`,`Accessible labels`],relatedBlockSlugs:[`settings-form`,`sidebar-layout`,`dashboard-starter`],scenarios:[{title:`Workspace settings`,description:`Use switches for lightweight on/off preferences.`},{title:`Environment sync`,description:`Mirror behavior across multiple surfaces.`},{title:`Feature flags`,description:`Represent enabled states without modal confirmation.`},{title:`Inline preference rows`,description:`Fit tightly within stacked settings content.`}],capabilityNotes:[`Designed for binary preference control in compact form rows.`,`Supports controlled checked state, disabled and readOnly-safe patterns.`,`Best shown inside settings cards with explanatory copy per row.`,`Always include an accessible label (id + htmlFor or aria-label).`]};exports.switchMock=e;
+module.exports = require("../../../src/showcase/premium/switch/mock.cjs")

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

@@ -1,42 +1 @@
-//#region src/showcase/premium/switch/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { Switch } from \"tembro\"\n\nexport function Example() {\n  const [isOn, setIsOn] = useState(true)\n\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"flex items-center gap-2\">\n        <Switch id=\"workspace-sync\" checked={isOn} onCheckedChange={setIsOn} aria-label=\"Workspace sync\" />\n        <label htmlFor=\"workspace-sync\">Workspace sync</label>\n      </div>\n      <Switch id=\"feature-flag\" defaultChecked aria-label=\"Beta feature\" />\n      <Switch id=\"disabled-switch\" disabled aria-label=\"Disabled switch\" />\n    </div>\n  )\n}\n",
-	highlights: [
-		"Preference toggles",
-		"Settings rows",
-		"Controlled state",
-		"Compact interactions",
-		"Accessible labels"
-	],
-	relatedBlockSlugs: [
-		"settings-form",
-		"sidebar-layout",
-		"dashboard-starter"
-	],
-	scenarios: [
-		{
-			title: "Workspace settings",
-			description: "Use switches for lightweight on/off preferences."
-		},
-		{
-			title: "Environment sync",
-			description: "Mirror behavior across multiple surfaces."
-		},
-		{
-			title: "Feature flags",
-			description: "Represent enabled states without modal confirmation."
-		},
-		{
-			title: "Inline preference rows",
-			description: "Fit tightly within stacked settings content."
-		}
-	],
-	capabilityNotes: [
-		"Designed for binary preference control in compact form rows.",
-		"Supports controlled checked state, disabled and readOnly-safe patterns.",
-		"Best shown inside settings cards with explanatory copy per row.",
-		"Always include an accessible label (id + htmlFor or aria-label)."
-	]
-};
-//#endregion
-export { e as switchMock };
+export * from "../../../src/showcase/premium/switch/mock.js"

package/dist/showcase/premium/switch/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/ui/switch/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("./data.cjs");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({state:o,setState:s}){return(0,i.jsxs)(`div`,{className:`space-y-5`,children:[(0,i.jsxs)(`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:`Preferences`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Switches should feel like settings`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`This pattern is for single on/off preferences. The preview should read like a settings page, not a stack of anonymous toggles.`})]}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Controlled`}),(0,i.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Settings`}),(0,i.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Single preference`})]})]}),(0,i.jsx)(`div`,{className:`mt-6 grid gap-3`,children:r.switchDemoRows.map((e,n)=>(0,i.jsx)(`div`,{className:a,children:(0,i.jsx)(t.Switch,{label:e.title,description:e.description,checked:n===0?o.switchOn:e.defaultChecked,onCheckedChange:n===0?e=>s({switchOn:e}):void 0,defaultChecked:n>0?e.defaultChecked:void 0,size:n===0?`lg`:`md`,labelPlacement:`start`,className:`w-full justify-between`})},e.title))})]}),(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsxs)(`div`,{className:`flex flex-col gap-5 lg:flex-row lg:items-center lg:justify-between`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Live state`}),(0,i.jsxs)(`h4`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:[`Dark mode sync is `,o.switchOn?`on`:`off`]}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Switches should show immediate preference feedback without requiring a save button.`})]}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(e.Button,{type:`button`,size:`sm`,onClick:()=>s({switchOn:!0}),children:`Turn on`}),(0,i.jsx)(e.Button,{type:`button`,size:`sm`,variant:`secondary`,onClick:()=>s({switchOn:!1}),children:`Turn off`})]})]}),(0,i.jsxs)(`div`,{className:`mt-5 grid gap-3 sm:grid-cols-2`,children:[(0,i.jsx)(t.Switch,{label:`Sync in progress`,description:`Loading disables the control until the request finishes.`,loading:!0,defaultChecked:!0}),(0,i.jsx)(t.Switch,{label:`Invalid setting`,description:`Error state keeps the same field layout.`,invalid:!0})]})]})]})}exports.SwitchShowcase=o;
+module.exports = require("../../../src/showcase/premium/switch/showcase.cjs")

package/dist/showcase/premium/switch/showcase.js

@@ -1,116 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Switch as t } from "../../../components/ui/switch/index.js";
-import { Badge as n } from "../../../components/ui/badge/index.js";
-import { switchDemoRows as r } from "./data.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/switch/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 }) {
-	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: "Preferences"
-						}),
-						/* @__PURE__ */ i("h3", {
-							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-							children: "Switches should feel like settings"
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-							children: "This pattern is for single on/off preferences. The preview should read like a settings page, not a stack of anonymous 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: "Settings"
-						}),
-						/* @__PURE__ */ i(n, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Single preference"
-						})
-					]
-				})]
-			}), /* @__PURE__ */ i("div", {
-				className: "mt-6 grid gap-3",
-				children: r.map((e, n) => /* @__PURE__ */ i("div", {
-					className: o,
-					children: /* @__PURE__ */ i(t, {
-						label: e.title,
-						description: e.description,
-						checked: n === 0 ? s.switchOn : e.defaultChecked,
-						onCheckedChange: n === 0 ? (e) => c({ switchOn: e }) : void 0,
-						defaultChecked: n > 0 ? e.defaultChecked : void 0,
-						size: n === 0 ? "lg" : "md",
-						labelPlacement: "start",
-						className: "w-full justify-between"
-					})
-				}, e.title))
-			})]
-		}), /* @__PURE__ */ a("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: ["Dark mode sync is ", s.switchOn ? "on" : "off"]
-					}),
-					/* @__PURE__ */ i("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Switches should show immediate preference feedback without requiring a save button."
-					})
-				] }), /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ i(e, {
-						type: "button",
-						size: "sm",
-						onClick: () => c({ switchOn: !0 }),
-						children: "Turn on"
-					}), /* @__PURE__ */ i(e, {
-						type: "button",
-						size: "sm",
-						variant: "secondary",
-						onClick: () => c({ switchOn: !1 }),
-						children: "Turn off"
-					})]
-				})]
-			}), /* @__PURE__ */ a("div", {
-				className: "mt-5 grid gap-3 sm:grid-cols-2",
-				children: [/* @__PURE__ */ i(t, {
-					label: "Sync in progress",
-					description: "Loading disables the control until the request finishes.",
-					loading: !0,
-					defaultChecked: !0
-				}), /* @__PURE__ */ i(t, {
-					label: "Invalid setting",
-					description: "Error state keeps the same field layout.",
-					invalid: !0
-				})]
-			})]
-		})]
-	});
-}
-//#endregion
-export { s as SwitchShowcase };
+export * from "../../../src/showcase/premium/switch/showcase.js"

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

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

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

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

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[{id:`tbl-001`,name:`Acme Dashboard`,status:`Live`,revenue:`$24,780`,owner:`Azamat`,device:`Desktop`},{id:`tbl-002`,name:`CRM Workspace`,status:`Review`,revenue:`$12,420`,owner:`Nodira`,device:`Tablet`},{id:`tbl-003`,name:`Store Command`,status:`Draft`,revenue:`$8,190`,owner:`Sardor`,device:`Mobile`},{id:`tbl-004`,name:`Finance Dock`,status:`Live`,revenue:`$31,040`,owner:`Malika`,device:`Desktop`}],t=[{label:`Desktop layout`,value:`6 columns`,note:`Dense reporting view with aligned numbers.`},{label:`Tablet strategy`,value:`2 priority cuts`,note:`Secondary columns can collapse below the primary row.`},{label:`Mobile fallback`,value:`Stacked cells`,note:`Key labels remain visible when width is constrained.`}];exports.tableDemoRows=e,exports.tableDemoStats=t;
+module.exports = require("../../../src/showcase/premium/table/data.cjs")

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

@@ -1,53 +1 @@
-//#region src/showcase/premium/table/data.ts
-var e = [
-	{
-		id: "tbl-001",
-		name: "Acme Dashboard",
-		status: "Live",
-		revenue: "$24,780",
-		owner: "Azamat",
-		device: "Desktop"
-	},
-	{
-		id: "tbl-002",
-		name: "CRM Workspace",
-		status: "Review",
-		revenue: "$12,420",
-		owner: "Nodira",
-		device: "Tablet"
-	},
-	{
-		id: "tbl-003",
-		name: "Store Command",
-		status: "Draft",
-		revenue: "$8,190",
-		owner: "Sardor",
-		device: "Mobile"
-	},
-	{
-		id: "tbl-004",
-		name: "Finance Dock",
-		status: "Live",
-		revenue: "$31,040",
-		owner: "Malika",
-		device: "Desktop"
-	}
-], t = [
-	{
-		label: "Desktop layout",
-		value: "6 columns",
-		note: "Dense reporting view with aligned numbers."
-	},
-	{
-		label: "Tablet strategy",
-		value: "2 priority cuts",
-		note: "Secondary columns can collapse below the primary row."
-	},
-	{
-		label: "Mobile fallback",
-		value: "Stacked cells",
-		note: "Key labels remain visible when width is constrained."
-	}
-];
-//#endregion
-export { e as tableDemoRows, t as tableDemoStats };
+export * from "../../../src/showcase/premium/table/data.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./data.cjs"),t=require("./showcase.cjs"),n=require("./mock.cjs");exports.TableShowcase=t.TableShowcase,exports.tableDemoRows=e.tableDemoRows,exports.tableDemoStats=e.tableDemoStats,exports.tableMock=n.tableMock;
+module.exports = require("../../../src/showcase/premium/table/index.cjs")

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

@@ -1,4 +1 @@
-import { tableDemoRows as e, tableDemoStats as t } from "./data.js";
-import { TableShowcase as n } from "./showcase.js";
-import { tableMock as r } from "./mock.js";
-export { n as TableShowcase, e as tableDemoRows, t as tableDemoStats, r as tableMock };
+export * from "../../../src/showcase/premium/table/index.js"

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

@@ -1,13 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from "tembro"
-
-export function Example() {
-  return (
-    <Table>
-      <TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader>
-      <TableBody><TableRow><TableCell>Azamat UI</TableCell></TableRow></TableBody>
-    </Table>
-  )
-}`,htmlCode:`<table data-slot="table">
-  <thead><tr><th>Name</th><th>Status</th><th>Revenue</th></tr></thead>
-  <tbody><tr><td>Acme Dashboard</td><td>Live</td><td>$24,780</td></tr></tbody>
-</table>`,cliCommand:`npx tembro add table`,highlights:[`Header rows`,`Body rows`,`Hover states`,`Compact reporting`],relatedBlockSlugs:[`users-table`,`invoices-page`,`dashboard-starter`],scenarios:[{title:`User lists`,description:`Render compact admin tables with readable structure.`},{title:`Invoice reports`,description:`Present transactional rows with aligned totals.`},{title:`Revenue summaries`,description:`Use table layouts in dashboards and exports.`},{title:`Mobile stacking strategy`,description:`Document how rows and columns should degrade in narrow layouts.`}],capabilityNotes:[`Provides semantic table structure with header, row and cell helpers.`,`Targets reporting, finance and admin list use cases.`,`Needs explicit responsive guidance for tablet and mobile layouts.`,`Should document hover, dense row and aligned numeric column usage.`]};exports.tableMock=e;
+module.exports = require("../../../src/showcase/premium/table/mock.cjs")

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

@@ -1,43 +1 @@
-//#region src/showcase/premium/table/mock.ts
-var e = {
-	code: "import { Table, TableHeader, TableBody, TableRow, TableHead, TableCell } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Table>\n      <TableHeader><TableRow><TableHead>Name</TableHead></TableRow></TableHeader>\n      <TableBody><TableRow><TableCell>Azamat UI</TableCell></TableRow></TableBody>\n    </Table>\n  )\n}",
-	htmlCode: "<table data-slot=\"table\">\n  <thead><tr><th>Name</th><th>Status</th><th>Revenue</th></tr></thead>\n  <tbody><tr><td>Acme Dashboard</td><td>Live</td><td>$24,780</td></tr></tbody>\n</table>",
-	cliCommand: "npx tembro add table",
-	highlights: [
-		"Header rows",
-		"Body rows",
-		"Hover states",
-		"Compact reporting"
-	],
-	relatedBlockSlugs: [
-		"users-table",
-		"invoices-page",
-		"dashboard-starter"
-	],
-	scenarios: [
-		{
-			title: "User lists",
-			description: "Render compact admin tables with readable structure."
-		},
-		{
-			title: "Invoice reports",
-			description: "Present transactional rows with aligned totals."
-		},
-		{
-			title: "Revenue summaries",
-			description: "Use table layouts in dashboards and exports."
-		},
-		{
-			title: "Mobile stacking strategy",
-			description: "Document how rows and columns should degrade in narrow layouts."
-		}
-	],
-	capabilityNotes: [
-		"Provides semantic table structure with header, row and cell helpers.",
-		"Targets reporting, finance and admin list use cases.",
-		"Needs explicit responsive guidance for tablet and mobile layouts.",
-		"Should document hover, dense row and aligned numeric column usage."
-	]
-};
-//#endregion
-export { e as tableMock };
+export * from "../../../src/showcase/premium/table/mock.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/ui/table/index.cjs"),i=require("./data.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({mode:e}){let[s,c]=a.useState([i.tableDemoRows[0]?.id??``]),[l,u]=a.useState(i.tableDemoRows[0]?.id??``);function d(e){c(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])}let f=i.tableDemoRows.find(e=>e.id===l)??i.tableDemoRows[0];return(0,o.jsxs)(`div`,{className:`space-y-5`,children:[e===`playground`?(0,o.jsx)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:i.tableDemoStats.map(e=>(0,o.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-sm`,children:e.label}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:e.value}),(0,o.jsx)(`p`,{className:`aui-text-subtle mt-2 text-sm leading-6`,children:e.note})]},e.label))}):null,(0,o.jsxs)(`div`,{className:`rounded-[24px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,o.jsxs)(`div`,{className:`mb-4 flex flex-wrap items-center justify-between gap-3`,children:[(0,o.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,o.jsxs)(n.Badge,{variant:`outline`,children:[s.length,` selected`]}),(0,o.jsx)(n.Badge,{variant:`outline`,children:`Row click enabled`}),(0,o.jsx)(n.Badge,{variant:`outline`,children:`Mobile cards ready`})]}),e===`playground`?(0,o.jsxs)(`div`,{className:`flex gap-2`,children:[(0,o.jsx)(t.Button,{variant:`outline`,size:`sm`,onClick:()=>c(i.tableDemoRows.slice(0,2).map(e=>e.id)),children:`Select top 2`}),(0,o.jsx)(t.Button,{variant:`outline`,size:`sm`,onClick:()=>c([]),children:`Clear`})]}):null]}),(0,o.jsx)(`div`,{className:`hidden overflow-x-auto md:block`,children:(0,o.jsxs)(r.Table,{children:[(0,o.jsx)(r.TableHeader,{children:(0,o.jsxs)(r.TableRow,{children:[(0,o.jsx)(r.TableHead,{className:`w-14`,children:`Pick`}),(0,o.jsx)(r.TableHead,{children:`Project`}),(0,o.jsx)(r.TableHead,{children:`Status`}),(0,o.jsx)(r.TableHead,{children:`Owner`}),(0,o.jsx)(r.TableHead,{children:`Device`}),(0,o.jsx)(r.TableHead,{className:`text-right`,children:`Revenue`})]})}),(0,o.jsx)(r.TableBody,{children:i.tableDemoRows.map(e=>{let t=s.includes(e.id);return(0,o.jsxs)(r.TableRow,{className:l===e.id?`bg-[color:var(--aui-surface-muted)]`:void 0,onClick:()=>u(e.id),children:[(0,o.jsx)(r.TableCell,{children:(0,o.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),d(e.id)},className:t?`rounded-lg aui-surface-strong px-2.5 py-1 text-xs`:`aui-text-strong rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-2.5 py-1 text-xs`,children:t?`On`:`Off`})}),(0,o.jsx)(r.TableCell,{className:`font-medium`,children:e.name}),(0,o.jsx)(r.TableCell,{children:(0,o.jsx)(n.Badge,{variant:e.status===`Live`?`default`:e.status===`Review`?`secondary`:`outline`,children:e.status})}),(0,o.jsx)(r.TableCell,{children:e.owner}),(0,o.jsx)(r.TableCell,{children:e.device}),(0,o.jsx)(r.TableCell,{className:`text-right`,children:e.revenue})]},e.id)})})]})}),(0,o.jsx)(`div`,{className:`grid gap-3 md:hidden`,children:i.tableDemoRows.map(e=>{let t=s.includes(e.id),r=l===e.id;return(0,o.jsxs)(`button`,{type:`button`,onClick:()=>u(e.id),className:r?`rounded-[20px] aui-surface-strong border-[color:var(--aui-surface-strong)] p-4 text-left`:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] p-4 text-left`,children:[(0,o.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`font-medium`,children:e.name}),(0,o.jsxs)(`p`,{className:r?`mt-1 text-sm text-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground)_72%,transparent)]`:`aui-text-muted mt-1 text-sm`,children:[e.owner,` • `,e.device]})]}),(0,o.jsx)(n.Badge,{variant:r?`secondary`:e.status===`Live`?`default`:e.status===`Review`?`secondary`:`outline`,children:e.status})]}),(0,o.jsxs)(`div`,{className:`mt-4 flex items-center justify-between`,children:[(0,o.jsx)(`span`,{className:r?`text-sm text-[color:color-mix(in_oklch,var(--aui-surface-strong-foreground)_72%,transparent)]`:`aui-text-muted text-sm`,children:`Revenue`}),(0,o.jsx)(`span`,{className:`font-semibold`,children:e.revenue})]}),(0,o.jsx)(`div`,{className:`mt-4`,children:(0,o.jsx)(`button`,{type:`button`,onClick:t=>{t.stopPropagation(),d(e.id)},className:t?`aui-text-strong rounded-xl bg-[color:var(--aui-surface)] px-3 py-2 text-sm`:r?`rounded-xl border border-[color:var(--aui-surface-border)] px-3 py-2 text-sm text-[color:var(--aui-surface-strong-foreground)]`:`aui-text-subtle rounded-xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] px-3 py-2 text-sm`,children:t?`Selected`:`Select row`})})]},e.id)})})]}),(0,o.jsxs)(`div`,{className:`rounded-[24px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,o.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Active row details`}),(0,o.jsxs)(`div`,{className:`mt-3 grid gap-3 md:grid-cols-4`,children:[(0,o.jsxs)(`div`,{className:`rounded-2xl bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-xs uppercase tracking-[0.2em]`,children:`Project`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-sm font-medium`,children:f?.name})]}),(0,o.jsxs)(`div`,{className:`rounded-2xl bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-xs uppercase tracking-[0.2em]`,children:`Owner`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-sm font-medium`,children:f?.owner})]}),(0,o.jsxs)(`div`,{className:`rounded-2xl bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-xs uppercase tracking-[0.2em]`,children:`Device`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-sm font-medium`,children:f?.device})]}),(0,o.jsxs)(`div`,{className:`rounded-2xl bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-xs uppercase tracking-[0.2em]`,children:`Revenue`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-sm font-medium`,children:f?.revenue})]})]})]})]})}exports.TableShowcase=s;
+module.exports = require("../../../src/showcase/premium/table/showcase.cjs")