@empreint/ui 1.0.2 → 1.1.0

package/dist/empreint.js

@@ -4,10 +4,10 @@ import { ChevronDown as r, LoaderCircle as i, X as a } from "lucide-react";
 import { Children as o, cloneElement as s, createContext as c, isValidElement as l, useCallback as u, useContext as d, useEffect as f, useId as p, useMemo as ee, useRef as te, useState as m } from "react";
 import { UAParser as ne } from "ua-parser-js";
 var h = {
-	breadcrumb: "_breadcrumb_toggc_1",
-	list: "_list_toggc_6",
-	item: "_item_toggc_14",
-	separator: "_separator_toggc_30"
+	breadcrumb: "_breadcrumb_hd0u3_1",
+	list: "_list_hd0u3_6",
+	item: "_item_hd0u3_14",
+	separator: "_separator_hd0u3_33"
 }, g = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("nav", {
 	...i,
 	"aria-label": i["aria-label"] ?? "Breadcrumb",
@@ -19,7 +19,7 @@ var h = {
 });
 g.Item = ({ children: n, current: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(D, {
 	className: e(h.item, i),
-	"data-current": r,
+	"data-current": r || void 0,
 	"aria-current": r ? "page" : void 0,
 	children: n
 }) }), g.Separator = ({ children: n, className: r }) => /* @__PURE__ */ t("li", {
@@ -28,64 +28,64 @@ g.Item = ({ children: n, current: r, className: i }) => /* @__PURE__ */ t("li",
 	className: e(h.separator, r),
 	children: n ?? "/"
 });
-var re = { button: "_button_1x0jf_1" }, ie = ({ children: n, type: r = "button", variant: i = "primary", size: a = "md", className: o, ...s }) => /* @__PURE__ */ t("button", {
+var _ = { button: "_button_wfhg0_1" }, re = ({ children: n, type: r = "button", variant: i = "primary", size: a = "md", className: o, ...s }) => /* @__PURE__ */ t("button", {
 	...s,
 	type: r,
-	className: e(re.button, o),
+	className: e(_.button, o),
 	"data-variant": i,
 	"data-size": a,
 	children: n
-}), _ = {
-	card: "_card_1rxu3_1",
-	header: "_header_1rxu3_10",
-	body: "_body_1rxu3_14",
-	footer: "_footer_1rxu3_19"
-}, v = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+}), v = {
+	card: "_card_jjoka_1",
+	header: "_header_jjoka_10",
+	footer: "_footer_jjoka_11",
+	body: "_body_jjoka_15"
+}, y = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
 	...i,
-	className: e(_.card, r),
+	className: e(v.card, r),
 	children: n
 });
-v.Header = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+y.Header = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
 	...i,
-	className: e(_.header, r),
+	className: e(v.header, r),
 	children: n
-}), v.Body = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+}), y.Body = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
 	...i,
-	className: e(_.body, r),
+	className: e(v.body, r),
 	children: n
-}), v.Footer = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+}), y.Footer = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
 	...i,
-	className: e(_.footer, r),
+	className: e(v.footer, r),
 	children: n
 });
