@net-advantage/nabs-ui-shell 0.77.0 → 0.80.0

package/dist/nabs-ui-shell.js

@@ -1,6 +1,6 @@
-import { forwardRef as e, useMemo as t } from "react";
-import { Layout as n } from "@net-advantage/nabs-ui-layout";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as e, useEffect as t, useId as n, useMemo as r, useRef as i, useState as a } from "react";
+import { Layout as o } from "@net-advantage/nabs-ui-layout";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 export * from "@net-advantage/nabs-ui-layout";
 export * from "@net-advantage/nabs-ui-accordion";
 export * from "@net-advantage/nabs-ui-avatar";
@@ -29,74 +29,74 @@ export * from "@net-advantage/nabs-ui-textarea";
 export * from "@net-advantage/nabs-ui-textbox";
 export * from "@net-advantage/nabs-ui-toolbar";
 //#region src/Shell.tsx
-var o = e(({ header: e, navigation: t, footer: r, children: a, className: o = "", headerClassName: s = "", navigationClassName: c = "", contentClassName: l = "", footerClassName: u = "", ...d }, f) => {
-	let p = ["nabs-ui-shell", o].filter(Boolean).join(" "), m = ["nabs-ui-shell__header", s].filter(Boolean).join(" "), h = ["nabs-ui-shell__navigation", c].filter(Boolean).join(" "), g = ["nabs-ui-shell__content", l].filter(Boolean).join(" "), _ = ["nabs-ui-shell__footer", u].filter(Boolean).join(" ");
-	return /* @__PURE__ */ i("div", {
+var u = e(({ header: e, navigation: t, footer: n, children: r, className: i = "", headerClassName: a = "", navigationClassName: s = "", contentClassName: l = "", footerClassName: u = "", ...d }, f) => {
+	let p = ["nabs-ui-shell", i].filter(Boolean).join(" "), m = ["nabs-ui-shell__header", a].filter(Boolean).join(" "), h = ["nabs-ui-shell__navigation", s].filter(Boolean).join(" "), g = ["nabs-ui-shell__content", l].filter(Boolean).join(" "), _ = ["nabs-ui-shell__footer", u].filter(Boolean).join(" ");
+	return /* @__PURE__ */ c("div", {
 		ref: f,
 		className: p,
 		...d,
-		children: /* @__PURE__ */ i(n, {
+		children: /* @__PURE__ */ c(o, {
 			className: "nabs-ui-shell__layout",
 			header: e,
-			footer: r,
+			footer: n,
 			leftSidePanel: t,
 			headerClassName: m,
 			footerClassName: _,
 			leftSidePanelClassName: h,
 			contentClassName: g,
-			children: a
+			children: r
 		})
 	});
 });
-o.displayName = "Shell";
+u.displayName = "Shell";
 //#endregion
 //#region src/Branding.tsx
-var s = e(function({ logo: e, title: t, byline: n, className: r = "", ...o }, s) {
-	return /* @__PURE__ */ a("div", {
-		ref: s,
+var d = e(function({ logo: e, title: t, byline: n, className: r = "", ...i }, a) {
+	return /* @__PURE__ */ l("div", {
+		ref: a,
 		className: ["nabs-ui-branding", r].filter(Boolean).join(" "),
-		...o,
-		children: [/* @__PURE__ */ i("div", {
+		...i,
+		children: [/* @__PURE__ */ c("div", {
 			className: "nabs-ui-branding__logo",
 			"aria-hidden": "true",
 			children: e
-		}), /* @__PURE__ */ a("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "nabs-ui-branding__text",
-			children: [/* @__PURE__ */ i("strong", {
+			children: [/* @__PURE__ */ c("strong", {
 				className: "nabs-ui-branding__title",
 				children: t
-			}), /* @__PURE__ */ i("span", {
+			}), /* @__PURE__ */ c("span", {
 				className: "nabs-ui-branding__byline",
 				children: n
 			})]
 		})]
 	});
 });
-s.displayName = "Branding";
+d.displayName = "Branding";
 //#endregion
 //#region ../nabs-ui-breadcrumb/dist/nabs-ui-breadcrumb.js
-function c(e) {
+function f(e) {
 	return e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
 }
-function l() {
+function p() {
 	return "Home";
 }
-function u(e) {
+function m(e) {
 	return {
 		id: "__home__",
-		label: e?.label ?? l(),
+		label: e?.label ?? p(),
 		href: e?.href,
 		path: e?.path,
 		disabled: e?.disabled
 	};
 }
-function d(e, t, n) {
-	return t ? [u(n), ...e] : e;
+function h(e, t, n) {
+	return t ? [m(n), ...e] : e;
 }
-function f(e) {
+function g(e) {
 	return ["nabs-ui-breadcrumb", e ?? ""].filter(Boolean).join(" ");
 }
-function p({ isCurrent: e, disabled: t, itemClassName: n }) {
+function _({ isCurrent: e, disabled: t, itemClassName: n }) {
 	return [
 		"nabs-ui-breadcrumb__item",
 		e ? "nabs-ui-breadcrumb__item--current" : "",
@@ -104,24 +104,24 @@ function p({ isCurrent: e, disabled: t, itemClassName: n }) {
 		n ?? ""
 	].filter(Boolean).join(" ");
 }
-function m(e) {
+function v(e) {
 	let t = typeof e.path == "string" && e.path.trim().length > 0, n = typeof e.href == "string" && e.href.trim().length > 0;
 	return t ? e.path : n ? e.href : void 0;
 }
-function h() {
-	return /* @__PURE__ */ a("svg", {
+function y() {
+	return /* @__PURE__ */ l("svg", {
 		className: "nabs-ui-breadcrumb__homeIcon",
 		viewBox: "0 0 24 24",
 		fill: "none",
 		"aria-hidden": "true",
 		focusable: "false",
-		children: [/* @__PURE__ */ i("path", {
+		children: [/* @__PURE__ */ c("path", {
 			d: "M3 11.5L12 4L21 11.5",
 			stroke: "currentColor",
 			strokeWidth: "1.8",
 			strokeLinecap: "round",
 			strokeLinejoin: "round"
-		}), /* @__PURE__ */ i("path", {
+		}), /* @__PURE__ */ c("path", {
 			d: "M6.5 10V20H17.5V10",
 			stroke: "currentColor",
 			strokeWidth: "1.8",
@@ -130,61 +130,61 @@ function h() {
 		})]
 	});
 }
-var g = e(function({ items: e = [], showHome: t = !0, home: n, separator: o = "/", lastItemClickable: s = !1, className: l = "", itemClassName: u = "", onItemSelect: g, ..._ }, v) {
-	let y = d(e, t, n);
-	return /* @__PURE__ */ i("nav", {
-		ref: v,
-		className: f(l),
+var b = e(function({ items: e = [], showHome: t = !0, home: n, separator: r = "/", lastItemClickable: i = !1, className: a = "", itemClassName: o = "", onItemSelect: u, ...d }, p) {
+	let m = h(e, t, n);
+	return /* @__PURE__ */ c("nav", {
+		ref: p,
+		className: g(a),
 		"aria-label": "Breadcrumb",
-		..._,
-		children: /* @__PURE__ */ i("ol", {
+		...d,
+		children: /* @__PURE__ */ c("ol", {
 			className: "nabs-ui-breadcrumb__list",
-			children: y.map((e, l) => {
-				let d = l === y.length - 1, f = d && !s, _ = typeof e.path == "string" && e.path.trim().length > 0, v = m(e), b = p({
-					isCurrent: f,
+			children: m.map((e, a) => {
+				let d = a === m.length - 1, p = d && !i, h = typeof e.path == "string" && e.path.trim().length > 0, g = v(e), b = _({
+					isCurrent: p,
 					disabled: e.disabled,
-					itemClassName: u
+					itemClassName: o
 				}), x = (t) => {
-					if (e.disabled || f) {
+					if (e.disabled || p) {
 						t.preventDefault();
 						return;
 					}
-					g?.({
+					u?.({
 						itemId: e.id,
 						item: e,
 						event: t
-					}), !t.defaultPrevented && (!_ || typeof window > "u" || !c(t) || (t.preventDefault(), window.history.pushState({}, "", e.path), window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }))));
-				}, S = /* @__PURE__ */ a(r, { children: [l === 0 && t ? n?.icon ?? /* @__PURE__ */ i(h, {}) : null, /* @__PURE__ */ i("span", {
+					}), !t.defaultPrevented && (!h || typeof window > "u" || !f(t) || (t.preventDefault(), window.history.pushState({}, "", e.path), window.dispatchEvent(new PopStateEvent("popstate", { state: window.history.state }))));
+				}, S = /* @__PURE__ */ l(s, { children: [a === 0 && t ? n?.icon ?? /* @__PURE__ */ c(y, {}) : null, /* @__PURE__ */ c("span", {
 					className: "nabs-ui-breadcrumb__itemLabel",
 					children: e.label
 				})] });
-				return /* @__PURE__ */ a("li", {
+				return /* @__PURE__ */ l("li", {
 					className: "nabs-ui-breadcrumb__entry",
-					children: [v && !f ? /* @__PURE__ */ i("a", {
+					children: [g && !p ? /* @__PURE__ */ c("a", {
 						className: b,
-						href: v,
+						href: g,
 						onClick: x,
 						children: S
-					}) : /* @__PURE__ */ i("button", {
+					}) : /* @__PURE__ */ c("button", {
 						type: "button",
 						className: b,
-						disabled: e.disabled || f,
-						"aria-current": f ? "page" : void 0,
+						disabled: e.disabled || p,
+						"aria-current": p ? "page" : void 0,
 						onClick: x,
 						children: S
-					}), d ? null : /* @__PURE__ */ i("span", {
+					}), d ? null : /* @__PURE__ */ c("span", {
 						className: "nabs-ui-breadcrumb__separator",
-						children: o
+						children: r
 					})]
 				}, e.id);
 			})
 		})
 	});
 });
-g.displayName = "Breadcrumb";
+b.displayName = "Breadcrumb";
 //#endregion
 //#region ../nabs-ui-charts/dist/nabs-ui-charts.js
-var _ = {
+var x = {
 	leftPadding: 44,
 	rightPadding: 18,
 	plotTop: 14,
@@ -202,14 +202,14 @@ var _ = {
 	legendMarkerRadius: 2,
 	legendApproxCharWidth: 5.8,
 	svgBottomPadding: 8
-}, v = {
+}, S = {
 	line: "nabs-ui-charts--line",
 	bar: "nabs-ui-charts--bar"
 };
-function y(e) {
+function C(e) {
 	return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 8;
 }
-function b(e) {
+function w(e) {
 	if (typeof e == "number" && Number.isFinite(e)) return e;
 	if (typeof e == "string") {
 		let t = Number(e);
@@ -217,19 +217,19 @@ function b(e) {
 	}
 	return 0;
 }
-function x(e, t) {
-	return b(e[t]);
+function T(e, t) {
+	return w(e[t]);
 }
-function S(e) {
+function ee(e) {
 	return !Number.isFinite(e) || e <= 0 ? 5 : Math.abs(e);
 }
-function C(e, t, n) {
+function te(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function w(e) {
+function E(e) {
 	return Number(e.toFixed(6));
 }
-function T(e, t, n) {
+function D(e, t, n) {
 	let r = [];
 	if (n?.length) for (let e of n) {
 		let t = String(e ?? "").trim();
@@ -240,13 +240,13 @@ function T(e, t, n) {
 		let t = e[0];
 		for (let e of Object.keys(t)) {
 			if (e === "yAxis") continue;
-			let n = t[e], i = b(n);
+			let n = t[e], i = w(n);
 			if (Number.isFinite(i) && r.push(e), r.length >= 10) break;
 		}
 	}
 	return r.slice(0, 10);
 }
-function E(e, t, n, r) {
+function O(e, t, n, r) {
 	let i = e + t, a = Number.isFinite(n) ? n : 0, o = Number.isFinite(r) ? r : i;
 	return o <= a ? {
 		axisMin: a,
@@ -256,20 +256,20 @@ function E(e, t, n, r) {
 		axisMax: o
 	};
 }
-function D(e, t, n) {
+function k(e, t, n) {
 	let r = [e], i = n / 1e3, a = 0;
 	for (let o = e + n; o <= t + i && !(a > 5e3); o += n) {
-		let e = w(o);
+		let e = E(o);
 		if (e >= t) break;
 		r.push(e), a += 1;
 	}
 	return r[r.length - 1] !== t && r.push(t), r;
 }
-function O(e, t, n) {
-	let r = e.map((e) => _.legendSampleWidth + _.legendTextGap + e.length * _.legendApproxCharWidth), i = t - (r.reduce((e, t) => e + t, 0) + Math.max(0, e.length - 1) * _.legendItemGap) / 2;
+function A(e, t, n) {
+	let r = e.map((e) => x.legendSampleWidth + x.legendTextGap + e.length * x.legendApproxCharWidth), i = t - (r.reduce((e, t) => e + t, 0) + Math.max(0, e.length - 1) * x.legendItemGap) / 2;
 	return e.map((e, t) => {
-		let n = r[t], a = i, o = a + _.legendSampleWidth, s = a + _.legendSampleWidth / 2, c = o + _.legendTextGap;
-		return i += n + _.legendItemGap, {
+		let n = r[t], a = i, o = a + x.legendSampleWidth, s = a + x.legendSampleWidth / 2, c = o + x.legendTextGap;
+		return i += n + x.legendItemGap, {
 			id: `legend-${e}`,
 			label: e,
 			colorIndex: t,
@@ -280,7 +280,7 @@ function O(e, t, n) {
 		};
 	});
 }
-function k(e, t) {
+function j(e, t) {
 	let n = [];
 	for (let r of e) r !== e[0] && n.push({
 		id: `guide-${r}`,
@@ -289,24 +289,24 @@ function k(e, t) {
 	});
 	return n;
 }
-function A(e, t) {
+function M(e, t) {
 	return e.map((e) => ({
 		id: `tick-${e}`,
 		value: e,
 		y: t(e)
 	}));
 }
-function j(e, t, n, r, i, a, o, s) {
-	let c = T(e, t, n), l = c.flatMap((t) => e.map((e) => x(e, t))), { axisMin: u, axisMax: d } = E(Math.max(0, ...l), i, a, o), f = Math.max(1, d - u), p = S(s), m = Math.max(1, e.length) * _.itemStep, h = _.leftPadding, g = h + m, v = _.plotTop, y = v + _.plotHeight, b = h + m + _.rightPadding, w = y, j = y + _.xLabelOffset, M = y + _.axisLabelOffset, N = M + _.legendOffset, P = r && c.length > 1, F = P ? N + _.svgBottomPadding : M + _.svgBottomPadding, I = (e) => v + (d - e) / f * _.plotHeight, L = D(u, d, p), R = k(L, I), z = A(L, I), B = e.map((e, t) => {
-		let n = h + t * _.itemStep + _.itemStep / 2;
+function N(e, t, n, r, i, a, o, s) {
+	let c = D(e, t, n), l = c.flatMap((t) => e.map((e) => T(e, t))), { axisMin: u, axisMax: d } = O(Math.max(0, ...l), i, a, o), f = Math.max(1, d - u), p = ee(s), m = Math.max(1, e.length) * x.itemStep, h = x.leftPadding, g = h + m, _ = x.plotTop, v = _ + x.plotHeight, y = h + m + x.rightPadding, b = v, S = v + x.xLabelOffset, C = v + x.axisLabelOffset, w = C + x.legendOffset, E = r && c.length > 1, N = E ? w + x.svgBottomPadding : C + x.svgBottomPadding, P = (e) => _ + (d - e) / f * x.plotHeight, F = k(u, d, p), I = j(F, P), L = M(F, P), R = e.map((e, t) => {
+		let n = h + t * x.itemStep + x.itemStep / 2;
 		return {
 			id: `category-${e.yAxis}-${t}`,
 			label: e.yAxis,
 			x: n
 		};
-	}), V = c.map((t, n) => {
-		let r = B.map((n, r) => {
-			let i = e[r], a = x(i, t), o = I(C(a, u, d));
+	}), z = c.map((t, n) => {
+		let r = R.map((n, r) => {
+			let i = e[r], a = T(i, t), o = P(te(a, u, d));
 			return {
 				id: `${t}-${n.id}`,
 				label: n.label,
@@ -321,163 +321,163 @@ function j(e, t, n, r, i, a, o, s) {
 			colorIndex: n,
 			points: r
 		};
-	}), H = B.map((e) => ({
+	}), B = R.map((e) => ({
 		id: `v-guide-${e.id}`,
 		x: e.x
-	})), U = P ? O(c, b / 2, N) : [], W = Math.max(1, V.length), G = _.itemStep * _.barGroupScale, K = _.barGap;
+	})), ne = E ? A(c, y / 2, w) : [], V = Math.max(1, z.length), re = x.itemStep * x.barGroupScale, H = x.barGap;
 	return {
 		valueKeys: c,
-		categoryTicks: B,
-		seriesModels: V,
-		guides: R,
-		verticalGuides: H,
-		yTicks: z,
-		legendItems: U,
-		svgHeight: F,
-		svgWidth: b,
-		barWidth: Math.max(2, Math.min(_.barWidthMax, (G - Math.max(0, W - 1) * K) / W)),
-		barGap: K,
+		categoryTicks: R,
+		seriesModels: z,
+		guides: I,
+		verticalGuides: B,
+		yTicks: L,
+		legendItems: ne,
+		svgHeight: N,
+		svgWidth: y,
+		barWidth: Math.max(2, Math.min(x.barWidthMax, (re - Math.max(0, V - 1) * H) / V)),
+		barGap: H,
 		plotLeft: h,
 		plotRight: g,
-		plotTop: v,
-		plotBottom: y,
-		xAxisY: w,
-		xAxisLabelY: j,
-		axisNameY: M,
-		legendY: N
+		plotTop: _,
+		plotBottom: v,
+		xAxisY: b,
+		xAxisLabelY: S,
+		axisNameY: C,
+		legendY: w
 	};
 }
-function M(e) {
+function P(e) {
 	return e.map((e) => `${e.x},${e.y}`).join(" ");
 }
-function N(...e) {
+function F(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var P = e(function({ className: e = "", series: n, valueName: r, valueNames: o, palette: s, chartType: c = "line", topSpace: l = 8, yAxisMin: u, yAxisMax: d, yAxisInterval: f, xAxisName: p = "", showXAxisName: m = !0, showLegend: h = !0, minPointHeight: g = 2, style: b, ...x }, S) {
-	let C = y(l), w = t(() => j(n, r, o, h, C, u, d, f), [
-		C,
-		n,
+var I = e(function({ className: e = "", series: t, valueName: n, valueNames: i, palette: a, chartType: o = "line", topSpace: s = 8, yAxisMin: u, yAxisMax: d, yAxisInterval: f, xAxisName: p = "", showXAxisName: m = !0, showLegend: h = !0, minPointHeight: g = 2, style: _, ...v }, y) {
+	let b = C(s), w = r(() => N(t, n, i, h, b, u, d, f), [
+		b,
+		t,
 		h,
-		r,
-		o,
+		n,
+		i,
 		f,
 		d,
 		u
-	]), T = t(() => {
-		if (!s || s.length === 0) return;
+	]), T = r(() => {
+		if (!a || a.length === 0) return;
 		let e = {};
-		for (let t = 0; t < Math.min(10, s.length); t += 1) {
-			let n = String(s[t] ?? "").trim();
+		for (let t = 0; t < Math.min(10, a.length); t += 1) {
+			let n = String(a[t] ?? "").trim();
 			n && (e[`--nabs-ui-charts-series-inline-${t + 1}`] = n);
 		}
 		return Object.keys(e).length > 0 ? e : void 0;
-	}, [s]), E = T ? {
+	}, [a]), ee = T ? {
 		...T,
-		...b
-	} : b, D = N("nabs-ui-charts", v[c], e), O = m && p.trim().length > 0, k = w.valueKeys.length > 0 ? w.valueKeys.join(", ") : String(r ?? "value");
-	return /* @__PURE__ */ i("div", {
-		ref: S,
-		className: D,
-		style: E,
-		...x,
-		children: /* @__PURE__ */ a("svg", {
+		..._
+	} : _, te = F("nabs-ui-charts", S[o], e), E = m && p.trim().length > 0, D = w.valueKeys.length > 0 ? w.valueKeys.join(", ") : String(n ?? "value");
+	return /* @__PURE__ */ c("div", {
+		ref: y,
+		className: te,
+		style: ee,
+		...v,
+		children: /* @__PURE__ */ l("svg", {
 			className: "nabs-ui-charts__svg",
 			viewBox: `0 0 ${w.svgWidth} ${w.svgHeight}`,
 			role: "img",
-			"aria-label": `2D ${c} chart for ${k}`,
+			"aria-label": `2D ${o} chart for ${D}`,
 			preserveAspectRatio: "xMidYMid meet",
 			children: [
-				/* @__PURE__ */ i("rect", {
+				/* @__PURE__ */ c("rect", {
 					className: "nabs-ui-charts__plotBoundary",
 					x: w.plotLeft,
 					y: w.plotTop,
 					width: w.plotRight - w.plotLeft,
 					height: w.plotBottom - w.plotTop
 				}),
-				w.verticalGuides.map((e) => /* @__PURE__ */ i("line", {
+				w.verticalGuides.map((e) => /* @__PURE__ */ c("line", {
 					className: "nabs-ui-charts__guide",
 					x1: e.x,
 					y1: w.plotTop,
 					x2: e.x,
 					y2: w.plotBottom
 				}, e.id)),
-				w.guides.map((e) => /* @__PURE__ */ i("line", {
+				w.guides.map((e) => /* @__PURE__ */ c("line", {
 					className: "nabs-ui-charts__guide",
 					x1: w.plotLeft,
 					y1: e.y,
 					x2: w.plotRight,
 					y2: e.y
 				}, e.id)),
-				w.yTicks.map((e) => /* @__PURE__ */ i("text", {
+				w.yTicks.map((e) => /* @__PURE__ */ c("text", {
 					className: "nabs-ui-charts__yTickLabel",
 					x: w.plotLeft - 6,
 					y: e.y,
 					children: e.value
 				}, e.id)),
-				/* @__PURE__ */ i("line", {
+				/* @__PURE__ */ c("line", {
 					className: "nabs-ui-charts__axis",
 					x1: w.plotLeft,
 					y1: w.xAxisY,
 					x2: w.plotRight,
 					y2: w.xAxisY
 				}),
-				c === "line" ? w.seriesModels.map((e) => {
-					let t = N("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = N("nabs-ui-charts__point", `nabs-ui-charts__series-color-${e.colorIndex}`);
-					return /* @__PURE__ */ a("g", { children: [e.points.length > 1 ? /* @__PURE__ */ i("polyline", {
+				o === "line" ? w.seriesModels.map((e) => {
+					let t = F("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = F("nabs-ui-charts__point", `nabs-ui-charts__series-color-${e.colorIndex}`);
+					return /* @__PURE__ */ l("g", { children: [e.points.length > 1 ? /* @__PURE__ */ c("polyline", {
 						className: t,
-						points: M(e.points)
-					}) : null, e.points.map((t) => /* @__PURE__ */ i("circle", {
+						points: P(e.points)
+					}) : null, e.points.map((t) => /* @__PURE__ */ c("circle", {
 						className: n,
 						cx: t.x,
 						cy: t.y,
 						r: 1.5,
-						children: /* @__PURE__ */ i("title", { children: `${t.label} • ${e.key}: ${t.value}` })
+						children: /* @__PURE__ */ c("title", { children: `${t.label} • ${e.key}: ${t.value}` })
 					}, t.id))] }, e.id);
 				}) : w.categoryTicks.map((e, t) => {
-					let n = Math.max(1, w.seriesModels.length), r = n * w.barWidth + Math.max(0, n - 1) * w.barGap, a = e.x - r / 2;
-					return /* @__PURE__ */ i("g", { children: w.seriesModels.map((n, r) => {
-						let o = n.points[t], s = Math.max(w.xAxisY - o.y, g), c = w.xAxisY - s, l = a + r * (w.barWidth + w.barGap);
-						return /* @__PURE__ */ i("rect", {
-							className: N("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
+					let n = Math.max(1, w.seriesModels.length), r = n * w.barWidth + Math.max(0, n - 1) * w.barGap, i = e.x - r / 2;
+					return /* @__PURE__ */ c("g", { children: w.seriesModels.map((n, r) => {
+						let a = n.points[t], o = Math.max(w.xAxisY - a.y, g), s = w.xAxisY - o, l = i + r * (w.barWidth + w.barGap);
+						return /* @__PURE__ */ c("rect", {
+							className: F("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
 							x: l,
-							y: c,
+							y: s,
 							width: w.barWidth,
-							height: s,
+							height: o,
 							rx: 1.5,
 							ry: 1.5,
-							children: /* @__PURE__ */ i("title", { children: `${e.label} • ${n.key}: ${o.value}` })
-						}, `${n.id}-${o.id}`);
+							children: /* @__PURE__ */ c("title", { children: `${e.label} • ${n.key}: ${a.value}` })
+						}, `${n.id}-${a.id}`);
 					}) }, `bars-${e.id}`);
 				}),
-				w.categoryTicks.map((e) => /* @__PURE__ */ i("text", {
+				w.categoryTicks.map((e) => /* @__PURE__ */ c("text", {
 					className: "nabs-ui-charts__tickLabel",
 					x: e.x,
 					y: w.xAxisLabelY,
 					children: e.label
 				}, `${e.id}-label`)),
-				O ? /* @__PURE__ */ i("text", {
+				E ? /* @__PURE__ */ c("text", {
 					className: "nabs-ui-charts__axisName",
 					x: w.svgWidth / 2,
 					y: w.axisNameY,
 					children: p
 				}) : null,
 				w.legendItems.map((e) => {
-					let t = N("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
-					return /* @__PURE__ */ a("g", { children: [
-						/* @__PURE__ */ i("line", {
+					let t = F("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
+					return /* @__PURE__ */ l("g", { children: [
+						/* @__PURE__ */ c("line", {
 							className: t,
 							x1: e.sampleX1,
 							y1: w.legendY,
 							x2: e.sampleX2,
 							y2: w.legendY
 						}),
-						/* @__PURE__ */ i("circle", {
+						/* @__PURE__ */ c("circle", {
 							className: t,
 							cx: e.markerX,
 							cy: w.legendY,
-							r: _.legendMarkerRadius
+							r: x.legendMarkerRadius
 						}),
-						/* @__PURE__ */ i("text", {
+						/* @__PURE__ */ c("text", {
 							className: "nabs-ui-charts__legendLabel",
 							x: e.textX,
 							y: w.legendY,
@@ -489,8 +489,8 @@ var P = e(function({ className: e = "", series: n, valueName: r, valueNames: o,
 		})
 	});
 });
-P.displayName = "2DChart";
-var F = {
+I.displayName = "2DChart";
+var L = {
 	svgWidth: 400,
 	svgHeight: 180,
 	centerX: 88,
@@ -503,13 +503,13 @@ var F = {
 	legendSwatchSize: 7,
 	legendTextGap: 6
 };
-function I(e) {
-	let t = b(e);
+function R(e) {
+	let t = w(e);
 	return t > 0 ? t : 0;
 }
-function L(e, t) {
+function z(e, t) {
 	let n = e.map((e, n) => {
-		let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i = I(e[t]);
+		let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i = R(e[t]);
 		return {
 			id: `slice-${r}-${n}`,
 			label: r,
@@ -529,13 +529,13 @@ function L(e, t) {
 		};
 	});
 }
-function R(e, t, n, r) {
+function B(e, t, n, r) {
 	return {
 		x: e + n * Math.cos(r),
 		y: t + n * Math.sin(r)
 	};
 }
-function z(e, t, n) {
+function ne(e, t, n) {
 	let r = e, i = t - n, a = e, o = t + n;
 	return [
 		`M ${e} ${t}`,
@@ -545,7 +545,7 @@ function z(e, t, n) {
 		"Z"
 	].join(" ");
 }
-function B(e, t, n, r) {
+function V(e, t, n, r) {
 	let i = e, a = t - n, o = e, s = t + n, c = e, l = t - r, u = e, d = t + r;
 	return [
 		`M ${i} ${a}`,
@@ -557,16 +557,16 @@ function B(e, t, n, r) {
 		"Z"
 	].join(" ");
 }
-function V(e, t, n, r, i, a) {
-	if (e.ratio >= .999999) return t === "donut" ? B(n, r, i, a) : z(n, r, i);
-	let o = +(e.endAngle - e.startAngle > Math.PI), s = R(n, r, i, e.startAngle), c = R(n, r, i, e.endAngle);
+function re(e, t, n, r, i, a) {
+	if (e.ratio >= .999999) return t === "donut" ? V(n, r, i, a) : ne(n, r, i);
+	let o = +(e.endAngle - e.startAngle > Math.PI), s = B(n, r, i, e.startAngle), c = B(n, r, i, e.endAngle);
 	if (t === "pie") return [
 		`M ${n} ${r}`,
 		`L ${s.x} ${s.y}`,
 		`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
 		"Z"
 	].join(" ");
-	let l = R(n, r, a, e.startAngle), u = R(n, r, a, e.endAngle);
+	let l = B(n, r, a, e.startAngle), u = B(n, r, a, e.endAngle);
 	return [
 		`M ${s.x} ${s.y}`,
 		`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
@@ -575,60 +575,60 @@ function V(e, t, n, r, i, a) {
 		"Z"
 	].join(" ");
 }
-var H = e(function({ className: e = "", series: n, valueName: r, palette: o, chartType: s = "pie", showLegend: c = !0, style: l, ...u }, d) {
-	let f = t(() => L(n, r), [n, r]), p = t(() => {
-		if (!o || o.length === 0) return;
+var H = e(function({ className: e = "", series: t, valueName: n, palette: i, chartType: a = "pie", showLegend: o = !0, style: s, ...u }, d) {
+	let f = r(() => z(t, n), [t, n]), p = r(() => {
+		if (!i || i.length === 0) return;
 		let e = {};
-		for (let t = 0; t < Math.min(10, o.length); t += 1) {
-			let n = String(o[t] ?? "").trim();
+		for (let t = 0; t < Math.min(10, i.length); t += 1) {
+			let n = String(i[t] ?? "").trim();
 			n && (e[`--nabs-ui-charts-series-inline-${t + 1}`] = n);
 		}
 		return Object.keys(e).length > 0 ? e : void 0;
-	}, [o]);
-	return /* @__PURE__ */ i("div", {
+	}, [i]);
+	return /* @__PURE__ */ c("div", {
 		ref: d,
-		className: N("nabs-ui-charts", "nabs-ui-charts--pie", `nabs-ui-charts--${s}`, e),
+		className: F("nabs-ui-charts", "nabs-ui-charts--pie", `nabs-ui-charts--${a}`, e),
 		style: p ? {
 			...p,
-			...l
-		} : l,
+			...s
+		} : s,
 		...u,
-		children: /* @__PURE__ */ a("svg", {
+		children: /* @__PURE__ */ l("svg", {
 			className: "nabs-ui-charts__svg",
-			viewBox: `0 0 ${F.svgWidth} ${F.svgHeight}`,
+			viewBox: `0 0 ${L.svgWidth} ${L.svgHeight}`,
 			role: "img",
-			"aria-label": `${s} chart for ${r}`,
+			"aria-label": `${a} chart for ${n}`,
 			preserveAspectRatio: "xMidYMid meet",
 			children: [
 				f.length > 0 ? f.map((e) => {
-					let t = V(e, s, F.centerX, F.centerY, F.radius, F.donutInnerRadius);
-					return /* @__PURE__ */ i("path", {
-						className: N("nabs-ui-charts__pieSlice", `nabs-ui-charts__series-color-${e.colorIndex}`),
+					let t = re(e, a, L.centerX, L.centerY, L.radius, L.donutInnerRadius);
+					return /* @__PURE__ */ c("path", {
+						className: F("nabs-ui-charts__pieSlice", `nabs-ui-charts__series-color-${e.colorIndex}`),
 						d: t,
-						children: /* @__PURE__ */ i("title", { children: `${e.label}: ${e.value}` })
+						children: /* @__PURE__ */ c("title", { children: `${e.label}: ${e.value}` })
 					}, e.id);
 				}) : null,
-				c ? f.map((e, t) => {
-					let n = F.legendStartY + t * F.legendItemHeight, r = N("nabs-ui-charts__legendSwatch", `nabs-ui-charts__series-color-${e.colorIndex}`), o = n - F.legendSwatchSize / 2, s = F.legendStartX + F.legendSwatchSize + F.legendTextGap;
-					return /* @__PURE__ */ a("g", { children: [/* @__PURE__ */ i("rect", {
+				o ? f.map((e, t) => {
+					let n = L.legendStartY + t * L.legendItemHeight, r = F("nabs-ui-charts__legendSwatch", `nabs-ui-charts__series-color-${e.colorIndex}`), i = n - L.legendSwatchSize / 2, a = L.legendStartX + L.legendSwatchSize + L.legendTextGap;
+					return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("rect", {
 						className: r,
-						x: F.legendStartX,
-						y: o,
-						width: F.legendSwatchSize,
-						height: F.legendSwatchSize,
+						x: L.legendStartX,
+						y: i,
+						width: L.legendSwatchSize,
+						height: L.legendSwatchSize,
 						rx: 1,
 						ry: 1
-					}), /* @__PURE__ */ i("text", {
+					}), /* @__PURE__ */ c("text", {
 						className: "nabs-ui-charts__legendLabel",
-						x: s,
+						x: a,
 						y: n,
 						children: `${e.label} (${Math.round(e.ratio * 100)}%)`
 					})] }, `legend-${e.id}`);
 				}) : null,
-				f.length === 0 ? /* @__PURE__ */ i("text", {
+				f.length === 0 ? /* @__PURE__ */ c("text", {
 					className: "nabs-ui-charts__legendLabel",
-					x: F.centerX,
-					y: F.centerY,
+					x: L.centerX,
+					y: L.centerY,
 					textAnchor: "middle",
 					children: "No data"
 				}) : null
@@ -638,4 +638,856 @@ var H = e(function({ className: e = "", series: n, valueName: r, palette: o, cha
 });
 H.displayName = "PieChart";
 //#endregion
-export { s as Branding, g as Breadcrumb, H as PieChart, o as Shell, P as TwoDChart };
+//#region ../nabs-ui-event-calendar/dist/nabs-ui-event-calendar.js
+var U = [
+	"none",
+	"top",
+	"left"
+], W = {
+	none: "nabs-ui-datepicker--label-none",
+	top: "nabs-ui-datepicker--label-top",
+	left: "nabs-ui-datepicker--label-left"
+};
+function ie(e) {
+	return typeof e == "string" && U.includes(e);
+}
+function ae(e) {
+	return ie(e) ? e : "top";
+}
+function oe(e, t) {
+	return e || `nabs-ui-datepicker-${t.replace(/:/g, "")}`;
+}
+function se({ label: e, labelPosition: t, className: n }) {
+	let r = ae(t);
+	return [
+		"nabs-ui-datepicker",
+		e ? W[r] ?? W.top : "",
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function ce(e) {
+	return ["nabs-ui-datepicker__input", e ?? ""].filter(Boolean).join(" ");
+}
+function le(e) {
+	return ["nabs-ui-datepicker__label", e ?? ""].filter(Boolean).join(" ");
+}
+function ue(e) {
+	if (e !== void 0) return e ?? "";
+}
+function de(e, t) {
+	return t && e === "" ? null : e;
+}
+function fe({ defaultPrevented: e, disabled: t, readOnly: n }) {
+	return !e && !t && !n;
+}
+var pe = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassName: i = "", labelClassName: a = "", allowNull: o = !1, id: s, value: u, onChange: d, onClick: f, onValueChange: p, ...m }, h) => {
+	let g = oe(s, n()), _ = se({
+		label: e,
+		labelPosition: t,
+		className: r
+	}), v = ce(i), y = le(a), b = ue(u);
+	return /* @__PURE__ */ l("div", {
+		className: _,
+		children: [e ? /* @__PURE__ */ c("label", {
+			className: y,
+			htmlFor: g,
+			children: e
+		}) : null, /* @__PURE__ */ c("input", {
+			ref: h,
+			id: g,
+			className: v,
+			type: "date",
+			value: b,
+			onClick: (e) => {
+				f?.(e);
+				let t = e.currentTarget;
+				fe({
+					defaultPrevented: e.defaultPrevented,
+					disabled: t.disabled,
+					readOnly: t.readOnly
+				}) && t.showPicker?.();
+			},
+			onChange: (e) => {
+				d?.(e), p?.(de(e.target.value, o), e);
+			},
+			...m
+		})]
+	});
+});
+pe.displayName = "DatePicker";
+function me(e) {
+	return e.label ?? e.children ?? e.value;
+}
+function he(e, t) {
+	return e.value || `item-${t}`;
+}
+function ge(e, t, n) {
+	return e || t === null || n === null;
+}
+function _e(e, t) {
+	return e || `nabs-ui-dropdownlist-${t.replace(/:/g, "")}`;
+}
+function ve({ disabled: e = !1, className: t }) {
+	return [
+		"nabs-ui-dropdownlist",
+		e ? "nabs-ui-dropdownlist--disabled" : "",
+		t ?? ""
+	].filter(Boolean).join(" ");
+}
+function ye(e, t, n) {
+	return ge(e, t, n);
+}
+function be(e) {
+	return e === "" ? null : e;
+}
+var xe = e(function({ items: e = [], value: t, defaultValue: r, allowNull: i = !1, nullLabel: a = "None", className: o = "", onChange: s, onValueChange: u, id: d, disabled: f, ...p }, m) {
+	let h = _e(d, n()), g = ve({
+		disabled: f,
+		className: o
+	}), _ = ye(i, t, r);
+	return /* @__PURE__ */ l("select", {
+		ref: m,
+		id: h,
+		className: g,
+		disabled: f,
+		value: t ?? void 0,
+		defaultValue: r ?? void 0,
+		onChange: (e) => {
+			let t = be(e.target.value);
+			u?.(t, e), s?.(e);
+		},
+		...p,
+		children: [_ ? /* @__PURE__ */ c("option", {
+			value: "",
+			disabled: !i,
+			children: a
+		}) : null, e.map((e, t) => /* @__PURE__ */ c("option", {
+			value: e.value,
+			disabled: e.disabled,
+			children: me(e)
+		}, he(e, t)))]
+	});
+});
+xe.displayName = "DropdownList";
+var Se = {
+	left: "nabs-ui-toolbar__content--label-left",
+	right: "nabs-ui-toolbar__content--label-right",
+	top: "nabs-ui-toolbar__content--label-top",
+	bottom: "nabs-ui-toolbar__content--label-bottom"
+};
+function Ce(e) {
+	return e || "right";
+}
+function we(e) {
+	return ["nabs-ui-toolbar", e ?? ""].filter(Boolean).join(" ");
+}
+function Te(e) {
+	return ["nabs-ui-toolbar__content", e].filter(Boolean).join(" ");
+}
+function Ee({ isActive: e, hasLabel: t, buttonClassName: n }) {
+	return [
+		"nabs-ui-toolbar__button",
+		e ? "nabs-ui-toolbar__button--active" : "",
+		t ? "" : "nabs-ui-toolbar__button--icon-only",
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function De(e) {
+	return ["nabs-ui-toolbar__icon", e ?? ""].filter(Boolean).join(" ");
+}
+function Oe(e) {
+	return ["nabs-ui-toolbar__label", e ?? ""].filter(Boolean).join(" ");
+}
+function ke(e, t) {
+	return typeof e == "string" ? e : t;
+}
+var Ae = e(function({ items: e, activeItemId: t, className: n = "", buttonClassName: r = "", iconClassName: i = "", labelClassName: a = "", onItemSelect: o, ...s }, u) {
+	return /* @__PURE__ */ c("div", {
+		ref: u,
+		className: we(n),
+		role: "toolbar",
+		...s,
+		children: e.map((e) => {
+			let n = e.icon, s = !!e.label, u = e.id === t || e.pressed === !0, d = Te(Se[Ce(e.labelPosition)]), f = Ee({
+				isActive: u,
+				hasLabel: s,
+				buttonClassName: r
+			}), p = De(i), m = Oe(a), h = ke(e.label, e.title);
+			return /* @__PURE__ */ c("button", {
+				type: "button",
+				className: f,
+				disabled: e.disabled,
+				title: e.title,
+				"aria-label": h,
+				"aria-pressed": typeof e.pressed == "boolean" ? e.pressed : void 0,
+				onClick: (t) => {
+					o?.({
+						itemId: e.id,
+						item: e,
+						event: t
+					});
+				},
+				children: /* @__PURE__ */ l("span", {
+					className: d,
+					children: [n ? /* @__PURE__ */ c(n, {
+						className: p,
+						"aria-hidden": "true",
+						focusable: "false"
+					}) : null, e.label ? /* @__PURE__ */ c("span", {
+						className: m,
+						children: e.label
+					}) : null]
+				})
+			}, e.id);
+		})
+	});
+});
+Ae.displayName = "Toolbar";
+var je = [
+	"day",
+	"week",
+	"work-week",
+	"month",
+	"quarter",
+	"half-year",
+	"year"
+], Me = {
+	day: "Day",
+	week: "Week",
+	"work-week": "Work week",
+	month: "Month",
+	quarter: "Quarter",
+	"half-year": "Half year",
+	year: "Year"
+};
+function G(e) {
+	return e && je.includes(e) ? e : "week";
+}
+function K(e, t) {
+	return typeof e != "number" || Number.isNaN(e) ? t : (Math.trunc(e) % 7 + 7) % 7;
+}
+function Ne(e, t) {
+	return typeof e != "number" || Number.isNaN(e) ? t : Math.min(23, Math.max(0, Math.trunc(e)));
+}
+function Pe(e) {
+	if (typeof e != "number" || Number.isNaN(e)) return 60;
+	let t = Math.trunc(e);
+	return t <= 0 ? 60 : Math.min(240, t);
+}
+function q(e) {
+	if (e instanceof Date) return Number.isNaN(e.getTime()) ? /* @__PURE__ */ new Date() : new Date(e.getTime());
+	if (typeof e == "number" || typeof e == "string") {
+		let t = new Date(e);
+		if (!Number.isNaN(t.getTime())) return t;
+	}
+	return /* @__PURE__ */ new Date();
+}
+function J(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 0, 0, 0, 0);
+}
+function Y(e, t) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
+}
+function X(e, t) {
+	return new Date(e.getFullYear(), e.getMonth() + t, e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
+}
+function Z(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 23, 59, 59, 999);
+}
+function Q(e, t) {
+	let n = J(e);
+	return Y(n, -((n.getDay() - t + 7) % 7));
+}
+function Fe(e, t) {
+	return Z(Y(Q(e, t), 6));
+}
+function Ie(e) {
+	return new Date(e.getFullYear(), e.getMonth(), 1, 0, 0, 0, 0);
+}
+function $(e) {
+	return new Date(e.getFullYear(), e.getMonth() + 1, 0, 23, 59, 59, 999);
+}
+function Le(e) {
+	return e.getHours() * 60 + e.getMinutes();
+}
+function Re(e) {
+	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
+}
+function ze(e) {
+	let t = q(e.start), n = q(e.end);
+	return n.getTime() <= t.getTime() ? {
+		start: t,
+		end: new Date(t.getTime() + 1800 * 1e3)
+	} : {
+		start: t,
+		end: n
+	};
+}
+var Be = new Intl.DateTimeFormat(void 0, { weekday: "short" }), Ve = new Intl.DateTimeFormat(void 0, {
+	weekday: "short",
+	day: "numeric"
+}), He = new Intl.DateTimeFormat(void 0, {
+	month: "long",
+	year: "numeric"
+});
+function Ue(e) {
+	return ["nabs-ui-event-calendar", e ?? ""].filter(Boolean).join(" ");
+}
+function We(e, t, n) {
+	let r = J(t);
+	if (e === "day") return {
+		start: r,
+		end: Z(r)
+	};
+	if (e === "week") {
+		let e = Q(r, 0);
+		return {
+			start: e,
+			end: Z(Y(e, 6))
+		};
+	}
+	if (e === "work-week") {
+		let e = Q(r, K(n, 1));
+		return {
+			start: e,
+			end: Z(Y(e, 4))
+		};
+	}
+	if (e === "month") return {
+		start: Ie(r),
+		end: $(r)
+	};
+	if (e === "quarter") {
+		let e = Math.floor(r.getMonth() / 3) * 3, t = new Date(r.getFullYear(), e, 1);
+		return {
+			start: t,
+			end: $(X(t, 2))
+		};
+	}
+	if (e === "half-year") {
+		let e = Math.floor(r.getMonth() / 6) * 6, t = new Date(r.getFullYear(), e, 1);
+		return {
+			start: t,
+			end: $(X(t, 5))
+		};
+	}
+	return {
+		start: new Date(r.getFullYear(), 0, 1),
+		end: new Date(r.getFullYear(), 11, 31, 23, 59, 59, 999)
+	};
+}
+function Ge(e) {
+	let t = e.start.getFullYear() === e.end.getFullYear();
+	return `${new Intl.DateTimeFormat(void 0, {
+		month: "short",
+		day: "numeric",
+		year: t ? void 0 : "numeric"
+	}).format(e.start)} - ${new Intl.DateTimeFormat(void 0, {
+		month: "short",
+		day: "numeric",
+		year: "numeric"
+	}).format(e.end)}`;
+}
+function Ke(e, t, n) {
+	return n === 0 ? /* @__PURE__ */ new Date() : t === "day" ? Y(e, n) : t === "week" || t === "work-week" ? Y(e, n * 7) : t === "month" ? X(e, n) : t === "quarter" ? X(e, n * 3) : t === "half-year" ? X(e, n * 6) : X(e, n * 12);
+}
+function qe(e, t, n) {
+	let r = J(t), i = (e) => ({
+		date: e,
+		id: `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,
+		label: Ve.format(e),
+		shortLabel: Be.format(e)
+	});
+	if (e === "day") return [i(r)];
+	if (e === "week") {
+		let e = Q(r, 0);
+		return Array.from({ length: 7 }, (t, n) => i(Y(e, n)));
+	}
+	let a = Q(r, K(n, 1));
+	return Array.from({ length: 5 }, (e, t) => i(Y(a, t)));
+}
+function Je(e, t, n, r) {
+	let i = Math.max(n, Le(e)), a = Math.min(r, Le(t));
+	return a <= i ? null : {
+		startMinutes: i,
+		endMinutes: a
+	};
+}
+function Ye(e) {
+	let t = [...e].sort((e, t) => e.startMinutes === t.startMinutes ? t.endMinutes - e.endMinutes : e.startMinutes - t.startMinutes), n = [], r = t.map((e) => {
+		let t = n.findIndex((t) => e.startMinutes >= t);
+		return t === -1 ? (t = n.length, n.push(e.endMinutes)) : n[t] = e.endMinutes, {
+			...e,
+			laneIndex: t,
+			laneCount: 0
+		};
+	}), i = n.length || 1;
+	return r.map((e) => ({
+		...e,
+		laneCount: i
+	}));
+}
+function Xe(e, t) {
+	let n = ze(e);
+	return n.start.getTime() < t.end.getTime() && n.end.getTime() > t.start.getTime();
+}
+function Ze(e, t, n, r) {
+	let i = n * 60, a = r * 60, o = Math.max(60, a - i), s = [];
+	for (let n of t) {
+		let t = {
+			start: n.date,
+			end: Y(n.date, 1)
+		}, r = Ye(e.filter((e) => !e.allDay).map((e) => ({
+			event: e,
+			range: ze(e)
+		})).filter((e) => Xe(e.event, t)).filter((e) => J(e.range.start).getTime() === J(e.range.end).getTime()).map((e) => {
+			let t = Je(e.range.start, e.range.end, i, a);
+			return t ? {
+				event: e.event,
+				start: e.range.start,
+				end: e.range.end,
+				startMinutes: t.startMinutes,
+				endMinutes: t.endMinutes
+			} : null;
+		}).filter((e) => !!e));
+		for (let e of r) s.push({
+			event: e.event,
+			columnId: n.id,
+			laneIndex: e.laneIndex,
+			laneCount: e.laneCount,
+			topPct: (e.startMinutes - i) / o * 100,
+			heightPct: Math.max(5, (e.endMinutes - e.startMinutes) / o * 100),
+			start: e.start,
+			end: e.end
+		});
+	}
+	return s;
+}
+function Qe(e) {
+	let t = [...e].sort((e, t) => e.startIndex === t.startIndex ? t.endIndex - t.startIndex - (e.endIndex - e.startIndex) : e.startIndex - t.startIndex), n = [], r = t.map((e) => {
+		let t = n.findIndex((t) => e.startIndex > t);
+		return t === -1 ? (t = n.length, n.push(e.endIndex)) : n[t] = e.endIndex, {
+			...e,
+			laneIndex: t,
+			laneCount: 0
+		};
+	}), i = n.length || 1;
+	return r.map((e) => ({
+		...e,
+		laneCount: i
+	}));
+}
+function $e(e, t) {
+	if (t.length === 0) return [];
+	let n = t[0].date, r = Y(t[t.length - 1].date, 1);
+	return Qe(e.map((e) => ({
+		event: e,
+		range: ze(e)
+	})).filter((e) => e.range.start < r && e.range.end > n).filter((e) => e.event.allDay || J(e.range.start).getTime() !== J(e.range.end).getTime()).map((e) => {
+		let i = new Date(Math.max(e.range.start.getTime(), n.getTime())), a = new Date(Math.min(e.range.end.getTime(), r.getTime())), o = Math.max(0, Math.floor((J(i).getTime() - n.getTime()) / (1440 * 60 * 1e3))), s = Y(J(a), a.getHours() === 0 && a.getMinutes() === 0 ? -1 : 0), c = Math.min(t.length - 1, Math.max(o, Math.floor((s.getTime() - n.getTime()) / (1440 * 60 * 1e3))));
+		return {
+			event: e.event,
+			segmentStart: i,
+			segmentEnd: a,
+			startIndex: o,
+			endIndex: c,
+			isClippedStart: e.range.start.getTime() < n.getTime(),
+			isClippedEnd: e.range.end.getTime() > r.getTime()
+		};
+	})).map((e) => ({
+		event: e.event,
+		startIndex: e.startIndex,
+		endIndex: e.endIndex,
+		laneIndex: e.laneIndex,
+		laneCount: e.laneCount,
+		segmentStart: e.segmentStart,
+		segmentEnd: e.segmentEnd,
+		isClippedStart: e.isClippedStart,
+		isClippedEnd: e.isClippedEnd
+	}));
+}
+function et(e, t, n, r) {
+	let i = e === "month" ? 1 : e === "quarter" ? 3 : e === "half-year" ? 6 : 12, a = e === "month" ? Ie(t) : e === "quarter" ? new Date(t.getFullYear(), Math.floor(t.getMonth() / 3) * 3, 1) : e === "half-year" ? new Date(t.getFullYear(), Math.floor(t.getMonth() / 6) * 6, 1) : new Date(t.getFullYear(), 0, 1), o = K(r, 0), s = [];
+	for (let e = 0; e < i; e += 1) {
+		let t = Ie(X(a, e)), r = $(t), i = Q(t, o), c = Fe(r, o), l = [], u = i, d = 0;
+		for (; u.getTime() <= c.getTime();) {
+			let e = u, r = Array.from({ length: 7 }, (t, n) => Y(e, n)), i = r.map((e) => ({
+				date: e,
+				id: `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,
+				label: Ve.format(e),
+				shortLabel: Be.format(e)
+			}));
+			l.push({
+				id: `${t.getFullYear()}-${t.getMonth()}-${d}`,
+				weekStart: e,
+				days: r,
+				segments: $e(n, i)
+			}), u = Y(e, 7), d += 1;
+		}
+		s.push({
+			id: `${t.getFullYear()}-${t.getMonth()}`,
+			title: He.format(t),
+			weeks: l
+		});
+	}
+	return s;
+}
+function tt(e) {
+	return e === "day" || e === "week" || e === "work-week";
+}
+function nt(e, t) {
+	let n = new Intl.DateTimeFormat(void 0, {
+		hour: "numeric",
+		minute: "2-digit"
+	});
+	return `${n.format(e)} - ${n.format(t)}`;
+}
+function rt(e) {
+	return q(e);
+}
+function it(e, t, n) {
+	return n ? n(e) : /* @__PURE__ */ l("div", {
+		className: t,
+		children: [/* @__PURE__ */ c("strong", {
+			className: "nabs-ui-event-calendar__eventTitle",
+			children: e.event.title
+		}), e.event.content ? /* @__PURE__ */ c("div", {
+			className: "nabs-ui-event-calendar__eventBody",
+			children: e.event.content
+		}) : null]
+	});
+}
+var at = e(function({ events: e, view: n, defaultView: o = "week", anchorDate: s, defaultAnchorDate: u, weekStartsOn: d = 0, workWeekStartsOn: f = 1, dayStartsAt: p = 7, dayEndsAt: m = 22, slotMinutes: h = 60, showControls: g = !0, eventTemplate: _, onViewChange: v, onAnchorDateChange: y, onRangeChange: b, onEventClick: x, onEventDoubleClick: S, className: C = "", ...w }, T) {
+	let [ee, te] = a(G(o)), [E, D] = a(() => rt(u)), O = i(b);
+	t(() => {
+		O.current = b;
+	}, [b]);
+	let k = G(n ?? ee), A = r(() => rt(s ?? E), [s, E]), j = K(d, 0), M = K(f, 1), N = Ne(p, 7), P = Math.max(N + 1, Ne(m, 22)), F = Pe(h), I = r(() => We(k, A, M), [
+		A,
+		k,
+		M
+	]);
+	t(() => {
+		O.current?.({
+			view: k,
+			range: I
+		});
+	}, [I, k]);
+	let L = Ue(C), R = Ge(I), z = r(() => qe(k, A, M), [
+		A,
+		k,
+		M
+	]), B = r(() => Ze(e, z, N, P), [
+		z,
+		e,
+		P,
+		N
+	]), ne = r(() => $e(e, z), [z, e]), V = r(() => {
+		let e = Math.max(60, (P - N) * 60);
+		return Math.max(1, Math.floor(e / F));
+	}, [
+		P,
+		N,
+		F
+	]), re = r(() => et(k, A, e, j), [
+		e,
+		A,
+		k,
+		j
+	]), H = r(() => je.map((e) => ({
+		label: Me[e],
+		value: e
+	})), []), U = (e) => {
+		let t = Ke(A, k, e);
+		D(t), y?.(t);
+	}, W = (e) => {
+		let t = G(e);
+		te(t), v?.(t);
+	};
+	return /* @__PURE__ */ l("section", {
+		ref: T,
+		className: L,
+		...w,
+		children: [g ? /* @__PURE__ */ l("div", {
+			className: "nabs-ui-event-calendar__controls",
+			"aria-label": "Calendar controls",
+			children: [
+				/* @__PURE__ */ c(Ae, {
+					"aria-label": "Calendar navigation",
+					items: [
+						{
+							id: "previous",
+							label: "Previous"
+						},
+						{
+							id: "today",
+							label: "Today"
+						},
+						{
+							id: "next",
+							label: "Next"
+						}
+					],
+					onItemSelect: ({ itemId: e }) => {
+						if (e === "previous") {
+							U(-1);
+							return;
+						}
+						if (e === "today") {
+							U(0);
+							return;
+						}
+						U(1);
+					}
+				}),
+				/* @__PURE__ */ c(xe, {
+					"aria-label": "Calendar view",
+					items: H,
+					value: k,
+					onValueChange: (e) => {
+						e && W(e);
+					}
+				}),
+				/* @__PURE__ */ c(pe, {
+					"aria-label": "Anchor date",
+					label: "Date",
+					labelPosition: "left",
+					value: Re(A),
+					onValueChange: (e) => {
+						if (!e) return;
+						let t = rt(e);
+						D(t), y?.(t);
+					}
+				}),
+				/* @__PURE__ */ c("span", {
+					className: "nabs-ui-event-calendar__rangeLabel",
+					children: R
+				})
+			]
+		}) : null, tt(k) ? /* @__PURE__ */ l("div", {
+			className: "nabs-ui-event-calendar__timeView",
+			children: [
+				/* @__PURE__ */ c("div", {
+					className: "nabs-ui-event-calendar__dayHeaderRow",
+					children: /* @__PURE__ */ c("div", {
+						className: "nabs-ui-event-calendar__dayHeaderGrid",
+						style: { gridTemplateColumns: `repeat(${z.length}, minmax(0, 1fr))` },
+						children: z.map((e) => /* @__PURE__ */ l("div", {
+							className: "nabs-ui-event-calendar__dayHeaderCell",
+							"aria-label": e.label,
+							children: [/* @__PURE__ */ c("span", { children: e.shortLabel }), /* @__PURE__ */ c("strong", { children: e.date.getDate() })]
+						}, e.id))
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nabs-ui-event-calendar__allDayRow",
+					children: /* @__PURE__ */ l("div", {
+						className: "nabs-ui-event-calendar__spanTrack",
+						style: { gridTemplateColumns: `repeat(${z.length}, minmax(0, 1fr))` },
+						children: [z.map((e) => /* @__PURE__ */ c("div", { className: "nabs-ui-event-calendar__spanCell" }, `${e.id}-all-day`)), ne.map((e) => {
+							let t = e.startIndex / z.length * 100, n = (e.endIndex - e.startIndex + 1) / z.length * 100, r = e.laneIndex * 1.9, i = {
+								event: e.event,
+								view: k,
+								segmentStart: e.segmentStart,
+								segmentEnd: e.segmentEnd,
+								isClippedStart: e.isClippedStart,
+								isClippedEnd: e.isClippedEnd
+							};
+							return /* @__PURE__ */ l("button", {
+								type: "button",
+								className: [
+									"nabs-ui-event-calendar__event",
+									"nabs-ui-event-calendar__event--span",
+									e.event.className ?? ""
+								].filter(Boolean).join(" "),
+								style: {
+									left: `${t}%`,
+									width: `${n}%`,
+									top: `${r}rem`
+								},
+								onClick: (t) => {
+									x?.({
+										event: e.event,
+										nativeEvent: t
+									});
+								},
+								onDoubleClick: (t) => {
+									S?.({
+										event: e.event,
+										nativeEvent: t
+									});
+								},
+								children: [
+									e.isClippedStart ? /* @__PURE__ */ c("span", {
+										className: "nabs-ui-event-calendar__clipMark",
+										children: "‹"
+									}) : null,
+									it(i, "nabs-ui-event-calendar__eventContent", _),
+									e.isClippedEnd ? /* @__PURE__ */ c("span", {
+										className: "nabs-ui-event-calendar__clipMark",
+										children: "›"
+									}) : null
+								]
+							}, `${e.event.id}-${e.startIndex}-${e.endIndex}-${e.laneIndex}`);
+						})]
+					})
+				}),
+				/* @__PURE__ */ c("div", {
+					className: "nabs-ui-event-calendar__timeGridArea",
+					children: /* @__PURE__ */ l("div", {
+						className: "nabs-ui-event-calendar__dayColumns",
+						style: { gridTemplateColumns: `repeat(${z.length}, minmax(0, 1fr))` },
+						children: [z.map((e) => /* @__PURE__ */ c("div", {
+							className: "nabs-ui-event-calendar__dayColumn",
+							children: Array.from({ length: V }, (t, n) => /* @__PURE__ */ c("div", { className: "nabs-ui-event-calendar__timeGridLine" }, `${e.id}-${n}`))
+						}, `${e.id}-lane`)), B.map((e) => {
+							let t = 100 / e.laneCount, n = e.laneIndex / e.laneCount * 100, r = Math.max(10, t - 2), i = z.findIndex((t) => t.id === e.columnId);
+							if (i < 0) return null;
+							let a = {
+								event: e.event,
+								view: k,
+								segmentStart: e.start,
+								segmentEnd: e.end,
+								isClippedStart: !1,
+								isClippedEnd: !1
+							};
+							return /* @__PURE__ */ c("div", {
+								className: "nabs-ui-event-calendar__timedContainer",
+								style: {
+									gridColumn: `${i + 1}`,
+									top: `${e.topPct}%`,
+									height: `${e.heightPct}%`
+								},
+								children: /* @__PURE__ */ l("button", {
+									type: "button",
+									className: [
+										"nabs-ui-event-calendar__event",
+										"nabs-ui-event-calendar__event--timed",
+										e.event.className ?? ""
+									].filter(Boolean).join(" "),
+									style: {
+										left: `${n}%`,
+										width: `${r}%`
+									},
+									onClick: (t) => {
+										x?.({
+											event: e.event,
+											nativeEvent: t
+										});
+									},
+									onDoubleClick: (t) => {
+										S?.({
+											event: e.event,
+											nativeEvent: t
+										});
+									},
+									children: [/* @__PURE__ */ c("div", {
+										className: "nabs-ui-event-calendar__eventMeta",
+										children: nt(e.start, e.end)
+									}), it(a, "nabs-ui-event-calendar__eventContent", _)]
+								})
+							}, `${e.event.id}-${e.columnId}-${e.laneIndex}-${e.topPct}`);
+						})]
+					})
+				})
+			]
+		}) : /* @__PURE__ */ c("div", {
+			className: "nabs-ui-event-calendar__monthLayouts",
+			children: re.map((e) => {
+				let t = Number(e.id.split("-")[1] ?? "0");
+				return /* @__PURE__ */ l("article", {
+					className: "nabs-ui-event-calendar__monthCard",
+					children: [
+						/* @__PURE__ */ c("header", {
+							className: "nabs-ui-event-calendar__monthHeader",
+							children: /* @__PURE__ */ c("h3", { children: e.title })
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "nabs-ui-event-calendar__weekdayHeader",
+							style: { gridTemplateColumns: "repeat(7, minmax(0, 1fr))" },
+							children: Array.from({ length: 7 }, (t, n) => {
+								let r = new Date(2026, 0, 4 + n);
+								return /* @__PURE__ */ c("div", {
+									className: "nabs-ui-event-calendar__weekdayCell",
+									children: new Intl.DateTimeFormat(void 0, { weekday: "short" }).format(r)
+								}, `${e.id}-weekday-${n}`);
+							})
+						}),
+						/* @__PURE__ */ c("div", {
+							className: "nabs-ui-event-calendar__monthWeeks",
+							children: e.weeks.map((e) => /* @__PURE__ */ l("div", {
+								className: "nabs-ui-event-calendar__monthWeek",
+								children: [/* @__PURE__ */ c("div", {
+									className: "nabs-ui-event-calendar__monthWeekDays",
+									style: { gridTemplateColumns: "repeat(7, minmax(0, 1fr))" },
+									children: e.days.map((n) => /* @__PURE__ */ c("div", {
+										className: ["nabs-ui-event-calendar__monthDayCell", n.getMonth() === t ? "" : "nabs-ui-event-calendar__monthDayCell--outside"].filter(Boolean).join(" "),
+										children: /* @__PURE__ */ c("span", {
+											className: "nabs-ui-event-calendar__monthDayNumber",
+											children: n.getDate()
+										})
+									}, `${e.id}-${n.toISOString()}`))
+								}), /* @__PURE__ */ c("div", {
+									className: "nabs-ui-event-calendar__monthWeekSpans",
+									children: e.segments.map((t) => {
+										let n = t.startIndex / 7 * 100, r = (t.endIndex - t.startIndex + 1) / 7 * 100, i = t.laneIndex * 1.85, a = {
+											event: t.event,
+											view: k,
+											segmentStart: t.segmentStart,
+											segmentEnd: t.segmentEnd,
+											isClippedStart: t.isClippedStart,
+											isClippedEnd: t.isClippedEnd
+										};
+										return /* @__PURE__ */ l("button", {
+											type: "button",
+											className: [
+												"nabs-ui-event-calendar__event",
+												"nabs-ui-event-calendar__event--month",
+												t.event.className ?? ""
+											].filter(Boolean).join(" "),
+											style: {
+												left: `${n}%`,
+												width: `${r}%`,
+												top: `${i}rem`
+											},
+											onClick: (e) => {
+												x?.({
+													event: t.event,
+													nativeEvent: e
+												});
+											},
+											onDoubleClick: (e) => {
+												S?.({
+													event: t.event,
+													nativeEvent: e
+												});
+											},
+											children: [
+												t.isClippedStart ? /* @__PURE__ */ c("span", {
+													className: "nabs-ui-event-calendar__clipMark",
+													children: "‹"
+												}) : null,
+												/* @__PURE__ */ c("div", {
+													className: "nabs-ui-event-calendar__eventMeta",
+													children: nt(t.segmentStart, t.segmentEnd)
+												}),
+												it(a, "nabs-ui-event-calendar__eventContent", _),
+												t.isClippedEnd ? /* @__PURE__ */ c("span", {
+													className: "nabs-ui-event-calendar__clipMark",
+													children: "›"
+												}) : null
+											]
+										}, `${e.id}-${t.event.id}-${t.startIndex}-${t.endIndex}-${t.laneIndex}`);
+									})
+								})]
+							}, e.id))
+						})
+					]
+				}, e.id);
+			})
+		})]
+	});
+});
+at.displayName = "EventCalendar";
+//#endregion
+export { d as Branding, b as Breadcrumb, at as EventCalendar, H as PieChart, u as Shell, I as TwoDChart };