tembro 3.0.0 → 3.1.5

package/dist/components/layout/breadcrumbs.js

@@ -1,86 +1 @@
-"use client";
-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" }), wrap: d = !1, currentItemLabel: f, renderLink: p, ...m }) {
-	let h = 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 overflow-x-auto text-sm text-muted-foreground", d ? "flex-wrap" : "whitespace-nowrap", o),
-		...m,
-		children: h.map((n, a) => {
-			let o = n.key === "__collapsed__", s = a === h.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 ? p ? p({
-				item: n,
-				href: n.href,
-				"data-slot": "breadcrumbs-link",
-				className: "truncate rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 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 rounded-[var(--radius-sm)] px-1 py-0.5 transition-colors hover:bg-accent/55 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 ?? f ?? "page" : void 0,
-				className: e("inline-flex min-w-0 items-center gap-1.5 truncate rounded-[var(--radius-sm)] px-1 py-0.5", c && "bg-accent/45 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 };
+export * from "../../src/components/layout/breadcrumbs.js"

package/dist/components/layout/controllable-details.cjs

@@ -0,0 +1 @@
+module.exports = require("../../src/components/layout/controllable-details.cjs")

package/dist/components/layout/controllable-details.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+type ControllableDetailsProps = Omit<React.ComponentProps<"details">, "open" | "onToggle"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+declare function ControllableDetails({ open, defaultOpen, onOpenChange, children, ...props }: ControllableDetailsProps): React.JSX.Element;
+export { ControllableDetails };
+export type { ControllableDetailsProps };

package/dist/components/layout/controllable-details.js

@@ -0,0 +1 @@
+export * from "../../src/components/layout/controllable-details.js"

package/dist/components/layout/demo.cjs

@@ -1 +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;
+module.exports = require("../../src/components/layout/demo.cjs")

package/dist/components/layout/demo.js

@@ -1,9 +1 @@
-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 };
+export * from "../../src/components/layout/demo.js"

package/dist/components/layout/index.cjs

@@ -1 +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("./sticky-footer-bar.cjs"),o=require("./stat-card.cjs"),s=require("./app-header.cjs");exports.AppHeader=s.AppHeader,exports.AppSidebar=e.AppSidebar,exports.Breadcrumbs=t.Breadcrumbs,exports.PageContainer=n.PageContainer,exports.Section=r.Section,exports.Sidebar=e.Sidebar,exports.SidebarNav=i.SidebarNav,exports.SplitLayout=r.SplitLayout,exports.StatCard=o.StatCard,exports.StickyFooterBar=a.StickyFooterBar,exports.Toolbar=r.Toolbar;
+module.exports = require("../../src/components/layout/index.cjs")

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

@@ -1,8 +1,4 @@
 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 "./sticky-footer-bar";

package/dist/components/layout/index.js

@@ -1,9 +1 @@
-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 { StickyFooterBar as c } from "./sticky-footer-bar.js";
-import { StatCard as l } from "./stat-card.js";
-import { AppHeader as u } from "./app-header.js";
-export { u as AppHeader, e as AppSidebar, n as Breadcrumbs, r as PageContainer, i as Section, t as Sidebar, s as SidebarNav, a as SplitLayout, l as StatCard, c as StickyFooterBar, o as Toolbar };
+export * from "../../src/components/layout/index.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/layout/page-container.cjs")

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

@@ -1,21 +1 @@
-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 };
+export * from "../../src/components/layout/page-container.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/layout/page-header.cjs")

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

@@ -1,92 +1 @@
-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 };
+export * from "../../src/components/layout/page-header.js"

package/dist/components/layout/public.cjs

@@ -1 +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("./sticky-footer-bar.cjs");exports.AppSidebar=e.AppSidebar,exports.Breadcrumbs=t.Breadcrumbs,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.StickyFooterBar=o.StickyFooterBar,exports.Toolbar=r.Toolbar;
+module.exports = require("../../src/components/layout/public.cjs")

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

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

package/dist/components/layout/public.js

@@ -1,8 +1 @@
-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 { StickyFooterBar as l } from "./sticky-footer-bar.js";
-export { e as AppSidebar, n as Breadcrumbs, r as PageContainer, i as Section, s as SectionHeader, t as Sidebar, c as SidebarNav, a as SplitLayout, l as StickyFooterBar, o as Toolbar };
+export * from "../../src/components/layout/public.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/layout/section-header.cjs")

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

@@ -1,44 +1 @@
-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 };
+export * from "../../src/components/layout/section-header.js"

package/dist/components/layout/section.cjs

@@ -1 +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;
+module.exports = require("../../src/components/layout/section.cjs")

package/dist/components/layout/section.js

@@ -1,74 +1 @@
-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 };
+export * from "../../src/components/layout/section.js"

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

@@ -1 +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;
+module.exports = require("../../src/components/layout/sidebar-nav.cjs")

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

@@ -12,6 +12,8 @@ export type SidebarNavItem = {
     hidden?: boolean;
     sectionLabel?: React.ReactNode;
     defaultExpanded?: boolean;
+    expanded?: boolean;
+    onExpandedChange?: (expanded: boolean) => void;
     tooltip?: React.ReactNode;
     onSelect?: () => void;
 };
@@ -20,6 +22,9 @@ export type SidebarNavProps = React.ComponentProps<"nav"> & {
     collapsed?: boolean;
     scrollable?: boolean;
     tooltipOnCollapsed?: boolean;
+    showSectionLabels?: boolean;
+    itemSize?: "sm" | "md" | "lg";
+    activeIndicator?: "none" | "bar" | "pill";
     itemClassName?: string;
     activeItemClassName?: string;
     renderItem?: (item: SidebarNavItem, element: React.ReactNode) => React.ReactNode;
@@ -28,5 +33,5 @@ export type SidebarNavProps = React.ComponentProps<"nav"> & {
         [key: `data-${string}`]: string | boolean | undefined;
     }) => React.ReactNode;
 };
-declare function SidebarNav({ className, items, collapsed, scrollable, itemClassName, activeItemClassName, renderItem, renderLink, ...props }: SidebarNavProps): React.JSX.Element;
+declare function SidebarNav({ className, items, collapsed, scrollable, showSectionLabels, itemSize, activeIndicator, itemClassName, activeItemClassName, renderItem, renderLink, ...props }: SidebarNavProps): React.JSX.Element;
 export { SidebarNav };