visits-style 2.2.10 → 2.3.1

package/dist/index.es.js

@@ -1,42 +1,42 @@
 import e from "clsx";
 import { twMerge as t } from "tailwind-merge";
-import { Children as n, cloneElement as r, createContext as i, createElement as a, forwardRef as o, startTransition as s, useCallback as c, useContext as l, useEffect as u, useImperativeHandle as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { FloatingOverlay as y, autoUpdate as b, flip as x, offset as S, shift as C, useClick as w, useClientPoint as T, useDismiss as E, useFloating as D, useHover as O, useId as k, useInteractions as A, useTransitionStyles as j } from "@floating-ui/react";
-import { createPortal as M } from "react-dom";
+import { createContext as n, createElement as r, forwardRef as i, startTransition as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { FloatingOverlay as _, autoUpdate as v, flip as y, offset as b, shift as x, useClick as S, useClientPoint as C, useDismiss as w, useFloating as T, useHover as E, useId as D, useInteractions as O, useTransitionStyles as k } from "@floating-ui/react";
+import { createPortal as A } from "react-dom";
 //#region src/utils/merge.ts
-var N = e;
-function P(e, n) {
+var j = e;
+function M(e, n) {
 	return n ? t(e, n) : e;
 }
 //#endregion
 //#region src/elements/Base.tsx
-function F({ as: e, classList: t = [], className: n, override: r, ...i }) {
-	let o = p(() => r ? n : P(N(t), n), [
+function N({ as: e, classList: t = [], className: n, override: i, ...a }) {
+	let o = d(() => i ? n : M(j(t), n), [
 		t,
 		n,
-		r
+		i
 	]);
-	return a(e || "div", {
+	return r(e || "div", {
 		className: o,
-		...i
+		...a
 	});
 }
-function I(e, t, n = {}) {
-	let r = ({ className: r, ...i }) => {
-		let o = p(() => P(t, r), [r]);
-		return a(e, {
+function P(e, t, n = {}) {
+	let i = ({ className: i, ...a }) => {
+		let o = d(() => M(t, i), [i]);
+		return r(e, {
 			className: o,
 			...n,
-			...i
+			...a
 		});
 	};
-	return r.displayName = `Styled${typeof e == "string" ? e : "Component"}`, r;
+	return i.displayName = `Styled${typeof e == "string" ? e : "Component"}`, i;
 }
 //#endregion
 //#region src/forms/Field/FormLabel.tsx
-function L(e) {
-	return /* @__PURE__ */ _(F, {
+function F(e) {
+	return /* @__PURE__ */ h(N, {
 		as: "label",
 		classList: ["leading-none peer-disabled:opacity-70"],
 		...e
@@ -44,47 +44,40 @@ function L(e) {
 }
 //#endregion
 //#region src/forms/Field/FormField.tsx
-function R({ label: e, children: t, required: n, htmlFor: r, error: i, help: a, helpBefore: o, innerClass: s, ...c }) {
-	let l = p(() => N("font-medium", n ? "after:content-[\"*\"] after:text-danger after:text-sm after:pl-0.5" : ""), [n]);
-	return /* @__PURE__ */ v(F, {
+function I({ label: e, render: t, required: n, htmlFor: r, error: i, help: a, helpBefore: o, innerClass: s, ...c }) {
+	let l = d(() => j("font-medium", n ? "after:content-[\"*\"] after:text-danger after:text-sm after:pl-0.5" : ""), [n]);
+	return /* @__PURE__ */ g(N, {
 		classList: "flex flex-col space-y-2",
 		...c,
 		children: [
-			e ? /* @__PURE__ */ _(L, {
+			e ? /* @__PURE__ */ h(F, {
 				className: l,
 				htmlFor: r,
 				children: e
 			}) : null,
-			a && o ? /* @__PURE__ */ _("p", {
+			a && o ? /* @__PURE__ */ h("p", {
 				className: "text-xs text-muted pb-2",
 				children: a
 			}) : null,
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ h("div", {
 				className: s,
-				children: z(t, !!i)
+				children: t(!!i)
 			}),
-			a && !o && !i ? /* @__PURE__ */ _("p", {
+			a && !o && !i ? /* @__PURE__ */ h("p", {
 				className: "text-xs text-muted",
 				children: a
 			}) : null,
-			i ? /* @__PURE__ */ _("p", {
+			i ? /* @__PURE__ */ h("p", {
 				className: "text-xs text-danger",
 				children: i
 			}) : null
 		]
 	});
 }
-function z(e, t) {
-	let i = n.count(e);
-	if (!i) return null;
-	if (i === 1) return r(e, { error: t });
-	let a = n.toArray(e);
-	return a[0] = r(a[0], { error: t }), a;
-}
 //#endregion
 //#region src/forms/Field/InputField.tsx
-function ee({ error: e, ...t }) {
-	return /* @__PURE__ */ _(F, {
+function L({ error: e, ...t }) {
+	return /* @__PURE__ */ h(N, {
 		as: "fieldset",
 		classList: [
 			"flex rounded-md border bg-background px-3 py-2 w-full [&_input]:placeholder:text-muted",
@@ -96,8 +89,8 @@ function ee({ error: e, ...t }) {
 }
 //#endregion
 //#region src/forms/Input/index.tsx
-function B({ type: e, error: t, ...n }) {
-	return /* @__PURE__ */ _(F, {
+function R({ type: e, error: t, ...n }) {
+	return /* @__PURE__ */ h(N, {
 		as: "input",
 		type: e,
 		classList: [
@@ -111,8 +104,8 @@ function B({ type: e, error: t, ...n }) {
 }
 //#endregion
 //#region src/forms/Textarea/index.tsx
-function V({ error: e, ...t }) {
-	return /* @__PURE__ */ _(F, {
+function z({ error: e, ...t }) {
+	return /* @__PURE__ */ h(N, {
 		as: "textarea",
 		classList: [
 			"flex rounded-md border bg-background px-3 py-2 w-full",
@@ -124,13 +117,13 @@ function V({ error: e, ...t }) {
 }
 //#endregion
 //#region src/forms/Checkbox/index.tsx
-function H() {
-	return /* @__PURE__ */ _("svg", {
+function B() {
+	return /* @__PURE__ */ h("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		width: "30",
 		height: "30",
 		viewBox: "0 0 30 30",
-		children: /* @__PURE__ */ _("rect", {
+		children: /* @__PURE__ */ h("rect", {
 			width: "20",
 			height: "3",
 			y: "13.5",
@@ -141,11 +134,11 @@ function H() {
 		})
 	});
 }
-function U({ checked: e, indeterminate: t, id: n, name: r, onChange: i, value: a, checkIcon: o, error: s, ...c }) {
+function V({ checked: e, indeterminate: t, id: n, name: r, onChange: i, value: a, checkIcon: o, error: s, ...c }) {
 	let l = () => {
 		c.disabled || i?.(!e);
 	};
-	return /* @__PURE__ */ v(F, {
+	return /* @__PURE__ */ g(N, {
 		as: "button",
 		type: "button",
 		role: "checkbox",
@@ -164,8 +157,8 @@ function U({ checked: e, indeterminate: t, id: n, name: r, onChange: i, value: a
 		...c,
 		children: [
 			e ? o : null,
-			t && !e ? /* @__PURE__ */ _(H, {}) : null,
-			/* @__PURE__ */ _("input", {
+			t && !e ? /* @__PURE__ */ h(B, {}) : null,
+			/* @__PURE__ */ h("input", {
 				type: "checkbox",
 				"aria-hidden": "true",
 				name: r,
@@ -188,52 +181,52 @@ function U({ checked: e, indeterminate: t, id: n, name: r, onChange: i, value: a
 }
 //#endregion
 //#region src/hooks/useIsomorphicLayoutEffect.ts
-var W = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? f : u;
+var H = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? u : c;
 //#endregion
 //#region src/components/Portal/index.tsx
-function G({ children: e, container: t, disabled: n }) {
-	let [r, i] = h(null);
-	return W(() => {
+function U({ children: e, container: t, disabled: n }) {
+	let [r, i] = p(null);
+	return H(() => {
 		if (!t) {
 			let e = document.getElementById("visits-style-portals");
 			return e || (e = document.createElement("div"), e.id = "visits-style-portals", document.body.appendChild(e)), i(e);
 		}
 		i(t);
-	}, [t]), n || !r ? null : M(e, r);
+	}, [t]), n || !r ? null : A(e, r);
 }
 //#endregion
 //#region src/utils/stopPropagation.ts
-function K(e) {
+function W(e) {
 	e && (e.stopPropagation(), e.preventDefault());
 }
 //#endregion
 //#region src/components/Popover/index.tsx
-var te = {
+var ee = {
 	open: 150,
 	close: 75
 };
-function q({ ref: e, position: t, label: i, children: a, disabled: o, offset: s = {
+function G({ ref: e, position: t, render: n, children: r, disabled: i, offset: a = {
 	x: 0,
 	y: 6
-}, onOpen: l, onClose: f, onManualClose: p, timeout: T = te, override: E, zIndex: O = 9996, role: M, ...N }) {
-	let [P, F] = h(!1), I = k(), L = m(l), R = m(f), { refs: z, floatingStyles: ee, context: B } = D({
-		nodeId: I,
+}, onOpen: s, onClose: u, onManualClose: d, timeout: C = ee, override: w, zIndex: E = 9996, role: A, ...j }) {
+	let [M, N] = p(!1), P = D(), F = f(s), I = f(u), { refs: L, floatingStyles: R, context: z } = T({
+		nodeId: P,
 		placement: t,
 		middleware: [
-			C(),
-			x({ fallbackAxisSideDirection: "end" }),
-			S({
-				mainAxis: s.y,
-				crossAxis: s.x
+			x(),
+			y({ fallbackAxisSideDirection: "end" }),
+			b({
+				mainAxis: a.y,
+				crossAxis: a.x
 			})
 		],
-		open: P,
+		open: M,
 		onOpenChange: (e) => {
-			e ? L.current?.(z.reference.current, z.floating.current) : R.current?.(z.reference.current, z.floating.current), F(e);
+			e ? F.current?.(L.reference.current, L.floating.current) : I.current?.(L.reference.current, L.floating.current), N(e);
 		},
-		whileElementsMounted: b
-	}), { isMounted: V, styles: H } = j(B, {
-		duration: T,
+		whileElementsMounted: v
+	}), { isMounted: B, styles: V } = k(z, {
+		duration: C,
 		initial({ side: e }) {
 			let t = "";
 			return t = e === "top" ? "translateY(5%) scale(0.95)" : e === "bottom" ? "translateY(-5%) scale(0.95)" : e === "left" ? "translateX(5%) scale(0.95)" : "translateX(-5%) scale(0.95)", {
@@ -241,54 +234,53 @@ function q({ ref: e, position: t, label: i, children: a, disabled: o, offset: s
 				transform: t
 			};
 		}
-	}), U = c((e) => {
-		if (K(e), p) return p();
-		F(!1), R.current?.(z.reference.current, z.floating.current);
-	}, [p]);
-	u(() => {
-		if (o && P) return F(!1);
-	}, [o, P]), d(e, () => ({
+	}), H = o((e) => {
+		if (W(e), d) return d();
+		N(!1), I.current?.(L.reference.current, L.floating.current);
+	}, [d]);
+	c(() => {
+		if (i && M) return N(!1);
+	}, [i, M]), l(e, () => ({
 		open: () => {
-			F(!0), L.current?.(z.reference.current, z.floating.current);
+			N(!0), F.current?.(L.reference.current, L.floating.current);
 		},
 		close: () => {
-			F(!1), R.current?.(z.reference.current, z.floating.current);
+			N(!1), I.current?.(L.reference.current, L.floating.current);
 		}
 	}), []);
-	let { getFloatingProps: W, getReferenceProps: q } = A([w(B, { enabled: !o })]);
-	return L.current = l, R.current = f, /* @__PURE__ */ v(g, { children: [r(n.only(i), q({
-		ref: z.setReference,
+	let { getFloatingProps: G, getReferenceProps: K } = O([S(z, { enabled: !i })]);
+	return F.current = s, I.current = u, /* @__PURE__ */ g(m, { children: [n(K({
+		ref: L.setReference,
 		tabIndex: 0,
-		role: "button",
-		"aria-expanded": P,
-		disabled: o,
-		onClick: K
-	})), /* @__PURE__ */ _(G, {
-		disabled: o || !V,
-		children: /* @__PURE__ */ _(y, {
+		"aria-expanded": M,
+		"aria-disabled": i,
+		onClick: W
+	})), /* @__PURE__ */ h(U, {
+		disabled: i || !B,
+		children: /* @__PURE__ */ h(_, {
 			"data-testid": "vs-popover-shadow",
-			onClick: U,
-			style: { zIndex: O },
+			onClick: H,
+			style: { zIndex: E },
 			autoFocus: !0,
-			children: /* @__PURE__ */ _("div", {
-				role: M || "region",
-				ref: z.setFloating,
-				style: ee,
-				children: /* @__PURE__ */ _(ne, {
-					override: E,
-					styles: H,
-					...W({
-						...N,
-						onClick: K
+			children: /* @__PURE__ */ h("div", {
+				role: A || "region",
+				ref: L.setFloating,
+				style: R,
+				children: /* @__PURE__ */ h(te, {
+					override: w,
+					styles: V,
+					...G({
+						...j,
+						onClick: W
 					}),
-					children: a
+					children: r
 				})
 			})
 		})
 	})] });
 }
-function ne({ override: e, styles: t, style: n = {}, ...r }) {
-	return /* @__PURE__ */ _(F, {
+function te({ override: e, styles: t, style: n = {}, ...r }) {
+	return /* @__PURE__ */ h(N, {
 		classList: ["z-20 w-auto h-auto outline-none transition-transform ease-in-out", e ? null : "border border-accent rounded-md shadow-lg p-1 bg-background"],
 		style: {
 			...t,
@@ -299,77 +291,75 @@ function ne({ override: e, styles: t, style: n = {}, ...r }) {
 }
 //#endregion
 //#region src/forms/Select/index.tsx
-function re({ ref: e, className: t, placeholder: n = "", options: r = [], error: i, disabled: a, value: o, maxHeight: s = 408, arrowIcon: l, closeIcon: u, checkIcon: f, onChange: g, onClear: y, renderItem: b, sectionLabelStyle: x, buttonAreaStyle: S, clearLabelText: C, optionStyle: w, popoverStyle: T, popoverPosition: E, labelStyle: D, ...O }) {
-	let k = m(null), [A, j] = h(0), M = p(() => Array.isArray(o), []), N = c((e, t) => {
-		g?.(e, t), M || k.current?.close();
-	}, [g, M]), P = c((e) => Array.isArray(o) ? o.indexOf(e) > -1 : o === e, [o]), I = p(() => {
+function K({ ref: e, className: t, placeholder: n = "", options: r = [], error: i, disabled: a, value: s, maxHeight: c = 408, arrowIcon: u, closeIcon: m, checkIcon: _, onChange: v, onClear: y, renderItem: b, sectionLabelStyle: x, buttonAreaStyle: S, clearLabelText: C, optionStyle: w, popover: T = {}, buttonRef: E, labelStyle: D, ...O }) {
+	let k = f(null), [A, P] = p(0), F = d(() => Array.isArray(s), []), I = o((e, t) => {
+		v?.(e, t), F || k.current?.close();
+	}, [v, F]), L = o((e) => Array.isArray(s) ? s.indexOf(e) > -1 : s === e, [s]), R = d(() => {
 		let e = {}, t = r.filter((e) => typeof e != "string");
 		for (let n = 0, r = t.length; n < r; n += 1) {
 			let r = t[n];
 			e[`${r.value}`] = r.label;
 		}
 		return e;
-	}, [r]), L = p(() => {
-		if (!o) return n;
-		if (Array.isArray(o)) {
-			if (!o.length) return n;
-			let e = [...o].sort(), t = [];
-			for (let n = 0, r = e.length; n < r; n += 1) t[n] = I[`${e[n]}`] || "";
+	}, [r]), z = d(() => {
+		if (!s) return n;
+		if (Array.isArray(s)) {
+			if (!s.length) return n;
+			let e = [...s].sort(), t = [];
+			for (let n = 0, r = e.length; n < r; n += 1) t[n] = R[`${e[n]}`] || "";
 			return t.filter(Boolean).join(",") || n;
 		}
-		return I[`${o}`] || n;
+		return R[`${s}`] || n;
 	}, [
 		n,
-		o,
-		I
-	]), R = p(() => o == null ? !0 : Array.isArray(o) ? !o.length : !1, [o]), z = c((e, t) => b ? typeof e == "string" ? b(e, {
+		s,
+		R
+	]), B = d(() => s == null ? !0 : Array.isArray(s) ? !s.length : !1, [s]), V = o((e, t) => b ? typeof e == "string" ? b(e, {
 		index: t,
 		selected: !1,
 		onChange: () => {}
 	}) : b(e, {
 		index: t,
-		selected: P(e.value),
-		onChange: () => N(e.value, e)
-	}) : typeof e == "string" ? /* @__PURE__ */ _(F, {
+		selected: L(e.value),
+		onChange: () => I(e.value, e)
+	}) : typeof e == "string" ? /* @__PURE__ */ h(N, {
 		as: "h5",
 		classList: ["font-normal py-1 px-2 text-muted"],
 		className: x,
 		children: e
-	}, `optionheader-${t}`) : /* @__PURE__ */ _(ie, {
-		selected: P(e.value),
-		onChange: N,
-		checkIcon: f,
+	}, `optionheader-${t}`) : /* @__PURE__ */ h(ne, {
+		selected: L(e.value),
+		onChange: I,
+		checkIcon: _,
 		className: w,
 		data: e
 	}, e.label), [
 		b,
-		N,
-		P,
+		I,
+		L,
 		x,
 		w,
-		f
+		_
 	]);
-	return d(e, () => k.current, []), /* @__PURE__ */ _(q, {
-		label: /* @__PURE__ */ v(F, {
-			as: "button",
+	return l(e, () => k.current, []), /* @__PURE__ */ h(G, {
+		render: (e) => /* @__PURE__ */ g("button", {
 			type: "button",
-			classList: [
-				"flex items-center justify-between rounded-md border bg-background px-3 py-2 w-full overflow-hidden cursor-pointer",
-				"disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
-				i ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"
-			],
-			className: t,
+			className: M(j("flex items-center justify-between rounded-md border bg-background px-3 py-2 w-full overflow-hidden cursor-pointer", "disabled:cursor-not-allowed disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring", i ? "border-danger hover:border-danger-fore" : "border-input not-disabled:hover:border-input-fore"), t),
 			disabled: a,
+			...e,
+			ref: (t) => {
+				e.ref?.(t), typeof E == "function" && E?.(t);
+			},
 			...O,
-			children: [/* @__PURE__ */ _(F, {
+			children: [/* @__PURE__ */ h(N, {
 				as: "span",
-				classList: ["overflow-hidden text-ellipsis whitespace-nowrap", R ? "text-muted" : "text-text"],
+				classList: ["overflow-hidden text-ellipsis whitespace-nowrap", B ? "text-muted" : "text-text"],
 				className: D,
-				children: L
-			}), /* @__PURE__ */ v(F, {
+				children: z
+			}), /* @__PURE__ */ g(N, {
 				classList: "relative flex items-center space-x-2",
 				className: S,
-				children: [y && !R ? /* @__PURE__ */ _("div", {
+				children: [y && !B ? /* @__PURE__ */ h("div", {
 					tabIndex: -1,
 					role: "button",
 					className: "size-6 p-1.5 rounded hover:bg-accent cursor-pointer",
@@ -380,29 +370,28 @@ function re({ ref: e, className: t, placeholder: n = "", options: r = [], error:
 					onClick: (e) => {
 						e.stopPropagation(), y();
 					},
-					children: u
-				}) : null, l]
+					children: m
+				}) : null, u]
 			})]
 		}),
 		ref: k,
-		onOpen: (e) => j(e?.getBoundingClientRect().width || 0),
-		className: T,
-		position: E,
+		onOpen: (e) => P(e?.getBoundingClientRect().width || 0),
 		disabled: a,
-		children: /* @__PURE__ */ _("div", {
+		...T,
+		children: /* @__PURE__ */ h("div", {
 			className: "overflow-y-auto flex flex-col",
 			role: "listbox",
 			style: {
 				minWidth: A,
 				maxWidth: "calc(100vw - 3rem)",
-				maxHeight: s
+				maxHeight: c
 			},
-			children: r.map(z)
+			children: r.map(V)
 		})
 	});
 }
-function ie({ className: e, data: t, selected: n, checkIcon: r, onChange: i }) {
-	return /* @__PURE__ */ v(F, {
+function ne({ className: e, data: t, selected: n, checkIcon: r, onChange: i }) {
+	return /* @__PURE__ */ g(N, {
 		as: "button",
 		type: "button",
 		role: "option",
@@ -410,16 +399,16 @@ function ie({ className: e, data: t, selected: n, checkIcon: r, onChange: i }) {
 		className: e,
 		"aria-selected": n,
 		onClick: () => i?.(t.value, t),
-		children: [r === null || n && r ? r : /* @__PURE__ */ _("div", { className: "w-5 h-1 mr-1" }), t.label]
+		children: [r === null || n && r ? r : /* @__PURE__ */ h("div", { className: "w-5 h-1 mr-1" }), t.label]
 	});
 }
 //#endregion
 //#region src/forms/Radio/index.tsx
-function ae({ checked: e, className: t, id: n, name: r, onChange: i, value: a, error: o, ...s }) {
+function re({ checked: e, className: t, id: n, name: r, onChange: i, value: a, error: o, ...s }) {
 	let c = () => {
 		s.disabled || i?.(!e);
 	};
-	return /* @__PURE__ */ v(F, {
+	return /* @__PURE__ */ g(N, {
 		as: "button",
 		type: "button",
 		role: "radio",
@@ -434,13 +423,13 @@ function ae({ checked: e, className: t, id: n, name: r, onChange: i, value: a, e
 		onClick: c,
 		"aria-checked": e,
 		...s,
-		children: [/* @__PURE__ */ _("i", {
+		children: [/* @__PURE__ */ h("i", {
 			className: "block w-2.5 h-2.5 rounded-full transition-transform",
 			style: {
 				transform: e ? "" : "scale(0.8)",
 				opacity: +!!e
 			}
-		}), /* @__PURE__ */ _("input", {
+		}), /* @__PURE__ */ h("input", {
 			type: "radio",
 			"aria-hidden": "true",
 			name: r,
@@ -462,11 +451,11 @@ function ae({ checked: e, className: t, id: n, name: r, onChange: i, value: a, e
 }
 //#endregion
 //#region src/forms/Switch/index.tsx
-function oe({ checked: e, onChange: t, value: n, id: r, name: i, error: a, ref: o, ...s }) {
+function ie({ checked: e, onChange: t, value: n, id: r, name: i, error: a, ref: o, ...s }) {
 	let c = () => {
 		s.disabled || t?.(!e);
 	};
-	return /* @__PURE__ */ v(F, {
+	return /* @__PURE__ */ g(N, {
 		as: "button",
 		type: "button",
 		role: "switch",
@@ -481,10 +470,10 @@ function oe({ checked: e, onChange: t, value: n, id: r, name: i, error: a, ref:
 		"aria-checked": e,
 		"aria-invalid": a,
 		...s,
-		children: [/* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ h("span", {
 			className: "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
 			style: { transform: e ? "translateX(100%)" : "" }
-		}), /* @__PURE__ */ _("input", {
+		}), /* @__PURE__ */ h("input", {
 			ref: o,
 			type: "checkbox",
 			"aria-hidden": "true",
@@ -507,14 +496,14 @@ function oe({ checked: e, onChange: t, value: n, id: r, name: i, error: a, ref:
 }
 //#endregion
 //#region src/components/Accordion/index.tsx
-function se({ header: e, show: t, children: n, timeout: r = 300, ...i }) {
-	let a = m(null), o = m(0), s = m(0), c = m(!0);
-	return u(() => {
+function ae({ header: e, show: t, children: n, timeout: r = 300, ...i }) {
+	let a = f(null), o = f(0), s = f(0), l = f(!0);
+	return c(() => {
 		s.current = r;
-	}, [r]), W(() => {
+	}, [r]), H(() => {
 		if (!a.current) return;
-		if (a.current.style.overflow = "hidden", a.current.style.opacity = "1", c.current) {
-			c.current = !1, a.current.style.height = t ? "auto" : "0px", t ? window.requestAnimationFrame(() => {
+		if (a.current.style.overflow = "hidden", a.current.style.opacity = "1", l.current) {
+			l.current = !1, a.current.style.height = t ? "auto" : "0px", t ? window.requestAnimationFrame(() => {
 				a.current && (o.current = a.current.offsetHeight);
 			}) : (window.requestAnimationFrame(() => {
 				a.current && (a.current.style.height = "auto", o.current = a.current.offsetHeight, a.current.style.height = "0px");
@@ -536,9 +525,9 @@ function se({ header: e, show: t, children: n, timeout: r = 300, ...i }) {
 		return s.current === 0 ? r() : n = window.setTimeout(r, s.current), () => {
 			e.forEach(window.cancelAnimationFrame), n && window.clearTimeout(n);
 		};
-	}, [t]), /* @__PURE__ */ v("div", {
+	}, [t]), /* @__PURE__ */ g("div", {
 		...i,
-		children: [e, /* @__PURE__ */ _("div", {
+		children: [e, /* @__PURE__ */ h("div", {
 			className: "transition-all ease-in-out overflow-hidden",
 			role: "region",
 			"aria-hidden": !t,
@@ -550,72 +539,70 @@ function se({ header: e, show: t, children: n, timeout: r = 300, ...i }) {
 }
 //#endregion
 //#region src/components/Tooltip/index.tsx
-var J = o(({ children: e, position: t = "bottom", label: i, className: a, timeout: o = 150, offset: s = {
+var q = i(({ render: e, position: t = "bottom", label: n, className: r, timeout: i = 150, offset: a = {
 	x: 0,
 	y: 6
-}, clientPoint: c = !1, disabled: l }, f) => {
-	let [p, m] = h(!1), y = k(), { refs: w, floatingStyles: E, context: M } = D({
-		nodeId: y,
-		open: p,
+}, clientPoint: o = !1, disabled: s }, u) => {
+	let [d, f] = p(!1), _ = D(), { refs: S, floatingStyles: w, context: A } = T({
+		nodeId: _,
+		open: d,
 		placement: t,
 		middleware: [
-			C(),
 			x(),
-			S({
-				mainAxis: s.y,
-				crossAxis: s.x
+			y(),
+			b({
+				mainAxis: a.y,
+				crossAxis: a.x
 			})
 		],
-		whileElementsMounted: l ? void 0 : b,
-		onOpenChange: m
-	}), { getReferenceProps: N, getFloatingProps: P } = A([O(M, { enabled: !l }), T(M, { enabled: c })]), { isMounted: F, styles: I } = j(M, {
-		duration: o,
+		whileElementsMounted: s ? void 0 : v,
+		onOpenChange: f
+	}), { getReferenceProps: j, getFloatingProps: M } = O([E(A, { enabled: !s }), C(A, { enabled: o })]), { isMounted: N, styles: P } = k(A, {
+		duration: i,
 		initial: {
 			opacity: 0,
 			transform: "scale(0.8)"
 		}
 	});
-	d(f, () => ({
-		floating: w.floating,
-		reference: w.reference,
-		open: () => m(!0),
-		close: () => m(!1)
-	})), u(() => {
-		l && m(!1);
-	}, [l]);
-	let L = typeof e == "string" ? /* @__PURE__ */ _("span", { children: e }) : e;
-	return /* @__PURE__ */ v(g, { children: [r(n.only(L), {
-		ref: w.setReference,
-		...N()
-	}), /* @__PURE__ */ _(G, {
-		disabled: l || !F,
-		children: /* @__PURE__ */ _("div", {
+	return l(u, () => ({
+		floating: S.floating,
+		reference: S.reference,
+		open: () => f(!0),
+		close: () => f(!1)
+	})), c(() => {
+		s && f(!1);
+	}, [s]), /* @__PURE__ */ g(m, { children: [e({
+		ref: S.setReference,
+		...j()
+	}), /* @__PURE__ */ h(U, {
+		disabled: s || !N,
+		children: /* @__PURE__ */ h("div", {
 			role: "tooltip",
 			className: "z-9999",
-			ref: w.setFloating,
-			...P({ style: E }),
-			children: /* @__PURE__ */ _(Y, {
-				className: a,
-				style: I,
-				children: i
+			ref: S.setFloating,
+			...M({ style: w }),
+			children: /* @__PURE__ */ h(J, {
+				className: r,
+				style: P,
+				children: n
 			})
 		})
 	})] });
 });
-J.displayName = "Tooltip";
-var Y = o(({ className: e, custom: t, ...n }, r) => {
-	let i = p(() => P(N("relative w-auto h-auto outline-none transition-transform ease-in-out whitespace-pre", t ? null : "border border-accent rounded shadow-md px-3 py-1 bg-background"), e), [e, t]);
-	return /* @__PURE__ */ _("div", {
+q.displayName = "Tooltip";
+var J = i(({ className: e, custom: t, ...n }, r) => {
+	let i = d(() => M(j("relative w-auto h-auto outline-none transition-transform ease-in-out whitespace-pre", t ? null : "border border-accent rounded shadow-md px-3 py-1 bg-background"), e), [e, t]);
+	return /* @__PURE__ */ h("div", {
 		ref: r,
 		className: i,
 		...n
 	});
 });
-Y.displayName = "TooltipContent";
+J.displayName = "TooltipContent";
 //#endregion
 //#region src/elements/Button/index.tsx
-function X({ variant: e, size: t }) {
-	return N("inline-flex items-center justify-center whitespace-nowrap transition-colors rounded-md cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-auto", {
+function Y({ variant: e, size: t }) {
+	return j("inline-flex items-center justify-center whitespace-nowrap transition-colors rounded-md cursor-pointer", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-auto", {
 		"bg-primary text-inverted hover:bg-primary-fore": !e || e === "primary",
 		"bg-info text-inverted hover:bg-info-fore": e === "info",
 		"bg-warn text-inverted hover:bg-warn-fore": e === "warn",
@@ -628,8 +615,8 @@ function X({ variant: e, size: t }) {
 		"p-1.5": t === "icon"
 	});
 }
-function ce({ size: e, variant: t, className: n, ...r }) {
-	let i = p(() => P(X({
+function oe({ size: e, variant: t, className: n, ...r }) {
+	let i = d(() => M(Y({
 		size: e,
 		variant: t
 	}), n), [
@@ -637,7 +624,7 @@ function ce({ size: e, variant: t, className: n, ...r }) {
 		t,
 		n
 	]);
-	return /* @__PURE__ */ _("button", {
+	return /* @__PURE__ */ h("button", {
 		className: i,
 		type: "button",
 		...r
@@ -645,57 +632,57 @@ function ce({ size: e, variant: t, className: n, ...r }) {
 }
 //#endregion
 //#region src/components/Dialog/index.tsx
-var le = {
+var se = {
 	open: 150,
 	close: 75
 };
-function ue({ open: e, children: t, timeout: n = le, padding: r = "0.85rem", verticalAlign: i = "center", closeOnOverlay: a, closeOnEsc: o, onExited: s, className: l, onOpenChange: d, size: f, ...h }) {
-	let g = m(s), v = m(!1), b = k(), { refs: x, context: S } = D({
+function ce({ open: e, children: t, timeout: n = se, padding: r = "0.85rem", verticalAlign: i = "center", closeOnOverlay: a, closeOnEsc: s, onExited: l, className: u, onOpenChange: p, size: m, ...g }) {
+	let v = f(l), y = f(!1), b = D(), { refs: x, context: S } = T({
 		open: e,
-		onOpenChange: d,
+		onOpenChange: p,
 		nodeId: b
-	}), { getFloatingProps: C } = A([E(S, {
-		enabled: o,
-		escapeKey: o,
+	}), { getFloatingProps: C } = O([w(S, {
+		enabled: s,
+		escapeKey: s,
 		outsidePress: !1
-	})]), { isMounted: w, styles: T } = j(S, {
+	})]), { isMounted: E, styles: A } = k(S, {
 		duration: n,
 		initial: {
 			opacity: 0,
 			transform: "scale(0.8)"
 		}
 	});
-	u(() => {
-		v.current !== w && (v.current = w, !w && g.current?.());
-	}, [w]);
-	let O = c(() => {
-		a && d?.(!1);
-	}, [d, a]);
-	g.current = s;
-	let M = p(() => N("grid bg-backdrop z-40 justify-items-center transition ease-in-out", {
+	c(() => {
+		y.current !== E && (y.current = E, !E && v.current?.());
+	}, [E]);
+	let M = o(() => {
+		a && p?.(!1);
+	}, [p, a]);
+	v.current = l;
+	let N = d(() => j("grid bg-backdrop z-40 justify-items-center transition ease-in-out", {
 		"place-items-start items-start": i === "start",
 		"place-items-end": i === "end",
 		"place-items-center": i === "center" || !i
 	}), [i]);
-	return /* @__PURE__ */ _(G, {
-		disabled: !w,
-		children: /* @__PURE__ */ _(y, {
-			className: M,
+	return /* @__PURE__ */ h(U, {
+		disabled: !E,
+		children: /* @__PURE__ */ h(_, {
+			className: N,
 			"data-testid": "vs-dialog-overlay",
-			onClick: O,
+			onClick: M,
 			style: {
 				padding: r,
-				opacity: T.opacity
+				opacity: A.opacity
 			},
 			lockScroll: !0,
-			children: /* @__PURE__ */ _(de, {
+			children: /* @__PURE__ */ h(le, {
 				ref: x.setFloating,
-				className: l,
+				className: u,
 				role: "dialog",
-				size: f,
+				size: m,
 				...C({
-					...h,
-					style: T,
+					...g,
+					style: A,
 					onClick: (e) => e?.stopPropagation()
 				}),
 				children: t
@@ -703,8 +690,8 @@ function ue({ open: e, children: t, timeout: n = le, padding: r = "0.85rem", ver
 		})
 	});
 }
-function de({ size: e, ...t }) {
-	return /* @__PURE__ */ _(F, {
+function le({ size: e, ...t }) {
+	return /* @__PURE__ */ h(N, {
 		classList: [e ? "flex flex-col bg-background shadow-lg p-5 rounded" : null, {
 			"w-full max-w-dialog-sm": e === "small",
 			"w-full max-w-dialog-md": e === "medium",
@@ -715,16 +702,16 @@ function de({ size: e, ...t }) {
 }
 //#endregion
 //#region src/elements/Skeleton/index.tsx
-function fe(e) {
-	return /* @__PURE__ */ _(F, {
+function ue(e) {
+	return /* @__PURE__ */ h(N, {
 		classList: "inline-block animate-pulse rounded-md bg-accent",
 		...e
 	});
 }
 //#endregion
 //#region src/elements/Button/ButtonGroup.tsx
-function pe(e) {
-	return /* @__PURE__ */ _(F, {
+function de(e) {
+	return /* @__PURE__ */ h(N, {
 		role: "group",
 		classList: [
 			"flex items-center justify-center",
@@ -736,8 +723,8 @@ function pe(e) {
 }
 //#endregion
 //#region src/elements/Spinner/index.tsx
-function me({ label: e = "Loading...", ...t }) {
-	return /* @__PURE__ */ v(F, {
+function fe({ label: e = "Loading...", ...t }) {
+	return /* @__PURE__ */ g(N, {
 		as: "svg",
 		classList: "fill-accent animate-spin text-primary",
 		"aria-label": e,
@@ -748,10 +735,10 @@ function me({ label: e = "Loading...", ...t }) {
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
 		...t,
-		children: [/* @__PURE__ */ _("path", {
+		children: [/* @__PURE__ */ h("path", {
 			d: "M100 50.6a50 50 0 1 1-100 0 50 50 0 0 1 100 0Zm-91 0a41 41 0 1 0 82 0 41 41 0 0 0-82 0Z",
 			fill: "currentFill"
-		}), /* @__PURE__ */ _("path", {
+		}), /* @__PURE__ */ h("path", {
 			d: "M94 39a4.2 4.2 0 0 0 3-5.4A50 50 0 0 0 41.7 1.3c-2.4.4-3.9 2.9-3.2 5.3a5 5 0 0 0 5.6 3.5A41 41 0 0 1 88 36 5 5 0 0 0 94 39Z",
 			fill: "currentColor"
 		})]
@@ -759,15 +746,15 @@ function me({ label: e = "Loading...", ...t }) {
 }
 //#endregion
 //#region src/elements/Progress/index.tsx
-function he({ value: e, max: t, ...n }) {
-	let r = p(() => e ? Math.min(100, Math.round(e / t * 100)) : 0, [e, t]);
-	return /* @__PURE__ */ _(F, {
+function pe({ value: e, max: t, ...n }) {
+	let r = d(() => e ? Math.min(100, Math.round(e / t * 100)) : 0, [e, t]);
+	return /* @__PURE__ */ h(N, {
 		role: "progressbar",
 		classList: "relative overflow-hidden rounded-full bg-primary",
 		"aria-valuemax": t,
 		"aria-valuemin": 0,
 		...n,
-		children: /* @__PURE__ */ _(F, {
+		children: /* @__PURE__ */ h(N, {
 			className: "h-full w-full flex-1 bg-input transition-all origin-right",
 			style: { transform: `translateX(${r}%)` }
 		})
@@ -775,8 +762,8 @@ function he({ value: e, max: t, ...n }) {
 }
 //#endregion
 //#region src/elements/Divider/index.tsx
-function ge({ orientation: e = "horizontal", ...t }) {
-	return /* @__PURE__ */ _(F, {
+function me({ orientation: e = "horizontal", ...t }) {
+	return /* @__PURE__ */ h(N, {
 		as: "hr",
 		role: "none",
 		classList: ["border-0 p-0 shrink-0 bg-input", e === "horizontal" ? "h-px w-full" : "w-px h-full"],
@@ -785,16 +772,16 @@ function ge({ orientation: e = "horizontal", ...t }) {
 }
 //#endregion
 //#region src/components/Sheet/index.tsx
-var _e = {
+var he = {
 	open: 250,
 	close: 150
 };
-function ve({ open: e, timeout: t = _e, onOpenChange: n, position: r = "right", overlay: i, onExited: a, onOpen: o, ...s }) {
-	let c = k(), l = m(!1), d = m(o), f = m(a), { refs: p, context: h } = D({
+function ge({ open: e, timeout: t = he, onOpenChange: n, position: r = "right", overlay: i, onExited: a, onOpen: o, ...s }) {
+	let l = D(), u = f(!1), d = f(o), p = f(a), { refs: m, context: v } = T({
 		open: e,
 		onOpenChange: n,
-		nodeId: c
-	}), { isMounted: g, styles: b } = j(h, {
+		nodeId: l
+	}), { isMounted: y, styles: b } = k(v, {
 		duration: t,
 		initial() {
 			let e = "translateX(75%)";
@@ -804,22 +791,22 @@ function ve({ open: e, timeout: t = _e, onOpenChange: n, position: r = "right",
 			};
 		}
 	});
-	return u(() => {
-		if (l.current !== g) {
-			if (l.current = g, g) {
+	return c(() => {
+		if (u.current !== y) {
+			if (u.current = y, y) {
 				d.current?.();
 				return;
 			}
-			f.current?.();
+			p.current?.();
 		}
-	}, [g]), f.current = a, d.current = o, /* @__PURE__ */ v(G, {
-		disabled: !g,
-		children: [i ? /* @__PURE__ */ _(y, {
+	}, [y]), p.current = a, d.current = o, /* @__PURE__ */ g(U, {
+		disabled: !y,
+		children: [i ? /* @__PURE__ */ h(_, {
 			className: i === "transparent" ? "" : "bg-backdrop",
 			style: { opacity: b.opacity },
 			onClick: () => n?.(!1)
-		}) : null, /* @__PURE__ */ _(F, {
-			ref: p.setFloating,
+		}) : null, /* @__PURE__ */ h(N, {
+			ref: m.setFloating,
 			role: "complementary",
 			classList: ["fixed transition-transform z-1", {
 				"top-0 right-0 h-full max-h-screen": r === "right",
@@ -828,23 +815,23 @@ function ve({ open: e, timeout: t = _e, onOpenChange: n, position: r = "right",
 				"bottom-0 left-0 right-0 w-full max-w-screen": r === "bottom"
 			}],
 			style: b,
-			children: /* @__PURE__ */ _(ye, { ...s })
+			children: /* @__PURE__ */ h(_e, { ...s })
 		})]
 	});
 }
-function ye(e) {
-	return /* @__PURE__ */ _(F, {
+function _e(e) {
+	return /* @__PURE__ */ h(N, {
 		classList: "relative bg-background min-w-full min-h-full border border-input shadow-lg",
 		...e
 	});
 }
 //#endregion
 //#region src/components/Toast/ToastItem.tsx
-function Z({ type: e, label: t, message: n }) {
-	let { icons: r } = Se();
-	return /* @__PURE__ */ v("div", {
+function X({ type: e, label: t, message: n }) {
+	let { icons: r } = ye();
+	return /* @__PURE__ */ g("div", {
 		className: "flex items-center px-4 py-3 w-80 text-sm bg-background border border-input rounded-lg shadow-md m-2",
-		children: [e ? /* @__PURE__ */ v("figure", {
+		children: [e ? /* @__PURE__ */ g("figure", {
 			className: "mr-2",
 			children: [
 				e === "success" && r?.success ? r.success : null,
@@ -853,23 +840,23 @@ function Z({ type: e, label: t, message: n }) {
 				e === "warn" && r?.warn ? r.warn : null,
 				e === "loading" ? r?.loading : null
 			]
-		}) : null, /* @__PURE__ */ v("div", {
+		}) : null, /* @__PURE__ */ g("div", {
 			className: "space-y-2",
-			children: [/* @__PURE__ */ _("p", {
+			children: [/* @__PURE__ */ h("p", {
 				className: "font-medium leading-none",
 				children: t
-			}), n ? /* @__PURE__ */ _("p", { children: n }) : null]
+			}), n ? /* @__PURE__ */ h("p", { children: n }) : null]
 		})]
 	});
 }
 //#endregion
 //#region src/components/Toast/observer.ts
-function Q() {}
-var $ = new class {
-	notify = Q;
+function Z() {}
+var Q = new class {
+	notify = Z;
 	lastId = 0;
 	subscribe = (e) => (this.notify = e, () => {
-		this.notify = Q;
+		this.notify = Z;
 	});
 	add = (e, t = {}) => {
 		this.lastId += 1;
@@ -903,96 +890,96 @@ var $ = new class {
 }();
 //#endregion
 //#region src/components/Toast/ToastFloat.tsx
-function be({ id: t, type: n, index: r, duration: i = 5e3, className: a, children: o, inverted: s, timeout: l = 250, max: d = 3 }) {
-	let g = m(!1), [v, y] = h(!1), { context: b, refs: x } = D({
+function ve({ id: t, type: n, index: r, duration: i = 5e3, className: a, children: s, inverted: l, timeout: m = 250, max: g = 3 }) {
+	let _ = f(!1), [v, y] = p(!1), { context: b, refs: x } = T({
 		open: v,
 		onOpenChange: y,
 		nodeId: t
-	}), { isMounted: S, styles: C } = j(b, {
-		duration: l,
+	}), { isMounted: S, styles: C } = k(b, {
+		duration: m,
 		initial: {
 			opacity: 0,
-			transform: `translateY(${s ? "" : "-"}50%)`
+			transform: `translateY(${l ? "" : "-"}50%)`
 		}
 	});
-	f(() => {
-		y(r <= d);
-	}, [r, d]), u(() => {
-		g.current !== S && (S || $.remove(t), g.current = S);
-	}, [S, t]), u(() => {
+	u(() => {
+		y(r <= g);
+	}, [r, g]), c(() => {
+		_.current !== S && (S || Q.remove(t), _.current = S);
+	}, [S, t]), c(() => {
 		if (!i) return;
 		let e = window.setTimeout(() => y(!1), i);
 		return () => window.clearTimeout(e);
 	}, [i, t]);
-	let w = c(() => {
+	let w = o(() => {
 		n !== "loading" && y(!1);
-	}, [n]), T = p(() => e("relative flex w-fit transition-transform ease-in-out cursor-pointer", a), [a]);
-	return S ? /* @__PURE__ */ _("li", {
+	}, [n]), E = d(() => e("relative flex w-fit transition-transform ease-in-out cursor-pointer", a), [a]);
+	return S ? /* @__PURE__ */ h("li", {
 		role: "log",
 		tabIndex: -1,
 		ref: x.setFloating,
-		className: T,
+		className: E,
 		style: C,
 		onClick: w,
-		children: o
+		children: s
 	}) : null;
 }
 //#endregion
 //#region src/components/Toast/index.tsx
-var xe = i({});
-function Se() {
-	return l(xe);
+var $ = n({});
+function ye() {
+	return s($);
 }
-function Ce({ className: t, offset: n = {}, position: r = "top-left", max: i, ListItem: o = Z, icons: c }) {
-	let l = p(() => {
+function be({ className: t, offset: n = {}, position: i = "top-left", max: o, ListItem: s = X, icons: c }) {
+	let l = d(() => {
 		let e = {
 			position: "fixed",
 			...n
 		};
-		return Object.keys(n).length || (r.indexOf("top") > -1 ? e.top = "16px" : r.indexOf("bottom") > -1 && (e.bottom = "16px"), r.indexOf("left") > -1 ? e.left = "16px" : r.indexOf("right") > -1 && (e.right = "16px")), r.indexOf("left") > -1 ? e.alignItems = "flex-start" : r.indexOf("right") > -1 ? e.alignItems = "flex-end" : (e.left = "50%", e.alignItems = "center", e.transform = "translateX(-50%)"), e;
-	}, [n, r]), u = p(() => e("flex flex-col z-40 overflow-hidden", t), [t]), d = p(() => r?.startsWith("bottom") || !1, [r]), f = m(/* @__PURE__ */ new Map()), [g, v] = h([]), y = h(0)[1];
-	W(() => $.subscribe((e) => {
-		s(() => {
-			if (e.type === "add") f.current.set(e.id, e.config), v((t) => [...t, e.id]);
+		return Object.keys(n).length || (i.indexOf("top") > -1 ? e.top = "16px" : i.indexOf("bottom") > -1 && (e.bottom = "16px"), i.indexOf("left") > -1 ? e.left = "16px" : i.indexOf("right") > -1 && (e.right = "16px")), i.indexOf("left") > -1 ? e.alignItems = "flex-start" : i.indexOf("right") > -1 ? e.alignItems = "flex-end" : (e.left = "50%", e.alignItems = "center", e.transform = "translateX(-50%)"), e;
+	}, [n, i]), u = d(() => e("flex flex-col z-40 overflow-hidden", t), [t]), m = d(() => i?.startsWith("bottom") || !1, [i]), g = f(/* @__PURE__ */ new Map()), [_, v] = p([]), y = p(0)[1];
+	H(() => Q.subscribe((e) => {
+		a(() => {
+			if (e.type === "add") g.current.set(e.id, e.config), v((t) => [...t, e.id]);
 			else if (e.type === "remove") {
-				if (!f.current.delete(e.id)) return;
+				if (!g.current.delete(e.id)) return;
 				v((t) => {
 					let n = new Set(t);
 					return n.has(e.id) ? (n.delete(e.id), Array.from(n)) : t;
 				});
 			} else if (e.type === "update") {
-				let t = f.current.get(e.id);
+				let t = g.current.get(e.id);
 				if (!t) return;
-				f.current.set(e.id, {
+				g.current.set(e.id, {
 					...t,
 					...e.config
 				}), y((e) => e + 1);
 			}
 		});
 	}), []);
-	let b = p(() => ({ icons: c }), [c]), x = g.length;
-	return /* @__PURE__ */ _(G, { children: /* @__PURE__ */ _("ol", {
+	let b = d(() => ({ icons: c }), [c]), x = _.length;
+	return /* @__PURE__ */ h(U, { children: /* @__PURE__ */ h("ol", {
 		className: u,
 		style: l,
 		"aria-live": "polite",
-		children: /* @__PURE__ */ _(xe.Provider, {
+		children: /* @__PURE__ */ h($.Provider, {
 			value: b,
-			children: g.map((e, t) => {
-				let n = f.current.get(e);
+			children: _.map((e, t) => {
+				let n = g.current.get(e);
 				if (!n) return null;
-				let { className: r, duration: s, ...c } = n;
-				return /* @__PURE__ */ _(be, {
+				let { className: i, duration: a, ...c } = n;
+				return /* @__PURE__ */ h(ve, {
 					id: e,
 					index: x - t,
-					className: r,
-					duration: s,
-					inverted: d,
-					max: i,
-					children: a(o, c)
+					className: i,
+					duration: a,
+					inverted: m,
+					max: o,
+					children: r(s, c)
 				}, e);
 			})
 		})
 	}) });
 }
 //#endregion
-export { se as Accordion, F as Base, ce as Button, pe as ButtonGroup, U as Checkbox, ue as Dialog, ge as Divider, R as FormField, L as FormLabel, B as Input, ee as InputField, q as Popover, G as Portal, he as Progress, ae as Radio, re as Select, ve as Sheet, fe as Skeleton, me as Spinner, oe as Switch, V as Textarea, Ce as Toast, Z as ToastItem, J as Tooltip, N as cn, I as element, P as merge, $ as toast, X as varientButton };
+export { ae as Accordion, N as Base, oe as Button, de as ButtonGroup, V as Checkbox, ce as Dialog, me as Divider, I as FormField, F as FormLabel, R as Input, L as InputField, G as Popover, U as Portal, pe as Progress, re as Radio, K as Select, ge as Sheet, ue as Skeleton, fe as Spinner, ie as Switch, z as Textarea, be as Toast, X as ToastItem, q as Tooltip, j as cn, P as element, M as merge, Q as toast, Y as varientButton };