tembro 1.0.0

package/dist/components/layout/app-sidebar.js

@@ -0,0 +1,325 @@
+import { cn as e } from "../../lib/utils.js";
+import { Tooltip as t } from "../ui/tooltip/index.js";
+import * as n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/layout/app-sidebar.tsx
+function o(e) {
+	return e.items?.some((e) => !e.hidden) ?? !1;
+}
+function s(e) {
+	return e.active ? !0 : e.items?.some((e) => s(e)) ?? !1;
+}
+function c({ item: n, collapsed: o, depth: s, onItemSelect: c, renderLink: l }) {
+	let u = {
+		"aria-current": n.current ?? (n.active ? "page" : void 0),
+		"aria-disabled": n.disabled || void 0,
+		"data-slot": "app-sidebar-item",
+		"data-active": n.active || void 0,
+		"data-disabled": n.disabled || void 0,
+		"data-depth": String(s),
+		className: e("flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", o && "justify-center px-2")
+	}, d = /* @__PURE__ */ a(r, { children: [
+		n.icon && /* @__PURE__ */ i("span", {
+			className: "shrink-0",
+			children: n.icon
+		}),
+		!o && /* @__PURE__ */ i("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: n.label
+		}),
+		!o && n.badge && /* @__PURE__ */ i("span", {
+			className: "shrink-0",
+			children: n.badge
+		})
+	] }), f = (e) => o ? /* @__PURE__ */ i(t, {
+		content: n.tooltip ?? n.label,
+		side: "right",
+		children: /* @__PURE__ */ i("span", {
+			className: "block",
+			children: e
+		})
+	}) : e;
+	return n.href?.startsWith("/") ? f(l ? /* @__PURE__ */ i(r, { children: l({
+		item: n,
+		href: n.href,
+		...u,
+		onClick: (e) => {
+			if (n.disabled) {
+				e.preventDefault();
+				return;
+			}
+			n.onSelect?.(), c?.(n);
+		},
+		children: d
+	}) }) : /* @__PURE__ */ i("a", {
+		href: n.href,
+		...u,
+		onClick: (e) => {
+			if (n.disabled) {
+				e.preventDefault();
+				return;
+			}
+			n.onSelect?.(), c?.(n);
+		},
+		children: d
+	})) : n.href ? f(/* @__PURE__ */ i("button", {
+		type: "button",
+		...u,
+		className: e(u.className, "w-full"),
+		onClick: () => {
+			if (n.disabled) return;
+			let e = n.href;
+			if (e) {
+				if (n.onSelect?.(), c?.(n), e.startsWith("http")) {
+					window.open(e, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(e);
+			}
+		},
+		children: d
+	})) : f(/* @__PURE__ */ i("button", {
+		type: "button",
+		disabled: n.disabled,
+		...u,
+		onClick: () => {
+			n.onSelect?.(), c?.(n);
+		},
+		children: d
+	}));
+}
+function l({ items: r, collapsed: u, depth: d, onItemSelect: f, renderLink: p }) {
+	return r.map((r) => {
+		if (r.hidden) return null;
+		let m = o(r), h = s(r), g = !u && d === 0 && r.sectionLabel;
+		if (!m) return /* @__PURE__ */ a(n.Fragment, { children: [g ? /* @__PURE__ */ i("div", {
+			"data-slot": "app-sidebar-group-label",
+			className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
+			children: r.sectionLabel
+		}) : null, /* @__PURE__ */ i(c, {
+			item: r,
+			collapsed: u,
+			depth: d,
+			onItemSelect: f,
+			renderLink: p
+		})] }, r.key);
+		let _ = r.defaultExpanded ?? h;
+		return /* @__PURE__ */ a("div", {
+			"data-slot": "app-sidebar-group",
+			"data-depth": d,
+			children: [g && /* @__PURE__ */ i("div", {
+				"data-slot": "app-sidebar-group-label",
+				className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
+				children: r.sectionLabel
+			}), /* @__PURE__ */ a("details", {
+				"data-slot": "app-sidebar-group-details",
+				open: _,
+				className: "group/app-sidebar-details",
+				children: [/* @__PURE__ */ a("summary", {
+					"data-slot": "app-sidebar-group-trigger",
+					className: e("flex min-h-9 list-none items-center gap-2 rounded-lg border border-transparent text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow]", u ? "justify-center px-2" : "px-2.5"),
+					children: [
+						r.icon ? u ? /* @__PURE__ */ i(t, {
+							content: r.tooltip ?? r.label,
+							side: "right",
+							children: /* @__PURE__ */ i("span", {
+								className: "shrink-0",
+								children: r.icon
+							})
+						}) : /* @__PURE__ */ i("span", {
+							className: "shrink-0",
+							children: r.icon
+						}) : null,
+						!u && /* @__PURE__ */ i("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: r.label
+						}),
+						!u && r.badge && /* @__PURE__ */ i("span", {
+							className: "shrink-0",
+							children: r.badge
+						}),
+						!u && /* @__PURE__ */ i("span", {
+							"data-slot": "app-sidebar-group-chevron",
+							className: "ml-auto text-xs text-muted-foreground transition-transform group-open/app-sidebar-details:rotate-90",
+							children: "›"
+						})
+					]
+				}), /* @__PURE__ */ i("div", {
+					"data-slot": "app-sidebar-group-content",
+					className: e("mt-1 space-y-1", !u && "pl-3"),
+					children: /* @__PURE__ */ i(l, {
+						items: r.items ?? [],
+						collapsed: u,
+						depth: d + 1,
+						onItemSelect: f,
+						renderLink: p
+					})
+				})]
+			})]
+		}, r.key);
+	});
+}
+function u({ item: n, collapsed: r, onItemSelect: o }) {
+	let s = /* @__PURE__ */ a("button", {
+		type: "button",
+		"data-slot": "app-sidebar-action",
+		"data-active": n.active || void 0,
+		"data-disabled": n.disabled || void 0,
+		className: e("flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", r && "justify-center px-2"),
+		disabled: n.disabled,
+		onClick: () => {
+			n.disabled || (n.onSelect?.(), o?.(n));
+		},
+		children: [
+			n.icon ? /* @__PURE__ */ i("span", {
+				className: "shrink-0",
+				children: n.icon
+			}) : null,
+			r ? null : /* @__PURE__ */ i("span", {
+				className: "min-w-0 flex-1 truncate",
+				children: n.label
+			}),
+			!r && n.badge ? /* @__PURE__ */ i("span", {
+				className: "shrink-0",
+				children: n.badge
+			}) : null
+		]
+	});
+	return r ? /* @__PURE__ */ i(t, {
+		content: n.tooltip ?? n.label,
+		side: "right",
+		children: /* @__PURE__ */ i("span", {
+			className: "block",
+			children: s
+		})
+	}) : s;
+}
+function d({ account: n, collapsed: r }) {
+	let o = /* @__PURE__ */ a("button", {
+		type: "button",
+		"data-slot": "app-sidebar-account",
+		className: e("flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]", r ? "justify-center px-2 py-2.5" : "px-3 py-2.5"),
+		onClick: () => {
+			if (n.onSelect?.(), n.href) {
+				if (n.href.startsWith("http")) {
+					window.open(n.href, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(n.href);
+			}
+		},
+		children: [n.avatar ? /* @__PURE__ */ i("span", {
+			"data-slot": "app-sidebar-account-avatar",
+			className: "inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold",
+			children: n.avatar
+		}) : null, r ? null : /* @__PURE__ */ a("span", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ i("span", {
+				"data-slot": "app-sidebar-account-label",
+				className: "block truncate text-sm font-semibold text-foreground",
+				children: n.label
+			}), n.description ? /* @__PURE__ */ i("span", {
+				"data-slot": "app-sidebar-account-description",
+				className: "block truncate text-xs text-muted-foreground",
+				children: n.description
+			}) : null]
+		})]
+	});
+	return r ? /* @__PURE__ */ i(t, {
+		content: n.tooltip ?? n.label,
+		side: "right",
+		children: /* @__PURE__ */ i("span", {
+			className: "block",
+			children: o
+		})
+	}) : o;
+}
+function f({ className: o, header: s, footer: c, items: f = [], collapsed: p = !1, collapsedRail: m, railItems: h = [], footerAccount: g, secondaryActions: _ = [], footerSecondary: v, tooltipOnCollapsed: y = !0, onItemSelect: b, renderItem: x, renderLink: S, children: C, ...w }) {
+	let T = f.filter((e) => !e.hidden), E = h.filter((e) => !e.hidden), D = _.filter((e) => !e.hidden);
+	return /* @__PURE__ */ a("aside", {
+		"data-slot": "app-sidebar",
+		"data-collapsed": p || void 0,
+		className: e("flex h-full min-h-0 flex-col overflow-hidden", o),
+		...w,
+		children: [
+			s && /* @__PURE__ */ i("div", {
+				"data-slot": "app-sidebar-header",
+				className: "shrink-0 border-b p-3",
+				children: s
+			}),
+			/* @__PURE__ */ a("nav", {
+				"data-slot": "app-sidebar-nav",
+				className: "min-h-0 flex-1 space-y-1 overflow-y-auto overscroll-contain p-2",
+				children: [C ?? T.map((e) => {
+					if (!x) return null;
+					let r = x(e, { collapsed: p });
+					return !p || !y ? /* @__PURE__ */ i(n.Fragment, { children: r }, e.key) : /* @__PURE__ */ i(t, {
+						content: e.tooltip ?? e.label,
+						side: "right",
+						children: /* @__PURE__ */ i("span", {
+							className: "block",
+							children: r
+						})
+					}, e.key);
+				}), !C && !x && /* @__PURE__ */ i(l, {
+					items: T,
+					collapsed: p,
+					depth: 0,
+					onItemSelect: b,
+					renderLink: S
+				})]
+			}),
+			(g || v || c || D.length > 0 || p && (m || E.length > 0)) && /* @__PURE__ */ a("div", {
+				"data-slot": "app-sidebar-footer",
+				className: "shrink-0 border-t p-3",
+				children: [
+					p ? /* @__PURE__ */ a(r, { children: [E.length > 0 ? /* @__PURE__ */ i("div", {
+						"data-slot": "app-sidebar-rail-actions",
+						className: "grid gap-2",
+						children: E.map((e) => /* @__PURE__ */ i(u, {
+							item: e,
+							collapsed: !0,
+							onItemSelect: b
+						}, e.key))
+					}) : null, m ? /* @__PURE__ */ i("div", {
+						"data-slot": "app-sidebar-rail",
+						children: m
+					}) : null] }) : null,
+					!p && g ? /* @__PURE__ */ i("div", {
+						"data-slot": "app-sidebar-account-wrap",
+						className: "mb-3",
+						children: /* @__PURE__ */ i(d, {
+							account: g,
+							collapsed: !1
+						})
+					}) : null,
+					!p && D.length > 0 ? /* @__PURE__ */ i("div", {
+						"data-slot": "app-sidebar-secondary-actions",
+						className: "mb-3 grid gap-2",
+						children: D.map((e) => /* @__PURE__ */ i(u, {
+							item: e,
+							collapsed: !1,
+							onItemSelect: b
+						}, e.key))
+					}) : null,
+					!p && v ? /* @__PURE__ */ i("div", {
+						"data-slot": "app-sidebar-footer-secondary",
+						className: "mb-3",
+						children: v
+					}) : null,
+					p && g ? /* @__PURE__ */ i("div", {
+						"data-slot": "app-sidebar-account-wrap",
+						children: /* @__PURE__ */ i(d, {
+							account: g,
+							collapsed: !0
+						})
+					}) : null,
+					!p && c
+				]
+			})
+		]
+	});
+}
+var p = f;
+//#endregion
+export { f as AppSidebar, p as Sidebar };

