tembro 3.0.0 → 3.1.1

package/dist/showcase/premium/activity-feed/showcase.js

@@ -1,101 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { ActivityFeed as n } from "../../../components/display/activity-feed.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/activity-feed/showcase.tsx
-var o = [
-	{
-		id: "i-1",
-		title: "Team invited",
-		description: "New designer joined the workspace.",
-		time: "2 min ago",
-		tone: "info"
-	},
-	{
-		id: "i-2",
-		title: "Deployment succeeded",
-		description: "Staging deployment passed smoke checks.",
-		time: "12 min ago",
-		tone: "success"
-	},
-	{
-		id: "i-3",
-		title: "Invoice warning",
-		description: "Payment sync delayed in queue, retrying soon.",
-		time: "34 min ago",
-		tone: "warning"
-	},
-	{
-		id: "i-4",
-		title: "Critical alert",
-		description: "Webhook failed for production billing endpoint.",
-		time: "1h ago",
-		tone: "danger"
-	}
-], s = [
-	"all",
-	"success",
-	"warning",
-	"info",
-	"danger"
-];
-function c({ mode: c }) {
-	let [l, u] = r.useState(c === "playground"), [d, f] = r.useState("all"), [p, m] = r.useState(null), h = r.useMemo(() => d === "all" ? o : o.filter((e) => e.tone === d), [d]);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ a("div", {
-				className: "grid gap-2",
-				children: [/* @__PURE__ */ a("div", {
-					className: "aui-text-muted text-sm",
-					children: ["Density: ", l ? "Compact" : "Spacious"]
-				}), /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ i("button", {
-						type: "button",
-						className: "rounded-lg border border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)] px-3 py-2 text-sm",
-						onClick: () => u((e) => !e),
-						children: l ? "Use spacious" : "Use compact"
-					}), s.map((e) => /* @__PURE__ */ i("button", {
-						type: "button",
-						className: `rounded-lg border px-3 py-2 text-sm ${d === e ? "aui-surface-strong border-[color:var(--aui-surface-strong)]" : "border-[color:var(--aui-surface-border)] bg-[color:var(--aui-surface)]"}`,
-						onClick: () => f(e),
-						children: e
-					}, e))]
-				})]
-			}),
-			/* @__PURE__ */ i(n, {
-				title: "Recent activity",
-				description: "System and team events are grouped into one lightweight feed.",
-				items: h.map((n, r) => ({
-					...n,
-					unread: r === 0,
-					badge: r === 0 ? /* @__PURE__ */ i(t, {
-						variant: "secondary",
-						children: "Unread"
-					}) : void 0,
-					interactive: !0,
-					onSelect: () => m(n.id),
-					actions: /* @__PURE__ */ i(e, {
-						size: "xs",
-						variant: "ghost",
-						onClick: () => m(n.id),
-						children: "Review"
-					})
-				})),
-				compact: l,
-				empty: /* @__PURE__ */ i("span", {
-					className: "aui-text-muted text-sm",
-					children: "No matching activity for selected tone."
-				})
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "aui-text-muted text-sm",
-				children: ["Selected item: ", p ?? "none"]
-			})
-		]
-	});
-}
-//#endregion
-export { c as ActivityFeedShowcase };
+export * from "../../../src/showcase/premium/activity-feed/showcase.js"

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

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

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

@@ -1,3 +1 @@
-import { AlertShowcase as e } from "./showcase.js";
-import { alertMock as t } from "./mock.js";
-export { e as AlertShowcase, t as alertMock };
+export * from "../../../src/showcase/premium/alert/index.js"

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

