@indxsearch/systm 2.12.0 → 2.13.0

package/dist/index.es.js

@@ -519,12 +519,12 @@ function ce({ label: t, error: n, className: r = "", showSearchIcon: i = !0, sea
 	});
 }
 var R = {
-	wrapper: "_wrapper_su5p5_1",
-	label: "_label_su5p5_7",
-	input: "_input_su5p5_12",
-	error: "_error_su5p5_61",
-	errorText: "_errorText_su5p5_69",
-	borderBottom: "_borderBottom_su5p5_75"
+	wrapper: "_wrapper_roite_1",
+	label: "_label_roite_10",
+	input: "_input_roite_15",
+	error: "_error_roite_68",
+	errorText: "_errorText_roite_76",
+	borderBottom: "_borderBottom_roite_82"
 };
 //#endregion
 //#region src/components/InputField/InputField.tsx
@@ -557,15 +557,15 @@ function le({ label: t, error: n, className: r = "", isValid: i = !0, variant: a
 		]
 	});
 }
-var ue = {
+var z = {
 	radioWrapper: "_radioWrapper_1faq0_1",
 	radioInput: "_radioInput_1faq0_9",
 	customRadio: "_customRadio_1faq0_23",
 	labelText: "_labelText_1faq0_57",
 	disabled: "_disabled_1faq0_63"
-}, de = ({ id: e, name: t, value: n, label: r, checked: i = !1, onChange: a, disabled: o = !1, "aria-label": s }) => /* @__PURE__ */ d("label", {
+}, ue = ({ 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: `${ue.radioWrapper} ${o ? ue.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
+	className: `${z.radioWrapper} ${o ? z.disabled : ""} ${o ? "cursor-not-allowed" : "cursor-pointer"}`,
 	children: [
 		/* @__PURE__ */ u("input", {
 			id: e,
@@ -576,24 +576,24 @@ var ue = {
 			onChange: a,
 			disabled: o,
 			"aria-label": s,
-			className: ue.radioInput
+			className: z.radioInput
 		}),
-		/* @__PURE__ */ u("span", { className: ue.customRadio }),
+		/* @__PURE__ */ u("span", { className: z.customRadio }),
 		/* @__PURE__ */ u("span", {
-			className: ue.labelText,
+			className: z.labelText,
 			children: r
 		})
 	]
-}), fe = {
+}), de = {
 	switch: "_switch_1xsea_1",
 	slider: "_slider_1xsea_23",
 	label: "_label_1xsea_28",
 	disabled: "_disabled_1xsea_43"
-}, pe = ({ id: t, checked: n, onChange: r, disabled: i = !1, label: a, "aria-label": o }) => {
+}, fe = ({ 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: `${fe.switch} ${i ? fe.disabled : ""} ${i ? "cursor-not-allowed" : "cursor-pointer"}`,
+		className: `${de.switch} ${i ? de.disabled : ""} ${i ? "cursor-not-allowed" : "cursor-pointer"}`,
 		children: [
 			/* @__PURE__ */ u("input", {
 				id: c,
@@ -606,16 +606,16 @@ var ue = {
 				disabled: i
 			}),
 			/* @__PURE__ */ u("span", {
-				className: fe.slider,
+				className: de.slider,
 				"aria-hidden": "true"
 			}),
 			a && /* @__PURE__ */ u("span", {
-				className: fe.label,
+				className: de.label,
 				children: a
 			})
 		]
 	});
-}, z = {
+}, B = {
 	label: "_label_12as9_1",
 	basetrack: "_basetrack_12as9_8",
 	selectedtrack: "_selectedtrack_12as9_36",
@@ -624,15 +624,15 @@ var ue = {
 	livetrackDefault: "_livetrackDefault_12as9_52",
 	thumbs: "_thumbs_12as9_55",
 	disabled: "_disabled_12as9_89"
-}, me = (t) => {
+}, pe = (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: z.label,
+			className: B.label,
 			children: h
 		}), /* @__PURE__ */ u("div", {
-			className: `${z.basetrack} ${z.disabled}`,
+			className: `${B.basetrack} ${B.disabled}`,
 			"aria-hidden": "true"
 		})]
 	});
@@ -642,7 +642,7 @@ var ue = {
 			className: o,
 			children: [h && /* @__PURE__ */ u("label", {
 				htmlFor: y,
-				className: z.label,
+				className: B.label,
 				children: h
 			}), /* @__PURE__ */ u(E, {
 				step: i,
@@ -656,11 +656,11 @@ var ue = {
 					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: z.basetrack,
+						className: B.basetrack,
 						style: { ...a.style },
 						children: [
 							!v && /* @__PURE__ */ u("div", {
-								className: z.selectedtrack,
+								className: B.selectedtrack,
 								style: {
 									left: `${p}%`,
 									width: `${m}%`,
@@ -668,7 +668,7 @@ var ue = {
 								}
 							}),
 							v && /* @__PURE__ */ u("div", {
-								className: `${z.livetrack} ${l ? z.livetrackFaceted : z.livetrackDefault}`,
+								className: `${B.livetrack} ${l ? B.livetrackFaceted : B.livetrackDefault}`,
 								style: {
 									left: `${h}%`,
 									width: `${g}%`,
@@ -684,7 +684,7 @@ var ue = {
 					return /* @__PURE__ */ u("div", {
 						...o,
 						id: t === 0 ? y : void 0,
-						className: `${z.thumbs} ${a ? z.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
+						className: `${B.thumbs} ${a ? B.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
 						style: {
 							...o.style,
 							zIndex: "3"
@@ -703,7 +703,7 @@ var ue = {
 			className: o,
 			children: [h && /* @__PURE__ */ u("label", {
 				htmlFor: y,
-				className: z.label,
+				className: B.label,
 				children: h
 			}), /* @__PURE__ */ u(E, {
 				step: i,
@@ -717,11 +717,11 @@ var ue = {
 					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: z.basetrack,
+						className: B.basetrack,
 						style: { ...o.style },
 						children: [
 							!g && /* @__PURE__ */ u("div", {
-								className: z.selectedtrack,
+								className: B.selectedtrack,
 								style: {
 									left: "0%",
 									width: `${p}%`,
@@ -729,7 +729,7 @@ var ue = {
 								}
 							}),
 							g && /* @__PURE__ */ u("div", {
-								className: `${z.livetrack} ${l ? z.livetrackFaceted : z.livetrackDefault}`,
+								className: `${B.livetrack} ${l ? B.livetrackFaceted : B.livetrackDefault}`,
 								style: {
 									left: `${m}%`,
 									width: `${h}%`,
@@ -745,7 +745,7 @@ var ue = {
 					return /* @__PURE__ */ u("div", {
 						...o,
 						id: y,
-						className: `${z.thumbs} ${a ? z.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
+						className: `${B.thumbs} ${a ? B.disabled : ""} ${a ? "cursor-not-allowed" : "cursor-resize-col"}`,
 						style: {
 							...o.style,
 							zIndex: "3"
@@ -759,7 +759,7 @@ var ue = {
 			})]
 		});
 	}
-}, B = {
+}, V = {
 	wrapper: "_wrapper_15fsv_1",
 	label: "_label_15fsv_7",
 	trigger: "_trigger_15fsv_12",
@@ -771,14 +771,14 @@ var ue = {
 	viewport: "_viewport_15fsv_76",
 	item: "_item_15fsv_82",
 	itemIndicator: "_itemIndicator_15fsv_105"
-}, 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 }) => {
+}, 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 }) => {
 	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: `${B.trigger} ${B[c]} ${a} cursor-pointer`,
+			className: `${V.trigger} ${V[c]} ${a} cursor-pointer`,
 			...s ? { "aria-labelledby": _ } : l ? { "aria-label": l } : {},
 			children: [/* @__PURE__ */ d("span", {
 				style: {
@@ -788,7 +788,7 @@ var ue = {
 				},
 				children: [v?.icon, /* @__PURE__ */ u(D.Value, { placeholder: i })]
 			}), /* @__PURE__ */ u(D.Icon, {
-				className: B.icon,
+				className: V.icon,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ u(h, {
 					size: c === "large" ? 21 : 14,
@@ -796,16 +796,16 @@ var ue = {
 				})
 			})]
 		}), /* @__PURE__ */ u(D.Portal, { children: /* @__PURE__ */ u(D.Content, {
-			className: B.content,
+			className: V.content,
 			position: "popper",
 			side: "bottom",
 			align: "start",
 			sideOffset: 4,
 			children: /* @__PURE__ */ u(D.Viewport, {
-				className: B.viewport,
+				className: V.viewport,
 				children: r.map((e) => /* @__PURE__ */ d(D.Item, {
 					value: e.value,
-					className: B.item,
+					className: V.item,
 					children: [/* @__PURE__ */ d("span", {
 						style: {
 							display: "inline-flex",
@@ -814,7 +814,7 @@ var ue = {
 						},
 						children: [e.icon, /* @__PURE__ */ u(D.ItemText, { children: e.label })]
 					}), /* @__PURE__ */ u(D.ItemIndicator, {
-						className: B.itemIndicator,
+						className: V.itemIndicator,
 						children: /* @__PURE__ */ u(m, {
 							size: 12,
 							color: "currentColor"
@@ -825,22 +825,22 @@ var ue = {
 		}) })]
 	});
 	return s ? /* @__PURE__ */ d("div", {
-		className: B.wrapper,
+		className: V.wrapper,
 		children: [/* @__PURE__ */ u("label", {
 			id: _,
 			htmlFor: g,
-			className: B.label,
+			className: V.label,
 			children: s
 		}), y]
 	}) : y;
-}, 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, {
+}, 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, {
 	open: n,
 	onOpenChange: r,
 	children: [/* @__PURE__ */ u(O.Trigger, {
 		asChild: !0,
 		children: e
 	}), /* @__PURE__ */ u(O.Portal, { children: /* @__PURE__ */ u(O.Content, {
-		className: `${ge.content} ${s}`,
+		className: `${he.content} ${s}`,
 		align: i,
 		side: a,
 		sideOffset: o,
@@ -848,84 +848,98 @@ var ue = {
 		"aria-describedby": l,
 		children: t
 	}) })]
-}), V = {
-	table: "_table_1b0iq_1",
-	caption: "_caption_1b0iq_8",
-	headerRow: "_headerRow_1b0iq_25",
-	dataRow: "_dataRow_1b0iq_33",
-	cellInner: "_cellInner_1b0iq_41",
-	cellLabel: "_cellLabel_1b0iq_47",
-	cellContent: "_cellContent_1b0iq_52",
-	value: "_value_1b0iq_58",
-	icon: "_icon_1b0iq_64"
+}), H = {
+	table: "_table_j6zqj_1",
+	caption: "_caption_j6zqj_8",
+	headerRow: "_headerRow_j6zqj_25",
+	dataRow: "_dataRow_j6zqj_33",
+	cellInner: "_cellInner_j6zqj_41",
+	cellLabel: "_cellLabel_j6zqj_47",
+	cellContent: "_cellContent_j6zqj_52",
+	value: "_value_j6zqj_58",
+	icon: "_icon_j6zqj_64",
+	scroll: "_scroll_j6zqj_74",
+	bleedEnd: "_bleedEnd_j6zqj_87",
+	stickyFirst: "_stickyFirst_j6zqj_110"
 };
 //#endregion
 //#region src/components/Table/Table.tsx
-function ve({ children: e, caption: t, "aria-label": n }) {
-	return /* @__PURE__ */ d("table", {
-		className: V.table,
+function _e({ 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 : ""}`,
 		"aria-label": n,
 		children: [t && /* @__PURE__ */ u("caption", {
-			className: V.caption,
+			className: H.caption,
 			children: t
 		}), e]
 	});
+	return r ? /* @__PURE__ */ u("div", {
+		className: `${H.scroll} ${a === void 0 ? "" : H.bleedEnd}`,
+		style: a === void 0 ? void 0 : { "--table-bleed": typeof a == "number" ? `${a}px` : a },
+		role: "region",
+		"aria-label": n ?? t,
+		tabIndex: 0,
+		children: o
+	}) : o;
 }
 //#endregion
 //#region src/components/Table/TableHeader.tsx
-function ye({ children: t }) {
+function ve({ 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: V.headerRow,
+		className: H.headerRow,
 		children: n
 	}) });
 }
 //#endregion
 //#region src/components/Table/TableRow.tsx
-function be({ children: e }) {
+function ye({ children: e }) {
 	return /* @__PURE__ */ u("tr", {
-		className: V.dataRow,
+		className: H.dataRow,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Table/TableCell.tsx
-function xe({ label: e, children: t, isHeader: n = !1, scope: r }) {
-	let i = n ? "th" : "td", a = n && r ? { scope: r } : {};
-	return e || t ? /* @__PURE__ */ u(i, {
-		...a,
+function be({ label: e, children: t, isHeader: n = !1, scope: r, colSpan: i }) {
+	let a = n ? "th" : "td", o = {
+		...n && r ? { scope: r } : {},
+		...i ? { colSpan: i } : {}
+	};
+	return e || t ? /* @__PURE__ */ u(a, {
+		...o,
 		children: /* @__PURE__ */ d("div", {
-			className: V.cellInner,
+			className: H.cellInner,
 			children: [e && /* @__PURE__ */ u("span", {
-				className: V.cellLabel,
+				className: H.cellLabel,
 				children: e
 			}), t && /* @__PURE__ */ u("div", {
-				className: V.cellContent,
+				className: H.cellContent,
 				children: t
 			})]
 		})
-	}) : /* @__PURE__ */ u(i, {
-		...a,
+	}) : /* @__PURE__ */ u(a, {
+		...o,
 		children: t
 	});
 }
 //#endregion
 //#region src/components/Table/TableValue.tsx
-function Se({ children: e }) {
+function xe({ children: e }) {
 	return /* @__PURE__ */ u("span", {
-		className: V.value,
+		className: H.value,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Table/TableIcon.tsx
-function Ce({ children: t, "aria-label": n }) {
+function Se({ children: t, "aria-label": n }) {
 	let r = !n;
 	return /* @__PURE__ */ u("span", {
-		className: V.icon,
+		className: H.icon,
 		"aria-hidden": r ? "true" : void 0,
 		"aria-label": n,
 		children: e.cloneElement(t, {
@@ -934,114 +948,163 @@ function Ce({ children: t, "aria-label": n }) {
 		})
 	});
 }
-var H = {
-	tabs: "_tabs_13m5x_1",
-	scrollable: "_scrollable_13m5x_11",
-	tab: "_tab_13m5x_1",
-	icon: "_icon_13m5x_53",
-	active: "_active_13m5x_63",
-	micro: "_micro_13m5x_69",
-	default: "_default_13m5x_76",
-	large: "_large_13m5x_83"
-}, we = {
+var U = {
+	tabs: "_tabs_5w265_1",
+	scrollable: "_scrollable_5w265_16",
+	tab: "_tab_5w265_1",
+	icon: "_icon_5w265_52",
+	badge: "_badge_5w265_70",
+	active: "_active_5w265_81",
+	micro: "_micro_5w265_87",
+	default: "_default_5w265_94",
+	large: "_large_5w265_101",
+	buttonVariant: "_buttonVariant_5w265_110",
+	bleed: "_bleed_5w265_143"
+};
+//#endregion
+//#region src/components/Tabs/Tabs.tsx
+function Ce(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 = {
 	micro: 14,
 	default: 14,
 	large: 21
 };
-function Te({ items: e, value: r, onValueChange: o, size: l = "default", scrollable: f = !1, getPanelId: p }) {
-	let m = s(null), h = s(/* @__PURE__ */ new Map()), g = a(), [_, v] = c({
-		start: !1,
-		end: !1
-	}), y = Math.max(e.findIndex((e) => e.value === r), 0), b = (t) => {
+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: _ }) {
+	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 = h.current.get(n.value);
-		r?.focus({ preventScroll: !0 }), f && r?.scrollIntoView({
-			block: "nearest",
-			inline: "nearest"
-		});
-	}, x = (t, n) => {
+		let r = y.current.get(n.value);
+		r?.focus({ preventScroll: !0 }), p && Ce(v.current, r);
+	}, w = (t, n) => {
+		for (let r = 1; r <= e.length; r++) {
+			let i = (t + n * r + e.length * r) % e.length;
+			if (!e[i].disabled) return i;
+		}
+	}, T = (t, n) => {
 		if (e.length === 0) return;
 		let r;
 		switch (t.key) {
 			case "ArrowLeft":
-				r = (n - 1 + e.length) % e.length;
+				r = w(n, -1);
 				break;
 			case "ArrowRight":
-				r = (n + 1) % e.length;
+				r = w(n, 1);
 				break;
 			case "Home":
-				r = 0;
+				r = w(-1, 1);
 				break;
 			case "End":
-				r = e.length - 1;
+				r = w(e.length, -1);
 				break;
 			default: return;
 		}
-		t.preventDefault(), b(r);
+		t.preventDefault(), r !== void 0 && C(r);
 	};
 	return i(() => {
-		let e = m.current;
-		if (!f || !e) return;
+		let e = v.current;
+		if (!p || !e) return;
+		if (m !== void 0) {
+			e.style.removeProperty("--tabs-fade-start"), e.style.removeProperty("--tabs-fade-end");
+			return;
+		}
 		let t = () => {
-			let t = e.scrollLeft > 1, n = Math.ceil(e.scrollLeft + e.clientWidth) < e.scrollWidth - 1;
-			v((e) => e.start === t && e.end === n ? e : {
-				start: t,
-				end: n
-			});
+			let t = Math.min(e.scrollLeft, 32), n = Math.min(Math.max(e.scrollWidth - e.clientWidth - e.scrollLeft, 0), 32);
+			e.style.setProperty("--tabs-fade-start", `${t}px`), e.style.setProperty("--tabs-fade-end", `${n}px`);
 		};
 		t(), e.addEventListener("scroll", t, { passive: !0 });
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => {
 			e.removeEventListener("scroll", t), n.disconnect();
 		};
-	}, [f, e.length]), /* @__PURE__ */ u("div", {
-		ref: m,
-		className: `${H.tabs} ${f ? H.scrollable : ""}`,
-		"data-overflow-start": f && _.start ? "" : void 0,
-		"data-overflow-end": f && _.end ? "" : void 0,
-		role: "tablist",
+	}, [
+		p,
+		m,
+		e.length
+	]), i(() => {
+		p && Ce(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 : ""}`,
+		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 === y;
-			return /* @__PURE__ */ d("button", {
+			let i = r === x, a = /* @__PURE__ */ d(l, { children: [
+				e.icon ? /* @__PURE__ */ u("span", {
+					className: U.icon,
+					"aria-hidden": "true",
+					children: n(e.icon) && e.icon.props.size === void 0 ? t(e.icon, { size: we[c] }) : e.icon
+				}) : null,
+				e.label,
+				e.badge != null && e.badge !== !1 ? /* @__PURE__ */ u("span", {
+					className: U.badge,
+					title: e.badgeTitle,
+					children: e.badge
+				}) : null
+			] }), s = `${U.tab} ${U[c]} ${i ? U.active : ""}`;
+			if (e.href !== void 0) {
+				let t = {
+					id: `${b}-tab-${e.value}`,
+					className: s,
+					href: e.disabled ? void 0 : e.href,
+					"aria-current": i ? "page" : void 0,
+					"aria-disabled": e.disabled || void 0,
+					title: e.title,
+					children: a
+				};
+				return /* @__PURE__ */ u("span", {
+					style: { display: "contents" },
+					ref: (t) => {
+						let n = t?.firstElementChild;
+						n ? y.current.set(e.value, n) : y.current.delete(e.value);
+					},
+					children: _ ? _(e, t) : /* @__PURE__ */ u("a", { ...t })
+				}, e.value);
+			}
+			return /* @__PURE__ */ u("button", {
 				ref: (t) => {
-					t ? h.current.set(e.value, t) : h.current.delete(e.value);
+					t ? y.current.set(e.value, t) : y.current.delete(e.value);
 				},
-				id: `${g}-tab-${e.value}`,
+				id: `${b}-tab-${e.value}`,
 				role: "tab",
 				type: "button",
 				"aria-selected": i,
-				"aria-controls": p?.(e),
+				"aria-controls": h?.(e),
+				"aria-disabled": e.disabled || void 0,
+				title: e.title,
 				tabIndex: i ? 0 : -1,
-				className: `${H.tab} ${H[l]} ${i ? H.active : ""}`,
-				onClick: () => o(e.value),
-				onKeyDown: (e) => x(e, r),
-				children: [e.icon ? /* @__PURE__ */ u("span", {
-					className: H.icon,
-					"aria-hidden": "true",
-					children: n(e.icon) && e.icon.props.size === void 0 ? t(e.icon, { size: we[l] }) : e.icon
-				}) : null, e.label]
+				className: s,
+				onClick: () => {
+					e.disabled || o(e.value);
+				},
+				onKeyDown: (e) => T(e, r),
+				children: a
 			}, e.value);
 		})
 	});
 }
-var U = {
-	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"
+var W = {
+	root: "_root_wrjxq_1",
+	micro: "_micro_wrjxq_2",
+	default: "_default_wrjxq_3",
+	list: "_list_wrjxq_4",
+	item: "_item_wrjxq_5",
+	separator: "_separator_wrjxq_6",
+	step: "_step_wrjxq_7",
+	switchable: "_switchable_wrjxq_8",
+	label: "_label_wrjxq_8",
+	text: "_text_wrjxq_11",
+	trigger: "_trigger_wrjxq_12",
+	icon: "_icon_wrjxq_16",
+	option: "_option_wrjxq_17",
+	menu: "_menu_wrjxq_18",
+	menuDivider: "_menuDivider_wrjxq_19",
+	truncate: "_truncate_wrjxq_32"
 };
 //#endregion
 //#region src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -1051,47 +1114,49 @@ function Ee(t) {
 		color: "currentColor"
 	}) : t;
 }
-var De = "\0action", Oe = ({ items: e, size: t = "default", className: n = "", separator: r = /* @__PURE__ */ u(_, {
+var De = "\0action", Oe = ({ items: e, size: t = "default", overflow: n = "wrap", className: r = "", separator: i = /* @__PURE__ */ u(_, {
 	size: 14,
 	color: "currentColor"
-}), renderLink: i, "aria-label": a = "Breadcrumb" }) => /* @__PURE__ */ u("nav", {
-	"aria-label": a,
-	className: `${U.root} ${U[t]} ${n}`,
+}), renderLink: a, "aria-label": o = "Breadcrumb" }) => /* @__PURE__ */ u("nav", {
+	"aria-label": o,
+	className: `${W.root} ${W[t]} ${n === "truncate" ? W.truncate : ""} ${r}`,
 	children: /* @__PURE__ */ u("ol", {
-		className: U.list,
-		children: e.map((t, n) => /* @__PURE__ */ d("li", {
-			className: U.item,
-			children: [n > 0 && /* @__PURE__ */ u("span", {
-				className: U.separator,
+		className: W.list,
+		children: e.map((t, r) => /* @__PURE__ */ d("li", {
+			className: W.item,
+			children: [r > 0 && /* @__PURE__ */ u("span", {
+				className: W.separator,
 				"aria-hidden": "true",
-				children: r
+				children: i
 			}), /* @__PURE__ */ d("div", {
-				className: `${U.step} ${t.switcher ? U.switchable : ""}`,
+				className: `${W.step} ${t.switcher ? W.switchable : ""}`,
 				children: [t.href ? (() => {
-					let r = {
-						className: U.label,
+					let i = {
+						className: W.label,
 						href: t.href,
+						title: n === "truncate" ? t.label : void 0,
 						onClick: t.onClick,
-						"aria-current": n === e.length - 1 ? "page" : void 0,
+						"aria-current": r === e.length - 1 ? "page" : void 0,
 						children: /* @__PURE__ */ d(l, { children: [t.icon && /* @__PURE__ */ u("span", {
-							className: U.icon,
+							className: W.icon,
 							"aria-hidden": "true",
 							children: Ee(t.icon)
 						}), /* @__PURE__ */ u("span", {
-							className: U.text,
+							className: W.text,
 							children: t.label
 						})] })
 					};
-					return i ? i(t, r) : /* @__PURE__ */ u("a", { ...r });
+					return a ? a(t, i) : /* @__PURE__ */ u("a", { ...i });
 				})() : /* @__PURE__ */ d("span", {
-					className: U.label,
-					"aria-current": n === e.length - 1 ? "page" : void 0,
+					className: W.label,
+					title: n === "truncate" ? t.label : void 0,
+					"aria-current": r === e.length - 1 ? "page" : void 0,
 					children: [t.icon && /* @__PURE__ */ u("span", {
-						className: U.icon,
+						className: W.icon,
 						"aria-hidden": "true",
 						children: Ee(t.icon)
 					}), /* @__PURE__ */ u("span", {
-						className: U.text,
+						className: W.text,
 						children: t.label
 					})]
 				}), t.switcher && /* @__PURE__ */ d(D.Root, {
@@ -1099,50 +1164,50 @@ var De = "\0action", Oe = ({ items: e, size: t = "default", className: n = "", s
 					onValueChange: (e) => e === De ? 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: U.trigger,
+						className: W.trigger,
 						"aria-label": `${t.switcher.label}: ${t.label}`,
 						children: /* @__PURE__ */ u(D.Icon, {
 							"aria-hidden": "true",
-							className: U.icon,
+							className: W.icon,
 							children: /* @__PURE__ */ u(y, {
 								size: 14,
 								color: "currentColor"
 							})
 						})
 					}), /* @__PURE__ */ u(D.Portal, { children: /* @__PURE__ */ u(D.Content, {
-						className: `${B.content} ${U.menu}`,
+						className: `${V.content} ${W.menu}`,
 						position: "popper",
 						align: "end",
 						sideOffset: 4,
 						collisionPadding: 8,
 						children: /* @__PURE__ */ d(D.Viewport, {
-							className: B.viewport,
+							className: V.viewport,
 							children: [t.switcher.options.map((e) => /* @__PURE__ */ d(D.Item, {
 								value: e.value,
-								className: B.item,
+								className: V.item,
 								textValue: e.label,
 								children: [/* @__PURE__ */ d("span", {
-									className: U.option,
+									className: W.option,
 									children: [e.icon && /* @__PURE__ */ u("span", {
-										className: U.icon,
+										className: W.icon,
 										"aria-hidden": "true",
 										children: e.icon
 									}), /* @__PURE__ */ u(D.ItemText, { children: e.label })]
 								}), /* @__PURE__ */ u(D.ItemIndicator, {
-									className: B.itemIndicator,
+									className: V.itemIndicator,
 									children: /* @__PURE__ */ u(m, {
 										size: 12,
 										color: "currentColor"
 									})
 								})]
-							}, e.value)), t.switcher.action && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(D.Separator, { className: U.menuDivider }), /* @__PURE__ */ u(D.Item, {
+							}, e.value)), t.switcher.action && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(D.Separator, { className: W.menuDivider }), /* @__PURE__ */ u(D.Item, {
 								value: De,
-								className: B.item,
+								className: V.item,
 								textValue: t.switcher.action.label,
 								children: /* @__PURE__ */ d("span", {
-									className: U.option,
+									className: W.option,
 									children: [/* @__PURE__ */ u("span", {
-										className: U.icon,
+										className: W.icon,
 										"aria-hidden": "true",
 										children: /* @__PURE__ */ u(x, {
 											size: 14,
@@ -1210,7 +1275,7 @@ function Me({ children: t, color: n, textColor: r, className: i, icon: a, size:
 		}), t]
 	});
 }
-var W = {
+var G = {
 	root: "_root_ok48u_3",
 	icon: "_icon_ok48u_16",
 	body: "_body_ok48u_17",
@@ -1236,21 +1301,21 @@ var Fe = ({ variant: e = "default", icon: t, className: n = "", children: r, rol
 	let a = t === void 0 ? Ne[e] : t;
 	return /* @__PURE__ */ d("div", {
 		role: i ?? (e === "destructive" || e === "warning" ? "alert" : "status"),
-		className: `${W.root} ${W[e]} ${n}`,
+		className: `${G.root} ${G[e]} ${n}`,
 		children: [a && /* @__PURE__ */ u("span", {
-			className: W.icon,
+			className: G.icon,
 			"aria-hidden": "true",
 			children: Pe(a)
 		}), /* @__PURE__ */ u("div", {
-			className: W.body,
+			className: G.body,
 			children: r
 		})]
 	});
 }, Ie = ({ children: e, className: t = "" }) => /* @__PURE__ */ u("div", {
-	className: `${W.title} ${t}`,
+	className: `${G.title} ${t}`,
 	children: e
 }), Le = ({ children: e, className: t = "" }) => /* @__PURE__ */ u("div", {
-	className: `${W.description} ${t}`,
+	className: `${G.description} ${t}`,
 	children: e
 }), Re = {
 	tooltip: "_tooltip_1de7z_1",
@@ -1272,7 +1337,7 @@ function ze({ content: e, position: t = "top", children: n, className: r }) {
 		}) })] })
 	});
 }
-var G = {
+var K = {
 	wrapper: "_wrapper_1w5vh_1",
 	chart: "_chart_1w5vh_8",
 	svg: "_svg_1w5vh_33",
@@ -1286,7 +1351,7 @@ var G = {
 	legendItem: "_legendItem_1w5vh_90",
 	legendMark: "_legendMark_1w5vh_96",
 	legendLabel: "_legendLabel_1w5vh_102"
-}, Be = "var(--lv4)", K = 12, Ve = 20, He = 8, Ue = 28, q = 20;
+}, Be = "var(--lv4)", q = 12, Ve = 20, He = 8, Ue = 28, J = 20;
 function We(e) {
 	return Number.isInteger(e) ? String(e) : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
@@ -1298,18 +1363,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 - q - Ve, 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) => {
+	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) => {
 		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 - q) / v * (w - 1));
+			let e = Math.round((r - J) / 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 - q) / e);
+			let e = v / w, t = Math.floor((r - J) / e);
 			g({
 				index: Math.max(0, Math.min(w - 1, t)),
 				x: r,
@@ -1321,24 +1386,24 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		w,
 		v
 	]), O = r(() => g(null), []), k = /* @__PURE__ */ u("line", {
-		x1: q,
-		y1: K + y * .5,
-		x2: q + v,
-		y2: K + y * .5,
+		x1: J,
+		y1: q + y * .5,
+		x2: J + v,
+		y2: q + y * .5,
 		stroke: "var(--chart-midline)",
 		strokeWidth: "0.5"
 	}), A = /* @__PURE__ */ u("line", {
-		x1: q,
-		y1: K + y,
-		x2: q + v,
-		y2: K + y,
+		x1: J,
+		y1: q + y,
+		x2: J + v,
+		y2: q + y,
 		stroke: "var(--chart-baseline)",
 		strokeWidth: "1"
 	}), j = h && n === "bar" ? (() => {
 		let e = v / w;
 		return /* @__PURE__ */ u("rect", {
-			x: q + h.index * e,
-			y: K,
+			x: J + h.index * e,
+			y: q,
 			width: e,
 			height: y,
 			fill: "var(--chart-column-hover)"
@@ -1365,9 +1430,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 = K + y;
+		let t = e.length, n = v / w, r = Math.max((n - 2 * (t + 1)) / t, 2), i = q + y;
 		return e.map((e, t) => e.data.map((a, o) => {
-			let s = q + o * n + 2 + t * (r + 2), c = T(a);
+			let s = J + o * n + 2 + t * (r + 2), c = T(a);
 			return /* @__PURE__ */ u("rect", {
 				x: s,
 				y: c,
@@ -1378,9 +1443,9 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		}));
 	}, te = () => {
 		if (!t?.length) return null;
-		let e = K + y + 18;
+		let e = q + y + 18;
 		return t.map((t, r) => /* @__PURE__ */ u("text", {
-			x: n === "line" ? E(r) : q + (r + .5) * (v / w),
+			x: n === "line" ? E(r) : J + (r + .5) * (v / w),
 			y: e,
 			textAnchor: "middle",
 			fill: "var(--lv4)",
@@ -1389,16 +1454,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: K,
+		y1: q,
 		x2: E(h.index),
-		y2: K + y,
+		y2: q + 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: G.tooltip,
+			className: K.tooltip,
 			style: h.y < 80 ? {
 				left: r,
 				top: h.y + 12,
@@ -1409,21 +1474,21 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 				transform: "translate(-50%, -100%)"
 			},
 			children: [/* @__PURE__ */ u("div", {
-				className: G.tooltipLabel,
+				className: K.tooltipLabel,
 				children: n
 			}), e.map((e, t) => /* @__PURE__ */ d("div", {
-				className: G.tooltipRow,
+				className: K.tooltipRow,
 				children: [
 					/* @__PURE__ */ u("span", {
-						className: G.tooltipDot,
+						className: K.tooltipDot,
 						style: { background: e.color ?? Be }
 					}),
 					/* @__PURE__ */ u("span", {
-						className: G.tooltipName,
+						className: K.tooltipName,
 						children: e.label
 					}),
 					/* @__PURE__ */ u("span", {
-						className: G.tooltipValue,
+						className: K.tooltipValue,
 						children: We(e.data[h.index] ?? 0)
 					})
 				]
@@ -1431,15 +1496,15 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 		});
 	})() : null;
 	return /* @__PURE__ */ d("div", {
-		className: [G.wrapper, l].filter(Boolean).join(" "),
+		className: [K.wrapper, l].filter(Boolean).join(" "),
 		children: [/* @__PURE__ */ d("div", {
 			ref: f,
-			className: G.chart,
+			className: K.chart,
 			style: { height: a },
 			children: [p > 0 && /* @__PURE__ */ d("svg", {
 				width: p,
 				height: a,
-				className: G.svg,
+				className: K.svg,
 				onMouseMove: D,
 				onMouseLeave: O,
 				children: [
@@ -1452,21 +1517,21 @@ function Ge({ series: e, labels: t, type: n = "line", height: a = 200, showLegen
 				]
 			}), N]
 		}), o && e.length > 1 && /* @__PURE__ */ u("div", {
-			className: G.legend,
+			className: K.legend,
 			children: e.map((e, t) => /* @__PURE__ */ d("div", {
-				className: G.legendItem,
+				className: K.legendItem,
 				children: [/* @__PURE__ */ u("div", {
-					className: G.legendMark,
+					className: K.legendMark,
 					style: { background: e.color ?? Be }
 				}), /* @__PURE__ */ u("span", {
-					className: G.legendLabel,
+					className: K.legendLabel,
 					children: e.label
 				})]
 			}, t))
 		})]
 	});
 }
-var J = {
+var Y = {
 	wrapper: "_wrapper_17ws4_1",
 	label: "_label_17ws4_7",
 	textarea: "_textarea_17ws4_12",
@@ -1478,11 +1543,11 @@ var J = {
 function Ke({ 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: `${J.wrapper} ${r}`,
+		className: `${Y.wrapper} ${r}`,
 		children: [
 			t && /* @__PURE__ */ d("label", {
 				htmlFor: l,
-				className: J.label,
+				className: Y.label,
 				children: [t, s.required && /* @__PURE__ */ u("span", {
 					"aria-label": "required",
 					children: " *"
@@ -1491,21 +1556,21 @@ function Ke({ label: t, error: n, className: r = "", isValid: i = !0, id: a, row
 			/* @__PURE__ */ u("textarea", {
 				id: l,
 				rows: o,
-				className: `${J.textarea} ${p ? J.error : ""}`,
+				className: `${Y.textarea} ${p ? Y.error : ""}`,
 				"aria-invalid": p ? "true" : "false",
 				"aria-describedby": n ? f : void 0,
 				...s
 			}),
 			n && /* @__PURE__ */ u("span", {
 				id: f,
-				className: J.errorText,
+				className: Y.errorText,
 				role: "alert",
 				children: n
 			})
 		]
 	});
 }
-var Y = {
+var X = {
 	overlay: "_overlay_xud7c_1",
 	content: "_content_xud7c_8",
 	title: "_title_xud7c_26",
@@ -1518,19 +1583,19 @@ var Y = {
 	children: [e && /* @__PURE__ */ u(A.Trigger, {
 		asChild: !0,
 		children: e
-	}), /* @__PURE__ */ d(A.Portal, { children: [/* @__PURE__ */ u(A.Overlay, { className: Y.overlay }), /* @__PURE__ */ d(A.Content, {
-		className: `${Y.content} ${o}`,
+	}), /* @__PURE__ */ d(A.Portal, { children: [/* @__PURE__ */ u(A.Overlay, { className: X.overlay }), /* @__PURE__ */ d(A.Content, {
+		className: `${X.content} ${o}`,
 		children: [
 			/* @__PURE__ */ u(A.Title, {
-				className: i ? Y.title : Y.srOnly,
+				className: i ? X.title : X.srOnly,
 				children: i || "Dialog"
 			}),
 			a && /* @__PURE__ */ u(A.Description, {
-				className: Y.description,
+				className: X.description,
 				children: a
 			}),
 			s && /* @__PURE__ */ u(A.Close, {
-				className: Y.close,
+				className: X.close,
 				"aria-label": "Close",
 				children: /* @__PURE__ */ u(T, {
 					size: 16,
@@ -1540,7 +1605,7 @@ var Y = {
 			t
 		]
 	})] })]
-}), X = {
+}), Z = {
 	wrapper: "_wrapper_aimna_1",
 	label: "_label_aimna_7",
 	trigger: "_trigger_aimna_12",
@@ -1581,19 +1646,19 @@ var Y = {
 	"November",
 	"December"
 ];
-function Z(e) {
+function Xe(e) {
 	let t = String(e.getMonth() + 1).padStart(2, "0"), n = String(e.getDate()).padStart(2, "0");
 	return `${e.getFullYear()}-${t}-${n}`;
 }
-function Xe(e, t) {
+function Ze(e, t) {
 	return !!e && !!t && e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function Ze(e, t) {
+function Qe(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 Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", error: a, isValid: o = !0, disabled: s = !1, className: l = "", formatDate: f = Z }) => {
+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 }) => {
 	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();
@@ -1602,7 +1667,7 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 		b(e);
 	};
 	e.useEffect(() => {
-		j.current &&= (A.current.get(Z(D))?.focus(), !1);
+		j.current &&= (A.current.get(Xe(D))?.focus(), !1);
 	}, [D]);
 	let ee = (e, t) => {
 		let n = new Date(t), r = {
@@ -1629,13 +1694,13 @@ var Qe = ({ 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 = Ze(C, T);
+	}, P = Qe(C, T);
 	return /* @__PURE__ */ d("div", {
-		className: `${X.wrapper} ${l}`,
+		className: `${Z.wrapper} ${l}`,
 		children: [
 			r && /* @__PURE__ */ u("span", {
 				id: `${p}-label`,
-				className: X.label,
+				className: Z.label,
 				children: r
 			}),
 			/* @__PURE__ */ d(O.Root, {
@@ -1645,14 +1710,14 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 					asChild: !0,
 					children: /* @__PURE__ */ d("button", {
 						type: "button",
-						className: `${X.trigger} ${v ? X.error : ""}`,
+						className: `${Z.trigger} ${v ? Z.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 ? X.valueText : X.placeholder,
+							className: t ? Z.valueText : Z.placeholder,
 							children: t ? f(t) : i
 						}), /* @__PURE__ */ u(h, {
 							size: 14,
@@ -1660,20 +1725,20 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 						})]
 					})
 				}), /* @__PURE__ */ u(O.Portal, { children: /* @__PURE__ */ d(O.Content, {
-					className: X.calendar,
+					className: Z.calendar,
 					align: "start",
 					sideOffset: 5,
 					"aria-label": r ? `${r} calendar` : "Choose a date",
 					onOpenAutoFocus: (e) => {
-						e.preventDefault(), A.current.get(Z(D))?.focus();
+						e.preventDefault(), A.current.get(Xe(D))?.focus();
 					},
 					children: [
 						/* @__PURE__ */ d("div", {
-							className: X.header,
+							className: Z.header,
 							children: [
 								/* @__PURE__ */ u("button", {
 									type: "button",
-									className: X.navButton,
+									className: Z.navButton,
 									onClick: te,
 									"aria-label": "Previous month",
 									children: /* @__PURE__ */ u(g, {
@@ -1682,7 +1747,7 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 									})
 								}),
 								/* @__PURE__ */ d("span", {
-									className: X.monthLabel,
+									className: Z.monthLabel,
 									children: [
 										Ye[T],
 										" ",
@@ -1691,7 +1756,7 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 								}),
 								/* @__PURE__ */ u("button", {
 									type: "button",
-									className: X.navButton,
+									className: Z.navButton,
 									onClick: ne,
 									"aria-label": "Next month",
 									children: /* @__PURE__ */ u(_, {
@@ -1702,27 +1767,27 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 							]
 						}),
 						/* @__PURE__ */ u("div", {
-							className: X.weekdays,
+							className: Z.weekdays,
 							children: Je.map((e) => /* @__PURE__ */ u("span", {
-								className: X.weekday,
+								className: Z.weekday,
 								children: e
 							}, e))
 						}),
 						/* @__PURE__ */ u("div", {
-							className: X.grid,
+							className: Z.grid,
 							children: P.map((e) => {
-								let n = e.getMonth() !== T, r = Xe(e, t), i = Xe(e, x);
+								let n = e.getMonth() !== T, r = Ze(e, t), i = Ze(e, x);
 								return /* @__PURE__ */ u("button", {
 									type: "button",
 									className: [
-										X.day,
-										n ? X.outside : "",
-										r ? X.selected : "",
-										i && !r ? X.today : ""
+										Z.day,
+										n ? Z.outside : "",
+										r ? Z.selected : "",
+										i && !r ? Z.today : ""
 									].filter(Boolean).join(" "),
 									onClick: () => N(e),
 									ref: (t) => {
-										t ? A.current.set(Z(e), t) : A.current.delete(Z(e));
+										t ? A.current.set(Xe(e), t) : A.current.delete(Xe(e));
 									},
 									"aria-label": e.toLocaleDateString(void 0, {
 										weekday: "long",
@@ -1732,7 +1797,7 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 									}),
 									"aria-pressed": r,
 									"aria-current": i ? "date" : void 0,
-									tabIndex: Xe(e, D) || D.getMonth() !== T && e.getDate() === 1 && !n ? 0 : -1,
+									tabIndex: Ze(e, D) || D.getMonth() !== T && e.getDate() === 1 && !n ? 0 : -1,
 									onKeyDown: (t) => ee(t, e),
 									children: e.getDate()
 								}, e.toISOString());
@@ -1743,7 +1808,7 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 			}),
 			a && /* @__PURE__ */ u("span", {
 				id: m,
-				className: X.errorText,
+				className: Z.errorText,
 				role: "alert",
 				children: a
 			})
@@ -1763,16 +1828,16 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 	viewportPosition: "_viewportPosition_qu8jg_59",
 	viewport: "_viewport_qu8jg_59",
 	content: "_content_qu8jg_85"
-}, $e = {
+}, et = {
 	micro: 14,
 	default: 14,
 	large: 21
-}, et = e.createContext("default"), tt = e.forwardRef(({ size: e = "default", align: t = "start", panelWidth: n, className: r = "", style: i, children: a, "aria-label": o = "Main navigation", ...s }, c) => {
+}, 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(et.Provider, {
+	return /* @__PURE__ */ u(tt.Provider, {
 		value: e,
 		children: /* @__PURE__ */ d(j.Root, {
 			...s,
@@ -1787,59 +1852,59 @@ var Qe = ({ value: t, onChange: n, label: r, placeholder: i = "Select a date", e
 		})
 	});
 });
-tt.displayName = "NavigationMenu";
-var nt = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.List, {
+nt.displayName = "NavigationMenu";
+var rt = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.List, {
 	...t,
 	ref: n,
 	className: `${Q.list} ${e}`
 }));
-nt.displayName = "NavigationMenuList";
-var rt = j.Item;
-function it({ icon: t }) {
-	let n = e.useContext(et);
+rt.displayName = "NavigationMenuList";
+var it = j.Item;
+function at({ icon: t }) {
+	let n = e.useContext(tt);
 	return t ? /* @__PURE__ */ u("span", {
 		className: Q.icon,
 		"aria-hidden": "true",
 		children: e.cloneElement(t, {
-			size: $e[n],
+			size: et[n],
 			color: "currentColor"
 		})
 	}) : null;
 }
-var at = e.forwardRef(({ className: t = "", icon: n, children: r, ...i }, a) => {
-	let o = e.useContext(et);
+var ot = e.forwardRef(({ className: t = "", icon: n, children: r, ...i }, a) => {
+	let o = e.useContext(tt);
 	return /* @__PURE__ */ d(j.Trigger, {
 		...i,
 		ref: a,
 		className: `${Q.control} ${t}`,
 		children: [
-			/* @__PURE__ */ u(it, { icon: n }),
+			/* @__PURE__ */ u(at, { icon: n }),
 			r,
 			/* @__PURE__ */ u("span", {
 				className: Q.caret,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ u(h, {
-					size: $e[o],
+					size: et[o],
 					color: "currentColor"
 				})
 			})
 		]
 	});
 });
-at.displayName = "NavigationMenuTrigger";
-var ot = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.Content, {
+ot.displayName = "NavigationMenuTrigger";
+var st = e.forwardRef(({ className: e = "", ...t }, n) => /* @__PURE__ */ u(j.Content, {
 	...t,
 	ref: n,
 	className: `${Q.content} ${e}`
 }));
-ot.displayName = "NavigationMenuContent";
-var st = e.forwardRef(({ variant: e = "panel", icon: t, className: n = "", children: r, ...i }, a) => /* @__PURE__ */ u(j.Link, {
+st.displayName = "NavigationMenuContent";
+var ct = 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(it, { icon: t }), r] }) : r
+	children: e === "navigation" && !i.asChild ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(at, { icon: t }), r] }) : r
 }));
-st.displayName = "NavigationMenuLink";
+ct.displayName = "NavigationMenuLink";
 var $ = {
 	panel: "_panel_1hiss_6",
 	header: "_header_1hiss_14",
@@ -1871,18 +1936,18 @@ var $ = {
 };
 //#endregion
 //#region src/components/Chat/ChatPanel.tsx
-function ct({ children: e }) {
+function lt({ children: e }) {
 	return /* @__PURE__ */ u("kbd", {
 		className: $.kbd,
 		children: e
 	});
 }
-var lt = /* @__PURE__ */ d(l, { children: [
-	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(ct, { children: "↵" }), " send"] }),
-	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(ct, { children: "⇧↵" }), " new line"] }),
-	/* @__PURE__ */ d("span", { children: [/* @__PURE__ */ u(ct, { children: "esc" }), " close"] })
+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"] })
 ] });
-function ut({ header: e, children: t, composer: n, hints: r = lt, className: i = "", threadRef: a, "aria-label": o }) {
+function dt({ header: e, children: t, composer: n, hints: r = ut, className: i = "", threadRef: a, "aria-label": o }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.panel} ${i}`,
 		"aria-label": o,
@@ -1911,7 +1976,7 @@ function ut({ header: e, children: t, composer: n, hints: r = lt, className: i =
 }
 //#endregion
 //#region src/components/Chat/Message.tsx
-function dt({ children: e, className: t = "" }) {
+function ft({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ u("div", {
 		className: $.userRow,
 		children: /* @__PURE__ */ u("div", {
@@ -1920,7 +1985,7 @@ function dt({ children: e, className: t = "" }) {
 		})
 	});
 }
-function ft({ label: e = "Assistant", icon: t, children: n, className: r = "" }) {
+function pt({ label: e = "Assistant", icon: t, children: n, className: r = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.assistant} ${r}`,
 		children: [/* @__PURE__ */ d("div", {
@@ -1937,13 +2002,13 @@ function ft({ label: e = "Assistant", icon: t, children: n, className: r = "" })
 }
 //#endregion
 //#region src/components/Chat/Composer.tsx
-var pt = 18, mt = 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 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) {
 	let x = s(null);
 	o(b, () => ({ focus: () => x.current?.focus() }), []), i(() => {
 		let e = x.current;
 		if (!e) return;
 		e.style.height = "auto";
-		let t = pt * _ + 12;
+		let t = mt * _ + 12;
 		e.style.height = `${Math.min(e.scrollHeight, t)}px`;
 	}, [e, _]);
 	let S = !c && !m && e.trim().length > 0, w = r(() => {
@@ -1999,7 +2064,7 @@ var pt = 18, mt = e.forwardRef(function({ value: e, onChange: t, onSend: n, onSt
 });
 //#endregion
 //#region src/components/Chat/Citation.tsx
-function ht({ n: e, href: t, onClick: n, title: r, className: i = "" }) {
+function gt({ n: e, href: t, onClick: n, title: r, className: i = "" }) {
 	let a = `${$.ref} ${i}`;
 	return t ? /* @__PURE__ */ u("a", {
 		href: t,
@@ -2017,7 +2082,7 @@ function ht({ n: e, href: t, onClick: n, title: r, className: i = "" }) {
 		children: e
 	});
 }
-function gt({ items: e, label: t = "Sources", className: n = "" }) {
+function _t({ items: e, label: t = "Sources", className: n = "" }) {
 	return e.length === 0 ? null : /* @__PURE__ */ d("div", {
 		className: `${$.stack} ${n}`,
 		children: [/* @__PURE__ */ u("div", {
@@ -2054,7 +2119,7 @@ function gt({ items: e, label: t = "Sources", className: n = "" }) {
 }
 //#endregion
 //#region src/components/Chat/StreamStatus.tsx
-function _t({ children: e, className: t = "" }) {
+function vt({ children: e, className: t = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.status} ${t}`,
 		role: "status",
@@ -2066,7 +2131,7 @@ function _t({ children: e, className: t = "" }) {
 }
 //#endregion
 //#region src/components/Chat/Suggestions.tsx
-function vt({ items: e, onPick: t, label: n = "Try asking", className: r = "" }) {
+function yt({ items: e, onPick: t, label: n = "Try asking", className: r = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.suggestions} ${r}`,
 		children: [/* @__PURE__ */ u("div", {
@@ -2085,7 +2150,7 @@ function vt({ items: e, onPick: t, label: n = "Try asking", className: r = "" })
 }
 //#endregion
 //#region src/components/Chat/AnswerActions.tsx
-function yt({ onCopy: e, copied: t = !1, onFollowUp: n, followUpLabel: r = "Ask a follow-up", className: i = "" }) {
+function bt({ onCopy: e, copied: t = !1, onFollowUp: n, followUpLabel: r = "Ask a follow-up", className: i = "" }) {
 	return /* @__PURE__ */ d("div", {
 		className: `${$.actions} ${i}`,
 		children: [
@@ -2107,5 +2172,59 @@ function yt({ onCopy: e, copied: t = !1, onFollowUp: n, followUpLabel: r = "Ask
 		]
 	});
 }
+var xt = {
+	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 = "" }) {
+	let i = n ?? (typeof e == "string" ? e : void 0);
+	return /* @__PURE__ */ u("span", {
+		className: `${xt.truncate} ${t === "start" ? xt.start : ""} ${r}`,
+		title: i,
+		children: t === "start" ? /* @__PURE__ */ u("bdi", { children: e }) : e
+	});
+}
+var Ct = {
+	disclosure: "_disclosure_94bgy_1",
+	trigger: "_trigger_94bgy_7",
+	summary: "_summary_94bgy_31",
+	chevron: "_chevron_94bgy_36",
+	content: "_content_94bgy_43"
+};
+//#endregion
+//#region src/components/Disclosure/Disclosure.tsx
+function wt({ 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}`,
+		"data-state": l ? "open" : "closed",
+		children: [/* @__PURE__ */ d("button", {
+			type: "button",
+			className: Ct.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,
+				children: t
+			}), /* @__PURE__ */ u("span", {
+				className: Ct.chevron,
+				"aria-hidden": "true",
+				children: u(l ? h : _, {
+					size: 14,
+					color: "currentColor"
+				})
+			})]
+		}), l && /* @__PURE__ */ u("div", {
+			id: f,
+			className: Ct.content,
+			children: n
+		})]
+	});
+}
 //#endregion
-export { Fe as Alert, Le as AlertDescription, Ie as AlertTitle, yt as AnswerActions, ft as AssistantMessage, ae as Base, Oe as Breadcrumbs, P as Button, Ge as Chart, ut as ChatPanel, re as Checkbox, Me as Chip, gt as CitationList, ht as CitationRef, mt as Composer, Qe as DatePicker, oe as FilterPanelBase, le as InputField, ct as Kbd, qe as Modal, tt as NavigationMenu, ot as NavigationMenuContent, rt as NavigationMenuItem, st as NavigationMenuLink, nt as NavigationMenuList, at as NavigationMenuTrigger, _e as Popover, Ae as ProgressBar, de as RadioButton, ce as SearchField, he as Select, me as Slider, N as Spinner, _t as StreamStatus, vt as Suggestions, ve as Table, xe as TableCell, ye as TableHeader, Ce as TableIcon, be as TableRow, Se as TableValue, Te as Tabs, Ke as Textarea, pe as ToggleSwitch, ze as Tooltip, dt as UserMessage, lt as defaultChatHints, ne as spinnerNames };
+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 };