tembro 3.1.16 → 4.0.0

package/dist/src/showcase/premium/tooltip/showcase.js

@@ -1,113 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Tooltip as t } from "../../../components/ui/tooltip/index.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/tooltip/showcase.tsx
-var a = [
-	"top",
-	"right",
-	"bottom",
-	"left"
-], o = "border-t border-[color:var(--aui-divider)] py-6";
-function s() {
-	let [s, c] = n.useState("top"), [l, u] = n.useState(!1);
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ r("section", {
-				className: "pb-6",
-				children: /* @__PURE__ */ i("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-end 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: "Tooltip"
-							}),
-							/* @__PURE__ */ r("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Explain quickly, then get out"
-							}),
-							/* @__PURE__ */ r("p", {
-								className: "mt-3 text-sm leading-6 aui-text-muted",
-								children: "Tooltip should answer one short question near the trigger without interrupting the screen."
-							})
-						]
-					}), /* @__PURE__ */ i("div", {
-						className: "grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]",
-						children: [
-							/* @__PURE__ */ i("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ r("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Side"
-								}), /* @__PURE__ */ r("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong capitalize",
-									children: s
-								})]
-							}),
-							/* @__PURE__ */ i("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ r("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "State"
-								}), /* @__PURE__ */ r("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: l ? "Disabled" : "Enabled"
-								})]
-							}),
-							/* @__PURE__ */ i("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ r("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Use for"
-								}), /* @__PURE__ */ r("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: "Short hints"
-								})]
-							})
-						]
-					})]
-				})
-			}),
-			/* @__PURE__ */ r("section", {
-				className: o,
-				children: /* @__PURE__ */ r("div", {
-					className: "flex min-h-48 items-center justify-center rounded-[22px] border border-[color:var(--aui-divider)] p-5",
-					children: /* @__PURE__ */ r(t, {
-						content: "Copies the current docs example to your clipboard.",
-						side: s,
-						disabled: l,
-						children: /* @__PURE__ */ r(e, {
-							type: "button",
-							variant: "outline",
-							children: "Hover or focus me"
-						})
-					})
-				})
-			}),
-			/* @__PURE__ */ r("section", {
-				className: o,
-				children: /* @__PURE__ */ i("div", {
-					className: "flex flex-wrap gap-2",
-					children: [a.map((t) => /* @__PURE__ */ r(e, {
-						type: "button",
-						size: "sm",
-						variant: s === t ? "default" : "secondary",
-						onClick: () => c(t),
-						children: t
-					}, t)), /* @__PURE__ */ r(e, {
-						type: "button",
-						size: "sm",
-						variant: "outline",
-						onClick: () => u((e) => !e),
-						children: l ? "Enable" : "Disable"
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { s as TooltipShowcase };

package/dist/src/showcase/premium/tree-view/index.cjs

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

package/dist/src/showcase/premium/tree-view/index.js

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

package/dist/src/showcase/premium/tree-view/mock.cjs

@@ -1,19 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { TreeView } from "tembro"
-
-export function Example() {
-  return (
-    <TreeView
-      items={[
-        {
-          key: "ui",
-          label: "UI",
-          children: [
-            { key: "buttons", label: "Buttons" },
-            { key: "inputs", label: "Inputs" },
-          ],
-        },
-      ]}
-      defaultExpandedKeys={["ui"]}
-    />
-  )
-}`,cliCommand:`npx tembro add tree-view`,highlights:[`Tree data model with nested children`,`Controlled and uncontrolled expand state support`,`Selectable nodes with active visual states`],scenarios:[{title:`Navigation map`,description:`Use for quick nested navigation structures.`},{title:`Docs sections`,description:`Represent nested headings and details.`}]};exports.treeViewMock=e;

package/dist/src/showcase/premium/tree-view/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/tree-view/mock.ts
-var e = {
-	code: "import { TreeView } from \"tembro\"\n\nexport function Example() {\n  return (\n    <TreeView\n      items={[\n        {\n          key: \"ui\",\n          label: \"UI\",\n          children: [\n            { key: \"buttons\", label: \"Buttons\" },\n            { key: \"inputs\", label: \"Inputs\" },\n          ],\n        },\n      ]}\n      defaultExpandedKeys={[\"ui\"]}\n    />\n  )\n}",
-	cliCommand: "npx tembro add tree-view",
-	highlights: [
-		"Tree data model with nested children",
-		"Controlled and uncontrolled expand state support",
-		"Selectable nodes with active visual states"
-	],
-	scenarios: [{
-		title: "Navigation map",
-		description: "Use for quick nested navigation structures."
-	}, {
-		title: "Docs sections",
-		description: "Represent nested headings and details."
-	}]
-};
-//#endregion
-export { e as treeViewMock };

package/dist/src/showcase/premium/tree-view/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/display/tree-view.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");var a=[{key:`design`,label:`Design`,icon:(0,i.jsx)(r.FolderOpen,{className:`size-4`}),children:[{key:`components`,label:`Components`,icon:(0,i.jsx)(r.Folder,{className:`size-4`})},{key:`tokens`,label:`Tokens`,icon:(0,i.jsx)(r.File,{className:`size-4`})}]},{key:`dev`,label:`Development`,icon:(0,i.jsx)(r.Folder,{className:`size-4`}),children:[{key:`docs`,label:`Docs`,icon:(0,i.jsx)(r.File,{className:`size-4`})},{key:`release`,label:`Release`,icon:(0,i.jsx)(r.Folder,{className:`size-4`}),children:[{key:`notes`,label:`Notes`,icon:(0,i.jsx)(r.File,{className:`size-4`})}]}]}];function o(){let[e,r]=n.useState(`components`),[o,s]=n.useState([`design`,`dev`]);return(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsx)(t.TreeView,{items:a,selectedKey:e,expandedKeys:o,onExpandedKeysChange:s,onSelect:n.useCallback(e=>{r(e.key)},[])}),(0,i.jsxs)(`div`,{className:`rounded-md border px-3 py-2 text-sm text-muted-foreground`,children:[`Selected: `,e]})]})}exports.TreeViewShowcase=o;

package/dist/src/showcase/premium/tree-view/showcase.js

@@ -1,57 +0,0 @@
-import { TreeView as e } from "../../../components/display/tree-view.js";
-import * as t from "react";
-import { File as n, Folder as r, FolderOpen as i } from "lucide-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/showcase/premium/tree-view/showcase.tsx
-var s = [{
-	key: "design",
-	label: "Design",
-	icon: /* @__PURE__ */ a(i, { className: "size-4" }),
-	children: [{
-		key: "components",
-		label: "Components",
-		icon: /* @__PURE__ */ a(r, { className: "size-4" })
-	}, {
-		key: "tokens",
-		label: "Tokens",
-		icon: /* @__PURE__ */ a(n, { className: "size-4" })
-	}]
-}, {
-	key: "dev",
-	label: "Development",
-	icon: /* @__PURE__ */ a(r, { className: "size-4" }),
-	children: [{
-		key: "docs",
-		label: "Docs",
-		icon: /* @__PURE__ */ a(n, { className: "size-4" })
-	}, {
-		key: "release",
-		label: "Release",
-		icon: /* @__PURE__ */ a(r, { className: "size-4" }),
-		children: [{
-			key: "notes",
-			label: "Notes",
-			icon: /* @__PURE__ */ a(n, { className: "size-4" })
-		}]
-	}]
-}];
-function c() {
-	let [n, r] = t.useState("components"), [i, c] = t.useState(["design", "dev"]);
-	return /* @__PURE__ */ o("div", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ a(e, {
-			items: s,
-			selectedKey: n,
-			expandedKeys: i,
-			onExpandedKeysChange: c,
-			onSelect: t.useCallback((e) => {
-				r(e.key);
-			}, [])
-		}), /* @__PURE__ */ o("div", {
-			className: "rounded-md border px-3 py-2 text-sm text-muted-foreground",
-			children: ["Selected: ", n]
-		})]
-	});
-}
-//#endregion
-export { c as TreeViewShowcase };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={textValue:`Tembro`,textareaValue:`Controlled preview content for the selected component.`,checked:!0,switchOn:!0,selectValue:`starter`,badgeVariant:`default`,cardCompact:!1,activeTab:`overview`};exports.defaultComponentDemoState=e;

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

@@ -1,13 +0,0 @@
-//#region src/showcase/premium/types.ts
-var e = {
-	textValue: "Tembro",
-	textareaValue: "Controlled preview content for the selected component.",
-	checked: !0,
-	switchOn: !0,
-	selectValue: "starter",
-	badgeVariant: "default",
-	cardCompact: !1,
-	activeTab: "overview"
-};
-//#endregion
-export { e as defaultComponentDemoState };

package/dist/src/showcase/premium/typography/index.cjs

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

package/dist/src/showcase/premium/typography/index.js

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

package/dist/src/showcase/premium/typography/mock.cjs

@@ -1,13 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Blockquote, Heading, Mark, Text } from "tembro"
-
-export function Example() {
-  return (
-    <div className="space-y-2">
-      <Heading level={3}>Product page</Heading>
-      <Text muted>
-        <Mark>Typography</Mark> is part of every polished UI.
-      </Text>
-      <Blockquote>Keep hierarchy tight, readable, and reusable.</Blockquote>
-    </div>
-  )
-}`,cliCommand:`npx tembro add typography`,highlights:[`Heading hierarchy`,`Muted and default text sizes`,`Blockquote and mark patterns for content-heavy pages`],scenarios:[{title:`Docs pages`,description:`Use components for stable copy rhythm.`},{title:`Blog layouts`,description:`Keep large and small text consistent.`},{title:`Help center`,description:`Support spoilers and highlighted snippets.`}]};exports.typographyMock=e;

package/dist/src/showcase/premium/typography/mock.js

@@ -1,26 +0,0 @@
-//#region src/showcase/premium/typography/mock.ts
-var e = {
-	code: "import { Blockquote, Heading, Mark, Text } from \"tembro\"\n\nexport function Example() {\n  return (\n    <div className=\"space-y-2\">\n      <Heading level={3}>Product page</Heading>\n      <Text muted>\n        <Mark>Typography</Mark> is part of every polished UI.\n      </Text>\n      <Blockquote>Keep hierarchy tight, readable, and reusable.</Blockquote>\n    </div>\n  )\n}",
-	cliCommand: "npx tembro add typography",
-	highlights: [
-		"Heading hierarchy",
-		"Muted and default text sizes",
-		"Blockquote and mark patterns for content-heavy pages"
-	],
-	scenarios: [
-		{
-			title: "Docs pages",
-			description: "Use components for stable copy rhythm."
-		},
-		{
-			title: "Blog layouts",
-			description: "Keep large and small text consistent."
-		},
-		{
-			title: "Help center",
-			description: "Support spoilers and highlighted snippets."
-		}
-	]
-};
-//#endregion
-export { e as typographyMock };

package/dist/src/showcase/premium/typography/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/display/typography.cjs");let t=require("react/jsx-runtime");function n(){return(0,t.jsxs)(`div`,{className:`space-y-4`,children:[(0,t.jsx)(e.Heading,{level:1,children:`Typography Surface`}),(0,t.jsx)(e.Text,{size:`lg`,muted:!0,children:`This page shows practical text primitives that scale from copy to section copy and long-form notes.`}),(0,t.jsx)(e.Heading,{level:2,children:`Status`}),(0,t.jsxs)(e.Text,{children:[`You can emphasize words with `,(0,t.jsx)(e.Mark,{children:`Mark`}),` while keeping semantic text sizes.`]}),(0,t.jsx)(e.Blockquote,{children:`Readable prose starts from stable hierarchy, not from random utility classes.`}),(0,t.jsxs)(e.Spoiler,{children:[(0,t.jsx)(e.SpoilerSummary,{children:`Expand typography details`}),(0,t.jsxs)(`div`,{className:`mt-2 space-y-2 text-sm text-muted-foreground`,children:[(0,t.jsx)(e.Text,{size:`sm`,children:`Use level + muted controls for rhythm across pages.`}),(0,t.jsx)(e.Text,{children:`Use blockquotes for citations and customer notes.`})]})]})]})}exports.TypographyShowcase=n;

package/dist/src/showcase/premium/typography/showcase.js

@@ -1,38 +0,0 @@
-import { Blockquote as e, Heading as t, Mark as n, Spoiler as r, SpoilerSummary as i, Text as a } from "../../../components/display/typography.js";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/showcase/premium/typography/showcase.tsx
-function c() {
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ o(t, {
-				level: 1,
-				children: "Typography Surface"
-			}),
-			/* @__PURE__ */ o(a, {
-				size: "lg",
-				muted: !0,
-				children: "This page shows practical text primitives that scale from copy to section copy and long-form notes."
-			}),
-			/* @__PURE__ */ o(t, {
-				level: 2,
-				children: "Status"
-			}),
-			/* @__PURE__ */ s(a, { children: [
-				"You can emphasize words with ",
-				/* @__PURE__ */ o(n, { children: "Mark" }),
-				" while keeping semantic text sizes."
-			] }),
-			/* @__PURE__ */ o(e, { children: "Readable prose starts from stable hierarchy, not from random utility classes." }),
-			/* @__PURE__ */ s(r, { children: [/* @__PURE__ */ o(i, { children: "Expand typography details" }), /* @__PURE__ */ s("div", {
-				className: "mt-2 space-y-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ o(a, {
-					size: "sm",
-					children: "Use level + muted controls for rhythm across pages."
-				}), /* @__PURE__ */ o(a, { children: "Use blockquotes for citations and customer notes." })]
-			})] })
-		]
-	});
-}
-//#endregion
-export { c as TypographyShowcase };

