@empreint/ui 1.0.3 → 1.2.0

package/dist/empreint.js

@@ -1,954 +0,0 @@
-import e from "clsx";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-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_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",
-	className: e(h.breadcrumb, r),
-	children: /* @__PURE__ */ t("ol", {
-		className: h.list,
-		children: n
-	})
-});
-g.Item = ({ children: n, current: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t(D, {
-	className: e(h.item, i),
-	"data-current": r || void 0,
-	"aria-current": r ? "page" : void 0,
-	children: n
-}) }), g.Separator = ({ children: n, className: r }) => /* @__PURE__ */ t("li", {
-	role: "presentation",
-	"aria-hidden": "true",
-	className: e(h.separator, r),
-	children: n ?? "/"
-});
-var re = { button: "_button_r76id_1" }, ie = ({ 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),
-	"data-variant": i,
-	"data-size": a,
-	children: n
-}), _ = {
-	card: "_card_jjoka_1",
-	header: "_header_jjoka_10",
-	footer: "_footer_jjoka_11",
-	body: "_body_jjoka_15"
-}, v = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
-	...i,
-	className: e(_.card, r),
-	children: n
-});
-v.Header = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
-	...i,
-	className: e(_.header, r),
-	children: n
-}), v.Body = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
-	...i,
-	className: e(_.body, r),
-	children: n
-}), v.Footer = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
-	...i,
-	className: e(_.footer, r),
-	children: n
-});
-var y = {
-	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),
-	"data-size": i,
-	children: [/* @__PURE__ */ t("input", {
-		...o,
-		className: y.input,
-		type: "checkbox"
-	}), /* @__PURE__ */ t("span", {
-		className: y.label,
-		children: r
-	})]
-}), oe = {
-	chip: "_chip_1r0ds_1",
-	close: "_close_1r0ds_28"
-}, se = ({ children: r, size: i = "md", onRemove: o, closeAriaLabel: s = "Remove", className: c, ...l }) => /* @__PURE__ */ n("div", {
-	...l,
-	className: e(oe.chip, c),
-	"data-size": i,
-	children: [/* @__PURE__ */ t("span", {
-		className: oe.label,
-		children: r
-	}), o && /* @__PURE__ */ t("button", {
-		type: "button",
-		className: oe.close,
-		"aria-label": s,
-		onClick: o,
-		children: /* @__PURE__ */ t(a, {
-			size: 16,
-			"aria-hidden": !0
-		})
-	})]
-}), ce = ({ 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}`;
-		return r = i, {
-			label: n,
-			url: i
-		};
-	});
-}, le = (e) => {
-	let [t, n] = m(!1);
-	return f(() => {
-		let t = (t) => {
-			t.target && e.current && n(!e.current.contains(t.target));
-		};
-		return document.addEventListener("mousedown", t), () => {
-			document.removeEventListener("mousedown", t);
-		};
-	}, [e]), {
-		hasClickedOutside: t,
-		onReset: () => {
-			n(!1);
-		}
-	};
-}, b = ({ closeOnOutsideClick: e = !0 } = {}) => {
-	let [t, n] = m(!1), r = te(null), { hasClickedOutside: i, onReset: a } = le(r);
-	return f(() => {
-		e && i && (n(!1), a());
-	}, [
-		e,
-		i,
-		a
-	]), {
-		isOpen: t,
-		onClose: () => n(!1),
-		onToggle: () => n(!t),
-		ref: r
-	};
-}, ue = (e) => {
-	let t = new ne(e).getDevice();
-	return {
-		isMobile: t.is("mobile"),
-		isTablet: t.is("tablet"),
-		isMobileOrTablet: t.is("mobile") || t.is("tablet"),
-		isDesktop: !t.type
-	};
-}, de = {
-	desktop: "(min-width: 1281px)",
-	laptop: "(min-width: 1025px) and (max-width: 1280px)",
-	laptopOrUpper: "(min-width: 1025px)",
-	laptopOrLower: "(max-width: 1280px)",
-	tablet: "(min-width: 768px) and (max-width: 1024px)",
-	tabletOrUpper: "(min-width: 768px)",
-	tabletOrLower: "(max-width: 1024px)",
-	largeMobile: "(min-width: 481px) and (max-width: 767px)",
-	largeMobileOrUpper: "(min-width: 481px)",
-	largeMobileOrLower: "(max-width: 767px)",
-	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(() => ({
-		isDesktop: n ? a(t.desktop) : r,
-		isLaptop: n ? a(t.laptop) : r,
-		isLaptopOrUpper: n ? a(t.laptopOrUpper) : r,
-		isLaptopOrLower: n ? a(t.laptopOrLower) : !1,
-		isTablet: n ? a(t.tablet) : i,
-		isTabletOrUpper: n ? a(t.tabletOrUpper) : !1,
-		isTabletOrLower: n ? a(t.tabletOrLower) : i,
-		isLargeMobile: n ? a(t.largeMobile) : i,
-		isLargeMobileOrUpper: n ? a(t.largeMobileOrUpper) : !1,
-		isLargeMobileOrLower: n ? a(t.largeMobileOrLower) : i,
-		isMobile: n ? a(t.mobile) : i,
-		isPortrait: n ? a(t.portrait) : !1,
-		isLandscape: n ? a(t.landscape) : !1
-	}), [
-		t,
-		n,
-		r,
-		i,
-		a
-	]), [s, c] = m(o());
-	return f(() => {
-		if (!n) return;
-		let e = () => c(o());
-		return window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e);
-		};
-	}, [n, o]), {
-		resolution: s,
-		breakpoints: t,
-		match: a
-	};
-}, pe = ({ 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);
-		return e;
-	}, [
-		a,
-		s,
-		r,
-		i
-	]), l = (e) => {
-		o(Math.max(1, Math.min(e, s)));
-	};
-	return {
-		currentPage: a,
-		total: s,
-		items: c,
-		goToPage: l,
-		goToFirst: () => l(1),
-		goToPrevious: () => l(a - 1),
-		goToNext: () => l(a + 1),
-		goToLast: () => l(s),
-		isFirst: a === 1,
-		isLast: a === s
-	};
-}, me = (e) => typeof window < "u" ? { scrollToTop: () => {
-	e?.current && window.scrollTo(0, e.current.offsetTop);
-} } : { scrollToTop: () => null }, he = (e) => {
-	let [t, n] = m(!1);
-	return f(() => {
-		let t = new IntersectionObserver(([e]) => n(e.isIntersecting));
-		return e?.current && t.observe(e.current), () => {
-			e?.current && t.unobserve(e.current);
-		};
-	}, [e]), t;
-}, ge = ({ totalSteps: e, step: t = 1 }) => {
-	let [n, r] = m(t);
-	return {
-		currentIndex: n,
-		nextStep: () => r(n + 1),
-		previousStep: () => r(n - 1),
-		isFirstStep: n === 1,
-		isLastStep: n === e
-	};
-}, x = {
-	collapsible: "_collapsible_gkx1p_1",
-	icon: "_icon_gkx1p_8",
-	trigger: "_trigger_gkx1p_13",
-	label: "_label_gkx1p_23",
-	content: "_content_gkx1p_29"
-}, S = c(null), C = ({ children: n, className: r }) => {
-	let { isOpen: i, onToggle: a, onClose: o } = b({ closeOnOutsideClick: !1 });
-	return /* @__PURE__ */ t(S, {
-		value: {
-			isOpen: i,
-			onToggle: a,
-			onClose: o
-		},
-		children: /* @__PURE__ */ t("div", {
-			className: e(x.collapsible, r),
-			"data-open": i,
-			children: n
-		})
-	});
-};
-C.Trigger = ({ children: i, icon: a = r, className: o }) => {
-	let s = d(S);
-	return /* @__PURE__ */ n("button", {
-		type: "button",
-		"aria-expanded": s?.isOpen,
-		className: e(x.trigger, o),
-		onClick: s?.onToggle,
-		children: [/* @__PURE__ */ t("span", {
-			className: x.label,
-			children: i
-		}), /* @__PURE__ */ t(a, { className: x.icon })]
-	});
-}, C.Content = ({ children: n, className: r }) => d(S)?.isOpen && /* @__PURE__ */ t("div", {
-	className: e(x.content, r),
-	children: n
-}), C.Item = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(x.item, r),
-	children: n
-});
-var w = {
-	"dropdown-menu": "_dropdown-menu_1hjxx_1",
-	icon: "_icon_1hjxx_9",
-	trigger: "_trigger_1hjxx_14",
-	content: "_content_1hjxx_25",
-	item: "_item_1hjxx_44"
-}, T = c(null), E = ({ children: n, className: r }) => {
-	let { isOpen: i, onToggle: a, onClose: o, ref: s } = b();
-	return /* @__PURE__ */ t(T, {
-		value: {
-			isOpen: i,
-			onToggle: a,
-			onClose: o
-		},
-		children: /* @__PURE__ */ t("div", {
-			className: e(w["dropdown-menu"], r),
-			ref: s,
-			"data-open": i,
-			children: n
-		})
-	});
-};
-E.Trigger = ({ children: i, icon: a = r, className: o }) => {
-	let s = d(T);
-	return /* @__PURE__ */ n("button", {
-		type: "button",
-		"aria-expanded": s?.isOpen,
-		className: e(w.trigger, o),
-		onClick: s?.onToggle,
-		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),
-	children: n
-}), E.Item = ({ children: n, onClick: r, className: i }) => {
-	let a = d(T);
-	return /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
-		type: "button",
-		className: e(w.item, i),
-		onClick: () => {
-			r(), a?.onClose();
-		},
-		children: n
-	}) });
-};
-//#endregion
-//#region src/components/slot/slot.tsx
-var D = ({ children: e, ref: t, ...n }) => {
-	if (!l(e)) return null;
-	let r = o.only(e), i = ye(r);
-	return s(r, {
-		..._e(r.props, n),
-		ref: ve(t, i)
-	});
-};
-function _e(e, t) {
-	let n = { ...e };
-	for (let r in t) {
-		let i = t[r], a = e[r];
-		be(r, i) ? n[r] = (...e) => {
-			a?.(...e), i(...e);
-		} : xe(r, i) ? n[r] = [a, i].filter(Boolean).join(" ") : Se(r, i) ? n[r] = {
-			...a,
-			...i
-		} : i !== void 0 && (n[r] = i);
-	}
-	return n;
-}
-function ve(...e) {
-	return (t) => {
-		for (let n of e) typeof n == "function" ? n(t) : n != null && (n.current = t);
-	};
-}
-function ye(e) {
-	return e.props.ref ?? e.ref;
-}
-function be(e, t) {
-	return /^on[A-Z]/.test(e) && typeof t == "function";
-}
-function xe(e, t) {
-	return e === "className" && typeof t == "string";
-}
-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"
-}, 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();
-	}, g = (e) => {
-		e.preventDefault();
-		let t = e.dataTransfer.files[0];
-		s(t), l(!1), i(t);
-	}, re = (e) => {
-		let { target: t } = e;
-		if (t?.files && t?.files.length > 0) {
-			let e = t.files[0];
-			s(e), i(e);
-		}
-	};
-	return f(() => () => {
-		u && URL.revokeObjectURL(u);
-	}, [u]), /* @__PURE__ */ t(k, {
-		value: {
-			file: o,
-			preview: u,
-			inputId: ne,
-			onOpenFilePicker: h,
-			onDrop: g,
-			onDragOver: (e) => {
-				e.preventDefault(), l(!0);
-			},
-			onDragLeave: () => l(!1),
-			onRemove: () => {
-				s(void 0), i(void 0), d.current && (d.current.value = "");
-			},
-			onChange: re
-		},
-		children: /* @__PURE__ */ n("div", {
-			className: e(O.dropzone, a),
-			"data-dragging": c,
-			children: [r, /* @__PURE__ */ t("input", {
-				type: "file",
-				ref: d,
-				id: ne,
-				onChange: re,
-				hidden: !0
-			})]
-		})
-	});
-};
-A.Label = ({ children: n, className: r }) => {
-	let i = d(k);
-	return /* @__PURE__ */ t("label", {
-		className: e(O.label, r),
-		htmlFor: i?.inputId,
-		children: n
-	});
-}, A.Area = ({ children: n, className: r }) => {
-	let i = d(k);
-	return /* @__PURE__ */ t("button", {
-		type: "button",
-		className: e(O.area, r),
-		onClick: i?.onOpenFilePicker,
-		onDrop: i?.onDrop,
-		onDragOver: i?.onDragOver,
-		onDragLeave: i?.onDragLeave,
-		"aria-label": "Upload a file",
-		children: n
-	});
-}, A.Empty = ({ children: n, className: r }) => d(k)?.file ? null : /* @__PURE__ */ t("div", {
-	className: e(O.empty, r),
-	children: n
-}), A.Preview = ({ className: n }) => {
-	let r = d(k);
-	return r?.file ? /* @__PURE__ */ t("div", {
-		className: e(O.preview, n),
-		children: /* @__PURE__ */ t("img", {
-			alt: "preview file",
-			className: O.file,
-			src: r.preview
-		})
-	}) : null;
-}, A.Remove = ({ children: n, className: r }) => {
-	let i = d(k);
-	return i?.file ? /* @__PURE__ */ t(D, {
-		className: e(O.remove, r),
-		onClick: i?.onRemove,
-		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", {
-	...u,
-	className: e(Ce.flex, l),
-	"data-direction": r,
-	"data-justify": i,
-	"data-align": a,
-	"data-wrap": o,
-	"data-gap": s,
-	"data-inline": c || void 0,
-	children: n
-}), j = {
-	input: "_input_1oqk6_1",
-	label: "_label_1oqk6_6",
-	field: "_field_1oqk6_13",
-	message: "_message_1oqk6_50"
-}, M = c(null), N = ({ children: n, status: r = "default", className: i }) => /* @__PURE__ */ t(M, {
-	value: {
-		fieldId: p(),
-		status: r
-	},
-	children: /* @__PURE__ */ t("div", {
-		className: e(j.input, i),
-		"data-status": r,
-		children: n
-	})
-});
-N.Field = ({ className: n, ...r }) => {
-	let i = d(M);
-	return /* @__PURE__ */ t("input", {
-		...r,
-		id: i?.fieldId,
-		"aria-invalid": i?.status === "error",
-		className: e(j.field, n)
-	});
-}, N.Label = ({ children: n, className: r }) => /* @__PURE__ */ t("label", {
-	htmlFor: d(M)?.fieldId,
-	className: e(j.label, r),
-	children: n
-}), N.Message = ({ children: n, className: r }) => /* @__PURE__ */ t("p", {
-	role: d(M)?.status === "error" ? "alert" : void 0,
-	className: e(j.message, r),
-	children: n
-});
-var Te = { flag: "_flag_rgdos_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.Item, {
-		value: n,
-		children: /* @__PURE__ */ t("span", {
-			role: "img",
-			className: e(Te.flag, `fi fi-${n}`),
-			"aria-label": n
-		})
-	}, n)) })]
-}), De = {
-	list: "_list_rx5qv_1",
-	item: "_item_rx5qv_8"
-}, Oe = ({ className: n, children: r }) => /* @__PURE__ */ t("ul", {
-	className: e(De.list, n),
-	children: r
-});
-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", {
-	...i,
-	className: e(P.overlay, r),
-	children: /* @__PURE__ */ t("div", {
-		className: P.loader,
-		children: n
-	})
-});
-ke.Spinner = ({ size: n = "md", className: r, ...a }) => /* @__PURE__ */ t(i, {
-	...a,
-	role: "status",
-	"aria-label": "Loading",
-	"data-size": n,
-	className: e(P.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, {
-		value: {
-			isOpen: i,
-			onToggle: a,
-			onClose: o,
-			ref: s
-		},
-		children: /* @__PURE__ */ t("div", {
-			className: e(F.container, r),
-			"data-open": i,
-			children: n
-		})
-	});
-}, Ae = ({ children: n, className: r }) => {
-	let i = d(I);
-	return /* @__PURE__ */ t(D, {
-		className: e(F.trigger, r),
-		onClick: i?.onToggle,
-		children: n
-	});
-};
-L.Trigger = Ae, L.Content = ({ children: n, className: r }) => {
-	let i = d(I);
-	return i?.isOpen ? /* @__PURE__ */ t("div", {
-		className: e(F.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);
-	return /* @__PURE__ */ t(D, {
-		className: e(F.close, r),
-		onClick: i?.onClose,
-		"aria-label": "Close",
-		children: n
-	});
-}, L.Body = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(F.body, r),
-	children: n
-}), L.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(F.header, r),
-	children: n
-}), L.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(F.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),
-	children: /* @__PURE__ */ t("nav", {
-		className: e(R.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),
-		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),
-		onClick: i?.goToPrevious,
-		"aria-label": "Previous page",
-		children: n
-	});
-}, B.Items = ({ className: n }) => {
-	let r = d(z);
-	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,
-		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),
-		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),
-		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, {
-		value: {
-			isOpen: n,
-			onToggle: r,
-			onClose: i
-		},
-		children: /* @__PURE__ */ t("div", {
-			className: V.container,
-			ref: a,
-			children: e
-		})
-	});
-};
-je.Trigger = ({ children: e }) => /* @__PURE__ */ t(D, {
-	onClick: d(H)?.onToggle,
-	className: V.trigger,
-	children: e
-}), je.Content = ({ children: n, className: r }) => d(H)?.isOpen ? /* @__PURE__ */ t("div", {
-	className: e(V.content, r),
-	children: n
-}) : null;
-var U = {
-	group: "_group_w8g7j_1",
-	item: "_item_w8g7j_7",
-	radio: "_radio_w8g7j_12",
-	label: "_label_w8g7j_27"
-}, Me = c(null), Ne = ({ children: n, onChange: r, defaultValue: i, className: a }) => {
-	let [o, s] = m(i);
-	return /* @__PURE__ */ t(Me, {
-		value: {
-			value: o,
-			name: p(),
-			onChange: (e) => {
-				r?.(e), s(e);
-			}
-		},
-		children: /* @__PURE__ */ t("div", {
-			role: "radiogroup",
-			className: e(U.group, a),
-			children: n
-		})
-	});
-};
-Ne.Item = ({ children: r, value: i, className: a, ...o }) => {
-	let s = d(Me);
-	return /* @__PURE__ */ n("label", {
-		className: e(U.item, a),
-		children: [/* @__PURE__ */ t("input", {
-			...o,
-			name: s?.name,
-			className: U.radio,
-			type: "radio",
-			checked: i === s?.value,
-			onChange: () => s?.onChange(i)
-		}), /* @__PURE__ */ t("span", {
-			className: U.label,
-			children: r
-		})]
-	});
-};
-var W = {
-	container: "_container_7djhc_1",
-	icon: "_icon_7djhc_8",
-	trigger: "_trigger_7djhc_13",
-	content: "_content_7djhc_22",
-	item: "_item_7djhc_39",
-	option: "_option_7djhc_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();
-	return /* @__PURE__ */ t(G, {
-		value: {
-			option: d,
-			defaultValue: r,
-			initDefaultValue: u((e) => f(e), []),
-			isOpen: o,
-			onToggle: s,
-			onClose: c,
-			onChange: (e) => {
-				i?.(e), f(e), c();
-			}
-		},
-		children: /* @__PURE__ */ t("div", {
-			className: e(W.container, a),
-			ref: l,
-			"data-open": o,
-			children: n
-		})
-	});
-};
-K.Trigger = ({ icon: i = r, className: a }) => {
-	let o = d(G);
-	return /* @__PURE__ */ n("button", {
-		type: "button",
-		className: e(W.trigger, a),
-		onClick: o?.onToggle,
-		children: [/* @__PURE__ */ t("span", { children: o?.option?.label }), /* @__PURE__ */ t(i, {
-			className: W.icon,
-			"aria-hidden": !0
-		})]
-	});
-}, K.Content = ({ children: n, className: r }) => /* @__PURE__ */ t("ul", {
-	className: e(W.content, r),
-	children: n
-}), K.Item = ({ children: n, value: r, className: i }) => {
-	let a = d(G);
-	return f(() => {
-		r === a?.defaultValue && a.initDefaultValue({
-			label: n,
-			value: r
-		});
-	}, [
-		a?.defaultValue,
-		a?.initDefaultValue,
-		r,
-		n
-	]), /* @__PURE__ */ t("li", {
-		className: e(W.item, i),
-		"data-selected": a?.option?.value === r,
-		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"
-}, J = ({ children: n, className: r }) => /* @__PURE__ */ t("nav", {
-	className: e(q.container, r),
-	children: n
-});
-J.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("header", {
-	className: e(q.header, r),
-	children: n
-}), J.Group = ({ children: n, className: r }) => /* @__PURE__ */ t("ul", {
-	className: e(q.group, r),
-	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,
-	children: n
-}) }), J.Item = ({ children: n, onClick: r, className: i }) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("button", {
-	type: "button",
-	className: e(q.item, i),
-	onClick: r,
-	children: n
-}) });
-var Y = {
-	container: "_container_cds7q_1",
-	main: "_main_cds7q_6",
-	tbody: "_tbody_cds7q_12",
-	th: "_th_cds7q_19",
-	tr: "_tr_cds7q_25",
-	td: "_td_cds7q_30"
-}, X = ({ className: r, columns: i, records: a, uniqueKey: o, renderHeader: s = () => null, renderFooter: c = () => null, renderColumnsCell: l = (e, n) => /* @__PURE__ */ t(Pe, { children: e.label }, n), renderRecordsCell: u = (e, n) => /* @__PURE__ */ t(Ie, { children: e }, n), renderRecordsEmptyCell: d = (e) => /* @__PURE__ */ t(Ie, { children: "X" }, e), renderNoRecords: f = () => null }) => /* @__PURE__ */ n("div", {
-	className: e(Y.container, r),
-	children: [
-		s(),
-		a.length === 0 ? f() : /* @__PURE__ */ n("table", {
-			className: Y.main,
-			children: [/* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: i.map((e) => l(e, `column-${e.name}`)) }) }), /* @__PURE__ */ t("tbody", {
-				className: Y.tbody,
-				children: (() => {
-					let e = i.map((e) => e.name);
-					return a.map((n, r) => {
-						let i = o ? n[o] : r;
-						return /* @__PURE__ */ t(Fe, { children: e.map((e) => {
-							let t = n[e], r = `row-${i}-cell-${e}`;
-							return t ? u(t, r) : d(r);
-						}) }, `row-${i}`);
-					});
-				})()
-			})]
-		}),
-		c()
-	]
-}), Pe = ({ children: e }) => /* @__PURE__ */ t("th", {
-	className: Y.th,
-	children: e
-}), Fe = ({ children: e }) => /* @__PURE__ */ t("tr", {
-	className: Y.tr,
-	children: e
-}), Ie = ({ children: e }) => /* @__PURE__ */ t("td", {
-	className: Y.td,
-	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, {
-	...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, {
-	...c,
-	className: e(ze.title, s),
-	"data-as": r,
-	"data-size": i,
-	"data-align": a,
-	"data-weight": o,
-	children: n
-}), Z = {
-	container: "_container_1ahie_1",
-	header: "_header_1ahie_6",
-	title: "_title_1ahie_11",
-	footer: "_footer_1ahie_15"
-}, 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({
-		step: r,
-		totalSteps: s
-	});
-	return /* @__PURE__ */ t(Q, {
-		value: {
-			currentStep: a[c - 1] ?? null,
-			currentIndex: c,
-			totalSteps: s,
-			steps: a,
-			onAddStep: u((e) => {
-				o((t) => t.some((t) => t.name === e.name) ? t : [...t, e]);
-			}, []),
-			onRemoveStep: u((e) => {
-				o((t) => t.some((t) => t.name === e) ? t.filter((t) => t.name !== e) : t);
-			}, []),
-			onNext: l,
-			onPrevious: d,
-			isFirstStep: f,
-			isLastStep: p
-		},
-		children: /* @__PURE__ */ t("div", {
-			className: e(Z.container, i),
-			children: n
-		})
-	});
-};
-$.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
-	className: e(Z.header, r),
-	children: n
-}), $.Title = ({ className: n }) => {
-	let r = d(Q);
-	return /* @__PURE__ */ t(Be, {
-		className: e(Z.title, n),
-		children: r?.currentStep?.title
-	});
-}, $.Indicator = () => {
-	let e = d(Q);
-	return e?.totalSteps === 0 ? null : /* @__PURE__ */ n("span", { children: [
-		e?.currentIndex,
-		" / ",
-		e?.totalSteps
-	] });
-}, $.Step = ({ children: n, name: r, title: i, className: a }) => {
-	let o = d(Q);
-	return f(() => (o?.onAddStep({
-		name: r,
-		title: i
-	}), () => {
-		o?.onRemoveStep(r);
-	}), [
-		r,
-		i,
-		o?.onAddStep,
-		o?.onRemoveStep
-	]), o?.currentStep?.name === r ? /* @__PURE__ */ t("div", {
-		className: e(Z.step, a),
-		children: n
-	}) : null;
-}, $.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),
-		onClick: () => {
-			r && r(), a?.onNext();
-		},
-		children: n
-	});
-}, $.Previous = ({ children: n, onClick: r, className: i }) => {
-	let a = d(Q);
-	return a?.isFirstStep ? null : /* @__PURE__ */ t(D, {
-		className: e(Z.button, i),
-		onClick: () => {
-			r && r(), a?.onPrevious();
-		},
-		children: n
-	});
-}, $.Finalize = ({ children: n, onClick: r, className: i }) => d(Q)?.isLastStep ? /* @__PURE__ */ t(D, {
-	className: e(Z.button, i),
-	onClick: r,
-	children: n
-}) : 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 };