-var y = {
-	checkbox: "_checkbox_acu9o_1",
-	input: "_input_acu9o_9",
-	label: "_label_acu9o_26"
+var ie = {
+	checkbox: "_checkbox_1nf4x_1",
+	input: "_input_1nf4x_8",
+	label: "_label_1nf4x_26"
 }, ae = ({ children: r, size: i = "md", className: a, ...o }) => /* @__PURE__ */ n("label", {
-	className: e(y.checkbox, a),
+	className: e(ie.checkbox, a),
 	"data-size": i,
 	children: [/* @__PURE__ */ t("input", {
 		...o,
-		className: y.input,
+		className: ie.input,
 		type: "checkbox"
 	}), /* @__PURE__ */ t("span", {
-		className: y.label,
+		className: ie.label,
 		children: r
 	})]
-}), oe = {
-	chip: "_chip_1yl2p_1",
-	close: "_close_1yl2p_28"
-}, se = ({ children: r, size: i = "md", onRemove: o, closeAriaLabel: s = "Remove", className: c, ...l }) => /* @__PURE__ */ n("div", {
+}), b = {
+	chip: "_chip_1r0ds_1",
+	close: "_close_1r0ds_28"
+}, oe = ({ children: r, size: i = "md", onRemove: o, closeAriaLabel: s = "Remove", className: c, ...l }) => /* @__PURE__ */ n("div", {
 	...l,
-	className: e(oe.chip, c),
+	className: e(b.chip, c),
 	"data-size": i,
 	children: [/* @__PURE__ */ t("span", {
-		className: oe.label,
+		className: b.label,
 		children: r
 	}), o && /* @__PURE__ */ t("button", {
 		type: "button",
-		className: oe.close,
+		className: b.close,
 		"aria-label": s,
 		onClick: o,
 		children: /* @__PURE__ */ t(a, {
@@ -93,7 +93,7 @@ var y = {
 			"aria-hidden": !0
 		})
 	})]
-}), ce = ({ url: e = new URL(location.href), mapping: t }) => {
+}), se = ({ url: e = new URL(location.href), mapping: t }) => {
 	let n = e.pathname.split("/").slice(1), r = "";
 	return n.map((e) => {
 		let n = t?.find(({ path: t }) => e === t)?.label ?? e, i = `${r}/${e}`;
@@ -102,7 +102,7 @@ var y = {
 			url: i
 		};
 	});
-}, le = (e) => {
+}, ce = (e) => {
 	let [t, n] = m(!1);
 	return f(() => {
 		let t = (t) => {
@@ -117,8 +117,8 @@ var y = {
 			n(!1);
 		}
 	};
-}, b = ({ closeOnOutsideClick: e = !0 } = {}) => {
-	let [t, n] = m(!1), r = te(null), { hasClickedOutside: i, onReset: a } = le(r);
+}, x = ({ closeOnOutsideClick: e = !0 } = {}) => {
+	let [t, n] = m(!1), r = te(null), { hasClickedOutside: i, onReset: a } = ce(r);
 	return f(() => {
 		e && i && (n(!1), a());
 	}, [
@@ -131,7 +131,7 @@ var y = {
 		onToggle: () => n(!t),
 		ref: r
 	};
-}, ue = (e) => {
+}, le = (e) => {
 	let t = new ne(e).getDevice();
 	return {
 		isMobile: t.is("mobile"),
@@ -139,7 +139,7 @@ var y = {
 		isMobileOrTablet: t.is("mobile") || t.is("tablet"),
 		isDesktop: !t.type
 	};
-}, de = {
+}, ue = {
 	desktop: "(min-width: 1281px)",
 	laptop: "(min-width: 1025px) and (max-width: 1280px)",
 	laptopOrUpper: "(min-width: 1025px)",
@@ -153,8 +153,8 @@ var y = {
 	mobile: "(min-width: 320px) and (max-width: 480px)",
 	portrait: "(orientation: portrait)",
 	landscape: "(orientation: landscape)"
-}, fe = (e, t = de) => {
-	let n = typeof window < "u", { isDesktop: r, isMobile: i } = ue(e), a = u((e) => n && window.matchMedia(e).matches, [n]), o = u(() => ({
+}, de = (e, t = ue) => {
+	let n = typeof window < "u", { isDesktop: r, isMobile: i } = le(e), a = u((e) => n && window.matchMedia(e).matches, [n]), o = u(() => ({
 		isDesktop: n ? a(t.desktop) : r,
 		isLaptop: n ? a(t.laptop) : r,
 		isLaptopOrUpper: n ? a(t.laptopOrUpper) : r,
@@ -186,7 +186,7 @@ var y = {
 		breakpoints: t,
 		match: a
 	};
-}, pe = ({ page: e, totalRecords: t, maxRecordsPerPage: n = 10, itemNeighbours: r = 2, minItems: i = 5 }) => {
+}, fe = ({ page: e, totalRecords: t, maxRecordsPerPage: n = 10, itemNeighbours: r = 2, minItems: i = 5 }) => {
 	let [a, o] = m(e), s = Math.ceil(t / n), c = ee(() => {
 		let e = [], t = Math.max(1, Math.min(a - r, s + 1 - i)), n = Math.min(s, Math.max(i, a + r));
 		for (let r = t; r <= n; r++) e.push(r);
@@ -211,9 +211,9 @@ var y = {
 		isFirst: a === 1,
 		isLast: a === s
 	};
-}, me = (e) => typeof window < "u" ? { scrollToTop: () => {
+}, pe = (e) => typeof window < "u" ? { scrollToTop: () => {
 	e?.current && window.scrollTo(0, e.current.offsetTop);
-} } : { scrollToTop: () => null }, he = (e) => {
+} } : { scrollToTop: () => null }, me = (e) => {
 	let [t, n] = m(!1);
 	return f(() => {
 		let t = new IntersectionObserver(([e]) => n(e.isIntersecting));
@@ -221,7 +221,7 @@ var y = {
 			e?.current && t.unobserve(e.current);
 		};
 	}, [e]), t;
-}, ge = ({ totalSteps: e, step: t = 1 }) => {
+}, he = ({ totalSteps: e, step: t = 1 }) => {
 	let [n, r] = m(t);
 	return {
 		currentIndex: n,
@@ -230,54 +230,54 @@ var y = {
 		isFirstStep: n === 1,
 		isLastStep: n === e
 	};
-}, x = {
-	container: "_container_1lyxs_1",
-	icon: "_icon_1lyxs_8",
-	trigger: "_trigger_1lyxs_13",
-	label: "_label_1lyxs_23",
-	content: "_content_1lyxs_29"
-}, S = c(null), C = ({ children: n, className: r }) => {
-	let { isOpen: i, onToggle: a, onClose: o } = b({ closeOnOutsideClick: !1 });
-	return /* @__PURE__ */ t(S, {
+}, S = {
+	collapsible: "_collapsible_gkx1p_1",
+	icon: "_icon_gkx1p_8",
+	trigger: "_trigger_gkx1p_13",
+	label: "_label_gkx1p_23",
+	content: "_content_gkx1p_29"
+}, ge = c(null), C = ({ children: n, className: r }) => {
+	let { isOpen: i, onToggle: a, onClose: o } = x({ closeOnOutsideClick: !1 });
+	return /* @__PURE__ */ t(ge, {
 		value: {
 			isOpen: i,
 			onToggle: a,
 			onClose: o
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: e(x.container, r),
+			className: e(S.collapsible, r),
 			"data-open": i,
 			children: n
 		})
 	});
 };
 C.Trigger = ({ children: i, icon: a = r, className: o }) => {
-	let s = d(S);
+	let s = d(ge);
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		"aria-expanded": s?.isOpen,
-		className: e(x.trigger, o),
+		className: e(S.trigger, o),
 		onClick: s?.onToggle,
 		children: [/* @__PURE__ */ t("span", {
-			className: x.label,
+			className: S.label,
 			children: i
-		}), /* @__PURE__ */ t(a, { className: x.icon })]
+		}), /* @__PURE__ */ t(a, { className: S.icon })]
 	});
-}, C.Content = ({ children: n, className: r }) => d(S)?.isOpen && /* @__PURE__ */ t("div", {
-	className: e(x.content, r),
+}, C.Content = ({ children: n, className: r }) => d(ge)?.isOpen && /* @__PURE__ */ t("div", {
+	className: e(S.content, r),
 	children: n
 }), C.Item = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(x.item, r),
+	className: e(S.item, r),
 	children: n
 });
 var w = {
-	container: "_container_iwhz5_1",
-	icon: "_icon_iwhz5_9",
-	trigger: "_trigger_iwhz5_14",
-	content: "_content_iwhz5_23",
-	item: "_item_iwhz5_34"
+	"dropdown-menu": "_dropdown-menu_9lrfc_1",
+	icon: "_icon_9lrfc_9",
+	trigger: "_trigger_9lrfc_14",
+	content: "_content_9lrfc_25",
+	item: "_item_9lrfc_44"
 }, T = c(null), E = ({ children: n, className: r }) => {
-	let { isOpen: i, onToggle: a, onClose: o, ref: s } = b();
+	let { isOpen: i, onToggle: a, onClose: o, ref: s } = x();
 	return /* @__PURE__ */ t(T, {
 		value: {
 			isOpen: i,
@@ -285,7 +285,7 @@ var w = {
 			onClose: o
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: e(w.container, r),
+			className: e(w["dropdown-menu"], r),
 			ref: s,
 			"data-open": i,
 			children: n
@@ -299,10 +299,7 @@ E.Trigger = ({ children: i, icon: a = r, className: o }) => {
 		"aria-expanded": s?.isOpen,
 		className: e(w.trigger, o),
 		onClick: s?.onToggle,
-		children: [/* @__PURE__ */ t("span", {
-			className: "label",
-			children: i
-		}), /* @__PURE__ */ t(a, { className: w.icon })]
+		children: [/* @__PURE__ */ t("span", { children: i }), /* @__PURE__ */ t(a, { className: w.icon })]
 	});
 }, E.Content = ({ children: n, className: r }) => d(T)?.isOpen && /* @__PURE__ */ t("ul", {
 	className: e(w.content, r),
@@ -359,11 +356,11 @@ function Se(e, t) {
 	return e === "style" && typeof t == "object" && !!t;
 }
 var O = {
-	dropzone: "_dropzone_1ocjd_1",
-	label: "_label_1ocjd_7",
-	area: "_area_1ocjd_11",
-	file: "_file_1ocjd_27",
-	remove: "_remove_1ocjd_32"
+	dropzone: "_dropzone_cx6z7_1",
+	label: "_label_cx6z7_7",
+	area: "_area_cx6z7_11",
+	file: "_file_cx6z7_27",
+	remove: "_remove_cx6z7_31"
 }, k = c(null), A = ({ children: r, onChange: i, className: a }) => {
 	let [o, s] = m(), [c, l] = m(!1), u = ee(() => o ? URL.createObjectURL(o) : void 0, [o]), d = te(null), ne = p(), h = () => {
 		d.current?.click();
@@ -371,7 +368,7 @@ var O = {
 		e.preventDefault();
 		let t = e.dataTransfer.files[0];
 		s(t), l(!1), i(t);
-	}, re = (e) => {
+	}, _ = (e) => {
 		let { target: t } = e;
 		if (t?.files && t?.files.length > 0) {
 			let e = t.files[0];
@@ -394,7 +391,7 @@ var O = {
 			onRemove: () => {
 				s(void 0), i(void 0), d.current && (d.current.value = "");
 			},
-			onChange: re
+			onChange: _
 		},
 		children: /* @__PURE__ */ n("div", {
 			className: e(O.dropzone, a),
@@ -403,7 +400,7 @@ var O = {
 				type: "file",
 				ref: d,
 				id: ne,
-				onChange: re,
+				onChange: _,
 				hidden: !0
 			})]
 		})
@@ -449,7 +446,7 @@ A.Label = ({ children: n, className: r }) => {
 		children: n
 	}) : null;
 };
-var Ce = { flex: "_flex_c7a8p_1" }, we = ({ children: n, direction: r, justify: i, align: a, wrap: o, gap: s, inline: c, className: l, ...u }) => /* @__PURE__ */ t("div", {
+var Ce = { flex: "_flex_1t1i9_1" }, we = ({ children: n, direction: r, justify: i, align: a, wrap: o, gap: s, inline: c, className: l, ...u }) => /* @__PURE__ */ t("div", {
 	...u,
 	className: e(Ce.flex, l),
 	"data-direction": r,
@@ -460,10 +457,10 @@ var Ce = { flex: "_flex_c7a8p_1" }, we = ({ children: n, direction: r, justify:
 	"data-inline": c || void 0,
 	children: n
 }), j = {
-	input: "_input_1oqk6_1",
-	label: "_label_1oqk6_6",
-	field: "_field_1oqk6_13",
-	message: "_message_1oqk6_50"
+	input: "_input_1yroi_1",
+	label: "_label_1yroi_6",
+	field: "_field_1yroi_13",
+	message: "_message_1yroi_53"
 }, M = c(null), N = ({ children: n, status: r = "default", className: i }) => /* @__PURE__ */ t(M, {
 	value: {
 		fieldId: p(),
@@ -492,9 +489,9 @@ N.Field = ({ className: n, ...r }) => {
 	className: e(j.message, r),
 	children: n
 });
-var Te = { flag: "_flag_5qlmj_1" }, Ee = ({ languages: r, ...i }) => /* @__PURE__ */ n(K, {
+var Te = { flag: "_flag_ia12f_1" }, Ee = ({ languages: r, ...i }) => /* @__PURE__ */ n(K, {
 	...i,
-	children: [/* @__PURE__ */ t(K.Trigger, {}), /* @__PURE__ */ t(K.Content, { children: r.map((n) => /* @__PURE__ */ t(K.Option, {
+	children: [/* @__PURE__ */ t(K.Trigger, {}), /* @__PURE__ */ t(K.Content, { children: r.map((n) => /* @__PURE__ */ t(K.Item, {
 		value: n,
 		children: /* @__PURE__ */ t("span", {
 			role: "img",
@@ -503,8 +500,8 @@ var Te = { flag: "_flag_5qlmj_1" }, Ee = ({ languages: r, ...i }) => /* @__PURE_
 		})
 	}, n)) })]
 }), De = {
-	list: "_list_rx5qv_1",
-	item: "_item_rx5qv_8"
+	list: "_list_1dqa6_1",
+	item: "_item_1dqa6_8"
 }, Oe = ({ className: n, children: r }) => /* @__PURE__ */ t("ul", {
 	className: e(De.list, n),
 	children: r
@@ -513,171 +510,175 @@ Oe.Item = ({ children: n, className: r }) => /* @__PURE__ */ t("li", {
 	className: e(De.item, r),
 	children: n
 });
-var P = {
-	overlay: "_overlay_1fg4d_1",
-	loader: "_loader_1fg4d_8",
-	spinner: "_spinner_1fg4d_18",
-	loading: "_loading_1fg4d_1"
-}, ke = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
+var ke = {
+	overlay: "_overlay_9jli1_1",
+	loader: "_loader_9jli1_8",
+	spinner: "_spinner_9jli1_18",
+	loading: "_loading_9jli1_1"
+}, Ae = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
 	...i,
-	className: e(P.overlay, r),
+	className: e(ke.overlay, r),
 	children: /* @__PURE__ */ t("div", {
-		className: P.loader,
+		className: ke.loader,
 		children: n
 	})
 });
-ke.Spinner = ({ size: n = "md", className: r, ...a }) => /* @__PURE__ */ t(i, {
+Ae.Spinner = ({ size: n = "md", className: r, ...a }) => /* @__PURE__ */ t(i, {
 	...a,
 	role: "status",
 	"aria-label": "Loading",
 	"data-size": n,
-	className: e(P.spinner, r)
+	className: e(ke.spinner, r)
 });
-var F = {
-	content: "_content_1gpeo_1",
-	overlay: "_overlay_1gpeo_16",
-	trigger: "_trigger_1gpeo_23",
-	header: "_header_1gpeo_27",
-	close: "_close_1gpeo_32",
-	footer: "_footer_1gpeo_37"
-}, I = c(null), L = ({ children: n, className: r }) => {
-	let { isOpen: i, onToggle: a, onClose: o, ref: s } = b();
-	return /* @__PURE__ */ t(I, {
+var P = {
+	content: "_content_1dffc_1",
+	overlay: "_overlay_1dffc_17",
+	trigger: "_trigger_1dffc_24",
+	close: "_close_1dffc_25",
+	header: "_header_1dffc_29",
+	footer: "_footer_1dffc_38"
+}, F = c(null), I = ({ children: e, className: n }) => {
+	let { isOpen: r, onToggle: i, onClose: a, ref: o } = x();
+	return /* @__PURE__ */ t(F, {
 		value: {
-			isOpen: i,
-			onToggle: a,
-			onClose: o,
-			ref: s
+			isOpen: r,
+			onToggle: i,
+			onClose: a,
+			ref: o
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: e(F.container, r),
-			"data-open": i,
-			children: n
+			className: n,
+			"data-open": r,
+			children: e
 		})
 	});
-}, Ae = ({ children: n, className: r }) => {
-	let i = d(I);
+}, je = ({ children: n, className: r }) => {
+	let i = d(F);
 	return /* @__PURE__ */ t(D, {
-		className: e(F.trigger, r),
+		className: e(P.trigger, r),
 		onClick: i?.onToggle,
 		children: n
 	});
 };
-L.Trigger = Ae, L.Content = ({ children: n, className: r }) => {
-	let i = d(I);
+I.Trigger = je, I.Content = ({ children: n, className: r }) => {
+	let i = d(F);
 	return i?.isOpen ? /* @__PURE__ */ t("div", {
-		className: e(F.content, r),
+		className: e(P.content, r),
 		ref: i?.ref,
 		role: "dialog",
 		"aria-modal": "true",
 		"aria-label": "Modal",
 		children: n
 	}) : null;
-}, L.Overlay = ({ className: n }) => d(I)?.isOpen && /* @__PURE__ */ t("div", { className: e(F.overlay, n) }), L.Close = ({ children: n, className: r }) => {
-	let i = d(I);
+}, I.Overlay = ({ className: n }) => d(F)?.isOpen && /* @__PURE__ */ t("div", { className: e(P.overlay, n) }), I.Close = ({ children: n, className: r }) => {
+	let i = d(F);
 	return /* @__PURE__ */ t(D, {
-		className: e(F.close, r),
+		className: e(P.close, r),
 		onClick: i?.onClose,
 		"aria-label": "Close",
 		children: n
 	});
-}, L.Body = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(F.body, r),
+}, I.Body = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(P.body, r),
 	children: n
-}), L.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(F.header, r),
+}), I.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(P.header, r),
 	children: n
-}), L.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(F.footer, r),
+}), I.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(P.footer, r),
 	children: n
 });
-var R = {
-	pagination: "_pagination_1o1x6_1",
-	item: "_item_1o1x6_6"
-}, z = c(null), B = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t(z, {
-	value: pe(i),
+var L = {
+	pagination: "_pagination_d7y9w_1",
+	item: "_item_d7y9w_6"
+}, R = c(null), z = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t(R, {
+	value: fe(i),
 	children: /* @__PURE__ */ t("nav", {
-		className: e(R.pagination, r),
+		className: e(L.pagination, r),
 		"aria-label": "Pagination",
 		children: n
 	})
 });
-B.First = ({ children: n, className: r }) => {
-	let i = d(z);
-	return i?.isFirst ? null : /* @__PURE__ */ t(D, {
-		className: e(R.item, r),
+z.First = ({ children: n, className: r }) => {
+	let i = d(R);
+	return i?.isFirst ? null : /* @__PURE__ */ t("button", {
+		type: "button",
+		className: e(L.item, r),
 		onClick: i?.goToFirst,
 		"aria-label": "First page",
 		children: n
 	});
-}, B.Previous = ({ children: n, className: r }) => {
-	let i = d(z);
-	return i?.isFirst ? null : /* @__PURE__ */ t(D, {
-		className: e(R.item, r),
+}, z.Previous = ({ children: n, className: r }) => {
+	let i = d(R);
+	return i?.isFirst ? null : /* @__PURE__ */ t("button", {
+		type: "button",
+		className: e(L.item, r),
 		onClick: i?.goToPrevious,
 		"aria-label": "Previous page",
 		children: n
 	});
-}, B.Items = ({ className: n }) => {
-	let r = d(z);
+}, z.Items = ({ className: n }) => {
+	let r = d(R);
 	return r?.items.map((i) => /* @__PURE__ */ t("button", {
 		type: "button",
 		"aria-current": i === r?.currentPage ? "page" : void 0,
 		"aria-label": `Page ${i}`,
-		className: e(R.item, n),
-		"data-active": i === r?.currentPage,
+		className: e(L.item, n),
+		"data-active": i === r?.currentPage || void 0,
 		onClick: () => r?.goToPage(i),
 		children: i
 	}, i));
-}, B.Next = ({ children: n, className: r }) => {
-	let i = d(z);
-	return i?.isLast ? null : /* @__PURE__ */ t(D, {
-		className: e(R.item, r),
+}, z.Next = ({ children: n, className: r }) => {
+	let i = d(R);
+	return i?.isLast ? null : /* @__PURE__ */ t("button", {
+		type: "button",
+		className: e(L.item, r),
 		onClick: i?.goToNext,
 		"aria-label": "Next page",
 		children: n
 	});
-}, B.Last = ({ children: n, className: r }) => {
-	let i = d(z);
-	return i?.isLast ? null : /* @__PURE__ */ t(D, {
-		className: e(R.item, r),
+}, z.Last = ({ children: n, className: r }) => {
+	let i = d(R);
+	return i?.isLast ? null : /* @__PURE__ */ t("button", {
+		type: "button",
+		className: e(L.item, r),
 		onClick: i?.goToLast,
 		"aria-label": "Last page",
 		children: n
 	});
 };
-var V = {
-	container: "_container_116du_1",
-	trigger: "_trigger_116du_6",
-	content: "_content_116du_10"
-}, H = c(null), je = ({ children: e }) => {
-	let { isOpen: n, onToggle: r, onClose: i, ref: a } = b();
-	return /* @__PURE__ */ t(H, {
+var B = {
+	popover: "_popover_3kjiv_1",
+	trigger: "_trigger_3kjiv_6",
+	content: "_content_3kjiv_10"
+}, V = c(null), H = ({ children: e }) => {
+	let { isOpen: n, onToggle: r, onClose: i, ref: a } = x();
+	return /* @__PURE__ */ t(V, {
 		value: {
 			isOpen: n,
 			onToggle: r,
 			onClose: i
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: V.container,
+			className: B.popover,
 			ref: a,
 			children: e
 		})
 	});
 };
-je.Trigger = ({ children: e }) => /* @__PURE__ */ t(D, {
-	onClick: d(H)?.onToggle,
-	className: V.trigger,
+H.Trigger = ({ children: e }) => /* @__PURE__ */ t(D, {
+	onClick: d(V)?.onToggle,
+	className: B.trigger,
 	children: e
-}), je.Content = ({ children: n, className: r }) => d(H)?.isOpen ? /* @__PURE__ */ t("div", {
-	className: e(V.content, r),
+}), H.Content = ({ children: n, className: r }) => d(V)?.isOpen ? /* @__PURE__ */ t("div", {
+	className: e(B.content, r),
 	children: n
 }) : null;
 var U = {
-	group: "_group_w8g7j_1",
-	item: "_item_w8g7j_7",
-	radio: "_radio_w8g7j_12",
-	label: "_label_w8g7j_27"
+	group: "_group_11o5g_1",
+	item: "_item_11o5g_7",
+	radio: "_radio_11o5g_12",
+	label: "_label_11o5g_27"
 }, Me = c(null), Ne = ({ children: n, onChange: r, defaultValue: i, className: a }) => {
 	let [o, s] = m(i);
 	return /* @__PURE__ */ t(Me, {
@@ -713,13 +714,14 @@ Ne.Item = ({ children: r, value: i, className: a, ...o }) => {
 	});
 };
 var W = {
-	container: "_container_ukim6_1",
-	icon: "_icon_ukim6_9",
-	trigger: "_trigger_ukim6_14",
-	content: "_content_ukim6_26",
-	option: "_option_ukim6_45"
+	select: "_select_1obkg_1",
+	icon: "_icon_1obkg_8",
+	trigger: "_trigger_1obkg_13",
+	content: "_content_1obkg_22",
+	item: "_item_1obkg_39",
+	option: "_option_1obkg_54"
 }, G = c(null), K = ({ children: n, defaultValue: r, onChange: i, className: a }) => {
-	let { isOpen: o, onToggle: s, onClose: c, ref: l } = b(), [d, f] = m();
+	let { isOpen: o, onToggle: s, onClose: c, ref: l } = x(), [d, f] = m();
 	return /* @__PURE__ */ t(G, {
 		value: {
 			option: d,
@@ -733,7 +735,7 @@ var W = {
 			}
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: e(W.container, a),
+			className: e(W.select, a),
 			ref: l,
 			"data-open": o,
 			children: n
@@ -746,10 +748,7 @@ K.Trigger = ({ icon: i = r, className: a }) => {
 		type: "button",
 		className: e(W.trigger, a),
 		onClick: o?.onToggle,
-		children: [/* @__PURE__ */ t("span", {
-			className: "label",
-			children: o?.option?.label
-		}), /* @__PURE__ */ t(i, {
+		children: [/* @__PURE__ */ t("span", { children: o?.option?.label }), /* @__PURE__ */ t(i, {
 			className: W.icon,
 			"aria-hidden": !0
 		})]
@@ -757,7 +756,7 @@ K.Trigger = ({ icon: i = r, className: a }) => {
 }, K.Content = ({ children: n, className: r }) => /* @__PURE__ */ t("ul", {
 	className: e(W.content, r),
 	children: n
-}), K.Option = ({ children: n, value: r, className: i }) => {
+}), K.Item = ({ children: n, value: r, className: i }) => {
 	let a = d(G);
 	return f(() => {
 		r === a?.defaultValue && a.initDefaultValue({
@@ -769,25 +768,28 @@ K.Trigger = ({ icon: i = r, className: a }) => {
 		a?.initDefaultValue,
 		r,
 		n
-	]), /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
-		type: "button",
-		className: e(W.option, i),
+	]), /* @__PURE__ */ t("li", {
+		className: e(W.item, i),
 		"data-selected": a?.option?.value === r,
-		onClick: () => a?.onChange({
-			label: n,
-			value: r
-		}),
-		children: n
-	}) });
+		children: /* @__PURE__ */ t("button", {
+			type: "button",
+			className: W.option,
+			onClick: () => a?.onChange({
+				label: n,
+				value: r
+			}),
+			children: n
+		})
+	});
 };
 var q = {
-	container: "_container_1lk4x_1",
-	header: "_header_1lk4x_9",
-	group: "_group_1lk4x_15",
-	link: "_link_1lk4x_23",
-	item: "_item_1lk4x_29"
+	sidebar: "_sidebar_1mf5d_1",
+	header: "_header_1mf5d_9",
+	group: "_group_1mf5d_15",
+	link: "_link_1mf5d_23",
+	item: "_item_1mf5d_29"
 }, J = ({ children: n, className: r }) => /* @__PURE__ */ t("nav", {
-	className: e(q.container, r),
+	className: e(q.sidebar, r),
 	children: n
 });
 J.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("header", {
@@ -798,7 +800,7 @@ J.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("header", {
 	children: n
 }), J.Link = ({ children: n, isActive: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(D, {
 	className: e(q.link, i),
-	"data-active": r,
+	"data-active": r || void 0,
 	children: n
 }) }), J.Item = ({ children: n, onClick: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
 	type: "button",
@@ -846,14 +848,14 @@ var Y = {
 	children: e
 });
 X.Th = Pe, X.Tr = Fe, X.Td = Ie;
-var Le = { text: "_text_1hhqv_1" }, Re = ({ children: n, as: r = "p", size: i, align: a, weight: o, className: s, ...c }) => /* @__PURE__ */ t(r, {
+var Le = { text: "_text_176uv_1" }, Re = ({ children: n, as: r = "p", size: i, align: a, weight: o, className: s, ...c }) => /* @__PURE__ */ t(r, {
 	...c,
 	className: e(Le.text, s),
 	"data-size": i,
 	"data-align": a,
 	"data-weight": o,
 	children: n
-}), ze = { title: "_title_10a9e_1" }, Be = ({ children: n, as: r = "h1", size: i, align: a, weight: o, className: s, ...c }) => /* @__PURE__ */ t(r, {
+}), ze = { title: "_title_hjw36_1" }, Be = ({ children: n, as: r = "h1", size: i = "lg", align: a, weight: o, className: s, ...c }) => /* @__PURE__ */ t(r, {
 	...c,
 	className: e(ze.title, s),
 	"data-as": r,
@@ -862,12 +864,12 @@ var Le = { text: "_text_1hhqv_1" }, Re = ({ children: n, as: r = "p", size: i, a
 	"data-weight": o,
 	children: n
 }), Z = {
-	container: "_container_1ahie_1",
-	header: "_header_1ahie_6",
-	title: "_title_1ahie_11",
-	footer: "_footer_1ahie_15"
+	wizard: "_wizard_1yz95_1",
+	header: "_header_1yz95_7",
+	title: "_title_1yz95_12",
+	footer: "_footer_1yz95_16"
 }, Q = c(null), $ = ({ children: n, initialStep: r, className: i }) => {
-	let [a, o] = m([]), s = a.length, { currentIndex: c, nextStep: l, previousStep: d, isFirstStep: f, isLastStep: p } = ge({
+	let [a, o] = m([]), s = a.length, { currentIndex: c, nextStep: l, previousStep: d, isFirstStep: f, isLastStep: p } = he({
 		step: r,
 		totalSteps: s
 	});
@@ -889,7 +891,7 @@ var Le = { text: "_text_1hhqv_1" }, Re = ({ children: n, as: r = "p", size: i, a
 			isLastStep: p
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: e(Z.container, i),
+			className: e(Z.wizard, i),
 			children: n
 		})
 	});
@@ -929,28 +931,28 @@ $.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
 }, $.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
 	className: e(Z.footer, r),
 	children: n
-}), $.Next = ({ children: n, onClick: r, className: i }) => {
-	let a = d(Q);
-	return a?.isLastStep ? null : /* @__PURE__ */ t(D, {
-		className: e(Z.button, i),
+}), $.Next = ({ children: e, onClick: n, className: r }) => {
+	let i = d(Q);
+	return i?.isLastStep ? null : /* @__PURE__ */ t(D, {
+		className: r,
 		onClick: () => {
-			r && r(), a?.onNext();
+			n && n(), i?.onNext();
 		},
-		children: n
+		children: e
 	});
-}, $.Previous = ({ children: n, onClick: r, className: i }) => {
-	let a = d(Q);
-	return a?.isFirstStep ? null : /* @__PURE__ */ t(D, {
-		className: e(Z.button, i),
+}, $.Previous = ({ children: e, onClick: n, className: r }) => {
+	let i = d(Q);
+	return i?.isFirstStep ? null : /* @__PURE__ */ t(D, {
+		className: r,
 		onClick: () => {
-			r && r(), a?.onPrevious();
+			n && n(), i?.onPrevious();
 		},
-		children: n
+		children: e
 	});
-}, $.Finalize = ({ children: n, onClick: r, className: i }) => d(Q)?.isLastStep ? /* @__PURE__ */ t(D, {
-	className: e(Z.button, i),
-	onClick: r,
-	children: n
+}, $.Finalize = ({ children: e, onClick: n, className: r }) => d(Q)?.isLastStep ? /* @__PURE__ */ t(D, {
+	className: r,
+	onClick: n,
+	children: e
 }) : null;
 //#endregion
-export { g as Breadcrumb, ie as Button, v as Card, ae as Checkbox, se as Chip, C as Collapsible, E as DropdownMenu, A as Dropzone, we as Flex, N as Input, Ee as LanguageSelector, Oe as List, ke as Loader, L as Modal, Ae as ModalTrigger, B as Pagination, je as Popover, Ne as RadioGroup, K as Select, J as Sidebar, D as Slot, X as Table, Re as Text, Be as Title, $ as Wizard, de as defaultBreakpoints, ce as useBreadcrumb, b as useDisclosure, ue as useMatchDevice, fe as useMatchResolution, le as useOutsideAlerter, pe as usePagination, me as useScrollTo, he as useVisible, ge as useWizard };
+export { g as Breadcrumb, re as Button, y as Card, ae as Checkbox, oe as Chip, C as Collapsible, E as DropdownMenu, A as Dropzone, we as Flex, N as Input, Ee as LanguageSelector, Oe as List, Ae as Loader, I as Modal, je as ModalTrigger, z as Pagination, H as Popover, Ne as RadioGroup, K as Select, J as Sidebar, D as Slot, X as Table, Re as Text, Be as Title, $ as Wizard, ue as defaultBreakpoints, se as useBreadcrumb, x as useDisclosure, le as useMatchDevice, de as useMatchResolution, ce as useOutsideAlerter, fe as usePagination, pe as useScrollTo, me as useVisible, he as useWizard };