@empreint/ui 1.0.0

package/dist/ui.js

@@ -0,0 +1,952 @@
+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_toggc_1",
+	list: "_list_toggc_6",
+	item: "_item_toggc_14",
+	separator: "_separator_toggc_30"
+}, 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,
+	"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_1x0jf_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
+}), _ = {
+	container: "_container_13muw_1",
+	header: "_header_13muw_9",
+	body: "_body_13muw_13",
+	footer: "_footer_13muw_18"
+}, v = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(_.container, r),
+	children: n
+});
+v.Header = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(_.header, r),
+	children: n
+}), v.Body = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(_.body, r),
+	children: n
+}), v.Footer = ({ children: n, className: r }) => /* @__PURE__ */ t("div", {
+	className: e(_.footer, r),
+	children: n
+});
+var y = {
+	checkbox: "_checkbox_acu9o_1",
+	input: "_input_acu9o_9",
+	label: "_label_acu9o_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_1yl2p_1",
+	close: "_close_1yl2p_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 = {
+	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, {
+		value: {
+			isOpen: i,
+			onToggle: a,
+			onClose: o
+		},
+		children: /* @__PURE__ */ t("div", {
+			className: e(x.container, 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 = {
+	container: "_container_iwhz5_1",
+	icon: "_icon_iwhz5_9",
+	trigger: "_trigger_iwhz5_14",
+	content: "_content_iwhz5_23",
+	item: "_item_iwhz5_34"
+}, 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.container, 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", {
+			className: "label",
+			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_5qlmj_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, {
+		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_ukim6_1",
+	icon: "_icon_ukim6_9",
+	trigger: "_trigger_ukim6_14",
+	content: "_content_ukim6_26",
+	option: "_option_ukim6_45"
+}, 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", {
+			className: "label",
+			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.Option = ({ 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", { children: /* @__PURE__ */ t("button", {
+		type: "button",
+		className: e(W.option, i),
+		"data-selected": a?.option?.value === r,
+		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 };