package/dist/src/showcase/premium/virtual-list/index.cjs

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

package/dist/src/showcase/premium/virtual-list/index.js

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

package/dist/src/showcase/premium/virtual-list/mock.cjs

@@ -1,18 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { VirtualList } from "tembro"
-
-const events = Array.from({ length: 10000 }, (_, index) => ({
-  id: index + 1,
-  title: \`Audit event \${index + 1}\`,
-}))
-
-export function Example() {
-  return (
-    <VirtualList
-      items={events}
-      height={420}
-      estimateSize={56}
-      getItemKey={(event) => event.id}
-      renderItem={(event) => <div>{event.title}</div>}
-    />
-  )
-}`,cliCommand:`npx tembro add virtual-list`,highlights:[`Renders only visible DOM nodes`,`Dynamic row measurement and overscan`,`Stable item keys and accessible set metadata`],scenarios:[{title:`Audit log`,description:`Keep tens of thousands of events responsive in a fixed viewport.`},{title:`Search results`,description:`Render large result sets without mounting every result card.`}]};exports.virtualListMock=e;

package/dist/src/showcase/premium/virtual-list/mock.js

@@ -1,19 +0,0 @@
-//#region src/showcase/premium/virtual-list/mock.ts
-var e = {
-	code: "import { VirtualList } from \"tembro\"\n\nconst events = Array.from({ length: 10000 }, (_, index) => ({\n  id: index + 1,\n  title: `Audit event ${index + 1}`,\n}))\n\nexport function Example() {\n  return (\n    <VirtualList\n      items={events}\n      height={420}\n      estimateSize={56}\n      getItemKey={(event) => event.id}\n      renderItem={(event) => <div>{event.title}</div>}\n    />\n  )\n}",
-	cliCommand: "npx tembro add virtual-list",
-	highlights: [
-		"Renders only visible DOM nodes",
-		"Dynamic row measurement and overscan",
-		"Stable item keys and accessible set metadata"
-	],
-	scenarios: [{
-		title: "Audit log",
-		description: "Keep tens of thousands of events responsive in a fixed viewport."
-	}, {
-		title: "Search results",
-		description: "Render large result sets without mounting every result card."
-	}]
-};
-//#endregion
-export { e as virtualListMock };

package/dist/src/showcase/premium/virtual-list/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/display/virtual-list.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=Array.from({length:1e4},(e,t)=>({id:t+1,title:`Audit event ${t+1}`,actor:[`Azamat`,`Madina`,`Jasur`,`Nodira`][t%4],tone:t%7==0?`Review`:`Completed`}));function o(){let[e,o]=r.useState(`Calculating visible range…`);return(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-3 text-sm text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:`10,000 records`}),(0,i.jsx)(`span`,{children:e})]}),(0,i.jsx)(n.VirtualList,{items:a,height:420,estimateSize:58,getItemKey:e=>e.id,onRangeChange:({startIndex:e,endIndex:t})=>{o(`Mounted window: ${e+1}–${t+1}`)},renderItem:e=>(0,i.jsxs)(`div`,{className:`flex min-h-14 items-center justify-between gap-3 rounded-lg border bg-card px-4 py-2.5 shadow-sm`,children:[(0,i.jsxs)(`div`,{className:`min-w-0`,children:[(0,i.jsx)(`div`,{className:`truncate text-sm font-medium`,children:e.title}),(0,i.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Actor: `,e.actor]})]}),(0,i.jsx)(t.Badge,{variant:e.tone===`Review`?`outline`:`secondary`,children:e.tone})]})})]})}exports.VirtualListShowcase=o;

package/dist/src/showcase/premium/virtual-list/showcase.js

@@ -1,52 +0,0 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { VirtualList as t } from "../../../components/display/virtual-list.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/virtual-list/showcase.tsx
-var a = Array.from({ length: 1e4 }, (e, t) => ({
-	id: t + 1,
-	title: `Audit event ${t + 1}`,
-	actor: [
-		"Azamat",
-		"Madina",
-		"Jasur",
-		"Nodira"
-	][t % 4],
-	tone: t % 7 == 0 ? "Review" : "Completed"
-}));
-function o() {
-	let [o, s] = n.useState("Calculating visible range…");
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-3",
-		children: [/* @__PURE__ */ i("div", {
-			className: "flex items-center justify-between gap-3 text-sm text-muted-foreground",
-			children: [/* @__PURE__ */ r("span", { children: "10,000 records" }), /* @__PURE__ */ r("span", { children: o })]
-		}), /* @__PURE__ */ r(t, {
-			items: a,
-			height: 420,
-			estimateSize: 58,
-			getItemKey: (e) => e.id,
-			onRangeChange: ({ startIndex: e, endIndex: t }) => {
-				s(`Mounted window: ${e + 1}–${t + 1}`);
-			},
-			renderItem: (t) => /* @__PURE__ */ i("div", {
-				className: "flex min-h-14 items-center justify-between gap-3 rounded-lg border bg-card px-4 py-2.5 shadow-sm",
-				children: [/* @__PURE__ */ i("div", {
-					className: "min-w-0",
-					children: [/* @__PURE__ */ r("div", {
-						className: "truncate text-sm font-medium",
-						children: t.title
-					}), /* @__PURE__ */ i("div", {
-						className: "text-xs text-muted-foreground",
-						children: ["Actor: ", t.actor]
-					})]
-				}), /* @__PURE__ */ r(e, {
-					variant: t.tone === "Review" ? "outline" : "secondary",
-					children: t.tone
-				})]
-			})
-		})]
-	});
-}
-//#endregion
-export { o as VirtualListShowcase };

package/dist/src/showcase/premium/wizard/index.cjs

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

package/dist/src/showcase/premium/wizard/index.js

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

package/dist/src/showcase/premium/wizard/mock.cjs

@@ -1,25 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
-import { Wizard } from "tembro"
-
-const steps = [
-  { id: "profile", title: "Profile", description: "Basic account" },
-  { id: "team", title: "Team", description: "Invite members" },
-  { id: "finish", title: "Finish", description: "Review setup" },
-]
-
-export function Example() {
-  const [step, setStep] = React.useState("profile")
-
-  return (
-    <Wizard
-      steps={steps}
-      currentStep={step}
-      onStepChange={setStep}
-      onNext={() => setStep(step === "profile" ? "team" : "finish")}
-      onPrevious={() => setStep(step === "finish" ? "team" : "profile")}
-      onFinish={() => console.log("complete")}
-    >
-      <div>Current step: {step}</div>
-    </Wizard>
-  )
-}`,cliCommand:`npx tembro add wizard`,highlights:[`Stepper and footer controls in one workflow`,`Controlled current step`,`Clickable step navigation`,`Custom content slots`],scenarios:[{title:`Onboarding`,description:`Guide users through profile, team and confirmation screens.`},{title:`Multi-step forms`,description:`Keep form sections small while preserving progress context.`},{title:`Setup flows`,description:`Review final state before enabling the submit action.`}],capabilityNotes:[`Keep currentStep controlled so route or form state can persist.`,`Disable future steps when the user must complete validation first.`,`Keep the footer action labels specific to the workflow.`]};exports.wizardMock=e;

package/dist/src/showcase/premium/wizard/mock.js

@@ -1,32 +0,0 @@
-//#region src/showcase/premium/wizard/mock.ts
-var e = {
-	code: "import * as React from \"react\"\nimport { Wizard } from \"tembro\"\n\nconst steps = [\n  { id: \"profile\", title: \"Profile\", description: \"Basic account\" },\n  { id: \"team\", title: \"Team\", description: \"Invite members\" },\n  { id: \"finish\", title: \"Finish\", description: \"Review setup\" },\n]\n\nexport function Example() {\n  const [step, setStep] = React.useState(\"profile\")\n\n  return (\n    <Wizard\n      steps={steps}\n      currentStep={step}\n      onStepChange={setStep}\n      onNext={() => setStep(step === \"profile\" ? \"team\" : \"finish\")}\n      onPrevious={() => setStep(step === \"finish\" ? \"team\" : \"profile\")}\n      onFinish={() => console.log(\"complete\")}\n    >\n      <div>Current step: {step}</div>\n    </Wizard>\n  )\n}",
-	cliCommand: "npx tembro add wizard",
-	highlights: [
-		"Stepper and footer controls in one workflow",
-		"Controlled current step",
-		"Clickable step navigation",
-		"Custom content slots"
-	],
-	scenarios: [
-		{
-			title: "Onboarding",
-			description: "Guide users through profile, team and confirmation screens."
-		},
-		{
-			title: "Multi-step forms",
-			description: "Keep form sections small while preserving progress context."
-		},
-		{
-			title: "Setup flows",
-			description: "Review final state before enabling the submit action."
-		}
-	],
-	capabilityNotes: [
-		"Keep currentStep controlled so route or form state can persist.",
-		"Disable future steps when the user must complete validation first.",
-		"Keep the footer action labels specific to the workflow."
-	]
-};
-//#endregion
-export { e as wizardMock };

package/dist/src/showcase/premium/wizard/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/wizard/wizard.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=[{id:`profile`,title:`Profile`,description:`Basic account`},{id:`team`,title:`Team`,description:`Invite members`},{id:`finish`,title:`Finish`,description:`Review setup`}],s={profile:{title:`Workspace profile`,description:`Collect the public name, default role and workspace context before moving forward.`,checks:[`Name added`,`Default role selected`,`Timezone confirmed`]},team:{title:`Invite the team`,description:`Add collaborators and decide who can manage billing, releases and support queues.`,checks:[`Owner invited`,`Support role ready`,`Billing access limited`]},finish:{title:`Review and launch`,description:`Confirm the setup summary and finish only when required details are complete.`,checks:[`Profile verified`,`Team access reviewed`,`Launch checklist complete`]}};function c(){let[e,c]=i.useState(`profile`),[l,u]=i.useState(!1),d=Math.max(o.findIndex(t=>t.id===e),0),f=s[e]??s.profile;return(0,a.jsxs)(`div`,{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:`mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm: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:`Guided workflow`}),(0,a.jsx)(`h3`,{className:`mt-2 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Wizard with controlled progress`})]}),(0,a.jsx)(n.Badge,{variant:l?`soft`:`outline`,children:l?`Finished`:`Step ${d+1} of ${o.length}`})]}),(0,a.jsx)(r.Wizard,{steps:o.map((e,t)=>({...e,completed:t<d})),currentStep:e,onStepChange:e=>{c(e),u(!1)},onNext:()=>{let e=o[Math.min(d+1,o.length-1)];c(e.id),u(!1)},onPrevious:()=>{let e=o[Math.max(d-1,0)];c(e.id),u(!1)},onFinish:()=>u(!0),finishLabel:`Launch`,children:(0,a.jsxs)(`section`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsx)(`h4`,{className:`text-lg font-semibold aui-text-strong`,children:f.title}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:f.description}),(0,a.jsx)(`div`,{className:`mt-4 grid gap-2 sm:grid-cols-3`,children:f.checks.map(e=>(0,a.jsx)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2 text-sm aui-text-muted`,children:e},e))})]})}),(0,a.jsxs)(`div`,{className:`mt-5 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>{c(`profile`),u(!1)},children:`Reset flow`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>c(`finish`),children:`Jump to review`})]})]})}exports.WizardShowcase=c;

package/dist/src/showcase/premium/wizard/showcase.js

@@ -1,130 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Wizard as n } from "../../../components/wizard/wizard.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/wizard/showcase.tsx
-var o = [
-	{
-		id: "profile",
-		title: "Profile",
-		description: "Basic account"
-	},
-	{
-		id: "team",
-		title: "Team",
-		description: "Invite members"
-	},
-	{
-		id: "finish",
-		title: "Finish",
-		description: "Review setup"
-	}
-], s = {
-	profile: {
-		title: "Workspace profile",
-		description: "Collect the public name, default role and workspace context before moving forward.",
-		checks: [
-			"Name added",
-			"Default role selected",
-			"Timezone confirmed"
-		]
-	},
-	team: {
-		title: "Invite the team",
-		description: "Add collaborators and decide who can manage billing, releases and support queues.",
-		checks: [
-			"Owner invited",
-			"Support role ready",
-			"Billing access limited"
-		]
-	},
-	finish: {
-		title: "Review and launch",
-		description: "Confirm the setup summary and finish only when required details are complete.",
-		checks: [
-			"Profile verified",
-			"Team access reviewed",
-			"Launch checklist complete"
-		]
-	}
-};
-function c() {
-	let [c, l] = r.useState("profile"), [u, d] = r.useState(!1), f = Math.max(o.findIndex((e) => e.id === c), 0), p = s[c] ?? s.profile;
-	return /* @__PURE__ */ a("div", {
-		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: "mb-5 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-					className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-					children: "Guided workflow"
-				}), /* @__PURE__ */ i("h3", {
-					className: "mt-2 text-2xl font-semibold tracking-tight aui-text-strong",
-					children: "Wizard with controlled progress"
-				})] }), /* @__PURE__ */ i(t, {
-					variant: u ? "soft" : "outline",
-					children: u ? "Finished" : `Step ${f + 1} of ${o.length}`
-				})]
-			}),
-			/* @__PURE__ */ i(n, {
-				steps: o.map((e, t) => ({
-					...e,
-					completed: t < f
-				})),
-				currentStep: c,
-				onStepChange: (e) => {
-					l(e), d(!1);
-				},
-				onNext: () => {
-					let e = o[Math.min(f + 1, o.length - 1)];
-					l(e.id), d(!1);
-				},
-				onPrevious: () => {
-					let e = o[Math.max(f - 1, 0)];
-					l(e.id), d(!1);
-				},
-				onFinish: () => d(!0),
-				finishLabel: "Launch",
-				children: /* @__PURE__ */ a("section", {
-					className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-					children: [
-						/* @__PURE__ */ i("h4", {
-							className: "text-lg font-semibold aui-text-strong",
-							children: p.title
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-2 text-sm leading-6 aui-text-muted",
-							children: p.description
-						}),
-						/* @__PURE__ */ i("div", {
-							className: "mt-4 grid gap-2 sm:grid-cols-3",
-							children: p.checks.map((e) => /* @__PURE__ */ i("div", {
-								className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] px-3 py-2 text-sm aui-text-muted",
-								children: e
-							}, e))
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "mt-5 flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ i(e, {
-					size: "sm",
-					variant: "outline",
-					onClick: () => {
-						l("profile"), d(!1);
-					},
-					children: "Reset flow"
-				}), /* @__PURE__ */ i(e, {
-					size: "sm",
-					variant: "outline",
-					onClick: () => l("finish"),
-					children: "Jump to review"
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { c as WizardShowcase };