tembro 1.0.2 → 2.0.0

package/dist/showcase/families/navigation/showcase.js

@@ -1,49 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/showcase/families/navigation/showcase.tsx
-function r({ state: r, setState: i }) {
-	return /* @__PURE__ */ n("div", {
-		className: "space-y-4",
-		children: [/* @__PURE__ */ t("div", {
-			className: "flex flex-wrap gap-3",
-			children: [
-				"Overview",
-				"Analytics",
-				"Reports"
-			].map((e, n) => /* @__PURE__ */ t("button", {
-				className: `rounded-2xl border px-5 py-3 text-sm ${n === 0 ? "aui-surface-strong border-[color:var(--aui-surface-strong)]" : "aui-text-muted border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)]"}`,
-				children: e
-			}, e))
-		}), /* @__PURE__ */ n("div", {
-			className: "flex items-center justify-between rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] px-4 py-3",
-			children: [
-				/* @__PURE__ */ t(e, {
-					variant: "outline",
-					size: "sm",
-					onClick: () => i({ step: Math.max(1, r.step - 1) }),
-					children: "Prev"
-				}),
-				/* @__PURE__ */ t("div", {
-					className: "flex gap-2",
-					children: [
-						1,
-						2,
-						3,
-						8
-					].map((e) => /* @__PURE__ */ t("button", {
-						onClick: () => i({ step: e === 8 ? 4 : e }),
-						className: `rounded-xl border px-4 py-2 text-sm ${r.step === (e === 8 ? 4 : e) ? "aui-surface-strong border-[color:var(--aui-surface-strong)]" : "aui-text-muted border-[color:var(--aui-surface-border)]"}`,
-						children: e
-					}, e))
-				}),
-				/* @__PURE__ */ t(e, {
-					size: "sm",
-					onClick: () => i({ step: Math.min(4, r.step + 1) }),
-					children: "Next"
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { r as NavigationFamilyShowcase };

package/dist/showcase/families/notifications/index.cjs

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

package/dist/showcase/families/notifications/index.d.ts

@@ -1,2 +0,0 @@
-export { NotificationsFamilyShowcase } from "./showcase";
-export { notificationsFamilyMock } from "./mock";

package/dist/showcase/families/notifications/index.js

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

package/dist/showcase/families/notifications/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Toast } from "tembro"
-
-export function Example() {
-  return <Toast />
-}`,highlights:[`Toast messages`,`Transient feedback`,`Success and warning states`,`Async completion`],scenarios:[{title:`Success feedback`,description:`Acknowledge completed actions without interrupting the user.`},{title:`Warning states`,description:`Surface short-lived problems or validation reminders.`},{title:`Background jobs`,description:`Notify users when async tasks finish.`}],metrics:[{label:`Exports`,value:`1`},{label:`Modes`,value:`Success + warning`},{label:`Status`,value:`Preview`}]};exports.notificationsFamilyMock=e;

package/dist/showcase/families/notifications/mock.d.ts

@@ -1,2 +0,0 @@
-import type { FamilyDemoMock } from "../types";
-export declare const notificationsFamilyMock: FamilyDemoMock;

package/dist/showcase/families/notifications/mock.js

@@ -1,40 +0,0 @@
-//#region src/showcase/families/notifications/mock.ts
-var e = {
-	code: "import { Toast } from \"tembro\"\n\nexport function Example() {\n  return <Toast />\n}",
-	highlights: [
-		"Toast messages",
-		"Transient feedback",
-		"Success and warning states",
-		"Async completion"
-	],
-	scenarios: [
-		{
-			title: "Success feedback",
-			description: "Acknowledge completed actions without interrupting the user."
-		},
-		{
-			title: "Warning states",
-			description: "Surface short-lived problems or validation reminders."
-		},
-		{
-			title: "Background jobs",
-			description: "Notify users when async tasks finish."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "1"
-		},
-		{
-			label: "Modes",
-			value: "Success + warning"
-		},
-		{
-			label: "Status",
-			value: "Preview"
-		}
-	]
-};
-//#endregion
-export { e as notificationsFamilyMock };

package/dist/showcase/families/notifications/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");let n=require("react/jsx-runtime");function r(){return(0,n.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,n.jsxs)(`div`,{className:`aui-status-success rounded-[22px] p-4`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,n.jsx)(`p`,{className:`font-medium`,children:`Changes saved`}),(0,n.jsx)(t.Badge,{variant:`secondary`,children:`Success`})]}),(0,n.jsx)(`p`,{className:`mt-2 text-sm`,children:`Your workspace updates have been published successfully.`})]}),(0,n.jsxs)(`div`,{className:`aui-status-warning rounded-[22px] p-4`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,n.jsx)(`p`,{className:`font-medium`,children:`Review needed`}),(0,n.jsx)(t.Badge,{variant:`outline`,children:`Warning`})]}),(0,n.jsx)(`p`,{className:`mt-2 text-sm`,children:`Two components still need accessibility review before release.`}),(0,n.jsx)(e.Button,{variant:`outline`,className:`mt-4`,children:`Open review queue`})]})]})}exports.NotificationsFamilyShowcase=r;

package/dist/showcase/families/notifications/showcase.d.ts

@@ -1 +0,0 @@
-export declare function NotificationsFamilyShowcase(): import("react").JSX.Element;

package/dist/showcase/families/notifications/showcase.js

@@ -1,50 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/families/notifications/showcase.tsx
-function i() {
-	return /* @__PURE__ */ r("div", {
-		className: "grid gap-4 md:grid-cols-2",
-		children: [/* @__PURE__ */ r("div", {
-			className: "aui-status-success rounded-[22px] p-4",
-			children: [/* @__PURE__ */ r("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ n("p", {
-					className: "font-medium",
-					children: "Changes saved"
-				}), /* @__PURE__ */ n(t, {
-					variant: "secondary",
-					children: "Success"
-				})]
-			}), /* @__PURE__ */ n("p", {
-				className: "mt-2 text-sm",
-				children: "Your workspace updates have been published successfully."
-			})]
-		}), /* @__PURE__ */ r("div", {
-			className: "aui-status-warning rounded-[22px] p-4",
-			children: [
-				/* @__PURE__ */ r("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ n("p", {
-						className: "font-medium",
-						children: "Review needed"
-					}), /* @__PURE__ */ n(t, {
-						variant: "outline",
-						children: "Warning"
-					})]
-				}),
-				/* @__PURE__ */ n("p", {
-					className: "mt-2 text-sm",
-					children: "Two components still need accessibility review before release."
-				}),
-				/* @__PURE__ */ n(e, {
-					variant: "outline",
-					className: "mt-4",
-					children: "Open review queue"
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { i as NotificationsFamilyShowcase };

package/dist/showcase/families/overlay/index.cjs

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

package/dist/showcase/families/overlay/index.d.ts

@@ -1,2 +0,0 @@
-export { OverlayFamilyShowcase } from "./showcase";
-export { overlayFamilyMock } from "./mock";

package/dist/showcase/families/overlay/index.js

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

package/dist/showcase/families/overlay/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ConfirmDialog, ModalShell, SheetShell } from "tembro"
-
-export function Example() {
-  return <ConfirmDialog />
-}`,highlights:[`Confirm dialogs`,`Sheet surfaces`,`Modal actions`,`Focused flows`],scenarios:[{title:`Deletion confirm`,description:`Protect destructive actions with explicit confirmation.`},{title:`Edit sheet`,description:`Slide contextual editing surfaces without leaving the page.`},{title:`Compact modal`,description:`Collect short forms in a focused overlay.`}],metrics:[{label:`Exports`,value:`4`},{label:`Surfaces`,value:`Dialog + sheet`},{label:`Status`,value:`Stable`}]};exports.overlayFamilyMock=e;

package/dist/showcase/families/overlay/mock.d.ts

@@ -1,2 +0,0 @@
-import type { FamilyDemoMock } from "../types";
-export declare const overlayFamilyMock: FamilyDemoMock;

package/dist/showcase/families/overlay/mock.js

@@ -1,40 +0,0 @@
-//#region src/showcase/families/overlay/mock.ts
-var e = {
-	code: "import { ConfirmDialog, ModalShell, SheetShell } from \"tembro\"\n\nexport function Example() {\n  return <ConfirmDialog />\n}",
-	highlights: [
-		"Confirm dialogs",
-		"Sheet surfaces",
-		"Modal actions",
-		"Focused flows"
-	],
-	scenarios: [
-		{
-			title: "Deletion confirm",
-			description: "Protect destructive actions with explicit confirmation."
-		},
-		{
-			title: "Edit sheet",
-			description: "Slide contextual editing surfaces without leaving the page."
-		},
-		{
-			title: "Compact modal",
-			description: "Collect short forms in a focused overlay."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "4"
-		},
-		{
-			label: "Surfaces",
-			value: "Dialog + sheet"
-		},
-		{
-			label: "Status",
-			value: "Stable"
-		}
-	]
-};
-//#endregion
-export { e as overlayFamilyMock };

package/dist/showcase/families/overlay/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");let n=require("react/jsx-runtime");function r(){return(0,n.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[[`Confirm dialog`,`Irreversible actions with strong intent and footer controls.`],[`Edit sheet`,`Context-aware panel for quick updates and side tasks.`],[`Modal shell`,`Focused overlay for short forms and approvals.`]].map(([r,i],a)=>(0,n.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,n.jsx)(`p`,{className:`aui-text-strong text-lg font-semibold`,children:r}),(0,n.jsx)(t.Badge,{variant:a===0?`destructive`:`outline`,children:a===0?`Confirm`:`Overlay`})]}),(0,n.jsx)(`p`,{className:`aui-text-muted mt-3 text-sm leading-6`,children:i}),(0,n.jsx)(e.Button,{className:`mt-4 w-full`,children:a===0?`Open confirm`:a===1?`Open sheet`:`Open modal`})]},r))})}exports.OverlayFamilyShowcase=r;

package/dist/showcase/families/overlay/showcase.d.ts

@@ -1 +0,0 @@
-export declare function OverlayFamilyShowcase(): import("react").JSX.Element;

package/dist/showcase/families/overlay/showcase.js

@@ -1,38 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/families/overlay/showcase.tsx
-function i() {
-	return /* @__PURE__ */ n("div", {
-		className: "grid gap-4 md:grid-cols-3",
-		children: [
-			["Confirm dialog", "Irreversible actions with strong intent and footer controls."],
-			["Edit sheet", "Context-aware panel for quick updates and side tasks."],
-			["Modal shell", "Focused overlay for short forms and approvals."]
-		].map(([i, a], o) => /* @__PURE__ */ r("div", {
-			className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5",
-			children: [
-				/* @__PURE__ */ r("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ n("p", {
-						className: "aui-text-strong text-lg font-semibold",
-						children: i
-					}), /* @__PURE__ */ n(t, {
-						variant: o === 0 ? "destructive" : "outline",
-						children: o === 0 ? "Confirm" : "Overlay"
-					})]
-				}),
-				/* @__PURE__ */ n("p", {
-					className: "aui-text-muted mt-3 text-sm leading-6",
-					children: a
-				}),
-				/* @__PURE__ */ n(e, {
-					className: "mt-4 w-full",
-					children: o === 0 ? "Open confirm" : o === 1 ? "Open sheet" : "Open modal"
-				})
-			]
-		}, i))
-	});
-}
-//#endregion
-export { i as OverlayFamilyShowcase };

package/dist/showcase/families/patterns/index.cjs

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

package/dist/showcase/families/patterns/index.d.ts

@@ -1,2 +0,0 @@
-export { PatternsFamilyShowcase } from "./showcase";
-export { patternsFamilyMock } from "./mock";

package/dist/showcase/families/patterns/index.js

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

package/dist/showcase/families/patterns/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { ResourcePage, ResourceDetailPage, FormBuilder } from "tembro"
-
-export function Example() {
-  return <ResourcePage />
-}`,highlights:[`Resource pages`,`Detail layouts`,`Form builder presets`,`Composed product patterns`],scenarios:[{title:`CMS resource page`,description:`List, filter and inspect resources in a pattern-driven layout.`},{title:`Detail view`,description:`Break detail screens into overview, activity and settings content.`},{title:`Form builder`,description:`Generate field structures from reusable form presets.`}],metrics:[{label:`Exports`,value:`4`},{label:`Pattern types`,value:`Page + builder`},{label:`Status`,value:`Stable`}]};exports.patternsFamilyMock=e;

package/dist/showcase/families/patterns/mock.d.ts

@@ -1,2 +0,0 @@
-import type { FamilyDemoMock } from "../types";
-export declare const patternsFamilyMock: FamilyDemoMock;

package/dist/showcase/families/patterns/mock.js

@@ -1,40 +0,0 @@
-//#region src/showcase/families/patterns/mock.ts
-var e = {
-	code: "import { ResourcePage, ResourceDetailPage, FormBuilder } from \"tembro\"\n\nexport function Example() {\n  return <ResourcePage />\n}",
-	highlights: [
-		"Resource pages",
-		"Detail layouts",
-		"Form builder presets",
-		"Composed product patterns"
-	],
-	scenarios: [
-		{
-			title: "CMS resource page",
-			description: "List, filter and inspect resources in a pattern-driven layout."
-		},
-		{
-			title: "Detail view",
-			description: "Break detail screens into overview, activity and settings content."
-		},
-		{
-			title: "Form builder",
-			description: "Generate field structures from reusable form presets."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "4"
-		},
-		{
-			label: "Pattern types",
-			value: "Page + builder"
-		},
-		{
-			label: "Status",
-			value: "Stable"
-		}
-	]
-};
-//#endregion
-export { e as patternsFamilyMock };

package/dist/showcase/families/patterns/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");let n=require("react/jsx-runtime");function r(){return(0,n.jsx)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[[`Resource page`,`List-heavy surface with filters, cards and actions.`],[`Detail page`,`Focused record view with modular content blocks.`],[`Form builder`,`Preset-driven field composer for internal tools.`]].map(([r,i],a)=>(0,n.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5`,children:[(0,n.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,n.jsx)(`p`,{className:`aui-text-strong text-lg font-semibold`,children:r}),(0,n.jsx)(t.Badge,{variant:a===2?`secondary`:`outline`,children:a===2?`Preset`:`Pattern`})]}),(0,n.jsx)(`p`,{className:`aui-text-muted mt-3 text-sm leading-6`,children:i}),(0,n.jsx)(e.Button,{className:`mt-4 w-full`,children:a===0?`Open resources`:a===1?`Open detail`:`Open builder`})]},r))})}exports.PatternsFamilyShowcase=r;