package/dist/components/layout/breadcrumbs.cjs

@@ -0,0 +1 @@
+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("lucide-react"),i=require("react/jsx-runtime");function a(e,t,n){if(e.length<=t||t<3)return e;let r=e[0],i=Math.max(t-2,1),a=e.slice(-i);return[r,{key:`__collapsed__`,label:n},...a]}function o({className:e,items:o,maxItems:s,collapseLabel:c=`…`,separator:l=(0,i.jsx)(r.ChevronRightIcon,{className:`size-3.5`}),renderLink:u,...d}){let f=n.useMemo(()=>typeof s==`number`?a(o,s,c):o,[c,o,s]);return(0,i.jsx)(`nav`,{"data-slot":`breadcrumbs`,"aria-label":`Breadcrumb`,className:t.cn(`flex min-w-0 items-center gap-1 text-sm text-muted-foreground`,e),...d,children:f.map((e,r)=>{let a=e.key===`__collapsed__`,o=r===f.length-1,s=e.current||o;return(0,i.jsxs)(n.Fragment,{children:[r>0&&(0,i.jsx)(`span`,{className:`shrink-0 opacity-60`,children:l}),a?(0,i.jsx)(`span`,{"data-slot":`breadcrumbs-collapsed`,className:`shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground`,children:e.label}):e.href&&!s?u?u({item:e,href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate transition-colors hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsx)(`a`,{href:e.href,"data-slot":`breadcrumbs-link`,className:`truncate transition-colors hover:text-foreground`,onClick:()=>e.onSelect?.(),children:(0,i.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5`,children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})}):(0,i.jsxs)(`span`,{"data-slot":`breadcrumbs-current`,"aria-current":s?e.currentLabel??`page`:void 0,className:t.cn(`inline-flex min-w-0 items-center gap-1.5 truncate`,s&&`font-medium text-foreground`),children:[e.icon?(0,i.jsx)(`span`,{className:`shrink-0`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]})]},e.key)})})}exports.Breadcrumbs=o;

package/dist/components/layout/breadcrumbs.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+export type BreadcrumbItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    href?: string;
+    current?: boolean;
+    currentLabel?: React.AriaAttributes["aria-current"];
+    onSelect?: () => void;
+};
+export type BreadcrumbsProps = React.ComponentProps<"nav"> & {
+    items: BreadcrumbItem[];
+    maxItems?: number;
+    collapseLabel?: React.ReactNode;
+    separator?: React.ReactNode;
+    renderLink?: (props: React.ComponentProps<"a"> & {
+        item: BreadcrumbItem;
+        [key: `data-${string}`]: string | boolean | undefined;
+    }) => React.ReactNode;
+};
+declare function Breadcrumbs({ className, items, maxItems, collapseLabel, separator, renderLink, ...props }: BreadcrumbsProps): React.JSX.Element;
+export { Breadcrumbs };

package/dist/components/layout/breadcrumbs.js

@@ -0,0 +1,85 @@
+import { cn as e } from "../../lib/utils.js";
+import * as t from "react";
+import { ChevronRightIcon as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/layout/breadcrumbs.tsx
+function a(e, t, n) {
+	if (e.length <= t || t < 3) return e;
+	let r = e[0], i = Math.max(t - 2, 1), a = e.slice(-i);
+	return [
+		r,
+		{
+			key: "__collapsed__",
+			label: n
+		},
+		...a
+	];
+}
+function o({ className: o, items: s, maxItems: c, collapseLabel: l = "…", separator: u = /* @__PURE__ */ r(n, { className: "size-3.5" }), renderLink: d, ...f }) {
+	let p = t.useMemo(() => typeof c == "number" ? a(s, c, l) : s, [
+		l,
+		s,
+		c
+	]);
+	return /* @__PURE__ */ r("nav", {
+		"data-slot": "breadcrumbs",
+		"aria-label": "Breadcrumb",
+		className: e("flex min-w-0 items-center gap-1 text-sm text-muted-foreground", o),
+		...f,
+		children: p.map((n, a) => {
+			let o = n.key === "__collapsed__", s = a === p.length - 1, c = n.current || s;
+			return /* @__PURE__ */ i(t.Fragment, { children: [a > 0 && /* @__PURE__ */ r("span", {
+				className: "shrink-0 opacity-60",
+				children: u
+			}), o ? /* @__PURE__ */ r("span", {
+				"data-slot": "breadcrumbs-collapsed",
+				className: "shrink-0 rounded-full border border-border/65 px-2 py-0.5 text-xs text-muted-foreground",
+				children: n.label
+			}) : n.href && !c ? d ? d({
+				item: n,
+				href: n.href,
+				"data-slot": "breadcrumbs-link",
+				className: "truncate transition-colors hover:text-foreground",
+				onClick: () => n.onSelect?.(),
+				children: /* @__PURE__ */ i("span", {
+					className: "inline-flex min-w-0 items-center gap-1.5",
+					children: [n.icon ? /* @__PURE__ */ r("span", {
+						className: "shrink-0",
+						children: n.icon
+					}) : null, /* @__PURE__ */ r("span", {
+						className: "truncate",
+						children: n.label
+					})]
+				})
+			}) : /* @__PURE__ */ r("a", {
+				href: n.href,
+				"data-slot": "breadcrumbs-link",
+				className: "truncate transition-colors hover:text-foreground",
+				onClick: () => n.onSelect?.(),
+				children: /* @__PURE__ */ i("span", {
+					className: "inline-flex min-w-0 items-center gap-1.5",
+					children: [n.icon ? /* @__PURE__ */ r("span", {
+						className: "shrink-0",
+						children: n.icon
+					}) : null, /* @__PURE__ */ r("span", {
+						className: "truncate",
+						children: n.label
+					})]
+				})
+			}) : /* @__PURE__ */ i("span", {
+				"data-slot": "breadcrumbs-current",
+				"aria-current": c ? n.currentLabel ?? "page" : void 0,
+				className: e("inline-flex min-w-0 items-center gap-1.5 truncate", c && "font-medium text-foreground"),
+				children: [n.icon ? /* @__PURE__ */ r("span", {
+					className: "shrink-0",
+					children: n.icon
+				}) : null, /* @__PURE__ */ r("span", {
+					className: "truncate",
+					children: n.label
+				})]
+			})] }, n.key);
+		})
+	});
+}
+//#endregion
+export { o as Breadcrumbs };

package/dist/components/layout/demo.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../showcase/create-demo.cjs");var t=e.createShowcaseDemoRegistry([e.component(`app-header`,`AppHeader`,`layout`,`Sticky product header with left, center and right slots.`),e.component(`section-header`,`SectionHeader`,`layout`,`Reusable section title block with actions and metadata.`),e.component(`stat-card`,`StatCard`,`layout`,`Dashboard stat card for KPI, trend and helper text.`)]);exports.layoutShowcaseDemoRegistry=t;

package/dist/components/layout/demo.d.ts

@@ -0,0 +1,6 @@
+export declare const layoutShowcaseDemoRegistry: {
+    [k: string]: {
+        mock: import("../../showcase").ShowcaseDemoMock;
+        Showcase: (props: import("../../showcase").ShowcaseDemoProps) => import("react").JSX.Element;
+    };
+};

package/dist/components/layout/demo.js

@@ -0,0 +1,9 @@
+import { component as e, createShowcaseDemoRegistry as t } from "../../showcase/create-demo.js";
+//#region src/components/layout/demo.tsx
+var n = t([
+	e("app-header", "AppHeader", "layout", "Sticky product header with left, center and right slots."),
+	e("section-header", "SectionHeader", "layout", "Reusable section title block with actions and metadata."),
+	e("stat-card", "StatCard", "layout", "Dashboard stat card for KPI, trend and helper text.")
+]);
+//#endregion
+export { n as layoutShowcaseDemoRegistry };

package/dist/components/layout/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./app-sidebar.cjs"),t=require("./breadcrumbs.cjs"),n=require("./page-container.cjs"),r=require("./section.cjs"),i=require("./sidebar-nav.cjs"),a=require("./stack.cjs"),o=require("./sticky-footer-bar.cjs"),s=require("./app-header.cjs"),c=require("./stat-card.cjs");exports.AppHeader=s.AppHeader,exports.AppSidebar=e.AppSidebar,exports.Breadcrumbs=t.Breadcrumbs,exports.Grid=a.Grid,exports.Inline=a.Inline,exports.PageContainer=n.PageContainer,exports.Section=r.Section,exports.Sidebar=e.Sidebar,exports.SidebarNav=i.SidebarNav,exports.SplitLayout=r.SplitLayout,exports.Stack=a.Stack,exports.StatCard=c.StatCard,exports.StickyFooterBar=o.StickyFooterBar,exports.Toolbar=r.Toolbar;

package/dist/components/layout/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./app-header";
+export * from "./app-sidebar";
+export * from "./stat-card";
+export * from "./sidebar-nav";
+export * from "./breadcrumbs";
+export * from "./page-container";
+export * from "./section";
+export * from "./stack";
+export * from "./sticky-footer-bar";

package/dist/components/layout/index.js

@@ -0,0 +1,10 @@
+import { AppSidebar as e, Sidebar as t } from "./app-sidebar.js";
+import { Breadcrumbs as n } from "./breadcrumbs.js";
+import { PageContainer as r } from "./page-container.js";
+import { Section as i, SplitLayout as a, Toolbar as o } from "./section.js";
+import { SidebarNav as s } from "./sidebar-nav.js";
+import { Grid as c, Inline as l, Stack as u } from "./stack.js";
+import { StickyFooterBar as d } from "./sticky-footer-bar.js";
+import { AppHeader as f } from "./app-header.js";
+import { StatCard as p } from "./stat-card.js";
+export { f as AppHeader, e as AppSidebar, n as Breadcrumbs, c as Grid, l as Inline, r as PageContainer, i as Section, t as Sidebar, s as SidebarNav, a as SplitLayout, u as Stack, p as StatCard, d as StickyFooterBar, o as Toolbar };

package/dist/components/layout/page-container.cjs

@@ -0,0 +1 @@
+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");var i={sm:`max-w-3xl`,md:`max-w-5xl`,lg:`max-w-6xl`,xl:`max-w-7xl`,default:`max-w-7xl`,full:`max-w-none`};function a({className:e,size:n=`default`,...a}){return(0,r.jsx)(`div`,{"data-slot":`page-container`,className:t.cn(`mx-auto flex w-full flex-col gap-4`,i[n],e),...a})}exports.PageContainer=a;

package/dist/components/layout/page-container.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export type PageContainerSize = "default" | "sm" | "md" | "lg" | "xl" | "full";
+export type PageContainerProps = React.ComponentProps<"div"> & {
+    size?: PageContainerSize;
+};
+declare function PageContainer({ className, size, ...props }: PageContainerProps): React.JSX.Element;
+export { PageContainer };

package/dist/components/layout/page-container.js

@@ -0,0 +1,21 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/page-container.tsx
+var n = {
+	sm: "max-w-3xl",
+	md: "max-w-5xl",
+	lg: "max-w-6xl",
+	xl: "max-w-7xl",
+	default: "max-w-7xl",
+	full: "max-w-none"
+};
+function r({ className: r, size: i = "default", ...a }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "page-container",
+		className: e("mx-auto flex w-full flex-col gap-4", n[i], r),
+		...a
+	});
+}
+//#endregion
+export { r as PageContainer };

package/dist/components/layout/page-header.cjs

@@ -0,0 +1 @@
+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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`flex flex-col border transition-[background-color,border-color,box-shadow]`,{variants:{variant:{default:`border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/5`,elevated:`border-border/70 bg-card shadow-[0_1px_2px_rgba(15,23,42,0.06),0_18px_45px_rgba(15,23,42,0.08)] ring-1 ring-foreground/5`,outline:`border-border bg-transparent shadow-none`,ghost:`border-transparent bg-transparent shadow-none`,soft:`border-transparent bg-muted/45 shadow-none`},size:{sm:`gap-3 rounded-[var(--radius-2xl)] p-4`,default:`gap-4 rounded-[var(--radius-3xl)] p-5`,lg:`gap-5 rounded-[calc(var(--radius-3xl)*1.1)] p-6`},tone:{neutral:``,info:`border-blue-500/20 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.03_235)_28%),var(--card))]`,success:`border-emerald-500/20 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.04_155)_30%),var(--card))]`,warning:`border-amber-500/24 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.05_85)_30%),var(--card))]`,danger:`border-destructive/24 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),var(--destructive)_8%),var(--card))]`}},defaultVariants:{variant:`default`,size:`default`,tone:`neutral`}});function o({className:e,variant:n,size:r,tone:o,title:s,description:c,eyebrow:l,breadcrumbs:u,actions:d,meta:f,leading:p,footer:m,sticky:h=!1,titleClassName:g,descriptionClassName:_,actionsClassName:v,children:y,...b}){return(0,i.jsxs)(`div`,{"data-slot":`page-header`,"data-sticky":h||void 0,className:t.cn(a({variant:n,size:r,tone:o}),h&&`sticky top-0 z-30 bg-background/92 backdrop-blur supports-[backdrop-filter]:bg-background/78`,e),...b,children:[u&&(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground/95`,children:u}),(0,i.jsxs)(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex min-w-0 gap-4`,children:[p?(0,i.jsx)(`div`,{className:`shrink-0`,children:p}):null,(0,i.jsxs)(`div`,{className:`min-w-0 space-y-2`,children:[l&&(0,i.jsx)(`div`,{className:`text-[11px] font-semibold uppercase tracking-[0.24em] text-muted-foreground`,children:l}),s&&(0,i.jsx)(`h1`,{className:t.cn(`truncate text-3xl font-semibold tracking-[-0.03em] text-foreground`,r===`sm`&&`text-2xl`,r===`lg`&&`text-4xl`,g),children:s}),c&&(0,i.jsx)(`p`,{className:t.cn(`max-w-3xl text-sm leading-7 text-muted-foreground`,_),children:c}),f&&(0,i.jsx)(`div`,{className:`pt-1 text-sm text-muted-foreground`,children:f})]})]}),d&&(0,i.jsx)(`div`,{className:t.cn(`flex shrink-0 flex-wrap items-center gap-2.5`,v),children:d})]}),y,m&&(0,i.jsx)(`div`,{"data-slot":`page-header-footer`,className:`border-t border-border/70 pt-4`,children:m})]})}exports.PageHeader=o,exports.pageHeaderVariants=a;

package/dist/components/layout/page-header.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const pageHeaderVariants: (props?: ({
+    variant?: "default" | "outline" | "ghost" | "elevated" | "soft" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    tone?: "warning" | "neutral" | "info" | "success" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type PageHeaderProps = React.ComponentProps<"div"> & VariantProps<typeof pageHeaderVariants> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    eyebrow?: React.ReactNode;
+    breadcrumbs?: React.ReactNode;
+    actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    leading?: React.ReactNode;
+    footer?: React.ReactNode;
+    sticky?: boolean;
+    titleClassName?: string;
+    descriptionClassName?: string;
+    actionsClassName?: string;
+};
+declare function PageHeader({ className, variant, size, tone, title, description, eyebrow, breadcrumbs, actions, meta, leading, footer, sticky, titleClassName, descriptionClassName, actionsClassName, children, ...props }: PageHeaderProps): React.JSX.Element;
+export { PageHeader, pageHeaderVariants };

package/dist/components/layout/page-header.js

@@ -0,0 +1,92 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { cva as t } from "class-variance-authority";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/layout/page-header.tsx
+var i = t("flex flex-col border transition-[background-color,border-color,box-shadow]", {
+	variants: {
+		variant: {
+			default: "border-border/75 bg-card/96 shadow-sm ring-1 ring-foreground/5",
+			elevated: "border-border/70 bg-card shadow-[0_1px_2px_rgba(15,23,42,0.06),0_18px_45px_rgba(15,23,42,0.08)] ring-1 ring-foreground/5",
+			outline: "border-border bg-transparent shadow-none",
+			ghost: "border-transparent bg-transparent shadow-none",
+			soft: "border-transparent bg-muted/45 shadow-none"
+		},
+		size: {
+			sm: "gap-3 rounded-[var(--radius-2xl)] p-4",
+			default: "gap-4 rounded-[var(--radius-3xl)] p-5",
+			lg: "gap-5 rounded-[calc(var(--radius-3xl)*1.1)] p-6"
+		},
+		tone: {
+			neutral: "",
+			info: "border-blue-500/20 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.03_235)_28%),var(--card))]",
+			success: "border-emerald-500/20 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.04_155)_30%),var(--card))]",
+			warning: "border-amber-500/24 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),oklch(0.94_0.05_85)_30%),var(--card))]",
+			danger: "border-destructive/24 bg-[linear-gradient(180deg,color-mix(in_oklch,var(--card),var(--destructive)_8%),var(--card))]"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		tone: "neutral"
+	}
+});
+function a({ className: t, variant: a, size: o, tone: s, title: c, description: l, eyebrow: u, breadcrumbs: d, actions: f, meta: p, leading: m, footer: h, sticky: g = !1, titleClassName: _, descriptionClassName: v, actionsClassName: y, children: b, ...x }) {
+	return /* @__PURE__ */ r("div", {
+		"data-slot": "page-header",
+		"data-sticky": g || void 0,
+		className: e(i({
+			variant: a,
+			size: o,
+			tone: s
+		}), g && "sticky top-0 z-30 bg-background/92 backdrop-blur supports-[backdrop-filter]:bg-background/78", t),
+		...x,
+		children: [
+			d && /* @__PURE__ */ n("div", {
+				className: "text-sm text-muted-foreground/95",
+				children: d
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex min-w-0 gap-4",
+					children: [m ? /* @__PURE__ */ n("div", {
+						className: "shrink-0",
+						children: m
+					}) : null, /* @__PURE__ */ r("div", {
+						className: "min-w-0 space-y-2",
+						children: [
+							u && /* @__PURE__ */ n("div", {
+								className: "text-[11px] font-semibold uppercase tracking-[0.24em] text-muted-foreground",
+								children: u
+							}),
+							c && /* @__PURE__ */ n("h1", {
+								className: e("truncate text-3xl font-semibold tracking-[-0.03em] text-foreground", o === "sm" && "text-2xl", o === "lg" && "text-4xl", _),
+								children: c
+							}),
+							l && /* @__PURE__ */ n("p", {
+								className: e("max-w-3xl text-sm leading-7 text-muted-foreground", v),
+								children: l
+							}),
+							p && /* @__PURE__ */ n("div", {
+								className: "pt-1 text-sm text-muted-foreground",
+								children: p
+							})
+						]
+					})]
+				}), f && /* @__PURE__ */ n("div", {
+					className: e("flex shrink-0 flex-wrap items-center gap-2.5", y),
+					children: f
+				})]
+			}),
+			b,
+			h && /* @__PURE__ */ n("div", {
+				"data-slot": "page-header-footer",
+				className: "border-t border-border/70 pt-4",
+				children: h
+			})
+		]
+	});
+}
+//#endregion
+export { a as PageHeader, i as pageHeaderVariants };

package/dist/components/layout/public.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./app-sidebar.cjs"),t=require("./breadcrumbs.cjs"),n=require("./page-container.cjs"),r=require("./section.cjs"),i=require("./section-header.cjs"),a=require("./sidebar-nav.cjs"),o=require("./stack.cjs"),s=require("./sticky-footer-bar.cjs");exports.AppSidebar=e.AppSidebar,exports.Breadcrumbs=t.Breadcrumbs,exports.Grid=o.Grid,exports.Inline=o.Inline,exports.PageContainer=n.PageContainer,exports.Section=r.Section,exports.SectionHeader=i.SectionHeader,exports.Sidebar=e.Sidebar,exports.SidebarNav=a.SidebarNav,exports.SplitLayout=r.SplitLayout,exports.Stack=o.Stack,exports.StickyFooterBar=s.StickyFooterBar,exports.Toolbar=r.Toolbar;

package/dist/components/layout/public.d.ts

@@ -0,0 +1,8 @@
+export * from "./app-sidebar";
+export * from "./breadcrumbs";
+export * from "./page-container";
+export * from "./section";
+export * from "./section-header";
+export * from "./sidebar-nav";
+export * from "./stack";
+export * from "./sticky-footer-bar";