tembro 1.0.0

package/dist/components/layout/public.js

@@ -0,0 +1,9 @@
+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 { SectionHeader as s } from "./section-header.js";
+import { SidebarNav as c } from "./sidebar-nav.js";
+import { Grid as l, Inline as u, Stack as d } from "./stack.js";
+import { StickyFooterBar as f } from "./sticky-footer-bar.js";
+export { e as AppSidebar, n as Breadcrumbs, l as Grid, u as Inline, r as PageContainer, i as Section, s as SectionHeader, t as Sidebar, c as SidebarNav, a as SplitLayout, d as Stack, f as StickyFooterBar, o as Toolbar };

package/dist/components/layout/section-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("react/jsx-runtime");var i={sm:`text-xl`,default:`text-2xl`,lg:`text-3xl`};function a({className:e,eyebrow:n,title:a,description:o,actions:s,meta:c,align:l=`start`,size:u=`default`,titleClassName:d,descriptionClassName:f,children:p,...m}){return(0,r.jsxs)(`div`,{"data-slot":`section-header`,"data-align":l,className:t.cn(`flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between`,l===`center`&&`text-center sm:flex-col sm:items-center`,e),...m,children:[(0,r.jsxs)(`div`,{className:t.cn(`min-w-0 space-y-2`,l===`center`&&`mx-auto max-w-2xl`),children:[n?(0,r.jsx)(`p`,{className:`text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground`,children:n}):null,a?(0,r.jsx)(`h2`,{className:t.cn(`font-semibold tracking-[-0.03em] text-foreground`,i[u],d),children:a}):null,o?(0,r.jsx)(`p`,{className:t.cn(`max-w-3xl text-sm leading-7 text-muted-foreground`,f),children:o}):null,c?(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:c}):null,p]}),s?(0,r.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2.5`,children:s}):null]})}exports.SectionHeader=a;

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+export type SectionHeaderProps = React.ComponentProps<"div"> & {
+    eyebrow?: React.ReactNode;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    meta?: React.ReactNode;
+    align?: "start" | "center";
+    size?: "sm" | "default" | "lg";
+    titleClassName?: string;
+    descriptionClassName?: string;
+};
+declare function SectionHeader({ className, eyebrow, title, description, actions, meta, align, size, titleClassName, descriptionClassName, children, ...props }: SectionHeaderProps): React.JSX.Element;
+export { SectionHeader };

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

@@ -0,0 +1,44 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/layout/section-header.tsx
+var r = {
+	sm: "text-xl",
+	default: "text-2xl",
+	lg: "text-3xl"
+};
+function i({ className: i, eyebrow: a, title: o, description: s, actions: c, meta: l, align: u = "start", size: d = "default", titleClassName: f, descriptionClassName: p, children: m, ...h }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "section-header",
+		"data-align": u,
+		className: e("flex flex-col gap-4 sm:flex-row sm:items-end sm:justify-between", u === "center" && "text-center sm:flex-col sm:items-center", i),
+		...h,
+		children: [/* @__PURE__ */ n("div", {
+			className: e("min-w-0 space-y-2", u === "center" && "mx-auto max-w-2xl"),
+			children: [
+				a ? /* @__PURE__ */ t("p", {
+					className: "text-xs font-semibold uppercase tracking-[0.24em] text-muted-foreground",
+					children: a
+				}) : null,
+				o ? /* @__PURE__ */ t("h2", {
+					className: e("font-semibold tracking-[-0.03em] text-foreground", r[d], f),
+					children: o
+				}) : null,
+				s ? /* @__PURE__ */ t("p", {
+					className: e("max-w-3xl text-sm leading-7 text-muted-foreground", p),
+					children: s
+				}) : null,
+				l ? /* @__PURE__ */ t("div", {
+					className: "text-sm text-muted-foreground",
+					children: l
+				}) : null,
+				m
+			]
+		}), c ? /* @__PURE__ */ t("div", {
+			className: "flex shrink-0 flex-wrap items-center gap-2.5",
+			children: c
+		}) : null]
+	});
+}
+//#endregion
+export { i as SectionHeader };

package/dist/components/layout/section.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");function i({title:e,description:n,actions:i,padded:a=!0,bordered:o=!1,className:s,children:c,...l}){return(0,r.jsxs)(`section`,{"data-slot":`section`,className:t.cn(`grid gap-4`,o&&`rounded-lg border bg-card`,a&&o&&`p-4`,s),...l,children:[(e||n||i)&&(0,r.jsxs)(`div`,{"data-slot":`section-header`,className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`grid gap-1`,children:[e&&(0,r.jsx)(`h2`,{className:`text-lg font-semibold tracking-tight text-foreground`,children:e}),n&&(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:n})]}),i&&(0,r.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:i})]}),(0,r.jsx)(`div`,{"data-slot":`section-content`,children:c})]})}function a({title:e,description:n,filters:i,actions:a,className:o,children:s,...c}){return(0,r.jsxs)(`div`,{"data-slot":`toolbar`,className:t.cn(`flex flex-wrap items-center justify-between gap-3`,o),...c,children:[(e||n)&&(0,r.jsxs)(`div`,{className:`grid gap-0.5`,children:[e&&(0,r.jsx)(`div`,{className:`font-medium text-foreground`,children:e}),n&&(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:n})]}),s,(i||a)&&(0,r.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[i,a]})]})}function o({aside:e,asidePosition:n=`end`,asideClassName:i,contentClassName:a,className:o,children:s,...c}){let l=(0,r.jsx)(`aside`,{"data-slot":`split-layout-aside`,className:t.cn(`min-w-0`,i),children:e}),u=(0,r.jsx)(`main`,{"data-slot":`split-layout-content`,className:t.cn(`min-w-0`,a),children:s});return(0,r.jsxs)(`div`,{"data-slot":`split-layout`,className:t.cn(`grid gap-4 lg:grid-cols-[minmax(0,1fr)_320px]`,n===`start`&&`lg:grid-cols-[320px_minmax(0,1fr)]`,o),...c,children:[n===`start`?l:u,n===`start`?u:l]})}exports.Section=i,exports.SplitLayout=o,exports.Toolbar=a;

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

@@ -0,0 +1,24 @@
+import * as React from "react";
+export type SectionProps = React.ComponentProps<"section"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    padded?: boolean;
+    bordered?: boolean;
+};
+declare function Section({ title, description, actions, padded, bordered, className, children, ...props }: SectionProps): React.JSX.Element;
+export type ToolbarProps = React.ComponentProps<"div"> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    filters?: React.ReactNode;
+    actions?: React.ReactNode;
+};
+declare function Toolbar({ title, description, filters, actions, className, children, ...props }: ToolbarProps): React.JSX.Element;
+export type SplitLayoutProps = React.ComponentProps<"div"> & {
+    aside: React.ReactNode;
+    asidePosition?: "start" | "end";
+    asideClassName?: string;
+    contentClassName?: string;
+};
+declare function SplitLayout({ aside, asidePosition, asideClassName, contentClassName, className, children, ...props }: SplitLayoutProps): React.JSX.Element;
+export { Section, SplitLayout, Toolbar };

package/dist/components/layout/section.js

@@ -0,0 +1,74 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/layout/section.tsx
+function r({ title: r, description: i, actions: a, padded: o = !0, bordered: s = !1, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ n("section", {
+		"data-slot": "section",
+		className: e("grid gap-4", s && "rounded-lg border bg-card", o && s && "p-4", c),
+		...u,
+		children: [(r || i || a) && /* @__PURE__ */ n("div", {
+			"data-slot": "section-header",
+			className: "flex flex-wrap items-start justify-between gap-3",
+			children: [/* @__PURE__ */ n("div", {
+				className: "grid gap-1",
+				children: [r && /* @__PURE__ */ t("h2", {
+					className: "text-lg font-semibold tracking-tight text-foreground",
+					children: r
+				}), i && /* @__PURE__ */ t("p", {
+					className: "text-sm text-muted-foreground",
+					children: i
+				})]
+			}), a && /* @__PURE__ */ t("div", {
+				className: "flex shrink-0 items-center gap-2",
+				children: a
+			})]
+		}), /* @__PURE__ */ t("div", {
+			"data-slot": "section-content",
+			children: l
+		})]
+	});
+}
+function i({ title: r, description: i, filters: a, actions: o, className: s, children: c, ...l }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "toolbar",
+		className: e("flex flex-wrap items-center justify-between gap-3", s),
+		...l,
+		children: [
+			(r || i) && /* @__PURE__ */ n("div", {
+				className: "grid gap-0.5",
+				children: [r && /* @__PURE__ */ t("div", {
+					className: "font-medium text-foreground",
+					children: r
+				}), i && /* @__PURE__ */ t("div", {
+					className: "text-sm text-muted-foreground",
+					children: i
+				})]
+			}),
+			c,
+			(a || o) && /* @__PURE__ */ n("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [a, o]
+			})
+		]
+	});
+}
+function a({ aside: r, asidePosition: i = "end", asideClassName: a, contentClassName: o, className: s, children: c, ...l }) {
+	let u = /* @__PURE__ */ t("aside", {
+		"data-slot": "split-layout-aside",
+		className: e("min-w-0", a),
+		children: r
+	}), d = /* @__PURE__ */ t("main", {
+		"data-slot": "split-layout-content",
+		className: e("min-w-0", o),
+		children: c
+	});
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "split-layout",
+		className: e("grid gap-4 lg:grid-cols-[minmax(0,1fr)_320px]", i === "start" && "lg:grid-cols-[320px_minmax(0,1fr)]", s),
+		...l,
+		children: [i === "start" ? u : d, i === "start" ? d : u]
+	});
+}
+//#endregion
+export { r as Section, a as SplitLayout, i as Toolbar };

package/dist/components/layout/sidebar-nav.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/tooltip/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");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:e,collapsed:i,depth:o,itemClassName:s,activeItemClassName:c,renderLink:l}){let u=e.current??(e.active?`page`:void 0),d=(0,a.jsxs)(a.Fragment,{children:[e.icon&&(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}),!i&&(0,a.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!i&&e.badge&&(0,a.jsx)(n.Badge,{variant:`secondary`,className:`ml-auto h-5 shrink-0 px-1.5`,children:e.badge})]}),f=t.cn(`group flex min-h-9 items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)] data-[active=true]:border-[color:var(--aui-surface-border-strong,var(--ring))] data-[active=true]:bg-[color:var(--aui-control-bg)] data-[active=true]:text-[color:var(--aui-page-foreground)] data-[active=true]:shadow-[inset_0_1px_0_rgba(255,255,255,0.25)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,i&&`justify-center px-0`,o>0&&!i&&`pl-3`,s,e.active&&c),p=t=>i?(0,a.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,a.jsx)(`span`,{className:`block`,children:t})}):t;return e.href&&e.href.startsWith(`/`)?p(l?l({item:e,href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":String(o),"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,className:f,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:d}):(0,a.jsx)(`a`,{href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":o,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,className:f,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:d})):e.href?p((0,a.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":o,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,className:t.cn(`w-full text-left`,f),onClick:()=>{if(e.disabled)return;let t=e.href;if(t){if(e.onSelect?.(),t.startsWith(`http`)){window.open(t,`_blank`,`noopener,noreferrer`);return}window.location.assign(t)}},children:d})):p((0,a.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":o,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"aria-current":u,disabled:e.disabled,className:t.cn(`w-full text-left`,f),onClick:e.onSelect,children:d}))}function l({items:e,collapsed:u,depth:d,itemClassName:f,activeItemClassName:p,renderItem:m,renderLink:h}){return e.map(e=>{if(e.hidden)return null;let g=!u&&d===0&&e.sectionLabel;if(!o(e)){let t=(0,a.jsx)(c,{item:e,collapsed:u,depth:d,itemClassName:f,activeItemClassName:p,renderLink:h});return(0,a.jsxs)(i.Fragment,{children:[g?(0,a.jsx)(`div`,{"data-slot":`sidebar-nav-group-label`,className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,m?m(e,t):t]},e.key)}let _=e.defaultExpanded??s(e),v=(0,a.jsxs)(`summary`,{"data-slot":`sidebar-nav-group-trigger`,className:t.cn(`flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]`,u?`justify-center px-0`:`px-2`),children:[e.icon?u?(0,a.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon})}):(0,a.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}):null,!u&&(0,a.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!u&&e.badge?(0,a.jsx)(n.Badge,{variant:`secondary`,className:`h-5 shrink-0 px-1.5`,children:e.badge}):null,!u&&(0,a.jsx)(`span`,{"data-slot":`sidebar-nav-group-chevron`,className:`ml-auto text-xs text-muted-foreground transition-transform group-open/sidebar-nav-details:rotate-90`,children:`›`})]}),y=(0,a.jsxs)(`div`,{"data-slot":`sidebar-nav-group`,"data-depth":d,children:[g?(0,a.jsx)(`div`,{"data-slot":`sidebar-nav-group-label`,className:`px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0`,children:e.sectionLabel}):null,(0,a.jsxs)(`details`,{"data-slot":`sidebar-nav-group-details`,open:_,className:`group/sidebar-nav-details`,children:[v,(0,a.jsx)(`div`,{"data-slot":`sidebar-nav-group-content`,className:t.cn(`mt-1 grid gap-1`,!u&&`ml-3 border-l border-border/55 pl-2`),children:(0,a.jsx)(l,{items:e.items??[],collapsed:u,depth:d+1,itemClassName:f,activeItemClassName:p,renderItem:m,renderLink:h})})]})]});return m?(0,a.jsx)(i.Fragment,{children:m(e,y)},e.key):(0,a.jsx)(i.Fragment,{children:y},e.key)})}function u({className:e,items:n,collapsed:r=!1,scrollable:i=!0,itemClassName:o,activeItemClassName:s,renderItem:c,renderLink:u,...d}){let f=n.filter(e=>!e.hidden);return(0,a.jsx)(`nav`,{"data-slot":`sidebar-nav`,"data-collapsed":r||void 0,className:t.cn(`grid min-h-0 gap-1`,i?`overflow-y-auto overscroll-contain`:null,e),...d,children:(0,a.jsx)(l,{items:f,collapsed:r,depth:0,itemClassName:o,activeItemClassName:s,renderItem:c,renderLink:u})})}exports.SidebarNav=u;

package/dist/components/layout/sidebar-nav.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export type SidebarNavItem = {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    badge?: React.ReactNode;
+    href?: string;
+    items?: SidebarNavItem[];
+    active?: boolean;
+    current?: React.AriaAttributes["aria-current"];
+    disabled?: boolean;
+    hidden?: boolean;
+    sectionLabel?: React.ReactNode;
+    defaultExpanded?: boolean;
+    tooltip?: React.ReactNode;
+    onSelect?: () => void;
+};
+export type SidebarNavProps = React.ComponentProps<"nav"> & {
+    items: SidebarNavItem[];
+    collapsed?: boolean;
+    scrollable?: boolean;
+    tooltipOnCollapsed?: boolean;
+    itemClassName?: string;
+    activeItemClassName?: string;
+    renderItem?: (item: SidebarNavItem, element: React.ReactNode) => React.ReactNode;
+    renderLink?: (props: React.ComponentProps<"a"> & {
+        item: SidebarNavItem;
+        [key: `data-${string}`]: string | boolean | undefined;
+    }) => React.ReactNode;
+};
+declare function SidebarNav({ className, items, collapsed, scrollable, itemClassName, activeItemClassName, renderItem, renderLink, ...props }: SidebarNavProps): React.JSX.Element;
+export { SidebarNav };

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

@@ -0,0 +1,199 @@
+import { cn as e } from "../../lib/utils.js";
+import { Badge as t } from "../ui/badge/index.js";
+import { Tooltip as n } from "../ui/tooltip/index.js";
+import * as r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/layout/sidebar-nav.tsx
+function s(e) {
+	return e.items?.some((e) => !e.hidden) ?? !1;
+}
+function c(e) {
+	return e.active ? !0 : e.items?.some((e) => c(e)) ?? !1;
+}
+function l({ item: r, collapsed: s, depth: c, itemClassName: l, activeItemClassName: u, renderLink: d }) {
+	let f = r.current ?? (r.active ? "page" : void 0), p = /* @__PURE__ */ o(i, { children: [
+		r.icon && /* @__PURE__ */ a("span", {
+			className: "shrink-0 [&_svg]:size-4",
+			children: r.icon
+		}),
+		!s && /* @__PURE__ */ a("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: r.label
+		}),
+		!s && r.badge && /* @__PURE__ */ a(t, {
+			variant: "secondary",
+			className: "ml-auto h-5 shrink-0 px-1.5",
+			children: r.badge
+		})
+	] }), m = e("group flex min-h-9 items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)] data-[active=true]:border-[color:var(--aui-surface-border-strong,var(--ring))] data-[active=true]:bg-[color:var(--aui-control-bg)] data-[active=true]:text-[color:var(--aui-page-foreground)] data-[active=true]:shadow-[inset_0_1px_0_rgba(255,255,255,0.25)] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", s && "justify-center px-0", c > 0 && !s && "pl-3", l, r.active && u), h = (e) => s ? /* @__PURE__ */ a(n, {
+		content: r.tooltip ?? r.label,
+		side: "right",
+		children: /* @__PURE__ */ a("span", {
+			className: "block",
+			children: e
+		})
+	}) : e;
+	return r.href && r.href.startsWith("/") ? h(d ? d({
+		item: r,
+		href: r.href,
+		"data-slot": "sidebar-nav-item",
+		"data-depth": String(c),
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"aria-current": f,
+		className: m,
+		onClick: (e) => {
+			if (r.disabled) {
+				e.preventDefault();
+				return;
+			}
+			r.onSelect?.();
+		},
+		children: p
+	}) : /* @__PURE__ */ a("a", {
+		href: r.href,
+		"data-slot": "sidebar-nav-item",
+		"data-depth": c,
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"aria-current": f,
+		className: m,
+		onClick: (e) => {
+			if (r.disabled) {
+				e.preventDefault();
+				return;
+			}
+			r.onSelect?.();
+		},
+		children: p
+	})) : r.href ? h(/* @__PURE__ */ a("button", {
+		type: "button",
+		"data-slot": "sidebar-nav-item",
+		"data-depth": c,
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"aria-current": f,
+		className: e("w-full text-left", m),
+		onClick: () => {
+			if (r.disabled) return;
+			let e = r.href;
+			if (e) {
+				if (r.onSelect?.(), e.startsWith("http")) {
+					window.open(e, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(e);
+			}
+		},
+		children: p
+	})) : h(/* @__PURE__ */ a("button", {
+		type: "button",
+		"data-slot": "sidebar-nav-item",
+		"data-depth": c,
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"aria-current": f,
+		disabled: r.disabled,
+		className: e("w-full text-left", m),
+		onClick: r.onSelect,
+		children: p
+	}));
+}
+function u({ items: i, collapsed: d, depth: f, itemClassName: p, activeItemClassName: m, renderItem: h, renderLink: g }) {
+	return i.map((i) => {
+		if (i.hidden) return null;
+		let _ = !d && f === 0 && i.sectionLabel;
+		if (!s(i)) {
+			let e = /* @__PURE__ */ a(l, {
+				item: i,
+				collapsed: d,
+				depth: f,
+				itemClassName: p,
+				activeItemClassName: m,
+				renderLink: g
+			});
+			return /* @__PURE__ */ o(r.Fragment, { children: [_ ? /* @__PURE__ */ a("div", {
+				"data-slot": "sidebar-nav-group-label",
+				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
+				children: i.sectionLabel
+			}) : null, h ? h(i, e) : e] }, i.key);
+		}
+		let v = i.defaultExpanded ?? c(i), y = /* @__PURE__ */ o("summary", {
+			"data-slot": "sidebar-nav-group-trigger",
+			className: e("flex min-h-9 list-none items-center gap-2 rounded-xl border border-transparent px-2.5 text-sm font-medium text-[color:var(--aui-page-muted-strong,var(--muted-foreground))] transition-[background-color,border-color,color,box-shadow] hover:border-[color:var(--aui-divider)] hover:bg-[color:var(--aui-page-bg-alt)] hover:text-[color:var(--aui-page-foreground)]", d ? "justify-center px-0" : "px-2"),
+			children: [
+				i.icon ? d ? /* @__PURE__ */ a(n, {
+					content: i.tooltip ?? i.label,
+					side: "right",
+					children: /* @__PURE__ */ a("span", {
+						className: "shrink-0 [&_svg]:size-4",
+						children: i.icon
+					})
+				}) : /* @__PURE__ */ a("span", {
+					className: "shrink-0 [&_svg]:size-4",
+					children: i.icon
+				}) : null,
+				!d && /* @__PURE__ */ a("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: i.label
+				}),
+				!d && i.badge ? /* @__PURE__ */ a(t, {
+					variant: "secondary",
+					className: "h-5 shrink-0 px-1.5",
+					children: i.badge
+				}) : null,
+				!d && /* @__PURE__ */ a("span", {
+					"data-slot": "sidebar-nav-group-chevron",
+					className: "ml-auto text-xs text-muted-foreground transition-transform group-open/sidebar-nav-details:rotate-90",
+					children: "›"
+				})
+			]
+		}), b = /* @__PURE__ */ o("div", {
+			"data-slot": "sidebar-nav-group",
+			"data-depth": f,
+			children: [_ ? /* @__PURE__ */ a("div", {
+				"data-slot": "sidebar-nav-group-label",
+				className: "px-2 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-muted-foreground first:pt-0",
+				children: i.sectionLabel
+			}) : null, /* @__PURE__ */ o("details", {
+				"data-slot": "sidebar-nav-group-details",
+				open: v,
+				className: "group/sidebar-nav-details",
+				children: [y, /* @__PURE__ */ a("div", {
+					"data-slot": "sidebar-nav-group-content",
+					className: e("mt-1 grid gap-1", !d && "ml-3 border-l border-border/55 pl-2"),
+					children: /* @__PURE__ */ a(u, {
+						items: i.items ?? [],
+						collapsed: d,
+						depth: f + 1,
+						itemClassName: p,
+						activeItemClassName: m,
+						renderItem: h,
+						renderLink: g
+					})
+				})]
+			})]
+		});
+		return h ? /* @__PURE__ */ a(r.Fragment, { children: h(i, b) }, i.key) : /* @__PURE__ */ a(r.Fragment, { children: b }, i.key);
+	});
+}
+function d({ className: t, items: n, collapsed: r = !1, scrollable: i = !0, itemClassName: o, activeItemClassName: s, renderItem: c, renderLink: l, ...d }) {
+	let f = n.filter((e) => !e.hidden);
+	return /* @__PURE__ */ a("nav", {
+		"data-slot": "sidebar-nav",
+		"data-collapsed": r || void 0,
+		className: e("grid min-h-0 gap-1", i ? "overflow-y-auto overscroll-contain" : null, t),
+		...d,
+		children: /* @__PURE__ */ a(u, {
+			items: f,
+			collapsed: r,
+			depth: 0,
+			itemClassName: o,
+			activeItemClassName: s,
+			renderItem: c,
+			renderLink: l
+		})
+	});
+}
+//#endregion
+export { d as SidebarNav };

package/dist/components/layout/stack.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={xs:`gap-2`,sm:`gap-3`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`},a={start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`},o={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`},s={1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`};function c({gap:e=`md`,splitAfter:n,className:a,children:o,...s}){return(0,r.jsxs)(`div`,{"data-slot":`stack`,className:t.cn(`flex min-w-0 flex-col`,i[e],a),...s,children:[o,n?(0,r.jsx)(`div`,{"data-slot":`stack-split-after`,children:n}):null]})}function l({gap:e=`md`,align:n=`center`,justify:s=`start`,wrap:c=!0,className:l,children:u,...d}){return(0,r.jsx)(`div`,{"data-slot":`inline`,className:t.cn(`flex min-w-0`,i[e],a[n],o[s],c?`flex-wrap`:`flex-nowrap`,l),...d,children:u})}function u({gap:e=`md`,columns:n=2,className:a,children:o,...c}){return(0,r.jsx)(`div`,{"data-slot":`grid`,className:t.cn(`grid min-w-0`,i[e],s[n],a),...c,children:o})}exports.Grid=u,exports.Inline=l,exports.Stack=c;

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+type StackGap = "xs" | "sm" | "md" | "lg" | "xl";
+type InlineAlign = "start" | "center" | "end" | "stretch";
+type InlineJustify = "start" | "center" | "end" | "between";
+type GridColumns = 1 | 2 | 3 | 4 | 5 | 6;
+export type StackProps = React.ComponentProps<"div"> & {
+    gap?: StackGap;
+    splitAfter?: React.ReactNode;
+};
+declare function Stack({ gap, splitAfter, className, children, ...props }: StackProps): React.JSX.Element;
+export type InlineProps = React.ComponentProps<"div"> & {
+    gap?: StackGap;
+    align?: InlineAlign;
+    justify?: InlineJustify;
+    wrap?: boolean;
+};
+export type GridProps = React.ComponentProps<"div"> & {
+    gap?: StackGap;
+    columns?: GridColumns;
+};
+declare function Inline({ gap, align, justify, wrap, className, children, ...props }: InlineProps): React.JSX.Element;
+declare function Grid({ gap, columns, className, children, ...props }: GridProps): React.JSX.Element;
+export { Grid, Inline, Stack };

package/dist/components/layout/stack.js

@@ -0,0 +1,57 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/layout/stack.tsx
+var r = {
+	xs: "gap-2",
+	sm: "gap-3",
+	md: "gap-4",
+	lg: "gap-6",
+	xl: "gap-8"
+}, i = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch"
+}, a = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between"
+}, o = {
+	1: "grid-cols-1",
+	2: "grid-cols-2",
+	3: "grid-cols-3",
+	4: "grid-cols-4",
+	5: "grid-cols-5",
+	6: "grid-cols-6"
+};
+function s({ gap: i = "md", splitAfter: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "stack",
+		className: e("flex min-w-0 flex-col", r[i], o),
+		...c,
+		children: [s, a ? /* @__PURE__ */ t("div", {
+			"data-slot": "stack-split-after",
+			children: a
+		}) : null]
+	});
+}
+function c({ gap: n = "md", align: o = "center", justify: s = "start", wrap: c = !0, className: l, children: u, ...d }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "inline",
+		className: e("flex min-w-0", r[n], i[o], a[s], c ? "flex-wrap" : "flex-nowrap", l),
+		...d,
+		children: u
+	});
+}
+function l({ gap: n = "md", columns: i = 2, className: a, children: s, ...c }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "grid",
+		className: e("grid min-w-0", r[n], o[i], a),
+		...c,
+		children: s
+	});
+}
+//#endregion
+export { l as Grid, c as Inline, s as Stack };