package/dist/showcase/families/patterns/showcase.d.ts

@@ -1 +0,0 @@
-export declare function PatternsFamilyShowcase(): import("react").JSX.Element;

package/dist/showcase/families/patterns/showcase.js

@@ -1,38 +0,0 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/showcase/families/patterns/showcase.tsx
-function i() {
-	return /* @__PURE__ */ n("div", {
-		className: "grid gap-4 md:grid-cols-3",
-		children: [
-			["Resource page", "List-heavy surface with filters, cards and actions."],
-			["Detail page", "Focused record view with modular content blocks."],
-			["Form builder", "Preset-driven field composer for internal tools."]
-		].map(([i, a], o) => /* @__PURE__ */ r("div", {
-			className: "rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-5",
-			children: [
-				/* @__PURE__ */ r("div", {
-					className: "flex items-center justify-between",
-					children: [/* @__PURE__ */ n("p", {
-						className: "aui-text-strong text-lg font-semibold",
-						children: i
-					}), /* @__PURE__ */ n(t, {
-						variant: o === 2 ? "secondary" : "outline",
-						children: o === 2 ? "Preset" : "Pattern"
-					})]
-				}),
-				/* @__PURE__ */ n("p", {
-					className: "aui-text-muted mt-3 text-sm leading-6",
-					children: a
-				}),
-				/* @__PURE__ */ n(e, {
-					className: "mt-4 w-full",
-					children: o === 0 ? "Open resources" : o === 1 ? "Open detail" : "Open builder"
-				})
-			]
-		}, i))
-	});
-}
-//#endregion
-export { i as PatternsFamilyShowcase };

