tembro 3.0.0 → 3.1.1

package/dist/showcase/premium/dropdown-menu/showcase.js

@@ -1,166 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { DropdownMenu as t, DropdownMenuCheckboxItem as n, DropdownMenuContent as r, DropdownMenuGroup as i, DropdownMenuItem as a, DropdownMenuItemDescription as o, DropdownMenuLabel as s, DropdownMenuRadioGroup as c, DropdownMenuRadioItem as l, DropdownMenuSeparator as u, DropdownMenuShortcut as d, DropdownMenuSub as f, DropdownMenuSubContent as p, DropdownMenuSubTrigger as m, DropdownMenuTrigger as h } from "../../../components/ui/dropdown-menu/index.js";
-import * as g from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/showcase/premium/dropdown-menu/showcase.tsx
-var y = "border-t border-[color:var(--aui-divider)] py-6";
-function b({ mode: b }) {
-	let [x, S] = g.useState("private"), [C, w] = g.useState(!0), [T, E] = g.useState(!1), [D, O] = g.useState(!1);
-	return /* @__PURE__ */ v("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ _("section", {
-				className: "pb-6",
-				children: /* @__PURE__ */ v("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-end xl:justify-between",
-					children: [/* @__PURE__ */ v("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ _("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Dropdown menu"
-							}),
-							/* @__PURE__ */ _("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Secondary actions belong here"
-							}),
-							/* @__PURE__ */ _("p", {
-								className: "mt-3 text-sm leading-6 aui-text-muted",
-								children: "Use one trigger for quick actions, tiny settings, and destructive follow-ups."
-							})
-						]
-					}), /* @__PURE__ */ v("div", {
-						className: "grid gap-3 sm:grid-cols-3 xl:min-w-[360px] xl:max-w-[420px]",
-						children: [
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Status"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: x === "public" ? "Public" : "Private"
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Notifications"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: C ? "On" : "Off"
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Route"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: b === "playground" ? "Interactive" : "Docs"
-								})]
-							}),
-							/* @__PURE__ */ v("div", {
-								className: "rounded-[18px] border border-[color:var(--aui-divider)] px-4 py-3",
-								children: [/* @__PURE__ */ _("p", {
-									className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-									children: "Menu close"
-								}), /* @__PURE__ */ _("p", {
-									className: "mt-2 text-lg font-semibold aui-text-strong",
-									children: D ? "Pinned open" : "Auto close"
-								})]
-							})
-						]
-					})]
-				})
-			}),
-			/* @__PURE__ */ _("section", {
-				className: y,
-				children: /* @__PURE__ */ v("div", {
-					className: "flex flex-col gap-5 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ v("div", {
-						className: "max-w-xl",
-						children: [/* @__PURE__ */ _("p", {
-							className: "text-xs font-semibold uppercase tracking-[0.22em] aui-text-muted",
-							children: "Live menu"
-						}), /* @__PURE__ */ _("h4", {
-							className: "mt-2 text-xl font-semibold tracking-tight aui-text-strong",
-							children: "Open and verify small state changes"
-						})]
-					}), /* @__PURE__ */ v(t, { children: [/* @__PURE__ */ _(h, { children: /* @__PURE__ */ _(e, { children: "Open menu" }) }), /* @__PURE__ */ v(r, { children: [
-						/* @__PURE__ */ _(s, { children: "Workspace actions" }),
-						/* @__PURE__ */ v(a, { children: [/* @__PURE__ */ v("span", {
-							className: "grid gap-0.5",
-							children: [/* @__PURE__ */ _("span", { children: "Open workspace" }), /* @__PURE__ */ _(o, { children: "Go to the main dashboard route" })]
-						}), /* @__PURE__ */ _(d, { children: "↵" })] }),
-						/* @__PURE__ */ _(a, {
-							disabled: !0,
-							children: /* @__PURE__ */ v("span", {
-								className: "grid gap-0.5",
-								children: [/* @__PURE__ */ _("span", { children: "Delete from archive" }), /* @__PURE__ */ _(o, { children: "Locked until retention expires" })]
-							})
-						}),
-						/* @__PURE__ */ _(u, {}),
-						/* @__PURE__ */ _(n, {
-							checked: C,
-							closeOnSelect: !D,
-							onCheckedChange: (e) => w(!!e),
-							children: "Notification access"
-						}),
-						/* @__PURE__ */ _(n, {
-							checked: T,
-							closeOnSelect: !D,
-							onCheckedChange: (e) => E(!!e),
-							children: "Compact density"
-						}),
-						/* @__PURE__ */ _(n, {
-							checked: D,
-							closeOnSelect: !1,
-							onCheckedChange: (e) => O(!!e),
-							children: "Keep menu open"
-						}),
-						/* @__PURE__ */ v(f, { children: [/* @__PURE__ */ _(m, { children: "Export" }), /* @__PURE__ */ v(p, { children: [
-							/* @__PURE__ */ _(a, { children: "CSV" }),
-							/* @__PURE__ */ _(a, { children: "PDF summary" }),
-							/* @__PURE__ */ _(a, { children: "JSON payload" })
-						] })] }),
-						/* @__PURE__ */ _(i, { children: /* @__PURE__ */ v(c, {
-							value: x,
-							onValueChange: (e) => S(e),
-							children: [/* @__PURE__ */ _(l, {
-								value: "public",
-								children: "Public"
-							}), /* @__PURE__ */ _(l, {
-								value: "private",
-								children: "Private"
-							})]
-						}) }),
-						/* @__PURE__ */ _(u, {}),
-						/* @__PURE__ */ v(a, {
-							variant: "destructive",
-							children: ["Remove workspace", /* @__PURE__ */ _(d, { children: "⌘D" })]
-						})
-					] })] })]
-				})
-			}),
-			/* @__PURE__ */ _("section", {
-				className: y,
-				children: /* @__PURE__ */ _("div", {
-					className: "border-y border-[color:var(--aui-divider)]",
-					children: [
-						"Keep the main CTA outside the menu.",
-						"Use radio and checkbox items only for very small settings.",
-						"Destructive items should still be explicit and easy to notice."
-					].map((e) => /* @__PURE__ */ _("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))
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { b as DropdownMenuShowcase };
+export * from "../../../src/showcase/premium/dropdown-menu/showcase.js"

package/dist/showcase/premium/dual-list-picker/index.cjs

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

package/dist/showcase/premium/dual-list-picker/index.js

@@ -1,3 +1 @@
-import { dualListPickerMock as e } from "./mock.js";
-import { DualListPickerShowcase as t } from "./showcase.js";
-export { t as DualListPickerShowcase, e as dualListPickerMock };
+export * from "../../../src/showcase/premium/dual-list-picker/index.js"

package/dist/showcase/premium/dual-list-picker/mock.cjs

@@ -1,20 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { DualListPicker } from "tembro"
-
-const items = [
-  { label: "Analytics", value: "analytics" },
-  { label: "Reports", value: "reports" },
-]
-
-export function Example() {
-  const [picked, setPicked] = useState(["analytics"])
-
-  return (
-    <DualListPicker
-      items={items}
-      picked={picked}
-      onPickedChange={setPicked}
-      availableTitle="Available"
-      pickedTitle="Selected"
-    />
-  )
-}`,cliCommand:`npx tembro add dual-list-picker`,highlights:[`Move items between available/selected lists`,`Supports disabled choices`,`Simple controlled value pattern`],scenarios:[{title:`Role permissions`,description:`Select which modules are available for a user role.`},{title:`Feature toggles`,description:`Move capabilities between disabled and enabled buckets.`}]};exports.dualListPickerMock=e;
+module.exports = require("../../../src/showcase/premium/dual-list-picker/mock.cjs")

package/dist/showcase/premium/dual-list-picker/mock.js

@@ -1,19 +1 @@
-//#region src/showcase/premium/dual-list-picker/mock.ts
-var e = {
-	code: "import { DualListPicker } from \"tembro\"\n\nconst items = [\n  { label: \"Analytics\", value: \"analytics\" },\n  { label: \"Reports\", value: \"reports\" },\n]\n\nexport function Example() {\n  const [picked, setPicked] = useState([\"analytics\"])\n\n  return (\n    <DualListPicker\n      items={items}\n      picked={picked}\n      onPickedChange={setPicked}\n      availableTitle=\"Available\"\n      pickedTitle=\"Selected\"\n    />\n  )\n}",
-	cliCommand: "npx tembro add dual-list-picker",
-	highlights: [
-		"Move items between available/selected lists",
-		"Supports disabled choices",
-		"Simple controlled value pattern"
-	],
-	scenarios: [{
-		title: "Role permissions",
-		description: "Select which modules are available for a user role."
-	}, {
-		title: "Feature toggles",
-		description: "Move capabilities between disabled and enabled buckets."
-	}]
-};
-//#endregion
-export { e as dualListPickerMock };
+export * from "../../../src/showcase/premium/dual-list-picker/mock.js"

package/dist/showcase/premium/dual-list-picker/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/modern/dual-list-picker.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");var i=[{label:`Analytics`,value:`analytics`},{label:`Reports`,value:`reports`},{label:`Integrations`,value:`integrations`},{label:`Billing`,value:`billing`},{label:`Notifications`,value:`notifications`,disabled:!0}];function a(){let[e,a]=n.useState([`analytics`]);return(0,r.jsxs)(`div`,{className:`space-y-4`,children:[(0,r.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`Selected: `,e.join(`, `)||`None`]}),(0,r.jsx)(t.DualListPicker,{items:i,picked:e,onPickedChange:a,availableTitle:`All modules`,pickedTitle:`Enabled modules`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm`,onClick:()=>a([]),children:`Clear selection`})]})}exports.DualListPickerShowcase=a;
+module.exports = require("../../../src/showcase/premium/dual-list-picker/showcase.cjs")