package/dist/components/layout/stat-card.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/card/index.cjs"),r=require("../ui/badge/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");var o={default:`text-foreground`,success:`text-emerald-600 dark:text-emerald-400`,warning:`text-amber-600 dark:text-amber-400`,danger:`text-destructive`,info:`text-blue-600 dark:text-blue-400`,muted:`text-muted-foreground`};function s(){return(0,a.jsxs)(`div`,{className:`space-y-3`,children:[(0,a.jsx)(`div`,{className:`h-4 w-28 animate-pulse rounded-md bg-muted`}),(0,a.jsx)(`div`,{className:`h-8 w-36 animate-pulse rounded-md bg-muted`}),(0,a.jsx)(`div`,{className:`h-4 w-44 animate-pulse rounded-md bg-muted`})]})}function c({className:e,title:i,value:c,description:l,icon:u,action:d,trend:f,footer:p,helperText:m,loading:h=!1,valuePrefix:g,valueSuffix:_,contentClassName:v,iconClassName:y,valueClassName:b,...x}){return(0,a.jsx)(n.Card,{"data-slot":`stat-card`,className:t.cn(`min-w-0`,e),...x,children:h?(0,a.jsx)(n.CardContent,{children:(0,a.jsx)(s,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(n.CardHeader,{children:(0,a.jsxs)(`div`,{className:`flex min-w-0 items-start justify-between gap-3`,children:[(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[i&&(0,a.jsx)(n.CardDescription,{className:`truncate`,children:i}),c==null?null:(0,a.jsxs)(n.CardTitle,{className:t.cn(`flex items-baseline gap-1 truncate text-2xl`,b),children:[g?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:g}):null,(0,a.jsx)(`span`,{className:`truncate`,children:c}),_?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:_}):null]})]}),(u||d)&&(0,a.jsx)(n.CardAction,{children:d??(0,a.jsx)(`div`,{className:t.cn(`flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground`,y),children:u})})]})}),(l||f||m||p)&&(0,a.jsxs)(n.CardContent,{className:t.cn(`space-y-2`,v),children:[(l||f)&&(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 text-sm`,children:[f&&(0,a.jsx)(r.Badge,{variant:`ghost`,tone:f.tone===`muted`||f.tone==="default"?`neutral`:f.tone,size:`sm`,className:t.cn(`font-medium`,o[f.tone??`default`]),children:f.value}),f?.label?(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:f.label}):null,l&&(0,a.jsx)(`span`,{className:`text-muted-foreground`,children:l})]}),m?(0,a.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:m}):null,p]})]})})}exports.StatCard=c;