@@ -1,12 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Alert, Button } from "tembro"
-
-export function Example() {
-  return (
-    <Alert
-      tone="warning"
-      title="Review needed"
-      description="Billing rules changed and one approval is pending."
-      action={<Button size="sm">Open review</Button>}
-    />
-  )
-}`,highlights:[`Inline feedback with action slot`,`Tone-based severity states`,`Works for info, success, warning, and destructive messaging`,`Compact enough for forms, settings, and dashboards`],scenarios:[{title:`Pending approval`,description:`Warn the user before a release or billing action moves forward.`},{title:`Success confirmation`,description:`Show a short post-save confirmation without forcing a toast.`},{title:`Inline form issue`,description:`Attach next-step guidance directly where attention is needed.`}],capabilityNotes:[`Use alerts for actionable inline status, not for decorative emphasis.`,`Pair warning and destructive tones with a specific next action.`,`Keep the title decisive and the description operational.`]};exports.alertMock=e;
+module.exports = require("../../../src/showcase/premium/alert/mock.cjs")

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

@@ -1,31 +1 @@
-//#region src/showcase/premium/alert/mock.ts
-var e = {
-	code: "import { Alert, Button } from \"tembro\"\n\nexport function Example() {\n  return (\n    <Alert\n      tone=\"warning\"\n      title=\"Review needed\"\n      description=\"Billing rules changed and one approval is pending.\"\n      action={<Button size=\"sm\">Open review</Button>}\n    />\n  )\n}",
-	highlights: [
-		"Inline feedback with action slot",
-		"Tone-based severity states",
-		"Works for info, success, warning, and destructive messaging",
-		"Compact enough for forms, settings, and dashboards"
-	],
-	scenarios: [
-		{
-			title: "Pending approval",
-			description: "Warn the user before a release or billing action moves forward."
-		},
-		{
-			title: "Success confirmation",
-			description: "Show a short post-save confirmation without forcing a toast."
-		},
-		{
-			title: "Inline form issue",
-			description: "Attach next-step guidance directly where attention is needed."
-		}
-	],
-	capabilityNotes: [
-		"Use alerts for actionable inline status, not for decorative emphasis.",
-		"Pair warning and destructive tones with a specific next action.",
-		"Keep the title decisive and the description operational."
-	]
-};
-//#endregion
-export { e as alertMock };
+export * from "../../../src/showcase/premium/alert/mock.js"

package/dist/showcase/premium/alert/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/feedback/alert.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,s=[`info`,`success`,`warning`,`destructive`];function c({mode:e}){let[c,l]=i.useState(2),[u,d]=i.useState(0),[f,p]=i.useState(!0),m=s[c]??`warning`;return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start 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:`Inline feedback`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Alert should guide the next user decision`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`Use alert when the page needs a visible, contextual message with a clear action. It should feel operational, not decorative.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Context aware`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Action ready`})]})]})}),f?(0,a.jsx)(r.Alert,{tone:m,dismissible:!0,onDismiss:()=>p(!1),actionsAlign:m===`destructive`?`start`:`end`,title:m===`success`?`Workspace synced`:m===`destructive`?`Action blocked`:m===`info`?`Heads up`:`Review needed`,description:m===`success`?`Changes were saved and the team can continue safely.`:m===`destructive`?`The release cannot continue until billing permissions are restored.`:m===`info`?`Usage data refreshed and one metric changed since your last visit.`:`Billing rules changed and one approval is pending before publish.`,action:(0,a.jsx)(t.Button,{size:`sm`,variant:m===`destructive`?`destructive`:`default`,onClick:()=>d(e=>e+1),children:m===`success`?`Continue`:m===`destructive`?`Fix access`:m===`info`?`Open details`:`Open review`})}):(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Alert dismissed`}),(0,a.jsx)(t.Button,{className:`mt-4`,size:`sm`,variant:`outline`,onClick:()=>p(!0),children:`Restore alert`})]}),(0,a.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-[0.9fr_1.1fr]`,children:[(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Action count`}),(0,a.jsx)(`p`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:u}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Alert CTA should resolve a real decision, not just dismiss a message.`})]}),(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Recommended usage`}),(0,a.jsxs)(`div`,{className:`mt-4 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,a.jsx)(`p`,{children:`Put alert above the affected surface, form, or result area.`}),(0,a.jsx)(`p`,{children:`Prefer one primary action. If the user only needs acknowledgment, use toast instead.`})]})]})]}),e===`playground`?(0,a.jsx)(`section`,{className:o,children:(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[s.map((e,n)=>(0,a.jsx)(t.Button,{size:`sm`,variant:c===n?`default`:`outline`,onClick:()=>l(n),children:e},e)),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>d(0),children:`Reset counter`}),(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>p(!0),children:`Show alert`})]})}):null]})}exports.AlertShowcase=c;
+module.exports = require("../../../src/showcase/premium/alert/showcase.cjs")

package/dist/showcase/premium/alert/showcase.js

@@ -1,137 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { Alert as n } from "../../../components/feedback/alert.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/alert/showcase.tsx
-var o = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5", s = [
-	"info",
-	"success",
-	"warning",
-	"destructive"
-];
-function c({ mode: c }) {
-	let [l, u] = r.useState(2), [d, f] = r.useState(0), [p, m] = r.useState(!0), h = s[l] ?? "warning";
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ a("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ i("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Inline feedback"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "Alert should guide the next user decision"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "Use alert when the page needs a visible, contextual message with a clear action. It should feel operational, not decorative."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Context aware"
-						}), /* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Action ready"
-						})]
-					})]
-				})
-			}),
-			p ? /* @__PURE__ */ i(n, {
-				tone: h,
-				dismissible: !0,
-				onDismiss: () => m(!1),
-				actionsAlign: h === "destructive" ? "start" : "end",
-				title: h === "success" ? "Workspace synced" : h === "destructive" ? "Action blocked" : h === "info" ? "Heads up" : "Review needed",
-				description: h === "success" ? "Changes were saved and the team can continue safely." : h === "destructive" ? "The release cannot continue until billing permissions are restored." : h === "info" ? "Usage data refreshed and one metric changed since your last visit." : "Billing rules changed and one approval is pending before publish.",
-				action: /* @__PURE__ */ i(e, {
-					size: "sm",
-					variant: h === "destructive" ? "destructive" : "default",
-					onClick: () => f((e) => e + 1),
-					children: h === "success" ? "Continue" : h === "destructive" ? "Fix access" : h === "info" ? "Open details" : "Open review"
-				})
-			}) : /* @__PURE__ */ a("section", {
-				className: o,
-				children: [/* @__PURE__ */ i("p", {
-					className: "text-sm font-medium aui-text-muted",
-					children: "Alert dismissed"
-				}), /* @__PURE__ */ i(e, {
-					className: "mt-4",
-					size: "sm",
-					variant: "outline",
-					onClick: () => m(!0),
-					children: "Restore alert"
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "grid gap-4 xl:grid-cols-[0.9fr_1.1fr]",
-				children: [/* @__PURE__ */ a("section", {
-					className: o,
-					children: [
-						/* @__PURE__ */ i("p", {
-							className: "text-sm font-medium aui-text-muted",
-							children: "Action count"
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-							children: d
-						}),
-						/* @__PURE__ */ i("p", {
-							className: "mt-2 text-sm leading-6 aui-text-muted",
-							children: "Alert CTA should resolve a real decision, not just dismiss a message."
-						})
-					]
-				}), /* @__PURE__ */ a("section", {
-					className: o,
-					children: [/* @__PURE__ */ i("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Recommended usage"
-					}), /* @__PURE__ */ a("div", {
-						className: "mt-4 space-y-3 text-sm leading-6 aui-text-muted",
-						children: [/* @__PURE__ */ i("p", { children: "Put alert above the affected surface, form, or result area." }), /* @__PURE__ */ i("p", { children: "Prefer one primary action. If the user only needs acknowledgment, use toast instead." })]
-					})]
-				})]
-			}),
-			c === "playground" ? /* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-2",
-					children: [
-						s.map((t, n) => /* @__PURE__ */ i(e, {
-							size: "sm",
-							variant: l === n ? "default" : "outline",
-							onClick: () => u(n),
-							children: t
-						}, t)),
-						/* @__PURE__ */ i(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => f(0),
-							children: "Reset counter"
-						}),
-						/* @__PURE__ */ i(e, {
-							size: "sm",
-							variant: "outline",
-							onClick: () => m(!0),
-							children: "Show alert"
-						})
-					]
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { c as AlertShowcase };
+export * from "../../../src/showcase/premium/alert/showcase.js"

package/dist/showcase/premium/alert-dialog/index.cjs

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

package/dist/showcase/premium/alert-dialog/index.js

@@ -1,3 +1 @@
-import { AlertDialogShowcase as e } from "./showcase.js";
-import { alertDialogMock as t } from "./mock.js";
-export { e as AlertDialogShowcase, t as alertDialogMock };
+export * from "../../../src/showcase/premium/alert-dialog/index.js"

package/dist/showcase/premium/alert-dialog/mock.cjs

@@ -1,19 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import * as React from "react"
-import { AlertDialog, Button } from "tembro"
-
-export function Example() {
-  const [open, setOpen] = React.useState(false)
-
-  return (
-    <>
-      <Button variant="destructive" onClick={() => setOpen(true)}>Delete workspace</Button>
-      <AlertDialog
-        open={open}
-        onOpenChange={setOpen}
-        title="Delete workspace?"
-        description="This removes active billing rules and member access."
-        actionLabel="Delete"
-      />
-    </>
-  )
-}`,highlights:[`Destructive confirmation flow`,`Async-ready action state`,`Strong title + consequence copy`,`Built on the same dialog primitives as the rest of the system`],scenarios:[{title:`Delete resource`,description:`Require explicit confirmation before destructive irreversible actions.`},{title:`Reset configuration`,description:`Warn users when policies, tokens, or routes will be cleared.`},{title:`High-risk approval`,description:`Pause sensitive admin actions until the user confirms consequences.`}],capabilityNotes:[`Use alert-dialog only for genuinely high-risk actions.`,`The description should explain consequence, not restate the title.`,`If the action is recoverable or low-risk, a regular dialog is often enough.`]};exports.alertDialogMock=e;
+module.exports = require("../../../src/showcase/premium/alert-dialog/mock.cjs")

package/dist/showcase/premium/alert-dialog/mock.js

@@ -1,31 +1 @@
-//#region src/showcase/premium/alert-dialog/mock.ts
-var e = {
-	code: "import * as React from \"react\"\nimport { AlertDialog, Button } from \"tembro\"\n\nexport function Example() {\n  const [open, setOpen] = React.useState(false)\n\n  return (\n    <>\n      <Button variant=\"destructive\" onClick={() => setOpen(true)}>Delete workspace</Button>\n      <AlertDialog\n        open={open}\n        onOpenChange={setOpen}\n        title=\"Delete workspace?\"\n        description=\"This removes active billing rules and member access.\"\n        actionLabel=\"Delete\"\n      />\n    </>\n  )\n}",
-	highlights: [
-		"Destructive confirmation flow",
-		"Async-ready action state",
-		"Strong title + consequence copy",
-		"Built on the same dialog primitives as the rest of the system"
-	],
-	scenarios: [
-		{
-			title: "Delete resource",
-			description: "Require explicit confirmation before destructive irreversible actions."
-		},
-		{
-			title: "Reset configuration",
-			description: "Warn users when policies, tokens, or routes will be cleared."
-		},
-		{
-			title: "High-risk approval",
-			description: "Pause sensitive admin actions until the user confirms consequences."
-		}
-	],
-	capabilityNotes: [
-		"Use alert-dialog only for genuinely high-risk actions.",
-		"The description should explain consequence, not restate the title.",
-		"If the action is recoverable or low-risk, a regular dialog is often enough."
-	]
-};
-//#endregion
-export { e as alertDialogMock };
+export * from "../../../src/showcase/premium/alert-dialog/mock.js"

package/dist/showcase/premium/alert-dialog/showcase.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/overlay/alert-dialog.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o=`rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`;function s({mode:e}){let[s,c]=i.useState(!1),[l,u]=i.useState(!1),[d,f]=i.useState(`No action confirmed yet`),[p,m]=i.useState(!0),[h,g]=i.useState(!0),[_,v]=i.useState(!1);return(0,a.jsxs)(`div`,{className:`space-y-5`,children:[(0,a.jsx)(`section`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6`,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-6 xl:flex-row xl:items-start 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:`Destructive gate`}),(0,a.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`AlertDialog should interrupt only when the action has real consequence`}),(0,a.jsx)(`p`,{className:`mt-3 max-w-lg text-sm leading-6 aui-text-muted`,children:`This is not a generic modal. It exists to slow the user down before irreversible, expensive, or risky operations.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`High risk`}),(0,a.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Explicit confirmation`})]})]})}),(0,a.jsx)(`section`,{className:o,children:(0,a.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between`,children:[(0,a.jsxs)(`div`,{children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Live destructive flow`}),(0,a.jsx)(`p`,{className:`mt-2 text-sm leading-6 aui-text-muted`,children:`Open the dialog and confirm a risky workspace action.`})]}),(0,a.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,a.jsx)(t.Button,{variant:h?`secondary`:`outline`,onClick:()=>g(e=>!e),children:h?`Case sensitive`:`Case insensitive`}),(0,a.jsx)(t.Button,{variant:p?`secondary`:`outline`,onClick:()=>m(e=>!e),children:p?`Typed confirm on`:`Typed confirm off`}),(0,a.jsx)(t.Button,{variant:_?`warning`:`outline`,onClick:()=>v(e=>!e),children:_?`Failure mode on`:`Failure mode off`}),(0,a.jsx)(t.Button,{variant:`destructive`,onClick:()=>c(!0),children:`Delete workspace`})]})]})}),(0,a.jsxs)(`div`,{className:`grid gap-4 xl:grid-cols-2`,children:[(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Last result`}),(0,a.jsx)(`p`,{className:`mt-3 text-base font-medium aui-text-strong`,children:d})]}),(0,a.jsxs)(`section`,{className:o,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium aui-text-muted`,children:`Design rule`}),(0,a.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Keep alert-dialog copy direct: what will happen, what is lost, and what the user should expect next.`})]})]}),(0,a.jsx)(r.AlertDialog,{open:s,onOpenChange:c,loading:l,title:`Delete workspace?`,description:`This removes active billing rules, API tokens, and member access from the selected workspace.`,actionLabel:`Delete workspace`,confirmValue:p?`DELETE`:void 0,confirmCaseSensitive:h,confirmLabel:`High-risk confirmation`,confirmDescription:`Type DELETE to confirm you want to remove this workspace and its active access.`,severityNote:`Deleting a workspace clears active access, billing rules, and route-level secrets for the current team.`,errorMessage:`Workspace could not be deleted right now. Check dependent billing or retry.`,onAction:async()=>{if(u(!0),await new Promise(e=>window.setTimeout(e,450)),_)throw u(!1),Error(`dependent billing`);u(!1),c(!1),f(`Workspace deletion confirmed`)},onActionError:()=>f(`Workspace deletion failed`)}),e===`playground`?(0,a.jsx)(`section`,{className:o,children:(0,a.jsx)(t.Button,{size:`sm`,variant:`outline`,onClick:()=>f(`No action confirmed yet`),children:`Reset result`})}):null]})}exports.AlertDialogShowcase=s;
+module.exports = require("../../../src/showcase/premium/alert-dialog/showcase.cjs")

