tembro 3.0.0 → 3.1.5

package/dist/src/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/src/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("./section.cjs");exports.Breadcrumbs=t.Breadcrumbs,exports.Section=n.Section,exports.Sidebar=e.Sidebar,exports.SplitLayout=n.SplitLayout,exports.Toolbar=n.Toolbar;

package/dist/src/components/layout/public.js

@@ -0,0 +1,4 @@
+import { Sidebar as e } from "./app-sidebar.js";
+import { Breadcrumbs as t } from "./breadcrumbs.js";
+import { Section as n, SplitLayout as r, Toolbar as i } from "./section.js";
+export { t as Breadcrumbs, n as Section, e as Sidebar, r as SplitLayout, i as Toolbar };

package/dist/src/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/src/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/src/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/src/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/src/components/layout/sidebar-nav.cjs

@@ -0,0 +1 @@
+"use client";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"),i=require("./controllable-details.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");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:e,collapsed:i,depth:a,itemSize:s,activeIndicator:c,itemClassName:l,activeItemClassName:u,renderLink:d}){let f=e.current??(e.active?`page`:void 0),p=(0,o.jsxs)(o.Fragment,{children:[e.icon&&(0,o.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}),!i&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!i&&e.badge&&(0,o.jsx)(n.Badge,{variant:`secondary`,className:`ml-auto h-5 shrink-0 px-1.5`,children:e.badge})]}),m=t.cn(`group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50`,i&&`justify-center px-0`,a>0&&!i&&`pl-3`,l,e.active&&u),h=t=>i?(0,o.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`block`,children:t})}):t;return e.href&&e.href.startsWith(`/`)?h(d?d({item:e,href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":String(a),"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,className:m,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:p}):(0,o.jsx)(`a`,{href:e.href,"data-slot":`sidebar-nav-item`,"data-depth":a,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,className:m,onClick:t=>{if(e.disabled){t.preventDefault();return}e.onSelect?.()},children:p})):e.href?h((0,o.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":a,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,className:t.cn(`w-full text-left`,m),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:p})):h((0,o.jsx)(`button`,{type:`button`,"data-slot":`sidebar-nav-item`,"data-depth":a,"data-active":e.active||void 0,"data-disabled":e.disabled||void 0,"data-size":s,"data-active-indicator":c,"aria-current":f,disabled:e.disabled,className:t.cn(`w-full text-left`,m),onClick:e.onSelect,children:p}))}function u({items:e,collapsed:d,depth:f,showSectionLabels:p,itemSize:m,activeIndicator:h,itemClassName:g,activeItemClassName:_,renderItem:v,renderLink:y}){return e.map(e=>{if(e.hidden)return null;let b=p&&!d&&f===0&&e.sectionLabel;if(!s(e)){let t=(0,o.jsx)(l,{item:e,collapsed:d,depth:f,itemSize:m,activeIndicator:h,itemClassName:g,activeItemClassName:_,renderLink:y});return(0,o.jsxs)(a.Fragment,{children:[b?(0,o.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,v?v(e,t):t]},e.key)}let x=e.defaultExpanded??c(e),S=(0,o.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)]`,d?`justify-center px-0`:`px-2`),children:[e.icon?d?(0,o.jsx)(r.Tooltip,{content:e.tooltip??e.label,side:`right`,children:(0,o.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon})}):(0,o.jsx)(`span`,{className:`shrink-0 [&_svg]:size-4`,children:e.icon}):null,!d&&(0,o.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:e.label}),!d&&e.badge?(0,o.jsx)(n.Badge,{variant:`secondary`,className:`h-5 shrink-0 px-1.5`,children:e.badge}):null,!d&&(0,o.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:`›`})]}),C=(0,o.jsxs)(`div`,{"data-slot":`sidebar-nav-group`,"data-depth":f,children:[b?(0,o.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,o.jsxs)(i.ControllableDetails,{"data-slot":`sidebar-nav-group-details`,open:e.expanded,defaultOpen:x,className:`group/sidebar-nav-details`,onOpenChange:e.onExpandedChange,children:[S,(0,o.jsx)(`div`,{"data-slot":`sidebar-nav-group-content`,className:t.cn(`mt-1 grid gap-1`,!d&&`ml-3 border-l border-border/55 pl-2`),children:(0,o.jsx)(u,{items:e.items??[],collapsed:d,depth:f+1,showSectionLabels:p,itemSize:m,activeIndicator:h,itemClassName:g,activeItemClassName:_,renderItem:v,renderLink:y})})]})]});return v?(0,o.jsx)(a.Fragment,{children:v(e,C)},e.key):(0,o.jsx)(a.Fragment,{children:C},e.key)})}function d({className:e,items:n,collapsed:r=!1,scrollable:i=!0,showSectionLabels:a=!0,itemSize:s=`md`,activeIndicator:c=`bar`,itemClassName:l,activeItemClassName:d,renderItem:f,renderLink:p,...m}){let h=n.filter(e=>!e.hidden);return(0,o.jsx)(`nav`,{"aria-label":`Primary navigation`,"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),...m,children:(0,o.jsx)(u,{items:h,collapsed:r,depth:0,showSectionLabels:a,itemSize:s,activeIndicator:c,itemClassName:l,activeItemClassName:d,renderItem:f,renderLink:p})})}exports.SidebarNav=d;

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

@@ -0,0 +1,220 @@
+"use client";
+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 { ControllableDetails as r } from "./controllable-details.js";
+import * as i from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/layout/sidebar-nav.tsx
+function c(e) {
+	return e.items?.some((e) => !e.hidden) ?? !1;
+}
+function l(e) {
+	return e.active ? !0 : e.items?.some((e) => l(e)) ?? !1;
+}
+function u({ item: r, collapsed: i, depth: c, itemSize: l, activeIndicator: u, itemClassName: d, activeItemClassName: f, renderLink: p }) {
+	let m = r.current ?? (r.active ? "page" : void 0), h = /* @__PURE__ */ s(a, { children: [
+		r.icon && /* @__PURE__ */ o("span", {
+			className: "shrink-0 [&_svg]:size-4",
+			children: r.icon
+		}),
+		!i && /* @__PURE__ */ o("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: r.label
+		}),
+		!i && r.badge && /* @__PURE__ */ o(t, {
+			variant: "secondary",
+			className: "ml-auto h-5 shrink-0 px-1.5",
+			children: r.badge
+		})
+	] }), g = e("group flex items-center gap-2 border border-transparent text-sm font-medium transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", i && "justify-center px-0", c > 0 && !i && "pl-3", d, r.active && f), _ = (e) => i ? /* @__PURE__ */ o(n, {
+		content: r.tooltip ?? r.label,
+		side: "right",
+		children: /* @__PURE__ */ o("span", {
+			className: "block",
+			children: e
+		})
+	}) : e;
+	return r.href && r.href.startsWith("/") ? _(p ? p({
+		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,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		className: g,
+		onClick: (e) => {
+			if (r.disabled) {
+				e.preventDefault();
+				return;
+			}
+			r.onSelect?.();
+		},
+		children: h
+	}) : /* @__PURE__ */ o("a", {
+		href: r.href,
+		"data-slot": "sidebar-nav-item",
+		"data-depth": c,
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		className: g,
+		onClick: (e) => {
+			if (r.disabled) {
+				e.preventDefault();
+				return;
+			}
+			r.onSelect?.();
+		},
+		children: h
+	})) : r.href ? _(/* @__PURE__ */ o("button", {
+		type: "button",
+		"data-slot": "sidebar-nav-item",
+		"data-depth": c,
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		className: e("w-full text-left", g),
+		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: h
+	})) : _(/* @__PURE__ */ o("button", {
+		type: "button",
+		"data-slot": "sidebar-nav-item",
+		"data-depth": c,
+		"data-active": r.active || void 0,
+		"data-disabled": r.disabled || void 0,
+		"data-size": l,
+		"data-active-indicator": u,
+		"aria-current": m,
+		disabled: r.disabled,
+		className: e("w-full text-left", g),
+		onClick: r.onSelect,
+		children: h
+	}));
+}
+function d({ items: a, collapsed: f, depth: p, showSectionLabels: m, itemSize: h, activeIndicator: g, itemClassName: _, activeItemClassName: v, renderItem: y, renderLink: b }) {
+	return a.map((a) => {
+		if (a.hidden) return null;
+		let x = m && !f && p === 0 && a.sectionLabel;
+		if (!c(a)) {
+			let e = /* @__PURE__ */ o(u, {
+				item: a,
+				collapsed: f,
+				depth: p,
+				itemSize: h,
+				activeIndicator: g,
+				itemClassName: _,
+				activeItemClassName: v,
+				renderLink: b
+			});
+			return /* @__PURE__ */ s(i.Fragment, { children: [x ? /* @__PURE__ */ o("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: a.sectionLabel
+			}) : null, y ? y(a, e) : e] }, a.key);
+		}
+		let S = a.defaultExpanded ?? l(a), C = /* @__PURE__ */ s("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)]", f ? "justify-center px-0" : "px-2"),
+			children: [
+				a.icon ? f ? /* @__PURE__ */ o(n, {
+					content: a.tooltip ?? a.label,
+					side: "right",
+					children: /* @__PURE__ */ o("span", {
+						className: "shrink-0 [&_svg]:size-4",
+						children: a.icon
+					})
+				}) : /* @__PURE__ */ o("span", {
+					className: "shrink-0 [&_svg]:size-4",
+					children: a.icon
+				}) : null,
+				!f && /* @__PURE__ */ o("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: a.label
+				}),
+				!f && a.badge ? /* @__PURE__ */ o(t, {
+					variant: "secondary",
+					className: "h-5 shrink-0 px-1.5",
+					children: a.badge
+				}) : null,
+				!f && /* @__PURE__ */ o("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: "›"
+				})
+			]
+		}), w = /* @__PURE__ */ s("div", {
+			"data-slot": "sidebar-nav-group",
+			"data-depth": p,
+			children: [x ? /* @__PURE__ */ o("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: a.sectionLabel
+			}) : null, /* @__PURE__ */ s(r, {
+				"data-slot": "sidebar-nav-group-details",
+				open: a.expanded,
+				defaultOpen: S,
+				className: "group/sidebar-nav-details",
+				onOpenChange: a.onExpandedChange,
+				children: [C, /* @__PURE__ */ o("div", {
+					"data-slot": "sidebar-nav-group-content",
+					className: e("mt-1 grid gap-1", !f && "ml-3 border-l border-border/55 pl-2"),
+					children: /* @__PURE__ */ o(d, {
+						items: a.items ?? [],
+						collapsed: f,
+						depth: p + 1,
+						showSectionLabels: m,
+						itemSize: h,
+						activeIndicator: g,
+						itemClassName: _,
+						activeItemClassName: v,
+						renderItem: y,
+						renderLink: b
+					})
+				})]
+			})]
+		});
+		return y ? /* @__PURE__ */ o(i.Fragment, { children: y(a, w) }, a.key) : /* @__PURE__ */ o(i.Fragment, { children: w }, a.key);
+	});
+}
+function f({ className: t, items: n, collapsed: r = !1, scrollable: i = !0, showSectionLabels: a = !0, itemSize: s = "md", activeIndicator: c = "bar", itemClassName: l, activeItemClassName: u, renderItem: f, renderLink: p, ...m }) {
+	let h = n.filter((e) => !e.hidden);
+	return /* @__PURE__ */ o("nav", {
+		"aria-label": "Primary navigation",
+		"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),
+		...m,
+		children: /* @__PURE__ */ o(d, {
+			items: h,
+			collapsed: r,
+			depth: 0,
+			showSectionLabels: a,
+			itemSize: s,
+			activeIndicator: c,
+			itemClassName: l,
+			activeItemClassName: u,
+			renderItem: f,
+			renderLink: p
+		})
+	});
+}
+//#endregion
+export { f as SidebarNav };

package/dist/src/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/src/components/layout/sticky-footer-bar.js

@@ -0,0 +1,20 @@
+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/sticky-footer-bar.tsx
+function r({ start: r, end: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n("div", {
+		"data-slot": "sticky-footer-bar",
+		className: e("sticky bottom-0 z-30 flex flex-wrap items-center justify-between gap-3 border-t bg-background px-4 py-3 shadow-lg", a),
+		...s,
+		children: [/* @__PURE__ */ t("div", {
+			className: "min-w-0 flex-1",
+			children: r ?? o
+		}), i && /* @__PURE__ */ t("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: i
+		})]
+	});
+}
+//#endregion
+export { r as StickyFooterBar };

package/dist/src/components/modern/calendar-scheduler.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={default:`border-border bg-muted`,success:`border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300`,warning:`border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300`,danger:`border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300`};function a({events:e,days:n,view:a=`week`,empty:o=`No events scheduled.`,onCreateEvent:s,onEventClick:c,className:l,...u}){let d=n??Array.from(new Set(e.map(e=>e.date)));return d.length===0?(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":a,className:t.cn(`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,l),...u,children:(0,r.jsx)(`div`,{className:`flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center`,children:(0,r.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,r.jsx)(`p`,{"data-empty":`true`,className:`text-sm font-medium text-foreground`,children:o}),s?(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50`,onClick:()=>s(`today`),children:`Create event`}):null]})})}):(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":a,className:t.cn(`grid gap-3`,a===`month`&&`md:grid-cols-2 xl:grid-cols-3`,l),...u,children:d.map(n=>{let a=e.filter(e=>e.date===n);return(0,r.jsxs)(`section`,{className:`rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]`,children:[(0,r.jsxs)(`div`,{className:`mb-3 flex items-center justify-between gap-3`,children:[(0,r.jsx)(`div`,{className:`text-sm font-semibold text-foreground`,children:n}),(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[a.length,` items`]})]}),(0,r.jsx)(`div`,{className:`grid gap-2`,children:a.length===0?(0,r.jsx)(`div`,{className:`rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground`,children:o}):a.map(e=>(0,r.jsxs)(`button`,{type:`button`,className:t.cn(`rounded-[var(--radius-md)] border px-3 py-2.5 text-left text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40`,i[e.tone??`default`]),onClick:()=>c?.(e),children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.time&&(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time}),e.durationMinutes&&(0,r.jsxs)(`div`,{className:`mt-1 text-xs opacity-70`,children:[e.durationMinutes,` min`]})]},e.id))}),s&&(0,r.jsx)(`button`,{type:`button`,className:`mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50`,onClick:()=>s(n),children:`Create event`})]},n)})})}exports.CalendarScheduler=a;

package/dist/src/components/modern/calendar-scheduler.js

@@ -0,0 +1,91 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/modern/calendar-scheduler.tsx
+var r = {
+	default: "border-border bg-muted",
+	success: "border-emerald-200 bg-emerald-50 text-emerald-700 dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-300",
+	warning: "border-amber-200 bg-amber-50 text-amber-700 dark:border-amber-900 dark:bg-amber-950 dark:text-amber-300",
+	danger: "border-red-200 bg-red-50 text-red-700 dark:border-red-900 dark:bg-red-950 dark:text-red-300"
+};
+function i({ events: i, days: a, view: o = "week", empty: s = "No events scheduled.", onCreateEvent: c, onEventClick: l, className: u, ...d }) {
+	let f = a ?? Array.from(new Set(i.map((e) => e.date)));
+	return f.length === 0 ? /* @__PURE__ */ t("div", {
+		"data-slot": "calendar-scheduler",
+		"data-view": o,
+		className: e("rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-5 text-sm text-muted-foreground shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]", u),
+		...d,
+		children: /* @__PURE__ */ t("div", {
+			className: "flex min-h-32 items-center justify-center rounded-[var(--radius-lg)] border border-dashed border-[color:var(--aui-card-border,var(--border))] bg-muted/20 px-4 py-6 text-center",
+			children: /* @__PURE__ */ n("div", {
+				className: "space-y-1.5",
+				children: [/* @__PURE__ */ t("p", {
+					"data-empty": "true",
+					className: "text-sm font-medium text-foreground",
+					children: s
+				}), c ? /* @__PURE__ */ t("button", {
+					type: "button",
+					className: "rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
+					onClick: () => c("today"),
+					children: "Create event"
+				}) : null]
+			})
+		})
+	}) : /* @__PURE__ */ t("div", {
+		"data-slot": "calendar-scheduler",
+		"data-view": o,
+		className: e("grid gap-3", o === "month" && "md:grid-cols-2 xl:grid-cols-3", u),
+		...d,
+		children: f.map((a) => {
+			let o = i.filter((e) => e.date === a);
+			return /* @__PURE__ */ n("section", {
+				className: "rounded-[var(--aui-card-radius,var(--radius-xl))] border border-[color:var(--aui-card-border,var(--border))] bg-card p-4 shadow-[var(--aui-card-shadow,var(--aui-control-shadow,none))]",
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: "mb-3 flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ t("div", {
+							className: "text-sm font-semibold text-foreground",
+							children: a
+						}), /* @__PURE__ */ n("div", {
+							className: "text-xs text-muted-foreground",
+							children: [o.length, " items"]
+						})]
+					}),
+					/* @__PURE__ */ t("div", {
+						className: "grid gap-2",
+						children: o.length === 0 ? /* @__PURE__ */ t("div", {
+							className: "rounded-[var(--radius-md)] border border-dashed border-[color:var(--aui-card-border,var(--border))] px-3 py-4 text-sm text-muted-foreground",
+							children: s
+						}) : o.map((i) => /* @__PURE__ */ n("button", {
+							type: "button",
+							className: e("rounded-[var(--radius-md)] border px-3 py-2.5 text-left text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40", r[i.tone ?? "default"]),
+							onClick: () => l?.(i),
+							children: [
+								/* @__PURE__ */ t("div", {
+									className: "font-medium",
+									children: i.title
+								}),
+								i.time && /* @__PURE__ */ t("div", {
+									className: "mt-1 text-xs opacity-70",
+									children: i.time
+								}),
+								i.durationMinutes && /* @__PURE__ */ n("div", {
+									className: "mt-1 text-xs opacity-70",
+									children: [i.durationMinutes, " min"]
+								})
+							]
+						}, i.id))
+					}),
+					c && /* @__PURE__ */ t("button", {
+						type: "button",
+						className: "mt-3 w-full rounded-md border border-dashed px-3 py-2 text-sm text-muted-foreground hover:bg-muted/50",
+						onClick: () => c(a),
+						children: "Create event"
+					})
+				]
+			}, a);
+		})
+	});
+}
+//#endregion
+export { i as CalendarScheduler };

package/dist/src/components/modern/dual-list-picker.cjs

@@ -0,0 +1 @@
+"use client";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({items:e,picked:i,defaultPicked:a=[],onPickedChange:o,availableTitle:s=`Available`,pickedTitle:c=`Selected`,searchPlaceholder:l=`Search items...`,emptyMessage:u=`Nothing to show.`,maxPicked:d,transferAll:f=!0,className:p,...m}){let[h,g]=n.useState(a),[_,v]=n.useState(``),y=i??h,b=n.useMemo(()=>new Set(y),[y]),x=_.trim().toLowerCase(),S=n.useCallback(e=>x?(typeof e.label==`string`?e.label:String(e.value)).toLowerCase().includes(x)||e.value.toLowerCase().includes(x):!0,[x]),C=n.useMemo(()=>e.filter(e=>!b.has(e.value)&&S(e)),[e,S,b]),w=n.useMemo(()=>e.filter(e=>b.has(e.value)&&S(e)),[e,S,b]),T=d!==void 0&&y.length>=d,E=n.useCallback(e=>{i===void 0&&g(e),o?.(e)},[o,i]);function D(e){if(b.has(e)){E(y.filter(t=>t!==e));return}T||E([...y,e])}function O(){let t=[...y];for(let n of e)if(!(n.disabled||b.has(n.value))){if(d!==void 0&&t.length>=d)break;t.push(n.value)}E(t)}function k(){E([])}let A=(e,t)=>(0,r.jsxs)(`div`,{className:`min-h-48 rounded-lg border bg-card`,children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2 text-sm font-medium`,children:[(0,r.jsx)(`span`,{children:e}),(0,r.jsx)(`span`,{className:`text-xs font-normal text-muted-foreground`,children:t.length})]}),(0,r.jsx)(`div`,{className:`grid gap-1 p-2`,children:t.length?t.map(e=>(0,r.jsxs)(`button`,{type:`button`,disabled:e.disabled,"aria-pressed":b.has(e.value),className:`flex items-center justify-between rounded-md px-2 py-1.5 text-left text-sm transition-colors hover:bg-muted disabled:opacity-50`,onClick:()=>D(e.value),children:[(0,r.jsx)(`span`,{children:e.label}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:b.has(e.value)?`−`:`+`})]},e.value)):(0,r.jsx)(`div`,{className:`px-2 py-3 text-sm text-muted-foreground`,children:u})})]});return(0,r.jsxs)(`div`,{"data-slot":`dual-list-picker`,className:t.cn(`grid gap-3`,p),...m,children:[(0,r.jsxs)(`div`,{className:`flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between`,children:[(0,r.jsx)(`input`,{value:_,placeholder:l,className:`h-9 min-w-0 rounded-md border bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/40 sm:max-w-xs`,onChange:e=>v(e.currentTarget.value)}),f?(0,r.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:T,onClick:O,children:`Add all`}),(0,r.jsx)(`button`,{type:`button`,className:`rounded-md border px-3 py-1.5 text-sm disabled:opacity-50`,disabled:y.length===0,onClick:k,children:`Remove all`})]}):null]}),(0,r.jsxs)(`div`,{className:`grid gap-3 md:grid-cols-2`,children:[A(s,C),A(c,w)]}),d===void 0?null:(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[y.length,` / `,d,` selected`]})]})}exports.DualListPicker=i;