package/dist/components/layout/stat-card.d.ts

@@ -0,0 +1,25 @@
+import * as React from "react";
+import { Card } from "@/components/ui/card";
+export type StatCardTrend = {
+    value: React.ReactNode;
+    tone?: "success" | "warning" | "danger" | "info" | "muted" | "default";
+    label?: React.ReactNode;
+};
+export type StatCardProps = React.ComponentProps<typeof Card> & {
+    title?: React.ReactNode;
+    value?: React.ReactNode;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+    action?: React.ReactNode;
+    trend?: StatCardTrend;
+    footer?: React.ReactNode;
+    helperText?: React.ReactNode;
+    loading?: boolean;
+    valuePrefix?: React.ReactNode;
+    valueSuffix?: React.ReactNode;
+    contentClassName?: string;
+    iconClassName?: string;
+    valueClassName?: string;
+};
+declare function StatCard({ className, title, value, description, icon, action, trend, footer, helperText, loading, valuePrefix, valueSuffix, contentClassName, iconClassName, valueClassName, ...props }: StatCardProps): React.JSX.Element;
+export { StatCard };

package/dist/components/layout/stat-card.js

@@ -0,0 +1,91 @@
+import { cn as e } from "../../lib/utils.js";
+import { Card as t, CardAction as n, CardContent as r, CardDescription as i, CardHeader as a, CardTitle as o } from "../ui/card/index.js";
+import { Badge as s } from "../ui/badge/index.js";
+import "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/layout/stat-card.tsx
+var d = {
+	default: "text-foreground",
+	success: "text-emerald-600 dark:text-emerald-400",
+	warning: "text-amber-600 dark:text-amber-400",
+	danger: "text-destructive",
+	info: "text-blue-600 dark:text-blue-400",
+	muted: "text-muted-foreground"
+};
+function f() {
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ l("div", { className: "h-4 w-28 animate-pulse rounded-md bg-muted" }),
+			/* @__PURE__ */ l("div", { className: "h-8 w-36 animate-pulse rounded-md bg-muted" }),
+			/* @__PURE__ */ l("div", { className: "h-4 w-44 animate-pulse rounded-md bg-muted" })
+		]
+	});
+}
+function p({ className: p, title: m, value: h, description: g, icon: _, action: v, trend: y, footer: b, helperText: x, loading: S = !1, valuePrefix: C, valueSuffix: w, contentClassName: T, iconClassName: E, valueClassName: D, ...O }) {
+	return /* @__PURE__ */ l(t, {
+		"data-slot": "stat-card",
+		className: e("min-w-0", p),
+		...O,
+		children: S ? /* @__PURE__ */ l(r, { children: /* @__PURE__ */ l(f, {}) }) : /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(a, { children: /* @__PURE__ */ u("div", {
+			className: "flex min-w-0 items-start justify-between gap-3",
+			children: [/* @__PURE__ */ u("div", {
+				className: "min-w-0 space-y-1",
+				children: [m && /* @__PURE__ */ l(i, {
+					className: "truncate",
+					children: m
+				}), h == null ? null : /* @__PURE__ */ u(o, {
+					className: e("flex items-baseline gap-1 truncate text-2xl", D),
+					children: [
+						C ? /* @__PURE__ */ l("span", {
+							className: "text-base text-muted-foreground",
+							children: C
+						}) : null,
+						/* @__PURE__ */ l("span", {
+							className: "truncate",
+							children: h
+						}),
+						w ? /* @__PURE__ */ l("span", {
+							className: "text-base text-muted-foreground",
+							children: w
+						}) : null
+					]
+				})]
+			}), (_ || v) && /* @__PURE__ */ l(n, { children: v ?? /* @__PURE__ */ l("div", {
+				className: e("flex size-9 items-center justify-center rounded-lg bg-muted text-muted-foreground", E),
+				children: _
+			}) })]
+		}) }), (g || y || x || b) && /* @__PURE__ */ u(r, {
+			className: e("space-y-2", T),
+			children: [
+				(g || y) && /* @__PURE__ */ u("div", {
+					className: "flex flex-wrap items-center gap-2 text-sm",
+					children: [
+						y && /* @__PURE__ */ l(s, {
+							variant: "ghost",
+							tone: y.tone === "muted" || y.tone === "default" ? "neutral" : y.tone,
+							size: "sm",
+							className: e("font-medium", d[y.tone ?? "default"]),
+							children: y.value
+						}),
+						y?.label ? /* @__PURE__ */ l("span", {
+							className: "text-muted-foreground",
+							children: y.label
+						}) : null,
+						g && /* @__PURE__ */ l("span", {
+							className: "text-muted-foreground",
+							children: g
+						})
+					]
+				}),
+				x ? /* @__PURE__ */ l("p", {
+					className: "text-xs leading-5 text-muted-foreground",
+					children: x
+				}) : null,
+				b
+			]
+		})] })
+	});
+}
+//#endregion
+export { p as StatCard };

package/dist/components/layout/sticky-footer-bar.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");function i({start:e,end:n,className:i,children:a,...o}){return(0,r.jsxs)(`div`,{"data-slot":`sticky-footer-bar`,className:t.cn(`sticky bottom-0 z-30 flex flex-wrap items-center justify-between gap-3 border-t bg-background px-4 py-3 shadow-lg`,i),...o,children:[(0,r.jsx)(`div`,{className:`min-w-0 flex-1`,children:e??a}),n&&(0,r.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:n})]})}exports.StickyFooterBar=i;

package/dist/components/layout/sticky-footer-bar.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export type StickyFooterBarProps = React.ComponentProps<"div"> & {
+    start?: React.ReactNode;
+    end?: React.ReactNode;
+};
+declare function StickyFooterBar({ start, end, className, children, ...props }: StickyFooterBarProps): React.JSX.Element;
+export { StickyFooterBar };