@indxsearch/systm 2.6.1 → 2.8.0

package/dist/index.es.js

@@ -1,12 +1,13 @@
 import e, { useCallback as t, useEffect as n, useId as r, useRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Check as l, Chevron_down as u, Chevron_left as d, Chevron_right as f, Minus as p, Plus as m, Search as h, X_or_error as g } from "@indxsearch/pixl";
-import { Range as _ } from "react-range";
-import * as v from "@radix-ui/react-select";
-import * as y from "@radix-ui/react-popover";
-import * as b from "@radix-ui/react-tooltip";
-import * as x from "@radix-ui/react-dialog";
-var S = {
+import { Check as l, Chevron_down as u, Chevron_left as d, Chevron_right as f, Dropdown as p, Minus as m, Plus as h, Search as g, X_or_error as _ } from "@indxsearch/pixl";
+import { Range as v } from "react-range";
+import * as y from "@radix-ui/react-select";
+import * as b from "@radix-ui/react-popover";
+import * as x from "@radix-ui/react-tooltip";
+import * as S from "@radix-ui/react-dialog";
+import * as C from "@radix-ui/react-navigation-menu";
+var w = {
 	button: "_button_1sns4_1",
 	micro: "_micro_1sns4_22",
 	default: "_default_1sns4_30",
@@ -17,11 +18,11 @@ var S = {
 };
 //#endregion
 //#region src/components/Button/Button.tsx
-function C(t) {
+function T(t) {
 	let { size: n = "default", variant: r = "primary", iconLeft: i, iconRight: a, className: l, children: u, disabled: d = !1, ...f } = t, { href: p } = f, m = n === "micro" ? "14px" : n === "large" ? "21px" : "14px", h = [
-		S.button,
-		S[n],
-		S[r],
+		w.button,
+		w[n],
+		w[r],
 		d ? "cursor-not-allowed" : "cursor-pointer",
 		l
 	].filter(Boolean).join(" "), g = /* @__PURE__ */ c(o, { children: [
@@ -64,57 +65,57 @@ function C(t) {
 		children: g
 	});
 }
-var w = {
+var E = {
 	checkboxWrapper: "_checkboxWrapper_1vygn_1",
 	checkbox: "_checkbox_1vygn_1",
 	label: "_label_1vygn_44",
 	score: "_score_1vygn_48",
 	disabled: "_disabled_1vygn_55"
-}, T = ({ label: t, score: n, className: r = "", id: i, "aria-label": a, ...o }) => {
+}, D = ({ label: t, score: n, className: r = "", id: i, "aria-label": a, ...o }) => {
 	let l = e.useId(), u = i || l, d = n ? `${u}-score` : void 0, f = o.disabled;
 	return t || n ? /* @__PURE__ */ c("label", {
 		htmlFor: u,
-		className: `${w.checkboxWrapper} ${r} ${f ? w.disabled : ""} ${f ? "cursor-not-allowed" : "cursor-pointer"}`,
+		className: `${E.checkboxWrapper} ${r} ${f ? E.disabled : ""} ${f ? "cursor-not-allowed" : "cursor-pointer"}`,
 		children: [
 			/* @__PURE__ */ s("input", {
 				id: u,
 				type: "checkbox",
-				className: w.checkbox,
+				className: E.checkbox,
 				"aria-describedby": d,
 				"aria-label": a,
 				...o
 			}),
 			t && /* @__PURE__ */ s("span", {
-				className: w.label,
+				className: E.label,
 				children: t
 			}),
 			n && /* @__PURE__ */ s("span", {
 				id: d,
-				className: w.score,
+				className: E.score,
 				children: n
 			})
 		]
 	}) : /* @__PURE__ */ s("input", {
 		id: u,
 		type: "checkbox",
-		className: `${w.checkbox} ${r}`,
+		className: `${E.checkbox} ${r}`,
 		"aria-label": a,
 		disabled: f,
 		...o
 	});
-}, E = {
+}, O = {
 	container: "_container_dlzj1_1",
 	default: "_default_dlzj1_5"
 };
 //#endregion
 //#region src/components/Base/Base.tsx
-function D({ children: e, className: t }) {
+function k({ children: e, className: t }) {
 	return /* @__PURE__ */ s("div", {
-		className: `${E.container} ${E.default} ${t || ""}`,
+		className: `${O.container} ${O.default} ${t || ""}`,
 		children: e
 	});
 }
-var O = {
+var A = {
 	container: "_container_10bfq_1",
 	header: "_header_10bfq_11",
 	title: "_title_10bfq_31",
@@ -123,15 +124,15 @@ var O = {
 };
 //#endregion
 //#region src/components/FilterPanelBase/FilterPanelBase.tsx
-function k({ title: t, children: r, className: i = "", collapsible: o = !0, collapsed: l = !1 }) {
+function j({ title: t, children: r, className: i = "", collapsible: o = !0, collapsed: l = !1 }) {
 	let [u, d] = a(() => !l), f = e.useId();
 	return n(() => {
 		o && d(!l);
 	}, [l, o]), /* @__PURE__ */ c("div", {
-		className: `${O.container} ${i}`,
+		className: `${A.container} ${i}`,
 		children: [t && (o ? /* @__PURE__ */ c("button", {
 			type: "button",
-			className: O.header,
+			className: A.header,
 			onClick: () => {
 				o && d((e) => !e);
 			},
@@ -139,31 +140,31 @@ function k({ title: t, children: r, className: i = "", collapsible: o = !0, coll
 			"aria-expanded": u,
 			"aria-controls": f,
 			children: [/* @__PURE__ */ s("div", {
-				className: O.title,
+				className: A.title,
 				children: t
 			}), /* @__PURE__ */ s("span", {
 				"aria-hidden": "true",
-				children: s(u ? p : m, {
+				children: s(u ? m : h, {
 					color: "var(--lv5)",
 					size: 14
 				})
 			})]
 		}) : /* @__PURE__ */ s("div", {
-			className: O.header,
+			className: A.header,
 			children: /* @__PURE__ */ s("div", {
-				className: O.title,
+				className: A.title,
 				children: t
 			})
 		})), (!o || u) && /* @__PURE__ */ s("div", {
 			id: f,
-			className: O.body,
+			className: A.body,
 			role: "region",
 			"aria-label": t || "Filter panel content",
 			children: r
 		})]
 	});
 }
-var A = {
+var M = {
 	wrapper: "_wrapper_tf1yl_1",
 	label: "_label_tf1yl_7",
 	inputContainer: "_inputContainer_tf1yl_12",
@@ -175,27 +176,27 @@ var A = {
 	sizeDefault: "_sizeDefault_tf1yl_87",
 	error: "_error_tf1yl_110",
 	errorText: "_errorText_tf1yl_114"
-}, j = {
+}, ee = {
 	micro: 14,
 	default: 21
 };
-function M({ label: t, error: n, className: r = "", showSearchIcon: a = !0, searchIcon: o, searchIconColor: l, inputSize: u = "default", showFocusBorder: d = !1, children: f, id: p, type: m = "search", ...g }) {
-	let _ = i(null), v = e.useId(), y = p || v, b = `${y}-error`, x = j[u], S = {};
+function N({ label: t, error: n, className: r = "", showSearchIcon: a = !0, searchIcon: o, searchIconColor: l, inputSize: u = "default", showFocusBorder: d = !1, children: f, id: p, type: m = "search", ...h }) {
+	let _ = i(null), v = e.useId(), y = p || v, b = `${y}-error`, x = ee[u], S = {};
 	l && (S["--search-icon-color"] = l);
-	let C = o ?? /* @__PURE__ */ s(h, {}), w = u === "micro" ? A.sizeMicro : A.sizeDefault;
+	let C = o ?? /* @__PURE__ */ s(g, {}), w = u === "micro" ? M.sizeMicro : M.sizeDefault;
 	return /* @__PURE__ */ c("div", {
-		className: `${A.wrapper} ${r}`,
+		className: `${M.wrapper} ${r}`,
 		children: [
 			t && /* @__PURE__ */ s("label", {
 				htmlFor: y,
-				className: A.label,
+				className: M.label,
 				children: t
 			}),
 			/* @__PURE__ */ c("div", {
-				className: `${A.inputContainer} ${w}`,
+				className: `${M.inputContainer} ${w}`,
 				children: [
 					a && /* @__PURE__ */ s("span", {
-						className: A.searchIcon,
+						className: M.searchIcon,
 						"aria-hidden": "true",
 						children: e.cloneElement(C, {
 							size: x,
@@ -206,28 +207,28 @@ function M({ label: t, error: n, className: r = "", showSearchIcon: a = !0, sear
 						ref: _,
 						id: y,
 						type: m,
-						className: `${A.input} ${d ? A.focus : ""} ${n ? A.error : ""}`,
+						className: `${M.input} ${d ? M.focus : ""} ${n ? M.error : ""}`,
 						style: S,
 						"aria-invalid": n ? "true" : "false",
 						"aria-describedby": n ? b : void 0,
-						...g
+						...h
 					}),
 					f && /* @__PURE__ */ s("div", {
-						className: A.rightContent,
+						className: M.rightContent,
 						children: f
 					})
 				]
 			}),
 			n && /* @__PURE__ */ s("span", {
 				id: b,
-				className: A.errorText,
+				className: M.errorText,
 				role: "alert",
 				children: n
 			})
 		]
 	});
 }
-var N = {
+var P = {
 	wrapper: "_wrapper_su5p5_1",
 	label: "_label_su5p5_7",
 	input: "_input_su5p5_12",
@@ -237,14 +238,14 @@ var N = {
 };
 //#endregion
 //#region src/components/InputField/InputField.tsx
-function P({ label: t, error: n, className: r = "", isValid: i = !0, variant: a = "default", id: o, ...l }) {
+function F({ label: t, error: n, className: r = "", isValid: i = !0, variant: a = "default", id: o, ...l }) {
 	let u = e.useId(), d = o || u, f = `${d}-error`, p = n || !i;
 	return /* @__PURE__ */ c("div", {
-		className: `${N.wrapper} ${r}`,
+		className: `${P.wrapper} ${r}`,
 		children: [
 			t && /* @__PURE__ */ c("label", {
 				htmlFor: d,
-				className: N.label,
+				className: P.label,
 				children: [t, l.required && /* @__PURE__ */ s("span", {
 					"aria-label": "required",
 					children: " *"
@@ -252,29 +253,29 @@ function P({ label: t, error: n, className: r = "", isValid: i = !0, variant: a
 			}),
 			/* @__PURE__ */ s("input", {
 				id: d,
-				className: `${N.input} ${a === "borderBottom" ? N.borderBottom : ""} ${p ? N.error : ""}`,
+				className: `${P.input} ${a === "borderBottom" ? P.borderBottom : ""} ${p ? P.error : ""}`,
 				"aria-invalid": p ? "true" : "false",
 				"aria-describedby": n ? f : void 0,
 				...l
 			}),
 			n && /* @__PURE__ */ s("span", {
 				id: f,
-				className: N.errorText,
+				className: P.errorText,
 				role: "alert",
 				children: n
 			})
 		]
 	});
 }
-var F = {
+var I = {
 	radioWrapper: "_radioWrapper_1faq0_1",
 	radioInput: "_radioInput_1faq0_9",
 	customRadio: "_customRadio_1faq0_23",
 	labelText: "_labelText_1faq0_57",
 	disabled: "_disabled_1faq0_63"
-}, I = ({ id: e, name: t, value: n, label: r, checked: i = !1, onChange: a, disabled: o = !1, "aria-label": l }) => /* @__PURE__ */ c("label", {
+}, te = ({ id: e, name: t, value: n, label: r, checked: i = !1, onChange: a, disabled: o = !1, "aria-label": l }) => /* @__PURE__ */ c("label", {
 	htmlFor: e,
-	className: `${F.radioWrapper} ${o ? F.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
+	className: `${I.radioWrapper} ${o ? I.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
 	children: [
 		/* @__PURE__ */ s("input", {
 			id: e,
@@ -285,11 +286,11 @@ var F = {
 			onChange: a,
 			disabled: o,
 			"aria-label": l,
-			className: F.radioInput
+			className: I.radioInput
 		}),
-		/* @__PURE__ */ s("span", { className: F.customRadio }),
+		/* @__PURE__ */ s("span", { className: I.customRadio }),
 		/* @__PURE__ */ s("span", {
-			className: F.labelText,
+			className: I.labelText,
 			children: r
 		})
 	]
@@ -298,7 +299,7 @@ var F = {
 	slider: "_slider_1xsea_23",
 	label: "_label_1xsea_28",
 	disabled: "_disabled_1xsea_43"
-}, ee = ({ id: t, checked: n, onChange: r, disabled: i = !1, label: a, "aria-label": o }) => {
+}, ne = ({ id: t, checked: n, onChange: r, disabled: i = !1, label: a, "aria-label": o }) => {
 	let l = e.useId(), u = t || l;
 	return /* @__PURE__ */ c("label", {
 		htmlFor: u,
@@ -333,8 +334,8 @@ var F = {
 	livetrackDefault: "_livetrackDefault_12as9_52",
 	thumbs: "_thumbs_12as9_55",
 	disabled: "_disabled_12as9_89"
-}, te = (t) => {
-	let { min: n, max: r, step: i = 1, disabled: a = !1, className: o, activeMin: l, activeMax: u, isFaceted: d = !1, highlightFaceted: f = !0, onChange: p, onFinalChange: m, label: h, "aria-label": g, id: v } = t, y = e.useId(), b = v || y;
+}, re = (t) => {
+	let { min: n, max: r, step: i = 1, disabled: a = !1, className: o, activeMin: l, activeMax: u, isFaceted: d = !1, highlightFaceted: f = !0, onChange: p, onFinalChange: m, label: h, "aria-label": g, id: _ } = t, y = e.useId(), b = _ || y;
 	if (!(Number.isFinite(n) && Number.isFinite(r) && r > n)) return /* @__PURE__ */ c("div", {
 		className: o,
 		children: [h && /* @__PURE__ */ s("span", {
@@ -346,14 +347,14 @@ var F = {
 		})]
 	});
 	if ("isRange" in t && t.isRange) {
-		let e = t.value, [f, v] = e;
+		let e = t.value, [f, _] = e;
 		return /* @__PURE__ */ c("div", {
 			className: o,
 			children: [h && /* @__PURE__ */ s("label", {
 				htmlFor: b,
 				className: R.label,
 				children: h
-			}), /* @__PURE__ */ s(_, {
+			}), /* @__PURE__ */ s(v, {
 				step: i,
 				min: n,
 				max: r,
@@ -362,13 +363,13 @@ var F = {
 				onFinalChange: (e) => m?.(e),
 				disabled: a,
 				renderTrack: ({ props: e, children: t }) => {
-					let { key: i, ...a } = e, o = r - n, p = (f - n) / o * 100, m = (v - f) / o * 100, h = 0, g = 0, _ = typeof l == "number" && typeof u == "number" && u > l && (l > n || u < r);
-					return _ && (h = (l - n) / o * 100, g = (u - l) / o * 100), /* @__PURE__ */ c("div", {
+					let { key: i, ...a } = e, o = r - n, p = (f - n) / o * 100, m = (_ - f) / o * 100, h = 0, g = 0, v = typeof l == "number" && typeof u == "number" && u > l && (l > n || u < r);
+					return v && (h = (l - n) / o * 100, g = (u - l) / o * 100), /* @__PURE__ */ c("div", {
 						...a,
 						className: R.basetrack,
 						style: { ...a.style },
 						children: [
-							!_ && /* @__PURE__ */ s("div", {
+							!v && /* @__PURE__ */ s("div", {
 								className: R.selectedtrack,
 								style: {
 									left: `${p}%`,
@@ -376,7 +377,7 @@ var F = {
 									zIndex: "1"
 								}
 							}),
-							_ && /* @__PURE__ */ s("div", {
+							v && /* @__PURE__ */ s("div", {
 								className: `${R.livetrack} ${d ? R.livetrackFaceted : R.livetrackDefault}`,
 								style: {
 									left: `${h}%`,
@@ -389,7 +390,7 @@ var F = {
 					}, i);
 				},
 				renderThumb: ({ props: e, index: t }) => {
-					let { key: i, ...o } = e, c = t === 0 ? f : v;
+					let { key: i, ...o } = e, c = t === 0 ? f : _;
 					return /* @__PURE__ */ s("div", {
 						...o,
 						id: t === 0 ? b : void 0,
@@ -414,7 +415,7 @@ var F = {
 				htmlFor: b,
 				className: R.label,
 				children: h
-			}), /* @__PURE__ */ s(_, {
+			}), /* @__PURE__ */ s(v, {
 				step: i,
 				min: n,
 				max: r,
@@ -480,12 +481,12 @@ var F = {
 	viewport: "_viewport_15fsv_76",
 	item: "_item_15fsv_82",
 	itemIndicator: "_itemIndicator_15fsv_105"
-}, ne = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: o = !1, label: d, size: f = "default", "aria-label": p, id: m }) => {
-	let h = e.useId(), g = m || h, _ = `${g}-label`, y = r.find((e) => e.value === t), b = /* @__PURE__ */ c(v.Root, {
+}, ie = ({ value: t, onValueChange: n, options: r, placeholder: i = "Select...", className: a = "", disabled: o = !1, label: d, size: f = "default", "aria-label": p, id: m }) => {
+	let h = e.useId(), g = m || h, _ = `${g}-label`, v = r.find((e) => e.value === t), b = /* @__PURE__ */ c(y.Root, {
 		value: t,
 		onValueChange: n,
 		disabled: o,
-		children: [/* @__PURE__ */ c(v.Trigger, {
+		children: [/* @__PURE__ */ c(y.Trigger, {
 			id: g,
 			className: `${z.trigger} ${z[f]} ${a} cursor-pointer`,
 			...d ? { "aria-labelledby": _ } : p ? { "aria-label": p } : {},
@@ -495,8 +496,8 @@ var F = {
 					alignItems: "center",
 					gap: 6
 				},
-				children: [y?.icon, /* @__PURE__ */ s(v.Value, { placeholder: i })]
-			}), /* @__PURE__ */ s(v.Icon, {
+				children: [v?.icon, /* @__PURE__ */ s(y.Value, { placeholder: i })]
+			}), /* @__PURE__ */ s(y.Icon, {
 				className: z.icon,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ s(u, {
@@ -504,15 +505,15 @@ var F = {
 					color: "currentColor"
 				})
 			})]
-		}), /* @__PURE__ */ s(v.Portal, { children: /* @__PURE__ */ s(v.Content, {
+		}), /* @__PURE__ */ s(y.Portal, { children: /* @__PURE__ */ s(y.Content, {
 			className: z.content,
 			position: "popper",
 			side: "bottom",
 			align: "start",
 			sideOffset: 4,
-			children: /* @__PURE__ */ s(v.Viewport, {
+			children: /* @__PURE__ */ s(y.Viewport, {
 				className: z.viewport,
-				children: r.map((e) => /* @__PURE__ */ c(v.Item, {
+				children: r.map((e) => /* @__PURE__ */ c(y.Item, {
 					value: e.value,
 					className: z.item,
 					children: [/* @__PURE__ */ c("span", {
@@ -521,8 +522,8 @@ var F = {
 							alignItems: "center",
 							gap: 6
 						},
-						children: [e.icon, /* @__PURE__ */ s(v.ItemText, { children: e.label })]
-					}), /* @__PURE__ */ s(v.ItemIndicator, {
+						children: [e.icon, /* @__PURE__ */ s(y.ItemText, { children: e.label })]
+					}), /* @__PURE__ */ s(y.ItemIndicator, {
 						className: z.itemIndicator,
 						children: /* @__PURE__ */ s(l, {
 							size: 12,
@@ -542,14 +543,14 @@ var F = {
 			children: d
 		}), b]
 	}) : b;
-}, re = { content: "_content_1qahr_1" }, ie = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: o = 5, className: l = "", "aria-label": u, "aria-describedby": d }) => /* @__PURE__ */ c(y.Root, {
+}, ae = { content: "_content_1qahr_1" }, oe = ({ trigger: e, children: t, open: n, onOpenChange: r, align: i = "end", side: a = "bottom", sideOffset: o = 5, className: l = "", "aria-label": u, "aria-describedby": d }) => /* @__PURE__ */ c(b.Root, {
 	open: n,
 	onOpenChange: r,
-	children: [/* @__PURE__ */ s(y.Trigger, {
+	children: [/* @__PURE__ */ s(b.Trigger, {
 		asChild: !0,
 		children: e
-	}), /* @__PURE__ */ s(y.Portal, { children: /* @__PURE__ */ s(y.Content, {
-		className: `${re.content} ${l}`,
+	}), /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ s(b.Content, {
+		className: `${ae.content} ${l}`,
 		align: i,
 		side: a,
 		sideOffset: o,
@@ -570,7 +571,7 @@ var F = {
 };
 //#endregion
 //#region src/components/Table/Table.tsx
-function ae({ children: e, caption: t, "aria-label": n }) {
+function se({ children: e, caption: t, "aria-label": n }) {
 	return /* @__PURE__ */ c("table", {
 		className: B.table,
 		"aria-label": n,
@@ -582,7 +583,7 @@ function ae({ children: e, caption: t, "aria-label": n }) {
 }
 //#endregion
 //#region src/components/Table/TableHeader.tsx
-function oe({ children: t }) {
+function ce({ children: t }) {
 	let n = e.Children.map(t, (t) => e.isValidElement(t) && t.type === "td" ? /* @__PURE__ */ s("th", {
 		scope: "col",
 		...t.props
@@ -594,7 +595,7 @@ function oe({ children: t }) {
 }
 //#endregion
 //#region src/components/Table/TableRow.tsx
-function se({ children: e }) {
+function le({ children: e }) {
 	return /* @__PURE__ */ s("tr", {
 		className: B.dataRow,
 		children: e
@@ -602,7 +603,7 @@ function se({ children: e }) {
 }
 //#endregion
 //#region src/components/Table/TableCell.tsx
-function ce({ label: e, children: t, isHeader: n = !1, scope: r }) {
+function ue({ label: e, children: t, isHeader: n = !1, scope: r }) {
 	let i = n ? "th" : "td", a = n && r ? { scope: r } : {};
 	return e || t ? /* @__PURE__ */ s(i, {
 		...a,
@@ -623,7 +624,7 @@ function ce({ label: e, children: t, isHeader: n = !1, scope: r }) {
 }
 //#endregion
 //#region src/components/Table/TableValue.tsx
-function le({ children: e }) {
+function de({ children: e }) {
 	return /* @__PURE__ */ s("span", {
 		className: B.value,
 		children: e
@@ -631,7 +632,7 @@ function le({ children: e }) {
 }
 //#endregion
 //#region src/components/Table/TableIcon.tsx
-function ue({ children: t, "aria-label": n }) {
+function fe({ children: t, "aria-label": n }) {
 	let r = !n;
 	return /* @__PURE__ */ s("span", {
 		className: B.icon,
@@ -654,7 +655,7 @@ var V = {
 };
 //#endregion
 //#region src/components/Tabs/Tabs.tsx
-function de({ items: e, value: t, onValueChange: o, size: c = "default", scrollable: l = !1, getPanelId: u }) {
+function pe({ items: e, value: t, onValueChange: o, size: c = "default", scrollable: l = !1, getPanelId: u }) {
 	let d = i(null), f = i(/* @__PURE__ */ new Map()), p = r(), [m, h] = a({
 		start: !1,
 		end: !1
@@ -729,6 +730,137 @@ function de({ items: e, value: t, onValueChange: o, size: c = "default", scrolla
 	});
 }
 var H = {
+	root: "_root_1vvif_1",
+	micro: "_micro_1vvif_2",
+	default: "_default_1vvif_3",
+	list: "_list_1vvif_4",
+	item: "_item_1vvif_5",
+	separator: "_separator_1vvif_6",
+	step: "_step_1vvif_7",
+	switchable: "_switchable_1vvif_8",
+	label: "_label_1vvif_8",
+	text: "_text_1vvif_11",
+	trigger: "_trigger_1vvif_12",
+	icon: "_icon_1vvif_16",
+	option: "_option_1vvif_17",
+	menu: "_menu_1vvif_18",
+	menuDivider: "_menuDivider_1vvif_19"
+};
+//#endregion
+//#region src/components/Breadcrumbs/Breadcrumbs.tsx
+function me(t) {
+	return e.isValidElement(t) ? e.cloneElement(t, {
+		size: "14px",
+		color: "currentColor"
+	}) : t;
+}
+var he = "\0action", ge = ({ items: e, size: t = "default", className: n = "", separator: r = /* @__PURE__ */ s(f, {
+	size: 14,
+	color: "currentColor"
+}), renderLink: i, "aria-label": a = "Breadcrumb" }) => /* @__PURE__ */ s("nav", {
+	"aria-label": a,
+	className: `${H.root} ${H[t]} ${n}`,
+	children: /* @__PURE__ */ s("ol", {
+		className: H.list,
+		children: e.map((t, n) => /* @__PURE__ */ c("li", {
+			className: H.item,
+			children: [n > 0 && /* @__PURE__ */ s("span", {
+				className: H.separator,
+				"aria-hidden": "true",
+				children: r
+			}), /* @__PURE__ */ c("div", {
+				className: `${H.step} ${t.switcher ? H.switchable : ""}`,
+				children: [t.href ? (() => {
+					let r = {
+						className: H.label,
+						href: t.href,
+						onClick: t.onClick,
+						"aria-current": n === e.length - 1 ? "page" : void 0,
+						children: /* @__PURE__ */ c(o, { children: [t.icon && /* @__PURE__ */ s("span", {
+							className: H.icon,
+							"aria-hidden": "true",
+							children: me(t.icon)
+						}), /* @__PURE__ */ s("span", {
+							className: H.text,
+							children: t.label
+						})] })
+					};
+					return i ? i(t, r) : /* @__PURE__ */ s("a", { ...r });
+				})() : /* @__PURE__ */ c("span", {
+					className: H.label,
+					"aria-current": n === e.length - 1 ? "page" : void 0,
+					children: [t.icon && /* @__PURE__ */ s("span", {
+						className: H.icon,
+						"aria-hidden": "true",
+						children: me(t.icon)
+					}), /* @__PURE__ */ s("span", {
+						className: H.text,
+						children: t.label
+					})]
+				}), t.switcher && /* @__PURE__ */ c(y.Root, {
+					value: t.switcher.value,
+					onValueChange: (e) => e === he ? t.switcher.action?.onSelect() : t.switcher.onValueChange(e),
+					disabled: t.switcher.disabled || t.switcher.options.length === 0 && !t.switcher.action,
+					children: [/* @__PURE__ */ s(y.Trigger, {
+						className: H.trigger,
+						"aria-label": `${t.switcher.label}: ${t.label}`,
+						children: /* @__PURE__ */ s(y.Icon, {
+							"aria-hidden": "true",
+							className: H.icon,
+							children: /* @__PURE__ */ s(p, {
+								size: 14,
+								color: "currentColor"
+							})
+						})
+					}), /* @__PURE__ */ s(y.Portal, { children: /* @__PURE__ */ s(y.Content, {
+						className: `${z.content} ${H.menu}`,
+						position: "popper",
+						align: "end",
+						sideOffset: 4,
+						collisionPadding: 8,
+						children: /* @__PURE__ */ c(y.Viewport, {
+							className: z.viewport,
+							children: [t.switcher.options.map((e) => /* @__PURE__ */ c(y.Item, {
+								value: e.value,
+								className: z.item,
+								textValue: e.label,
+								children: [/* @__PURE__ */ c("span", {
+									className: H.option,
+									children: [e.icon && /* @__PURE__ */ s("span", {
+										className: H.icon,
+										"aria-hidden": "true",
+										children: e.icon
+									}), /* @__PURE__ */ s(y.ItemText, { children: e.label })]
+								}), /* @__PURE__ */ s(y.ItemIndicator, {
+									className: z.itemIndicator,
+									children: /* @__PURE__ */ s(l, {
+										size: 12,
+										color: "currentColor"
+									})
+								})]
+							}, e.value)), t.switcher.action && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(y.Separator, { className: H.menuDivider }), /* @__PURE__ */ s(y.Item, {
+								value: he,
+								className: z.item,
+								textValue: t.switcher.action.label,
+								children: /* @__PURE__ */ c("span", {
+									className: H.option,
+									children: [/* @__PURE__ */ s("span", {
+										className: H.icon,
+										"aria-hidden": "true",
+										children: /* @__PURE__ */ s(h, {
+											size: 14,
+											color: "currentColor"
+										})
+									}), /* @__PURE__ */ s(y.ItemText, { children: t.switcher.action.label })]
+								})
+							})] })]
+						})
+					}) })]
+				})]
+			})]
+		}, t.id))
+	})
+}), U = {
 	wrapper: "_wrapper_1a9jo_1",
 	track: "_track_1a9jo_8",
 	fill: "_fill_1a9jo_36",
@@ -736,42 +868,42 @@ var H = {
 };
 //#endregion
 //#region src/components/ProgressBar/ProgressBar.tsx
-function fe({ value: e, showLabel: t = !1, fulfilledColor: n = !1, className: r = "" }) {
+function _e({ 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__ */ c("div", {
-		className: `${H.wrapper} ${r}`,
+		className: `${U.wrapper} ${r}`,
 		role: "progressbar",
 		"aria-valuenow": i,
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		children: [/* @__PURE__ */ s("div", {
-			className: H.track,
+			className: U.track,
 			children: /* @__PURE__ */ s("div", {
-				className: H.fill,
+				className: U.fill,
 				style: {
 					width: `${i}%`,
 					backgroundColor: o
 				}
 			})
 		}), t && /* @__PURE__ */ s("span", {
-			className: H.label,
+			className: U.label,
 			"aria-hidden": "true",
 			children: a
 		})]
 	});
 }
-var U = {
+var ve = {
 	chip: "_chip_iaxe0_1",
 	large: "_large_iaxe0_14"
 };
 //#endregion
 //#region src/components/Chip/Chip.tsx
-function pe({ children: t, color: n, textColor: r, className: i, icon: a, size: o = "default" }) {
+function ye({ 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__ */ c("span", {
 		className: [
-			U.chip,
-			o === "large" && U.large,
+			ve.chip,
+			o === "large" && ve.large,
 			i
 		].filter(Boolean).join(" "),
 		style: s,
@@ -781,27 +913,27 @@ function pe({ children: t, color: n, textColor: r, className: i, icon: a, size:
 		}), t]
 	});
 }
-var W = {
+var be = {
 	tooltip: "_tooltip_1de7z_1",
 	arrow: "_arrow_1de7z_13"
 };
 //#endregion
 //#region src/components/Tooltip/Tooltip.tsx
-function me({ content: e, position: t = "top", children: n, className: r }) {
-	return /* @__PURE__ */ s(b.Provider, {
+function xe({ content: e, position: t = "top", children: n, className: r }) {
+	return /* @__PURE__ */ s(x.Provider, {
 		delayDuration: 80,
-		children: /* @__PURE__ */ c(b.Root, { children: [/* @__PURE__ */ s(b.Trigger, {
+		children: /* @__PURE__ */ c(x.Root, { children: [/* @__PURE__ */ s(x.Trigger, {
 			asChild: !0,
 			children: n
-		}), /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ c(b.Content, {
+		}), /* @__PURE__ */ s(x.Portal, { children: /* @__PURE__ */ c(x.Content, {
 			side: t,
 			sideOffset: 7,
-			className: [W.tooltip, r].filter(Boolean).join(" "),
-			children: [e, /* @__PURE__ */ s(b.Arrow, { className: W.arrow })]
+			className: [be.tooltip, r].filter(Boolean).join(" "),
+			children: [e, /* @__PURE__ */ s(x.Arrow, { className: be.arrow })]
 		}) })] })
 	});
 }
-var G = {
+var W = {
 	wrapper: "_wrapper_1w5vh_1",
 	chart: "_chart_1w5vh_8",
 	svg: "_svg_1w5vh_33",
@@ -815,11 +947,11 @@ var G = {
 	legendItem: "_legendItem_1w5vh_90",
 	legendMark: "_legendMark_1w5vh_96",
 	legendLabel: "_legendLabel_1w5vh_102"
-}, K = "var(--lv4)", q = 12, he = 20, ge = 8, _e = 28, J = 20;
-function ve(e) {
+}, G = "var(--lv4)", K = 12, Se = 20, Ce = 8, we = 28, q = 20;
+function Te(e) {
 	return Number.isInteger(e) ? String(e) : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
-function ye({ series: e, labels: r, type: o = "line", height: l = 200, showLegend: u = !0, className: d }) {
+function Ee({ series: e, labels: r, type: o = "line", height: l = 200, showLegend: u = !0, className: d }) {
 	let f = i(null), [p, m] = a(0), [h, g] = a(null);
 	n(() => {
 		let e = f.current;
@@ -827,18 +959,18 @@ function ye({ series: e, labels: r, type: o = "line", height: l = 200, showLegen
 		let t = new ResizeObserver(([e]) => m(e.contentRect.width));
 		return t.observe(e), m(e.clientWidth), () => t.disconnect();
 	}, []);
-	let _ = r?.length ? _e : ge, v = Math.max(p - J - he, 0), y = Math.max(l - q - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = o === "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 = t((e) => {
+	let _ = r?.length ? we : Ce, v = Math.max(p - q - Se, 0), y = Math.max(l - K - _, 0), b = e.flatMap((e) => e.data.filter(Number.isFinite)), x = b.length ? Math.max(...b, 0) : 1, S = o === "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 = t((e) => {
 		if (w === 0) return;
 		let t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top;
 		if (o === "line") {
-			let e = Math.round((n - J) / v * (w - 1));
+			let e = Math.round((n - q) / v * (w - 1));
 			g({
 				index: Math.max(0, Math.min(w - 1, e)),
 				x: n,
 				y: r
 			});
 		} else {
-			let e = v / w, t = Math.floor((n - J) / e);
+			let e = v / w, t = Math.floor((n - q) / e);
 			g({
 				index: Math.max(0, Math.min(w - 1, t)),
 				x: n,
@@ -850,31 +982,31 @@ function ye({ series: e, labels: r, type: o = "line", height: l = 200, showLegen
 		w,
 		v
 	]), O = t(() => g(null), []), k = /* @__PURE__ */ s("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__ */ s("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 && o === "bar" ? (() => {
 		let e = v / w;
 		return /* @__PURE__ */ s("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 ?? K;
+		let n = e.color ?? G;
 		return /* @__PURE__ */ c("g", { children: [/* @__PURE__ */ s("polyline", {
 			points: e.data.map((e, t) => `${E(t).toFixed(2)},${T(e).toFixed(2)}`).join(" "),
 			fill: "none",
@@ -892,11 +1024,11 @@ function ye({ series: e, labels: r, type: o = "line", height: l = 200, showLegen
 				fill: n
 			}, t);
 		})] }, t);
-	}), N = () => {
+	}), 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 c = J + o * n + 2 + t * (r + 2), l = T(a);
+			let c = q + o * n + 2 + t * (r + 2), l = T(a);
 			return /* @__PURE__ */ s("rect", {
 				x: c,
 				y: l,
@@ -905,29 +1037,29 @@ function ye({ series: e, labels: r, type: o = "line", height: l = 200, showLegen
 				fill: e.color ?? "var(--chart-bar)"
 			}, `${t}-${o}`);
 		}));
-	}, P = () => {
+	}, N = () => {
 		if (!r?.length) return null;
-		let e = q + y + 18;
+		let e = K + y + 18;
 		return r.map((t, n) => /* @__PURE__ */ s("text", {
-			x: o === "line" ? E(n) : J + (n + .5) * (v / w),
+			x: o === "line" ? E(n) : q + (n + .5) * (v / w),
 			y: e,
 			textAnchor: "middle",
 			fill: "var(--lv4)",
 			style: { font: "var(--text-2xs)" },
 			children: t
 		}, n));
-	}, F = h && o === "line" ? /* @__PURE__ */ s("line", {
+	}, P = h && o === "line" ? /* @__PURE__ */ s("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, I = h ? (() => {
+	}) : null, F = h ? (() => {
 		let t = r?.[h.index] ?? String(h.index + 1), n = Math.min(Math.max(h.x, 60), p - 60);
 		return /* @__PURE__ */ c("div", {
-			className: G.tooltip,
+			className: W.tooltip,
 			style: h.y < 80 ? {
 				left: n,
 				top: h.y + 12,
@@ -938,64 +1070,64 @@ function ye({ series: e, labels: r, type: o = "line", height: l = 200, showLegen
 				transform: "translate(-50%, -100%)"
 			},
 			children: [/* @__PURE__ */ s("div", {
-				className: G.tooltipLabel,
+				className: W.tooltipLabel,
 				children: t
 			}), e.map((e, t) => /* @__PURE__ */ c("div", {
-				className: G.tooltipRow,
+				className: W.tooltipRow,
 				children: [
 					/* @__PURE__ */ s("span", {
-						className: G.tooltipDot,
-						style: { background: e.color ?? K }
+						className: W.tooltipDot,
+						style: { background: e.color ?? G }
 					}),
 					/* @__PURE__ */ s("span", {
-						className: G.tooltipName,
+						className: W.tooltipName,
 						children: e.label
 					}),
 					/* @__PURE__ */ s("span", {
-						className: G.tooltipValue,
-						children: ve(e.data[h.index] ?? 0)
+						className: W.tooltipValue,
+						children: Te(e.data[h.index] ?? 0)
 					})
 				]
 			}, t))]
 		});
 	})() : null;
 	return /* @__PURE__ */ c("div", {
-		className: [G.wrapper, d].filter(Boolean).join(" "),
+		className: [W.wrapper, d].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ c("div", {
 			ref: f,
-			className: G.chart,
+			className: W.chart,
 			style: { height: l },
 			children: [p > 0 && /* @__PURE__ */ c("svg", {
 				width: p,
 				height: l,
-				className: G.svg,
+				className: W.svg,
 				onMouseMove: D,
 				onMouseLeave: O,
 				children: [
 					k,
 					A,
 					j,
-					F,
-					o === "line" ? M() : N(),
-					P()
+					P,
+					o === "line" ? M() : ee(),
+					N()
 				]
-			}), I]
+			}), F]
 		}), u && e.length > 1 && /* @__PURE__ */ s("div", {
-			className: G.legend,
+			className: W.legend,
 			children: e.map((e, t) => /* @__PURE__ */ c("div", {
-				className: G.legendItem,
+				className: W.legendItem,
 				children: [/* @__PURE__ */ s("div", {
-					className: G.legendMark,
-					style: { background: e.color ?? K }
+					className: W.legendMark,
+					style: { background: e.color ?? G }
 				}), /* @__PURE__ */ s("span", {
-					className: G.legendLabel,
+					className: W.legendLabel,
 					children: e.label
 				})]
 			}, t))
 		})]
 	});
 }
-var Y = {
+var J = {
 	wrapper: "_wrapper_17ws4_1",
 	label: "_label_17ws4_7",
 	textarea: "_textarea_17ws4_12",
@@ -1004,14 +1136,14 @@ var Y = {
 };
 //#endregion
 //#region src/components/Textarea/Textarea.tsx
-function be({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: o = 4, ...l }) {
+function De({ label: t, error: n, className: r = "", isValid: i = !0, id: a, rows: o = 4, ...l }) {
 	let u = e.useId(), d = a || u, f = `${d}-error`, p = n || !i;
 	return /* @__PURE__ */ c("div", {
-		className: `${Y.wrapper} ${r}`,
+		className: `${J.wrapper} ${r}`,
 		children: [
 			t && /* @__PURE__ */ c("label", {
 				htmlFor: d,
-				className: Y.label,
+				className: J.label,
 				children: [t, l.required && /* @__PURE__ */ s("span", {
 					"aria-label": "required",
 					children: " *"
@@ -1020,48 +1152,48 @@ function be({ label: t, error: n, className: r = "", isValid: i = !0, id: a, row
 			/* @__PURE__ */ s("textarea", {
 				id: d,
 				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,
 				...l
 			}),
 			n && /* @__PURE__ */ s("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"
-}, xe = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: o = "", showClose: l = !0 }) => /* @__PURE__ */ c(x.Root, {
+}, Oe = ({ trigger: e, children: t, open: n, onOpenChange: r, title: i, description: a, className: o = "", showClose: l = !0 }) => /* @__PURE__ */ c(S.Root, {
 	open: n,
 	onOpenChange: r,
-	children: [e && /* @__PURE__ */ s(x.Trigger, {
+	children: [e && /* @__PURE__ */ s(S.Trigger, {
 		asChild: !0,
 		children: e
-	}), /* @__PURE__ */ c(x.Portal, { children: [/* @__PURE__ */ s(x.Overlay, { className: X.overlay }), /* @__PURE__ */ c(x.Content, {
-		className: `${X.content} ${o}`,
+	}), /* @__PURE__ */ c(S.Portal, { children: [/* @__PURE__ */ s(S.Overlay, { className: Y.overlay }), /* @__PURE__ */ c(S.Content, {
+		className: `${Y.content} ${o}`,
 		children: [
-			/* @__PURE__ */ s(x.Title, {
-				className: i ? X.title : X.srOnly,
+			/* @__PURE__ */ s(S.Title, {
+				className: i ? Y.title : Y.srOnly,
 				children: i || "Dialog"
 			}),
-			a && /* @__PURE__ */ s(x.Description, {
-				className: X.description,
+			a && /* @__PURE__ */ s(S.Description, {
+				className: Y.description,
 				children: a
 			}),
-			l && /* @__PURE__ */ s(x.Close, {
-				className: X.close,
+			l && /* @__PURE__ */ s(S.Close, {
+				className: Y.close,
 				"aria-label": "Close",
-				children: /* @__PURE__ */ s(g, {
+				children: /* @__PURE__ */ s(_, {
 					size: 16,
 					color: "currentColor"
 				})
@@ -1069,7 +1201,7 @@ var X = {
 			t
 		]
 	})] })]
-}), Z = {
+}), X = {
 	wrapper: "_wrapper_aimna_1",
 	label: "_label_aimna_7",
 	trigger: "_trigger_aimna_12",
@@ -1088,7 +1220,7 @@ var X = {
 	today: "_today_aimna_131",
 	selected: "_selected_aimna_136",
 	errorText: "_errorText_aimna_142"
-}, Se = [
+}, ke = [
 	"Mo",
 	"Tu",
 	"We",
@@ -1096,7 +1228,7 @@ var X = {
 	"Fr",
 	"Sa",
 	"Su"
-], Ce = [
+], Ae = [
 	"January",
 	"February",
 	"March",
@@ -1110,20 +1242,20 @@ var X = {
 	"November",
 	"December"
 ];
-function Q(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 $(e, t) {
+function Q(e, t) {
 	return !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function we(e, t) {
+function je(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 Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", error: o, isValid: l = !0, disabled: p = !1, className: m = "", formatDate: h = Q }) => {
-	let g = e.useId(), _ = `${g}-error`, v = !!o || !l, [b, x] = a(!1), S = /* @__PURE__ */ new Date(), C = t ?? S, [w, T] = a(C.getFullYear()), [E, D] = a(C.getMonth()), [O, k] = a(C), A = e.useRef(/* @__PURE__ */ new Map()), j = e.useRef(!1), M = (e) => {
+var Me = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", error: o, isValid: l = !0, disabled: p = !1, className: m = "", formatDate: h = Z }) => {
+	let g = e.useId(), _ = `${g}-error`, v = !!o || !l, [y, x] = a(!1), S = /* @__PURE__ */ new Date(), C = t ?? S, [w, T] = a(C.getFullYear()), [E, D] = a(C.getMonth()), [O, k] = a(C), A = e.useRef(/* @__PURE__ */ new Map()), j = e.useRef(!1), M = (e) => {
 		if (e) {
 			let e = t ?? /* @__PURE__ */ new Date();
 			k(e), T(e.getFullYear()), D(e.getMonth());
@@ -1131,9 +1263,9 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 		x(e);
 	};
 	e.useEffect(() => {
-		j.current &&= (A.current.get(Q(O))?.focus(), !1);
+		j.current &&= (A.current.get(Z(O))?.focus(), !1);
 	}, [O]);
-	let N = (e, t) => {
+	let ee = (e, t) => {
 		let n = new Date(t), r = {
 			ArrowLeft: -1,
 			ArrowRight: 1,
@@ -1150,60 +1282,60 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 		e.preventDefault(), j.current = !0, k(n), T(n.getFullYear()), D(n.getMonth());
 	};
 	e.useEffect(() => {
-		b && t && (T(t.getFullYear()), D(t.getMonth()));
-	}, [b]);
-	let P = () => {
+		y && t && (T(t.getFullYear()), D(t.getMonth()));
+	}, [y]);
+	let N = () => {
 		E === 0 ? (D(11), T(w - 1)) : D(E - 1);
-	}, F = () => {
+	}, P = () => {
 		E === 11 ? (D(0), T(w + 1)) : D(E + 1);
-	}, I = (e) => {
+	}, F = (e) => {
 		n?.(e), x(!1);
-	}, L = we(w, E);
+	}, I = je(w, E);
 	return /* @__PURE__ */ c("div", {
-		className: `${Z.wrapper} ${m}`,
+		className: `${X.wrapper} ${m}`,
 		children: [
 			r && /* @__PURE__ */ s("span", {
 				id: `${g}-label`,
-				className: Z.label,
+				className: X.label,
 				children: r
 			}),
-			/* @__PURE__ */ c(y.Root, {
-				open: b,
+			/* @__PURE__ */ c(b.Root, {
+				open: y,
 				onOpenChange: M,
-				children: [/* @__PURE__ */ s(y.Trigger, {
+				children: [/* @__PURE__ */ s(b.Trigger, {
 					asChild: !0,
 					children: /* @__PURE__ */ c("button", {
 						type: "button",
-						className: `${Z.trigger} ${v ? Z.error : ""}`,
+						className: `${X.trigger} ${v ? X.error : ""}`,
 						disabled: p,
 						"aria-labelledby": r ? `${g}-label ${g}-value` : void 0,
 						"aria-invalid": v ? "true" : "false",
 						"aria-describedby": o ? _ : void 0,
 						children: [/* @__PURE__ */ s("span", {
 							id: `${g}-value`,
-							className: t ? Z.valueText : Z.placeholder,
+							className: t ? X.valueText : X.placeholder,
 							children: t ? h(t) : i
 						}), /* @__PURE__ */ s(u, {
 							size: 14,
 							color: "currentColor"
 						})]
 					})
-				}), /* @__PURE__ */ s(y.Portal, { children: /* @__PURE__ */ c(y.Content, {
-					className: Z.calendar,
+				}), /* @__PURE__ */ s(b.Portal, { children: /* @__PURE__ */ c(b.Content, {
+					className: X.calendar,
 					align: "start",
 					sideOffset: 5,
 					"aria-label": r ? `${r} calendar` : "Choose a date",
 					onOpenAutoFocus: (e) => {
-						e.preventDefault(), A.current.get(Q(O))?.focus();
+						e.preventDefault(), A.current.get(Z(O))?.focus();
 					},
 					children: [
 						/* @__PURE__ */ c("div", {
-							className: Z.header,
+							className: X.header,
 							children: [
 								/* @__PURE__ */ s("button", {
 									type: "button",
-									className: Z.navButton,
-									onClick: P,
+									className: X.navButton,
+									onClick: N,
 									"aria-label": "Previous month",
 									children: /* @__PURE__ */ s(d, {
 										size: 14,
@@ -1211,17 +1343,17 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 									})
 								}),
 								/* @__PURE__ */ c("span", {
-									className: Z.monthLabel,
+									className: X.monthLabel,
 									children: [
-										Ce[E],
+										Ae[E],
 										" ",
 										w
 									]
 								}),
 								/* @__PURE__ */ s("button", {
 									type: "button",
-									className: Z.navButton,
-									onClick: F,
+									className: X.navButton,
+									onClick: P,
 									"aria-label": "Next month",
 									children: /* @__PURE__ */ s(f, {
 										size: 14,
@@ -1231,27 +1363,27 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 							]
 						}),
 						/* @__PURE__ */ s("div", {
-							className: Z.weekdays,
-							children: Se.map((e) => /* @__PURE__ */ s("span", {
-								className: Z.weekday,
+							className: X.weekdays,
+							children: ke.map((e) => /* @__PURE__ */ s("span", {
+								className: X.weekday,
 								children: e
 							}, e))
 						}),
 						/* @__PURE__ */ s("div", {
-							className: Z.grid,
-							children: L.map((e) => {
-								let n = e.getMonth() !== E, r = $(e, t), i = $(e, S);
+							className: X.grid,
+							children: I.map((e) => {
+								let n = e.getMonth() !== E, r = Q(e, t), i = Q(e, S);
 								return /* @__PURE__ */ s("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: () => I(e),
+									onClick: () => F(e),
 									ref: (t) => {
-										t ? A.current.set(Q(e), t) : A.current.delete(Q(e));
+										t ? A.current.set(Z(e), t) : A.current.delete(Z(e));
 									},
 									"aria-label": e.toLocaleDateString(void 0, {
 										weekday: "long",
@@ -1261,8 +1393,8 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 									}),
 									"aria-pressed": r,
 									"aria-current": i ? "date" : void 0,
-									tabIndex: $(e, O) || O.getMonth() !== E && e.getDate() === 1 && !n ? 0 : -1,
-									onKeyDown: (t) => N(t, e),
+									tabIndex: Q(e, O) || O.getMonth() !== E && e.getDate() === 1 && !n ? 0 : -1,
+									onKeyDown: (t) => ee(t, e),
 									children: e.getDate()
 								}, e.toISOString());
 							})
@@ -1272,16 +1404,16 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 			}),
 			o && /* @__PURE__ */ s("span", {
 				id: _,
-				className: Z.errorText,
+				className: X.errorText,
 				role: "alert",
 				children: o
 			})
 		]
 	});
-}, Ee = {
+}, Ne = {
 	spinner: "_spinner_wspyi_1",
 	frame: "_frame_wspyi_8"
-}, De = {
+}, Pe = {
 	accelerate: {
 		viewBox: "0 0 7 5",
 		delay: 50,
@@ -1326,6 +1458,20 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 			"M1 2H2V3H1V2Z"
 		]
 	},
+	analytics: {
+		viewBox: "0 0 8 5",
+		delay: 250,
+		frames: [
+			"M0 2H1V5H0V2Z M2 0H3V5H2V0Z M4 3H5V5H4V3Z M6 1H7V5H6V1Z",
+			"M7 2H8V5H7V2Z M1 0H2V5H1V0Z M3 3H4V5H3V3Z M5 1H6V5H5V1Z",
+			"M6 2H7V5H6V2Z M0 0H1V5H0V0Z M2 3H3V5H2V3Z M4 1H5V5H4V1Z",
+			"M5 2H6V5H5V2Z M7 0H8V5H7V0Z M1 3H2V5H1V3Z M3 1H4V5H3V1Z",
+			"M4 2H5V5H4V2Z M6 0H7V5H6V0Z M0 3H1V5H0V3Z M2 1H3V5H2V1Z",
+			"M3 2H4V5H3V2Z M5 0H6V5H5V0Z M7 3H8V5H7V3Z M1 1H2V5H1V1Z",
+			"M2 2H3V5H2V2Z M4 0H5V5H4V0Z M6 3H7V5H6V3Z M0 1H1V5H0V1Z",
+			"M1 2H2V5H1V2Z M3 0H4V5H3V0Z M5 3H6V5H5V3Z M7 1H8V5H7V1Z"
+		]
+	},
 	"circle-open-close": {
 		viewBox: "0 0 7 5",
 		delay: 100,
@@ -1384,6 +1530,15 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 			"M5 4H6V5H5V4Z M4 4H5V5H4V4Z M3 4H4V5H3V4Z M3 3H6V4H3V3Z M2 3H3V4H2V3Z M0 1H1V2H0V1Z M1 1H2V2H1V1Z M0 2H1V3H0V2Z M2 1H3V2H2V1Z M2 0H3V1H2V0Z M3 0H4V1H3V0Z M5 0H6V1H5V0Z M4 0H5V1H4V0Z M6 0H7V1H6V0Z M2 2H3V3H2V2Z M6 3H7V4H6V3Z M6 2H7V3H6V2Z M6 1H7V2H6V1Z"
 		]
 	},
+	flag: {
+		viewBox: "0 0 7 5",
+		delay: 250,
+		frames: [
+			"M5 3H6V4H5V3Z M3 3H4V4H3V3Z M2 2H3V3H2V2Z M1 2H2V3H1V2Z M0 2H1V3H0V2Z M0 3H1V4H0V3Z M0 4H1V5H0V4Z M0 1H1V2H0V1Z M0 0H1V1H0V0Z M2 0H3V1H2V0Z M1 0H2V1H1V0Z M3 0H4V1H3V0Z M4 1H5V2H4V1Z M4 3H5V4H4V3Z M5 2H6V3H5V2Z M5 1H6V2H5V1Z",
+			"M5 3H6V4H5V3Z M3 2H4V3H3V2Z M2 2H3V3H2V2Z M1 2H2V3H1V2Z M0 2H1V3H0V2Z M0 3H1V4H0V3Z M0 4H1V5H0V4Z M0 1H1V2H0V1Z M0 0H1V1H0V0Z M2 0H3V1H2V0Z M1 0H2V1H1V0Z M3 0H4V1H3V0Z M4 1H5V2H4V1Z M4 3H5V4H4V3Z M5 2H6V3H5V2Z M5 1H6V2H5V1Z",
+			"M5 2H6V3H5V2Z M3 2H4V3H3V2Z M2 2H3V3H2V2Z M1 2H2V3H1V2Z M0 2H1V3H0V2Z M0 3H1V4H0V3Z M0 4H1V5H0V4Z M0 1H1V2H0V1Z M0 0H1V1H0V0Z M2 0H3V1H2V0Z M1 0H2V1H1V0Z M3 0H4V1H3V0Z M4 0H5V1H4V0Z M4 2H5V3H4V2Z M5 1H6V2H5V1Z M5 0H6V1H5V0Z"
+		]
+	},
 	grow: {
 		viewBox: "0 0 7 5",
 		delay: 250,
@@ -1519,13 +1674,13 @@ var Te = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 			"M3 4H4V5H3V4Z M5 3H6V4H5V3Z M6 1H7V2H6V1Z M1 3H2V4H1V3Z M0 1H1V2H0V1Z M2 2H5V3H2V2Z M1 0H6V1H1V0Z"
 		]
 	}
-}, Oe = Object.keys(De);
+}, Fe = Object.keys(Pe);
 //#endregion
 //#region src/components/Spinner/Spinner.tsx
-function ke({ name: e = Oe[0], size: t = 21, color: n = "currentColor", delay: r, className: i = "", "aria-label": a = "Loading" }) {
-	let o = De[e], [, , c, l] = o.viewBox.split(" ").map(Number), u = l / c, d = typeof t == "number" ? t * u : `calc(${t} * ${u})`, f = r ?? o.delay, p = o.frames.length, m = p * f;
+function Ie({ name: e = Fe[0], size: t = 21, color: n = "currentColor", delay: r, className: i = "", "aria-label": a = "Loading" }) {
+	let o = Pe[e], [, , c, l] = o.viewBox.split(" ").map(Number), u = l / c, d = typeof t == "number" ? t * u : `calc(${t} * ${u})`, f = r ?? o.delay, p = o.frames.length, m = p * f;
 	return /* @__PURE__ */ s("svg", {
-		className: `${Ee.spinner} ${i}`,
+		className: `${Ne.spinner} ${i}`,
 		width: t,
 		height: d,
 		viewBox: o.viewBox,
@@ -1534,7 +1689,7 @@ function ke({ name: e = Oe[0], size: t = 21, color: n = "currentColor", delay: r
 		"aria-label": a,
 		xmlns: "http://www.w3.org/2000/svg",
 		children: o.frames.map((e, t) => e ? /* @__PURE__ */ s("path", {
-			className: Ee.frame,
+			className: Ne.frame,
 			d: e,
 			fill: n,
 			style: {
@@ -1544,5 +1699,71 @@ function ke({ name: e = Oe[0], size: t = 21, color: n = "currentColor", delay: r
 		}, t) : null)
 	});
 }
+var $ = {
+	root: "_root_bfuyc_1",
+	micro: "_micro_bfuyc_7",
+	default: "_default_bfuyc_8",
+	list: "_list_bfuyc_10",
+	control: "_control_bfuyc_22",
+	link: "_link_bfuyc_45",
+	icon: "_icon_bfuyc_46",
+	caret: "_caret_bfuyc_46",
+	viewportPosition: "_viewportPosition_bfuyc_49",
+	viewport: "_viewport_bfuyc_49",
+	content: "_content_bfuyc_73"
+}, Le = e.forwardRef(({ size: e = "default", className: t = "", children: n, "aria-label": r = "Main navigation", ...i }, a) => /* @__PURE__ */ c(C.Root, {
+	...i,
+	ref: a,
+	"aria-label": r,
+	className: `${$.root} ${$[e]} ${t}`,
+	children: [n, /* @__PURE__ */ s("div", {
+		className: $.viewportPosition,
+		children: /* @__PURE__ */ s(C.Viewport, { className: $.viewport })
+	})]
+}));
+Le.displayName = "NavigationMenu";
+var Re = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ s(C.List, {
+	...t,
+	ref: n,
+	className: `${$.list} ${e}`
+}));
+Re.displayName = "NavigationMenuList";
+var ze = C.Item, Be = e.forwardRef(({ className: t = "", icon: n, children: r, ...i }, a) => /* @__PURE__ */ c(C.Trigger, {
+	...i,
+	ref: a,
+	className: `${$.control} ${t}`,
+	children: [
+		n && /* @__PURE__ */ s("span", {
+			className: $.icon,
+			"aria-hidden": "true",
+			children: e.cloneElement(n, {
+				size: 14,
+				color: "currentColor"
+			})
+		}),
+		r,
+		/* @__PURE__ */ s("span", {
+			className: $.caret,
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ s(u, {
+				size: 14,
+				color: "currentColor"
+			})
+		})
+	]
+}));
+Be.displayName = "NavigationMenuTrigger";
+var Ve = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ s(C.Content, {
+	...t,
+	ref: n,
+	className: `${$.content} ${e}`
+}));
+Ve.displayName = "NavigationMenuContent";
+var He = e.forwardRef(({ variant: e = "panel", className: t = "", ...n }, r) => /* @__PURE__ */ s(C.Link, {
+	...n,
+	ref: r,
+	className: `${e === "navigation" ? $.control : $.link} ${t}`
+}));
+He.displayName = "NavigationMenuLink";
 //#endregion
-export { D as Base, C as Button, ye as Chart, T as Checkbox, pe as Chip, Te as DatePicker, k as FilterPanelBase, P as InputField, xe as Modal, ie as Popover, fe as ProgressBar, I as RadioButton, M as SearchField, ne as Select, te as Slider, ke as Spinner, ae as Table, ce as TableCell, oe as TableHeader, ue as TableIcon, se as TableRow, le as TableValue, de as Tabs, be as Textarea, ee as ToggleSwitch, me as Tooltip, Oe as spinnerNames };
+export { k as Base, ge as Breadcrumbs, T as Button, Ee as Chart, D as Checkbox, ye as Chip, Me as DatePicker, j as FilterPanelBase, F as InputField, Oe as Modal, Le as NavigationMenu, Ve as NavigationMenuContent, ze as NavigationMenuItem, He as NavigationMenuLink, Re as NavigationMenuList, Be as NavigationMenuTrigger, oe as Popover, _e as ProgressBar, te as RadioButton, N as SearchField, ie as Select, re as Slider, Ie as Spinner, se as Table, ue as TableCell, ce as TableHeader, fe as TableIcon, le as TableRow, de as TableValue, pe as Tabs, De as Textarea, ne as ToggleSwitch, xe as Tooltip, Fe as spinnerNames };