tembro 3.1.1 → 3.1.5

package/dist/src/showcase/premium/sheet-shell/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/overlay/sheet-shell.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=`border-t border-[color:var(--aui-divider)] py-6`;function s(){let[e,s]=i.useState(`right`),[c,l]=i.useState(!1);return(0,a.jsxs)(`div`,{className:`space-y-0`,children:[(0,a.jsx)(`section`,{className:`pb-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-end 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:`Sheet shell`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Keep the page visible while editing`}),(0,a.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Sheet is for context-preserving edits and side details that should not fully block the screen.`})]}),(0,a.jsxs)(`div`,{className:`grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]`,children:[(0,a.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Side`}),(0,a.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong capitalize`,children:e})]}),(0,a.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Use for`}),(0,a.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:`Quick edits`})]}),(0,a.jsxs)(`div`,{className:`rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3`,children:[(0,a.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted`,children:`Fallback`}),(0,a.jsx)(`p`,{className:`mt-2 text-lg font-semibold aui-text-strong`,children:`Dialog`})]})]})]})}),(0,a.jsx)(`section`,{className:o,children:(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-3`,children:[(0,a.jsx)(t.Button,{onClick:()=>l(!0),children:`Open sheet`}),(0,a.jsx)(t.Button,{variant:`outline`,onClick:()=>s(e=>e===`right`?`left`:e===`left`?`top`:e===`top`?`bottom`:`right`),children:`Cycle side`}),(0,a.jsx)(n.Badge,{variant:`outline`,children:`Context edit`})]})}),(0,a.jsx)(`section`,{className:o,children:(0,a.jsx)(`div`,{className:`border-y border-[color:var(--aui-divider)]`,children:[`Use a sheet when returning to the same page context matters.`,`Keep the body focused on one task or one record.`,`If the interaction becomes global or destructive, switch to a stronger surface.`].map(e=>(0,a.jsx)(`div`,{className:`border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0`,children:e},e))})}),(0,a.jsx)(r.SheetShell,{open:c,onOpenChange:l,side:e,title:`Quick edit`,description:`Side sheets are best for quick updates and row actions.`,footer:(0,a.jsxs)(`div`,{className:`flex gap-2`,children:[(0,a.jsx)(t.Button,{variant:`outline`,onClick:()=>l(!1),children:`Cancel`}),(0,a.jsx)(t.Button,{onClick:()=>l(!1),children:`Save`})]}),children:(0,a.jsxs)(`div`,{className:`space-y-2`,children:[(0,a.jsx)(`p`,{className:`text-sm aui-text-muted`,children:`Use this panel for quick edit actions and context-aware updates.`}),(0,a.jsx)(`p`,{className:`text-xs uppercase tracking-[0.22em] aui-text-muted`,children:`Keep the main page visible while editing.`})]})})]})}exports.SheetShellShowcase=s;

package/dist/src/showcase/premium/sheet-shell/showcase.js

