tharaday 0.7.0 → 0.7.2

package/dist/ds.js

@@ -16,23 +16,23 @@ function p() {
 	return r;
 }
 var m = {
-	root: "_root_1s3bz_1",
-	default: "_default_1s3bz_8",
-	bordered: "_bordered_1s3bz_14",
-	item: "_item_1s3bz_14",
-	separated: "_separated_1s3bz_24",
-	ghost: "_ghost_1s3bz_34",
-	header: "_header_1s3bz_34",
-	sm: "_sm_1s3bz_65",
-	md: "_md_1s3bz_70",
-	lg: "_lg_1s3bz_75",
-	icon: "_icon_1s3bz_97",
-	iconExpanded: "_iconExpanded_1s3bz_102",
-	contentWrapper: "_contentWrapper_1s3bz_106",
-	contentExpanded: "_contentExpanded_1s3bz_113",
-	content: "_content_1s3bz_106",
-	contentBody: "_contentBody_1s3bz_121",
-	contentBodyExpanded: "_contentBodyExpanded_1s3bz_134"
+	root: "_root_1f38q_1",
+	default: "_default_1f38q_8",
+	bordered: "_bordered_1f38q_14",
+	item: "_item_1f38q_14",
+	separated: "_separated_1f38q_24",
+	ghost: "_ghost_1f38q_34",
+	header: "_header_1f38q_34",
+	sm: "_sm_1f38q_65",
+	md: "_md_1f38q_70",
+	lg: "_lg_1f38q_75",
+	icon: "_icon_1f38q_97",
+	iconExpanded: "_iconExpanded_1f38q_102",
+	contentWrapper: "_contentWrapper_1f38q_106",
+	contentExpanded: "_contentExpanded_1f38q_113",
+	content: "_content_1f38q_106",
+	contentBody: "_contentBody_1f38q_121",
+	contentBodyExpanded: "_contentBodyExpanded_1f38q_134"
 }, h = ({ items: e, allowMultiple: t = !1, defaultExpanded: n = [], variant: r = "default", size: i = "md", className: o, id: s }) => {
 	let d = a(), f = s ?? `ds-accordion-${d}`, [h, g] = c(n), _ = (e) => {
 		g((n) => n.includes(e) ? n.filter((t) => t !== e) : t ? [...n, e] : [e]);
@@ -54,7 +54,20 @@ var m = {
 					"aria-controls": `${f}-content-${e.id}`,
 					children: [/* @__PURE__ */ l("span", { children: e.title }), /* @__PURE__ */ l("span", {
 						className: p(m.icon, t && m.iconExpanded),
-						children: "▼"
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ l("svg", {
+							width: "12",
+							height: "12",
+							viewBox: "0 0 12 12",
+							fill: "none",
+							children: /* @__PURE__ */ l("path", {
+								d: "M2.5 4.5L6 8L9.5 4.5",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
 					})]
 				}), /* @__PURE__ */ l("div", {
 					id: `${f}-content-${e.id}`,
@@ -345,24 +358,24 @@ var m = {
 }, ee = (e, t, n, r, i, a, o, s) => {
 	let c = {};
 	return typeof t == "string" && (c[e] = t), typeof i == "string" && (c[`${e}Top`] = i), typeof a == "string" && (c[`${e}Bottom`] = a), typeof o == "string" && (c[`${e}Left`] = o), typeof s == "string" && (c[`${e}Right`] = s), typeof n == "string" && (c[`${e}Left`] = n, c[`${e}Right`] = n), typeof r == "string" && (c[`${e}Top`] = r, c[`${e}Bottom`] = r), c;
-}, T = ({ children: e, as: t = "div", display: n, padding: r, paddingX: i, paddingY: a, paddingTop: o, paddingBottom: s, paddingLeft: c, paddingRight: u, margin: d, marginX: f, marginY: m, marginTop: h, marginBottom: g, marginLeft: _, marginRight: v, gap: y, flexDirection: b, alignItems: x, justifyContent: S, flexWrap: C, flexGrow: T, flexShrink: E, flex: D, fullWidth: O, textAlign: k, width: A, height: te, maxWidth: j, gridTemplateColumns: ne, backgroundColor: M, border: N, borderBottom: re, borderColor: P, borderRadius: ie, className: ae, style: oe, ...se }) => {
-	let ce = {
-		...oe,
+}, T = ({ children: e, as: t = "div", display: n, padding: r, paddingX: i, paddingY: a, paddingTop: o, paddingBottom: s, paddingLeft: c, paddingRight: u, margin: d, marginX: f, marginY: m, marginTop: h, marginBottom: g, marginLeft: _, marginRight: v, gap: y, flexDirection: b, alignItems: x, justifyContent: S, flexWrap: C, flexGrow: T, flexShrink: E, flex: D, fullWidth: O, textAlign: k, width: A, height: te, maxWidth: ne, gridTemplateColumns: re, backgroundColor: j, border: M, borderBottom: ie, borderColor: N, borderRadius: ae, className: oe, style: se, ...ce }) => {
+	let le = {
+		...se,
 		flexGrow: T,
 		flexShrink: E,
 		flex: D,
 		width: A,
 		height: te,
-		maxWidth: j,
-		gridTemplateColumns: ne,
+		maxWidth: ne,
+		gridTemplateColumns: re,
 		gap: typeof y == "string" ? y : void 0,
 		...ee("padding", r, i, a, o, s, c, u),
 		...ee("margin", d, f, m, h, g, _, v)
 	};
 	return /* @__PURE__ */ l(t, {
-		className: p(w.box, n && w[`display-${n}`], k && w[`textAlign-${k}`], typeof r == "number" && w[`p-${r}`], typeof i == "number" && w[`px-${i}`], typeof a == "number" && w[`py-${a}`], typeof o == "number" && w[`pt-${o}`], typeof s == "number" && w[`pb-${s}`], typeof c == "number" && w[`pl-${c}`], typeof u == "number" && w[`pr-${u}`], typeof d == "number" && w[`margin-${d}`], typeof f == "number" && w[`marginX-${f}`], typeof m == "number" && w[`marginY-${m}`], typeof h == "number" && w[`marginTop-${h}`], typeof g == "number" && w[`marginBottom-${g}`], typeof _ == "number" && w[`marginLeft-${_}`], typeof v == "number" && w[`marginRight-${v}`], typeof y == "number" && w[`gap-${y}`], b && w[`flexDirection-${b}`], x && w[`alignItems-${x}`], S && w[`justifyContent-${S}`], C && w[`flexWrap-${C}`], M && w[`bg-${M}`], N && w.border, re && w.borderBottom, P && w[`borderColor-${P}`], ie && w[`borderRadius-${ie}`], O && w.fullWidth, ae),
-		style: ce,
-		...se,
+		className: p(w.box, n && w[`display-${n}`], k && w[`textAlign-${k}`], typeof r == "number" && w[`p-${r}`], typeof i == "number" && w[`px-${i}`], typeof a == "number" && w[`py-${a}`], typeof o == "number" && w[`pt-${o}`], typeof s == "number" && w[`pb-${s}`], typeof c == "number" && w[`pl-${c}`], typeof u == "number" && w[`pr-${u}`], typeof d == "number" && w[`margin-${d}`], typeof f == "number" && w[`marginX-${f}`], typeof m == "number" && w[`marginY-${m}`], typeof h == "number" && w[`marginTop-${h}`], typeof g == "number" && w[`marginBottom-${g}`], typeof _ == "number" && w[`marginLeft-${_}`], typeof v == "number" && w[`marginRight-${v}`], typeof y == "number" && w[`gap-${y}`], b && w[`flexDirection-${b}`], x && w[`alignItems-${x}`], S && w[`justifyContent-${S}`], C && w[`flexWrap-${C}`], j && w[`bg-${j}`], M && w.border, ie && w.borderBottom, N && w[`borderColor-${N}`], ae && w[`borderRadius-${ae}`], O && w.fullWidth, oe),
+		style: le,
+		...ce,
 		children: e
 	});
 }, E = {
@@ -438,12 +451,12 @@ var m = {
 			strokeDashoffset: "10"
 		})
 	}), o]
-}), te = "_root_1k781_1", j = "_bordered_1k781_9", ne = "_shadowNone_1k781_14", M = "_shadowSm_1k781_17", N = "_shadowMd_1k781_20", re = "_pNone_1k781_65", P = "_pSm_1k781_68", ie = "_pMd_1k781_71", ae = "_pLg_1k781_74", oe = "_header_1k781_79", se = "_title_1k781_85", ce = "_subtitle_1k781_93", le = "_content_1k781_100", ue = "_footer_1k781_104", F = {
+}), te = "_root_1k781_1", ne = "_bordered_1k781_9", re = "_shadowNone_1k781_14", j = "_shadowSm_1k781_17", M = "_shadowMd_1k781_20", ie = "_pNone_1k781_65", N = "_pSm_1k781_68", ae = "_pMd_1k781_71", oe = "_pLg_1k781_74", se = "_header_1k781_79", ce = "_title_1k781_85", le = "_subtitle_1k781_93", ue = "_content_1k781_100", de = "_footer_1k781_104", P = {
 	root: te,
-	bordered: j,
-	shadowNone: ne,
-	shadowSm: M,
-	shadowMd: N,
+	bordered: ne,
+	shadowNone: re,
+	shadowSm: j,
+	shadowMd: M,
 	"borderColor-main": "_borderColor-main_1k781_25",
 	"borderColor-subtle": "_borderColor-subtle_1k781_28",
 	"borderColor-danger": "_borderColor-danger_1k781_31",
@@ -456,54 +469,54 @@ var m = {
 	"backgroundColor-success-subtle": "_backgroundColor-success-subtle_1k781_54",
 	"backgroundColor-warning-subtle": "_backgroundColor-warning-subtle_1k781_57",
 	"backgroundColor-info-subtle": "_backgroundColor-info-subtle_1k781_60",
-	pNone: re,
-	pSm: P,
-	pMd: ie,
-	pLg: ae,
-	header: oe,
-	title: se,
-	subtitle: ce,
-	content: le,
-	footer: ue
-}, de = ({ padding: e = "md", shadow: t = "sm", bordered: n = !0, borderColor: r, backgroundColor: i, className: a, children: o, ...s }) => {
+	pNone: ie,
+	pSm: N,
+	pMd: ae,
+	pLg: oe,
+	header: se,
+	title: ce,
+	subtitle: le,
+	content: ue,
+	footer: de
+}, fe = ({ padding: e = "md", shadow: t = "sm", bordered: n = !0, borderColor: r, backgroundColor: i, className: a, children: o, ...s }) => {
 	let c = {
-		none: F.pNone,
-		sm: F.pSm,
-		md: F.pMd,
-		lg: F.pLg
+		none: P.pNone,
+		sm: P.pSm,
+		md: P.pMd,
+		lg: P.pLg
 	}[e], u = {
-		none: F.shadowNone,
-		sm: F.shadowSm,
-		md: F.shadowMd
+		none: P.shadowNone,
+		sm: P.shadowSm,
+		md: P.shadowMd
 	}[t];
 	return /* @__PURE__ */ l("div", {
-		className: p(F.root, c, u, n && F.bordered, r && F[`borderColor-${r}`], i && F[`backgroundColor-${i}`], a),
+		className: p(P.root, c, u, n && P.bordered, r && P[`borderColor-${r}`], i && P[`backgroundColor-${i}`], a),
 		...s,
 		children: o
 	});
-}, fe = ({ title: e, subtitle: t, className: n, children: r, ...i }) => /* @__PURE__ */ u("div", {
-	className: p(F.header, n),
+}, pe = ({ title: e, subtitle: t, className: n, children: r, ...i }) => /* @__PURE__ */ u("div", {
+	className: p(P.header, n),
 	...i,
 	children: [
 		e && /* @__PURE__ */ l("h3", {
-			className: F.title,
+			className: P.title,
 			children: e
 		}),
 		t && /* @__PURE__ */ l("p", {
-			className: F.subtitle,
+			className: P.subtitle,
 			children: t
 		}),
 		r
 	]
-}), pe = ({ className: e, children: t, ...n }) => /* @__PURE__ */ l("div", {
-	className: p(F.content, e),
+}), me = ({ className: e, children: t, ...n }) => /* @__PURE__ */ l("div", {
+	className: p(P.content, e),
 	...n,
 	children: t
-}), me = ({ className: e, children: t, ...n }) => /* @__PURE__ */ l("div", {
-	className: p(F.footer, e),
+}), he = ({ className: e, children: t, ...n }) => /* @__PURE__ */ l("div", {
+	className: p(P.footer, e),
 	...n,
 	children: t
-}), I = {
+}), F = {
 	wrapper: "_wrapper_1mupt_1",
 	container: "_container_1mupt_7",
 	disabled: "_disabled_1mupt_15",
@@ -514,25 +527,25 @@ var m = {
 	error: "_error_1mupt_75",
 	helperText: "_helperText_1mupt_79",
 	errorText: "_errorText_1mupt_86"
-}, he = ({ label: e, error: t, helperText: n, className: r, disabled: i, id: o, ...s }) => {
+}, ge = ({ label: e, error: t, helperText: n, className: r, disabled: i, id: o, ...s }) => {
 	let c = a(), d = o ?? `ds-checkbox-${c}`, f = n ? `${d}-help` : void 0;
 	return /* @__PURE__ */ u("div", {
-		className: p(I.wrapper, r),
+		className: p(F.wrapper, r),
 		children: [/* @__PURE__ */ u("label", {
 			htmlFor: d,
-			className: p(I.container, i && I.disabled, t && I.error),
+			className: p(F.container, i && F.disabled, t && F.error),
 			children: [
 				/* @__PURE__ */ l("input", {
 					type: "checkbox",
 					id: d,
 					disabled: i,
-					className: I.input,
+					className: F.input,
 					"aria-describedby": f,
 					"aria-invalid": t || void 0,
 					...s
 				}),
 				/* @__PURE__ */ l("span", {
-					className: I.control,
+					className: F.control,
 					children: /* @__PURE__ */ l("svg", {
 						viewBox: "0 0 24 24",
 						fill: "none",
@@ -540,22 +553,22 @@ var m = {
 						strokeWidth: "4",
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
-						className: I.checkmark,
+						className: F.checkmark,
 						children: /* @__PURE__ */ l("polyline", { points: "20 6 9 17 4 12" })
 					})
 				}),
 				e && /* @__PURE__ */ l("span", {
-					className: I.label,
+					className: F.label,
 					children: e
 				})
 			]
 		}), n && /* @__PURE__ */ l("span", {
 			id: f,
-			className: p(I.helperText, t && I.errorText),
+			className: p(F.helperText, t && F.errorText),
 			children: n
 		})]
 	});
-}, L = {
+}, I = {
 	wrapper: "_wrapper_qhe61_1",
 	fullWidth: "_fullWidth_qhe61_9",
 	label: "_label_qhe61_13",
@@ -575,8 +588,8 @@ var m = {
 	optionDescription: "_optionDescription_qhe61_128",
 	helperText: "_helperText_qhe61_133",
 	errorText: "_errorText_qhe61_138"
-}, ge = ({ options: e, value: t, defaultValue: n, onChange: r, placeholder: o = "Select an option", label: d, helperText: f, error: m, disabled: h, size: g = "md", className: _, id: v, fullWidth: y = !1 }) => {
-	let b = a(), x = v ?? `ds-dropdown-${b}`, S = f ? `${x}-help` : void 0, [C, w] = c(!1), [ee, T] = c(n), [E, D] = c(-1), O = s(null), k = s(null), A = t === void 0 ? ee : t, te = e.find((e) => e.value === A), j = E >= 0 ? `${x}-opt-${E}` : void 0, ne = () => {
+}, _e = ({ options: e, value: t, defaultValue: n, onChange: r, placeholder: o = "Select an option", label: d, helperText: f, error: m, disabled: h, size: g = "md", className: _, id: v, fullWidth: y = !1 }) => {
+	let b = a(), x = v ?? `ds-dropdown-${b}`, S = f ? `${x}-help` : void 0, [C, w] = c(!1), [ee, T] = c(n), [E, D] = c(-1), O = s(null), k = s(null), A = t === void 0 ? ee : t, te = e.find((e) => e.value === A), ne = E >= 0 ? `${x}-opt-${E}` : void 0, re = () => {
 		if (!h) {
 			let t = !C;
 			if (w(t), t) {
@@ -586,7 +599,7 @@ var m = {
 				}
 			} else D(-1);
 		}
-	}, M = (e, n) => {
+	}, j = (e, n) => {
 		e.disabled || (t === void 0 && T(e.value), r?.(e.value), w(!1), D(n), k.current?.focus());
 	};
 	return i(() => {
@@ -603,22 +616,22 @@ var m = {
 			document.removeEventListener("mousedown", e);
 		};
 	}, []), /* @__PURE__ */ u("div", {
-		className: p(L.wrapper, L[g], y && L.fullWidth, m && L.error, _),
+		className: p(I.wrapper, I[g], y && I.fullWidth, m && I.error, _),
 		ref: O,
 		children: [
 			d && /* @__PURE__ */ l("label", {
 				htmlFor: x,
-				className: L.label,
+				className: I.label,
 				children: d
 			}),
 			/* @__PURE__ */ u("div", {
-				className: L.container,
+				className: I.container,
 				children: [/* @__PURE__ */ u("button", {
 					id: x,
 					ref: k,
 					type: "button",
-					className: p(L.trigger, C && L.isOpen),
-					onClick: ne,
+					className: p(I.trigger, C && I.isOpen),
+					onClick: re,
 					onKeyDown: (t) => {
 						if (!h) switch (t.key) {
 							case "ArrowDown":
@@ -629,7 +642,7 @@ var m = {
 								break;
 							case "Enter":
 							case " ":
-								t.preventDefault(), C ? E >= 0 && M(e[E], E) : (w(!0), D(e.findIndex((e) => e.value === A) || 0));
+								t.preventDefault(), C ? E >= 0 && j(e[E], E) : (w(!0), D(e.findIndex((e) => e.value === A) || 0));
 								break;
 							case "Escape":
 								C && (t.preventDefault(), w(!1), D(-1), k.current?.focus());
@@ -652,12 +665,12 @@ var m = {
 					"aria-describedby": S,
 					"aria-invalid": m || void 0,
 					"aria-controls": C ? `${x}-menu` : void 0,
-					"aria-activedescendant": C ? j : void 0,
+					"aria-activedescendant": C ? ne : void 0,
 					children: [/* @__PURE__ */ l("span", {
-						className: L.selectedLabel,
+						className: I.selectedLabel,
 						children: te ? te.label : o
 					}), /* @__PURE__ */ l("span", {
-						className: L.icon,
+						className: I.icon,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ l("svg", {
 							width: "12",
@@ -676,7 +689,7 @@ var m = {
 					})]
 				}), C && /* @__PURE__ */ l("ul", {
 					id: `${x}-menu`,
-					className: L.menu,
+					className: I.menu,
 					role: "listbox",
 					"aria-labelledby": d ? void 0 : x,
 					children: e.map((e, t) => {
@@ -685,14 +698,14 @@ var m = {
 							id: `${x}-opt-${t}`,
 							role: "option",
 							"aria-selected": n,
-							className: p(L.option, n && L.optionSelected, r && L.optionFocused, e.disabled && L.optionDisabled),
-							onClick: () => M(e, t),
+							className: p(I.option, n && I.optionSelected, r && I.optionFocused, e.disabled && I.optionDisabled),
+							onClick: () => j(e, t),
 							onMouseEnter: () => !e.disabled && D(t),
 							children: [/* @__PURE__ */ l("span", {
-								className: L.optionLabel,
+								className: I.optionLabel,
 								children: e.label
 							}), e.description && /* @__PURE__ */ l("span", {
-								className: L.optionDescription,
+								className: I.optionDescription,
 								children: e.description
 							})]
 						}, e.value);
@@ -701,35 +714,35 @@ var m = {
 			}),
 			f && /* @__PURE__ */ l("span", {
 				id: S,
-				className: p(L.helperText, m && L.errorText),
+				className: p(I.helperText, m && I.errorText),
 				children: f
 			})
 		]
 	});
-}, _e = {
+}, ve = {
 	root: "_root_1one2_1",
 	horizontal: "_horizontal_1one2_13",
 	vertical: "_vertical_1one2_21"
-}, ve = (e) => typeof e == "number" ? `${e}px` : e, ye = ({ orientation: e = "horizontal", thickness: t, length: n, spacing: r, inset: i, className: a, style: o, ...s }) => {
+}, ye = (e) => typeof e == "number" ? `${e}px` : e, be = ({ orientation: e = "horizontal", thickness: t, length: n, spacing: r, inset: i, className: a, style: o, ...s }) => {
 	let c = {
 		...o,
-		"--divider-thickness": ve(t),
-		"--divider-length": ve(n),
-		"--divider-spacing": ve(r),
-		"--divider-inset": ve(i)
+		"--divider-thickness": ye(t),
+		"--divider-length": ye(n),
+		"--divider-spacing": ye(r),
+		"--divider-inset": ye(i)
 	};
 	return e === "vertical" ? /* @__PURE__ */ l("div", {
 		role: "separator",
 		"aria-orientation": "vertical",
-		className: p(_e.root, _e.vertical, a),
+		className: p(ve.root, ve.vertical, a),
 		style: c,
 		...s
 	}) : /* @__PURE__ */ l("hr", {
-		className: p(_e.root, _e.horizontal, a),
+		className: p(ve.root, ve.horizontal, a),
 		style: c,
 		...s
 	});
-}, R = {
+}, L = {
 	root: "_root_1ujj3_1",
 	container: "_container_1ujj3_8",
 	sideContainer: "_sideContainer_1ujj3_18",
@@ -738,29 +751,29 @@ var m = {
 	actions: "_actions_1ujj3_32",
 	title: "_title_1ujj3_44",
 	welcome: "_welcome_1ujj3_52"
-}, be = ({ id: e, logo: t, title: n, user: r, onLogin: i, onLogout: a, onCreateAccount: o, className: s, maxWidth: c }) => {
+}, xe = ({ id: e, logo: t, title: n, user: r, onLogin: i, onLogout: a, onCreateAccount: o, className: s, maxWidth: c }) => {
 	let d = {
 		size: "sm",
 		intent: "info"
 	};
 	return /* @__PURE__ */ l("header", {
 		id: e,
-		className: p(R.root, s),
+		className: p(L.root, s),
 		children: /* @__PURE__ */ u("div", {
-			className: R.container,
+			className: L.container,
 			style: { maxWidth: c },
 			children: [/* @__PURE__ */ u("div", {
-				className: p(R.sideContainer, R.leftSide),
+				className: p(L.sideContainer, L.leftSide),
 				children: [t, n ? /* @__PURE__ */ l("h1", {
-					className: R.title,
+					className: L.title,
 					children: n
 				}) : null]
 			}), /* @__PURE__ */ l("div", {
-				className: p(R.sideContainer, R.rightSide),
+				className: p(L.sideContainer, L.rightSide),
 				children: r ? /* @__PURE__ */ u("div", {
-					className: R.actions,
+					className: L.actions,
 					children: [/* @__PURE__ */ u("span", {
-						className: R.welcome,
+						className: L.welcome,
 						children: [
 							"Welcome, ",
 							/* @__PURE__ */ l("strong", { children: r.name }),
@@ -772,7 +785,7 @@ var m = {
 						children: "Log out"
 					})]
 				}) : /* @__PURE__ */ u("div", {
-					className: R.actions,
+					className: L.actions,
 					children: [i ? /* @__PURE__ */ l(A, {
 						...d,
 						onClick: i,
@@ -788,7 +801,7 @@ var m = {
 			})]
 		})
 	});
-}, z = {
+}, R = {
 	root: "_root_140uy_1",
 	container: "_container_140uy_7",
 	leftSection: "_leftSection_140uy_16",
@@ -799,26 +812,26 @@ var m = {
 	disabled: "_disabled_140uy_59",
 	active: "_active_140uy_63",
 	rightSection: "_rightSection_140uy_73"
-}, xe = ({ id: e, items: t, activeId: n, logo: r, actions: i, onItemClick: a, className: o, maxWidth: s }) => /* @__PURE__ */ l("nav", {
+}, Se = ({ id: e, items: t, activeId: n, logo: r, actions: i, onItemClick: a, className: o, maxWidth: s }) => /* @__PURE__ */ l("nav", {
 	id: e,
-	className: p(z.root, o),
+	className: p(R.root, o),
 	children: /* @__PURE__ */ u("div", {
-		className: z.container,
+		className: R.container,
 		style: { maxWidth: s },
 		children: [
 			r && /* @__PURE__ */ l("div", {
-				className: z.leftSection,
+				className: R.leftSection,
 				children: r
 			}),
 			/* @__PURE__ */ l("div", {
-				className: z.nav,
+				className: R.nav,
 				children: /* @__PURE__ */ l("ul", {
-					className: z.navList,
+					className: R.navList,
 					children: t.map((e) => /* @__PURE__ */ l("li", {
-						className: z.navItem,
+						className: R.navItem,
 						children: /* @__PURE__ */ l("button", {
 							type: "button",
-							className: p(z.navLink, n === e.id && z.active, e.disabled && z.disabled),
+							className: p(R.navLink, n === e.id && R.active, e.disabled && R.disabled),
 							onClick: () => !e.disabled && a?.(e.id),
 							disabled: e.disabled,
 							"aria-current": n === e.id ? "page" : void 0,
@@ -828,12 +841,12 @@ var m = {
 				})
 			}),
 			i && /* @__PURE__ */ l("div", {
-				className: z.rightSection,
+				className: R.rightSection,
 				children: i
 			})
 		]
 	})
-}), B = {
+}), z = {
 	wrapper: "_wrapper_15ibj_1",
 	fullWidth: "_fullWidth_15ibj_8",
 	label: "_label_15ibj_13",
@@ -844,31 +857,31 @@ var m = {
 	error: "_error_15ibj_79",
 	helperText: "_helperText_15ibj_88",
 	errorText: "_errorText_15ibj_94"
-}, Se = ({ size: e = "md", error: t, label: n, helperText: r, fullWidth: i = !1, className: o, id: s, ...c }) => {
+}, Ce = ({ size: e = "md", error: t, label: n, helperText: r, fullWidth: i = !1, className: o, id: s, ...c }) => {
 	let d = a(), f = s ?? `ds-input-${d}`, m = r ? `${f}-help` : void 0;
 	return /* @__PURE__ */ u("div", {
-		className: p(B.wrapper, i && B.fullWidth, o),
+		className: p(z.wrapper, i && z.fullWidth, o),
 		children: [
 			n && /* @__PURE__ */ l("label", {
 				htmlFor: f,
-				className: B.label,
+				className: z.label,
 				children: n
 			}),
 			/* @__PURE__ */ l("input", {
 				id: f,
-				className: p(B.inputRoot, B[e], t && B.error),
+				className: p(z.inputRoot, z[e], t && z.error),
 				"aria-describedby": m,
 				"aria-invalid": t || void 0,
 				...c
 			}),
 			r && /* @__PURE__ */ l("span", {
 				id: m,
-				className: p(B.helperText, t && B.errorText),
+				className: p(z.helperText, t && z.errorText),
 				children: r
 			})
 		]
 	});
-}, Ce = {
+}, we = {
 	loader: "_loader_wvz8q_1",
 	spin: "_spin_wvz8q_1",
 	neutral: "_neutral_wvz8q_10",
@@ -879,16 +892,16 @@ var m = {
 	sm: "_sm_wvz8q_27",
 	md: "_md_wvz8q_33",
 	lg: "_lg_wvz8q_39"
-}, we = ({ id: e, size: t = "md", intent: n = "neutral", className: r }) => /* @__PURE__ */ l("div", {
+}, Te = ({ id: e, size: t = "md", intent: n = "neutral", className: r }) => /* @__PURE__ */ l("div", {
 	id: e,
-	className: p(Ce.loader, Ce[t], Ce[n], r),
+	className: p(we.loader, we[t], we[n], r),
 	role: "status",
 	"aria-label": "Loading"
-}), Te = "_root_iia7b_1", Ee = "_unordered_iia7b_6", De = "_ordered_iia7b_11", Oe = "_none_iia7b_16", ke = "_flex_iia7b_57", V = {
-	root: Te,
-	unordered: Ee,
-	ordered: De,
-	none: Oe,
+}), Ee = "_root_iia7b_1", De = "_unordered_iia7b_6", Oe = "_ordered_iia7b_11", ke = "_none_iia7b_16", Ae = "_flex_iia7b_57", B = {
+	root: Ee,
+	unordered: De,
+	ordered: Oe,
+	none: ke,
 	"gap-0": "_gap-0_iia7b_21",
 	"gap-1": "_gap-1_iia7b_24",
 	"gap-2": "_gap-2_iia7b_27",
@@ -900,21 +913,21 @@ var m = {
 	"gap-10": "_gap-10_iia7b_45",
 	"gap-12": "_gap-12_iia7b_48",
 	"gap-14": "_gap-14_iia7b_51",
-	flex: ke
-}, Ae = {
+	flex: Ae
+}, je = {
 	item: "_item_1x04p_1",
 	iconWrapper: "_iconWrapper_1x04p_6"
-}, je = ({ children: e, icon: t, className: n, ...r }) => /* @__PURE__ */ u("li", {
-	className: p(Ae.item, n),
+}, Me = ({ children: e, icon: t, className: n, ...r }) => /* @__PURE__ */ u("li", {
+	className: p(je.item, n),
 	...r,
 	children: [t && /* @__PURE__ */ l("span", {
-		className: Ae.iconWrapper,
+		className: je.iconWrapper,
 		children: t
 	}), /* @__PURE__ */ l("div", {
-		className: Ae.content,
+		className: je.content,
 		children: e
 	})]
-}), Me = ({ children: e, variant: t = "unordered", spacing: n = 0, className: r, margin: i, marginX: a, marginY: o, marginTop: s, marginBottom: c, marginLeft: u, marginRight: d, padding: f, paddingX: m, paddingY: h, paddingTop: g, paddingBottom: _, paddingLeft: v, paddingRight: y, style: b, ...x }) => {
+}), Ne = ({ children: e, variant: t = "unordered", spacing: n = 0, className: r, margin: i, marginX: a, marginY: o, marginTop: s, marginBottom: c, marginLeft: u, marginRight: d, padding: f, paddingX: m, paddingY: h, paddingTop: g, paddingBottom: _, paddingLeft: v, paddingRight: y, style: b, ...x }) => {
 	let S = t === "ordered" ? "ol" : "ul", C = {
 		...b,
 		...ee("padding", f, m, h, g, _, v, y),
@@ -922,28 +935,28 @@ var m = {
 		"--list-spacing": typeof n == "number" ? `${n * .25}rem` : n
 	};
 	return /* @__PURE__ */ l(S, {
-		className: p(V.root, V[t], typeof n == "number" && V[`gap-${n}`], (t === "none" || typeof n == "number" && n > 0 || typeof n == "string") && V.flex, typeof f == "number" && V[`p-${f}`], typeof m == "number" && V[`px-${m}`], typeof h == "number" && V[`py-${h}`], typeof g == "number" && V[`pt-${g}`], typeof _ == "number" && V[`pb-${_}`], typeof v == "number" && V[`pl-${v}`], typeof y == "number" && V[`pr-${y}`], typeof i == "number" && V[`margin-${i}`], typeof a == "number" && V[`marginX-${a}`], typeof o == "number" && V[`marginY-${o}`], typeof s == "number" && V[`marginTop-${s}`], typeof c == "number" && V[`marginBottom-${c}`], typeof u == "number" && V[`marginLeft-${u}`], typeof d == "number" && V[`marginRight-${d}`], r),
+		className: p(B.root, B[t], typeof n == "number" && B[`gap-${n}`], (t === "none" || typeof n == "number" && n > 0 || typeof n == "string") && B.flex, typeof f == "number" && B[`p-${f}`], typeof m == "number" && B[`px-${m}`], typeof h == "number" && B[`py-${h}`], typeof g == "number" && B[`pt-${g}`], typeof _ == "number" && B[`pb-${_}`], typeof v == "number" && B[`pl-${v}`], typeof y == "number" && B[`pr-${y}`], typeof i == "number" && B[`margin-${i}`], typeof a == "number" && B[`marginX-${a}`], typeof o == "number" && B[`marginY-${o}`], typeof s == "number" && B[`marginTop-${s}`], typeof c == "number" && B[`marginBottom-${c}`], typeof u == "number" && B[`marginLeft-${u}`], typeof d == "number" && B[`marginRight-${d}`], r),
 		style: C,
 		...x,
 		children: e
 	});
 };
-Me.Item = je;
-var H = {
-	overlay: "_overlay_tnqx3_1",
-	modal: "_modal_tnqx3_15",
-	header: "_header_tnqx3_27",
-	title: "_title_tnqx3_35",
-	closeButton: "_closeButton_tnqx3_42",
-	content: "_content_tnqx3_56",
-	footer: "_footer_tnqx3_62",
-	sm: "_sm_tnqx3_73",
-	md: "_md_tnqx3_76",
-	lg: "_lg_tnqx3_79",
-	xl: "_xl_tnqx3_82",
-	full: "_full_tnqx3_85",
-	loading: "_loading_tnqx3_90"
-}, Ne = ({ isOpen: e, onClose: t, title: n, children: r, footer: o, size: c = "md", isLoading: f = !1, className: m, id: h }) => {
+Ne.Item = Me;
+var V = {
+	overlay: "_overlay_dxcrq_1",
+	modal: "_modal_dxcrq_15",
+	header: "_header_dxcrq_27",
+	title: "_title_dxcrq_35",
+	closeButton: "_closeButton_dxcrq_43",
+	content: "_content_dxcrq_55",
+	footer: "_footer_dxcrq_61",
+	sm: "_sm_dxcrq_72",
+	md: "_md_dxcrq_75",
+	lg: "_lg_dxcrq_78",
+	xl: "_xl_dxcrq_81",
+	full: "_full_dxcrq_84",
+	loading: "_loading_dxcrq_89"
+}, Pe = ({ isOpen: e, onClose: t, title: n, children: r, footer: o, size: c = "md", isLoading: f = !1, className: m, id: h }) => {
 	let g = s(null), _ = s(null), v = s(t), y = a(), b = h ?? `ds-modal-${y}`, x = `${b}-title`;
 	return i(() => {
 		v.current = t;
@@ -958,18 +971,18 @@ var H = {
 				e.shiftKey ? document.activeElement === n && (r.focus(), e.preventDefault()) : document.activeElement === r && (n.focus(), e.preventDefault());
 			}
 		};
-		return e && (_.current = document.activeElement, document.body.style.overflow = "hidden", window.addEventListener("keydown", t), setTimeout(() => {
+		return e && (_.current = document.activeElement, document.body.style.overflow = "hidden", window.addEventListener("keydown", t), requestAnimationFrame(() => {
 			let e = g.current?.querySelectorAll("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])");
 			e && e.length > 0 && e[0].focus();
-		}, 0)), () => {
+		})), () => {
 			document.body.style.overflow = "unset", window.removeEventListener("keydown", t), _.current?.focus();
 		};
 	}, [e, f]), e ? d(/* @__PURE__ */ l("div", {
-		className: H.overlay,
+		className: V.overlay,
 		onClick: () => !f && t(),
 		children: /* @__PURE__ */ u("div", {
 			id: b,
-			className: p(H.modal, H[c], f && H.loading, m),
+			className: p(V.modal, V[c], f && V.loading, m),
 			onClick: (e) => e.stopPropagation(),
 			role: "dialog",
 			"aria-modal": "true",
@@ -977,33 +990,45 @@ var H = {
 			ref: g,
 			children: [
 				/* @__PURE__ */ u("div", {
-					className: H.header,
+					className: V.header,
 					children: [n && /* @__PURE__ */ l("h2", {
 						id: x,
-						className: H.title,
+						className: V.title,
 						children: n
 					}), /* @__PURE__ */ l(A, {
 						variant: "subtle",
 						size: "sm",
 						onClick: t,
-						className: H.closeButton,
+						className: V.closeButton,
 						"aria-label": "Close modal",
 						disabled: f,
-						children: "✕"
+						children: /* @__PURE__ */ l("svg", {
+							width: "10",
+							height: "10",
+							viewBox: "0 0 10 10",
+							fill: "none",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ l("path", {
+								d: "M1 1L9 9M9 1L1 9",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round"
+							})
+						})
 					})]
 				}),
 				/* @__PURE__ */ l("div", {
-					className: H.content,
+					className: V.content,
 					children: r
 				}),
 				o && /* @__PURE__ */ l("div", {
-					className: H.footer,
+					className: V.footer,
 					children: o
 				})
 			]
 		})
 	}), document.body) : null;
-}, Pe = {
+}, Fe = {
 	root: "_root_1x0nr_1",
 	content: "_content_1x0nr_13",
 	title: "_title_1x0nr_17",
@@ -1014,114 +1039,126 @@ var H = {
 	success: "_success_1x0nr_56",
 	warning: "_warning_1x0nr_62",
 	danger: "_danger_1x0nr_68"
-}, Fe = ({ intent: e = "neutral", title: t, children: n, onClose: r, className: i, ...a }) => /* @__PURE__ */ u("div", {
-	className: p(Pe.root, Pe[e], i),
+}, Ie = ({ intent: e = "neutral", title: t, children: n, onClose: r, className: i, ...a }) => /* @__PURE__ */ u("div", {
+	className: p(Fe.root, Fe[e], i),
 	role: "alert",
 	...a,
 	children: [/* @__PURE__ */ u("div", {
-		className: Pe.content,
+		className: Fe.content,
 		children: [t && /* @__PURE__ */ l("div", {
-			className: Pe.title,
+			className: Fe.title,
 			children: t
 		}), /* @__PURE__ */ l("div", {
-			className: Pe.message,
+			className: Fe.message,
 			children: n
 		})]
 	}), r && /* @__PURE__ */ l(A, {
 		variant: "subtle",
 		size: "xs",
 		onClick: r,
-		className: Pe.closeButton,
+		className: Fe.closeButton,
 		"aria-label": "Close notification",
-		children: "✕"
+		children: /* @__PURE__ */ l("svg", {
+			width: "10",
+			height: "10",
+			viewBox: "0 0 10 10",
+			fill: "none",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ l("path", {
+				d: "M1 1L9 9M9 1L1 9",
+				stroke: "currentColor",
+				strokeWidth: "1.5",
+				strokeLinecap: "round"
+			})
+		})
 	})]
-}), U = {
+}), H = {
 	root: "_root_o4mj7_1",
 	list: "_list_o4mj7_6",
 	item: "_item_o4mj7_15",
 	ellipsis: "_ellipsis_o4mj7_19",
 	pageButton: "_pageButton_o4mj7_29"
-}, Ie = (e, t, n) => Math.min(Math.max(e, t), n), Le = (e, t) => {
+}, Le = (e, t, n) => Math.min(Math.max(e, t), n), Re = (e, t) => {
 	let n = [];
 	for (let r = e; r <= t; r += 1) n.push(r);
 	return n;
-}, Re = (e, t, n, r, i) => {
+}, ze = (e, t, n, r, i) => {
 	if (e <= 0) return [];
-	if (!i || e <= n * 2 + 1 + r * 2 + 2) return Le(1, e);
-	let a = Le(1, Math.min(r, e)), o = Le(Math.max(e - r + 1, r + 1), e), s = Math.max(t - n, r + 2), c = Math.min(t + n, e - r - 1), l = s > r + 2, u = c < e - r - 1, d = [...a], f = l ? s : r + 1, p = u ? c : e - r;
-	return l && d.push("ellipsis"), f <= p && d.push(...Le(f, p)), u && d.push("ellipsis"), d.push(...o), d;
-}, ze = ({ id: e, count: t, page: n, defaultPage: r = 1, onPageChange: i, onFirstClick: s, onLastClick: d, onNextClick: f, onPrevClick: m, siblingCount: h = 1, boundaryCount: g = 1, showFirstLast: _ = !0, showPrevNext: v = !0, showEllipsis: y = !0, disabled: b = !1, size: x = "sm", variant: S = "outline", intent: C = "neutral", activeVariant: w = "solid", activeIntent: ee, labels: T, ariaLabel: E = "Pagination", getPageLabel: D, className: O }) => {
-	let k = a(), te = e ?? `ds-pagination-${k}`, [j, ne] = c(r), M = Math.max(0, t), N = Ie(n ?? j, 1, Math.max(1, M)), re = o(() => Re(M, N, h, g, y), [
+	if (!i || e <= n * 2 + 1 + r * 2 + 2) return Re(1, e);
+	let a = Re(1, Math.min(r, e)), o = Re(Math.max(e - r + 1, r + 1), e), s = Math.max(t - n, r + 2), c = Math.min(t + n, e - r - 1), l = s > r + 2, u = c < e - r - 1, d = [...a], f = l ? s : r + 1, p = u ? c : e - r;
+	return l && d.push("ellipsis"), f <= p && d.push(...Re(f, p)), u && d.push("ellipsis"), d.push(...o), d;
+}, Be = ({ id: e, count: t, page: n, defaultPage: r = 1, onPageChange: i, onFirstClick: s, onLastClick: d, onNextClick: f, onPrevClick: m, siblingCount: h = 1, boundaryCount: g = 1, showFirstLast: _ = !0, showPrevNext: v = !0, showEllipsis: y = !0, disabled: b = !1, size: x = "sm", variant: S = "outline", intent: C = "neutral", activeVariant: w = "solid", activeIntent: ee, labels: T, ariaLabel: E = "Pagination", getPageLabel: D, className: O }) => {
+	let k = a(), te = e ?? `ds-pagination-${k}`, [ne, re] = c(r), j = Math.max(0, t), M = Le(n ?? ne, 1, Math.max(1, j)), ie = o(() => ze(j, M, h, g, y), [
+		j,
 		M,
-		N,
 		h,
 		g,
 		y
-	]), P = (e) => {
-		b || e === N || (n === void 0 && ne(e), i?.(e));
-	}, ie = () => {
-		P(1), s?.(1);
+	]), N = (e) => {
+		b || e === M || (n === void 0 && re(e), i?.(e));
 	}, ae = () => {
-		let e = M;
-		P(e), d?.(e);
+		N(1), s?.(1);
 	}, oe = () => {
-		let e = Math.max(1, N - 1);
-		P(e), m?.(e);
+		let e = j;
+		N(e), d?.(e);
 	}, se = () => {
-		let e = Math.min(M, N + 1);
-		P(e), f?.(e);
+		let e = Math.max(1, M - 1);
+		N(e), m?.(e);
+	}, ce = () => {
+		let e = Math.min(j, M + 1);
+		N(e), f?.(e);
 	};
-	return M <= 0 ? null : /* @__PURE__ */ l("nav", {
+	return j <= 0 ? null : /* @__PURE__ */ l("nav", {
 		id: te,
 		"aria-label": E,
-		className: p(U.root, O),
+		className: p(H.root, O),
 		children: /* @__PURE__ */ u("ul", {
-			className: U.list,
+			className: H.list,
 			children: [
 				_ && /* @__PURE__ */ l("li", {
-					className: U.item,
+					className: H.item,
 					children: /* @__PURE__ */ l(A, {
 						size: x,
 						variant: S,
 						intent: C,
-						className: U.pageButton,
-						onClick: ie,
-						disabled: b || N === 1,
+						className: H.pageButton,
+						onClick: ae,
+						disabled: b || M === 1,
 						"aria-label": "Go to first page",
 						children: T?.first ?? "First"
 					})
 				}),
 				v && /* @__PURE__ */ l("li", {
-					className: U.item,
+					className: H.item,
 					children: /* @__PURE__ */ l(A, {
 						size: x,
 						variant: S,
 						intent: C,
-						className: U.pageButton,
-						onClick: oe,
-						disabled: b || N === 1,
+						className: H.pageButton,
+						onClick: se,
+						disabled: b || M === 1,
 						"aria-label": "Go to previous page",
 						children: T?.prev ?? "Prev"
 					})
 				}),
-				re.map((e, t) => {
+				ie.map((e, t) => {
 					if (e === "ellipsis") return /* @__PURE__ */ l("li", {
-						className: U.item,
+						className: H.item,
 						"aria-hidden": "true",
 						children: /* @__PURE__ */ l("span", {
-							className: U.ellipsis,
+							className: H.ellipsis,
 							children: "…"
 						})
 					}, `ellipsis-${t}`);
-					let n = e === N, r = D?.(e, n) ?? `Page ${e}${n ? ", current page" : ""}`;
+					let n = e === M, r = D?.(e, n) ?? `Page ${e}${n ? ", current page" : ""}`;
 					return /* @__PURE__ */ l("li", {
-						className: U.item,
+						className: H.item,
 						children: /* @__PURE__ */ l(A, {
 							size: x,
 							variant: n ? w : S,
 							intent: n ? ee ?? C : C,
-							className: U.pageButton,
-							onClick: () => P(e),
+							className: H.pageButton,
+							onClick: () => N(e),
 							disabled: b,
 							"aria-current": n ? "page" : void 0,
 							"aria-label": r,
@@ -1130,27 +1167,27 @@ var H = {
 					}, e);
 				}),
 				v && /* @__PURE__ */ l("li", {
-					className: U.item,
+					className: H.item,
 					children: /* @__PURE__ */ l(A, {
 						size: x,
 						variant: S,
 						intent: C,
-						className: U.pageButton,
-						onClick: se,
-						disabled: b || N === M,
+						className: H.pageButton,
+						onClick: ce,
+						disabled: b || M === j,
 						"aria-label": "Go to next page",
 						children: T?.next ?? "Next"
 					})
 				}),
 				_ && /* @__PURE__ */ l("li", {
-					className: U.item,
+					className: H.item,
 					children: /* @__PURE__ */ l(A, {
 						size: x,
 						variant: S,
 						intent: C,
-						className: U.pageButton,
-						onClick: ae,
-						disabled: b || N === M,
+						className: H.pageButton,
+						onClick: oe,
+						disabled: b || M === j,
 						"aria-label": "Go to last page",
 						children: T?.last ?? "Last"
 					})
@@ -1158,7 +1195,7 @@ var H = {
 			]
 		})
 	});
-}, W = {
+}, U = {
 	wrapper: "_wrapper_16yvn_1",
 	labelWrapper: "_labelWrapper_16yvn_8",
 	label: "_label_16yvn_8",
@@ -1172,23 +1209,23 @@ var H = {
 	success: "_success_16yvn_57",
 	warning: "_warning_16yvn_61",
 	danger: "_danger_16yvn_65"
-}, Be = ({ value: e, max: t = 100, size: n = "md", intent: r = "info", showLabel: i = !1, label: o, className: s, id: c }) => {
+}, Ve = ({ value: e, max: t = 100, size: n = "md", intent: r = "info", showLabel: i = !1, label: o, className: s, id: c }) => {
 	let d = a(), f = c ?? `ds-progressbar-${d}`, m = t > 0 ? t : 0, h = Math.min(Math.max(0, e), m), g = m > 0 ? Math.min(Math.max(0, h / m * 100), 100) : 0, _ = o ? `${f}-label` : void 0;
 	return /* @__PURE__ */ u("div", {
 		id: f,
-		className: p(W.wrapper, W[n], W[r], s),
+		className: p(U.wrapper, U[n], U[r], s),
 		children: [(o || i) && /* @__PURE__ */ u("div", {
-			className: W.labelWrapper,
+			className: U.labelWrapper,
 			children: [o && /* @__PURE__ */ l("span", {
 				id: _,
-				className: W.label,
+				className: U.label,
 				children: o
 			}), i && /* @__PURE__ */ u("span", {
-				className: W.percentage,
+				className: U.percentage,
 				children: [Math.round(g), "%"]
 			})]
 		}), /* @__PURE__ */ l("div", {
-			className: W.progressRoot,
+			className: U.progressRoot,
 			role: "progressbar",
 			"aria-valuenow": h,
 			"aria-valuemin": 0,
@@ -1196,12 +1233,12 @@ var H = {
 			"aria-labelledby": _,
 			"aria-label": o ? void 0 : "Progress",
 			children: /* @__PURE__ */ l("div", {
-				className: W.indicator,
+				className: U.indicator,
 				style: { width: `${g}%` }
 			})
 		})]
 	});
-}, G = {
+}, W = {
 	wrapper: "_wrapper_92sko_1",
 	fullWidth: "_fullWidth_92sko_8",
 	header: "_header_92sko_13",
@@ -1221,54 +1258,54 @@ var H = {
 	inputsRow: "_inputsRow_92sko_179",
 	singleInputRow: "_singleInputRow_92sko_187",
 	separator: "_separator_92sko_191"
-}, K = (e, t) => {
+}, G = (e, t) => {
 	if (e == null) return t;
 	let n = typeof e == "number" ? e : Number(e);
 	return Number.isNaN(n) ? t : n;
-}, Ve = (e, t, n) => Math.min(Math.max(e, t), n), He = (e, t, n, r) => Ve(r == null || r === "any" || r <= 0 ? e : t + Math.round((e - t) / r) * r, t, n), Ue = (e, t, n) => {
+}, He = (e, t, n) => Math.min(Math.max(e, t), n), Ue = (e, t, n, r) => He(r == null || r === "any" || r <= 0 ? e : t + Math.round((e - t) / r) * r, t, n), We = (e, t, n) => {
 	if (Array.isArray(e)) {
-		let r = Ve(K(e[0], t), t, n), i = Ve(K(e[1], n), t, n);
+		let r = He(G(e[0], t), t, n), i = He(G(e[1], n), t, n);
 		return r <= i ? [r, i] : [i, r];
 	}
-	let r = Ve(K(e, t), t, n);
+	let r = He(G(e, t), t, n);
 	return [r, r];
-}, We = ({ size: e = "md", label: t, helperText: n, fullWidth: r = !1, showValue: i = !1, showInputs: s = !1, className: d, id: f, value: m, defaultValue: h, onValueChange: g, ..._ }) => {
-	let v = a(), y = f ?? `ds-slider-${v}`, b = n ? `${y}-help` : void 0, x = K(_.min, 0), S = K(_.max, 100), C = _.step === "any" ? "any" : K(_.step, 1), w = Array.isArray(m) || Array.isArray(h), [ee, T] = c(o(() => Ue(h ?? m, x, S), [
+}, Ge = ({ size: e = "md", label: t, helperText: n, fullWidth: r = !1, showValue: i = !1, showInputs: s = !1, className: d, id: f, value: m, defaultValue: h, onValueChange: g, ..._ }) => {
+	let v = a(), y = f ?? `ds-slider-${v}`, b = n ? `${y}-help` : void 0, x = G(_.min, 0), S = G(_.max, 100), C = _.step === "any" ? "any" : G(_.step, 1), w = Array.isArray(m) || Array.isArray(h), [ee, T] = c(o(() => We(h ?? m, x, S), [
 		h,
 		S,
 		x,
 		m
-	])), [E, D] = m == null ? ee : Ue(m, x, S), O = w ? `${E} - ${D}` : String(E), k = Math.max(S - x, 1), A = (E - x) / k * 100, te = (D - x) / k * 100, j = (e) => {
+	])), [E, D] = m == null ? ee : We(m, x, S), O = w ? `${E} - ${D}` : String(E), k = Math.max(S - x, 1), A = (E - x) / k * 100, te = (D - x) / k * 100, ne = (e) => {
 		m ?? T(e), g?.(w ? e : e[0]);
-	}, ne = (e) => {
+	}, re = (e) => {
 		if (!e.trim()) return;
 		let t = Number(e);
-		Number.isNaN(t) || j([He(t, x, w ? D : S, C), D]);
-	}, M = (e) => {
+		Number.isNaN(t) || ne([Ue(t, x, w ? D : S, C), D]);
+	}, j = (e) => {
 		if (!e.trim()) return;
 		let t = Number(e);
-		Number.isNaN(t) || j([E, He(t, E, S, C)]);
+		Number.isNaN(t) || ne([E, Ue(t, E, S, C)]);
 	};
 	return /* @__PURE__ */ u("div", {
-		className: p(G.wrapper, r && G.fullWidth, d),
+		className: p(W.wrapper, r && W.fullWidth, d),
 		children: [
 			(t || i) && /* @__PURE__ */ u("div", {
-				className: G.header,
+				className: W.header,
 				children: [t && /* @__PURE__ */ l("label", {
 					htmlFor: y,
-					className: G.label,
+					className: W.label,
 					children: t
 				}), i && /* @__PURE__ */ l("span", {
-					className: G.value,
+					className: W.value,
 					children: O
 				})]
 			}),
 			/* @__PURE__ */ u("div", {
-				className: p(G.sliderRoot, G[e], _.disabled && G.disabled),
+				className: p(W.sliderRoot, W[e], _.disabled && W.disabled),
 				children: [
-					/* @__PURE__ */ l("div", { className: G.track }),
+					/* @__PURE__ */ l("div", { className: W.track }),
 					/* @__PURE__ */ l("div", {
-						className: G.activeTrack,
+						className: W.activeTrack,
 						style: {
 							left: `${w ? A : 0}%`,
 							width: `${w ? te - A : A}%`
@@ -1277,7 +1314,7 @@ var H = {
 					/* @__PURE__ */ l("input", {
 						id: y,
 						type: "range",
-						className: p(G.inputRoot, w && G.inputStart),
+						className: p(W.inputRoot, w && W.inputStart),
 						"aria-describedby": b,
 						"aria-label": t ? void 0 : w ? "Slider minimum" : "Slider",
 						"aria-valuetext": i ? O : void 0,
@@ -1287,13 +1324,13 @@ var H = {
 						step: C,
 						value: E,
 						onChange: (e) => {
-							j([He(K(e.target.value, x), x, D, C), D]);
+							ne([Ue(G(e.target.value, x), x, D, C), D]);
 						}
 					}),
 					w && /* @__PURE__ */ l("input", {
 						id: `${y}-end`,
 						type: "range",
-						className: p(G.inputRoot, G.inputEnd),
+						className: p(W.inputRoot, W.inputEnd),
 						"aria-describedby": b,
 						"aria-label": t ? `${t} maximum` : "Slider maximum",
 						..._,
@@ -1302,15 +1339,15 @@ var H = {
 						step: C,
 						value: D,
 						onChange: (e) => {
-							j([E, He(K(e.target.value, S), E, S, C)]);
+							ne([E, Ue(G(e.target.value, S), E, S, C)]);
 						}
 					})
 				]
 			}),
 			s && /* @__PURE__ */ u("div", {
-				className: p(G.inputsRow, !w && G.singleInputRow),
+				className: p(W.inputsRow, !w && W.singleInputRow),
 				children: [
-					/* @__PURE__ */ l(Se, {
+					/* @__PURE__ */ l(Ce, {
 						type: "number",
 						inputMode: "decimal",
 						size: e,
@@ -1321,17 +1358,17 @@ var H = {
 						"aria-label": t ? `${t} minimum input` : w ? "Slider minimum input" : "Slider input",
 						fullWidth: !0,
 						onBlur: (e) => {
-							ne(e.target.value);
+							re(e.target.value);
 						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && ne(e.currentTarget.value);
+							e.key === "Enter" && re(e.currentTarget.value);
 						}
 					}, `slider-start-${E}-${D}`),
 					w && /* @__PURE__ */ l("span", {
-						className: G.separator,
+						className: W.separator,
 						children: "-"
 					}),
-					w && /* @__PURE__ */ l(Se, {
+					w && /* @__PURE__ */ l(Ce, {
 						type: "number",
 						inputMode: "decimal",
 						size: e,
@@ -1342,22 +1379,22 @@ var H = {
 						"aria-label": t ? `${t} maximum input` : "Slider maximum input",
 						fullWidth: !0,
 						onBlur: (e) => {
-							M(e.target.value);
+							j(e.target.value);
 						},
 						onKeyDown: (e) => {
-							e.key === "Enter" && M(e.currentTarget.value);
+							e.key === "Enter" && j(e.currentTarget.value);
 						}
 					}, `slider-end-${E}-${D}`)
 				]
 			}),
 			n && /* @__PURE__ */ l("span", {
 				id: b,
-				className: G.helperText,
+				className: W.helperText,
 				children: n
 			})
 		]
 	});
-}, q = {
+}, K = {
 	wrapper: "_wrapper_4v5ks_1",
 	label: "_label_4v5ks_7",
 	sm: "_sm_4v5ks_17",
@@ -1370,34 +1407,34 @@ var H = {
 	error: "_error_4v5ks_133",
 	helperText: "_helperText_4v5ks_142",
 	errorText: "_errorText_4v5ks_156"
-}, Ge = ({ size: e = "md", label: t, helperText: n, error: r, className: i, id: o, ...s }) => {
+}, Ke = ({ size: e = "md", label: t, helperText: n, error: r, className: i, id: o, ...s }) => {
 	let c = a(), d = o ?? `ds-radio-${c}`, f = n ? `${d}-help` : void 0;
 	return /* @__PURE__ */ u("div", {
-		className: p(q.wrapper, i),
+		className: p(K.wrapper, i),
 		children: [/* @__PURE__ */ u("label", {
 			htmlFor: d,
-			className: p(q.label, q[e]),
+			className: p(K.label, K[e]),
 			children: [/* @__PURE__ */ u("div", {
-				className: q.inputWrapper,
+				className: K.inputWrapper,
 				children: [/* @__PURE__ */ l("input", {
 					type: "radio",
 					id: d,
-					className: p(q.radioRoot, q[e], r && q.error),
+					className: p(K.radioRoot, K[e], r && K.error),
 					"aria-describedby": f,
 					"aria-invalid": r || void 0,
 					...s
-				}), /* @__PURE__ */ l("span", { className: q.checkmark })]
+				}), /* @__PURE__ */ l("span", { className: K.checkmark })]
 			}), t && /* @__PURE__ */ l("span", {
-				className: q.labelText,
+				className: K.labelText,
 				children: t
 			})]
 		}), n && /* @__PURE__ */ l("span", {
 			id: f,
-			className: p(q.helperText, r && q.errorText),
+			className: p(K.helperText, r && K.errorText),
 			children: n
 		})]
 	});
-}, Ke = {
+}, qe = {
 	root: "_root_1qfdr_1",
 	text: "_text_1qfdr_6",
 	rectangular: "_rectangular_1qfdr_15",
@@ -1405,38 +1442,38 @@ var H = {
 	circular: "_circular_1qfdr_23",
 	pulse: "_pulse_1qfdr_28",
 	wave: "_wave_1qfdr_44"
-}, qe = ({ variant: e = "rectangular", width: t, height: n, animation: r = "pulse", className: i, style: a, "aria-hidden": o, ...s }) => /* @__PURE__ */ l(T, {
-	className: p(Ke.root, Ke[e], r !== "none" && Ke[r], i),
+}, Je = ({ variant: e = "rectangular", width: t, height: n, animation: r = "pulse", className: i, style: a, "aria-hidden": o, ...s }) => /* @__PURE__ */ l(T, {
+	className: p(qe.root, qe[e], r !== "none" && qe[r], i),
 	width: t,
 	height: n,
 	style: a,
 	"aria-hidden": o ?? !0,
 	...s
-}), Je = "_step_1z90u_1", Ye = "_stepRow_1z90u_18", Xe = "_interactive_1z90u_28", Ze = "_marker_1z90u_48", Qe = "_text_1z90u_67", $e = "_label_1z90u_74", et = "_description_1z90u_83", tt = "_connector_1z90u_92", nt = "_completed_1z90u_110", rt = "_current_1z90u_124", it = "_error_1z90u_138", at = "_upcoming_1z90u_152", ot = "_disabled_1z90u_156", J = {
-	step: Je,
-	stepRow: Ye,
-	interactive: Xe,
-	marker: Ze,
-	text: Qe,
-	label: $e,
-	description: et,
-	connector: tt,
-	completed: nt,
+}), Ye = "_step_1z90u_1", Xe = "_stepRow_1z90u_18", Ze = "_interactive_1z90u_28", Qe = "_marker_1z90u_48", $e = "_text_1z90u_67", et = "_label_1z90u_74", tt = "_description_1z90u_83", nt = "_connector_1z90u_92", rt = "_completed_1z90u_110", it = "_current_1z90u_124", at = "_error_1z90u_138", ot = "_upcoming_1z90u_152", st = "_disabled_1z90u_156", q = {
+	step: Ye,
+	stepRow: Xe,
+	interactive: Ze,
+	marker: Qe,
+	text: $e,
+	label: et,
+	description: tt,
+	connector: nt,
+	completed: rt,
 	"connector-completed": "_connector-completed_1z90u_120",
-	current: rt,
+	current: it,
 	"connector-current": "_connector-current_1z90u_134",
-	error: it,
+	error: at,
 	"connector-error": "_connector-error_1z90u_148",
-	upcoming: at,
-	disabled: ot
-}, st = ({ step: e, index: t, status: n, isInteractive: r, onStepClick: i, isLast: a, id: o, className: s }) => {
+	upcoming: ot,
+	disabled: st
+}, ct = ({ step: e, index: t, status: n, isInteractive: r, onStepClick: i, isLast: a, id: o, className: s }) => {
 	let c = !!e.disabled, d = r ? "button" : "div", f = n === "error" ? "!" : String(t + 1);
 	return /* @__PURE__ */ u("li", {
-		className: p(J.step, J[n], c && J.disabled, s),
+		className: p(q.step, q[n], c && q.disabled, s),
 		children: [/* @__PURE__ */ u(d, {
 			id: o,
 			type: r ? "button" : void 0,
-			className: p(J.stepRow, r && J.interactive),
+			className: p(q.stepRow, r && q.interactive),
 			onClick: () => {
 				r && !c && i?.(e, t);
 			},
@@ -1448,49 +1485,49 @@ var H = {
 			disabled: r && c ? !0 : void 0,
 			tabIndex: r && !c ? 0 : void 0,
 			children: [/* @__PURE__ */ l("span", {
-				className: J.marker,
+				className: q.marker,
 				"aria-hidden": "true",
 				children: f
 			}), /* @__PURE__ */ u("span", {
-				className: J.text,
+				className: q.text,
 				children: [/* @__PURE__ */ l("span", {
-					className: J.label,
+					className: q.label,
 					children: e.label
 				}), e.description && /* @__PURE__ */ l("span", {
-					className: J.description,
+					className: q.description,
 					children: e.description
 				})]
 			})]
 		}), !a && /* @__PURE__ */ l("span", {
-			className: p(J.connector, J[`connector-${n}`]),
+			className: p(q.connector, q[`connector-${n}`]),
 			"aria-hidden": "true"
 		})]
 	});
-}, ct = {
+}, lt = {
 	root: "_root_cxvk2_1",
 	sm: "_sm_cxvk2_15",
 	lg: "_lg_cxvk2_22",
 	horizontal: "_horizontal_cxvk2_29",
 	vertical: "_vertical_cxvk2_35"
-}, lt = (e, t) => Number.isNaN(e) || t <= 0 ? -1 : Math.min(Math.max(e, 0), t - 1), ut = (e, t) => typeof e == "number" ? lt(e, t.length) : typeof e == "string" ? t.findIndex((t) => t.id === e) : t.findIndex((e) => e.status === "current"), dt = (e, t, n) => n || (t === -1 ? "upcoming" : e < t ? "completed" : e === t ? "current" : "upcoming"), ft = ({ steps: e, currentStep: t, orientation: n = "horizontal", size: r = "md", onStepClick: i, ariaLabel: o, className: s, id: c, ...u }) => {
-	let d = a(), f = c ?? `ds-stepper-${d}`, m = ut(t, e), h = o ?? "Progress";
+}, ut = (e, t) => Number.isNaN(e) || t <= 0 ? -1 : Math.min(Math.max(e, 0), t - 1), dt = (e, t) => typeof e == "number" ? ut(e, t.length) : typeof e == "string" ? t.findIndex((t) => t.id === e) : t.findIndex((e) => e.status === "current"), ft = (e, t, n) => n || (t === -1 ? "upcoming" : e < t ? "completed" : e === t ? "current" : "upcoming"), pt = ({ steps: e, currentStep: t, orientation: n = "horizontal", size: r = "md", onStepClick: i, ariaLabel: o, className: s, id: c, ...u }) => {
+	let d = a(), f = c ?? `ds-stepper-${d}`, m = dt(t, e), h = o ?? "Progress";
 	return /* @__PURE__ */ l("ol", {
 		id: f,
-		className: p(ct.root, ct[n], ct[r], s),
+		className: p(lt.root, lt[n], lt[r], s),
 		"aria-label": h,
 		"data-orientation": n,
 		...u,
-		children: e.map((t, n) => /* @__PURE__ */ l(st, {
+		children: e.map((t, n) => /* @__PURE__ */ l(ct, {
 			id: `${f}-step-${t.id}`,
 			step: t,
 			index: n,
-			status: dt(n, m, t.status),
+			status: ft(n, m, t.status),
 			isInteractive: !!i,
 			onStepClick: i,
 			isLast: n === e.length - 1
 		}, t.id))
 	});
-}, Y = {
+}, J = {
 	wrapper: "_wrapper_vo2yb_1",
 	fullWidth: "_fullWidth_vo2yb_8",
 	label: "_label_vo2yb_13",
@@ -1501,19 +1538,19 @@ var H = {
 	error: "_error_vo2yb_80",
 	helperText: "_helperText_vo2yb_89",
 	errorText: "_errorText_vo2yb_95"
-}, pt = ({ size: e = "md", error: t, label: n, helperText: r, fullWidth: i = !1, className: o, id: s, options: c, children: d, ...f }) => {
+}, mt = ({ size: e = "md", error: t, label: n, helperText: r, fullWidth: i = !1, className: o, id: s, options: c, children: d, ...f }) => {
 	let m = a(), h = s ?? `ds-select-${m}`, g = r ? `${h}-help` : void 0;
 	return /* @__PURE__ */ u("div", {
-		className: p(Y.wrapper, i && Y.fullWidth, o),
+		className: p(J.wrapper, i && J.fullWidth, o),
 		children: [
 			n && /* @__PURE__ */ l("label", {
 				htmlFor: h,
-				className: Y.label,
+				className: J.label,
 				children: n
 			}),
 			/* @__PURE__ */ l("select", {
 				id: h,
-				className: p(Y.selectRoot, Y[e], t && Y.error),
+				className: p(J.selectRoot, J[e], t && J.error),
 				"aria-describedby": g,
 				"aria-invalid": t || void 0,
 				...f,
@@ -1525,12 +1562,12 @@ var H = {
 			}),
 			r && /* @__PURE__ */ l("span", {
 				id: g,
-				className: p(Y.helperText, t && Y.errorText),
+				className: p(J.helperText, t && J.errorText),
 				children: r
 			})
 		]
 	});
-}, X = {
+}, Y = {
 	wrapper: "_wrapper_196po_1",
 	container: "_container_196po_7",
 	disabled: "_disabled_196po_15",
@@ -1539,87 +1576,87 @@ var H = {
 	thumb: "_thumb_196po_46",
 	label: "_label_196po_62",
 	helperText: "_helperText_196po_69"
-}, mt = ({ label: e, helperText: t, className: n, disabled: r, id: i, ...o }) => {
+}, ht = ({ label: e, helperText: t, className: n, disabled: r, id: i, ...o }) => {
 	let s = a(), c = i ?? `ds-switch-${s}`, d = t ? `${c}-help` : void 0;
 	return /* @__PURE__ */ u("div", {
-		className: p(X.wrapper, n),
+		className: p(Y.wrapper, n),
 		children: [/* @__PURE__ */ u("label", {
 			htmlFor: c,
-			className: p(X.container, r && X.disabled),
+			className: p(Y.container, r && Y.disabled),
 			children: [
 				/* @__PURE__ */ l("input", {
 					type: "checkbox",
 					id: c,
 					role: "switch",
 					disabled: r,
-					className: X.input,
+					className: Y.input,
 					"aria-describedby": d,
 					...o
 				}),
 				/* @__PURE__ */ l("span", {
-					className: X.track,
-					children: /* @__PURE__ */ l("span", { className: X.thumb })
+					className: Y.track,
+					children: /* @__PURE__ */ l("span", { className: Y.thumb })
 				}),
 				e && /* @__PURE__ */ l("span", {
-					className: X.label,
+					className: Y.label,
 					children: e
 				})
 			]
 		}), t && /* @__PURE__ */ l("span", {
 			id: d,
-			className: X.helperText,
+			className: Y.helperText,
 			children: t
 		})]
 	});
-}, ht = "_wrapper_1w3cj_1", gt = "_table_1w3cj_8", _t = "_thead_1w3cj_17", vt = "_tbody_1w3cj_22", yt = "_tr_1w3cj_22", bt = "_th_1w3cj_17", xt = "_td_1w3cj_40", St = "_striped_1w3cj_46", Ct = "_hoverable_1w3cj_50", wt = "_dense_1w3cj_54", Tt = "_loading_1w3cj_75", Z = {
-	wrapper: ht,
-	table: gt,
-	thead: _t,
-	tbody: vt,
-	tr: yt,
-	th: bt,
-	td: xt,
-	striped: St,
-	hoverable: Ct,
-	dense: wt,
+}, gt = "_wrapper_1w3cj_1", _t = "_table_1w3cj_8", vt = "_thead_1w3cj_17", yt = "_tbody_1w3cj_22", bt = "_tr_1w3cj_22", xt = "_th_1w3cj_17", St = "_td_1w3cj_40", Ct = "_striped_1w3cj_46", wt = "_hoverable_1w3cj_50", Tt = "_dense_1w3cj_54", Et = "_loading_1w3cj_75", X = {
+	wrapper: gt,
+	table: _t,
+	thead: vt,
+	tbody: yt,
+	tr: bt,
+	th: xt,
+	td: St,
+	striped: Ct,
+	hoverable: wt,
+	dense: Tt,
 	"align-left": "_align-left_1w3cj_62",
 	"align-center": "_align-center_1w3cj_65",
 	"align-right": "_align-right_1w3cj_68",
 	"align-justify": "_align-justify_1w3cj_71",
-	loading: Tt
-}, Et = ({ children: e, className: t, striped: n, hoverable: r, dense: i, isLoading: a, ...o }) => /* @__PURE__ */ l("div", {
-	className: p(Z.wrapper, a && Z.loading, t),
+	loading: Et
+}, Dt = ({ children: e, className: t, striped: n, hoverable: r, dense: i, isLoading: a, ...o }) => /* @__PURE__ */ l("div", {
+	className: p(X.wrapper, a && X.loading, t),
 	children: /* @__PURE__ */ l("table", {
-		className: p(Z.table, n && Z.striped, r && Z.hoverable, i && Z.dense),
+		className: p(X.table, n && X.striped, r && X.hoverable, i && X.dense),
 		"aria-busy": a || void 0,
 		...o,
 		children: e
 	})
-}), Dt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("thead", {
-	className: p(Z.thead, t),
+}), Ot = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("thead", {
+	className: p(X.thead, t),
 	...n,
 	children: e
-}), Ot = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("tbody", {
-	className: p(Z.tbody, t),
+}), kt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("tbody", {
+	className: p(X.tbody, t),
 	...n,
 	children: e
-}), kt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("tfoot", {
-	className: p(Z.tfoot, t),
+}), At = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("tfoot", {
+	className: p(X.tfoot, t),
 	...n,
 	children: e
-}), At = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("tr", {
-	className: p(Z.tr, t),
+}), jt = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l("tr", {
+	className: p(X.tr, t),
 	...n,
 	children: e
-}), jt = ({ children: e, className: t, align: n, ...r }) => /* @__PURE__ */ l("th", {
-	className: p(Z.th, n && Z[`align-${n}`], t),
+}), Mt = ({ children: e, className: t, align: n, ...r }) => /* @__PURE__ */ l("th", {
+	className: p(X.th, n && X[`align-${n}`], t),
 	...r,
 	children: e
-}), Mt = ({ children: e, className: t, align: n, ...r }) => /* @__PURE__ */ l("td", {
-	className: p(Z.td, n && Z[`align-${n}`], t),
+}), Nt = ({ children: e, className: t, align: n, ...r }) => /* @__PURE__ */ l("td", {
+	className: p(X.td, n && X[`align-${n}`], t),
 	...r,
 	children: e
-}), Nt = {
+}), Z = {
 	root: "_root_1luck_1",
 	tabList: "_tabList_1luck_8",
 	tabItem: "_tabItem_1luck_16",
@@ -1643,11 +1680,11 @@ var H = {
 	}, x = e.find((e) => e.id === _);
 	return /* @__PURE__ */ u("div", {
 		id: m,
-		className: p(Nt.root, i),
+		className: p(Z.root, i),
 		children: [/* @__PURE__ */ l("div", {
 			role: "tablist",
 			ref: v,
-			className: p(Nt.tabList, o === "pill" && Nt.pillList),
+			className: p(Z.tabList, o === "pill" && Z.pillList),
 			onKeyDown: b,
 			children: e.map((e) => {
 				let t = e.id === _, n = !!e.disabled, r = n ? -1 : t ? 0 : -1;
@@ -1660,7 +1697,7 @@ var H = {
 					tabIndex: r,
 					disabled: n,
 					"data-id": e.id,
-					className: p(Nt.tabItem, o === "pill" && Nt.pillItem, t && Nt.active, n && Nt.disabled),
+					className: p(Z.tabItem, o === "pill" && Z.pillItem, t && Z.active, n && Z.disabled),
 					onClick: () => y(e.id, n),
 					children: e.label
 				}, e.id);
@@ -1669,7 +1706,7 @@ var H = {
 			role: "tabpanel",
 			id: `${m}-panel-${_}`,
 			"aria-labelledby": `${m}-tab-${_}`,
-			className: Nt.tabPanel,
+			className: Z.tabPanel,
 			tabIndex: 0,
 			children: x?.content
 		})]
@@ -2072,31 +2109,17 @@ var cn = {
 	root: "_root_1931n_1",
 	main: "_main_1931n_8",
 	container: "_container_1931n_13"
-}, ln = ({ headerLogo: e, headerTitle: t, user: n, navItems: r, activeNavId: i, navActions: a, children: o, onLogin: s, onLogout: c, onCreateAccount: d, onNavItemClick: f, className: m, maxWidth: h = "75rem" }) => /* @__PURE__ */ u("div", {
-	className: p(cn.root, m),
+}, ln = ({ header: e, navbar: t, children: n, className: r, maxWidth: i = "75rem" }) => /* @__PURE__ */ u("div", {
+	className: p(cn.root, r),
 	children: [
-		/* @__PURE__ */ l(be, {
-			logo: e,
-			title: t,
-			user: n,
-			onLogin: s,
-			onLogout: c,
-			onCreateAccount: d,
-			maxWidth: h
-		}),
-		/* @__PURE__ */ l(xe, {
-			items: r,
-			activeId: i,
-			actions: a,
-			onItemClick: f,
-			maxWidth: h
-		}),
+		e,
+		t,
 		/* @__PURE__ */ l("main", {
 			className: cn.main,
 			children: /* @__PURE__ */ l(T, {
 				className: cn.container,
-				maxWidth: h,
-				children: o
+				maxWidth: i,
+				children: n
 			})
 		})
 	]
@@ -2144,38 +2167,30 @@ var cn = {
 	topBar: "_topBar_1vwxr_20",
 	stats: "_stats_1vwxr_27",
 	content: "_content_1vwxr_33"
-}, pn = ({ headerLogo: e, headerTitle: t, breadcrumbs: n, actions: r, stats: i, children: a, user: o, onLogin: s, onLogout: c, onCreateAccount: d, className: f, maxWidth: m }) => /* @__PURE__ */ u("div", {
-	className: p(fn.root, f),
-	children: [/* @__PURE__ */ l(be, {
-		logo: e,
-		title: t,
-		user: o,
-		onLogin: s,
-		onLogout: c,
-		onCreateAccount: d,
-		maxWidth: m
-	}), /* @__PURE__ */ l("main", {
+}, pn = ({ header: e, breadcrumbs: t, actions: n, stats: r, children: i, className: a }) => /* @__PURE__ */ u("div", {
+	className: p(fn.root, a),
+	children: [e, /* @__PURE__ */ l("main", {
 		className: fn.main,
 		children: /* @__PURE__ */ u("div", {
 			className: fn.container,
 			children: [
-				(n || r) && /* @__PURE__ */ u("div", {
+				(t || n) && /* @__PURE__ */ u("div", {
 					className: fn.topBar,
 					children: [/* @__PURE__ */ l("div", {
 						className: fn.breadcrumbs,
-						children: n
+						children: t
 					}), /* @__PURE__ */ l("div", {
 						className: fn.actions,
-						children: r
+						children: n
 					})]
 				}),
-				i && /* @__PURE__ */ l("div", {
+				r && /* @__PURE__ */ l("div", {
 					className: fn.stats,
-					children: i
+					children: r
 				}),
 				/* @__PURE__ */ l("div", {
 					className: fn.content,
-					children: a
+					children: i
 				})
 			]
 		})
@@ -2187,35 +2202,27 @@ var cn = {
 	layoutBody: "_layoutBody_o4vai_20",
 	sidebar: "_sidebar_o4vai_26",
 	content: "_content_o4vai_34"
-}, hn = ({ headerLogo: e, headerTitle: t, breadcrumbs: n, sidebar: r, children: i, user: a, onLogin: o, onLogout: s, onCreateAccount: c, className: d, maxWidth: f }) => /* @__PURE__ */ u("div", {
-	className: p(mn.root, d),
-	children: [/* @__PURE__ */ l(be, {
-		logo: e,
-		title: t,
-		user: a,
-		onLogin: o,
-		onLogout: s,
-		onCreateAccount: c,
-		maxWidth: f
-	}), /* @__PURE__ */ l("main", {
+}, hn = ({ header: e, breadcrumbs: t, sidebar: n, children: r, className: i }) => /* @__PURE__ */ u("div", {
+	className: p(mn.root, i),
+	children: [e, /* @__PURE__ */ l("main", {
 		className: mn.main,
 		children: /* @__PURE__ */ u("div", {
 			className: mn.container,
-			children: [n && /* @__PURE__ */ l("div", {
+			children: [t && /* @__PURE__ */ l("div", {
 				className: mn.breadcrumbs,
-				children: n
+				children: t
 			}), /* @__PURE__ */ u("div", {
 				className: mn.layoutBody,
-				children: [r && /* @__PURE__ */ l("aside", {
+				children: [n && /* @__PURE__ */ l("aside", {
 					className: mn.sidebar,
-					children: r
+					children: n
 				}), /* @__PURE__ */ l("section", {
 					className: mn.content,
-					children: i
+					children: r
 				})]
 			})]
 		})
 	})]
 });
 //#endregion
-export { h as Accordion, ln as AppLayout, dn as AuthLayout, _ as Avatar, y as Badge, T as Box, D as BreadcrumbItem, O as Breadcrumbs, A as Button, de as Card, pe as CardContent, me as CardFooter, fe as CardHeader, he as Checkbox, pn as DashboardLayout, ye as Divider, ge as Dropdown, be as Header, Se as Input, Me as List, je as ListItem, we as Loader, Ne as Modal, xe as NavBar, Fe as Notification, ze as Pagination, Be as ProgressBar, Ge as RadioButton, pt as Select, hn as SettingsLayout, qe as Skeleton, We as Slider, ft as Stepper, mt as Switch, Et as Table, Ot as TableBody, Mt as TableCell, kt as TableFooter, jt as TableHead, Dt as TableHeader, At as TableRow, Pt as Tabs, $t as Text, tn as Textarea, rn as Tooltip, sn as Tree, on as TreeItem };
+export { h as Accordion, ln as AppLayout, dn as AuthLayout, _ as Avatar, y as Badge, T as Box, D as BreadcrumbItem, O as Breadcrumbs, A as Button, fe as Card, me as CardContent, he as CardFooter, pe as CardHeader, ge as Checkbox, pn as DashboardLayout, be as Divider, _e as Dropdown, xe as Header, Ce as Input, Ne as List, Me as ListItem, Te as Loader, Pe as Modal, Se as NavBar, Ie as Notification, Be as Pagination, Ve as ProgressBar, Ke as RadioButton, mt as Select, hn as SettingsLayout, Je as Skeleton, Ge as Slider, pt as Stepper, ht as Switch, Dt as Table, kt as TableBody, Nt as TableCell, At as TableFooter, Mt as TableHead, Ot as TableHeader, jt as TableRow, Pt as Tabs, $t as Text, tn as Textarea, rn as Tooltip, sn as Tree, on as TreeItem };