@indxsearch/systm 2.13.0 → 2.14.0

package/dist/index.es.js

@@ -557,15 +557,15 @@ function le({ label: t, error: n, className: r = "", isValid: i = !0, variant: a
 		]
 	});
 }
-var z = {
+var ue = {
 	radioWrapper: "_radioWrapper_1faq0_1",
 	radioInput: "_radioInput_1faq0_9",
 	customRadio: "_customRadio_1faq0_23",
 	labelText: "_labelText_1faq0_57",
 	disabled: "_disabled_1faq0_63"
-}, ue = ({ id: e, name: t, value: n, label: r, checked: i = !1, onChange: a, disabled: o = !1, "aria-label": s }) => /* @__PURE__ */ d("label", {
+}, de = ({ id: e, name: t, value: n, label: r, checked: i = !1, onChange: a, disabled: o = !1, "aria-label": s }) => /* @__PURE__ */ d("label", {
 	htmlFor: e,
-	className: `${z.radioWrapper} ${o ? z.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
+	className: `${ue.radioWrapper} ${o ? ue.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
 	children: [
 		/* @__PURE__ */ u("input", {
 			id: e,
@@ -576,24 +576,24 @@ var z = {
 			onChange: a,
 			disabled: o,
 			"aria-label": s,
-			className: z.radioInput
+			className: ue.radioInput
 		}),
-		/* @__PURE__ */ u("span", { className: z.customRadio }),
+		/* @__PURE__ */ u("span", { className: ue.customRadio }),
 		/* @__PURE__ */ u("span", {
-			className: z.labelText,
+			className: ue.labelText,
 			children: r
 		})
 	]
-}), de = {
+}), fe = {
 	switch: "_switch_1xsea_1",
 	slider: "_slider_1xsea_23",
 	label: "_label_1xsea_28",
 	disabled: "_disabled_1xsea_43"
-}, fe = ({ id: t, checked: n, onChange: r, disabled: i = !1, label: a, "aria-label": o }) => {
+}, pe = ({ id: t, checked: n, onChange: r, disabled: i = !1, label: a, "aria-label": o }) => {
 	let s = e.useId(), c = t || s;
 	return /* @__PURE__ */ d("label", {
 		htmlFor: c,
-		className: `${de.switch} ${i ? de.disabled : ""} ${i ? "cursor-not-allowed" : "cursor-pointer"}`,
+		className: `${fe.switch} ${i ? fe.disabled : ""} ${i ? "cursor-not-allowed" : "cursor-pointer"}`,
 		children: [
 			/* @__PURE__ */ u("input", {
 				id: c,
@@ -606,16 +606,16 @@ var z = {
 				disabled: i
 			}),
 			/* @__PURE__ */ u("span", {
-				className: de.slider,
+				className: fe.slider,
 				"aria-hidden": "true"
 			}),
 			a && /* @__PURE__ */ u("span", {
-				className: de.label,
+				className: fe.label,
 				children: a
 			})
 		]
 	});
-}, B = {
+}, z = {
 	label: "_label_12as9_1",
 	basetrack: "_basetrack_12as9_8",
 	selectedtrack: "_selectedtrack_12as9_36",
@@ -624,15 +624,15 @@ var z = {
 	livetrackDefault: "_livetrackDefault_12as9_52",
 	thumbs: "_thumbs_12as9_55",
 	disabled: "_disabled_12as9_89"
-}, pe = (t) => {
+}, me = (t) => {
 	let { min: n, max: r, step: i = 1, disabled: a = !1, className: o, activeMin: s, activeMax: c, isFaceted: l = !1, highlightFaceted: f = !0, onChange: p, onFinalChange: m, label: h, "aria-label": g, id: _ } = t, v = e.useId(), y = _ || v;
 	if (!(Number.isFinite(n) && Number.isFinite(r) && r > n)) return /* @__PURE__ */ d("div", {
 		className: o,
 		children: [h && /* @__PURE__ */ u("span", {
-			className: B.label,
+			className: z.label,
 			children: h
 		}), /* @__PURE__ */ u("div", {
-			className: `${B.basetrack} ${B.disabled}`,
+			className: `${z.basetrack} ${z.disabled}`,
 			"aria-hidden": "true"
 		})]
 	});
@@ -642,7 +642,7 @@ var z = {
 			className: o,
 			children: [h && /* @__PURE__ */ u("label", {
 				htmlFor: y,
-				className: B.label,
+				className: z.label,
 				children: h
 			}), /* @__PURE__ */ u(E, {
 				step: i,
@@ -656,11 +656,11 @@ var z = {
 					let { key: i, ...a } = e, o = r - n, p = (f - n) / o * 100, m = (_ - f) / o * 100, h = 0, g = 0, v = typeof s == "number" && typeof c == "number" && c > s && (s > n || c < r);
 					return v && (h = (s - n) / o * 100, g = (c - s) / o * 100), /* @__PURE__ */ d("div", {
 						...a,
-						className: B.basetrack,
+						className: z.basetrack,
 						style: { ...a.style },
 						children: [
 							!v && /* @__PURE__ */ u("div", {
-								className: B.selectedtrack,
+								className: z.selectedtrack,
 								style: {
 									left: `${p}%`,
 									width: `${m}%`,
@@ -668,7 +668,7 @@ var z = {
 								}
 							}),
 							v && /* @__PURE__ */ u("div", {
-								className: `${B.livetrack} ${l ? B.livetrackFaceted : B.livetrackDefault}`,
+								className: `${z.livetrack} ${l ? z.livetrackFaceted : z.livetrackDefault}`,
 								style: {
 									left: `${h}%`,
 									width: `${g}%`,
@@ -684,7 +684,7 @@ var z = {
 					return /* @__PURE__ */ u("div", {
 						...o,
 						id: t === 0 ? y : void 0,
-						className: `${B.thumbs} ${a ? B.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
+						className: `${z.thumbs} ${a ? z.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
 						style: {
 							...o.style,
 							zIndex: "3"
@@ -703,7 +703,7 @@ var z = {
 			className: o,
 			children: [h && /* @__PURE__ */ u("label", {
 				htmlFor: y,
-				className: B.label,
+				className: z.label,
 				children: h
 			}), /* @__PURE__ */ u(E, {
 				step: i,
@@ -717,11 +717,11 @@ var z = {
 					let { key: a, ...o } = t, f = r - n, p = (e - n) / f * 100, m = 0, h = 0, g = typeof s == "number" && typeof c == "number" && c > s && (s > n || c < r);
 					return g && (m = (s - n) / f * 100, h = (c - s) / f * 100), /* @__PURE__ */ d("div", {
 						...o,
-						className: B.basetrack,
+						className: z.basetrack,
 						style: { ...o.style },
 						children: [
 							!g && /* @__PURE__ */ u("div", {
-								className: B.selectedtrack,
+								className: z.selectedtrack,
 								style: {
 									left: "0%",
 									width: `${p}%`,
@@ -729,7 +729,7 @@ var z = {
 								}
 							}),
 							g && /* @__PURE__ */ u("div", {
-								className: `${B.livetrack} ${l ? B.livetrackFaceted : B.livetrackDefault}`,
+								className: `${z.livetrack} ${l ? z.livetrackFaceted : z.livetrackDefault}`,
 								style: {
 									left: `${m}%`,
 									width: `${h}%`,
@@ -745,7 +745,7 @@ var z = {
 					return /* @__PURE__ */ u("div", {
 						...o,
 						id: y,
-						className: `${B.thumbs} ${a ? B.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
+						className: `${z.thumbs} ${a ? z.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
 						style: {
 							...o.style,
 							zIndex: "3"
@@ -759,7 +759,7 @@ var z = {
 			})]
 		});
 	}
-}, V = {
+}, B = {
 	wrapper: "_wrapper_15fsv_1",
 	label: "_label_15fsv_7",
 	trigger: "_trigger_15fsv_12",
@@ -771,14 +771,14 @@ var z = {
 	viewport: "_viewport_15fsv_76",
 	item: "_item_15fsv_82",
 	itemIndicator: "_itemIndicator_15fsv_105"
-}, me = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: o = !1, label: s, size: c = "default", "aria-label": l, id: f }) => {
+}, he = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: o = !1, label: s, size: c = "default", "aria-label": l, id: f }) => {
 	let p = e.useId(), g = f || p, _ = `${g}-label`, v = r.find((e) => e.value === t), y = /* @__PURE__ */ d(D.Root, {
 		value: t,
 		onValueChange: n,
 		disabled: o,
 		children: [/* @__PURE__ */ d(D.Trigger, {
 			id: g,
-			className: `${V.trigger} ${V[c]} ${a} cursor-pointer`,
+			className: `${B.trigger} ${B[c]} ${a} cursor-pointer`,
 			...s ? { "aria-labelledby": _ } : l ? { "aria-label": l } : {},
 			children: [/* @__PURE__ */ d("span", {
 				style: {
@@ -788,7 +788,7 @@ var z = {
 				},
 				children: [v?.icon, /* @__PURE__ */ u(D.Value, { placeholder: i })]
 			}), /* @__PURE__ */ u(D.Icon, {
-				className: V.icon,
+				className: B.icon,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ u(h, {
 					size: c === "large" ? 21 : 14,
@@ -796,16 +796,16 @@ var z = {
 				})
 			})]
 		}), /* @__PURE__ */ u(D.Portal, { children: /* @__PURE__ */ u(D.Content, {
-			className: V.content,
+			className: B.content,
 			position: "popper",
 			side: "bottom",
 			align: "start",
 			sideOffset: 4,
 			children: /* @__PURE__ */ u(D.Viewport, {
-				className: V.viewport,
+				className: B.viewport,
 				children: r.map((e) => /* @__PURE__ */ d(D.Item, {
 					value: e.value,
-					className: V.item,
+					className: B.item,
 					children: [/* @__PURE__ */ d("span", {
 						style: {
 							display: "inline-flex",
@@ -814,7 +814,7 @@ var z = {
 						},
 						children: [e.icon, /* @__PURE__ */ u(D.ItemText, { children: e.label })]
 					}), /* @__PURE__ */ u(D.ItemIndicator, {
-						className: V.itemIndicator,
+						className: B.itemIndicator,
 						children: /* @__PURE__ */ u(m, {
 							size: 12,
 							color: "currentColor"
@@ -825,22 +825,22 @@ var z = {
 		}) })]
 	});
 	return s ? /* @__PURE__ */ d("div", {
-		className: V.wrapper,
+		className: B.wrapper,
 		children: [/* @__PURE__ */ u("label", {
 			id: _,
 			htmlFor: g,
-			className: V.label,
+			className: B.label,
 			children: s
 		}), y]
 	}) : y;
-}, he = { content: "_content_1qahr_1" }, ge = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: o = 5, className: s = "", "aria-label": c, "aria-describedby": l }) => /* @__PURE__ */ d(O.Root, {
+}, ge = { content: "_content_1qahr_1" }, _e = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: o = 5, className: s = "", "aria-label": c, "aria-describedby": l }) => /* @__PURE__ */ d(O.Root, {
 	open: n,
 	onOpenChange: r,
 	children: [/* @__PURE__ */ u(O.Trigger, {
 		asChild: !0,
 		children: e
 	}), /* @__PURE__ */ u(O.Portal, { children: /* @__PURE__ */ u(O.Content, {
-		className: `${he.content} ${s}`,
+		className: `${ge.content} ${s}`,
 		align: i,
 		side: a,
 		sideOffset: o,
@@ -848,7 +848,7 @@ var z = {
 		"aria-describedby": l,
 		children: t
 	}) })]
-}), H = {
+}), V = {
 	table: "_table_j6zqj_1",
 	caption: "_caption_j6zqj_8",
 	headerRow: "_headerRow_j6zqj_25",
@@ -864,17 +864,17 @@ var z = {
 };
 //#endregion
 //#region src/components/Table/Table.tsx
-function _e({ children: e, caption: t, "aria-label": n, scrollable: r = !1, stickyFirstColumn: i = !1, bleedEnd: a }) {
+function ve({ children: e, caption: t, "aria-label": n, scrollable: r = !1, stickyFirstColumn: i = !1, bleedEnd: a }) {
 	let o = /* @__PURE__ */ d("table", {
-		className: `${H.table} ${r && i ? H.stickyFirst : ""}`,
+		className: `${V.table} ${r && i ? V.stickyFirst : ""}`,
 		"aria-label": n,
 		children: [t && /* @__PURE__ */ u("caption", {
-			className: H.caption,
+			className: V.caption,
 			children: t
 		}), e]
 	});
 	return r ? /* @__PURE__ */ u("div", {
-		className: `${H.scroll} ${a === void 0 ? "" : H.bleedEnd}`,
+		className: `${V.scroll} ${a === void 0 ? "" : V.bleedEnd}`,
 		style: a === void 0 ? void 0 : { "--table-bleed": typeof a == "number" ? `${a}px` : a },
 		role: "region",
 		"aria-label": n ?? t,
@@ -884,27 +884,27 @@ function _e({ children: e, caption: t, "aria-label": n, scrollable: r = !1, stic
 }
 //#endregion
 //#region src/components/Table/TableHeader.tsx
-function ve({ children: t }) {
+function ye({ children: t }) {
 	let n = e.Children.map(t, (t) => e.isValidElement(t) && t.type === "td" ? /* @__PURE__ */ u("th", {
 		scope: "col",
 		...t.props
 	}) : t);
 	return /* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", {
-		className: H.headerRow,
+		className: V.headerRow,
 		children: n
 	}) });
 }
 //#endregion
 //#region src/components/Table/TableRow.tsx
-function ye({ children: e }) {
+function be({ children: e }) {
 	return /* @__PURE__ */ u("tr", {
-		className: H.dataRow,
+		className: V.dataRow,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Table/TableCell.tsx
-function be({ label: e, children: t, isHeader: n = !1, scope: r, colSpan: i }) {
+function xe({ label: e, children: t, isHeader: n = !1, scope: r, colSpan: i }) {
 	let a = n ? "th" : "td", o = {
 		...n && r ? { scope: r } : {},
 		...i ? { colSpan: i } : {}
@@ -912,12 +912,12 @@ function be({ label: e, children: t, isHeader: n = !1, scope: r, colSpan: i }) {
 	return e || t ? /* @__PURE__ */ u(a, {
 		...o,
 		children: /* @__PURE__ */ d("div", {
-			className: H.cellInner,
+			className: V.cellInner,
 			children: [e && /* @__PURE__ */ u("span", {
-				className: H.cellLabel,
+				className: V.cellLabel,
 				children: e
 			}), t && /* @__PURE__ */ u("div", {
-				className: H.cellContent,
+				className: V.cellContent,
 				children: t
 			})]
 		})
@@ -928,18 +928,18 @@ function be({ label: e, children: t, isHeader: n = !1, scope: r, colSpan: i }) {
 }
 //#endregion
 //#region src/components/Table/TableValue.tsx
-function xe({ children: e }) {
+function Se({ children: e }) {
 	return /* @__PURE__ */ u("span", {
-		className: H.value,
+		className: V.value,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Table/TableIcon.tsx
-function Se({ children: t, "aria-label": n }) {
+function Ce({ children: t, "aria-label": n }) {
 	let r = !n;
 	return /* @__PURE__ */ u("span", {
-		className: H.icon,
+		className: V.icon,
 		"aria-hidden": r ? "true" : void 0,
 		"aria-label": n,
 		children: e.cloneElement(t, {
@@ -948,7 +948,7 @@ function Se({ children: t, "aria-label": n }) {
 		})
 	});
 }
-var U = {
+var H = {
 	tabs: "_tabs_5w265_1",
 	scrollable: "_scrollable_5w265_16",
 	tab: "_tab_5w265_1",
@@ -963,23 +963,23 @@ var U = {
 };
 //#endregion
 //#region src/components/Tabs/Tabs.tsx
-function Ce(e, t) {
+function we(e, t) {
 	if (!e || !t) return;
 	let n = parseFloat(getComputedStyle(e).paddingInlineStart) || 32, r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
 	i.left < r.left + n ? e.scrollLeft -= r.left + n - i.left : i.right > r.right - n && (e.scrollLeft += i.right - (r.right - n));
 }
-var we = {
+var Te = {
 	micro: 14,
 	default: 14,
 	large: 21
 };
-function Te({ items: e, value: r, onValueChange: o, size: c = "default", variant: f = "underline", scrollable: p = !1, bleed: m, getPanelId: h, "aria-label": g, renderLink: _ }) {
+function Ee({ items: e, value: r, onValueChange: o, size: c = "default", variant: f = "underline", scrollable: p = !1, bleed: m, getPanelId: h, "aria-label": g, renderLink: _ }) {
 	let v = s(null), y = s(/* @__PURE__ */ new Map()), b = a(), x = Math.max(e.findIndex((e) => e.value === r), 0), S = e.some((e) => e.href !== void 0), C = (t) => {
 		let n = e[t];
 		if (!n) return;
 		o(n.value);
 		let r = y.current.get(n.value);
-		r?.focus({ preventScroll: !0 }), p && Ce(v.current, r);
+		r?.focus({ preventScroll: !0 }), p && we(v.current, r);
 	}, w = (t, n) => {
 		for (let r = 1; r <= e.length; r++) {
 			let i = (t + n * r + e.length * r) % e.length;
@@ -1026,27 +1026,27 @@ function Te({ items: e, value: r, onValueChange: o, size: c = "default", variant
 		m,
 		e.length
 	]), i(() => {
-		p && Ce(v.current, y.current.get(r));
+		p && we(v.current, y.current.get(r));
 	}, [p, r]), /* @__PURE__ */ u("div", {
 		ref: v,
-		className: `${U.tabs} ${f === "button" ? U.buttonVariant : ""} ${p ? U.scrollable : ""} ${p && m !== void 0 ? U.bleed : ""}`,
+		className: `${H.tabs} ${f === "button" ? H.buttonVariant : ""} ${p ? H.scrollable : ""} ${p && m !== void 0 ? H.bleed : ""}`,
 		style: p && m !== void 0 ? { "--tabs-bleed": typeof m == "number" ? `${m}px` : m } : void 0,
 		role: S ? "navigation" : "tablist",
 		"aria-label": g,
 		children: e.map((e, r) => {
 			let i = r === x, a = /* @__PURE__ */ d(l, { children: [
 				e.icon ? /* @__PURE__ */ u("span", {
-					className: U.icon,
+					className: H.icon,
 					"aria-hidden": "true",
-					children: n(e.icon) && e.icon.props.size === void 0 ? t(e.icon, { size: we[c] }) : e.icon
+					children: n(e.icon) && e.icon.props.size === void 0 ? t(e.icon, { size: Te[c] }) : e.icon
 				}) : null,
 				e.label,
 				e.badge != null && e.badge !== !1 ? /* @__PURE__ */ u("span", {
-					className: U.badge,
+					className: H.badge,
 					title: e.badgeTitle,
 					children: e.badge
 				}) : null
-			] }), s = `${U.tab} ${U[c]} ${i ? U.active : ""}`;
+			] }), s = `${H.tab} ${H[c]} ${i ? H.active : ""}`;
 			if (e.href !== void 0) {
 				let t = {
 					id: `${b}-tab-${e.value}`,
@@ -1088,7 +1088,7 @@ function Te({ items: e, value: r, onValueChange: o, size: c = "default", variant
 		})
 	});
 }
-var W = {
+var U = {
 	root: "_root_wrjxq_1",
 	micro: "_micro_wrjxq_2",
 	default: "_default_wrjxq_3",
@@ -1108,106 +1108,106 @@ var W = {
 };
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
-function Ee(t) {
+function De(t) {
 	return e.isValidElement(t) ? e.cloneElement(t, {
 		size: "14px",
 		color: "currentColor"
 	}) : t;
 }
-var De = "\0action", Oe = ({ items: e, size: t = "default", overflow: n = "wrap", className: r = "", separator: i = /* @__PURE__ */ u(_, {
+var Oe = "\0action", ke = ({ items: e, size: t = "default", overflow: n = "wrap", className: r = "", separator: i = /* @__PURE__ */ u(_, {
 	size: 14,
 	color: "currentColor"
 }), renderLink: a, "aria-label": o = "Breadcrumb" }) => /* @__PURE__ */ u("nav", {
 	"aria-label": o,
-	className: `${W.root} ${W[t]} ${n === "truncate" ? W.truncate : ""} ${r}`,
+	className: `${U.root} ${U[t]} ${n === "truncate" ? U.truncate : ""} ${r}`,
 	children: /* @__PURE__ */ u("ol", {
-		className: W.list,
+		className: U.list,
 		children: e.map((t, r) => /* @__PURE__ */ d("li", {
-			className: W.item,
+			className: U.item,
 			children: [r > 0 && /* @__PURE__ */ u("span", {
-				className: W.separator,
+				className: U.separator,
 				"aria-hidden": "true",
 				children: i
 			}), /* @__PURE__ */ d("div", {
-				className: `${W.step} ${t.switcher ? W.switchable : ""}`,
+				className: `${U.step} ${t.switcher ? U.switchable : ""}`,
 				children: [t.href ? (() => {
 					let i = {
-						className: W.label,
+						className: U.label,
 						href: t.href,
 						title: n === "truncate" ? t.label : void 0,
 						onClick: t.onClick,
 						"aria-current": r === e.length - 1 ? "page" : void 0,
 						children: /* @__PURE__ */ d(l, { children: [t.icon && /* @__PURE__ */ u("span", {
-							className: W.icon,
+							className: U.icon,
 							"aria-hidden": "true",
-							children: Ee(t.icon)
+							children: De(t.icon)
 						}), /* @__PURE__ */ u("span", {
-							className: W.text,
+							className: U.text,
 							children: t.label
 						})] })
 					};
 					return a ? a(t, i) : /* @__PURE__ */ u("a", { ...i });
 				})() : /* @__PURE__ */ d("span", {
-					className: W.label,
+					className: U.label,
 					title: n === "truncate" ? t.label : void 0,
 					"aria-current": r === e.length - 1 ? "page" : void 0,
 					children: [t.icon && /* @__PURE__ */ u("span", {
-						className: W.icon,
+						className: U.icon,
 						"aria-hidden": "true",
-						children: Ee(t.icon)
+						children: De(t.icon)
 					}), /* @__PURE__ */ u("span", {
-						className: W.text,
+						className: U.text,
 						children: t.label
 					})]
 				}), t.switcher && /* @__PURE__ */ d(D.Root, {
 					value: t.switcher.value,
-					onValueChange: (e) => e === De ? t.switcher.action?.onSelect() : t.switcher.onValueChange(e),
+					onValueChange: (e) => e === Oe ? t.switcher.action?.onSelect() : t.switcher.onValueChange(e),
 					disabled: t.switcher.disabled || t.switcher.options.length === 0 && !t.switcher.action,
 					children: [/* @__PURE__ */ u(D.Trigger, {
-						className: W.trigger,
+						className: U.trigger,
 						"aria-label": `${t.switcher.label}: ${t.label}`,
 						children: /* @__PURE__ */ u(D.Icon, {
 							"aria-hidden": "true",
-							className: W.icon,
+							className: U.icon,
 							children: /* @__PURE__ */ u(y, {
 								size: 14,
 								color: "currentColor"
 							})
 						})
 					}), /* @__PURE__ */ u(D.Portal, { children: /* @__PURE__ */ u(D.Content, {
-						className: `${V.content} ${W.menu}`,
+						className: `${B.content} ${U.menu}`,
 						position: "popper",
 						align: "end",
 						sideOffset: 4,
 						collisionPadding: 8,
 						children: /* @__PURE__ */ d(D.Viewport, {
-							className: V.viewport,
+							className: B.viewport,
 							children: [t.switcher.options.map((e) => /* @__PURE__ */ d(D.Item, {
 								value: e.value,
-								className: V.item,
+								className: B.item,
 								textValue: e.label,
 								children: [/* @__PURE__ */ d("span", {
-									className: W.option,
+									className: U.option,
 									children: [e.icon && /* @__PURE__ */ u("span", {
-										className: W.icon,
+										className: U.icon,
 										"aria-hidden": "true",
 										children: e.icon
 									}), /* @__PURE__ */ u(D.ItemText, { children: e.label })]
 								}), /* @__PURE__ */ u(D.ItemIndicator, {
-									className: V.itemIndicator,
+									className: B.itemIndicator,
 									children: /* @__PURE__ */ u(m, {
 										size: 12,
 										color: "currentColor"
 									})
 								})]
-							}, e.value)), t.switcher.action && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(D.Separator, { className: W.menuDivider }), /* @__PURE__ */ u(D.Item, {
-								value: De,
-								className: V.item,
+							}, e.value)), t.switcher.action && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(D.Separator, { className: U.menuDivider }), /* @__PURE__ */ u(D.Item, {
+								value: Oe,
+								className: B.item,
 								textValue: t.switcher.action.label,
 								children: /* @__PURE__ */ d("span", {
-									className: W.option,
+									className: U.option,
 									children: [/* @__PURE__ */ u("span", {
-										className: W.icon,
+										className: U.icon,
 										"aria-hidden": "true",
 										children: /* @__PURE__ */ u(x, {
 											size: 14,
@@ -1222,7 +1222,7 @@ var De = "\0action", Oe = ({ items: e, size: t = "default", overflow: n = "wrap"
 			})]
 		}, t.id))
 	})
-}), ke = {
+}), Ae = {
 	wrapper: "_wrapper_1a9jo_1",
 	track: "_track_1a9jo_8",
 	fill: "_fill_1a9jo_36",
@@ -1230,42 +1230,42 @@ var De = "\0action", Oe = ({ items: e, size: t = "default", overflow: n = "wrap"
 };
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.tsx
-function Ae({ value: e, showLabel: t = !1, fulfilledColor: n = !1, className: r = "" }) {
+function je({ value: e, showLabel: t = !1, fulfilledColor: n = !1, className: r = "" }) {
 	let i = Math.min(100, Math.max(0, e)), a = `${Math.round(i)}%`, o = n && i >= 100 ? "var(--CPureBlue)" : void 0;
 	return /* @__PURE__ */ d("div", {
-		className: `${ke.wrapper} ${r}`,
+		className: `${Ae.wrapper} ${r}`,
 		role: "progressbar",
 		"aria-valuenow": i,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		children: [/* @__PURE__ */ u("div", {
-			className: ke.track,
+			className: Ae.track,
 			children: /* @__PURE__ */ u("div", {
-				className: ke.fill,
+				className: Ae.fill,
 				style: {
 					width: `${i}%`,
 					backgroundColor: o
 				}
 			})
 		}), t && /* @__PURE__ */ u("span", {
-			className: ke.label,
+			className: Ae.label,
 			"aria-hidden": "true",
 			children: a
 		})]
 	});
 }
-var je = {
+var Me = {
 	chip: "_chip_iaxe0_1",
 	large: "_large_iaxe0_14"
 };
 //#endregion
 //#region src/components/Chip/Chip.tsx
-function Me({ children: t, color: n, textColor: r, className: i, icon: a, size: o = "default" }) {
+function Ne({ children: t, color: n, textColor: r, className: i, icon: a, size: o = "default" }) {
 	let s = {};
 	return n && (s.backgroundColor = n), r && (s.color = r), /* @__PURE__ */ d("span", {
 		className: [
-			je.chip,
-			o === "large" && je.large,
+			Me.chip,
+			o === "large" && Me.large,
 			i
 		].filter(Boolean).join(" "),
 		style: s,
@@ -1275,7 +1275,7 @@ function Me({ children: t, color: n, textColor: r, className: i, icon: a, size:
 		}), t]
 	});
 }
-var G = {
+var W = {
 	root: "_root_ok48u_3",
 	icon: "_icon_ok48u_16",
 	body: "_body_ok48u_17",
@@ -1286,44 +1286,63 @@ var G = {
 	success: "_success_ok48u_24",
 	warning: "_warning_ok48u_25",
 	destructive: "_destructive_ok48u_26"
-}, Ne = {
+}, Pe = {
 	success: /* @__PURE__ */ u(m, {}),
 	warning: /* @__PURE__ */ u(w, {}),
 	destructive: /* @__PURE__ */ u(w, {})
 };
-function Pe(t) {
+function Fe(t) {
 	return e.isValidElement(t) ? e.cloneElement(t, {
 		size: 16,
 		color: "currentColor"
 	}) : t;
 }
-var Fe = ({ variant: e = "default", icon: t, className: n = "", children: r, role: i }) => {
-	let a = t === void 0 ? Ne[e] : t;
+var Ie = ({ variant: e = "default", icon: t, className: n = "", children: r, role: i }) => {
+	let a = t === void 0 ? Pe[e] : t;
 	return /* @__PURE__ */ d("div", {
 		role: i ?? (e === "destructive" || e === "warning" ? "alert" : "status"),
-		className: `${G.root} ${G[e]} ${n}`,
+		className: `${W.root} ${W[e]} ${n}`,
 		children: [a && /* @__PURE__ */ u("span", {
-			className: G.icon,
+			className: W.icon,
 			"aria-hidden": "true",
-			children: Pe(a)
+			children: Fe(a)
 		}), /* @__PURE__ */ u("div", {
-			className: G.body,
+			className: W.body,
 			children: r
 		})]
 	});
-}, Ie = ({ children: e, className: t = "" }) => /* @__PURE__ */ u("div", {
-	className: `${G.title} ${t}`,
+}, Le = ({ children: e, className: t = "" }) => /* @__PURE__ */ u("div", {
+	className: `${W.title} ${t}`,
 	children: e
-}), Le = ({ children: e, className: t = "" }) => /* @__PURE__ */ u("div", {
-	className: `${G.description} ${t}`,
+}), Re = ({ children: e, className: t = "" }) => /* @__PURE__ */ u("div", {
+	className: `${W.description} ${t}`,
 	children: e
-}), Re = {
+}), ze = {
+	root: "_root_1plhu_3",
+	main: "_main_1plhu_18",
+	aside: "_aside_1plhu_19",
+	message: "_message_1plhu_26"
+}, Be = ({ visible: e = !0, message: t, aside: n, children: r, className: i = "", "aria-label": a = "Unsaved changes" }) => e ? /* @__PURE__ */ d("div", {
+	role: "region",
+	"aria-label": a,
+	className: `${ze.root} ${i}`,
+	children: [/* @__PURE__ */ d("div", {
+		className: ze.main,
+		children: [r, t && /* @__PURE__ */ u("span", {
+			className: ze.message,
+			children: t
+		})]
+	}), n && /* @__PURE__ */ u("div", {
+		className: ze.aside,
+		children: n
+	})]
+}) : null, Ve = {
 	tooltip: "_tooltip_1de7z_1",
 	arrow: "_arrow_1de7z_13"
 };
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-function ze({ content: e, position: t = "top", children: n, className: r }) {
+function He({ content: e, position: t = "top", children: n, className: r }) {
 	return /* @__PURE__ */ u(k.Provider, {
 		delayDuration: 80,
 		children: /* @__PURE__ */ d(k.Root, { children: [/* @__PURE__ */ u(k.Trigger, {
@@ -1332,12 +1351,12 @@ function ze({ content: e, position: t = "top", children: n, className: r }) {
 		}), /* @__PURE__ */ u(k.Portal, { children: /* @__PURE__ */ d(k.Content, {
 			side: t,
 			sideOffset: 7,
-			className: [Re.tooltip, r].filter(Boolean).join(" "),
-			children: [e, /* @__PURE__ */ u(k.Arrow, { className: Re.arrow })]
+			className: [Ve.tooltip, r].filter(Boolean).join(" "),
+			children: [e, /* @__PURE__ */ u(k.Arrow, { className: Ve.arrow })]
 		}) })] })
 	});
 }
-var K = {
+var G = {
 	wrapper: "_wrapper_1w5vh_1",
 	chart: "_chart_1w5vh_8",
 	svg: "_svg_1w5vh_33",
@@ -1351,11 +1370,11 @@ var K = {
 	legendItem: "_legendItem_1w5vh_90",
 	legendMark: "_legendMark_1w5vh_96",
 	legendLabel: "_legendLabel_1w5vh_102"
-}, Be = "var(--lv4)", q = 12, Ve = 20, He = 8, Ue = 28, J = 20;
-function We(e) {
+}, Ue = "var(--lv4)", K = 12, We = 20, Ge = 8, Ke = 28, q = 20;
+function qe(e) {
 	return Number.isInteger(e) ? String(e) : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
-function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegend: o = !0, className: l }) {
+function Je({ series: e, labels: t, type: n = "line", height: a = 200, showLegend: o = !0, className: l }) {
 	let f = s(null), [p, m] = c(0), [h, g] = c(null);
 	i(() => {
 		let e = f.current;
@@ -1363,18 +1382,18 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		let t = new ResizeObserver(([e]) => m(e.contentRect.width));
 		return t.observe(e), m(e.clientWidth), () => t.disconnect();
 	}, []);
-	let _ = t?.length ? Ue : He, v = Math.max(p - J - Ve, 0), y = Math.max(a - q - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = n === "bar" ? 0 : Math.min(...b, 0), C = x - S || 1, w = Math.max(...e.map((e) => e.data.length), 0), T = (e) => q + (1 - (e - S) / C) * y, E = (e) => w <= 1 ? J + v / 2 : J + e / (w - 1) * v, D = r((e) => {
+	let _ = t?.length ? Ke : Ge, v = Math.max(p - q - We, 0), y = Math.max(a - K - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = n === "bar" ? 0 : Math.min(...b, 0), C = x - S || 1, w = Math.max(...e.map((e) => e.data.length), 0), T = (e) => K + (1 - (e - S) / C) * y, E = (e) => w <= 1 ? q + v / 2 : q + e / (w - 1) * v, D = r((e) => {
 		if (w === 0) return;
 		let t = e.currentTarget.getBoundingClientRect(), r = e.clientX - t.left, i = e.clientY - t.top;
 		if (n === "line") {
-			let e = Math.round((r - J) / v * (w - 1));
+			let e = Math.round((r - q) / v * (w - 1));
 			g({
 				index: Math.max(0, Math.min(w - 1, e)),
 				x: r,
 				y: i
 			});
 		} else {
-			let e = v / w, t = Math.floor((r - J) / e);
+			let e = v / w, t = Math.floor((r - q) / e);
 			g({
 				index: Math.max(0, Math.min(w - 1, t)),
 				x: r,
@@ -1386,31 +1405,31 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		w,
 		v
 	]), O = r(() => g(null), []), k = /* @__PURE__ */ u("line", {
-		x1: J,
-		y1: q + y * .5,
-		x2: J + v,
-		y2: q + y * .5,
+		x1: q,
+		y1: K + y * .5,
+		x2: q + v,
+		y2: K + y * .5,
 		stroke: "var(--chart-midline)",
 		strokeWidth: "0.5"
 	}), A = /* @__PURE__ */ u("line", {
-		x1: J,
-		y1: q + y,
-		x2: J + v,
-		y2: q + y,
+		x1: q,
+		y1: K + y,
+		x2: q + v,
+		y2: K + y,
 		stroke: "var(--chart-baseline)",
 		strokeWidth: "1"
 	}), j = h && n === "bar" ? (() => {
 		let e = v / w;
 		return /* @__PURE__ */ u("rect", {
-			x: J + h.index * e,
-			y: q,
+			x: q + h.index * e,
+			y: K,
 			width: e,
 			height: y,
 			fill: "var(--chart-column-hover)"
 		});
 	})() : null, M = () => e.map((e, t) => {
 		if (!e.data.length) return null;
-		let n = e.color ?? Be;
+		let n = e.color ?? Ue;
 		return /* @__PURE__ */ d("g", { children: [/* @__PURE__ */ u("polyline", {
 			points: e.data.map((e, t) => `${E(t).toFixed(2)},${T(e).toFixed(2)}`).join(" "),
 			fill: "none",
@@ -1430,9 +1449,9 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		})] }, t);
 	}), ee = () => {
 		if (!w) return null;
-		let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i = q + y;
+		let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i = K + y;
 		return e.map((e, t) => e.data.map((a, o) => {
-			let s = J + o * n + 2 + t * (r + 2), c = T(a);
+			let s = q + o * n + 2 + t * (r + 2), c = T(a);
 			return /* @__PURE__ */ u("rect", {
 				x: s,
 				y: c,
@@ -1443,9 +1462,9 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		}));
 	}, te = () => {
 		if (!t?.length) return null;
-		let e = q + y + 18;
+		let e = K + y + 18;
 		return t.map((t, r) => /* @__PURE__ */ u("text", {
-			x: n === "line" ? E(r) : J + (r + .5) * (v / w),
+			x: n === "line" ? E(r) : q + (r + .5) * (v / w),
 			y: e,
 			textAnchor: "middle",
 			fill: "var(--lv4)",
@@ -1454,16 +1473,16 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		}, r));
 	}, ne = h && n === "line" ? /* @__PURE__ */ u("line", {
 		x1: E(h.index),
-		y1: q,
+		y1: K,
 		x2: E(h.index),
-		y2: q + y,
+		y2: K + y,
 		stroke: "var(--chart-crosshair)",
 		strokeWidth: "1",
 		strokeDasharray: "3 3"
 	}) : null, N = h ? (() => {
 		let n = t?.[h.index] ?? String(h.index + 1), r = Math.min(Math.max(h.x, 60), p - 60);
 		return /* @__PURE__ */ d("div", {
-			className: K.tooltip,
+			className: G.tooltip,
 			style: h.y < 80 ? {
 				left: r,
 				top: h.y + 12,
@@ -1474,37 +1493,37 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 				transform: "translate(-50%, -100%)"
 			},
 			children: [/* @__PURE__ */ u("div", {
-				className: K.tooltipLabel,
+				className: G.tooltipLabel,
 				children: n
 			}), e.map((e, t) => /* @__PURE__ */ d("div", {
-				className: K.tooltipRow,
+				className: G.tooltipRow,
 				children: [
 					/* @__PURE__ */ u("span", {
-						className: K.tooltipDot,
-						style: { background: e.color ?? Be }
+						className: G.tooltipDot,
+						style: { background: e.color ?? Ue }
 					}),
 					/* @__PURE__ */ u("span", {
-						className: K.tooltipName,
+						className: G.tooltipName,
 						children: e.label
 					}),
 					/* @__PURE__ */ u("span", {
-						className: K.tooltipValue,
-						children: We(e.data[h.index] ?? 0)
+						className: G.tooltipValue,
+						children: qe(e.data[h.index] ?? 0)
 					})
 				]
 			}, t))]
 		});
 	})() : null;
 	return /* @__PURE__ */ d("div", {
-		className: [K.wrapper, l].filter(Boolean).join(" "),
+		className: [G.wrapper, l].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ d("div", {
 			ref: f,
-			className: K.chart,
+			className: G.chart,
 			style: { height: a },
 			children: [p > 0 && /* @__PURE__ */ d("svg", {
 				width: p,
 				height: a,
-				className: K.svg,
+				className: G.svg,
 				onMouseMove: D,
 				onMouseLeave: O,
 				children: [
@@ -1517,21 +1536,21 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 				]
 			}), N]
 		}), o && e.length > 1 && /* @__PURE__ */ u("div", {
-			className: K.legend,
+			className: G.legend,
 			children: e.map((e, t) => /* @__PURE__ */ d("div", {
-				className: K.legendItem,
+				className: G.legendItem,
 				children: [/* @__PURE__ */ u("div", {
-					className: K.legendMark,
-					style: { background: e.color ?? Be }
+					className: G.legendMark,
+					style: { background: e.color ?? Ue }
 				}), /* @__PURE__ */ u("span", {
-					className: K.legendLabel,
+					className: G.legendLabel,
 					children: e.label
 				})]
 			}, t))
 		})]
 	});
 }
-var Y = {
+var J = {
 	wrapper: "_wrapper_17ws4_1",
 	label: "_label_17ws4_7",
 	textarea: "_textarea_17ws4_12",
@@ -1540,14 +1559,14 @@ var Y = {
 };
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-function Ke({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: o = 4, ...s }) {
+function Ye({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: o = 4, ...s }) {
 	let c = e.useId(), l = a || c, f = `${l}-error`, p = n || !i;
 	return /* @__PURE__ */ d("div", {
-		className: `${Y.wrapper} ${r}`,
+		className: `${J.wrapper} ${r}`,
 		children: [
 			t && /* @__PURE__ */ d("label", {
 				htmlFor: l,
-				className: Y.label,
+				className: J.label,
 				children: [t, s.required && /* @__PURE__ */ u("span", {
 					"aria-label": "required",
 					children: " *"
@@ -1556,46 +1575,46 @@ function Ke({ label: t, error: n, className: r = "", isValid: i = !0, id: a, row
 			/* @__PURE__ */ u("textarea", {
 				id: l,
 				rows: o,
-				className: `${Y.textarea} ${p ? Y.error : ""}`,
+				className: `${J.textarea} ${p ? J.error : ""}`,
 				"aria-invalid": p ? "true" : "false",
 				"aria-describedby": n ? f : void 0,
 				...s
 			}),
 			n && /* @__PURE__ */ u("span", {
 				id: f,
-				className: Y.errorText,
+				className: J.errorText,
 				role: "alert",
 				children: n
 			})
 		]
 	});
 }
-var X = {
+var Y = {
 	overlay: "_overlay_xud7c_1",
 	content: "_content_xud7c_8",
 	title: "_title_xud7c_26",
 	description: "_description_xud7c_34",
 	close: "_close_xud7c_40",
 	srOnly: "_srOnly_xud7c_62"
-}, qe = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: o = "", showClose: s = !0 }) => /* @__PURE__ */ d(A.Root, {
+}, Xe = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: o = "", showClose: s = !0 }) => /* @__PURE__ */ d(A.Root, {
 	open: n,
 	onOpenChange: r,
 	children: [e && /* @__PURE__ */ u(A.Trigger, {
 		asChild: !0,
 		children: e
-	}), /* @__PURE__ */ d(A.Portal, { children: [/* @__PURE__ */ u(A.Overlay, { className: X.overlay }), /* @__PURE__ */ d(A.Content, {
-		className: `${X.content} ${o}`,
+	}), /* @__PURE__ */ d(A.Portal, { children: [/* @__PURE__ */ u(A.Overlay, { className: Y.overlay }), /* @__PURE__ */ d(A.Content, {
+		className: `${Y.content} ${o}`,
 		children: [
 			/* @__PURE__ */ u(A.Title, {
-				className: i ? X.title : X.srOnly,
+				className: i ? Y.title : Y.srOnly,
 				children: i || "Dialog"
 			}),
 			a && /* @__PURE__ */ u(A.Description, {
-				className: X.description,
+				className: Y.description,
 				children: a
 			}),
 			s && /* @__PURE__ */ u(A.Close, {
-				className: X.close,
+				className: Y.close,
 				"aria-label": "Close",
 				children: /* @__PURE__ */ u(T, {
 					size: 16,
@@ -1605,7 +1624,7 @@ var X = {
 			t
 		]
 	})] })]
-}), Z = {
+}), X = {
 	wrapper: "_wrapper_aimna_1",
 	label: "_label_aimna_7",
 	trigger: "_trigger_aimna_12",
@@ -1624,7 +1643,7 @@ var X = {
 	today: "_today_aimna_131",
 	selected: "_selected_aimna_136",
 	errorText: "_errorText_aimna_142"
-}, Je = [
+}, Ze = [
 	"Mo",
 	"Tu",
 	"We",
@@ -1632,7 +1651,7 @@ var X = {
 	"Fr",
 	"Sa",
 	"Su"
-], Ye = [
+], Qe = [
 	"January",
 	"February",
 	"March",
@@ -1646,19 +1665,19 @@ var X = {
 	"November",
 	"December"
 ];
-function Xe(e) {
+function Z(e) {
 	let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
 	return `${e.getFullYear()}-${t}-${n}`;
 }
-function Ze(e, t) {
+function $e(e, t) {
 	return !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function Qe(e, t) {
+function et(e, t) {
 	let n = (new Date(e, t, 1).getDay() + 6) % 7, r = [];
 	for (let i = 0; i < 42; i++) r.push(new Date(e, t, 1 - n + i));
 	return r;
 }
-var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", error: a, isValid: o = !0, disabled: s = !1, className: l = "", formatDate: f = Xe }) => {
+var tt = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", error: a, isValid: o = !0, disabled: s = !1, className: l = "", formatDate: f = Z }) => {
 	let p = e.useId(), m = `${p}-error`, v = !!a || !o, [y, b] = c(!1), x = /* @__PURE__ */ new Date(), S = t ?? x, [C, w] = c(S.getFullYear()), [T, E] = c(S.getMonth()), [D, k] = c(S), A = e.useRef(/* @__PURE__ */ new Map()), j = e.useRef(!1), M = (e) => {
 		if (e) {
 			let e = t ?? /* @__PURE__ */ new Date();
@@ -1667,7 +1686,7 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 		b(e);
 	};
 	e.useEffect(() => {
-		j.current &&= (A.current.get(Xe(D))?.focus(), !1);
+		j.current &&= (A.current.get(Z(D))?.focus(), !1);
 	}, [D]);
 	let ee = (e, t) => {
 		let n = new Date(t), r = {
@@ -1694,13 +1713,13 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 		T === 11 ? (E(0), w(C + 1)) : E(T + 1);
 	}, N = (e) => {
 		n?.(e), b(!1);
-	}, P = Qe(C, T);
+	}, P = et(C, T);
 	return /* @__PURE__ */ d("div", {
-		className: `${Z.wrapper} ${l}`,
+		className: `${X.wrapper} ${l}`,
 		children: [
 			r && /* @__PURE__ */ u("span", {
 				id: `${p}-label`,
-				className: Z.label,
+				className: X.label,
 				children: r
 			}),
 			/* @__PURE__ */ d(O.Root, {
@@ -1710,14 +1729,14 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 					asChild: !0,
 					children: /* @__PURE__ */ d("button", {
 						type: "button",
-						className: `${Z.trigger} ${v ? Z.error : ""}`,
+						className: `${X.trigger} ${v ? X.error : ""}`,
 						disabled: s,
 						"aria-labelledby": r ? `${p}-label ${p}-value` : void 0,
 						"aria-invalid": v ? "true" : "false",
 						"aria-describedby": a ? m : void 0,
 						children: [/* @__PURE__ */ u("span", {
 							id: `${p}-value`,
-							className: t ? Z.valueText : Z.placeholder,
+							className: t ? X.valueText : X.placeholder,
 							children: t ? f(t) : i
 						}), /* @__PURE__ */ u(h, {
 							size: 14,
@@ -1725,20 +1744,20 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 						})]
 					})
 				}), /* @__PURE__ */ u(O.Portal, { children: /* @__PURE__ */ d(O.Content, {
-					className: Z.calendar,
+					className: X.calendar,
 					align: "start",
 					sideOffset: 5,
 					"aria-label": r ? `${r} calendar` : "Choose a date",
 					onOpenAutoFocus: (e) => {
-						e.preventDefault(), A.current.get(Xe(D))?.focus();
+						e.preventDefault(), A.current.get(Z(D))?.focus();
 					},
 					children: [
 						/* @__PURE__ */ d("div", {
-							className: Z.header,
+							className: X.header,
 							children: [
 								/* @__PURE__ */ u("button", {
 									type: "button",
-									className: Z.navButton,
+									className: X.navButton,
 									onClick: te,
 									"aria-label": "Previous month",
 									children: /* @__PURE__ */ u(g, {
@@ -1747,16 +1766,16 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 									})
 								}),
 								/* @__PURE__ */ d("span", {
-									className: Z.monthLabel,
+									className: X.monthLabel,
 									children: [
-										Ye[T],
+										Qe[T],
 										" ",
 										C
 									]
 								}),
 								/* @__PURE__ */ u("button", {
 									type: "button",
-									className: Z.navButton,
+									className: X.navButton,
 									onClick: ne,
 									"aria-label": "Next month",
 									children: /* @__PURE__ */ u(_, {
@@ -1767,27 +1786,27 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 							]
 						}),
 						/* @__PURE__ */ u("div", {
-							className: Z.weekdays,
-							children: Je.map((e) => /* @__PURE__ */ u("span", {
-								className: Z.weekday,
+							className: X.weekdays,
+							children: Ze.map((e) => /* @__PURE__ */ u("span", {
+								className: X.weekday,
 								children: e
 							}, e))
 						}),
 						/* @__PURE__ */ u("div", {
-							className: Z.grid,
+							className: X.grid,
 							children: P.map((e) => {
-								let n = e.getMonth() !== T, r = Ze(e, t), i = Ze(e, x);
+								let n = e.getMonth() !== T, r = $e(e, t), i = $e(e, x);
 								return /* @__PURE__ */ u("button", {
 									type: "button",
 									className: [
-										Z.day,
-										n ? Z.outside : "",
-										r ? Z.selected : "",
-										i && !r ? Z.today : ""
+										X.day,
+										n ? X.outside : "",
+										r ? X.selected : "",
+										i && !r ? X.today : ""
 									].filter(Boolean).join(" "),
 									onClick: () => N(e),
 									ref: (t) => {
-										t ? A.current.set(Xe(e), t) : A.current.delete(Xe(e));
+										t ? A.current.set(Z(e), t) : A.current.delete(Z(e));
 									},
 									"aria-label": e.toLocaleDateString(void 0, {
 										weekday: "long",
@@ -1797,7 +1816,7 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 									}),
 									"aria-pressed": r,
 									"aria-current": i ? "date" : void 0,
-									tabIndex: Ze(e, D) || D.getMonth() !== T && e.getDate() === 1 && !n ? 0 : -1,
+									tabIndex: $e(e, D) || D.getMonth() !== T && e.getDate() === 1 && !n ? 0 : -1,
 									onKeyDown: (t) => ee(t, e),
 									children: e.getDate()
 								}, e.toISOString());
@@ -1808,103 +1827,128 @@ var $e = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 			}),
 			a && /* @__PURE__ */ u("span", {
 				id: m,
-				className: Z.errorText,
+				className: X.errorText,
 				role: "alert",
 				children: a
 			})
 		]
 	});
 }, Q = {
-	root: "_root_qu8jg_1",
-	micro: "_micro_qu8jg_7",
-	default: "_default_qu8jg_8",
-	large: "_large_qu8jg_9",
-	list: "_list_qu8jg_11",
-	alignEnd: "_alignEnd_qu8jg_24",
-	control: "_control_qu8jg_29",
-	link: "_link_qu8jg_55",
-	icon: "_icon_qu8jg_56",
-	caret: "_caret_qu8jg_56",
-	viewportPosition: "_viewportPosition_qu8jg_59",
-	viewport: "_viewport_qu8jg_59",
-	content: "_content_qu8jg_85"
-}, et = {
+	root: "_root_1n7k4_1",
+	micro: "_micro_1n7k4_7",
+	default: "_default_1n7k4_8",
+	large: "_large_1n7k4_9",
+	list: "_list_1n7k4_11",
+	alignEnd: "_alignEnd_1n7k4_24",
+	alignList: "_alignList_1n7k4_24",
+	control: "_control_1n7k4_29",
+	link: "_link_1n7k4_56",
+	icon: "_icon_1n7k4_57",
+	caret: "_caret_1n7k4_57",
+	viewportPosition: "_viewportPosition_1n7k4_60",
+	panelTrigger: "_panelTrigger_1n7k4_77",
+	viewport: "_viewport_1n7k4_60",
+	content: "_content_1n7k4_106"
+}, nt = {
 	micro: 14,
 	default: 14,
 	large: 21
-}, tt = e.createContext("default"), nt = e.forwardRef(({ size: e = "default", align: t = "start", panelWidth: n, className: r = "", style: i, children: a, "aria-label": o = "Main navigation", ...s }, c) => {
-	let l = n === void 0 ? i : {
-		...i,
-		"--panel-width": typeof n == "number" ? `${n}px` : n
-	};
-	return /* @__PURE__ */ u(tt.Provider, {
-		value: e,
+}, rt = e.createContext("default"), it = e.forwardRef(({ size: t = "default", align: n = "start", panelAlign: r = "trigger", panelWidth: i, className: a = "", style: o, children: s, "aria-label": c = "Main navigation", ...l }, f) => {
+	let p = e.useRef(null), [m, h] = e.useState(null);
+	e.useEffect(() => {
+		let e = p.current;
+		if (!e || r !== "trigger") return;
+		let t = () => {
+			let t = e.querySelector("[data-state=\"open\"][aria-expanded=\"true\"]");
+			t && h(t.getBoundingClientRect().left - e.getBoundingClientRect().left);
+		};
+		t();
+		let n = new MutationObserver(t);
+		n.observe(e, {
+			subtree: !0,
+			attributes: !0,
+			attributeFilter: ["data-state"]
+		});
+		let i = new ResizeObserver(t);
+		return i.observe(e), () => {
+			n.disconnect(), i.disconnect();
+		};
+	}, [r, s]);
+	let g = {
+		...o,
+		...i === void 0 ? {} : { "--panel-width": typeof i == "number" ? `${i}px` : i },
+		...r === "trigger" && m !== null ? { "--panel-offset": `${Math.round(m)}px` } : {}
+	}, _ = r === "trigger" ? Q.panelTrigger : r === "end" ? Q.alignEnd : "";
+	return /* @__PURE__ */ u(rt.Provider, {
+		value: t,
 		children: /* @__PURE__ */ d(j.Root, {
-			...s,
-			ref: c,
-			"aria-label": o,
-			style: l,
-			className: `${Q.root} ${Q[e]} ${t === "end" ? Q.alignEnd : ""} ${r}`,
-			children: [a, /* @__PURE__ */ u("div", {
+			...l,
+			ref: (e) => {
+				p.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+			},
+			"aria-label": c,
+			style: g,
+			className: `${Q.root} ${Q[t]} ${n === "end" ? Q.alignList : ""} ${_} ${a}`,
+			children: [s, /* @__PURE__ */ u("div", {
 				className: Q.viewportPosition,
 				children: /* @__PURE__ */ u(j.Viewport, { className: Q.viewport })
 			})]
 		})
 	});
 });
-nt.displayName = "NavigationMenu";
-var rt = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.List, {
+it.displayName = "NavigationMenu";
+var at = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.List, {
 	...t,
 	ref: n,
 	className: `${Q.list} ${e}`
 }));
-rt.displayName = "NavigationMenuList";
-var it = j.Item;
-function at({ icon: t }) {
-	let n = e.useContext(tt);
+at.displayName = "NavigationMenuList";
+var ot = j.Item;
+function st({ icon: t }) {
+	let n = e.useContext(rt);
 	return t ? /* @__PURE__ */ u("span", {
 		className: Q.icon,
 		"aria-hidden": "true",
 		children: e.cloneElement(t, {
-			size: et[n],
+			size: nt[n],
 			color: "currentColor"
 		})
 	}) : null;
 }
-var ot = e.forwardRef(({ className: t = "", icon: n, children: r, ...i }, a) => {
-	let o = e.useContext(tt);
+var ct = e.forwardRef(({ className: t = "", icon: n, children: r, ...i }, a) => {
+	let o = e.useContext(rt);
 	return /* @__PURE__ */ d(j.Trigger, {
 		...i,
 		ref: a,
 		className: `${Q.control} ${t}`,
 		children: [
-			/* @__PURE__ */ u(at, { icon: n }),
+			/* @__PURE__ */ u(st, { icon: n }),
 			r,
 			/* @__PURE__ */ u("span", {
 				className: Q.caret,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ u(h, {
-					size: et[o],
+					size: nt[o],
 					color: "currentColor"
 				})
 			})
 		]
 	});
 });
-ot.displayName = "NavigationMenuTrigger";
-var st = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.Content, {
+ct.displayName = "NavigationMenuTrigger";
+var lt = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.Content, {
 	...t,
 	ref: n,
 	className: `${Q.content} ${e}`
 }));
-st.displayName = "NavigationMenuContent";
-var ct = e.forwardRef(({ variant: e = "panel", icon: t, className: n = "", children: r, ...i }, a) => /* @__PURE__ */ u(j.Link, {
+lt.displayName = "NavigationMenuContent";
+var ut = e.forwardRef(({ variant: e = "panel", icon: t, className: n = "", children: r, ...i }, a) => /* @__PURE__ */ u(j.Link, {
 	...i,
 	ref: a,
 	className: `${e === "navigation" ? Q.control : Q.link} ${n}`,
-	children: e === "navigation" && !i.asChild ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(at, { icon: t }), r] }) : r
+	children: e === "navigation" && !i.asChild ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(st, { icon: t }), r] }) : r
 }));
-ct.displayName = "NavigationMenuLink";
+ut.displayName = "NavigationMenuLink";
 var $ = {
 	panel: "_panel_1hiss_6",
 	header: "_header_1hiss_14",
@@ -1936,18 +1980,18 @@ var $ = {
 };
 //#endregion
 //#region src/components/Chat/ChatPanel.tsx
-function lt({ children: e }) {
+function dt({ children: e }) {
 	return /* @__PURE__ */ u("kbd", {
 		className: $.kbd,
 		children: e
 	});
 }
-var ut = /* @__PURE__ */ d(l, { children: [
-	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(lt, { children: "↵" }), " send"] }),
-	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(lt, { children: "⇧↵" }), " new line"] }),
-	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(lt, { children: "esc" }), " close"] })
+var ft = /* @__PURE__ */ d(l, { children: [
+	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(dt, { children: "↵" }), " send"] }),
+	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(dt, { children: "⇧↵" }), " new line"] }),
+	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(dt, { children: "esc" }), " close"] })
 ] });
-function dt({ header: e, children: t, composer: n, hints: r = ut, className: i = "", threadRef: a, "aria-label": o }) {
+function pt({ header: e, children: t, composer: n, hints: r = ft, className: i = "", threadRef: a, "aria-label": o }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.panel} ${i}`,
 		"aria-label": o,
@@ -1976,7 +2020,7 @@ function dt({ header: e, children: t, composer: n, hints: r = ut, className: i =
 }
 //#endregion
 //#region src/components/Chat/Message.tsx
-function ft({ children: e, className: t = "" }) {
+function mt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ u("div", {
 		className: $.userRow,
 		children: /* @__PURE__ */ u("div", {
@@ -1985,7 +2029,7 @@ function ft({ children: e, className: t = "" }) {
 		})
 	});
 }
-function pt({ label: e = "Assistant", icon: t, children: n, className: r = "" }) {
+function ht({ label: e = "Assistant", icon: t, children: n, className: r = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.assistant} ${r}`,
 		children: [/* @__PURE__ */ d("div", {
@@ -2002,13 +2046,13 @@ function pt({ label: e = "Assistant", icon: t, children: n, className: r = "" })
 }
 //#endregion
 //#region src/components/Chat/Composer.tsx
-var mt = 18, ht = e.forwardRef(function({ value: e, onChange: t, onSend: n, onStop: a, streaming: c = !1, placeholder: l = "Ask a question…", disabled: m = !1, autoFocus: h = !1, icon: g, maxLines: _ = 6, className: v = "", "aria-label": y = "Message" }, b) {
+var gt = 18, _t = e.forwardRef(function({ value: e, onChange: t, onSend: n, onStop: a, streaming: c = !1, placeholder: l = "Ask a question…", disabled: m = !1, autoFocus: h = !1, icon: g, maxLines: _ = 6, className: v = "", "aria-label": y = "Message" }, b) {
 	let x = s(null);
 	o(b, () => ({ focus: () => x.current?.focus() }), []), i(() => {
 		let e = x.current;
 		if (!e) return;
 		e.style.height = "auto";
-		let t = mt * _ + 12;
+		let t = gt * _ + 12;
 		e.style.height = `${Math.min(e.scrollHeight, t)}px`;
 	}, [e, _]);
 	let S = !c && !m && e.trim().length > 0, w = r(() => {
@@ -2064,7 +2108,7 @@ var mt = 18, ht = e.forwardRef(function({ value: e, onChange: t, onSend: n, onSt
 });
 //#endregion
 //#region src/components/Chat/Citation.tsx
-function gt({ n: e, href: t, onClick: n, title: r, className: i = "" }) {
+function vt({ n: e, href: t, onClick: n, title: r, className: i = "" }) {
 	let a = `${$.ref} ${i}`;
 	return t ? /* @__PURE__ */ u("a", {
 		href: t,
@@ -2082,7 +2126,7 @@ function gt({ n: e, href: t, onClick: n, title: r, className: i = "" }) {
 		children: e
 	});
 }
-function _t({ items: e, label: t = "Sources", className: n = "" }) {
+function yt({ items: e, label: t = "Sources", className: n = "" }) {
 	return e.length === 0 ? null : /* @__PURE__ */ d("div", {
 		className: `${$.stack} ${n}`,
 		children: [/* @__PURE__ */ u("div", {
@@ -2091,7 +2135,7 @@ function _t({ items: e, label: t = "Sources", className: n = "" }) {
 		}), /* @__PURE__ */ u("div", {
 			className: $.wrap,
 			children: e.map((e) => {
-				let t = /* @__PURE__ */ d(Me, {
+				let t = /* @__PURE__ */ d(Ne, {
 					icon: e.icon,
 					children: [
 						/* @__PURE__ */ u("span", {
@@ -2119,7 +2163,7 @@ function _t({ items: e, label: t = "Sources", className: n = "" }) {
 }
 //#endregion
 //#region src/components/Chat/StreamStatus.tsx
-function vt({ children: e, className: t = "" }) {
+function bt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.status} ${t}`,
 		role: "status",
@@ -2131,7 +2175,7 @@ function vt({ children: e, className: t = "" }) {
 }
 //#endregion
 //#region src/components/Chat/Suggestions.tsx
-function yt({ items: e, onPick: t, label: n = "Try asking", className: r = "" }) {
+function xt({ items: e, onPick: t, label: n = "Try asking", className: r = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.suggestions} ${r}`,
 		children: [/* @__PURE__ */ u("div", {
@@ -2150,7 +2194,7 @@ function yt({ items: e, onPick: t, label: n = "Try asking", className: r = "" })
 }
 //#endregion
 //#region src/components/Chat/AnswerActions.tsx
-function bt({ onCopy: e, copied: t = !1, onFollowUp: n, followUpLabel: r = "Ask a follow-up", className: i = "" }) {
+function St({ onCopy: e, copied: t = !1, onFollowUp: n, followUpLabel: r = "Ask a follow-up", className: i = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.actions} ${i}`,
 		children: [
@@ -2172,21 +2216,21 @@ function bt({ onCopy: e, copied: t = !1, onFollowUp: n, followUpLabel: r = "Ask
 		]
 	});
 }
-var xt = {
+var Ct = {
 	truncate: "_truncate_za4sm_1",
 	start: "_start_za4sm_13"
 };
 //#endregion
 //#region src/components/Truncate/Truncate.tsx
-function St({ children: e, side: t = "end", title: n, className: r = "" }) {
+function wt({ children: e, side: t = "end", title: n, className: r = "" }) {
 	let i = n ?? (typeof e == "string" ? e : void 0);
 	return /* @__PURE__ */ u("span", {
-		className: `${xt.truncate} ${t === "start" ? xt.start : ""} ${r}`,
+		className: `${Ct.truncate} ${t === "start" ? Ct.start : ""} ${r}`,
 		title: i,
 		children: t === "start" ? /* @__PURE__ */ u("bdi", { children: e }) : e
 	});
 }
-var Ct = {
+var Tt = {
 	disclosure: "_disclosure_94bgy_1",
 	trigger: "_trigger_94bgy_7",
 	summary: "_summary_94bgy_31",
@@ -2195,24 +2239,24 @@ var Ct = {
 };
 //#endregion
 //#region src/components/Disclosure/Disclosure.tsx
-function wt({ summary: t, children: n, open: r, defaultOpen: i = !1, onOpenChange: a, className: o = "" }) {
+function Et({ summary: t, children: n, open: r, defaultOpen: i = !1, onOpenChange: a, className: o = "" }) {
 	let [s, c] = e.useState(i), l = r ?? s, f = e.useId();
 	return /* @__PURE__ */ d("div", {
-		className: `${Ct.disclosure} ${o}`,
+		className: `${Tt.disclosure} ${o}`,
 		"data-state": l ? "open" : "closed",
 		children: [/* @__PURE__ */ d("button", {
 			type: "button",
-			className: Ct.trigger,
+			className: Tt.trigger,
 			"aria-expanded": l,
 			"aria-controls": l ? f : void 0,
 			onClick: () => {
 				r === void 0 && c(!l), a?.(!l);
 			},
 			children: [/* @__PURE__ */ u("span", {
-				className: Ct.summary,
+				className: Tt.summary,
 				children: t
 			}), /* @__PURE__ */ u("span", {
-				className: Ct.chevron,
+				className: Tt.chevron,
 				"aria-hidden": "true",
 				children: u(l ? h : _, {
 					size: 14,
@@ -2221,10 +2265,10 @@ function wt({ summary: t, children: n, open: r, defaultOpen: i = !1, onOpenChang
 			})]
 		}), l && /* @__PURE__ */ u("div", {
 			id: f,
-			className: Ct.content,
+			className: Tt.content,
 			children: n
 		})]
 	});
 }
 //#endregion
-export { Fe as Alert, Le as AlertDescription, Ie as AlertTitle, bt as AnswerActions, pt as AssistantMessage, ae as Base, Oe as Breadcrumbs, P as Button, Ge as Chart, dt as ChatPanel, re as Checkbox, Me as Chip, _t as CitationList, gt as CitationRef, ht as Composer, $e as DatePicker, wt as Disclosure, oe as FilterPanelBase, le as InputField, lt as Kbd, qe as Modal, nt as NavigationMenu, st as NavigationMenuContent, it as NavigationMenuItem, ct as NavigationMenuLink, rt as NavigationMenuList, ot as NavigationMenuTrigger, ge as Popover, Ae as ProgressBar, ue as RadioButton, ce as SearchField, me as Select, pe as Slider, N as Spinner, vt as StreamStatus, yt as Suggestions, _e as Table, be as TableCell, ve as TableHeader, Se as TableIcon, ye as TableRow, xe as TableValue, Te as Tabs, Ke as Textarea, fe as ToggleSwitch, ze as Tooltip, St as Truncate, ft as UserMessage, ut as defaultChatHints, ne as spinnerNames };
+export { Ie as Alert, Re as AlertDescription, Le as AlertTitle, St as AnswerActions, ht as AssistantMessage, ae as Base, ke as Breadcrumbs, P as Button, Je as Chart, pt as ChatPanel, re as Checkbox, Ne as Chip, yt as CitationList, vt as CitationRef, _t as Composer, tt as DatePicker, Et as Disclosure, oe as FilterPanelBase, le as InputField, dt as Kbd, Xe as Modal, it as NavigationMenu, lt as NavigationMenuContent, ot as NavigationMenuItem, ut as NavigationMenuLink, at as NavigationMenuList, ct as NavigationMenuTrigger, _e as Popover, je as ProgressBar, de as RadioButton, Be as SaveBar, ce as SearchField, he as Select, me as Slider, N as Spinner, bt as StreamStatus, xt as Suggestions, ve as Table, xe as TableCell, ye as TableHeader, Ce as TableIcon, be as TableRow, Se as TableValue, Ee as Tabs, Ye as Textarea, pe as ToggleSwitch, He as Tooltip, wt as Truncate, mt as UserMessage, ft as defaultChatHints, ne as spinnerNames };