tembro 3.1.16 → 4.0.0

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

@@ -0,0 +1,516 @@
+"use client";
+import { cn as e } from "../../lib/utils.js";
+import { useIsMobile as t } from "../../hooks/use-is-mobile.js";
+import { ControllableDetails as n } from "./controllable-details.js";
+import { Tooltip as r } from "../ui/tooltip/index.js";
+import { useSidebar as i } from "./sidebar-context.js";
+import * as a from "react";
+import { ChevronRightIcon as o, MenuIcon as s, XIcon as c } from "lucide-react";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/layout/sidebar.tsx
+var f = 1024, p = "18rem", m = "4.75rem", h = "min(88vw, 22rem)";
+function g({ active: t, disabled: n }) {
+	return e("border border-transparent bg-transparent text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)] hover:border-[color:var(--aui-sidebar-item-active-border)] hover:bg-[color:var(--aui-sidebar-item-hover-bg)] hover:text-[color:var(--sidebar-foreground)] focus-visible:border-[color:var(--sidebar-ring)] focus-visible:bg-[color:var(--aui-sidebar-item-hover-bg)] focus-visible:text-[color:var(--sidebar-foreground)] focus-visible:shadow-[0_0_0_3px_color-mix(in_oklch,var(--sidebar-ring),transparent_82%)]", t && "border-[color:var(--aui-sidebar-item-active-border)] bg-[color:var(--aui-sidebar-item-active-bg)] text-[color:var(--aui-sidebar-item-active-fg)] shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_10px_24px_color-mix(in_oklch,var(--sidebar-primary),transparent_88%)]", n && "hover:border-transparent hover:bg-transparent hover:text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_6%)]");
+}
+function _({ collapsed: t, depth: n, itemSize: r, activeIndicator: i }) {
+	return e("relative w-full rounded-[min(var(--radius-xl),14px)] py-2", r === "sm" && "min-h-8 text-xs", r === "md" && "min-h-9 text-sm", r === "lg" && "min-h-11 text-sm", t ? "justify-center px-2" : "px-2.5", !t && n > 0 && "pl-3", i === "bar" && "data-[active=true]:pl-4 before:pointer-events-none before:absolute before:left-1.5 before:top-1/2 before:hidden before:h-5 before:w-1 before:-translate-y-1/2 before:rounded-full before:bg-[color:var(--sidebar-primary)] data-[active=true]:before:block", i === "pill" && "rounded-full", i === "none" && "data-[active=true]:shadow-none");
+}
+function v(e) {
+	return e.items?.some((e) => !e.hidden) ?? !1;
+}
+function y(e) {
+	return e.active ? !0 : e.items?.some((e) => y(e)) ?? !1;
+}
+function b(e, t) {
+	e.onSelect?.(), t?.(e);
+}
+function x({ item: t, collapsed: n, depth: i, itemSize: a, activeIndicator: o, onItemSelect: s, renderLink: c }) {
+	let f = {
+		"aria-current": t.current ?? (t.active ? "page" : void 0),
+		"aria-disabled": t.disabled || void 0,
+		"data-slot": "sidebar-item",
+		"data-active": t.active || void 0,
+		"data-disabled": t.disabled || void 0,
+		"data-depth": String(i),
+		"data-size": a,
+		"data-active-indicator": o,
+		className: e("flex items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", g({
+			active: t.active,
+			disabled: t.disabled
+		}), _({
+			collapsed: n,
+			depth: i,
+			itemSize: a,
+			activeIndicator: o
+		}))
+	}, p = /* @__PURE__ */ d(l, { children: [
+		t.icon && /* @__PURE__ */ u("span", {
+			className: "shrink-0",
+			children: t.icon
+		}),
+		!n && /* @__PURE__ */ u("span", {
+			className: "min-w-0 flex-1 truncate",
+			children: t.label
+		}),
+		!n && t.badge && /* @__PURE__ */ u("span", {
+			className: "shrink-0",
+			children: t.badge
+		})
+	] }), m = (e) => n ? /* @__PURE__ */ u(r, {
+		content: t.tooltip ?? t.label,
+		side: "right",
+		children: /* @__PURE__ */ u("span", {
+			className: "block",
+			children: e
+		})
+	}) : e;
+	return t.href?.startsWith("/") ? m(c ? /* @__PURE__ */ u(l, { children: c({
+		item: t,
+		href: t.href,
+		...f,
+		onClick: (e) => {
+			if (t.disabled) {
+				e.preventDefault();
+				return;
+			}
+			b(t, s);
+		},
+		children: p
+	}) }) : /* @__PURE__ */ u("a", {
+		href: t.href,
+		...f,
+		onClick: (e) => {
+			if (t.disabled) {
+				e.preventDefault();
+				return;
+			}
+			b(t, s);
+		},
+		children: p
+	})) : t.href ? m(/* @__PURE__ */ u("button", {
+		type: "button",
+		...f,
+		className: e(f.className, "w-full"),
+		onClick: () => {
+			if (t.disabled) return;
+			let e = t.href;
+			if (e) {
+				if (b(t, s), e.startsWith("http")) {
+					window.open(e, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(e);
+			}
+		},
+		children: p
+	})) : m(/* @__PURE__ */ u("button", {
+		type: "button",
+		disabled: t.disabled,
+		...f,
+		onClick: () => {
+			t.disabled || b(t, s);
+		},
+		children: p
+	}));
+}
+function S({ items: t, collapsed: i, depth: s, showSectionLabels: c, itemSize: l, activeIndicator: f, onItemSelect: p, renderLink: m }) {
+	return t.map((t) => {
+		if (t.hidden) return null;
+		let h = v(t), b = y(t), C = c && !i && s === 0 && t.sectionLabel;
+		if (!h) return /* @__PURE__ */ d(a.Fragment, { children: [C ? /* @__PURE__ */ u("div", {
+			"data-slot": "sidebar-group-label",
+			className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0",
+			children: t.sectionLabel
+		}) : null, /* @__PURE__ */ u(x, {
+			item: t,
+			collapsed: i,
+			depth: s,
+			itemSize: l,
+			activeIndicator: f,
+			onItemSelect: p,
+			renderLink: m
+		})] }, t.key);
+		let w = t.defaultExpanded ?? b;
+		return /* @__PURE__ */ d("div", {
+			"data-slot": "sidebar-group",
+			"data-depth": s,
+			children: [C && /* @__PURE__ */ u("div", {
+				"data-slot": "sidebar-group-label",
+				className: "px-2.5 pb-1 pt-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] first:pt-0",
+				children: t.sectionLabel
+			}), /* @__PURE__ */ d(n, {
+				"data-slot": "sidebar-group-details",
+				open: t.expanded,
+				defaultOpen: w,
+				className: "group/sidebar-details",
+				onOpenChange: t.onExpandedChange,
+				children: [/* @__PURE__ */ d("summary", {
+					"data-slot": "sidebar-group-trigger",
+					"data-size": l,
+					"data-active": b || void 0,
+					"data-active-indicator": f,
+					className: e("flex list-none items-center gap-2 border border-transparent font-medium outline-none transition-[background-color,border-color,color,box-shadow]", g({ active: b }), _({
+						collapsed: i,
+						depth: s,
+						itemSize: l,
+						activeIndicator: f
+					})),
+					children: [
+						t.icon ? i ? /* @__PURE__ */ u(r, {
+							content: t.tooltip ?? t.label,
+							side: "right",
+							children: /* @__PURE__ */ u("span", {
+								className: "shrink-0",
+								children: t.icon
+							})
+						}) : /* @__PURE__ */ u("span", {
+							className: "shrink-0",
+							children: t.icon
+						}) : null,
+						!i && /* @__PURE__ */ u("span", {
+							className: "min-w-0 flex-1 truncate",
+							children: t.label
+						}),
+						!i && t.badge && /* @__PURE__ */ u("span", {
+							className: "shrink-0",
+							children: t.badge
+						}),
+						!i && /* @__PURE__ */ u(o, {
+							"data-slot": "sidebar-group-chevron",
+							className: "ml-auto size-3.5 shrink-0 text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_42%)] transition-transform group-open/sidebar-details:rotate-90"
+						})
+					]
+				}), /* @__PURE__ */ u("div", {
+					"data-slot": "sidebar-group-content",
+					className: e("mt-1 flex flex-col gap-1", !i && "pl-3"),
+					children: /* @__PURE__ */ u(S, {
+						items: t.items ?? [],
+						collapsed: i,
+						depth: s + 1,
+						showSectionLabels: c,
+						itemSize: l,
+						activeIndicator: f,
+						onItemSelect: p,
+						renderLink: m
+					})
+				})]
+			})]
+		}, t.key);
+	});
+}
+function C({ item: t, collapsed: n, onItemSelect: i }) {
+	let a = /* @__PURE__ */ d("button", {
+		type: "button",
+		"data-slot": "sidebar-action",
+		"data-active": t.active || void 0,
+		"data-disabled": t.disabled || void 0,
+		className: e("flex min-h-9 items-center gap-2 rounded-lg border border-transparent px-2.5 text-sm font-medium outline-none transition-[background-color,border-color,color,box-shadow] data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", g({
+			active: t.active,
+			disabled: t.disabled
+		}), n && "justify-center px-2"),
+		disabled: t.disabled,
+		onClick: () => {
+			t.disabled || b(t, i);
+		},
+		children: [
+			t.icon ? /* @__PURE__ */ u("span", {
+				className: "shrink-0",
+				children: t.icon
+			}) : null,
+			n ? null : /* @__PURE__ */ u("span", {
+				className: "min-w-0 flex-1 truncate",
+				children: t.label
+			}),
+			!n && t.badge ? /* @__PURE__ */ u("span", {
+				className: "shrink-0",
+				children: t.badge
+			}) : null
+		]
+	});
+	return n ? /* @__PURE__ */ u(r, {
+		content: t.tooltip ?? t.label,
+		side: "right",
+		children: /* @__PURE__ */ u("span", {
+			className: "block",
+			children: a
+		})
+	}) : a;
+}
+function w({ account: t, collapsed: n, onAfterSelect: i }) {
+	let a = /* @__PURE__ */ d("button", {
+		type: "button",
+		"data-slot": "sidebar-account",
+		className: e("flex w-full items-center gap-3 rounded-[min(var(--radius-xl),16px)] border border-transparent text-left transition-[background-color,border-color,color,box-shadow]", g({}), n ? "justify-center px-2 py-2.5" : "px-3 py-2.5"),
+		onClick: () => {
+			if (t.onSelect?.(), i?.(), t.href) {
+				if (t.href.startsWith("http")) {
+					window.open(t.href, "_blank", "noopener,noreferrer");
+					return;
+				}
+				window.location.assign(t.href);
+			}
+		},
+		children: [t.avatar ? /* @__PURE__ */ u("span", {
+			"data-slot": "sidebar-account-avatar",
+			className: "inline-flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/65 bg-muted/45 text-sm font-semibold",
+			children: t.avatar
+		}) : null, n ? null : /* @__PURE__ */ d("span", {
+			className: "min-w-0 flex-1",
+			children: [/* @__PURE__ */ u("span", {
+				"data-slot": "sidebar-account-label",
+				className: "block truncate text-sm font-semibold text-[color:var(--sidebar-foreground)]",
+				children: t.label
+			}), t.description ? /* @__PURE__ */ u("span", {
+				"data-slot": "sidebar-account-description",
+				className: "block truncate text-xs text-[color:color-mix(in_oklch,var(--sidebar-foreground),transparent_36%)]",
+				children: t.description
+			}) : null]
+		})]
+	});
+	return n ? /* @__PURE__ */ u(r, {
+		content: t.tooltip ?? t.label,
+		side: "right",
+		children: /* @__PURE__ */ u("span", {
+			className: "block",
+			children: a
+		})
+	}) : a;
+}
+function T({ className: t, style: n, header: i, footer: o, items: s = [], collapsed: f = !1, width: h = p, collapsedWidth: g = m, collapsedRail: _, railItems: v = [], footerAccount: y, secondaryActions: b = [], footerSecondary: x, footerClassName: T, tooltipOnCollapsed: E, showSectionLabels: D = !0, itemSize: O = "md", activeIndicator: k = "bar", navigationLabel: A = "Primary navigation", onItemSelect: j, renderItem: M, renderLink: N, children: P, mobile: F, mobileTitle: I, mobileDescription: L, mobileCloseLabel: R = "Close navigation", onRequestClose: z, closeOnSelect: B = !0, ...V }) {
+	let H = s.filter((e) => !e.hidden), U = v.filter((e) => !e.hidden), W = b.filter((e) => !e.hidden), G = a.useCallback((e) => {
+		j?.(e), F && B && z?.();
+	}, [
+		B,
+		F,
+		j,
+		z
+	]), K = F && (I || L || z);
+	return /* @__PURE__ */ d("aside", {
+		"data-slot": "sidebar",
+		"data-collapsed": f || void 0,
+		"data-mobile": F || void 0,
+		className: e("group/sidebar flex h-full min-h-0 flex-col overflow-hidden", t),
+		style: {
+			width: f ? g : h,
+			minWidth: f ? g : h,
+			...n
+		},
+		...V,
+		children: [
+			(i || K) && /* @__PURE__ */ u("div", {
+				"data-slot": "sidebar-header",
+				className: "shrink-0 border-b p-3",
+				children: /* @__PURE__ */ d("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ d("div", {
+						className: "min-w-0 flex-1",
+						children: [i ?? null, K ? /* @__PURE__ */ d("div", {
+							className: e(i && "mt-3"),
+							children: [I ? /* @__PURE__ */ u("p", {
+								className: "text-sm font-semibold text-foreground",
+								children: I
+							}) : null, L ? /* @__PURE__ */ u("p", {
+								className: "mt-1 text-xs leading-5 text-muted-foreground",
+								children: L
+							}) : null]
+						}) : null]
+					}), F && z ? /* @__PURE__ */ u("button", {
+						type: "button",
+						"aria-label": R,
+						"data-slot": "sidebar-mobile-close",
+						className: "inline-flex size-9 shrink-0 items-center justify-center rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg-alt,var(--muted))] text-[color:var(--aui-page-foreground,var(--foreground))] transition hover:bg-[color:var(--aui-control-bg,var(--muted))]",
+						onClick: z,
+						children: /* @__PURE__ */ u(c, { className: "size-4" })
+					}) : null]
+				})
+			}),
+			/* @__PURE__ */ d("nav", {
+				"data-slot": "sidebar-nav",
+				"aria-label": A,
+				className: "flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto overscroll-contain p-2",
+				children: [P ?? H.map((e) => {
+					if (!M) return null;
+					let t = M(e, { collapsed: f });
+					return !f || !E ? /* @__PURE__ */ u(a.Fragment, { children: t }, e.key) : /* @__PURE__ */ u(r, {
+						content: e.tooltip ?? e.label,
+						side: "right",
+						children: /* @__PURE__ */ u("span", {
+							className: "block",
+							children: t
+						})
+					}, e.key);
+				}), !P && !M && /* @__PURE__ */ u(S, {
+					items: H,
+					collapsed: f,
+					depth: 0,
+					showSectionLabels: D,
+					itemSize: O,
+					activeIndicator: k,
+					onItemSelect: G,
+					renderLink: N
+				})]
+			}),
+			(y || x || o || W.length > 0 || f && (_ || U.length > 0)) && /* @__PURE__ */ d("div", {
+				"data-slot": "sidebar-footer",
+				className: e("shrink-0 border-t p-3", T),
+				children: [
+					f ? /* @__PURE__ */ d(l, { children: [U.length > 0 ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-rail-actions",
+						className: "grid gap-2",
+						children: U.map((e) => /* @__PURE__ */ u(C, {
+							item: e,
+							collapsed: !0,
+							onItemSelect: G
+						}, e.key))
+					}) : null, _ ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-rail",
+						children: _
+					}) : null] }) : null,
+					!f && y ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-account-wrap",
+						className: "mb-3",
+						children: /* @__PURE__ */ u(w, {
+							account: y,
+							collapsed: !1,
+							onAfterSelect: () => {
+								F && B && z?.();
+							}
+						})
+					}) : null,
+					!f && W.length > 0 ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-secondary-actions",
+						className: "mb-3 grid gap-2",
+						children: W.map((e) => /* @__PURE__ */ u(C, {
+							item: e,
+							collapsed: !1,
+							onItemSelect: G
+						}, e.key))
+					}) : null,
+					!f && x ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-footer-secondary",
+						className: "mb-3",
+						children: x
+					}) : null,
+					f && y ? /* @__PURE__ */ u("div", {
+						"data-slot": "sidebar-account-wrap",
+						children: /* @__PURE__ */ u(w, {
+							account: y,
+							collapsed: !0,
+							onAfterSelect: () => {
+								F && B && z?.();
+							}
+						})
+					}) : null,
+					!f && o
+				]
+			})
+		]
+	});
+}
+function E({ className: n, header: r, footer: o, items: c = [], collapsed: g, width: _ = p, collapsedWidth: v = m, mobileWidth: y = h, collapsedRail: b, railItems: x = [], footerAccount: S, secondaryActions: C = [], footerSecondary: w, tooltipOnCollapsed: E = !0, showSectionLabels: D = !0, itemSize: O = "md", activeIndicator: k = "bar", navigationLabel: A = "Primary navigation", responsive: j = !0, mobileBreakpoint: M = f, mobileOpen: N, defaultMobileOpen: P = !1, onMobileOpenChange: F, mobileTitle: I, mobileDescription: L, mobileToggleLabel: R = "Open navigation", mobileCloseLabel: z = "Close navigation", mobileToggleIcon: B, showMobileToggle: V = !0, closeOnSelect: H = !0, mobileToggleClassName: U, mobilePanelClassName: W, mobileOverlayClassName: G, renderMobileToggle: K, onItemSelect: q, renderItem: J, renderLink: ee, children: te, ...ne }) {
+	let Y = i(!0), re = g ?? Y?.collapsed ?? !1, ie = t(M), X = j && ie, [ae, oe] = a.useState(P), Z = N ?? Y?.mobileOpen ?? ae, Q = a.useCallback((e) => {
+		N == null && Y ? Y.setMobileOpen(e) : N ?? oe(e), F?.(e);
+	}, [
+		N,
+		F,
+		Y
+	]);
+	a.useEffect(() => {
+		!X && Z && Q(!1);
+	}, [
+		X,
+		Z,
+		Q
+	]), a.useEffect(() => {
+		if (!X || !Z) return;
+		let e = document.body.style.overflow;
+		document.body.style.overflow = "hidden";
+		let t = (e) => {
+			e.key === "Escape" && Q(!1);
+		};
+		return window.addEventListener("keydown", t), () => {
+			document.body.style.overflow = e, window.removeEventListener("keydown", t);
+		};
+	}, [
+		X,
+		Z,
+		Q
+	]);
+	let $ = {
+		className: n,
+		header: r,
+		footer: o,
+		items: c,
+		collapsed: re,
+		width: _,
+		collapsedWidth: v,
+		collapsedRail: b,
+		railItems: x,
+		footerAccount: S,
+		secondaryActions: C,
+		footerSecondary: w,
+		tooltipOnCollapsed: E,
+		showSectionLabels: D,
+		itemSize: O,
+		activeIndicator: k,
+		navigationLabel: A,
+		mobileCloseLabel: z,
+		closeOnSelect: H,
+		onItemSelect: q,
+		renderItem: J,
+		renderLink: ee,
+		children: te,
+		...ne
+	};
+	if (!j || !X) return /* @__PURE__ */ u(T, { ...$ });
+	let se = /* @__PURE__ */ d("button", {
+		type: "button",
+		"aria-label": Z ? z : R,
+		"data-slot": "sidebar-mobile-trigger",
+		"data-state": Z ? "open" : "closed",
+		className: e("inline-flex min-h-10 items-center gap-2 rounded-xl border border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] px-3 text-sm font-medium text-[color:var(--aui-page-foreground,var(--foreground))] shadow-sm transition hover:bg-[color:var(--aui-page-bg-alt,var(--muted))]", U),
+		onClick: () => Q(!Z),
+		children: [/* @__PURE__ */ u("span", {
+			className: "inline-flex size-8 items-center justify-center rounded-lg bg-[color:var(--aui-page-bg-alt,var(--muted))]",
+			children: B ?? /* @__PURE__ */ u(s, { className: "size-4" })
+		}), /* @__PURE__ */ u("span", { children: Z ? z : R })]
+	});
+	return /* @__PURE__ */ d(l, { children: [V ? K ? K({
+		open: Z,
+		setOpen: Q
+	}) : se : null, /* @__PURE__ */ d("div", {
+		"data-slot": "sidebar-mobile-root",
+		className: "relative z-40",
+		children: [/* @__PURE__ */ u("button", {
+			type: "button",
+			"aria-label": "Dismiss navigation",
+			"data-slot": "sidebar-mobile-overlay",
+			"data-state": Z ? "open" : "closed",
+			className: e("fixed inset-0 z-40 bg-black/45 transition-opacity duration-200", Z ? "opacity-100" : "pointer-events-none opacity-0", G),
+			style: {
+				opacity: +!!Z,
+				pointerEvents: Z ? "auto" : "none"
+			},
+			onClick: () => Q(!1)
+		}), /* @__PURE__ */ u(T, {
+			...$,
+			mobile: !0,
+			collapsed: !1,
+			mobileTitle: I,
+			mobileDescription: L,
+			onRequestClose: () => Q(!1),
+			"data-state": Z ? "open" : "closed",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": typeof I == "string" ? I : "Navigation",
+			className: e("fixed inset-y-0 left-0 z-50 max-w-[22rem] border-r border-[color:var(--aui-divider,var(--border))] bg-[color:var(--aui-page-bg,var(--background))] shadow-2xl transition-transform duration-200 ease-out", Z ? "translate-x-0" : "-translate-x-full", W, n),
+			style: {
+				width: y,
+				minWidth: y,
+				translate: Z ? "0 0" : "-100% 0"
+			}
+		})]
+	})] });
+}
+//#endregion
+export { E as Sidebar };