package/dist/showcase/families/types.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={search:``,notes:`This module family is wired into the public showcase and has real route-level actions.`,step:2,uploadCount:3,density:`comfortable`};exports.defaultFamilyDemoState=e;

package/dist/showcase/families/types.d.ts

@@ -1,29 +0,0 @@
-import type * as React from "react";
-export type FamilyDemoState = {
-    search: string;
-    notes: string;
-    step: number;
-    uploadCount: number;
-    density: "comfortable" | "compact";
-};
-export type FamilyDemoMock = {
-    code: string;
-    highlights: string[];
-    scenarios: Array<{
-        title: string;
-        description: string;
-    }>;
-    metrics: Array<{
-        label: string;
-        value: string;
-    }>;
-};
-export type FamilyDemoProps = {
-    state: FamilyDemoState;
-    setState: (patch: Partial<FamilyDemoState>) => void;
-};
-export type FamilyDemoBundle = {
-    mock: FamilyDemoMock;
-    Showcase: (props: FamilyDemoProps) => React.ReactNode;
-};
-export declare const defaultFamilyDemoState: FamilyDemoState;

package/dist/showcase/families/types.js

@@ -1,10 +0,0 @@
-//#region src/showcase/families/types.ts
-var e = {
-	search: "",
-	notes: "This module family is wired into the public showcase and has real route-level actions.",
-	step: 2,
-	uploadCount: 3,
-	density: "comfortable"
-};
-//#endregion
-export { e as defaultFamilyDemoState };