package/dist/showcase/premium/dual-list-picker/showcase.js

@@ -1,54 +1 @@
-import { DualListPicker as e } from "../../../components/modern/dual-list-picker.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/premium/dual-list-picker/showcase.tsx
-var i = [
-	{
-		label: "Analytics",
-		value: "analytics"
-	},
-	{
-		label: "Reports",
-		value: "reports"
-	},
-	{
-		label: "Integrations",
-		value: "integrations"
-	},
-	{
-		label: "Billing",
-		value: "billing"
-	},
-	{
-		label: "Notifications",
-		value: "notifications",
-		disabled: !0
-	}
-];
-function a() {
-	let [a, o] = t.useState(["analytics"]);
-	return /* @__PURE__ */ r("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ r("p", {
-				className: "text-sm text-muted-foreground",
-				children: ["Selected: ", a.join(", ") || "None"]
-			}),
-			/* @__PURE__ */ n(e, {
-				items: i,
-				picked: a,
-				onPickedChange: o,
-				availableTitle: "All modules",
-				pickedTitle: "Enabled modules"
-			}),
-			/* @__PURE__ */ n("button", {
-				type: "button",
-				className: "rounded-md border px-3 py-1.5 text-sm",
-				onClick: () => o([]),
-				children: "Clear selection"
-			})
-		]
-	});
-}
-//#endregion
-export { a as DualListPickerShowcase };
+export * from "../../../src/showcase/premium/dual-list-picker/showcase.js"

