tembro 2.1.13 → 3.1.1

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("./page-container.cjs"),r=require("./section.cjs"),i=require("./section-header.cjs"),a=require("./sidebar-nav.cjs"),o=require("./sticky-footer-bar.cjs");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;

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

@@ -0,0 +1,8 @@
+import { Sidebar as e } from "./app-sidebar.js";
+import { Breadcrumbs as t } from "./breadcrumbs.js";
+import { PageContainer as n } from "./page-container.js";
+import { Section as r, SplitLayout as i, Toolbar as a } from "./section.js";
+import { SectionHeader as o } from "./section-header.js";
+import { SidebarNav as s } from "./sidebar-nav.js";
+import { StickyFooterBar as c } from "./sticky-footer-bar.js";
+export { t as Breadcrumbs, n as PageContainer, r as Section, o as SectionHeader, e as Sidebar, s as SidebarNav, i as SplitLayout, c as StickyFooterBar, a 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 @@
+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/src/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/src/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,comparisonItems:h,comparisonColumns:g=2,loading:_=!1,valuePrefix:v,valueSuffix:y,contentClassName:b,iconClassName:x,valueClassName:S,...C}){return(0,a.jsx)(n.Card,{"data-slot":`stat-card`,className:t.cn(`min-w-0`,e),...C,children:_?(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`,S),children:[v?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:v}):null,(0,a.jsx)(`span`,{className:`truncate`,children:c}),y?(0,a.jsx)(`span`,{className:`text-base text-muted-foreground`,children:y}):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`,x),children:u})})]})}),(l||f||m||p||h?.length)&&(0,a.jsxs)(n.CardContent,{className:t.cn(`space-y-2`,b),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})]}),h?.length?(0,a.jsx)(`div`,{"data-slot":`stat-card-comparison`,className:t.cn(`grid gap-3 pt-1`,g===2&&`grid-cols-2`,g===3&&`grid-cols-3`,g===4&&`grid-cols-2 sm:grid-cols-4`),children:h.map((e,t)=>(0,a.jsxs)(`div`,{className:`min-w-0 space-y-1`,children:[(0,a.jsx)(`p`,{className:`truncate text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground`,children:e.label}),(0,a.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,a.jsx)(`span`,{className:`text-base font-semibold text-foreground`,children:e.value}),e.change?(0,a.jsx)(r.Badge,{variant:`ghost`,tone:e.trend===`neutral`||e.trend==="default"?`neutral`:e.trend,size:`sm`,children:e.change}):null]})]},t))}):null,m?(0,a.jsx)(`p`,{className:`text-xs leading-5 text-muted-foreground`,children:m}):null,p]})]})})}exports.StatCard=c;

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

@@ -0,0 +1,113 @@
+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, comparisonItems: S, comparisonColumns: C = 2, loading: w = !1, valuePrefix: T, valueSuffix: E, contentClassName: D, iconClassName: O, valueClassName: k, ...A }) {
+	return /* @__PURE__ */ l(t, {
+		"data-slot": "stat-card",
+		className: e("min-w-0", p),
+		...A,
+		children: w ? /* @__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", k),
+					children: [
+						T ? /* @__PURE__ */ l("span", {
+							className: "text-base text-muted-foreground",
+							children: T
+						}) : null,
+						/* @__PURE__ */ l("span", {
+							className: "truncate",
+							children: h
+						}),
+						E ? /* @__PURE__ */ l("span", {
+							className: "text-base text-muted-foreground",
+							children: E
+						}) : 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", O),
+				children: _
+			}) })]
+		}) }), (g || y || x || b || S?.length) && /* @__PURE__ */ u(r, {
+			className: e("space-y-2", D),
+			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
+						})
+					]
+				}),
+				S?.length ? /* @__PURE__ */ l("div", {
+					"data-slot": "stat-card-comparison",
+					className: e("grid gap-3 pt-1", C === 2 && "grid-cols-2", C === 3 && "grid-cols-3", C === 4 && "grid-cols-2 sm:grid-cols-4"),
+					children: S.map((e, t) => /* @__PURE__ */ u("div", {
+						className: "min-w-0 space-y-1",
+						children: [/* @__PURE__ */ l("p", {
+							className: "truncate text-[11px] font-medium uppercase tracking-[0.16em] text-muted-foreground",
+							children: e.label
+						}), /* @__PURE__ */ u("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-base font-semibold text-foreground",
+								children: e.value
+							}), e.change ? /* @__PURE__ */ l(s, {
+								variant: "ghost",
+								tone: e.trend === "neutral" || e.trend === "default" ? "neutral" : e.trend,
+								size: "sm",
+								children: e.change
+							}) : null]
+						})]
+					}, t))
+				}) : null,
+				x ? /* @__PURE__ */ l("p", {
+					className: "text-xs leading-5 text-muted-foreground",
+					children: x
+				}) : null,
+				b
+			]
+		})] })
+	});
+}
+//#endregion
+export { p as StatCard };

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;