package/dist/showcase/families/upload/data.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`Dropzone`,`Custom actions`,`Progress`,`Rejected files`,`Image preview`];exports.uploadHelperTags=e;

package/dist/showcase/families/upload/data.d.ts

@@ -1 +0,0 @@
-export declare const uploadHelperTags: string[];

package/dist/showcase/families/upload/data.js

@@ -1,10 +0,0 @@
-//#region src/showcase/families/upload/data.ts
-var e = [
-	"Dropzone",
-	"Custom actions",
-	"Progress",
-	"Rejected files",
-	"Image preview"
-];
-//#endregion
-export { e as uploadHelperTags };

package/dist/showcase/families/upload/index.cjs

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

package/dist/showcase/families/upload/index.d.ts

@@ -1,2 +0,0 @@
-export { UploadFamilyShowcase } from "./showcase";
-export { uploadFamilyMock } from "./mock";

package/dist/showcase/families/upload/index.js

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

package/dist/showcase/families/upload/mock.cjs

@@ -1,5 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { FileUpload, ImageUpload } from "tembro"
-
-export function Example() {
-  return <FileUpload />
-}`,highlights:[`File upload`,`Image upload`,`Attachment counts`,`Media-ready flows`],scenarios:[{title:`Asset manager`,description:`Collect multiple files and preview uploaded media.`},{title:`Profile image flow`,description:`Use image upload in account and brand settings.`},{title:`Document attachments`,description:`Attach release notes, invoices or briefs inline.`}],metrics:[{label:`Exports`,value:`2`},{label:`Files`,value:`12`},{label:`Status`,value:`Preview`}]};exports.uploadFamilyMock=e;

package/dist/showcase/families/upload/mock.d.ts

@@ -1,2 +0,0 @@
-import type { FamilyDemoMock } from "../types";
-export declare const uploadFamilyMock: FamilyDemoMock;

package/dist/showcase/families/upload/mock.js

@@ -1,40 +0,0 @@
-//#region src/showcase/families/upload/mock.ts
-var e = {
-	code: "import { FileUpload, ImageUpload } from \"tembro\"\n\nexport function Example() {\n  return <FileUpload />\n}",
-	highlights: [
-		"File upload",
-		"Image upload",
-		"Attachment counts",
-		"Media-ready flows"
-	],
-	scenarios: [
-		{
-			title: "Asset manager",
-			description: "Collect multiple files and preview uploaded media."
-		},
-		{
-			title: "Profile image flow",
-			description: "Use image upload in account and brand settings."
-		},
-		{
-			title: "Document attachments",
-			description: "Attach release notes, invoices or briefs inline."
-		}
-	],
-	metrics: [
-		{
-			label: "Exports",
-			value: "2"
-		},
-		{
-			label: "Files",
-			value: "12"
-		},
-		{
-			label: "Status",
-			value: "Preview"
-		}
-	]
-};
-//#endregion
-export { e as uploadFamilyMock };

package/dist/showcase/families/upload/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/upload/file-upload.cjs"),r=require("../../../components/upload/image-upload.cjs"),i=require("./data.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({setState:e}){let[s,c]=a.useState([]),[l,u]=a.useState([]);return(0,o.jsxs)(`div`,{className:`space-y-4`,children:[(0,o.jsx)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:(0,o.jsx)(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-start xl:justify-between`,children:(0,o.jsxs)(`div`,{className:`space-y-3`,children:[(0,o.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:i.uploadHelperTags.map(e=>(0,o.jsx)(t.Badge,{variant:`outline`,children:e},e))}),(0,o.jsxs)(`div`,{children:[(0,o.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Upload family coverage`}),(0,o.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`File and image upload should expose real dropzone behavior, clear actions, remove actions, preview surfaces and controlled file counts.`})]})]})})}),(0,o.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,o.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,o.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`File upload`}),(0,o.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`Drop files, clear all, reject invalid types and keep remove actions inside the file item surface.`}),(0,o.jsx)(`div`,{className:`mt-4`,children:(0,o.jsx)(n.FileUpload,{files:s,onFilesChange:t=>{c(t),e({notes:`${t.length} file attachments are now staged.`})},accept:`.pdf,.docx,.png`,maxFiles:4,maxSize:4*1024*1024,helperText:`Accepts PDF, DOCX and PNG up to 4 MB.`})})]}),(0,o.jsxs)(`div`,{className:`rounded-[22px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] p-4`,children:[(0,o.jsx)(`p`,{className:`aui-text-strong text-sm font-medium`,children:`Image upload`}),(0,o.jsx)(`p`,{className:`aui-text-muted mt-1 text-sm leading-6`,children:`Image preview, removable files and count summary are exposed directly from the reusable component.`}),(0,o.jsx)(`div`,{className:`mt-4`,children:(0,o.jsx)(r.ImageUpload,{files:l,onFilesChange:t=>{u(t),e({notes:`${t.length} preview images are now staged.`})},maxFiles:3,helperText:`Upload hero illustrations or block thumbnails.`})})]})]}),(0,o.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Attached files`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:s.length})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Attached images`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:l.length})]}),(0,o.jsxs)(`div`,{className:`rounded-[20px] border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-page-bg-alt)] px-4 py-3`,children:[(0,o.jsx)(`p`,{className:`aui-text-muted text-sm`,children:`Interaction proof`}),(0,o.jsx)(`p`,{className:`aui-text-strong mt-2 text-lg font-semibold`,children:`Remove and clear are isolated`}),(0,o.jsx)(`p`,{className:`aui-text-subtle mt-2 text-sm`,children:`Nested upload actions no longer conflict with the parent dropzone click surface.`})]})]})]})}exports.UploadFamilyShowcase=s;

package/dist/showcase/families/upload/showcase.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import type { FamilyDemoProps } from "../types";
-export declare function UploadFamilyShowcase({ setState }: FamilyDemoProps): React.JSX.Element;