package/dist/src/components/layout/workspace-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");function i({className:e,left:n,center:i,right:a,sticky:o=!0,heightClassName:s=`h-14`,children:c,...l}){return(0,r.jsx)(`header`,{"data-slot":`workspace-header`,"data-sticky":o||void 0,className:t.cn(`z-30 flex shrink-0 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80`,o&&`sticky top-0`,s,e),...l,children:c??(0,r.jsxs)(r.Fragment,{children:[n&&(0,r.jsx)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:n}),i&&(0,r.jsx)(`div`,{className:`hidden min-w-0 flex-1 items-center justify-center md:flex`,children:i}),a&&(0,r.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a})]})})}exports.WorkspaceHeader=i;

package/dist/src/components/layout/{app-header.js → workspace-header.js}

@@ -1,10 +1,10 @@
 import { cn as e } from "../../lib/utils.js";
 import "react";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/layout/app-header.tsx
+//#region src/components/layout/workspace-header.tsx
 function i({ className: i, left: a, center: o, right: s, sticky: c = !0, heightClassName: l = "h-14", children: u, ...d }) {
 	return /* @__PURE__ */ n("header", {
-		"data-slot": "app-header",
+		"data-slot": "workspace-header",
 		"data-sticky": c || void 0,
 		className: e("z-30 flex shrink-0 items-center gap-3 border-b bg-background/95 px-4 backdrop-blur supports-[backdrop-filter]:bg-background/80", c && "sticky top-0", l, i),
 		...d,
@@ -25,4 +25,4 @@ function i({ className: i, left: a, center: o, right: s, sticky: c = !0, heightC
 	});
 }
 //#endregion
-export { i as AppHeader };
+export { i as WorkspaceHeader };

package/dist/src/components/layout/workspace-layout.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({viewport:e=!0,className:n,...i}){return(0,r.jsx)(`div`,{"data-slot":`workspace-layout`,"data-viewport":e||void 0,className:t.cn(`flex min-h-0 min-w-0 bg-[color:var(--aui-page-bg,var(--background))] text-foreground`,e&&`h-dvh overflow-hidden`,n),...i})}function a({className:e,...n}){return(0,r.jsx)(`div`,{"data-slot":`workspace-content`,className:t.cn(`flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden`,e),...n})}function o({scrollable:e=!0,padded:n=!1,className:i,...a}){return(0,r.jsx)(`main`,{"data-slot":`workspace-main`,"data-scrollable":e||void 0,className:t.cn(`min-h-0 min-w-0 flex-1`,e&&`overflow-x-hidden overflow-y-auto overscroll-contain`,n&&`p-4 md:p-6`,i),...a})}exports.WorkspaceContent=a,exports.WorkspaceLayout=i,exports.WorkspaceMain=o;

package/dist/src/components/layout/workspace-layout.js

@@ -0,0 +1,29 @@
+import { cn as e } from "../../lib/utils.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/layout/workspace-layout.tsx
+function n({ viewport: n = !0, className: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "workspace-layout",
+		"data-viewport": n || void 0,
+		className: e("flex min-h-0 min-w-0 bg-[color:var(--aui-page-bg,var(--background))] text-foreground", n && "h-dvh overflow-hidden", r),
+		...i
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "workspace-content",
+		className: e("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", n),
+		...r
+	});
+}
+function i({ scrollable: n = !0, padded: r = !1, className: i, ...a }) {
+	return /* @__PURE__ */ t("main", {
+		"data-slot": "workspace-main",
+		"data-scrollable": n || void 0,
+		className: e("min-h-0 min-w-0 flex-1", n && "overflow-x-hidden overflow-y-auto overscroll-contain", r && "p-4 md:p-6", i),
+		...a
+	});
+}
+//#endregion
+export { r as WorkspaceContent, n as WorkspaceLayout, i as WorkspaceMain };

package/dist/src/components/modern/calendar-scheduler.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={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;
+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:a,view:o=`week`,variant:s=`board`,density:c=`default`,title:l,description:u,actions:d,empty:f=`No events scheduled.`,selectedEventId:p,defaultSelectedEventId:m,onSelectedEventChange:h,onCreateEvent:g,onEventClick:_,renderEvent:v,createLabel:y=`Create event`,showCount:b=!0,dayClassName:x,eventClassName:S,formatDay:C,className:w,...T}){let[E,D]=n.useState(m),O=p??E,k=e.filter(e=>!e.hidden),A=a??Array.from(new Set(k.map(e=>e.date))),j=e=>{e.disabled||(p===void 0&&D(e.id),h?.(e.id,e),_?.(e))};return A.length===0?(0,r.jsx)(`div`,{"data-slot":`calendar-scheduler`,"data-view":o,"data-variant":s,"data-density":c,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))]`,w),...T,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:f}),g?(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:()=>g(`today`),children:y}):null]})})}):(0,r.jsxs)(`div`,{"data-slot":`calendar-scheduler`,"data-view":o,"data-variant":s,"data-density":c,className:t.cn(`grid`,c===`compact`?`gap-2`:c===`comfortable`?`gap-5`:`gap-3`,o===`month`&&s===`board`&&`md:grid-cols-2 xl:grid-cols-3`,s===`agenda`&&`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))]`,w),...T,children:[l||u||d?(0,r.jsxs)(`div`,{"data-slot":`calendar-scheduler-header`,className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,r.jsxs)(`div`,{className:`min-w-[min(100%,16rem)] flex-1 space-y-1`,children:[l?(0,r.jsx)(`h2`,{className:`text-base font-semibold text-foreground`,children:l}):null,u?(0,r.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:u}):null]}),d?(0,r.jsx)(`div`,{className:`flex shrink-0 flex-wrap items-center gap-2`,children:d}):null]}):null,A.map(e=>{let n=k.filter(t=>t.date===e);return(0,r.jsxs)(`section`,{"data-slot":`calendar-scheduler-day`,className:t.cn(s===`board`&&`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))]`,x),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:C?.(e)??e}),b?(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[n.length,` items`]}):null]}),(0,r.jsx)(`div`,{className:t.cn(`grid`,c===`compact`?`gap-1.5`:`gap-2`),children:n.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:f}):n.map(e=>{let n=O===e.id;return(0,r.jsx)(`button`,{type:`button`,disabled:e.disabled,"data-slot":`calendar-scheduler-event`,"data-selected":n||void 0,className:t.cn(`border text-left text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/40 disabled:cursor-not-allowed disabled:opacity-50`,s===`board`?`rounded-[var(--radius-md)] px-3 py-2.5 shadow-sm`:`grid w-full grid-cols-[auto_minmax(0,1fr)_auto] items-start gap-3 rounded-[var(--radius-md)] bg-background px-3 py-3 hover:bg-muted/35 data-[selected=true]:border-primary/40 data-[selected=true]:bg-primary/5`,s===`board`&&i[e.tone??`default`],S,e.className),onClick:()=>j(e),children:v?v(e,{selected:n}):s===`agenda`?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(`span`,{className:`inline-flex min-w-14 items-center gap-1.5 font-medium`,children:[e.icon,e.time??`—`]}),(0,r.jsxs)(`span`,{className:`min-w-0`,children:[(0,r.jsx)(`span`,{className:`block truncate font-medium text-foreground`,children:e.title}),e.description?(0,r.jsx)(`span`,{className:`mt-0.5 block text-xs text-muted-foreground`,children:e.description}):null,e.meta?(0,r.jsx)(`span`,{className:`mt-1 block text-xs text-muted-foreground`,children:e.meta}):null]}),e.badge?(0,r.jsx)(`span`,{className:`shrink-0`,children:e.badge}):e.durationMinutes?(0,r.jsxs)(`span`,{className:`shrink-0 text-xs opacity-70`,children:[e.durationMinutes,` min`]}):null]}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:`font-medium`,children:e.title}),e.description?(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-80`,children:e.description}):null,e.time?(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.time}):null,e.durationMinutes?(0,r.jsxs)(`div`,{className:`mt-1 text-xs opacity-70`,children:[e.durationMinutes,` min`]}):null,e.meta?(0,r.jsx)(`div`,{className:`mt-1 text-xs opacity-70`,children:e.meta}):null]})},e.id)})}),g?(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:()=>g(e),children:y}):null]},e)})]})}exports.CalendarScheduler=a;