package/dist/showcase/premium/alert-dialog/showcase.js

@@ -1,138 +1 @@
-import { Button as e } from "../../../components/ui/button/index.js";
-import { Badge as t } from "../../../components/ui/badge/index.js";
-import { AlertDialog as n } from "../../../components/overlay/alert-dialog.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-//#region src/showcase/premium/alert-dialog/showcase.tsx
-var o = "rounded-[22px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5";
-function s({ mode: s }) {
-	let [c, l] = r.useState(!1), [u, d] = r.useState(!1), [f, p] = r.useState("No action confirmed yet"), [m, h] = r.useState(!0), [g, _] = r.useState(!0), [v, y] = r.useState(!1);
-	return /* @__PURE__ */ a("div", {
-		className: "space-y-5",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5 sm:p-6",
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-6 xl:flex-row xl:items-start xl:justify-between",
-					children: [/* @__PURE__ */ a("div", {
-						className: "max-w-xl",
-						children: [
-							/* @__PURE__ */ i("p", {
-								className: "text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted",
-								children: "Destructive gate"
-							}),
-							/* @__PURE__ */ i("h3", {
-								className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-								children: "AlertDialog should interrupt only when the action has real consequence"
-							}),
-							/* @__PURE__ */ i("p", {
-								className: "mt-3 max-w-lg text-sm leading-6 aui-text-muted",
-								children: "This is not a generic modal. It exists to slow the user down before irreversible, expensive, or risky operations."
-							})
-						]
-					}), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [/* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "High risk"
-						}), /* @__PURE__ */ i(t, {
-							variant: "outline",
-							className: "rounded-full",
-							children: "Explicit confirmation"
-						})]
-					})]
-				})
-			}),
-			/* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Live destructive flow"
-					}), /* @__PURE__ */ i("p", {
-						className: "mt-2 text-sm leading-6 aui-text-muted",
-						children: "Open the dialog and confirm a risky workspace action."
-					})] }), /* @__PURE__ */ a("div", {
-						className: "flex flex-wrap gap-2",
-						children: [
-							/* @__PURE__ */ i(e, {
-								variant: g ? "secondary" : "outline",
-								onClick: () => _((e) => !e),
-								children: g ? "Case sensitive" : "Case insensitive"
-							}),
-							/* @__PURE__ */ i(e, {
-								variant: m ? "secondary" : "outline",
-								onClick: () => h((e) => !e),
-								children: m ? "Typed confirm on" : "Typed confirm off"
-							}),
-							/* @__PURE__ */ i(e, {
-								variant: v ? "warning" : "outline",
-								onClick: () => y((e) => !e),
-								children: v ? "Failure mode on" : "Failure mode off"
-							}),
-							/* @__PURE__ */ i(e, {
-								variant: "destructive",
-								onClick: () => l(!0),
-								children: "Delete workspace"
-							})
-						]
-					})]
-				})
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "grid gap-4 xl:grid-cols-2",
-				children: [/* @__PURE__ */ a("section", {
-					className: o,
-					children: [/* @__PURE__ */ i("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Last result"
-					}), /* @__PURE__ */ i("p", {
-						className: "mt-3 text-base font-medium aui-text-strong",
-						children: f
-					})]
-				}), /* @__PURE__ */ a("section", {
-					className: o,
-					children: [/* @__PURE__ */ i("p", {
-						className: "text-sm font-medium aui-text-muted",
-						children: "Design rule"
-					}), /* @__PURE__ */ i("p", {
-						className: "mt-3 text-sm leading-6 aui-text-muted",
-						children: "Keep alert-dialog copy direct: what will happen, what is lost, and what the user should expect next."
-					})]
-				})]
-			}),
-			/* @__PURE__ */ i(n, {
-				open: c,
-				onOpenChange: l,
-				loading: u,
-				title: "Delete workspace?",
-				description: "This removes active billing rules, API tokens, and member access from the selected workspace.",
-				actionLabel: "Delete workspace",
-				confirmValue: m ? "DELETE" : void 0,
-				confirmCaseSensitive: g,
-				confirmLabel: "High-risk confirmation",
-				confirmDescription: "Type DELETE to confirm you want to remove this workspace and its active access.",
-				severityNote: "Deleting a workspace clears active access, billing rules, and route-level secrets for the current team.",
-				errorMessage: "Workspace could not be deleted right now. Check dependent billing or retry.",
-				onAction: async () => {
-					if (d(!0), await new Promise((e) => window.setTimeout(e, 450)), v) throw d(!1), Error("dependent billing");
-					d(!1), l(!1), p("Workspace deletion confirmed");
-				},
-				onActionError: () => p("Workspace deletion failed")
-			}),
-			s === "playground" ? /* @__PURE__ */ i("section", {
-				className: o,
-				children: /* @__PURE__ */ i(e, {
-					size: "sm",
-					variant: "outline",
-					onClick: () => p("No action confirmed yet"),
-					children: "Reset result"
-				})
-			}) : null
-		]
-	});
-}
-//#endregion
-export { s as AlertDialogShowcase };
+export * from "../../../src/showcase/premium/alert-dialog/showcase.js"

