@net-advantage/nabs-ui-shell 0.81.0 → 0.84.0

package/dist/nabs-ui-shell.js

@@ -220,16 +220,16 @@ function w(e) {
 function T(e, t) {
 	return w(e[t]);
 }
-function ee(e) {
+function E(e) {
 	return !Number.isFinite(e) || e <= 0 ? 5 : Math.abs(e);
 }
-function te(e, t, n) {
+function D(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function E(e) {
+function O(e) {
 	return Number(e.toFixed(6));
 }
-function D(e, t, n) {
+function ee(e, t, n) {
 	let r = [];
 	if (n?.length) for (let e of n) {
 		let t = String(e ?? "").trim();
@@ -246,7 +246,7 @@ function D(e, t, n) {
 	}
 	return r.slice(0, 10);
 }
-function O(e, t, n, r) {
+function te(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,16 +256,16 @@ function O(e, t, n, r) {
 		axisMax: o
 	};
 }
-function k(e, t, n) {
+function ne(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 = E(o);
+		let e = O(o);
 		if (e >= t) break;
 		r.push(e), a += 1;
 	}
 	return r[r.length - 1] !== t && r.push(t), r;
 }
-function ne(e, t, n) {
+function re(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 + x.legendSampleWidth, s = a + x.legendSampleWidth / 2, c = o + x.legendTextGap;
@@ -280,7 +280,7 @@ function ne(e, t, n) {
 		};
 	});
 }
-function A(e, t) {
+function k(e, t) {
 	let n = [];
 	for (let r of e) r !== e[0] && n.push({
 		id: `guide-${r}`,
@@ -289,24 +289,24 @@ function A(e, t) {
 	});
 	return n;
 }
-function j(e, t) {
+function A(e, t) {
 	return e.map((e) => ({
 		id: `tick-${e}`,
 		value: e,
 		y: t(e)
 	}));
 }
-function M(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, M = E ? w + x.svgBottomPadding : C + x.svgBottomPadding, N = (e) => _ + (d - e) / f * x.plotHeight, P = k(u, d, p), F = A(P, N), I = j(P, N), L = e.map((e, t) => {
+function ie(e, t, n, r, i, a, o, s) {
+	let c = ee(e, t, n), l = c.flatMap((t) => e.map((e) => T(e, t))), { axisMin: u, axisMax: d } = te(Math.max(0, ...l), i, a, o), f = Math.max(1, d - u), p = E(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, O = r && c.length > 1, ie = O ? w + x.svgBottomPadding : C + x.svgBottomPadding, j = (e) => _ + (d - e) / f * x.plotHeight, M = ne(u, d, p), N = k(M, j), P = A(M, j), F = e.map((e, t) => {
 		let n = h + t * x.itemStep + x.itemStep / 2;
 		return {
 			id: `category-${e.yAxis}-${t}`,
 			label: e.yAxis,
 			x: n
 		};
-	}), R = c.map((t, n) => {
-		let r = L.map((n, r) => {
-			let i = e[r], a = T(i, t), o = N(te(a, u, d));
+	}), ae = c.map((t, n) => {
+		let r = F.map((n, r) => {
+			let i = e[r], a = T(i, t), o = j(D(a, u, d));
 			return {
 				id: `${t}-${n.id}`,
 				label: n.label,
@@ -321,22 +321,22 @@ function M(e, t, n, r, i, a, o, s) {
 			colorIndex: n,
 			points: r
 		};
-	}), z = L.map((e) => ({
+	}), I = F.map((e) => ({
 		id: `v-guide-${e.id}`,
 		x: e.x
-	})), B = E ? ne(c, y / 2, w) : [], V = Math.max(1, R.length), H = x.itemStep * x.barGroupScale, U = x.barGap;
+	})), L = O ? re(c, y / 2, w) : [], oe = Math.max(1, ae.length), se = x.itemStep * x.barGroupScale, ce = x.barGap;
 	return {
 		valueKeys: c,
-		categoryTicks: L,
-		seriesModels: R,
-		guides: F,
-		verticalGuides: z,
-		yTicks: I,
-		legendItems: B,
-		svgHeight: M,
+		categoryTicks: F,
+		seriesModels: ae,
+		guides: N,
+		verticalGuides: I,
+		yTicks: P,
+		legendItems: L,
+		svgHeight: ie,
 		svgWidth: y,
-		barWidth: Math.max(2, Math.min(x.barWidthMax, (H - Math.max(0, V - 1) * U) / V)),
-		barGap: U,
+		barWidth: Math.max(2, Math.min(x.barWidthMax, (se - Math.max(0, oe - 1) * ce) / oe)),
+		barGap: ce,
 		plotLeft: h,
 		plotRight: g,
 		plotTop: _,
@@ -347,14 +347,14 @@ function M(e, t, n, r, i, a, o, s) {
 		legendY: w
 	};
 }
-function N(e) {
+function j(e) {
 	return e.map((e) => `${e.x},${e.y}`).join(" ");
 }
-function P(...e) {
+function M(...e) {
 	return e.filter(Boolean).join(" ");
 }
-var F = 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(() => M(t, n, i, h, b, u, d, f), [
+var N = 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(() => ie(t, n, i, h, b, u, d, f), [
 		b,
 		t,
 		h,
@@ -371,20 +371,20 @@ var F = e(function({ className: e = "", series: t, valueName: n, valueNames: i,
 			n && (e[`--nabs-ui-charts-series-inline-${t + 1}`] = n);
 		}
 		return Object.keys(e).length > 0 ? e : void 0;
-	}, [a]), ee = T ? {
+	}, [a]), E = T ? {
 		...T,
 		..._
-	} : _, te = P("nabs-ui-charts", S[o], e), E = m && p.trim().length > 0, D = w.valueKeys.length > 0 ? w.valueKeys.join(", ") : String(n ?? "value");
+	} : _, D = M("nabs-ui-charts", S[o], e), O = m && p.trim().length > 0, ee = w.valueKeys.length > 0 ? w.valueKeys.join(", ") : String(n ?? "value");
 	return /* @__PURE__ */ c("div", {
 		ref: y,
-		className: te,
-		style: ee,
+		className: D,
+		style: E,
 		...v,
 		children: /* @__PURE__ */ l("svg", {
 			className: "nabs-ui-charts__svg",
 			viewBox: `0 0 ${w.svgWidth} ${w.svgHeight}`,
 			role: "img",
-			"aria-label": `2D ${o} chart for ${D}`,
+			"aria-label": `2D ${o} chart for ${ee}`,
 			preserveAspectRatio: "xMidYMid meet",
 			children: [
 				/* @__PURE__ */ c("rect", {
@@ -422,10 +422,10 @@ var F = e(function({ className: e = "", series: t, valueName: n, valueNames: i,
 					y2: w.xAxisY
 				}),
 				o === "line" ? w.seriesModels.map((e) => {
-					let t = P("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = P("nabs-ui-charts__point", `nabs-ui-charts__series-color-${e.colorIndex}`);
+					let t = M("nabs-ui-charts__line", `nabs-ui-charts__series-color-${e.colorIndex}`), n = M("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: N(e.points)
+						points: j(e.points)
 					}) : null, e.points.map((t) => /* @__PURE__ */ c("circle", {
 						className: n,
 						cx: t.x,
@@ -438,7 +438,7 @@ var F = e(function({ className: e = "", series: t, valueName: n, valueNames: i,
 					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: P("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
+							className: M("nabs-ui-charts__bar", `nabs-ui-charts__series-color-${n.colorIndex}`),
 							x: l,
 							y: s,
 							width: w.barWidth,
@@ -455,14 +455,14 @@ var F = e(function({ className: e = "", series: t, valueName: n, valueNames: i,
 					y: w.xAxisLabelY,
 					children: e.label
 				}, `${e.id}-label`)),
-				E ? /* @__PURE__ */ c("text", {
+				O ? /* @__PURE__ */ c("text", {
 					className: "nabs-ui-charts__axisName",
 					x: w.svgWidth / 2,
 					y: w.axisNameY,
 					children: p
 				}) : null,
 				w.legendItems.map((e) => {
-					let t = P("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
+					let t = M("nabs-ui-charts__legendSample", `nabs-ui-charts__series-color-${e.colorIndex}`);
 					return /* @__PURE__ */ l("g", { children: [
 						/* @__PURE__ */ c("line", {
 							className: t,
@@ -489,8 +489,8 @@ var F = e(function({ className: e = "", series: t, valueName: n, valueNames: i,
 		})
 	});
 });
-F.displayName = "2DChart";
-var I = {
+N.displayName = "2DChart";
+var P = {
 	svgWidth: 400,
 	svgHeight: 180,
 	centerX: 88,
@@ -503,13 +503,13 @@ var I = {
 	legendSwatchSize: 7,
 	legendTextGap: 6
 };
-function L(e) {
+function F(e) {
 	let t = w(e);
 	return t > 0 ? t : 0;
 }
-function R(e, t) {
+function ae(e, t) {
 	let n = e.map((e, n) => {
-		let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i = L(e[t]);
+		let r = String(e.yAxis ?? `Slice ${n + 1}`).trim() || `Slice ${n + 1}`, i = F(e[t]);
 		return {
 			id: `slice-${r}-${n}`,
 			label: r,
@@ -529,13 +529,13 @@ function R(e, t) {
 		};
 	});
 }
-function z(e, t, n, r) {
+function I(e, t, n, r) {
 	return {
 		x: e + n * Math.cos(r),
 		y: t + n * Math.sin(r)
 	};
 }
-function B(e, t, n) {
+function L(e, t, n) {
 	let r = e, i = t - n, a = e, o = t + n;
 	return [
 		`M ${e} ${t}`,
@@ -545,7 +545,7 @@ function B(e, t, n) {
 		"Z"
 	].join(" ");
 }
-function V(e, t, n, r) {
+function oe(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 V(e, t, n, r) {
 		"Z"
 	].join(" ");
 }
-function H(e, t, n, r, i, a) {
-	if (e.ratio >= .999999) return t === "donut" ? V(n, r, i, a) : B(n, r, i);
-	let o = +(e.endAngle - e.startAngle > Math.PI), s = z(n, r, i, e.startAngle), c = z(n, r, i, e.endAngle);
+function se(e, t, n, r, i, a) {
+	if (e.ratio >= .999999) return t === "donut" ? oe(n, r, i, a) : L(n, r, i);
+	let o = +(e.endAngle - e.startAngle > Math.PI), s = I(n, r, i, e.startAngle), c = I(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 = z(n, r, a, e.startAngle), u = z(n, r, a, e.endAngle);
+	let l = I(n, r, a, e.startAngle), u = I(n, r, a, e.endAngle);
 	return [
 		`M ${s.x} ${s.y}`,
 		`A ${i} ${i} 0 ${o} 1 ${c.x} ${c.y}`,
@@ -575,8 +575,8 @@ function H(e, t, n, r, i, a) {
 		"Z"
 	].join(" ");
 }
-var U = e(function({ className: e = "", series: t, valueName: n, palette: i, chartType: a = "pie", showLegend: o = !0, style: s, ...u }, d) {
-	let f = r(() => R(t, n), [t, n]), p = r(() => {
+var ce = e(function({ className: e = "", series: t, valueName: n, palette: i, chartType: a = "pie", showLegend: o = !0, style: s, ...u }, d) {
+	let f = r(() => ae(t, n), [t, n]), p = r(() => {
 		if (!i || i.length === 0) return;
 		let e = {};
 		for (let t = 0; t < Math.min(10, i.length); t += 1) {
@@ -587,7 +587,7 @@ var U = e(function({ className: e = "", series: t, valueName: n, palette: i, cha
 	}, [i]);
 	return /* @__PURE__ */ c("div", {
 		ref: d,
-		className: P("nabs-ui-charts", "nabs-ui-charts--pie", `nabs-ui-charts--${a}`, e),
+		className: M("nabs-ui-charts", "nabs-ui-charts--pie", `nabs-ui-charts--${a}`, e),
 		style: p ? {
 			...p,
 			...s
@@ -595,27 +595,27 @@ var U = e(function({ className: e = "", series: t, valueName: n, palette: i, cha
 		...u,
 		children: /* @__PURE__ */ l("svg", {
 			className: "nabs-ui-charts__svg",
-			viewBox: `0 0 ${I.svgWidth} ${I.svgHeight}`,
+			viewBox: `0 0 ${P.svgWidth} ${P.svgHeight}`,
 			role: "img",
 			"aria-label": `${a} chart for ${n}`,
 			preserveAspectRatio: "xMidYMid meet",
 			children: [
 				f.length > 0 ? f.map((e) => {
-					let t = H(e, a, I.centerX, I.centerY, I.radius, I.donutInnerRadius);
+					let t = se(e, a, P.centerX, P.centerY, P.radius, P.donutInnerRadius);
 					return /* @__PURE__ */ c("path", {
-						className: P("nabs-ui-charts__pieSlice", `nabs-ui-charts__series-color-${e.colorIndex}`),
+						className: M("nabs-ui-charts__pieSlice", `nabs-ui-charts__series-color-${e.colorIndex}`),
 						d: t,
 						children: /* @__PURE__ */ c("title", { children: `${e.label}: ${e.value}` })
 					}, e.id);
 				}) : null,
 				o ? f.map((e, t) => {
-					let n = I.legendStartY + t * I.legendItemHeight, r = P("nabs-ui-charts__legendSwatch", `nabs-ui-charts__series-color-${e.colorIndex}`), i = n - I.legendSwatchSize / 2, a = I.legendStartX + I.legendSwatchSize + I.legendTextGap;
+					let n = P.legendStartY + t * P.legendItemHeight, r = M("nabs-ui-charts__legendSwatch", `nabs-ui-charts__series-color-${e.colorIndex}`), i = n - P.legendSwatchSize / 2, a = P.legendStartX + P.legendSwatchSize + P.legendTextGap;
 					return /* @__PURE__ */ l("g", { children: [/* @__PURE__ */ c("rect", {
 						className: r,
-						x: I.legendStartX,
+						x: P.legendStartX,
 						y: i,
-						width: I.legendSwatchSize,
-						height: I.legendSwatchSize,
+						width: P.legendSwatchSize,
+						height: P.legendSwatchSize,
 						rx: 1,
 						ry: 1
 					}), /* @__PURE__ */ c("text", {
@@ -627,8 +627,8 @@ var U = e(function({ className: e = "", series: t, valueName: n, palette: i, cha
 				}) : null,
 				f.length === 0 ? /* @__PURE__ */ c("text", {
 					className: "nabs-ui-charts__legendLabel",
-					x: I.centerX,
-					y: I.centerY,
+					x: P.centerX,
+					y: P.centerY,
 					textAnchor: "middle",
 					children: "No data"
 				}) : null
@@ -636,56 +636,91 @@ var U = e(function({ className: e = "", series: t, valueName: n, palette: i, cha
 		})
 	});
 });
-U.displayName = "PieChart";
+ce.displayName = "PieChart";
 //#endregion
 //#region ../nabs-ui-event-calendar/dist/nabs-ui-event-calendar.js
-var re = [
+var le = [
+	"primary",
+	"secondary",
+	"ghost"
+], ue = "primary", de = {
+	primary: "nabs-ui-button--primary",
+	secondary: "nabs-ui-button--secondary",
+	ghost: "nabs-ui-button--ghost"
+};
+function fe(e) {
+	return typeof e == "string" && le.includes(e);
+}
+function pe(e) {
+	return fe(e) ? e : ue;
+}
+function R({ variant: e, className: t }) {
+	return [
+		"nabs-ui-button",
+		de[pe(e)],
+		t ?? ""
+	].filter(Boolean).join(" ");
+}
+var z = e(function({ children: e, className: t = "", variant: n = "primary", type: r = "button", ...i }, a) {
+	return /* @__PURE__ */ c("button", {
+		ref: a,
+		className: R({
+			variant: n,
+			className: t
+		}),
+		type: r,
+		...i,
+		children: e
+	});
+});
+z.displayName = "Button";
+var me = [
 	"none",
 	"top",
 	"left"
-], W = {
+], he = {
 	none: "nabs-ui-datepicker--label-none",
 	top: "nabs-ui-datepicker--label-top",
 	left: "nabs-ui-datepicker--label-left"
 };
-function G(e) {
-	return typeof e == "string" && re.includes(e);
+function ge(e) {
+	return typeof e == "string" && me.includes(e);
 }
-function ie(e) {
-	return G(e) ? e : "top";
+function _e(e) {
+	return ge(e) ? e : "top";
 }
-function ae(e, t) {
+function B(e, t) {
 	return e || `nabs-ui-datepicker-${t.replace(/:/g, "")}`;
 }
-function oe({ label: e, labelPosition: t, className: n }) {
-	let r = ie(t);
+function V({ label: e, labelPosition: t, className: n }) {
+	let r = _e(t);
 	return [
 		"nabs-ui-datepicker",
-		e ? W[r] ?? W.top : "",
+		e ? he[r] ?? he.top : "",
 		n ?? ""
 	].filter(Boolean).join(" ");
 }
-function se(e) {
+function ve(e) {
 	return ["nabs-ui-datepicker__input", e ?? ""].filter(Boolean).join(" ");
 }
-function ce(e) {
+function H(e) {
 	return ["nabs-ui-datepicker__label", e ?? ""].filter(Boolean).join(" ");
 }
-function le(e) {
+function U(e) {
 	if (e !== void 0) return e ?? "";
 }
-function ue(e, t) {
+function ye(e, t) {
 	return t && e === "" ? null : e;
 }
-function de({ defaultPrevented: e, disabled: t, readOnly: n }) {
+function be({ defaultPrevented: e, disabled: t, readOnly: n }) {
 	return !e && !t && !n;
 }
-var fe = 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 = ae(s, n()), _ = oe({
+var xe = 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 = B(s, n()), _ = V({
 		label: e,
 		labelPosition: t,
 		className: r
-	}), v = se(i), y = ce(a), b = le(u);
+	}), v = ve(i), y = H(a), b = U(u);
 	return /* @__PURE__ */ l("div", {
 		className: _,
 		children: [e ? /* @__PURE__ */ c("label", {
@@ -701,50 +736,135 @@ var fe = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassN
 			onClick: (e) => {
 				f?.(e);
 				let t = e.currentTarget;
-				de({
+				be({
 					defaultPrevented: e.defaultPrevented,
 					disabled: t.disabled,
 					readOnly: t.readOnly
 				}) && t.showPicker?.();
 			},
 			onChange: (e) => {
-				d?.(e), p?.(ue(e.target.value, o), e);
+				d?.(e), p?.(ye(e.target.value, o), e);
 			},
 			...m
 		})]
 	});
 });
-fe.displayName = "DatePicker";
-function pe(e) {
+xe.displayName = "DatePicker";
+var Se = "a[href], area[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function W(e) {
+	return Array.from(e.querySelectorAll(Se)).filter((e) => !e.hasAttribute("disabled") && e.getAttribute("aria-hidden") !== "true");
+}
+var Ce = e(function({ title: e, description: r, header: a, footer: o, showHeader: s = !0, showFooter: u = !0, onRequestClose: d, closeOnBackdropClick: f = !0, closeOnEscape: p = !0, initialFocusSelector: m, dialogRole: h = "dialog", className: g = "", backdropClassName: _ = "", headerClassName: v = "", descriptionClassName: y = "", contentClassName: b = "", footerClassName: x = "", onKeyDown: S, tabIndex: C, children: w, ...T }, E) {
+	let D = i(null), O = i(null), ee = `nabs-ui-dialog-title-${n().replace(/:/g, "")}`, te = `nabs-ui-dialog-description-${n().replace(/:/g, "")}`, ne = T["aria-labelledby"], re = T["aria-describedby"], k = !a && !!e, A = !!r, ie = s && (!!a || k), j = u && o != null, M = ne ?? (k ? ee : void 0), N = re ?? (A ? te : void 0), P = ["nabs-ui-dialog__backdrop", _].filter(Boolean).join(" "), F = ["nabs-ui-dialog", g].filter(Boolean).join(" "), ae = ["nabs-ui-dialog__header", v].filter(Boolean).join(" "), I = ["nabs-ui-dialog__description", y].filter(Boolean).join(" "), L = ["nabs-ui-dialog__content", b].filter(Boolean).join(" "), oe = ["nabs-ui-dialog__footer", x].filter(Boolean).join(" ");
+	return t(() => {
+		let e = D.current;
+		if (O.current = document.activeElement, m) try {
+			let t = e.querySelector(m);
+			if (t) return t.focus(), () => {
+				O.current?.focus(), O.current = null;
+			};
+		} catch {}
+		let t = W(e);
+		return t.length > 0 ? t[0].focus() : e.focus(), () => {
+			O.current?.focus(), O.current = null;
+		};
+	}, [m]), /* @__PURE__ */ c("div", {
+		className: P,
+		role: "presentation",
+		onClick: (e) => {
+			!f || e.target !== e.currentTarget || d?.();
+		},
+		children: /* @__PURE__ */ l("section", {
+			ref: (e) => {
+				if (D.current = e, typeof E == "function") {
+					E(e);
+					return;
+				}
+				E && (E.current = e);
+			},
+			className: F,
+			role: h,
+			"aria-modal": "true",
+			"aria-labelledby": M,
+			"aria-describedby": N,
+			tabIndex: C ?? -1,
+			onKeyDown: (e) => {
+				if (S?.(e), e.defaultPrevented) return;
+				if (e.key === "Escape" && p) {
+					e.preventDefault(), d?.();
+					return;
+				}
+				if (e.key !== "Tab") return;
+				let t = W(D.current);
+				if (t.length === 0) {
+					e.preventDefault(), D.current.focus();
+					return;
+				}
+				let n = document.activeElement, r = t[0], i = t[t.length - 1];
+				if (e.shiftKey) {
+					(!n || n === r || !D.current.contains(n)) && (e.preventDefault(), i.focus());
+					return;
+				}
+				(!n || n === i || !D.current.contains(n)) && (e.preventDefault(), r.focus());
+			},
+			...T,
+			children: [
+				ie ? /* @__PURE__ */ c("header", {
+					className: ae,
+					children: a ?? /* @__PURE__ */ c("h3", {
+						className: "nabs-ui-dialog__title",
+						id: ee,
+						children: e
+					})
+				}) : null,
+				A ? /* @__PURE__ */ c("div", {
+					id: te,
+					className: I,
+					children: r
+				}) : null,
+				/* @__PURE__ */ c("div", {
+					className: L,
+					children: w
+				}),
+				j ? /* @__PURE__ */ c("footer", {
+					className: oe,
+					children: o
+				}) : null
+			]
+		})
+	});
+});
+Ce.displayName = "Dialog";
+function we(e) {
 	return e.label ?? e.children ?? e.value;
 }
-function me(e, t) {
+function G(e, t) {
 	return e.value || `item-${t}`;
 }
-function he(e, t, n) {
+function K(e, t, n) {
 	return e || t === null || n === null;
 }
-function ge(e, t) {
+function Te(e, t) {
 	return e || `nabs-ui-dropdownlist-${t.replace(/:/g, "")}`;
 }
-function _e({ disabled: e = !1, className: t }) {
+function Ee({ disabled: e = !1, className: t }) {
 	return [
 		"nabs-ui-dropdownlist",
 		e ? "nabs-ui-dropdownlist--disabled" : "",
 		t ?? ""
 	].filter(Boolean).join(" ");
 }
-function ve(e, t, n) {
-	return he(e, t, n);
+function De(e, t, n) {
+	return K(e, t, n);
 }
-function ye(e) {
+function Oe(e) {
 	return e === "" ? null : e;
 }
-var be = 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 = ge(d, n()), g = _e({
+var ke = 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 = Te(d, n()), g = Ee({
 		disabled: f,
 		className: o
-	}), _ = ve(i, t, r);
+	}), _ = De(i, t, r);
 	return /* @__PURE__ */ l("select", {
 		ref: m,
 		id: h,
@@ -753,7 +873,7 @@ var be = e(function({ items: e = [], value: t, defaultValue: r, allowNull: i = !
 		value: t ?? void 0,
 		defaultValue: r ?? void 0,
 		onChange: (e) => {
-			let t = ye(e.target.value);
+			let t = Oe(e.target.value);
 			u?.(t, e), s?.(e);
 		},
 		...p,
@@ -764,27 +884,660 @@ var be = e(function({ items: e = [], value: t, defaultValue: r, allowNull: i = !
 		}) : null, e.map((e, t) => /* @__PURE__ */ c("option", {
 			value: e.value,
 			disabled: e.disabled,
-			children: pe(e)
-		}, me(e, t)))]
+			children: we(e)
+		}, G(e, t)))]
+	});
+});
+ke.displayName = "DropdownList";
+var Ae = [
+	"right",
+	"left",
+	"top",
+	"bottom"
+], je = "right", Me = {
+	right: "nabs-ui-checkbox--label-right",
+	left: "nabs-ui-checkbox--label-left",
+	top: "nabs-ui-checkbox--label-top",
+	bottom: "nabs-ui-checkbox--label-bottom"
+};
+function Ne(e) {
+	return typeof e == "string" && Ae.includes(e);
+}
+function q(e) {
+	return Ne(e) ? e : je;
+}
+function Pe(e, t) {
+	return e || `nabs-ui-checkbox-${t.replace(/:/g, "")}`;
+}
+function Fe({ disabled: e = !1, labelPosition: t, className: n }) {
+	let r = q(t);
+	return [
+		"nabs-ui-checkbox",
+		e ? "nabs-ui-checkbox--disabled" : "",
+		Me[r],
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function Ie(e) {
+	return ["nabs-ui-checkbox__input", e ?? ""].filter(Boolean).join(" ");
+}
+function J(e) {
+	return ["nabs-ui-checkbox__label", e ?? ""].filter(Boolean).join(" ");
+}
+var Y = e(function({ label: e = "Checkbox", labelPosition: t = "right", className: r = "", inputClassName: i = "", labelClassName: a = "", id: o, disabled: s, ...u }, d) {
+	let f = Pe(o, n()), p = Fe({
+		disabled: s,
+		labelPosition: t,
+		className: r
+	}), m = Ie(i), h = J(a);
+	return /* @__PURE__ */ l("label", {
+		className: p,
+		htmlFor: f,
+		children: [/* @__PURE__ */ c("input", {
+			ref: d,
+			id: f,
+			className: m,
+			type: "checkbox",
+			disabled: s,
+			...u
+		}), /* @__PURE__ */ c("span", {
+			className: h,
+			children: e
+		})]
+	});
+});
+Y.displayName = "Checkbox";
+var Le = [
+	"right",
+	"left",
+	"top",
+	"bottom"
+], Re = "right", ze = {
+	right: "nabs-ui-radiobutton--label-right",
+	left: "nabs-ui-radiobutton--label-left",
+	top: "nabs-ui-radiobutton--label-top",
+	bottom: "nabs-ui-radiobutton--label-bottom"
+};
+function X(e) {
+	return typeof e == "string" && Le.includes(e);
+}
+function Be(e) {
+	return X(e) ? e : Re;
+}
+function Ve(e, t) {
+	return e || `nabs-ui-radiobutton-${t.replace(/:/g, "")}`;
+}
+function He({ disabled: e = !1, labelPosition: t, className: n }) {
+	let r = Be(t);
+	return [
+		"nabs-ui-radiobutton",
+		e ? "nabs-ui-radiobutton--disabled" : "",
+		ze[r],
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function Ue(e) {
+	return ["nabs-ui-radiobutton__input", e ?? ""].filter(Boolean).join(" ");
+}
+function We(e) {
+	return ["nabs-ui-radiobutton__label", e ?? ""].filter(Boolean).join(" ");
+}
+function Ge({ label: e = "Radio button", labelPosition: t = "right", className: r = "", inputClassName: i = "", labelClassName: a = "", id: o, ...s }) {
+	let u = s.disabled === !0, d = Ve(o, n()), f = He({
+		disabled: u,
+		labelPosition: t,
+		className: r
+	}), p = Ue(i), m = We(a);
+	return /* @__PURE__ */ l("label", {
+		className: f,
+		htmlFor: d,
+		children: [/* @__PURE__ */ c("input", {
+			id: d,
+			className: p,
+			type: "radio",
+			...s
+		}), /* @__PURE__ */ c("span", {
+			className: m,
+			children: e
+		})]
+	});
+}
+var Ke = [
+	"vertical",
+	"none",
+	"horizontal",
+	"both"
+], qe = "vertical";
+function Je(e) {
+	return typeof e == "string" && Ke.includes(e);
+}
+function Ye(e) {
+	return Je(e) ? e : qe;
+}
+function Xe(e, t) {
+	return e || `nabs-ui-textarea-${t.replace(/:/g, "")}`;
+}
+function Ze(e) {
+	return ["nabs-ui-textarea", e ?? ""].filter(Boolean).join(" ");
+}
+function Qe(e) {
+	return ["nabs-ui-textarea__input", e ?? ""].filter(Boolean).join(" ");
+}
+function $e(e) {
+	return ["nabs-ui-textarea__label", e ?? ""].filter(Boolean).join(" ");
+}
+function et({ rows: e, resize: t }) {
+	return {
+		renderedRows: typeof e == "number" ? e : 4,
+		renderedResize: Ye(t)
+	};
+}
+var tt = e(({ label: e, className: t = "", inputClassName: r = "", labelClassName: i = "", id: a, rows: o = 4, resize: s = "vertical", ...u }, d) => {
+	let f = Xe(a, n()), p = Ze(t), m = Qe(r), h = $e(i), { renderedRows: g, renderedResize: _ } = et({
+		rows: o,
+		resize: s
+	});
+	return /* @__PURE__ */ l("div", {
+		className: p,
+		children: [e ? /* @__PURE__ */ c("label", {
+			className: h,
+			htmlFor: f,
+			children: e
+		}) : null, /* @__PURE__ */ c("textarea", {
+			ref: d,
+			id: f,
+			className: m,
+			rows: g,
+			"data-resize": _,
+			...u
+		})]
 	});
 });
-be.displayName = "DropdownList";
-var xe = {
+tt.displayName = "Textarea";
+var nt = [
+	"none",
+	"top",
+	"left"
+], rt = ["default", "currency"], it = "default", at = {
+	none: "",
+	top: "nabs-ui-textbox--label-top",
+	left: "nabs-ui-textbox--label-left"
+};
+function ot(e) {
+	return typeof e == "string" && nt.includes(e);
+}
+function st(e) {
+	return ot(e) ? e : "top";
+}
+function ct(e) {
+	return typeof e == "string" && rt.includes(e);
+}
+function lt(e) {
+	return ct(e) ? e : it;
+}
+function ut(e) {
+	if (typeof e == "number") return Number.isFinite(e);
+	if (typeof e == "string") {
+		let t = e.trim().replace(/,/g, "");
+		if (!t) return !1;
+		let n = Number(t);
+		return Number.isFinite(n);
+	}
+	return !1;
+}
+function dt(e, t) {
+	return e || `nabs-ui-textbox-${t.replace(/:/g, "")}`;
+}
+function ft({ label: e, labelPosition: t, className: n }) {
+	let r = st(t);
+	return [
+		"nabs-ui-textbox",
+		e ? at[r] ?? at.top : "",
+		n ?? ""
+	].filter(Boolean).join(" ");
+}
+function pt(e, t = !1) {
+	return [
+		"nabs-ui-textbox__input",
+		t ? "nabs-ui-textbox__input--numeric" : "",
+		e ?? ""
+	].filter(Boolean).join(" ");
+}
+function mt(e) {
+	return ["nabs-ui-textbox__label", e ?? ""].filter(Boolean).join(" ");
+}
+function ht(e) {
+	if (e === "" || e == null) return "";
+	if (typeof e == "number") return e.toFixed(2);
+	if (typeof e == "string") {
+		let t = e.trim();
+		if (!t) return "";
+		let n = Number.parseFloat(t);
+		return Number.isNaN(n) ? e : n.toFixed(2);
+	}
+	return e;
+}
+function gt({ format: e, type: t = "text", inputMode: n, value: r }) {
+	let i = lt(e) === "currency";
+	return {
+		isCurrency: i,
+		shouldRightAlign: i || t === "number" || ut(r),
+		renderedType: i ? "text" : t,
+		renderedInputMode: i ? n ?? "decimal" : n,
+		renderedValue: i ? ht(r) : r
+	};
+}
+var _t = e(({ label: e, labelPosition: t = "top", className: r = "", inputClassName: i = "", labelClassName: a = "", format: o = "default", currencySymbol: s = "$", id: u, type: d = "text", value: f, inputMode: p, ...m }, h) => {
+	let g = dt(u, n()), _ = ft({
+		label: e,
+		labelPosition: t,
+		className: r
+	}), v = mt(a), { isCurrency: y, shouldRightAlign: b, renderedType: x, renderedInputMode: S, renderedValue: C } = gt({
+		format: o,
+		type: d,
+		inputMode: p,
+		value: f
+	}), w = pt(i, b);
+	return /* @__PURE__ */ l("div", {
+		className: _,
+		children: [e ? /* @__PURE__ */ c("label", {
+			className: v,
+			htmlFor: g,
+			children: e
+		}) : null, y ? /* @__PURE__ */ l("div", {
+			className: "nabs-ui-textbox__currencyWrap",
+			children: [/* @__PURE__ */ c("span", {
+				className: "nabs-ui-textbox__currencySymbol",
+				"aria-hidden": "true",
+				children: s
+			}), /* @__PURE__ */ c("input", {
+				ref: h,
+				id: g,
+				className: w,
+				type: x,
+				inputMode: S,
+				value: C,
+				...m
+			})]
+		}) : /* @__PURE__ */ c("input", {
+			ref: h,
+			id: g,
+			className: w,
+			type: x,
+			inputMode: S,
+			value: C,
+			...m
+		})]
+	});
+});
+_t.displayName = "Textbox";
+function vt(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function yt(e) {
+	return !e || e.type !== "object" || !vt(e.properties) ? {} : Object.fromEntries(Object.entries(e.properties).map(([e, t]) => [e, bt(t)]));
+}
+function bt(e) {
+	if (!e || !vt(e)) return "";
+	if (e.default !== void 0) return e.default;
+	if (Array.isArray(e.enum) && e.enum.length > 0) return e.enum[0];
+	switch (e.type) {
+		case "boolean": return !1;
+		case "integer":
+		case "number": return "";
+		case "object": return yt(e);
+		default: return "";
+	}
+}
+function xt(e, t) {
+	if (!e || !vt(e)) return t;
+	if (e.type === "object" && vt(e.properties)) {
+		let n = vt(t) ? t : {};
+		return Object.fromEntries(Object.entries(e.properties).map(([e, t]) => [e, xt(t, n[e] === void 0 ? bt(t) : n[e])]));
+	}
+	if (e.type === "boolean") return t === !0;
+	if (e.type === "integer") {
+		if (t === "" || t == null) return "";
+		let e = Number.parseInt(String(t), 10);
+		return Number.isNaN(e) ? "" : e;
+	}
+	if (e.type === "number") {
+		if (t === "" || t == null) return "";
+		let e = Number.parseFloat(String(t));
+		return Number.isNaN(e) ? "" : e;
+	}
+	return t ?? "";
+}
+function St(e) {
+	if (!e || !vt(e)) return "textbox";
+	if (Array.isArray(e.enum) && e.enum.length > 0) return "radio";
+	if (e.type === "string") return e.maxLength !== void 0 && e.maxLength > 50 ? "textarea" : "textbox";
+	if (e.type === "integer") return "int";
+	if (e.type === "number") {
+		let t = String(e.format ?? "").toLowerCase(), n = String(e.currencySymbol ?? "").trim().length > 0;
+		return t === "decimal" ? n ? "currencyDecimal" : "decimal" : n ? "currencyDouble" : "double";
+	}
+	return e.type === "boolean" ? "bool" : "textbox";
+}
+var Ct = {
+	type: "object",
+	properties: {}
+};
+function wt({ schema: e, name: t, value: n, onChange: r }) {
+	let i = e.title ?? t, a = e.description, o = St(e), s = n;
+	if (o === "radio") {
+		let n = e.enum;
+		return /* @__PURE__ */ l("fieldset", {
+			className: "nabs-ui-dynamicform__fieldset",
+			children: [
+				/* @__PURE__ */ c("legend", {
+					className: "nabs-ui-dynamicform__legend",
+					children: i
+				}),
+				a ? /* @__PURE__ */ c("p", {
+					className: "nabs-ui-dynamicform__description",
+					children: a
+				}) : null,
+				/* @__PURE__ */ c("div", {
+					className: "nabs-ui-dynamicform__radioGroup",
+					children: n.map((e) => /* @__PURE__ */ c(Ge, {
+						label: String(e),
+						name: t,
+						checked: s === e,
+						onChange: () => r(e)
+					}, String(e)))
+				})
+			]
+		});
+	}
+	if (o === "textarea") return /* @__PURE__ */ c(tt, {
+		label: i,
+		rows: 5,
+		value: String(s),
+		placeholder: String(e.default ?? ""),
+		onChange: (e) => r(e.target.value)
+	});
+	if (o === "bool") return /* @__PURE__ */ c(Y, {
+		label: i,
+		checked: s === !0,
+		onChange: (e) => r(e.target.checked)
+	});
+	let u = o === "currencyDecimal" || o === "currencyDouble", d = o === "int" || o === "decimal" || o === "double" || o === "currencyDecimal" || o === "currencyDouble", f = d ? "number" : "text", p = o === "int" ? 1 : d ? "any" : void 0, m = String(e.currencySymbol ?? "").trim(), h = u && m.length > 0, g = (e) => {
+		if (o === "int") {
+			r(e === "" ? "" : Number.parseInt(e, 10));
+			return;
+		}
+		if (o === "decimal" || o === "double" || o === "currencyDecimal" || o === "currencyDouble") {
+			r(e === "" ? "" : Number.parseFloat(e));
+			return;
+		}
+		r(e);
+	};
+	return /* @__PURE__ */ c(_t, {
+		label: i,
+		type: f,
+		step: p,
+		format: h ? "currency" : "default",
+		currencySymbol: h ? m : void 0,
+		value: String(s),
+		placeholder: String(e.default ?? ""),
+		onChange: (e) => g(e.target.value)
+	});
+}
+var Tt = e(function({ schema: e, value: r, onChange: i, className: o = "", id: s, disabled: u = !1, ...d }, f) {
+	let p = n(), m = s ?? `nabs-ui-dynamicform-${p.replace(/:/g, "")}`, h = e && e.type === "object" ? e : Ct, [g, _] = a(() => xt(h, r ?? yt(h)));
+	t(() => {
+		_(xt(h, r ?? yt(h)));
+	}, [h, r]);
+	let v = g, y = h.title ?? "Dynamic form", b = h.description, x = [
+		"nabs-ui-dynamicform",
+		u ? "nabs-ui-dynamicform--disabled" : "",
+		o
+	].filter(Boolean).join(" "), S = (e) => {
+		_(e), i?.(e);
+	};
+	return u ? /* @__PURE__ */ l("div", {
+		ref: f,
+		id: m,
+		className: x,
+		"aria-disabled": "true",
+		...d,
+		children: [/* @__PURE__ */ l("div", {
+			className: "nabs-ui-dynamicform__header",
+			children: [/* @__PURE__ */ c("div", {
+				className: "nabs-ui-dynamicform__title",
+				children: y
+			}), b ? /* @__PURE__ */ c("div", {
+				className: "nabs-ui-dynamicform__description",
+				children: b
+			}) : null]
+		}), /* @__PURE__ */ c("div", {
+			className: "nabs-ui-dynamicform__fields",
+			children: Object.entries(h.properties ?? {}).map(([e, t]) => /* @__PURE__ */ c("div", {
+				className: "nabs-ui-dynamicform__field",
+				children: /* @__PURE__ */ c(wt, {
+					schema: t,
+					name: e,
+					value: v[e],
+					onChange: (n) => S({
+						...v,
+						[e]: xt(t, n)
+					})
+				})
+			}, e))
+		})]
+	}) : /* @__PURE__ */ l("div", {
+		ref: f,
+		id: m,
+		className: x,
+		...d,
+		children: [/* @__PURE__ */ l("div", {
+			className: "nabs-ui-dynamicform__header",
+			children: [/* @__PURE__ */ c("div", {
+				className: "nabs-ui-dynamicform__title",
+				children: y
+			}), b ? /* @__PURE__ */ c("div", {
+				className: "nabs-ui-dynamicform__description",
+				children: b
+			}) : null]
+		}), /* @__PURE__ */ c("div", {
+			className: "nabs-ui-dynamicform__fields",
+			children: Object.entries(h.properties ?? {}).map(([e, t]) => /* @__PURE__ */ c("div", {
+				className: "nabs-ui-dynamicform__field",
+				children: /* @__PURE__ */ c(wt, {
+					schema: t,
+					name: e,
+					value: v[e],
+					onChange: (n) => S({
+						...v,
+						[e]: xt(t, n)
+					})
+				})
+			}, e))
+		})]
+	});
+});
+Tt.displayName = "DynamicForm";
+function Et(e) {
+	return e ? (Array.isArray(e) ? e : String(e).split(",")).map((e) => e.trim().toLowerCase()).filter(Boolean).map((e) => e.startsWith(".") ? e : `.${e}`) : [];
+}
+function Dt(e, t) {
+	let n = String(e).split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), r = Et(t);
+	return [.../* @__PURE__ */ new Set([...n, ...r])];
+}
+function Ot(e, t) {
+	let n = e.name.toLowerCase(), r = (e.type ?? "").toLowerCase();
+	return t === "*/*" ? !0 : t.endsWith("/*") ? r.startsWith(t.slice(0, -1)) : t.startsWith(".") ? n.endsWith(t) : r === t;
+}
+function kt(e, t) {
+	if (t.length === 0) return {
+		acceptedFiles: e,
+		rejectedFiles: []
+	};
+	let n = [], r = [];
+	for (let i of e) (t.some((e) => Ot(i, e)) ? n : r).push(i);
+	return {
+		acceptedFiles: n,
+		rejectedFiles: r
+	};
+}
+function At(e, t) {
+	return e || `nabs-ui-fileupload-${t.replace(/:/g, "")}`;
+}
+function jt({ disabled: e, isDragOver: t, className: n, surfaceClassName: r, labelClassName: i, descriptionClassName: a, buttonClassName: o, inputClassName: s }) {
+	return {
+		classes: [
+			"nabs-ui-fileupload",
+			e ? "nabs-ui-fileupload--disabled" : "",
+			t ? "nabs-ui-fileupload--drag-over" : "",
+			n ?? ""
+		].filter(Boolean).join(" "),
+		surfaceClasses: ["nabs-ui-fileupload__surface", r ?? ""].filter(Boolean).join(" "),
+		labelClasses: ["nabs-ui-fileupload__label", i ?? ""].filter(Boolean).join(" "),
+		descriptionClasses: ["nabs-ui-fileupload__description", a ?? ""].filter(Boolean).join(" "),
+		buttonClasses: ["nabs-ui-fileupload__button", o ?? ""].filter(Boolean).join(" "),
+		inputClasses: ["nabs-ui-fileupload__input", s ?? ""].filter(Boolean).join(" ")
+	};
+}
+function Mt(e) {
+	return e.length > 0 ? e.join(",") : void 0;
+}
+function Nt({ label: e = "Drop files here or click Browse files", description: t = "Drag and drop files into the drop zone or choose them manually.", accept: r = "", extensions: o = [], multiple: s = !0, disabled: u = !1, className: d = "", surfaceClassName: f = "", labelClassName: p = "", descriptionClassName: m = "", buttonClassName: h = "", inputClassName: g = "", id: _, onFilesSelected: v, ...y }) {
+	let b = At(_, n()), x = i(null), [S, C] = a(!1), w = Dt(r, o), T = Mt(w), { classes: E, surfaceClasses: D, labelClasses: O, descriptionClasses: ee, buttonClasses: te, inputClasses: ne } = jt({
+		disabled: u,
+		isDragOver: S,
+		className: d,
+		surfaceClassName: f,
+		labelClassName: p,
+		descriptionClassName: m,
+		buttonClassName: h,
+		inputClassName: g
+	}), re = (e, t) => {
+		let { acceptedFiles: n, rejectedFiles: r } = kt(Array.from(e ?? []), w);
+		v?.({
+			acceptedFiles: n,
+			rejectedFiles: r,
+			source: t
+		});
+	}, k = () => {
+		u || x.current?.click();
+	}, A = (e) => {
+		re(e.target.files, "input"), e.target.value = "";
+	}, ie = (e) => {
+		e.preventDefault(), u || C(!0);
+	}, j = (e) => {
+		e.preventDefault(), e.currentTarget === e.target && C(!1);
+	}, M = (e) => {
+		e.preventDefault(), C(!1), !u && re(e.dataTransfer.files, "drop");
+	}, N = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), k());
+	};
+	return /* @__PURE__ */ c("div", {
+		className: E,
+		...y,
+		children: /* @__PURE__ */ l("div", {
+			className: D,
+			role: "button",
+			tabIndex: u ? -1 : 0,
+			"aria-label": e,
+			"data-disabled": u ? "true" : void 0,
+			onClick: k,
+			onKeyDown: N,
+			onDragOver: ie,
+			onDragLeave: j,
+			onDrop: M,
+			children: [
+				/* @__PURE__ */ c("input", {
+					ref: x,
+					id: b,
+					className: ne,
+					type: "file",
+					accept: T,
+					multiple: s,
+					disabled: u,
+					"aria-label": e,
+					title: e,
+					onChange: A
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "nabs-ui-fileupload__content",
+					children: [
+						/* @__PURE__ */ c("span", {
+							className: O,
+							children: e
+						}),
+						t ? /* @__PURE__ */ c("span", {
+							className: ee,
+							children: t
+						}) : null,
+						/* @__PURE__ */ l("span", {
+							className: "nabs-ui-fileupload__meta",
+							children: [w.length > 0 ? `Accepted: ${w.join(", ")}` : "Accepted: all files", s ? " • multiple files" : " • single file"]
+						})
+					]
+				}),
+				/* @__PURE__ */ c("button", {
+					type: "button",
+					className: te,
+					disabled: u,
+					onClick: (e) => {
+						e.stopPropagation(), k();
+					},
+					children: "Browse files"
+				})
+			]
+		})
+	});
+}
+function Pt({ className: e, headerClassName: t, contentClassName: n, labelClassName: r }) {
+	return {
+		classes: ["nabs-ui-tab", e ?? ""].filter(Boolean).join(" "),
+		headerClasses: ["nabs-ui-tab__header", t ?? ""].filter(Boolean).join(" "),
+		contentClasses: ["nabs-ui-tab__content", n ?? ""].filter(Boolean).join(" "),
+		labelClasses: ["nabs-ui-tab__label", r ?? ""].filter(Boolean).join(" ")
+	};
+}
+var Ft = e(({ label: e = "Tab", children: t, showHeader: n = !0, className: r = "", headerClassName: i = "", contentClassName: a = "", labelClassName: o = "", id: s, ...u }, d) => {
+	let { classes: f, headerClasses: p, contentClasses: m, labelClasses: h } = Pt({
+		className: r,
+		headerClassName: i,
+		contentClassName: a,
+		labelClassName: o
+	});
+	return /* @__PURE__ */ l("section", {
+		ref: d,
+		id: s,
+		className: f,
+		...u,
+		children: [n ? /* @__PURE__ */ c("div", {
+			className: p,
+			children: /* @__PURE__ */ c("div", {
+				className: h,
+				children: e
+			})
+		}) : null, /* @__PURE__ */ c("div", {
+			className: m,
+			children: t
+		})]
+	});
+});
+Ft.displayName = "Tab";
+var It = {
 	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 Se(e) {
+function Lt(e) {
 	return e || "right";
 }
-function Ce(e) {
+function Rt(e) {
 	return ["nabs-ui-toolbar", e ?? ""].filter(Boolean).join(" ");
 }
-function we(e) {
+function zt(e) {
 	return ["nabs-ui-toolbar__content", e].filter(Boolean).join(" ");
 }
-function Te({ isActive: e, hasLabel: t, buttonClassName: n }) {
+function Bt({ isActive: e, hasLabel: t, buttonClassName: n }) {
 	return [
 		"nabs-ui-toolbar__button",
 		e ? "nabs-ui-toolbar__button--active" : "",
@@ -792,27 +1545,27 @@ function Te({ isActive: e, hasLabel: t, buttonClassName: n }) {
 		n ?? ""
 	].filter(Boolean).join(" ");
 }
-function Ee(e) {
+function Vt(e) {
 	return ["nabs-ui-toolbar__icon", e ?? ""].filter(Boolean).join(" ");
 }
-function De(e) {
+function Ht(e) {
 	return ["nabs-ui-toolbar__label", e ?? ""].filter(Boolean).join(" ");
 }
-function Oe(e, t) {
+function Ut(e, t) {
 	return typeof e == "string" ? e : t;
 }
-var ke = e(function({ items: e, activeItemId: t, className: n = "", buttonClassName: r = "", iconClassName: i = "", labelClassName: a = "", onItemSelect: o, ...s }, u) {
+var Wt = 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: Ce(n),
+		className: Rt(n),
 		role: "toolbar",
 		...s,
 		children: e.map((e) => {
-			let n = e.icon, s = !!e.label, u = e.id === t || e.pressed === !0, d = we(xe[Se(e.labelPosition)]), f = Te({
+			let n = e.icon, s = !!e.label, u = e.id === t || e.pressed === !0, d = zt(It[Lt(e.labelPosition)]), f = Bt({
 				isActive: u,
 				hasLabel: s,
 				buttonClassName: r
-			}), p = Ee(i), m = De(a), h = Oe(e.label, e.title);
+			}), p = Vt(i), m = Ht(a), h = Ut(e.label, e.title);
 			return /* @__PURE__ */ c("button", {
 				type: "button",
 				className: f,
@@ -842,8 +1595,8 @@ var ke = e(function({ items: e, activeItemId: t, className: n = "", buttonClassN
 		})
 	});
 });
-ke.displayName = "Toolbar";
-var Ae = [
+Wt.displayName = "Toolbar";
+var Gt = [
 	"day",
 	"week",
 	"work-week",
@@ -851,7 +1604,7 @@ var Ae = [
 	"quarter",
 	"half-year",
 	"year"
-], je = {
+], Kt = {
 	day: "Day",
 	week: "Week",
 	"work-week": "Work week",
@@ -860,21 +1613,21 @@ var Ae = [
 	"half-year": "Half year",
 	year: "Year"
 };
-function K(e) {
-	return e && Ae.includes(e) ? e : "week";
+function qt(e) {
+	return e && Gt.includes(e) ? e : "week";
 }
-function q(e, t) {
+function Jt(e, t) {
 	return typeof e != "number" || Number.isNaN(e) ? t : (Math.trunc(e) % 7 + 7) % 7;
 }
-function Me(e, t) {
+function Yt(e, t) {
 	return typeof e != "number" || Number.isNaN(e) ? t : Math.min(23, Math.max(0, Math.trunc(e)));
 }
-function Ne(e) {
+function Xt(e) {
 	if (typeof e != "number" || Number.isNaN(e)) return 60;
 	let t = Math.trunc(e);
 	return t <= 0 ? 60 : Math.min(240, t);
 }
-function Pe(e) {
+function Zt(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);
@@ -882,39 +1635,39 @@ function Pe(e) {
 	}
 	return /* @__PURE__ */ new Date();
 }
-function J(e) {
+function Z(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 0, 0, 0, 0);
 }
-function Y(e, t) {
+function Q(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
 }
-function X(e, t) {
+function $(e, t) {
 	return new Date(e.getFullYear(), e.getMonth() + t, e.getDate(), e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
 }
-function Z(e) {
+function Qt(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 $t(e, t) {
+	let n = Z(e);
+	return Q(n, -((n.getDay() - t + 7) % 7));
 }
-function Fe(e, t) {
-	return Z(Y(Q(e, t), 6));
+function en(e, t) {
+	return Qt(Q($t(e, t), 6));
 }
-function Ie(e) {
+function tn(e) {
 	return new Date(e.getFullYear(), e.getMonth(), 1, 0, 0, 0, 0);
 }
-function $(e) {
+function nn(e) {
 	return new Date(e.getFullYear(), e.getMonth() + 1, 0, 23, 59, 59, 999);
 }
-function Le(e) {
+function rn(e) {
 	return e.getHours() * 60 + e.getMinutes();
 }
-function Re(e) {
+function an(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function ze(e) {
-	let t = Pe(e.start), n = Pe(e.end);
+function on(e) {
+	let t = Zt(e.start), n = Zt(e.end);
 	return n.getTime() <= t.getTime() ? {
 		start: t,
 		end: new Date(t.getTime() + 1800 * 1e3)
@@ -923,52 +1676,52 @@ function ze(e) {
 		end: n
 	};
 }
-var Be = new Intl.DateTimeFormat(void 0, { weekday: "short" }), Ve = new Intl.DateTimeFormat(void 0, {
+var sn = new Intl.DateTimeFormat(void 0, { weekday: "short" }), cn = new Intl.DateTimeFormat(void 0, {
 	weekday: "short",
 	day: "numeric"
-}), He = new Intl.DateTimeFormat(void 0, {
+}), ln = new Intl.DateTimeFormat(void 0, {
 	month: "long",
 	year: "numeric"
 });
-function Ue(e) {
+function un(e) {
 	return ["nabs-ui-event-calendar", e ?? ""].filter(Boolean).join(" ");
 }
-function We(e, t, n) {
-	let r = J(t);
+function dn(e, t, n) {
+	let r = Z(t);
 	if (e === "day") return {
 		start: r,
-		end: Z(r)
+		end: Qt(r)
 	};
 	if (e === "week") {
-		let e = Q(r, 0);
+		let e = $t(r, 0);
 		return {
 			start: e,
-			end: Z(Y(e, 6))
+			end: Qt(Q(e, 6))
 		};
 	}
 	if (e === "work-week") {
-		let e = Q(r, q(n, 1));
+		let e = $t(r, Jt(n, 1));
 		return {
 			start: e,
-			end: Z(Y(e, 4))
+			end: Qt(Q(e, 4))
 		};
 	}
 	if (e === "month") return {
-		start: Ie(r),
-		end: $(r)
+		start: tn(r),
+		end: nn(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))
+			end: nn($(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))
+			end: nn($(t, 5))
 		};
 	}
 	return {
@@ -976,7 +1729,7 @@ function We(e, t, n) {
 		end: new Date(r.getFullYear(), 11, 31, 23, 59, 59, 999)
 	};
 }
-function Ge(e) {
+function fn(e) {
 	let t = e.start.getFullYear() === e.end.getFullYear();
 	return `${new Intl.DateTimeFormat(void 0, {
 		month: "short",
@@ -988,32 +1741,32 @@ function Ge(e) {
 		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 pn(e, t, n) {
+	return n === 0 ? /* @__PURE__ */ new Date() : t === "day" ? Q(e, n) : t === "week" || t === "work-week" ? Q(e, n * 7) : t === "month" ? $(e, n) : t === "quarter" ? $(e, n * 3) : t === "half-year" ? $(e, n * 6) : $(e, n * 12);
 }
-function qe(e, t, n) {
-	let r = J(t), i = (e) => ({
+function mn(e, t, n) {
+	let r = Z(t), i = (e) => ({
 		date: e,
 		id: `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,
-		label: Ve.format(e),
-		shortLabel: Be.format(e)
+		label: cn.format(e),
+		shortLabel: sn.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 e = $t(r, 0);
+		return Array.from({ length: 7 }, (t, n) => i(Q(e, n)));
 	}
-	let a = Q(r, q(n, 1));
-	return Array.from({ length: 5 }, (e, t) => i(Y(a, t)));
+	let a = $t(r, Jt(n, 1));
+	return Array.from({ length: 5 }, (e, t) => i(Q(a, t)));
 }
-function Je(e, t, n, r) {
-	let i = Math.max(n, Le(e)), a = Math.min(r, Le(t));
+function hn(e, t, n, r) {
+	let i = Math.max(n, rn(e)), a = Math.min(r, rn(t));
 	return a <= i ? null : {
 		startMinutes: i,
 		endMinutes: a
 	};
 }
-function Ye(e) {
+function gn(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, {
@@ -1027,21 +1780,21 @@ function Ye(e) {
 		laneCount: i
 	}));
 }
-function Xe(e, t) {
-	let n = ze(e);
+function _n(e, t) {
+	let n = on(e);
 	return n.start.getTime() < t.end.getTime() && n.end.getTime() > t.start.getTime();
 }
-function Ze(e, t, n, r) {
+function vn(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) => ({
+			end: Q(n.date, 1)
+		}, r = gn(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);
+			range: on(e)
+		})).filter((e) => _n(e.event, t)).filter((e) => Z(e.range.start).getTime() === Z(e.range.end).getTime()).map((e) => {
+			let t = hn(e.range.start, e.range.end, i, a);
 			return t ? {
 				event: e.event,
 				start: e.range.start,
@@ -1063,7 +1816,7 @@ function Ze(e, t, n, r) {
 	}
 	return s;
 }
-function Qe(e) {
+function yn(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, {
@@ -1077,14 +1830,14 @@ function Qe(e) {
 		laneCount: i
 	}));
 }
-function $e(e, t) {
+function bn(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) => ({
+	let n = t[0].date, r = Q(t[t.length - 1].date, 1);
+	return yn(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))));
+		range: on(e)
+	})).filter((e) => e.range.start < r && e.range.end > n).filter((e) => e.event.allDay || Z(e.range.start).getTime() !== Z(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((Z(i).getTime() - n.getTime()) / (1440 * 60 * 1e3))), s = Q(Z(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,
@@ -1106,46 +1859,220 @@ function $e(e, t) {
 		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 = q(r, 0), s = [];
+function xn(e, t, n, r) {
+	let i = e === "month" ? 1 : e === "quarter" ? 3 : e === "half-year" ? 6 : 12, a = e === "month" ? tn(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 = Jt(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;
+		let t = tn($(a, e)), r = nn(t), i = $t(t, o), c = en(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) => ({
+			let e = u, r = Array.from({ length: 7 }, (t, n) => Q(e, n)), i = r.map((e) => ({
 				date: e,
 				id: `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,
-				label: Ve.format(e),
-				shortLabel: Be.format(e)
+				label: cn.format(e),
+				shortLabel: sn.format(e)
 			}));
 			l.push({
 				id: `${t.getFullYear()}-${t.getMonth()}-${d}`,
 				weekStart: e,
 				days: r,
-				segments: $e(n, i)
-			}), u = Y(e, 7), d += 1;
+				segments: bn(n, i)
+			}), u = Q(e, 7), d += 1;
 		}
 		s.push({
 			id: `${t.getFullYear()}-${t.getMonth()}`,
-			title: He.format(t),
+			title: ln.format(t),
 			weeks: l
 		});
 	}
 	return s;
 }
-function tt(e) {
+function Sn(e) {
 	return e === "day" || e === "week" || e === "work-week";
 }
-function nt(e, t) {
+function Cn(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 Pe(e);
+function wn(e) {
+	return Zt(e);
+}
+var Tn = [
+	{
+		key: "title",
+		label: "Title",
+		type: "string",
+		required: !0
+	},
+	{
+		key: "start",
+		label: "Start",
+		type: "datetime",
+		required: !0
+	},
+	{
+		key: "end",
+		label: "End",
+		type: "datetime",
+		required: !0
+	},
+	{
+		key: "allDay",
+		label: "All day",
+		type: "boolean"
+	}
+], En = [{
+	id: "standard",
+	name: "Standard event",
+	model: [
+		...Tn,
+		{
+			key: "description",
+			label: "Description",
+			type: "string"
+		},
+		{
+			key: "location",
+			label: "Location",
+			type: "string"
+		}
+	]
+}, {
+	id: "media",
+	name: "Media event",
+	model: [
+		...Tn,
+		{
+			key: "description",
+			label: "Description",
+			type: "string"
+		},
+		{
+			key: "media",
+			label: "Media",
+			type: "media"
+		},
+		{
+			key: "caption",
+			label: "Caption",
+			type: "string"
+		}
+	]
+}], Dn = JSON.stringify([{
+	key: "description",
+	label: "Description",
+	type: "string"
+}], null, 2);
+function On(e) {
+	return e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "custom-event";
+}
+function kn(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let e of Tn) t.set(e.key, e);
+	for (let n of e) {
+		let e = String(n.key ?? "").trim(), r = String(n.label ?? "").trim(), i = n.type;
+		!e || !r || i !== "string" && i !== "datetime" && i !== "boolean" && i !== "media" || t.set(e, {
+			key: e,
+			label: r,
+			type: i,
+			required: !!n.required
+		});
+	}
+	return Array.from(t.values());
 }
-function it(e, t, n) {
+function An(e) {
+	let t = JSON.parse(e);
+	return Array.isArray(t) ? t.map((e) => {
+		let t = e;
+		return {
+			key: String(t.key ?? ""),
+			label: String(t.label ?? ""),
+			type: t.type ?? "string",
+			required: !!t.required
+		};
+	}).filter((e) => !!e.key && !!e.label) : [];
+}
+function jn(e = []) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of [...En, ...e]) t.set(n.id, {
+		id: n.id,
+		name: n.name,
+		model: kn(n.model)
+	});
+	return Array.from(t.values());
+}
+function Mn(e) {
+	let t = {};
+	for (let n of e?.model ?? Tn) if (n.type !== "media") {
+		if (n.type === "boolean") {
+			t[n.key] = {
+				title: n.label,
+				type: "boolean"
+			};
+			continue;
+		}
+		t[n.key] = {
+			title: n.label,
+			type: "string",
+			...n.required ? { minLength: 1 } : {}
+		};
+	}
+	return {
+		title: "Create event",
+		type: "object",
+		properties: t
+	};
+}
+function Nn(e) {
+	let t = an(e);
+	return {
+		title: "",
+		start: `${t}T09:00:00`,
+		end: `${t}T10:00:00`,
+		allDay: !1,
+		description: "",
+		location: "",
+		caption: ""
+	};
+}
+function Pn(e) {
+	return e.map((e) => ({
+		id: `media-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`,
+		name: e.name,
+		url: URL.createObjectURL(e)
+	}));
+}
+function Fn(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		if (typeof e != "object" || !e) return null;
+		let t = e;
+		return !t.url || typeof t.url != "string" ? null : {
+			id: t.id && typeof t.id == "string" ? t.id : `media-${Math.random().toString(16).slice(2, 8)}`,
+			name: t.name && typeof t.name == "string" ? t.name : "Uploaded image",
+			url: t.url
+		};
+	}).filter((e) => !!e) : [];
+}
+function In(e, t) {
+	if (!(!e && t.length === 0)) return /* @__PURE__ */ l("div", {
+		className: "nabs-ui-event-calendar__native-content",
+		children: [e ? /* @__PURE__ */ c("span", { children: e }) : null, t.length > 0 ? /* @__PURE__ */ c("div", {
+			className: "nabs-ui-event-calendar__native-image-strip",
+			children: t.map((e) => /* @__PURE__ */ c("img", {
+				className: "nabs-ui-event-calendar__native-image-strip-item",
+				src: e.url,
+				alt: e.name,
+				width: 56,
+				height: 36
+			}, e.id))
+		}) : null]
+	});
+}
+function Ln(e) {
+	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
+}
+function Rn(e, t, n) {
 	return n ? n(e) : /* @__PURE__ */ l("div", {
 		className: t,
 		children: [/* @__PURE__ */ c("strong", {
@@ -1157,233 +2084,276 @@ function it(e, t, n) {
 		}) : 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, onAddEventRequest: C, onAdminRequest: w, className: T = "", ...ee }, te) {
-	let [E, D] = a(K(o)), [O, k] = a(() => rt(u)), ne = i(b);
+function zn(e, t) {
+	return t === "ArrowRight" ? e === "details" ? "media" : "details" : t === "ArrowLeft" ? e === "media" ? "details" : "media" : t === "Home" ? "details" : t === "End" ? "media" : e;
+}
+var Bn = 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, additionalEventObjectTypes: C, enableNativeDialogs: w = !0, onAddEventRequest: T, onAdminRequest: E, className: D = "", ...O }, ee) {
+	let [te, ne] = a(qt(o)), [re, k] = a(() => wn(u)), [A, ie] = a(() => jn(C)), [j, M] = a("standard"), [N, P] = a(""), [F, ae] = a(Dn), [I, L] = a(""), [oe, se] = a(!1), [ce, le] = a(!1), [ue, de] = a([]), [fe, pe] = a({}), [R, me] = a(() => Nn(wn(u))), [he, ge] = a([]), [_e, B] = a(null), [V, ve] = a({}), [H, U] = a([]), [ye, be] = a("read"), [Se, W] = a("details"), we = i(b);
 	t(() => {
-		ne.current = b;
+		we.current = b;
 	}, [b]);
-	let A = K(n ?? E), j = r(() => rt(s ?? O), [s, O]), M = q(d, 0), N = q(f, 1), P = Me(p, 7), F = Math.max(P + 1, Me(m, 22)), I = Ne(h), L = r(() => We(A, j, N), [
-		j,
-		A,
-		N
+	let G = qt(n ?? te), K = r(() => wn(s ?? re), [s, re]), Te = Jt(d, 0), Ee = Jt(f, 1), De = Yt(p, 7), Oe = Math.max(De + 1, Yt(m, 22)), Ae = Xt(h), je = r(() => dn(G, K, Ee), [
+		K,
+		G,
+		Ee
 	]);
 	t(() => {
-		ne.current?.({
-			view: A,
-			range: L
+		we.current?.({
+			view: G,
+			range: je
 		});
-	}, [L, A]);
-	let R = Ue(T), z = Ge(L), B = r(() => qe(A, j, N), [
-		j,
-		A,
-		N
-	]), V = r(() => Ze(e, B, P, F), [
-		B,
-		e,
-		F,
-		P
-	]), H = r(() => $e(e, B), [B, e]), U = r(() => {
-		let e = Math.max(60, (F - P) * 60);
-		return Math.max(1, Math.floor(e / I));
+	}, [je, G]);
+	let Me = un(D), Ne = fn(je);
+	t(() => {
+		me((e) => ({
+			...Nn(K),
+			...e
+		}));
+	}, [K, j]);
+	let q = r(() => A.find((e) => e.id === j) ?? null, [A, j]), Pe = r(() => Mn(q), [q]), Fe = r(() => q?.model.some((e) => e.type === "media") ?? !1, [q]), Ie = r(() => A.map((e) => ({
+		value: e.id,
+		label: e.name
+	})), [A]), J = r(() => [...e, ...ue].map((e) => {
+		let t = fe[e.id];
+		return t ? {
+			...e,
+			...t
+		} : e;
+	}), [
+		ue,
+		fe,
+		e
+	]), Y = r(() => J.find((e) => e.id === _e) ?? null, [J, _e]), Le = r(() => {
+		if (!Y || typeof Y.data != "object" || Y.data === null) return null;
+		let e = Y.data;
+		return Array.isArray(e.model) && e.model.length > 0 ? {
+			id: e.eventObjectTypeId ?? "custom-event",
+			name: e.eventObjectTypeName ?? "Custom event",
+			model: e.model
+		} : e.eventObjectTypeId ? A.find((t) => t.id === e.eventObjectTypeId) ?? null : null;
+	}, [Y, A]), Re = r(() => Le?.model.some((e) => e.type === "media") ?? !1, [Le]), ze = r(() => ({
+		title: "Edit event",
+		type: "object",
+		properties: {
+			title: {
+				title: "Title",
+				type: "string",
+				maxLength: 120
+			},
+			start: {
+				title: "Start",
+				type: "string"
+			},
+			end: {
+				title: "End",
+				type: "string"
+			},
+			content: {
+				title: "Content",
+				type: "string",
+				maxLength: 280
+			},
+			allDay: {
+				title: "All day",
+				type: "boolean"
+			}
+		}
+	}), []), X = r(() => mn(G, K, Ee), [
+		K,
+		G,
+		Ee
+	]), Be = r(() => vn(J, X, De, Oe), [
+		X,
+		Oe,
+		De,
+		J
+	]), Ve = r(() => bn(J, X), [X, J]), He = r(() => {
+		let e = Math.max(60, (Oe - De) * 60);
+		return Math.max(1, Math.floor(e / Ae));
 	}, [
-		F,
-		P,
-		I
-	]), re = r(() => et(A, j, e, M), [
-		e,
-		j,
-		A,
-		M
-	]), W = r(() => Ae.map((e) => ({
-		label: je[e],
+		Oe,
+		De,
+		Ae
+	]), Ue = r(() => xn(G, K, J, Te), [
+		K,
+		J,
+		G,
+		Te
+	]), We = r(() => Gt.map((e) => ({
+		label: Kt[e],
 		value: e
-	})), []), G = (e) => {
-		let t = Ke(j, A, e);
+	})), []), Ge = (e) => {
+		let t = pn(K, G, e);
 		k(t), y?.(t);
-	}, ie = (e) => {
-		let t = K(e);
-		D(t), v?.(t);
+	}, Ke = (e) => {
+		let t = qt(e);
+		ne(t), v?.(t);
+	}, qe = () => {
+		let e = N.trim();
+		if (!e) return L("Type name is required."), !1;
+		try {
+			let t = kn(An(F)), n = On(e);
+			return ie((r) => {
+				let i = {
+					id: n,
+					name: e,
+					model: t
+				}, a = r.findIndex((e) => e.id === n);
+				return a < 0 ? [...r, i] : r.map((e, t) => t === a ? i : e);
+			}), M(n), P(""), L(""), !0;
+		} catch {
+			return L("Model JSON is invalid. Provide an array of field definitions."), !1;
+		}
+	}, Je = () => {
+		let e = String(R.title ?? "").trim(), t = String(R.start ?? "").trim(), n = String(R.end ?? "").trim();
+		if (!e || !t || !n) return !1;
+		let r = [], i = String(R.description ?? "").trim();
+		i && r.push(i);
+		let a = String(R.location ?? "").trim();
+		a && r.push(`Location: ${a}`);
+		let o = String(R.caption ?? "").trim();
+		o && r.push(o);
+		let s = Pn(he), c = Object.fromEntries(Object.entries(R).filter(([e]) => ![
+			"title",
+			"start",
+			"end",
+			"allDay"
+		].includes(e))), l = {
+			id: `custom-${Date.now()}-${Math.random().toString(16).slice(2, 8)}`,
+			title: e,
+			start: t,
+			end: n,
+			allDay: !!R.allDay,
+			content: In(r.join(" | "), s),
+			data: {
+				eventObjectTypeId: q?.id,
+				eventObjectTypeName: q?.name,
+				model: q?.model,
+				customData: c,
+				mediaFileNames: he.map((e) => e.name),
+				mediaItems: s
+			}
+		};
+		return de((e) => [...e, l]), me(Nn(K)), ge([]), !0;
 	};
 	return /* @__PURE__ */ l("section", {
-		ref: te,
-		className: R,
-		...ee,
-		children: [g ? /* @__PURE__ */ l("div", {
-			className: "nabs-ui-event-calendar__controls",
-			"aria-label": "Calendar controls",
-			children: [
-				/* @__PURE__ */ c(ke, {
-					"aria-label": "Calendar navigation",
-					items: [
-						{
-							id: "previous",
-							label: "Previous"
-						},
-						{
-							id: "today",
-							label: "Today"
-						},
-						{
-							id: "next",
-							label: "Next"
-						},
-						{
-							id: "add-event",
-							label: "Add event"
-						},
-						{
-							id: "admin",
-							label: "Admin"
-						}
-					],
-					onItemSelect: ({ itemId: e }) => {
-						if (e === "previous") {
-							G(-1);
-							return;
-						}
-						if (e === "today") {
-							G(0);
-							return;
+		ref: ee,
+		className: Me,
+		...O,
+		children: [
+			g ? /* @__PURE__ */ l("div", {
+				className: "nabs-ui-event-calendar__controls",
+				"aria-label": "Calendar controls",
+				children: [
+					/* @__PURE__ */ c(Wt, {
+						"aria-label": "Calendar navigation",
+						items: [
+							{
+								id: "previous",
+								label: "Previous"
+							},
+							{
+								id: "today",
+								label: "Today"
+							},
+							{
+								id: "next",
+								label: "Next"
+							},
+							{
+								id: "add-event",
+								label: "Add event"
+							},
+							{
+								id: "admin",
+								label: "Admin"
+							}
+						],
+						onItemSelect: ({ itemId: e }) => {
+							if (e === "previous") {
+								Ge(-1);
+								return;
+							}
+							if (e === "today") {
+								Ge(0);
+								return;
+							}
+							if (e === "add-event") {
+								w && le(!0), T?.();
+								return;
+							}
+							if (e === "admin") {
+								w && se(!0), E?.();
+								return;
+							}
+							Ge(1);
 						}
-						if (e === "add-event") {
-							C?.();
-							return;
+					}),
+					/* @__PURE__ */ c(ke, {
+						"aria-label": "Calendar view",
+						items: We,
+						value: G,
+						onValueChange: (e) => {
+							e && Ke(e);
 						}
-						if (e === "admin") {
-							w?.();
-							return;
+					}),
+					/* @__PURE__ */ c(xe, {
+						"aria-label": "Anchor date",
+						label: "Date",
+						labelPosition: "left",
+						value: an(K),
+						onValueChange: (e) => {
+							if (!e) return;
+							let t = wn(e);
+							k(t), y?.(t);
 						}
-						G(1);
-					}
-				}),
-				/* @__PURE__ */ c(be, {
-					"aria-label": "Calendar view",
-					items: W,
-					value: A,
-					onValueChange: (e) => {
-						e && ie(e);
-					}
-				}),
-				/* @__PURE__ */ c(fe, {
-					"aria-label": "Anchor date",
-					label: "Date",
-					labelPosition: "left",
-					value: Re(j),
-					onValueChange: (e) => {
-						if (!e) return;
-						let t = rt(e);
-						k(t), y?.(t);
-					}
-				}),
-				/* @__PURE__ */ c("span", {
-					className: "nabs-ui-event-calendar__rangeLabel",
-					children: z
-				})
-			]
-		}) : null, tt(A) ? /* @__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(${B.length}, minmax(0, 1fr))` },
-						children: B.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("span", {
+						className: "nabs-ui-event-calendar__rangeLabel",
+						children: Ne
 					})
-				}),
-				/* @__PURE__ */ c("div", {
-					className: "nabs-ui-event-calendar__allDayRow",
-					children: /* @__PURE__ */ l("div", {
-						className: "nabs-ui-event-calendar__spanTrack",
-						style: { gridTemplateColumns: `repeat(${B.length}, minmax(0, 1fr))` },
-						children: [B.map((e) => /* @__PURE__ */ c("div", { className: "nabs-ui-event-calendar__spanCell" }, `${e.id}-all-day`)), H.map((e) => {
-							let t = e.startIndex / B.length * 100, n = (e.endIndex - e.startIndex + 1) / B.length * 100, r = e.laneIndex * 1.9, i = {
-								event: e.event,
-								view: A,
-								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(${B.length}, minmax(0, 1fr))` },
-						children: [B.map((e) => /* @__PURE__ */ c("div", {
-							className: "nabs-ui-event-calendar__dayColumn",
-							children: Array.from({ length: U }, (t, n) => /* @__PURE__ */ c("div", { className: "nabs-ui-event-calendar__timeGridLine" }, `${e.id}-${n}`))
-						}, `${e.id}-lane`)), V.map((e) => {
-							let t = 100 / e.laneCount, n = e.laneIndex / e.laneCount * 100, r = Math.max(10, t - 2), i = B.findIndex((t) => t.id === e.columnId);
-							if (i < 0) return null;
-							let a = {
-								event: e.event,
-								view: A,
-								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", {
+				]
+			}) : null,
+			Sn(G) ? /* @__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(${X.length}, minmax(0, 1fr))` },
+							children: X.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(${X.length}, minmax(0, 1fr))` },
+							children: [X.map((e) => /* @__PURE__ */ c("div", { className: "nabs-ui-event-calendar__spanCell" }, `${e.id}-all-day`)), Ve.map((e) => {
+								let t = e.startIndex / X.length * 100, n = (e.endIndex - e.startIndex + 1) / X.length * 100, r = e.laneIndex * 1.9, i = {
+									event: e.event,
+									view: G,
+									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--timed",
+										"nabs-ui-event-calendar__event--span",
 										e.event.className ?? ""
 									].filter(Boolean).join(" "),
 									style: {
-										left: `${n}%`,
-										width: `${r}%`
+										left: `${t}%`,
+										width: `${n}%`,
+										top: `${r}rem`
 									},
 									onClick: (t) => {
 										x?.({
@@ -1392,118 +2362,522 @@ var at = e(function({ events: e, view: n, defaultView: o = "week", anchorDate: s
 										});
 									},
 									onDoubleClick: (t) => {
-										S?.({
+										w && (B(e.event.id), U(Fn(typeof e.event.data == "object" && e.event.data !== null ? e.event.data.mediaItems : void 0)), be("read"), W("details"), ve({
+											title: Ln(e.event.title) || String(e.event.id),
+											start: String(e.event.start),
+											end: String(e.event.end),
+											content: Ln(e.event.content ?? ""),
+											allDay: e.event.allDay === !0
+										})), 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}`);
-						})]
+									children: [
+										e.isClippedStart ? /* @__PURE__ */ c("span", {
+											className: "nabs-ui-event-calendar__clipMark",
+											children: "‹"
+										}) : null,
+										Rn(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(${X.length}, minmax(0, 1fr))` },
+							children: [X.map((e) => /* @__PURE__ */ c("div", {
+								className: "nabs-ui-event-calendar__dayColumn",
+								children: Array.from({ length: He }, (t, n) => /* @__PURE__ */ c("div", { className: "nabs-ui-event-calendar__timeGridLine" }, `${e.id}-${n}`))
+							}, `${e.id}-lane`)), Be.map((e) => {
+								let t = 100 / e.laneCount, n = e.laneIndex / e.laneCount * 100, r = Math.max(10, t - 2), i = X.findIndex((t) => t.id === e.columnId);
+								if (i < 0) return null;
+								let a = {
+									event: e.event,
+									view: G,
+									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) => {
+											w && (B(e.event.id), U(Fn(typeof e.event.data == "object" && e.event.data !== null ? e.event.data.mediaItems : void 0)), be("read"), W("details"), ve({
+												title: Ln(e.event.title) || String(e.event.id),
+												start: String(e.event.start),
+												end: String(e.event.end),
+												content: Ln(e.event.content ?? ""),
+												allDay: e.event.allDay === !0
+											})), S?.({
+												event: e.event,
+												nativeEvent: t
+											});
+										},
+										children: [/* @__PURE__ */ c("div", {
+											className: "nabs-ui-event-calendar__eventMeta",
+											children: Cn(e.start, e.end)
+										}), Rn(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: Ue.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: G,
+												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) => {
+													w && (B(t.event.id), U(Fn(typeof t.event.data == "object" && t.event.data !== null ? t.event.data.mediaItems : void 0)), be("read"), W("details"), ve({
+														title: Ln(t.event.title) || String(t.event.id),
+														start: String(t.event.start),
+														end: String(t.event.end),
+														content: Ln(t.event.content ?? ""),
+														allDay: t.event.allDay === !0
+													})), 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: Cn(t.segmentStart, t.segmentEnd)
+													}),
+													Rn(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);
 				})
-			]
-		}) : /* @__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",
+			}),
+			oe && w ? /* @__PURE__ */ c(Ce, {
+				title: "Event Type Admin",
+				description: "Define event object types and model fields. The minimum id/title/start/end contract is always enforced.",
+				onRequestClose: () => se(!1),
+				footer: /* @__PURE__ */ l("div", {
+					className: "nabs-ui-event-calendar__native-footer nabs-ui-event-calendar__native-footer--right",
+					children: [/* @__PURE__ */ c(z, {
+						variant: "secondary",
+						onClick: () => se(!1),
+						children: "Close"
+					}), /* @__PURE__ */ c(z, {
+						onClick: () => {
+							qe() && se(!1);
+						},
+						children: "Save type"
+					})]
+				}),
+				children: /* @__PURE__ */ l("div", {
+					className: "nabs-ui-event-calendar__native-grid",
 					children: [
-						/* @__PURE__ */ c("header", {
-							className: "nabs-ui-event-calendar__monthHeader",
-							children: /* @__PURE__ */ c("h3", { children: e.title })
+						/* @__PURE__ */ l("label", {
+							className: "nabs-ui-event-calendar__native-grid",
+							children: [/* @__PURE__ */ c("span", { children: "Type name" }), /* @__PURE__ */ c("input", {
+								className: "nabs-ui-event-calendar__native-input",
+								value: N,
+								onChange: (e) => P(e.target.value),
+								placeholder: "Media briefing"
+							})]
 						}),
-						/* @__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__ */ l("label", {
+							className: "nabs-ui-event-calendar__native-grid",
+							children: [/* @__PURE__ */ c("span", { children: "Model JSON" }), /* @__PURE__ */ c("textarea", {
+								className: "nabs-ui-event-calendar__native-input",
+								rows: 8,
+								value: F,
+								onChange: (e) => {
+									ae(e.target.value), L("");
+								},
+								placeholder: "[{\"key\":\"description\",\"label\":\"Description\",\"type\":\"string\"}]"
+							})]
 						}),
-						/* @__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: A,
-											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}`);
-									})
+						I ? /* @__PURE__ */ c("p", {
+							className: "nabs-ui-event-calendar__native-note",
+							children: I
+						}) : null
+					]
+				})
+			}) : null,
+			ce && w ? /* @__PURE__ */ c(Ce, {
+				title: "Add Event",
+				description: "Choose an event object type, enter values, and save to add it to the calendar.",
+				onRequestClose: () => le(!1),
+				footer: /* @__PURE__ */ l("div", {
+					className: "nabs-ui-event-calendar__native-footer nabs-ui-event-calendar__native-footer--right",
+					children: [/* @__PURE__ */ c(z, {
+						variant: "secondary",
+						onClick: () => le(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ c(z, {
+						onClick: () => {
+							Je() && le(!1);
+						},
+						children: "Create event"
+					})]
+				}),
+				children: /* @__PURE__ */ l("div", {
+					className: "nabs-ui-event-calendar__native-grid",
+					children: [
+						/* @__PURE__ */ l("label", {
+							className: "nabs-ui-event-calendar__native-grid",
+							children: [/* @__PURE__ */ c("span", { children: "Event object type" }), /* @__PURE__ */ c(ke, {
+								items: Ie,
+								value: j,
+								onValueChange: (e) => {
+									e && (M(e), ge([]));
+								}
+							})]
+						}),
+						/* @__PURE__ */ c(Tt, {
+							schema: Pe,
+							value: R,
+							onChange: (e) => me(e)
+						}),
+						Fe ? /* @__PURE__ */ l("div", {
+							className: "nabs-ui-event-calendar__native-grid",
+							children: [
+								/* @__PURE__ */ c("span", { children: "Media upload" }),
+								/* @__PURE__ */ c(Nt, {
+									label: "Upload event media",
+									accept: "image/*",
+									extensions: [
+										"png",
+										"jpg",
+										"jpeg",
+										"gif",
+										"webp"
+									],
+									multiple: !0,
+									onFilesSelected: ({ acceptedFiles: e }) => {
+										ge(e);
+									}
+								}),
+								/* @__PURE__ */ l("p", {
+									className: "nabs-ui-event-calendar__native-note",
+									children: ["Selected media files: ", he.length]
+								})
+							]
+						}) : null
+					]
+				})
+			}) : null,
+			Y && w ? /* @__PURE__ */ c(Ce, {
+				title: `Edit ${typeof Y.title == "string" ? Y.title : Y.id}`,
+				description: "Double-clicked event data editor.",
+				onRequestClose: () => B(null),
+				footer: /* @__PURE__ */ l("div", {
+					className: "nabs-ui-event-calendar__native-footer nabs-ui-event-calendar__native-footer--between",
+					children: [/* @__PURE__ */ c("div", {
+						className: "nabs-ui-event-calendar__native-row",
+						children: ye === "read" ? /* @__PURE__ */ c(z, {
+							onClick: () => {
+								be("edit");
+							},
+							children: "Edit mode"
+						}) : /* @__PURE__ */ c(z, {
+							variant: "secondary",
+							onClick: () => {
+								be("read");
+							},
+							children: "Read only"
+						})
+					}), /* @__PURE__ */ l("div", {
+						className: "nabs-ui-event-calendar__native-row",
+						children: [/* @__PURE__ */ c(z, {
+							variant: "secondary",
+							onClick: () => {
+								B(null), U([]);
+							},
+							children: "Close"
+						}), ye === "edit" ? /* @__PURE__ */ c(z, {
+							onClick: () => {
+								if (Y) {
+									let e = String(V.title ?? "").trim(), t = String(V.start ?? "").trim(), n = String(V.end ?? "").trim(), r = String(V.content ?? "").trim(), i = typeof Y.data == "object" && Y.data !== null ? Y.data : {};
+									pe((a) => ({
+										...a,
+										[Y.id]: {
+											title: e || Y.title,
+											start: t || Y.start,
+											end: n || Y.end,
+											content: In(r, H),
+											allDay: !!V.allDay,
+											data: {
+												...i,
+												mediaFileNames: H.map((e) => e.name),
+												mediaItems: H
+											}
+										}
+									}));
+								}
+								be("read"), B(null), U([]);
+							},
+							children: "Save"
+						}) : null]
+					})]
+				}),
+				children: /* @__PURE__ */ l("div", {
+					className: "nabs-ui-event-calendar__native-grid nabs-ui-event-calendar__native-grid--compact",
+					children: [/* @__PURE__ */ c("div", {
+						className: "nabs-ui-event-calendar__tablist",
+						role: "tablist",
+						"aria-label": "Event editor sections",
+						children: [{
+							id: "details",
+							label: "Details"
+						}, {
+							id: "media",
+							label: "Media"
+						}].map((e) => Se === e.id ? /* @__PURE__ */ c("button", {
+							type: "button",
+							role: "tab",
+							"aria-selected": "true",
+							className: "nabs-ui-event-calendar__tab-trigger nabs-ui-event-calendar__tab-trigger--active",
+							onClick: () => W(e.id),
+							onKeyDown: (e) => {
+								let t = zn(Se, e.key);
+								t !== Se && (e.preventDefault(), W(t));
+							},
+							children: e.label
+						}, e.id) : /* @__PURE__ */ c("button", {
+							type: "button",
+							role: "tab",
+							"aria-selected": "false",
+							className: "nabs-ui-event-calendar__tab-trigger",
+							onClick: () => W(e.id),
+							onKeyDown: (e) => {
+								let t = zn(Se, e.key);
+								t !== Se && (e.preventDefault(), W(t));
+							},
+							children: e.label
+						}, e.id))
+					}), /* @__PURE__ */ c(Ft, {
+						showHeader: !1,
+						className: "nabs-ui-event-calendar__connected-tab",
+						children: Se === "details" ? ye === "read" ? /* @__PURE__ */ l("div", {
+							className: "nabs-ui-event-calendar__native-grid",
+							children: [
+								/* @__PURE__ */ l("p", { children: [
+									/* @__PURE__ */ c("strong", { children: "Title:" }),
+									" ",
+									String(V.title ?? "")
+								] }),
+								/* @__PURE__ */ l("p", { children: [
+									/* @__PURE__ */ c("strong", { children: "Start:" }),
+									" ",
+									String(V.start ?? "")
+								] }),
+								/* @__PURE__ */ l("p", { children: [
+									/* @__PURE__ */ c("strong", { children: "End:" }),
+									" ",
+									String(V.end ?? "")
+								] }),
+								/* @__PURE__ */ l("p", { children: [
+									/* @__PURE__ */ c("strong", { children: "All day:" }),
+									" ",
+									V.allDay ? "Yes" : "No"
+								] }),
+								/* @__PURE__ */ l("p", { children: [
+									/* @__PURE__ */ c("strong", { children: "Content:" }),
+									" ",
+									String(V.content ?? "") || "(none)"
+								] })
+							]
+						}) : /* @__PURE__ */ c(Tt, {
+							schema: ze,
+							value: V,
+							onChange: (e) => {
+								ve(e);
+							}
+						}) : /* @__PURE__ */ l("div", {
+							className: "nabs-ui-event-calendar__native-grid",
+							children: [ye === "edit" && Re ? /* @__PURE__ */ l("div", {
+								className: "nabs-ui-event-calendar__native-grid",
+								children: [/* @__PURE__ */ c("span", { children: "Media upload" }), /* @__PURE__ */ c(Nt, {
+									label: "Upload event media",
+									accept: "image/*",
+									extensions: [
+										"png",
+										"jpg",
+										"jpeg",
+										"gif",
+										"webp"
+									],
+									multiple: !0,
+									onFilesSelected: ({ acceptedFiles: e }) => {
+										let t = Pn(e);
+										U((e) => [...e, ...t]);
+									}
 								})]
-							}, e.id))
+							}) : null, /* @__PURE__ */ l("div", {
+								className: "nabs-ui-event-calendar__native-grid",
+								children: [/* @__PURE__ */ c("span", { children: "Photos" }), H.length === 0 ? /* @__PURE__ */ c("p", {
+									className: "nabs-ui-event-calendar__native-note",
+									children: "No photos attached."
+								}) : /* @__PURE__ */ c("div", {
+									className: "nabs-ui-event-calendar__photo-grid",
+									children: H.map((e, t) => /* @__PURE__ */ l("div", {
+										className: "nabs-ui-event-calendar__photo-card",
+										children: [
+											/* @__PURE__ */ c("img", {
+												src: e.url,
+												alt: e.name,
+												className: "nabs-ui-event-calendar__photo-card-image"
+											}),
+											/* @__PURE__ */ c("span", {
+												className: "nabs-ui-event-calendar__photo-card-name",
+												children: e.name
+											}),
+											ye === "edit" ? /* @__PURE__ */ l("div", {
+												className: "nabs-ui-event-calendar__native-row",
+												children: [
+													/* @__PURE__ */ c(z, {
+														variant: "secondary",
+														disabled: t === 0,
+														onClick: () => {
+															U((e) => {
+																if (t === 0) return e;
+																let n = [...e], r = n[t - 1];
+																return n[t - 1] = n[t], n[t] = r, n;
+															});
+														},
+														children: "Up"
+													}),
+													/* @__PURE__ */ c(z, {
+														variant: "secondary",
+														disabled: t === H.length - 1,
+														onClick: () => {
+															U((e) => {
+																if (t === e.length - 1) return e;
+																let n = [...e], r = n[t + 1];
+																return n[t + 1] = n[t], n[t] = r, n;
+															});
+														},
+														children: "Down"
+													}),
+													/* @__PURE__ */ c(z, {
+														variant: "secondary",
+														onClick: () => {
+															U((t) => t.filter((t) => t.id !== e.id));
+														},
+														children: "Remove"
+													})
+												]
+											}) : null
+										]
+									}, e.id))
+								})]
+							})]
 						})
-					]
-				}, e.id);
-			})
-		})]
+					})]
+				})
+			}) : null
+		]
 	});
 });
-at.displayName = "EventCalendar";
+Bn.displayName = "EventCalendar";
 //#endregion
-export { d as Branding, b as Breadcrumb, at as EventCalendar, U as PieChart, u as Shell, F as TwoDChart };
+export { d as Branding, b as Breadcrumb, Bn as EventCalendar, ce as PieChart, u as Shell, N as TwoDChart };