package/dist/showcase/premium/file-upload/index.cjs

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

package/dist/showcase/premium/file-upload/index.js

@@ -1,3 +1 @@
-import { FileUploadShowcase as e } from "./showcase.js";
-import { fileUploadMock as t } from "./mock.js";
-export { e as FileUploadShowcase, t as fileUploadMock };
+export * from "../../../src/showcase/premium/file-upload/index.js"

package/dist/showcase/premium/file-upload/mock.cjs

@@ -1,17 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useState } from "react"
-import { FileUpload } from "tembro"
-
-export function Example() {
-  const [files, setFiles] = useState<File[]>([])
-
-  return (
-    <FileUpload
-      files={files}
-      onFilesChange={setFiles}
-      accept=".pdf,.docx,.png"
-      maxFiles={4}
-      maxSize={4 * 1024 * 1024}
-      helperText="Supports PDF, DOCX and PNG up to 4 MB."
-    />
-  )
-}`,cliCommand:`npx tembro add file-upload`,highlights:[`Reusable dropzone and file list`,`Rejected state support`,`Nested clear/remove interactions`,`Controlled file array API`],scenarios:[{title:`Admin attachments`,description:`Upload contracts, invoices and internal release assets.`},{title:`Controlled state`,description:`Keep file state in the parent route or form container.`},{title:`Validation`,description:`Constrain type, size and count at the component boundary.`}],capabilityNotes:[`Use FileUpload when the route needs a production dropzone rather than a decorative input.`,`The remove and clear actions are isolated from the parent click surface.`,`Keep validation rules close to the component so every route behaves consistently.`]};exports.fileUploadMock=e;
+module.exports = require("../../../src/showcase/premium/file-upload/mock.cjs")

package/dist/showcase/premium/file-upload/mock.js

@@ -1,32 +1 @@
-//#region src/showcase/premium/file-upload/mock.ts
-var e = {
-	code: "import { useState } from \"react\"\nimport { FileUpload } from \"tembro\"\n\nexport function Example() {\n  const [files, setFiles] = useState<File[]>([])\n\n  return (\n    <FileUpload\n      files={files}\n      onFilesChange={setFiles}\n      accept=\".pdf,.docx,.png\"\n      maxFiles={4}\n      maxSize={4 * 1024 * 1024}\n      helperText=\"Supports PDF, DOCX and PNG up to 4 MB.\"\n    />\n  )\n}",
-	cliCommand: "npx tembro add file-upload",
-	highlights: [
-		"Reusable dropzone and file list",
-		"Rejected state support",
-		"Nested clear/remove interactions",
-		"Controlled file array API"
-	],
-	scenarios: [
-		{
-			title: "Admin attachments",
-			description: "Upload contracts, invoices and internal release assets."
-		},
-		{
-			title: "Controlled state",
-			description: "Keep file state in the parent route or form container."
-		},
-		{
-			title: "Validation",
-			description: "Constrain type, size and count at the component boundary."
-		}
-	],
-	capabilityNotes: [
-		"Use FileUpload when the route needs a production dropzone rather than a decorative input.",
-		"The remove and clear actions are isolated from the parent click surface.",
-		"Keep validation rules close to the component so every route behaves consistently."
-	]
-};
-//#endregion
-export { e as fileUploadMock };
+export * from "../../../src/showcase/premium/file-upload/mock.js"

package/dist/showcase/premium/file-upload/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/badge/index.cjs"),n=require("../../../components/upload/file-upload.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");function a(){let[e,a]=r.useState([]),[o,s]=r.useState({});return r.useEffect(()=>{s(t=>{let n={...t};return e.forEach((e,t)=>{let r=`${e.name}-${e.size}-${e.lastModified}`;n[r]??=t===0?`uploading`:t===1?`error`:`success`}),n})},[e]),(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,i.jsx)(t.Badge,{variant:`outline`,children:`Dropzone`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Rejected files`}),(0,i.jsx)(t.Badge,{variant:`outline`,children:`Clearable`})]}),(0,i.jsx)(`p`,{className:`mt-3 text-sm font-medium aui-text-strong`,children:`FileUpload is the production file surface`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions.`})]}),(0,i.jsx)(n.FileUpload,{files:e,onFilesChange:a,status:o,accept:`.pdf,.docx,.png`,maxFiles:4,maxSize:4*1024*1024,dropzoneLabel:`Upload release assets`,dropzoneDescription:`Drag files here or choose from your device.`,helperText:`Supports PDF, DOCX and PNG up to 4 MB.`,onRetryFile:e=>{let t=`${e.name}-${e.size}-${e.lastModified}`;s(e=>({...e,[t]:`uploading`})),window.setTimeout(()=>{s(e=>({...e,[t]:`success`}))},900)}}),(0,i.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-3`,children:[(0,i.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,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Attached files`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:e.length})]}),(0,i.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,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Interaction model`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click.`})]}),(0,i.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,i.jsx)(`p`,{className:`font-medium aui-text-strong`,children:`Use case`}),(0,i.jsx)(`p`,{className:`mt-2 aui-text-muted`,children:`Contracts, invoices, release assets and admin attachments.`})]})]})]})}exports.FileUploadShowcase=a;
+module.exports = require("../../../src/showcase/premium/file-upload/showcase.cjs")

package/dist/showcase/premium/file-upload/showcase.js

@@ -1,111 +1 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { FileUpload as t } from "../../../components/upload/file-upload.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/file-upload/showcase.tsx
-function a() {
-	let [a, o] = n.useState([]), [s, c] = n.useState({});
-	return n.useEffect(() => {
-		c((e) => {
-			let t = { ...e };
-			return a.forEach((e, n) => {
-				let r = `${e.name}-${e.size}-${e.lastModified}`;
-				t[r] ??= n === 0 ? "uploading" : n === 1 ? "error" : "success";
-			}), t;
-		});
-	}, [a]), /* @__PURE__ */ i("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ i("div", {
-				className: "rounded-[20px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-				children: [
-					/* @__PURE__ */ i("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ r(e, {
-								variant: "outline",
-								children: "Dropzone"
-							}),
-							/* @__PURE__ */ r(e, {
-								variant: "outline",
-								children: "Rejected files"
-							}),
-							/* @__PURE__ */ r(e, {
-								variant: "outline",
-								children: "Clearable"
-							})
-						]
-					}),
-					/* @__PURE__ */ r("p", {
-						className: "mt-3 text-sm font-medium aui-text-strong",
-						children: "FileUpload is the production file surface"
-					}),
-					/* @__PURE__ */ r("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Use it when you need one reusable dropzone with helper copy, rejected states, file list and nested remove actions."
-					})
-				]
-			}),
-			/* @__PURE__ */ r(t, {
-				files: a,
-				onFilesChange: o,
-				status: s,
-				accept: ".pdf,.docx,.png",
-				maxFiles: 4,
-				maxSize: 4 * 1024 * 1024,
-				dropzoneLabel: "Upload release assets",
-				dropzoneDescription: "Drag files here or choose from your device.",
-				helperText: "Supports PDF, DOCX and PNG up to 4 MB.",
-				onRetryFile: (e) => {
-					let t = `${e.name}-${e.size}-${e.lastModified}`;
-					c((e) => ({
-						...e,
-						[t]: "uploading"
-					})), window.setTimeout(() => {
-						c((e) => ({
-							...e,
-							[t]: "success"
-						}));
-					}, 900);
-				}
-			}),
-			/* @__PURE__ */ i("div", {
-				className: "grid gap-3 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ i("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__ */ r("p", {
-							className: "font-medium aui-text-strong",
-							children: "Attached files"
-						}), /* @__PURE__ */ r("p", {
-							className: "mt-2 aui-text-muted",
-							children: a.length
-						})]
-					}),
-					/* @__PURE__ */ i("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__ */ r("p", {
-							className: "font-medium aui-text-strong",
-							children: "Interaction model"
-						}), /* @__PURE__ */ r("p", {
-							className: "mt-2 aui-text-muted",
-							children: "Uploading, success and retry-ready error rows all stay isolated from the parent dropzone click."
-						})]
-					}),
-					/* @__PURE__ */ i("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__ */ r("p", {
-							className: "font-medium aui-text-strong",
-							children: "Use case"
-						}), /* @__PURE__ */ r("p", {
-							className: "mt-2 aui-text-muted",
-							children: "Contracts, invoices, release assets and admin attachments."
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { a as FileUploadShowcase };
+export * from "../../../src/showcase/premium/file-upload/showcase.js"

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./showcase.cjs"),t=require("./mock.cjs");exports.FormWrapperShowcase=e.FormWrapperShowcase,exports.formAsyncSelectMock=t.formAsyncSelectMock,exports.formRHFWrapperMock=t.formRHFWrapperMock,exports.formSelectMock=t.formSelectMock;
+module.exports = require("../../../src/showcase/premium/form-wrapper/index.cjs")

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

@@ -1,2 +1,2 @@
 export { FormWrapperShowcase } from "./showcase";
-export { formAsyncSelectMock, formRHFWrapperMock, formSelectMock } from "./mock";
+export { formRHFWrapperMock, formSelectMock } from "./mock";

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

@@ -1,3 +1 @@
-import { FormWrapperShowcase as e } from "./showcase.js";
-import { formAsyncSelectMock as t, formRHFWrapperMock as n, formSelectMock as r } from "./mock.js";
-export { e as FormWrapperShowcase, t as formAsyncSelectMock, n as formRHFWrapperMock, r as formSelectMock };
+export * from "../../../src/showcase/premium/form-wrapper/index.js"

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

@@ -1,166 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { useForm } from "react-hook-form"
-import { Button, FormInput, FormSwitch, FormTextarea } from "tembro"
-
-type DemoValues = {
-  name: string
-  ownerPhone: string
-  price: number | null
-  notes: string
-  active: boolean
-}
-
-export function Example() {
-  const form = useForm<DemoValues>({
-    defaultValues: {
-      name: "Azamat UI",
-      ownerPhone: "+998 90 123 45 67",
-      price: 120,
-      notes: "Use control, name, rules, error, and required labels.",
-      active: true,
-    },
-  })
-
-  const onSubmit = form.handleSubmit((values) => {
-    console.log(values)
-  })
-
-  return (
-    <form onSubmit={onSubmit} className="space-y-4">
-      <FormInput
-        control={form.control}
-        name="name"
-        label="Workspace name"
-        required
-        placeholder="Write a workspace title"
-        rules={{
-          required: "Workspace name is required",
-          minLength: { value: 3, message: "At least 3 characters" },
-        }}
-      />
-
-      <FormInput
-        control={form.control}
-        name="ownerPhone"
-        kind="phone"
-        label="Owner phone"
-        description="Use canonical phone value for API payloads."
-        rules={{ required: "Phone number is required" }}
-      />
-
-      <FormInput
-        control={form.control}
-        name="price"
-        kind="number"
-        label="Budget"
-        min={0}
-        max={100000}
-        required
-      />
-
-      <FormTextarea
-        control={form.control}
-        name="notes"
-        label="Notes"
-        required
-        rows={3}
-        description="RHF handles error and required states."
-      />
-
-      <FormSwitch control={form.control} name="active" label="Active" />
-
-      <Button type="submit">Save</Button>
-    </form>
-  )`,htmlCode:`<form><label for="workspace">Workspace</label><input id="workspace" value="Azamat UI" /></form>`,cliCommand:`npx tembro add form-input form-textarea form-switch`,highlights:[`control + name contract`,"Universal `kind` variants",`Error display and required markers`,`Consistent wrapper shell behavior`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`,`users-table`],scenarios:[{title:`Required validation`,description:"Use `rules` for required and length constraints and show errors in shell."},{title:`Error display`,description:`Inject custom error messages for required and domain checks.`},{title:`Read-only states`,description:`Support locked and disabled states from parent screens.`},{title:`Unified layout`,description:`Keep one shell language for input, select and toggle types without multiplying wrapper names.`}],capabilityNotes:["Use `control` and `name` from a shared `useForm` call for every field wrapper.","Prefer `FormInput kind=...` and `FormSelect kind=...` for new work; keep alias wrappers only for migration.","Pass RHF `rules` or `validate` to each wrapper, instead of inline ad-hoc checks.","`required` should be explicit both in copy (UI marker) and schema.","Render validation messages through wrapper-level `error` or formState errors for consistent spacing."]},t={code:`import { useForm } from "react-hook-form"
-import { Button, FormSelect } from "tembro"
-
-const statusOptions = [
-  { label: "Draft", value: "draft" },
-  { label: "Review", value: "review" },
-  { label: "Live", value: "live" },
-]
-
-const workspaceOptions = [
-  { value: "workspace-alpha", label: "Workspace Alpha", description: "Core design system route" },
-  { value: "workspace-beta", label: "Workspace Beta", description: "CRM rollout workspace" },
-]
-
-async function loadWorkspaces(search: string) {
-  const query = search.trim().toLowerCase()
-  return workspaceOptions.filter((option) => !query || option.label.toLowerCase().includes(query))
-}
-
-async function loadWorkspace(value: string) {
-  return workspaceOptions.find((option) => option.value === value) ?? null
-}
-
-export function Example() {
-  const form = useForm({
-    defaultValues: {
-      status: "review",
-      ownerId: "workspace-alpha",
-    },
-  })
-
-  return (
-    <form className="space-y-4">
-      <FormSelect
-        control={form.control}
-        name="status"
-        label="Release status"
-        options={statusOptions}
-        placeholder="Choose status"
-      />
-
-      <FormSelect
-        control={form.control}
-        name="ownerId"
-        kind="async"
-        label="Linked workspace"
-        loadOptions={loadWorkspaces}
-        loadSelectedOption={loadWorkspace}
-      />
-
-      <Button type="submit">Save</Button>
-    </form>
-  )
-}`,cliCommand:`npx tembro add form-select`,highlights:[`One RHF select wrapper`,`Simple + async under one API`,`Shared shell labels and errors`,`Preferred select-form entry`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`,`users-table`],scenarios:[{title:`Static form choices`,description:`Use the default FormSelect mode for known statuses, roles, or visibility controls.`},{title:`Remote edit flows`,description:`Switch to kind="async" when the form hydrates saved entity values from remote search results.`},{title:`Shared validation shell`,description:`Keep labels, descriptions, and errors aligned across simple and async field variants.`}],capabilityNotes:[`Prefer FormSelect for new select fields instead of splitting wrappers too early.`,`Use kind="async" only when loading and hydration are remote concerns.`,`Keep the RHF contract identical while the field interaction model changes underneath.`]},n={code:`import { useForm } from "react-hook-form"
-import { Button, FormAsyncSelect } from "tembro"
-
-const workspaceOptions = [
-  { value: "workspace-alpha", label: "Workspace Alpha", description: "Core design system route" },
-  { value: "workspace-beta", label: "Workspace Beta", description: "CRM rollout workspace" },
-]
-
-async function loadWorkspaces(search: string) {
-  const query = search.trim().toLowerCase()
-  return workspaceOptions.filter((option) => !query || option.label.toLowerCase().includes(query))
-}
-
-async function loadWorkspace(value: string) {
-  return workspaceOptions.find((option) => option.value === value) ?? null
-}
-
-export function Example() {
-  const form = useForm({
-    defaultValues: {
-      ownerId: "workspace-alpha",
-    },
-  })
-
-  return (
-    <form className="space-y-4">
-      <FormAsyncSelect
-        control={form.control}
-        name="ownerId"
-        label="Linked workspace"
-        loadOptions={loadWorkspaces}
-        loadSelectedOption={loadWorkspace}
-      />
-
-      <Button type="submit">Save</Button>
-    </form>
-  )
-}
-
-// New work should prefer:
-// <FormSelect control={form.control} name="ownerId" kind="async" ... />`,cliCommand:`npx tembro add form-async-select`,highlights:[`Compatibility alias`,`Async form selection`,`Hydrated remote value support`,`Migration-safe route`],relatedBlockSlugs:[`settings-form`,`crm-dashboard`,`users-table`],scenarios:[{title:`Legacy migration`,description:`Keep old async form routes working while teams move to FormSelect kind="async".`},{title:`Remote search fields`,description:`Hydrate saved form values back into the same async wrapper contract.`},{title:`Alias cleanup path`,description:`Use this route to document migration, not as the new primary entry point.`}],capabilityNotes:[`Keep FormAsyncSelect only while existing forms still import it directly.`,`Point all new docs and new code toward FormSelect kind="async".`,`Treat this alias as a migration member inside the wider Select family.`]};exports.formAsyncSelectMock=n,exports.formRHFWrapperMock=e,exports.formSelectMock=t;
+module.exports = require("../../../src/showcase/premium/form-wrapper/mock.cjs")