@@ -1,137 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { SheetShell as n } from "../../../components/overlay/sheet-shell.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/sheet-shell/showcase.tsx
-var o = "border-t border-[color:var(--aui-divider)] py-6";
-function s() {
-	let [s, c] = r.useState("right"), [l, u] = r.useState(!1);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "pb-6",
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-end 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: "Sheet shell"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Keep the page visible while editing"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 text-sm leading-6 aui-text-muted",
-								children: "Sheet is for context-preserving edits and side details that should not fully block the screen."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]",
-						children: [
-							/* @__PURE__ */ a("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ i("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Side"
-								}), /* @__PURE__ */ i("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong capitalize",
-									children: s
-								})]
-							}),
-							/* @__PURE__ */ a("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ i("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Use for"
-								}), /* @__PURE__ */ i("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: "Quick edits"
-								})]
-							}),
-							/* @__PURE__ */ a("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ i("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Fallback"
-								}), /* @__PURE__ */ i("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: "Dialog"
-								})]
-							})
-						]
-					})]
-				})
-			}),
-			/* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-3",
-					children: [
-						/* @__PURE__ */ i(e, {
-							onClick: () => u(!0),
-							children: "Open sheet"
-						}),
-						/* @__PURE__ */ i(e, {
-							variant: "outline",
-							onClick: () => c((e) => e === "right" ? "left" : e === "left" ? "top" : e === "top" ? "bottom" : "right"),
-							children: "Cycle side"
-						}),
-						/* @__PURE__ */ i(t, {
-							variant: "outline",
-							children: "Context edit"
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ i("div", {
-					className: "border-y border-[color:var(--aui-divider)]",
-					children: [
-						"Use a sheet when returning to the same page context matters.",
-						"Keep the body focused on one task or one record.",
-						"If the interaction becomes global or destructive, switch to a stronger surface."
-					].map((e) => /* @__PURE__ */ i("div", {
-						className: "border-b border-[color:var(--aui-divider)] py-3 text-sm leading-6 aui-text-muted last:border-b-0",
-						children: e
-					}, e))
-				})
-			}),
-			/* @__PURE__ */ i(n, {
-				open: l,
-				onOpenChange: u,
-				side: s,
-				title: "Quick edit",
-				description: "Side sheets are best for quick updates and row actions.",
-				footer: /* @__PURE__ */ a("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ i(e, {
-						variant: "outline",
-						onClick: () => u(!1),
-						children: "Cancel"
-					}), /* @__PURE__ */ i(e, {
-						onClick: () => u(!1),
-						children: "Save"
-					})]
-				}),
-				children: /* @__PURE__ */ a("div", {
-					className: "space-y-2",
-					children: [/* @__PURE__ */ i("p", {
-						className: "text-sm aui-text-muted",
-						children: "Use this panel for quick edit actions and context-aware updates."
-					}), /* @__PURE__ */ i("p", {
-						className: "text-xs uppercase tracking-[0.22em] aui-text-muted",
-						children: "Keep the main page visible while editing."
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { s as SheetShellShowcase };

package/dist/src/showcase/premium/sidebar-nav/index.cjs

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

package/dist/src/showcase/premium/sidebar-nav/index.js

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

package/dist/src/showcase/premium/sidebar-nav/mock.cjs

@@ -1,11 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { SidebarNav } from "tembro"
-
-const items = [
-  { key: "overview", label: "Overview", href: "/overview" },
-  { key: "resources", label: "Resources", href: "/resources", active: true },
-  { key: "settings", label: "Settings", href: "/settings", disabled: true },
-]
-
-export function Example() {
-  return <SidebarNav items={items} />
-}`,highlights:[`Compact and active states`,`Disabled route handling`,`Render hooks for custom link and item`,`Works with controlled active item`],scenarios:[{title:`Left navigation`,description:`Use SidebarNav for primary route anchors and command links.`},{title:`Custom links`,description:`Render each link through Next/React Router integration.`},{title:`Collapsed rail`,description:`Use compact mode on narrow sidebars and drawers.`}],capabilityNotes:["Keep `items` as source of truth for route and badge metadata.",`Preserve keys and active state consistency across re-renders.`,`For keyboard users, keep labels human-readable and non-empty.`,`Disabled items should still show intent but block interaction clearly.`]};exports.sidebarNavMock=e;

package/dist/src/showcase/premium/sidebar-nav/mock.js

@@ -1,32 +0,0 @@
-//#region src/showcase/premium/sidebar-nav/mock.ts
-var e = {
-	code: "import { SidebarNav } from \"tembro\"\n\nconst items = [\n  { key: \"overview\", label: \"Overview\", href: \"/overview\" },\n  { key: \"resources\", label: \"Resources\", href: \"/resources\", active: true },\n  { key: \"settings\", label: \"Settings\", href: \"/settings\", disabled: true },\n]\n\nexport function Example() {\n  return <SidebarNav items={items} />\n}",
-	highlights: [
-		"Compact and active states",
-		"Disabled route handling",
-		"Render hooks for custom link and item",
-		"Works with controlled active item"
-	],
-	scenarios: [
-		{
-			title: "Left navigation",
-			description: "Use SidebarNav for primary route anchors and command links."
-		},
-		{
-			title: "Custom links",
-			description: "Render each link through Next/React Router integration."
-		},
-		{
-			title: "Collapsed rail",
-			description: "Use compact mode on narrow sidebars and drawers."
-		}
-	],
-	capabilityNotes: [
-		"Keep `items` as source of truth for route and badge metadata.",
-		"Preserve keys and active state consistency across re-renders.",
-		"For keyboard users, keep labels human-readable and non-empty.",
-		"Disabled items should still show intent but block interaction clearly."
-	]
-};
-//#endregion
-export { e as sidebarNavMock };

package/dist/src/showcase/premium/sidebar-nav/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/layout/sidebar-nav.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=[{key:`overview`,label:`Overview`,href:`/overview`},{key:`products`,label:`Products`,href:`/products`},{key:`settings`,label:`Settings`,href:`/settings`,disabled:!0},{key:`billing`,label:`Billing`,href:`/billing`}],o=`border-t border-[color:var(--aui-divider)] py-6`;function s({mode:e}){let[s,c]=r.useState(a[0]?.key??`overview`),[l,u]=r.useState(e===`playground`),d=r.useMemo(()=>a.map(e=>({...e,active:e.key===s,onSelect:()=>c(e.key)})),[s]),f=a.find(e=>e.key===s)?.label??`Overview`;return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsx)(`section`,{className:`pb-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:`Route navigation`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Sidebar nav should orient the page fast`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Show active route, disabled destination, and collapsed behavior in one calm preview instead of a standalone toy sidebar.`})]}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Active route`}),(0,i.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Disabled item`}),(0,i.jsx)(t.Badge,{variant:`outline`,className:`rounded-full`,children:`Collapsed`})]})]})}),(0,i.jsxs)(`div`,{className:`${o} grid gap-4 xl:grid-cols-[0.92fr_1.08fr]`,children:[(0,i.jsxs)(`section`,{children:[(0,i.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Workspace navigation`}),(0,i.jsx)(`div`,{className:`mt-3 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-3`,children:(0,i.jsx)(n.SidebarNav,{items:d,collapsed:l})})]}),(0,i.jsxs)(`section`,{children:[(0,i.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Current context`}),(0,i.jsx)(`p`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:f}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Collapsed mode is useful only when the shell still leaves enough context elsewhere. Do not collapse navigation if labels are the only orientation cue on the page.`}),e===`playground`?(0,i.jsx)(`button`,{type:`button`,onClick:()=>u(e=>!e),className:`mt-4 rounded-full border border-[color:var(--aui-divider)] px-4 py-2 text-sm aui-text-muted transition hover:text-[color:var(--aui-fg)]`,children:l?`Expand nav`:`Collapse nav`}):null]})]})]})}exports.SidebarNavShowcase=s;

package/dist/src/showcase/premium/sidebar-nav/showcase.js

@@ -1,113 +0,0 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { SidebarNav as t } from "../../../components/layout/sidebar-nav.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/sidebar-nav/showcase.tsx
-var a = [
-	{
-		key: "overview",
-		label: "Overview",
-		href: "/overview"
-	},
-	{
-		key: "products",
-		label: "Products",
-		href: "/products"
-	},
-	{
-		key: "settings",
-		label: "Settings",
-		href: "/settings",
-		disabled: !0
-	},
-	{
-		key: "billing",
-		label: "Billing",
-		href: "/billing"
-	}
-], o = "border-t border-[color:var(--aui-divider)] py-6";
-function s({ mode: s }) {
-	let [c, l] = n.useState(a[0]?.key ?? "overview"), [u, d] = n.useState(s === "playground"), f = n.useMemo(() => a.map((e) => ({
-		...e,
-		active: e.key === c,
-		onSelect: () => l(e.key)
-	})), [c]), p = a.find((e) => e.key === c)?.label ?? "Overview";
-	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-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: "Route navigation"
-						}),
-						/* @__PURE__ */ r("h3", {
-							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-							children: "Sidebar nav should orient the page fast"
-						}),
-						/* @__PURE__ */ r("p", {
-							className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-							children: "Show active route, disabled destination, and collapsed behavior in one calm preview instead of a standalone toy sidebar."
-						})
-					]
-				}), /* @__PURE__ */ i("div", {
-					className: "flex flex-wrap gap-2",
-					children: [
-						/* @__PURE__ */ r(e, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Active route"
-						}),
-						/* @__PURE__ */ r(e, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Disabled item"
-						}),
-						/* @__PURE__ */ r(e, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Collapsed"
-						})
-					]
-				})]
-			})
-		}), /* @__PURE__ */ i("div", {
-			className: `${o} grid gap-4 xl:grid-cols-[0.92fr_1.08fr]`,
-			children: [/* @__PURE__ */ i("section", { children: [/* @__PURE__ */ r("p", {
-				className: "text-sm font-medium aui-text-muted",
-				children: "Workspace navigation"
-			}), /* @__PURE__ */ r("div", {
-				className: "mt-3 rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-3",
-				children: /* @__PURE__ */ r(t, {
-					items: f,
-					collapsed: u
-				})
-			})] }), /* @__PURE__ */ i("section", { children: [
-				/* @__PURE__ */ r("p", {
-					className: "text-sm font-medium aui-text-muted",
-					children: "Current context"
-				}),
-				/* @__PURE__ */ r("p", {
-					className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-					children: p
-				}),
-				/* @__PURE__ */ r("p", {
-					className: "mt-2 text-sm leading-6 aui-text-muted",
-					children: "Collapsed mode is useful only when the shell still leaves enough context elsewhere. Do not collapse navigation if labels are the only orientation cue on the page."
-				}),
-				s === "playground" ? /* @__PURE__ */ r("button", {
-					type: "button",
-					onClick: () => d((e) => !e),
-					className: "mt-4 rounded-full border border-[color:var(--aui-divider)] px-4 py-2 text-sm aui-text-muted transition hover:text-[color:var(--aui-fg)]",
-					children: u ? "Expand nav" : "Collapse nav"
-				}) : null
-			] })]
-		})]
-	});
-}
-//#endregion
-export { s as SidebarNavShowcase };

package/dist/src/showcase/premium/simple-select/index.cjs

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

package/dist/src/showcase/premium/simple-select/index.js

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

package/dist/src/showcase/premium/simple-select/mock.cjs

@@ -1,29 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { Button, Select } from "tembro"
-
-const selectOptions = [
-  { value: "public", label: "Public", disabled: false },
-  { value: "private", label: "Private", disabled: false },
-  { value: "internal", label: "Internal", disabled: false },
-  { value: "archived", label: "Archived", disabled: true },
-]
-
-export function Example() {
-  const [value, setValue] = useState("private")
-
-  return (
-    <div className="space-y-3">
-      <Select
-        options={selectOptions}
-        value={value}
-        onValueChange={(nextValue) => setValue(nextValue ?? "private")}
-        placeholder="Visibility"
-        size="sm"
-      />
-      <div className="rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm aui-text-muted">
-        Current visibility: <strong>{value}</strong>
-      </div>
-      <Button variant="outline" onClick={() => setValue("public")}>Reset public</Button>
-    </div>
-  )
-}`,htmlCode:`<button data-slot="simple-select-trigger">Open options</button>`,cliCommand:`npx tembro add select`,highlights:[`Controlled usage`,`Static options`,`Clear default value`,`Disabled option handling`],relatedBlockSlugs:[`settings-form`,`users-table`,`crm-dashboard`],scenarios:[{title:`Controlled visibility`,description:"Use controlled `value` when parent flow tracks visibility state."},{title:`Static catalog`,description:`Use fixed options for status and tier fields.`},{title:`Clear/reset flow`,description:`Expose a reset path before destructive transitions.`},{title:`Compact trigger`,description:`Use small size in dense row or toolbar layouts.`}],capabilityNotes:[`SimpleSelect is best for local option lists that don't require async loading.`,`Avoid rebuilding options each render; memoize if options are computed.`,`Use disabled options to communicate temporarily unavailable targets.`,`Always keep selected value in a controlled parent when used in complex forms.`]};exports.simpleSelectMock=e;

package/dist/src/showcase/premium/simple-select/mock.js

@@ -1,43 +0,0 @@
-//#region src/showcase/premium/simple-select/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { Button, Select } from \"tembro\"\n\nconst selectOptions = [\n  { value: \"public\", label: \"Public\", disabled: false },\n  { value: \"private\", label: \"Private\", disabled: false },\n  { value: \"internal\", label: \"Internal\", disabled: false },\n  { value: \"archived\", label: \"Archived\", disabled: true },\n]\n\nexport function Example() {\n  const [value, setValue] = useState(\"private\")\n\n  return (\n    <div className=\"space-y-3\">\n      <Select\n        options={selectOptions}\n        value={value}\n        onValueChange={(nextValue) => setValue(nextValue ?? \"private\")}\n        placeholder=\"Visibility\"\n        size=\"sm\"\n      />\n      <div className=\"rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm aui-text-muted\">\n        Current visibility: <strong>{value}</strong>\n      </div>\n      <Button variant=\"outline\" onClick={() => setValue(\"public\")}>Reset public</Button>\n    </div>\n  )\n}",
-	htmlCode: "<button data-slot=\"simple-select-trigger\">Open options</button>",
-	cliCommand: "npx tembro add select",
-	highlights: [
-		"Controlled usage",
-		"Static options",
-		"Clear default value",
-		"Disabled option handling"
-	],
-	relatedBlockSlugs: [
-		"settings-form",
-		"users-table",
-		"crm-dashboard"
-	],
-	scenarios: [
-		{
-			title: "Controlled visibility",
-			description: "Use controlled `value` when parent flow tracks visibility state."
-		},
-		{
-			title: "Static catalog",
-			description: "Use fixed options for status and tier fields."
-		},
-		{
-			title: "Clear/reset flow",
-			description: "Expose a reset path before destructive transitions."
-		},
-		{
-			title: "Compact trigger",
-			description: "Use small size in dense row or toolbar layouts."
-		}
-	],
-	capabilityNotes: [
-		"SimpleSelect is best for local option lists that don't require async loading.",
-		"Avoid rebuilding options each render; memoize if options are computed.",
-		"Use disabled options to communicate temporarily unavailable targets.",
-		"Always keep selected value in a controlled parent when used in complex forms."
-	]
-};
-//#endregion
-export { e as simpleSelectMock };

package/dist/src/showcase/premium/simple-select/showcase.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../components/ui/button/index.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/ui/select/index.cjs"),r=require("../../component-route-data.cjs");let i=require("react"),a=require("react/jsx-runtime");function o({mode:o}){let[s,c]=(0,i.useState)(`private`),[l,u]=(0,i.useState)(0),d=r.routeSimpleSelectOptions,f=d.find(e=>e.value===s);return(0,a.jsxs)(`div`,{className:`space-y-4`,children:[(0,a.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-strong`,children:`SimpleSelect is the lightweight static member`}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it only when you want a thinner wrapper around the main Select surface for static option lists.`}),(0,a.jsxs)(`div`,{className:`mt-3 flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Badge,{variant:`outline`,children:`Static options`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Searchable`}),(0,a.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]})]}),(0,a.jsx)(n.Select,{value:s,onValueChange:e=>c(e),options:d,placeholder:`Visibility`,searchable:!0,clearable:!0,showSelectedDescription:!0}),(0,a.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Current value`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:f?.label??`Nothing selected`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Behavior`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Clear icon and disabled items behave inside the same trigger model.`})]}),(0,a.jsxs)(`div`,{className:`rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:[(0,a.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`When to use`}),(0,a.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Choose this for local option lists before moving to AsyncSelect.`})]})]}),(0,a.jsx)(n.Select,{defaultValue:`public`,options:d,showSelectedDescription:!0},l),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>c(void 0),children:`Clear controlled`}),(0,a.jsx)(e.Button,{variant:`outline`,size:`sm`,onClick:()=>u(e=>e+1),children:`Reset uncontrolled sample`})]}),o===`playground`?(0,a.jsx)(`p`,{className:`aui-text-muted rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm`,children:`Controlled selection can power filter states, while uncontrolled default usage is fine for one-off static forms. If the list becomes remote, move back to the Select family and choose AsyncSelect.`}):null]})}exports.SimpleSelectShowcase=o;

package/dist/src/showcase/premium/simple-select/showcase.js

@@ -1,114 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Select as n } from "../../../components/ui/select/index.js";
-import { routeSimpleSelectOptions as r } from "../../component-route-data.js";
-import { useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/showcase/premium/simple-select/showcase.tsx
-function s({ mode: s }) {
-	let [c, l] = i("private"), [u, d] = i(0), f = r, p = f.find((e) => e.value === c);
-	return /* @__PURE__ */ o("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ o("div", {
-				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-				children: [
-					/* @__PURE__ */ a("p", {
-						className: "text-sm font-medium aui-text-strong",
-						children: "SimpleSelect is the lightweight static member"
-					}),
-					/* @__PURE__ */ a("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Use it only when you want a thinner wrapper around the main Select surface for static option lists."
-					}),
-					/* @__PURE__ */ o("div", {
-						className: "mt-3 flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ a(t, {
-								variant: "outline",
-								children: "Static options"
-							}),
-							/* @__PURE__ */ a(t, {
-								variant: "outline",
-								children: "Searchable"
-							}),
-							/* @__PURE__ */ a(t, {
-								variant: "outline",
-								children: "Clearable"
-							})
-						]
-					})
-				]
-			}),
-			/* @__PURE__ */ a(n, {
-				value: c,
-				onValueChange: (e) => l(e),
-				options: f,
-				placeholder: "Visibility",
-				searchable: !0,
-				clearable: !0,
-				showSelectedDescription: !0
-			}),
-			/* @__PURE__ */ o("div", {
-				className: "grid gap-3 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ o("div", {
-						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-						children: [/* @__PURE__ */ a("p", {
-							className: "font-medium aui-text-strong",
-							children: "Current value"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-2 aui-text-muted",
-							children: p?.label ?? "Nothing selected"
-						})]
-					}),
-					/* @__PURE__ */ o("div", {
-						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-						children: [/* @__PURE__ */ a("p", {
-							className: "font-medium aui-text-strong",
-							children: "Behavior"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-2 aui-text-muted",
-							children: "Clear icon and disabled items behave inside the same trigger model."
-						})]
-					}),
-					/* @__PURE__ */ o("div", {
-						className: "rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-						children: [/* @__PURE__ */ a("p", {
-							className: "font-medium aui-text-strong",
-							children: "When to use"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-2 aui-text-muted",
-							children: "Choose this for local option lists before moving to AsyncSelect."
-						})]
-					})
-				]
-			}),
-			/* @__PURE__ */ a(n, {
-				defaultValue: "public",
-				options: f,
-				showSelectedDescription: !0
-			}, u),
-			/* @__PURE__ */ o("div", {
-				className: "flex flex-wrap gap-2",
-				children: [/* @__PURE__ */ a(e, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => l(void 0),
-					children: "Clear controlled"
-				}), /* @__PURE__ */ a(e, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => d((e) => e + 1),
-					children: "Reset uncontrolled sample"
-				})]
-			}),
-			s === "playground" ? /* @__PURE__ */ a("p", {
-				className: "aui-text-muted rounded-2xl border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface-muted)] px-4 py-3 text-sm",
-				children: "Controlled selection can power filter states, while uncontrolled default usage is fine for one-off static forms. If the list becomes remote, move back to the Select family and choose AsyncSelect."
-			}) : null
-		]
-	});
-}
-//#endregion
-export { s as SimpleSelectShowcase };

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

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

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

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

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

@@ -1,15 +0,0 @@
-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;

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

@@ -1,19 +0,0 @@
-//#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 };

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

@@ -1 +0,0 @@
-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;

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

@@ -1,37 +0,0 @@
-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 };