tembro 3.1.1 → 3.1.5

package/dist/src/components/overlay/modal-shell.js

@@ -1,44 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DialogTrigger as o } from "../ui/dialog/index.js";
-import * as s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/overlay/modal-shell.tsx
-var u = {
-	sm: "sm:max-w-sm",
-	md: "sm:max-w-lg",
-	lg: "sm:max-w-2xl",
-	xl: "sm:max-w-4xl",
-	full: "sm:max-w-[calc(100vw-2rem)] sm:h-[calc(100vh-2rem)]"
-};
-function d(e) {
-	return e ? s.isValidElement(e) ? /* @__PURE__ */ c(o, { render: e }) : /* @__PURE__ */ c(o, { children: e }) : null;
-}
-function f({ open: o, defaultOpen: s, onOpenChange: f, trigger: p, title: m, description: h, children: g, footer: _, size: v = "md", showCloseButton: y = !0, contentClassName: b, headerClassName: x, bodyClassName: S }) {
-	let C = !!(m || h);
-	return /* @__PURE__ */ l(t, {
-		open: o,
-		defaultOpen: s,
-		onOpenChange: f,
-		children: [d(p), /* @__PURE__ */ l(n, {
-			showCloseButton: y,
-			className: e(u[v], b),
-			children: [
-				C && /* @__PURE__ */ l(i, {
-					className: x,
-					children: [m && /* @__PURE__ */ c(a, { children: m }), h && /* @__PURE__ */ c(r, { children: h })]
-				}),
-				g && /* @__PURE__ */ c("div", {
-					"data-slot": "modal-shell-body",
-					className: e("min-w-0", S),
-					children: g
-				}),
-				_ && /* @__PURE__ */ c("div", {
-					"data-slot": "modal-shell-footer",
-					children: _
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { f as ModalShell };

package/dist/src/components/overlay/sheet-shell.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");var s=o.Dialog.Root;function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`sheet-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:t.cn(`fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}var f={top:`inset-x-0 top-0 max-h-[85vh] rounded-b-xl border-b data-open:slide-in-from-top data-closed:slide-out-to-top`,right:`inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-md`,bottom:`inset-x-0 bottom-0 max-h-[85vh] rounded-t-xl border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-md`};function p({className:e,children:r,side:s=`right`,showCloseButton:c=!0,...p}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`sheet-content`,className:t.cn(`fixed z-50 flex flex-col gap-4 bg-background p-4 text-foreground shadow-xl outline-none duration-200 data-open:animate-in data-closed:animate-out`,f[s],e),...p,children:[r,c&&(0,a.jsxs)(u,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`absolute right-3 top-3`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-2 pr-8`,e),...n})}function h({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function g({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`sheet-title`,className:t.cn(`font-heading text-base font-medium leading-none`,e),...n})}function _({className:e,...n}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`sheet-description`,className:t.cn(`text-sm text-muted-foreground`,e),...n})}function v(e){return e?r.isValidElement(e)?(0,a.jsx)(c,{render:e}):(0,a.jsx)(c,{children:e}):null}function y({open:e,defaultOpen:n,onOpenChange:r,trigger:i,title:o,description:c,children:l,footer:u,side:d=`right`,showCloseButton:f=!0,contentClassName:y,headerClassName:b,bodyClassName:x}){let S=!!(o||c);return(0,a.jsxs)(s,{open:e,defaultOpen:n,onOpenChange:r,children:[v(i),(0,a.jsxs)(p,{side:d,showCloseButton:f,className:y,children:[S&&(0,a.jsxs)(m,{className:b,children:[o&&(0,a.jsx)(g,{children:o}),c&&(0,a.jsx)(_,{children:c})]}),l&&(0,a.jsx)(`div`,{"data-slot":`sheet-shell-body`,className:t.cn(`min-w-0 flex-1`,x),children:l}),u&&(0,a.jsx)(h,{children:u})]})]})}exports.Sheet=s,exports.SheetClose=u,exports.SheetContent=p,exports.SheetDescription=_,exports.SheetFooter=h,exports.SheetHeader=m,exports.SheetOverlay=d,exports.SheetPortal=l,exports.SheetShell=y,exports.SheetTitle=g,exports.SheetTrigger=c;

package/dist/src/components/overlay/sheet-shell.js

@@ -1,116 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import * as n from "react";
-import { XIcon as r } from "lucide-react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Dialog as o } from "@base-ui/react/dialog";
-//#region src/components/overlay/sheet-shell.tsx
-var s = o.Root;
-function c({ ...e }) {
-	return /* @__PURE__ */ i(o.Trigger, {
-		"data-slot": "sheet-trigger",
-		...e
-	});
-}
-function l({ ...e }) {
-	return /* @__PURE__ */ i(o.Portal, {
-		"data-slot": "sheet-portal",
-		...e
-	});
-}
-function u({ ...e }) {
-	return /* @__PURE__ */ i(o.Close, {
-		"data-slot": "sheet-close",
-		...e
-	});
-}
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Backdrop, {
-		"data-slot": "sheet-overlay",
-		className: e("fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0", t),
-		...n
-	});
-}
-var f = {
-	top: "inset-x-0 top-0 max-h-[85vh] rounded-b-xl border-b data-open:slide-in-from-top data-closed:slide-out-to-top",
-	right: "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-md",
-	bottom: "inset-x-0 bottom-0 max-h-[85vh] rounded-t-xl border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom",
-	left: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-md"
-};
-function p({ className: n, children: s, side: c = "right", showCloseButton: p = !0, ...m }) {
-	return /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i(d, {}), /* @__PURE__ */ a(o.Popup, {
-		"data-slot": "sheet-content",
-		className: e("fixed z-50 flex flex-col gap-4 bg-background p-4 text-foreground shadow-xl outline-none duration-200 data-open:animate-in data-closed:animate-out", f[c], n),
-		...m,
-		children: [s, p && /* @__PURE__ */ a(u, {
-			render: /* @__PURE__ */ i(t, {
-				type: "button",
-				variant: "ghost",
-				size: "icon-sm",
-				className: "absolute right-3 top-3"
-			}),
-			children: [/* @__PURE__ */ i(r, {}), /* @__PURE__ */ i("span", {
-				className: "sr-only",
-				children: "Close"
-			})]
-		})]
-	})] });
-}
-function m({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "sheet-header",
-		className: e("flex flex-col gap-2 pr-8", t),
-		...n
-	});
-}
-function h({ className: t, ...n }) {
-	return /* @__PURE__ */ i("div", {
-		"data-slot": "sheet-footer",
-		className: e("mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t),
-		...n
-	});
-}
-function g({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Title, {
-		"data-slot": "sheet-title",
-		className: e("font-heading text-base font-medium leading-none", t),
-		...n
-	});
-}
-function _({ className: t, ...n }) {
-	return /* @__PURE__ */ i(o.Description, {
-		"data-slot": "sheet-description",
-		className: e("text-sm text-muted-foreground", t),
-		...n
-	});
-}
-function v(e) {
-	return e ? n.isValidElement(e) ? /* @__PURE__ */ i(c, { render: e }) : /* @__PURE__ */ i(c, { children: e }) : null;
-}
-function y({ open: t, defaultOpen: n, onOpenChange: r, trigger: o, title: c, description: l, children: u, footer: d, side: f = "right", showCloseButton: y = !0, contentClassName: b, headerClassName: x, bodyClassName: S }) {
-	let C = !!(c || l);
-	return /* @__PURE__ */ a(s, {
-		open: t,
-		defaultOpen: n,
-		onOpenChange: r,
-		children: [v(o), /* @__PURE__ */ a(p, {
-			side: f,
-			showCloseButton: y,
-			className: b,
-			children: [
-				C && /* @__PURE__ */ a(m, {
-					className: x,
-					children: [c && /* @__PURE__ */ i(g, { children: c }), l && /* @__PURE__ */ i(_, { children: l })]
-				}),
-				u && /* @__PURE__ */ i("div", {
-					"data-slot": "sheet-shell-body",
-					className: e("min-w-0 flex-1", S),
-					children: u
-				}),
-				d && /* @__PURE__ */ i(h, { children: d })
-			]
-		})]
-	});
-}
-//#endregion
-export { s as Sheet, u as SheetClose, p as SheetContent, _ as SheetDescription, h as SheetFooter, m as SheetHeader, d as SheetOverlay, l as SheetPortal, y as SheetShell, g as SheetTitle, c as SheetTrigger };

package/dist/src/components/ui/hover-card.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@base-ui/react/preview-card");function a({trigger:e,content:n,side:a=`bottom`,align:o=`center`,sideOffset:s=10,alignOffset:c=0,collisionPadding:l=12,delay:u=450,closeDelay:d=180,disabled:f=!1,contentClassName:p,className:m,...h}){return f?(0,r.jsx)(`span`,{"data-slot":`hover-card`,className:t.cn(`inline-flex`,m),...h,children:e}):(0,r.jsxs)(i.PreviewCard.Root,{children:[(0,r.jsx)(i.PreviewCard.Trigger,{"data-slot":`hover-card-trigger`,delay:u,closeDelay:d,render:(0,r.jsx)(`span`,{"data-slot":`hover-card`,className:t.cn(`inline-flex`,m),...h}),children:e}),(0,r.jsx)(i.PreviewCard.Portal,{children:(0,r.jsx)(i.PreviewCard.Positioner,{className:`isolate z-50`,side:a,align:o,sideOffset:s,alignOffset:c,collisionPadding:l,children:(0,r.jsx)(i.PreviewCard.Popup,{"data-slot":`hover-card-content`,className:t.cn(`z-50 min-w-60 max-w-[min(24rem,calc(100vw-1rem))] origin-(--transform-origin) rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 outline-hidden backdrop-blur duration-150 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95`,p),children:n})})})]})}exports.HoverCard=a;

package/dist/src/components/ui/hover-card.js

@@ -1,37 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { PreviewCard as r } from "@base-ui/react/preview-card";
-//#region src/components/ui/hover-card.tsx
-function i({ trigger: i, content: a, side: o = "bottom", align: s = "center", sideOffset: c = 10, alignOffset: l = 0, collisionPadding: u = 12, delay: d = 450, closeDelay: f = 180, disabled: p = !1, contentClassName: m, className: h, ...g }) {
-	return p ? /* @__PURE__ */ t("span", {
-		"data-slot": "hover-card",
-		className: e("inline-flex", h),
-		...g,
-		children: i
-	}) : /* @__PURE__ */ n(r.Root, { children: [/* @__PURE__ */ t(r.Trigger, {
-		"data-slot": "hover-card-trigger",
-		delay: d,
-		closeDelay: f,
-		render: /* @__PURE__ */ t("span", {
-			"data-slot": "hover-card",
-			className: e("inline-flex", h),
-			...g
-		}),
-		children: i
-	}), /* @__PURE__ */ t(r.Portal, { children: /* @__PURE__ */ t(r.Positioner, {
-		className: "isolate z-50",
-		side: o,
-		align: s,
-		sideOffset: c,
-		alignOffset: l,
-		collisionPadding: u,
-		children: /* @__PURE__ */ t(r.Popup, {
-			"data-slot": "hover-card-content",
-			className: e("z-50 min-w-60 max-w-[min(24rem,calc(100vw-1rem))] origin-(--transform-origin) rounded-[var(--aui-card-radius,var(--radius-xl))] border border-border/80 bg-popover/98 p-4 text-sm text-popover-foreground shadow-[0_18px_42px_color-mix(in_oklch,var(--foreground),transparent_86%)] ring-1 ring-foreground/8 outline-hidden backdrop-blur duration-150 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", m),
-			children: a
-		})
-	}) })] });
-}
-//#endregion
-export { i as HoverCard };

package/dist/src/components/ui/input-group/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../input/group.cjs");exports.InputGroup=e.InputGroup,exports.InputGroupAddon=e.InputGroupAddon,exports.InputGroupButton=e.InputGroupButton,exports.InputGroupInput=e.InputGroupInput,exports.InputGroupText=e.InputGroupText,exports.InputGroupTextarea=e.InputGroupTextarea;

package/dist/src/components/ui/input-group/index.js

@@ -1,2 +0,0 @@
-import { InputGroup as e, InputGroupAddon as t, InputGroupButton as n, InputGroupInput as r, InputGroupText as i, InputGroupTextarea as a } from "../input/group.js";
-export { e as InputGroup, t as InputGroupAddon, n as InputGroupButton, r as InputGroupInput, i as InputGroupText, a as InputGroupTextarea };

package/dist/src/components/ui/input-primitive/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../input/primitive.cjs");exports.InputPrimitive=e.InputPrimitive;

package/dist/src/components/ui/input-primitive/index.js

@@ -1,2 +0,0 @@
-import { InputPrimitive as e } from "../input/primitive.js";
-export { e as InputPrimitive };

package/dist/src/components/upload/file-dropzone.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({label:e=`Drop files here`,description:i,value:a,onFilesChange:o,containerClassName:s,className:c,multiple:l=!0,...u}){let d=n.useId(),f=a??[];return(0,r.jsxs)(`label`,{htmlFor:d,"data-slot":`file-dropzone`,className:t.cn(`flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-muted/35 p-6 text-center transition hover:border-ring/45 hover:bg-muted/55`,s),children:[(0,r.jsx)(`span`,{className:`font-medium text-foreground`,children:e}),i?(0,r.jsx)(`span`,{className:`mt-1 text-sm text-muted-foreground`,children:i}):null,f.length?(0,r.jsxs)(`span`,{className:`mt-3 text-xs text-muted-foreground`,children:[f.length,` file selected`]}):null,(0,r.jsx)(`input`,{id:d,type:`file`,multiple:l,className:t.cn(`sr-only`,c),onChange:e=>o?.(Array.from(e.currentTarget.files??[])),...u})]})}exports.FileDropzone=i;

package/dist/src/components/upload/file-dropzone.js

@@ -1,36 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/upload/file-dropzone.tsx
-function i({ label: i = "Drop files here", description: a, value: o, onFilesChange: s, containerClassName: c, className: l, multiple: u = !0, ...d }) {
-	let f = t.useId(), p = o ?? [];
-	return /* @__PURE__ */ r("label", {
-		htmlFor: f,
-		"data-slot": "file-dropzone",
-		className: e("flex cursor-pointer flex-col items-center justify-center rounded-[var(--radius-2xl)] border border-dashed border-border/80 bg-muted/35 p-6 text-center transition hover:border-ring/45 hover:bg-muted/55", c),
-		children: [
-			/* @__PURE__ */ n("span", {
-				className: "font-medium text-foreground",
-				children: i
-			}),
-			a ? /* @__PURE__ */ n("span", {
-				className: "mt-1 text-sm text-muted-foreground",
-				children: a
-			}) : null,
-			p.length ? /* @__PURE__ */ r("span", {
-				className: "mt-3 text-xs text-muted-foreground",
-				children: [p.length, " file selected"]
-			}) : null,
-			/* @__PURE__ */ n("input", {
-				id: f,
-				type: "file",
-				multiple: u,
-				className: e("sr-only", l),
-				onChange: (e) => s?.(Array.from(e.currentTarget.files ?? [])),
-				...d
-			})
-		]
-	});
-}
-//#endregion
-export { i as FileDropzone };

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

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

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

@@ -1,23 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { Accordion } from "tembro"
-
-const items = [
-  {
-    key: "tokens",
-    title: "Theme tokens",
-    description: "Control border, background, radius, and spacing from one place.",
-    content: "Keep product decisions inside tokens instead of hardcoded one-off wrappers.",
-  },
-  {
-    key: "composition",
-    title: "Component composition",
-    description: "Teach one component first.",
-    content: "Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.",
-  },
-]
-
-export function Example() {
-  return <Accordion type="single" defaultValue="tokens" items={items} />
-}`,htmlCode:`<details data-slot="accordion">
-  <summary data-slot="accordion-trigger">Theme tokens</summary>
-  <div data-slot="accordion-content">Keep product decisions inside tokens.</div>
-</details>`,cliCommand:`npx tembro add accordion`,highlights:[`Single and multiple expansion behavior`,`Title, description, and body content through one item contract`,`Good for docs FAQs, settings help, and release notes`],scenarios:[{title:`Settings help`,description:`Hide advanced explanation until the user requests it.`},{title:`FAQ`,description:`Keep pages shorter while preserving full guidance.`},{title:`Release checklist`,description:`Reveal only the currently relevant operational details.`}],capabilityNotes:['Use `type="single"` for focus-first documentation flows.','Use `type="multiple"` when users may compare several sections together.']};exports.accordionMock=e;

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

@@ -1,28 +0,0 @@
-//#region src/showcase/premium/accordion/mock.ts
-var e = {
-	code: "import { Accordion } from \"tembro\"\n\nconst items = [\n  {\n    key: \"tokens\",\n    title: \"Theme tokens\",\n    description: \"Control border, background, radius, and spacing from one place.\",\n    content: \"Keep product decisions inside tokens instead of hardcoded one-off wrappers.\",\n  },\n  {\n    key: \"composition\",\n    title: \"Component composition\",\n    description: \"Teach one component first.\",\n    content: \"Advanced behavior should be exposed through props, hooks, and helpers instead of separate public groups.\",\n  },\n]\n\nexport function Example() {\n  return <Accordion type=\"single\" defaultValue=\"tokens\" items={items} />\n}",
-	htmlCode: "<details data-slot=\"accordion\">\n  <summary data-slot=\"accordion-trigger\">Theme tokens</summary>\n  <div data-slot=\"accordion-content\">Keep product decisions inside tokens.</div>\n</details>",
-	cliCommand: "npx tembro add accordion",
-	highlights: [
-		"Single and multiple expansion behavior",
-		"Title, description, and body content through one item contract",
-		"Good for docs FAQs, settings help, and release notes"
-	],
-	scenarios: [
-		{
-			title: "Settings help",
-			description: "Hide advanced explanation until the user requests it."
-		},
-		{
-			title: "FAQ",
-			description: "Keep pages shorter while preserving full guidance."
-		},
-		{
-			title: "Release checklist",
-			description: "Reveal only the currently relevant operational details."
-		}
-	],
-	capabilityNotes: ["Use `type=\"single\"` for focus-first documentation flows.", "Use `type=\"multiple\"` when users may compare several sections together."]
-};
-//#endregion
-export { e as accordionMock };

package/dist/src/showcase/premium/accordion/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/ui/accordion/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=`border-t border-[color:var(--aui-divider)] py-6`,o=[{key:`tokens`,title:`Theme tokens stay in one place`,meta:`P0`,description:`Radius, color and shadow should not be redefined per route.`,content:`Use shared CSS tokens so consumers can adapt the system without fighting deeply nested component styles.`},{key:`surface`,title:`One canonical public surface`,badge:(0,i.jsx)(t.Badge,{variant:`secondary`,children:`Core`}),description:`Teach one entry point before helper members.`,content:`Start with Input, Select, DataTable, Card and Badge. Move aliases and advanced members lower in the docs hierarchy.`},{key:`demo`,title:`Real demos beat placeholder previews`,description:`Each route should prove the actual component behavior.`,meta:`Docs`,content:`A docs page should show the real installed component with interactive state, not a generic substitute card.`}],s=[{key:`docs`,title:`Docs updated`,badge:(0,i.jsx)(t.Badge,{variant:`secondary`,children:`Done`}),description:`Public route and CLI snippet verified`,content:`Component detail page, API notes, and install snippet were reviewed together before release.`},{key:`tokens`,title:`Visual tokens synced`,meta:`Review`,description:`No stray radius, border, or surface overrides`,content:`The route uses package tokens directly so the result matches what consumers install.`},{key:`qa`,title:`QA preview checked`,description:`Build and interactive preview passed`,disabled:!0,disabledReason:`Blocked until release candidate is built.`,content:`The component was verified with type-check and production build before push.`}];function c(){let[e,c]=r.useState(`surface`),[l,u]=r.useState([`docs`]),[d,f]=r.useState(`soft`);return(0,i.jsxs)(`div`,{className:`space-y-0`,children:[(0,i.jsxs)(`section`,{className:`pb-6`,children:[(0,i.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted`,children:`Installed primitive`}),(0,i.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Accordion keeps dense guidance readable`}),(0,i.jsx)(`p`,{className:`mt-3 max-w-2xl text-sm leading-6 aui-text-muted`,children:`This route uses the exported accordion surface directly. The page adds only spacing and explanation around it.`})]}),(0,i.jsxs)(`section`,{className:a,children:[(0,i.jsx)(`div`,{className:`mb-5 flex flex-wrap gap-2`,children:[`soft`,`default`,`ghost`].map(e=>(0,i.jsx)(`button`,{type:`button`,className:`rounded-full border px-3 py-1.5 text-xs font-medium ${d===e?`border-primary bg-primary/10 text-foreground`:`border-[color:var(--aui-divider)] text-muted-foreground`}`,onClick:()=>f(e),children:e},e))}),(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[1.1fr_0.9fr]`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Documentation flow`}),(0,i.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Single-open mode keeps the user focused on one explanation at a time.`}),(0,i.jsx)(n.Accordion,{className:`mt-5`,type:`single`,variant:d,size:`lg`,value:e,onValueChange:c,items:[...o]})]}),(0,i.jsxs)(`div`,{className:`rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-sm font-semibold aui-text-strong`,children:`Current open item`}),(0,i.jsx)(`p`,{className:`mt-1 text-xs aui-text-muted`,children:`Controlled state mirrors route-level docs navigation.`})]}),(0,i.jsx)(t.Badge,{variant:`secondary`,children:Array.isArray(e)?e.join(`, `):e||`none`})]}),(0,i.jsxs)(`div`,{className:`mt-4 space-y-3 text-sm leading-6 aui-text-muted`,children:[(0,i.jsx)(`p`,{children:`Use this mode on component detail pages, FAQs, or policy explanations where only one answer should dominate the layout.`}),(0,i.jsx)(`p`,{children:`The trigger keeps title and helper description together, so content stays understandable even before expansion.`})]})]})]})]}),(0,i.jsx)(`section`,{className:a,children:(0,i.jsxs)(`div`,{className:`grid gap-6 xl:grid-cols-[0.95fr_1.05fr]`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`p`,{className:`text-lg font-semibold aui-text-strong`,children:`Operational checklist`}),(0,i.jsx)(`p`,{className:`mt-2 max-w-xl text-sm leading-6 aui-text-muted`,children:`Multiple-open mode works better when teams compare several readiness items together.`}),(0,i.jsx)(`div`,{className:`mt-5 flex flex-wrap gap-2`,children:(Array.isArray(l)?l:[]).map(e=>(0,i.jsx)(t.Badge,{variant:`outline`,children:e},e))})]}),(0,i.jsx)(n.Accordion,{className:`xl:mt-8`,type:`multiple`,variant:d,value:l,onValueChange:u,items:s.map((e,t)=>({...e,indicatorPosition:t===0?`start`:`end`}))})]})})]})}exports.AccordionShowcase=c;

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

@@ -1,172 +0,0 @@
-import { Badge as e } from "../../../components/ui/badge/index.js";
-import { Accordion as t } from "../../../components/ui/accordion/index.js";
-import * as n from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/showcase/premium/accordion/showcase.tsx
-var a = "border-t border-[color:var(--aui-divider)] py-6", o = [
-	{
-		key: "tokens",
-		title: "Theme tokens stay in one place",
-		meta: "P0",
-		description: "Radius, color and shadow should not be redefined per route.",
-		content: "Use shared CSS tokens so consumers can adapt the system without fighting deeply nested component styles."
-	},
-	{
-		key: "surface",
-		title: "One canonical public surface",
-		badge: /* @__PURE__ */ r(e, {
-			variant: "secondary",
-			children: "Core"
-		}),
-		description: "Teach one entry point before helper members.",
-		content: "Start with Input, Select, DataTable, Card and Badge. Move aliases and advanced members lower in the docs hierarchy."
-	},
-	{
-		key: "demo",
-		title: "Real demos beat placeholder previews",
-		description: "Each route should prove the actual component behavior.",
-		meta: "Docs",
-		content: "A docs page should show the real installed component with interactive state, not a generic substitute card."
-	}
-], s = [
-	{
-		key: "docs",
-		title: "Docs updated",
-		badge: /* @__PURE__ */ r(e, {
-			variant: "secondary",
-			children: "Done"
-		}),
-		description: "Public route and CLI snippet verified",
-		content: "Component detail page, API notes, and install snippet were reviewed together before release."
-	},
-	{
-		key: "tokens",
-		title: "Visual tokens synced",
-		meta: "Review",
-		description: "No stray radius, border, or surface overrides",
-		content: "The route uses package tokens directly so the result matches what consumers install."
-	},
-	{
-		key: "qa",
-		title: "QA preview checked",
-		description: "Build and interactive preview passed",
-		disabled: !0,
-		disabledReason: "Blocked until release candidate is built.",
-		content: "The component was verified with type-check and production build before push."
-	}
-];
-function c() {
-	let [c, l] = n.useState("surface"), [u, d] = n.useState(["docs"]), [f, p] = n.useState("soft");
-	return /* @__PURE__ */ i("div", {
-		className: "space-y-0",
-		children: [
-			/* @__PURE__ */ i("section", {
-				className: "pb-6",
-				children: [
-					/* @__PURE__ */ r("p", {
-						className: "text-xs font-semibold uppercase tracking-[0.24em] aui-text-muted",
-						children: "Installed primitive"
-					}),
-					/* @__PURE__ */ r("h3", {
-						className: "mt-3 text-2xl font-semibold tracking-tight aui-text-strong",
-						children: "Accordion keeps dense guidance readable"
-					}),
-					/* @__PURE__ */ r("p", {
-						className: "mt-3 max-w-2xl text-sm leading-6 aui-text-muted",
-						children: "This route uses the exported accordion surface directly. The page adds only spacing and explanation around it."
-					})
-				]
-			}),
-			/* @__PURE__ */ i("section", {
-				className: a,
-				children: [/* @__PURE__ */ r("div", {
-					className: "mb-5 flex flex-wrap gap-2",
-					children: [
-						"soft",
-						"default",
-						"ghost"
-					].map((e) => /* @__PURE__ */ r("button", {
-						type: "button",
-						className: `rounded-full border px-3 py-1.5 text-xs font-medium ${f === e ? "border-primary bg-primary/10 text-foreground" : "border-[color:var(--aui-divider)] text-muted-foreground"}`,
-						onClick: () => p(e),
-						children: e
-					}, e))
-				}), /* @__PURE__ */ i("div", {
-					className: "grid gap-6 xl:grid-cols-[1.1fr_0.9fr]",
-					children: [/* @__PURE__ */ i("div", { children: [
-						/* @__PURE__ */ r("p", {
-							className: "text-lg font-semibold aui-text-strong",
-							children: "Documentation flow"
-						}),
-						/* @__PURE__ */ r("p", {
-							className: "mt-2 max-w-xl text-sm leading-6 aui-text-muted",
-							children: "Single-open mode keeps the user focused on one explanation at a time."
-						}),
-						/* @__PURE__ */ r(t, {
-							className: "mt-5",
-							type: "single",
-							variant: f,
-							size: "lg",
-							value: c,
-							onValueChange: l,
-							items: [...o]
-						})
-					] }), /* @__PURE__ */ i("div", {
-						className: "rounded-xl border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg-alt)] p-4",
-						children: [/* @__PURE__ */ i("div", {
-							className: "flex items-start justify-between gap-4",
-							children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("p", {
-								className: "text-sm font-semibold aui-text-strong",
-								children: "Current open item"
-							}), /* @__PURE__ */ r("p", {
-								className: "mt-1 text-xs aui-text-muted",
-								children: "Controlled state mirrors route-level docs navigation."
-							})] }), /* @__PURE__ */ r(e, {
-								variant: "secondary",
-								children: Array.isArray(c) ? c.join(", ") : c || "none"
-							})]
-						}), /* @__PURE__ */ i("div", {
-							className: "mt-4 space-y-3 text-sm leading-6 aui-text-muted",
-							children: [/* @__PURE__ */ r("p", { children: "Use this mode on component detail pages, FAQs, or policy explanations where only one answer should dominate the layout." }), /* @__PURE__ */ r("p", { children: "The trigger keeps title and helper description together, so content stays understandable even before expansion." })]
-						})]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ r("section", {
-				className: a,
-				children: /* @__PURE__ */ i("div", {
-					className: "grid gap-6 xl:grid-cols-[0.95fr_1.05fr]",
-					children: [/* @__PURE__ */ i("div", { children: [
-						/* @__PURE__ */ r("p", {
-							className: "text-lg font-semibold aui-text-strong",
-							children: "Operational checklist"
-						}),
-						/* @__PURE__ */ r("p", {
-							className: "mt-2 max-w-xl text-sm leading-6 aui-text-muted",
-							children: "Multiple-open mode works better when teams compare several readiness items together."
-						}),
-						/* @__PURE__ */ r("div", {
-							className: "mt-5 flex flex-wrap gap-2",
-							children: (Array.isArray(u) ? u : []).map((t) => /* @__PURE__ */ r(e, {
-								variant: "outline",
-								children: t
-							}, t))
-						})
-					] }), /* @__PURE__ */ r(t, {
-						className: "xl:mt-8",
-						type: "multiple",
-						variant: f,
-						value: u,
-						onValueChange: d,
-						items: s.map((e, t) => ({
-							...e,
-							indicatorPosition: t === 0 ? "start" : "end"
-						}))
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { c as AccordionShowcase };

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

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

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

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

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

@@ -1,48 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e={code:`import { AppHeader, AppShell, Breadcrumbs, InfoCard, MetricGrid, PageContainer, PageHeader, Sidebar, 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={
-        <Sidebar
-          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} />
-        </Sidebar>
-      }
-      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;

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

@@ -1,38 +0,0 @@
-//#region src/showcase/premium/app-shell/mock.ts
-var e = {
-	code: "import { AppHeader, AppShell, Breadcrumbs, InfoCard, MetricGrid, PageContainer, PageHeader, Sidebar, 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        <Sidebar\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        </Sidebar>\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 };

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

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../components/ui/button/index.cjs"),n=require("../../../components/ui/badge/index.cjs"),r=require("../../../components/layout/app-sidebar.cjs"),i=require("../../../components/layout/breadcrumbs.cjs"),a=require("../../../components/layout/page-container.cjs"),o=require("../../../components/layout/sidebar-nav.cjs"),s=require("../../../components/display/metric-grid.cjs"),c=require("../../../components/display/info-card.cjs"),l=require("../../../components/layout/app-header.cjs"),u=require("../../../components/layout/page-header.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=[{key:`overview`,label:`Overview`,href:`#overview`},{key:`products`,label:`Products`,href:`#products`},{key:`billing`,label:`Billing`,href:`#billing`},{key:`settings`,label:`Settings`,href:`#settings`}],m=[{key:`mrr`,label:`MRR`,value:`$64k`,description:`11% vs last week`,tone:`success`},{key:`users`,label:`Users`,value:`1,020`,description:`3% churn risk`,tone:`warning`},{key:`tasks`,label:`Tasks`,value:`58`,description:`5 in progress`,tone:`info`},{key:`response`,label:`Latency`,value:`1.2s`,description:`P95 API response`,tone:`default`}];function h({mode:e}){let[h,g]=d.useState(`overview`),[_,v]=d.useState(!1),y=p.map(e=>({...e,active:e.key===h,onSelect:()=>g(e.key)})),b=p.find(e=>e.key===h)?.label??`Overview`;return(0,f.jsxs)(`div`,{className:`space-y-5`,children:[(0,f.jsx)(`div`,{className:`rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)] p-5`,children:(0,f.jsxs)(`div`,{className:`flex flex-col gap-4 xl:flex-row xl:items-center xl:justify-between`,children:[(0,f.jsxs)(`div`,{className:`max-w-xl`,children:[(0,f.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.26em] aui-text-muted`,children:`Application frame`}),(0,f.jsx)(`h3`,{className:`mt-3 text-2xl font-semibold tracking-tight aui-text-strong`,children:`Reusable shell preview`}),(0,f.jsx)(`p`,{className:`mt-3 text-sm leading-6 aui-text-muted`,children:`Header, sidebar, main content and aside should feel like one predictable route frame.`})]}),(0,f.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,f.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Header`}),(0,f.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Sidebar`}),(0,f.jsx)(n.Badge,{variant:`outline`,className:`rounded-full`,children:`Aside`})]})]})}),e===`playground`?(0,f.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:(0,f.jsx)(t.Button,{size:`sm`,variant:_?`outline`:`default`,onClick:()=>v(e=>!e),children:_?`Expand sidebar`:`Collapse sidebar`})}):null,(0,f.jsxs)(`div`,{className:`overflow-hidden rounded-[24px] border border-[color:var(--aui-divider)] bg-[color:var(--aui-page-bg)]`,children:[(0,f.jsx)(l.AppHeader,{className:`border-b border-[color:var(--aui-divider)] px-4 py-3`,left:`Product shell`,right:(0,f.jsx)(t.Button,{size:`sm`,variant:`outline`,children:`Profile`})}),(0,f.jsxs)(`div`,{className:`grid min-h-[420px] lg:grid-cols-[250px_minmax(0,1fr)_260px]`,children:[(0,f.jsx)(r.Sidebar,{responsive:!0,mobileTitle:`Workspace navigation`,mobileDescription:`Open the shell menu first, then move through app routes without squeezing the main content.`,header:(0,f.jsx)(`div`,{className:`px-3 py-2 text-sm font-semibold`,children:`AZA Studio`}),footer:(0,f.jsx)(`div`,{className:`aui-text-muted px-3 py-2 text-xs`,children:`Shell footer`}),className:_?`lg:w-[92px]`:``,collapsed:_,children:(0,f.jsx)(o.SidebarNav,{items:y})}),(0,f.jsx)(`div`,{className:`min-w-0 border-x border-[color:var(--aui-divider)] p-4`,children:(0,f.jsxs)(a.PageContainer,{size:`lg`,children:[(0,f.jsx)(u.PageHeader,{eyebrow:`Workspace`,title:b,description:`Use shared shell primitives to keep regions stable across routes.`,breadcrumbs:(0,f.jsx)(i.Breadcrumbs,{items:[{key:`home`,label:`Home`,href:`/`},{key:`components`,label:`Components`,href:`/components`},{key:`active`,label:b,current:!0}]}),actions:(0,f.jsx)(t.Button,{size:`sm`,children:`Manage`})}),(0,f.jsx)(`div`,{className:`mt-4`,children:(0,f.jsx)(s.MetricGrid,{items:m,columns:2,compact:!0})})]})}),(0,f.jsx)(`aside`,{className:`hidden p-4 lg:block`,children:(0,f.jsx)(c.InfoCard,{title:`Quick actions`,description:`Support content can live in the aside.`,compact:!0})})]})]})]})}exports.AppShellShowcase=h;