tembro 3.0.0 → 3.1.5

package/dist/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/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/components/ui/hover-card.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card";
-export type HoverCardProps = Omit<PreviewCardPrimitive.Root.Props, "children"> & Omit<React.ComponentProps<"span">, "content" | "children"> & {
-    trigger: React.ReactNode;
-    content: React.ReactNode;
-    side?: PreviewCardPrimitive.Positioner.Props["side"];
-    align?: PreviewCardPrimitive.Positioner.Props["align"];
-    sideOffset?: PreviewCardPrimitive.Positioner.Props["sideOffset"];
-    alignOffset?: PreviewCardPrimitive.Positioner.Props["alignOffset"];
-    collisionPadding?: PreviewCardPrimitive.Positioner.Props["collisionPadding"];
-    delay?: PreviewCardPrimitive.Trigger.Props["delay"];
-    closeDelay?: PreviewCardPrimitive.Trigger.Props["closeDelay"];
-    disabled?: boolean;
-    contentClassName?: string;
-};
-declare function HoverCard({ trigger, content, side, align, sideOffset, alignOffset, collisionPadding, delay, closeDelay, disabled, contentClassName, className, ...props }: HoverCardProps): React.JSX.Element;
-export { HoverCard };

package/dist/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/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/components/ui/input-group/index.d.ts

@@ -1 +0,0 @@
-export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, } from "@/components/ui/input/group";

package/dist/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/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/components/ui/input-primitive/index.d.ts

@@ -1,2 +0,0 @@
-export { InputPrimitive } from "@/components/ui/input/primitive";
-export type { InputPrimitiveProps } from "@/components/ui/input/primitive";

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

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

package/dist/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/components/upload/file-dropzone.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-export type FileDropzoneProps = Omit<React.ComponentProps<"input">, "type" | "onChange"> & {
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    value?: File[];
-    onFilesChange?: (files: File[]) => void;
-    containerClassName?: string;
-};
-declare function FileDropzone({ label, description, value, onFilesChange, containerClassName, className, multiple, ...props }: FileDropzoneProps): React.JSX.Element;
-export { FileDropzone };

package/dist/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/lib/deprecated-warning.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=new Set;function t(t,n){globalThis.process?.env?.NODE_ENV!==`production`&&(e.has(t)||(e.add(t),console?.warn&&console.warn(`[tembro] ${t} is deprecated. ${n} This alias is kept for compatibility only.`)))}exports.warnDeprecatedComponent=t;

package/dist/lib/deprecated-warning.d.ts

@@ -1 +0,0 @@
-export declare function warnDeprecatedComponent(name: string, replacement: string): void;

package/dist/lib/deprecated-warning.js

@@ -1,7 +0,0 @@
-//#region src/lib/deprecated-warning.ts
-var e = /* @__PURE__ */ new Set();
-function t(t, n) {
-	globalThis.process?.env?.NODE_ENV !== "production" && (e.has(t) || (e.add(t), console?.warn && console.warn(`[tembro] ${t} is deprecated. ${n} This alias is kept for compatibility only.`)));
-}
-//#endregion
-export { t as warnDeprecatedComponent };

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

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

package/dist/showcase/premium/accordion/index.d.ts

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

package/dist/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/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/showcase/premium/accordion/mock.d.ts

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

package/dist/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/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/showcase/premium/accordion/showcase.d.ts

@@ -1,2 +0,0 @@
-import * as React from "react";
-export declare function AccordionShowcase(): React.JSX.Element;

package/dist/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/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/showcase/premium/app-shell/index.d.ts

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

package/dist/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/showcase/premium/app-shell/mock.cjs

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

package/dist/showcase/premium/app-shell/mock.d.ts

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