@empreint/ui 1.0.1 → 1.0.3

package/dist/{ui.js → 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,7 +28,7 @@ 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 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),
@@ -36,10 +36,10 @@ var re = { button: "_button_1x0jf_1" }, ie = ({ children: n, type: r = "button",
 	"data-size": a,
 	children: n
 }), _ = {
-	card: "_card_1rxu3_1",
-	header: "_header_1rxu3_10",
-	body: "_body_1rxu3_14",
-	footer: "_footer_1rxu3_19"
+	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),
@@ -59,9 +59,9 @@ v.Header = ({ children: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
 	children: n
 });
 var y = {
-	checkbox: "_checkbox_acu9o_1",
-	input: "_input_acu9o_9",
-	label: "_label_acu9o_26"
+	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,
@@ -74,8 +74,8 @@ var y = {
 		children: r
 	})]
 }), oe = {
-	chip: "_chip_1yl2p_1",
-	close: "_close_1yl2p_28"
+	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),
@@ -231,11 +231,11 @@ var y = {
 		isLastStep: n === e
 	};
 }, x = {
-	container: "_container_1lyxs_1",
-	icon: "_icon_1lyxs_8",
-	trigger: "_trigger_1lyxs_13",
-	label: "_label_1lyxs_23",
-	content: "_content_1lyxs_29"
+	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, {
@@ -245,7 +245,7 @@ var y = {
 			onClose: o
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: e(x.container, r),
+			className: e(x.collapsible, r),
 			"data-open": i,
 			children: n
 		})
@@ -271,11 +271,11 @@ C.Trigger = ({ children: i, icon: a = r, className: o }) => {
 	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_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, {
@@ -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),
@@ -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_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.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",
@@ -713,11 +710,12 @@ 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"
+	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, {
@@ -746,10 +744,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 +752,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,16 +764,19 @@ 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",