package/dist/showcase/premium/app-shell/index.cjs

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

package/dist/showcase/premium/app-shell/index.js

@@ -1,3 +1 @@
-import { AppShellShowcase as e } from "./showcase.js";
-import { appShellMock as t } from "./mock.js";
-export { e as AppShellShowcase, t as appShellMock };
+export * from "../../../src/showcase/premium/app-shell/index.js"

package/dist/showcase/premium/app-shell/mock.cjs

@@ -1,48 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { AppHeader, AppSidebar, AppShell, Breadcrumbs, InfoCard, MetricGrid, PageContainer, PageHeader, SidebarNav, Button } from "tembro"
-
-const navItems = [
-  { key: "overview", label: "Overview", href: "/overview", active: true },
-  { key: "products", label: "Products", href: "/products" },
-  { key: "settings", label: "Settings", href: "/settings" },
-]
-
-const metrics = [
-  { key: "mrr", label: "MRR", value: "$84k", description: "+14% vs last month", trend: "up" },
-  { key: "sessions", label: "Active sessions", value: "1,240", description: "12% live growth" },
-  { key: "issues", label: "Open issues", value: "23", description: "3 priority", trend: "down" },
-]
-
-export function Example() {
-  return (
-    <AppShell
-      sidebarWidth="default"
-      mainClassName="p-4"
-      sidebar={
-        <AppSidebar
-          header={<div className="px-3 py-2 text-sm font-semibold">Azamat Workspace</div>}
-          footer={<div className="px-3 py-2 text-xs aui-text-muted">v1.2.0</div>}
-        >
-          <SidebarNav items={navItems} />
-        </AppSidebar>
-      }
-      header={<AppHeader left="Admin Console" right={<Button variant="outline">Open command</Button>} />}
-      aside={<InfoCard title="Workspace" description="Metrics, alerts, and quick access cards." compact>Aside slot keeps secondary context near main content.</InfoCard>}
-    >
-      <PageContainer size="lg">
-        <PageHeader
-          eyebrow="Product dashboard"
-          title="Teams and activity"
-          description="Use shell slots for consistent layout and mobile-safe nav control."
-          breadcrumbs={<Breadcrumbs items={[
-            { key: "home", label: "Home", href: "/" },
-            { key: "dashboard", label: "Dashboard", current: true },
-          ]} />}
-          actions={<Button variant="outline" size="sm">Manage</Button>}
-        />
-        <div className="mt-4">
-          <MetricGrid items={metrics} compact />
-        </div>
-      </PageContainer>
-    </AppShell>
-  )
-}`,cliCommand:`npx tembro add app-shell`,highlights:[`Shell slots (header, sidebar, aside)`,`Static and mobile sidebar behavior`,`Breadcrumbs inside page header`,`Metric block composition`],relatedBlockSlugs:[`dashboard-starter`,`crm-dashboard`,`settings-form`],scenarios:[{title:`Dashboard shell`,description:`Build an app frame with reusable header, sidebar and aside areas.`},{title:`Router-aware layout`,description:`Keep navigation and route content separated by region for SPA and SSR pages.`},{title:`Mobile fallback`,description:`Toggle mobile menu and keep aside optional for narrow screens.`}],capabilityNotes:[`Use AppShell when every page shares a stable structure: header, sidebar, main and optional aside.`,`Keep sidebar composition explicit so route-level content stays predictable and testable.`,"Pass controlled `sidebarCollapsed` and `mobileSidebarOpen` when app state is owned by a global layout manager.",`Avoid overloading the aside region in mobile contexts; hide non-essential context when needed.`]};exports.appShellMock=e;
+module.exports = require("../../../src/showcase/premium/app-shell/mock.cjs")

package/dist/showcase/premium/app-shell/mock.js

@@ -1,38 +1 @@
-//#region src/showcase/premium/app-shell/mock.ts
-var e = {
-	code: "import { AppHeader, AppSidebar, AppShell, Breadcrumbs, InfoCard, MetricGrid, PageContainer, PageHeader, SidebarNav, Button } from \"tembro\"\n\nconst navItems = [\n  { key: \"overview\", label: \"Overview\", href: \"/overview\", active: true },\n  { key: \"products\", label: \"Products\", href: \"/products\" },\n  { key: \"settings\", label: \"Settings\", href: \"/settings\" },\n]\n\nconst metrics = [\n  { key: \"mrr\", label: \"MRR\", value: \"$84k\", description: \"+14% vs last month\", trend: \"up\" },\n  { key: \"sessions\", label: \"Active sessions\", value: \"1,240\", description: \"12% live growth\" },\n  { key: \"issues\", label: \"Open issues\", value: \"23\", description: \"3 priority\", trend: \"down\" },\n]\n\nexport function Example() {\n  return (\n    <AppShell\n      sidebarWidth=\"default\"\n      mainClassName=\"p-4\"\n      sidebar={\n        <AppSidebar\n          header={<div className=\"px-3 py-2 text-sm font-semibold\">Azamat Workspace</div>}\n          footer={<div className=\"px-3 py-2 text-xs aui-text-muted\">v1.2.0</div>}\n        >\n          <SidebarNav items={navItems} />\n        </AppSidebar>\n      }\n      header={<AppHeader left=\"Admin Console\" right={<Button variant=\"outline\">Open command</Button>} />}\n      aside={<InfoCard title=\"Workspace\" description=\"Metrics, alerts, and quick access cards.\" compact>Aside slot keeps secondary context near main content.</InfoCard>}\n    >\n      <PageContainer size=\"lg\">\n        <PageHeader\n          eyebrow=\"Product dashboard\"\n          title=\"Teams and activity\"\n          description=\"Use shell slots for consistent layout and mobile-safe nav control.\"\n          breadcrumbs={<Breadcrumbs items={[\n            { key: \"home\", label: \"Home\", href: \"/\" },\n            { key: \"dashboard\", label: \"Dashboard\", current: true },\n          ]} />}\n          actions={<Button variant=\"outline\" size=\"sm\">Manage</Button>}\n        />\n        <div className=\"mt-4\">\n          <MetricGrid items={metrics} compact />\n        </div>\n      </PageContainer>\n    </AppShell>\n  )\n}",
-	cliCommand: "npx tembro add app-shell",
-	highlights: [
-		"Shell slots (header, sidebar, aside)",
-		"Static and mobile sidebar behavior",
-		"Breadcrumbs inside page header",
-		"Metric block composition"
-	],
-	relatedBlockSlugs: [
-		"dashboard-starter",
-		"crm-dashboard",
-		"settings-form"
-	],
-	scenarios: [
-		{
-			title: "Dashboard shell",
-			description: "Build an app frame with reusable header, sidebar and aside areas."
-		},
-		{
-			title: "Router-aware layout",
-			description: "Keep navigation and route content separated by region for SPA and SSR pages."
-		},
-		{
-			title: "Mobile fallback",
-			description: "Toggle mobile menu and keep aside optional for narrow screens."
-		}
-	],
-	capabilityNotes: [
-		"Use AppShell when every page shares a stable structure: header, sidebar, main and optional aside.",
-		"Keep sidebar composition explicit so route-level content stays predictable and testable.",
-		"Pass controlled `sidebarCollapsed` and `mobileSidebarOpen` when app state is owned by a global layout manager.",
-		"Avoid overloading the aside region in mobile contexts; hide non-essential context when needed."
-	]
-};
-//#endregion
-export { e as appShellMock };
+export * from "../../../src/showcase/premium/app-shell/mock.js"