@fiscozen/checkbox 3.0.3 → 3.0.5

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @fiscozen/checkbox
 
+## 3.0.5
+
+### Patch Changes
+
+- Updated dependencies [a243ebb]
+  - @fiscozen/composables@1.0.4
+  - @fiscozen/tooltip@3.0.3
+
+## 3.0.4
+
+### Patch Changes
+
+- Updated dependencies [351b6b7]
+  - @fiscozen/badge@3.0.1
+
 ## 3.0.3
 
 ### Patch Changes

package/dist/checkbox.js

@@ -52,7 +52,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 	right: parseFloat(e.marginRight),
 	top: parseFloat(e.marginTop),
 	bottom: parseFloat(e.marginBottom)
-}), ne = {
+}), ne = (e) => e !== null && (e.width > 0 || e.height > 0), re = {
 	bottom: (e, t) => ({
 		position: {
 			x: e.left - t.left + e.width / 2,
@@ -173,8 +173,8 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 			y: -100
 		}
 	})
-}, re = (e, t, n) => {
-	let r = ne[e];
+}, ie = (e, t, n) => {
+	let r = re[e];
 	return r ? r(t, n) : {
 		position: {
 			x: 0,
@@ -185,7 +185,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 			y: 0
 		}
 	};
-}, ie = {
+}, ae = {
 	bottom: (e, t) => ({
 		position: {
 			x: e.left + e.width / 2,
@@ -306,8 +306,8 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 			y: 0
 		}
 	})
-}, ae = (e, t, n) => {
-	let r = ie[e];
+}, oe = (e, t, n) => {
+	let r = ae[e];
 	return r ? r(t, n) : {
 		position: {
 			x: 0,
@@ -318,7 +318,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 			y: 0
 		}
 	};
-}, oe = (e, t, n, r) => {
+}, se = (e, t, n, r) => {
 	let i = { ...e }, a = { ...r };
 	if (e.x < n.left && (i.x = n.left, a.x = 0), e.x + t.width > n.right) {
 		let e = n.right - t.width;
@@ -332,7 +332,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 		position: i,
 		transform: a
 	};
-}, se = (e, t, n, r, i) => {
+}, ce = (e, t, n, r, i) => {
 	let a = i ? null : t;
 	switch (e) {
 		case "auto": return K(a, n, r);
@@ -343,7 +343,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 		case "auto-vertical-end": return K(a, n, r, "end", !0);
 		default: return "bottom-start";
 	}
-}, ce = (e) => e.startsWith("auto"), le = (e) => {
+}, le = (e) => e.startsWith("auto"), ue = (e) => {
 	let t = S("auto"), n = S(), r = S(), i = S(), a = S(), o = x({ position: {
 		x: 0,
 		y: 0
@@ -379,8 +379,12 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 				left: "0px"
 			});
 			let f = u(d);
-			r.value = f.element, i.value = f.opener ?? void 0, a.value = f.container, c.value.observe(d.element), c.value.observe(d.container), ce(n.value) && d.opener && (n.value = se(n.value, d.container, d.element, d.opener, e.useViewport?.value ?? !1));
-			let p = te(window.getComputedStyle(d.element)), m = d.opener && f.opener ? re(n.value, f.opener, p) : ae(n.value, f.container, f.element), h = oe(ee(f.element, m.position, m.transform.x, m.transform.y), f.element, f.container, m.transform);
+			if (r.value = f.element, i.value = f.opener ?? void 0, a.value = f.container, d.opener && !ne(f.opener)) {
+				d.element.style.display = "none";
+				return;
+			}
+			c.value.observe(d.element), c.value.observe(d.container), le(n.value) && d.opener && (n.value = ce(n.value, d.container, d.element, d.opener, e.useViewport?.value ?? !1));
+			let p = te(window.getComputedStyle(d.element)), m = d.opener && f.opener ? ie(n.value, f.opener, p) : oe(n.value, f.container, f.element), h = se(ee(f.element, m.position, m.transform.x, m.transform.y), f.element, f.container, m.transform);
 			o.position.x = h.position.x, o.position.y = h.position.y, Object.assign(d.element.style, {
 				top: `${o.position.y}px`,
 				left: `${o.position.x}px`,
@@ -396,7 +400,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 };
 //#endregion
 //#region ../composables/src/composables/useMediaQuery.ts
-function ue(e) {
+function de(e) {
 	let t = window.matchMedia(e), r = S(t.matches);
 	function i(e) {
 		r.value = e.matches;
@@ -1926,7 +1930,7 @@ var J = {
 	},
 	$themes: [],
 	$metadata: { tokenSetOrder: ["global", "alias"] }
-}, de = {
+}, fe = {
 	$schema: "http://json-schema.org/draft-07/schema#",
 	description: "Lista dei colori da includere nella safelist di Tailwind. Per aggiungere un nuovo colore, aggiungi il suo nome qui e rigenera il build con 'pnpm run build'.",
 	safeColorNames: [
@@ -1938,7 +1942,7 @@ var J = {
 		"grey",
 		"core"
 	]
-}, fe = {
+}, pe = {
 	$schema: "http://json-schema.org/draft-07/schema#",
 	description: "Lista dei colori semantici da includere nella safelist di Tailwind. Per aggiungere un nuovo colore semantico, aggiungi il suo nome qui e rigenera il build con 'pnpm run build'.",
 	semanticColorNames: [
@@ -1947,8 +1951,8 @@ var J = {
 		"success",
 		"info"
 	]
-}, pe = de.safeColorNames, me = fe.semanticColorNames, Y = {};
-pe.forEach((e) => {
+}, me = fe.safeColorNames, he = pe.semanticColorNames, Y = {};
+me.forEach((e) => {
 	let t = J.global[e];
 	t && Object.keys(t).forEach((n) => {
 		let r = t[n]?.value;
@@ -1956,7 +1960,7 @@ pe.forEach((e) => {
 	});
 });
 var X = J.global.semantic;
-X && me.forEach((e) => {
+X && he.forEach((e) => {
 	let t = X[e];
 	t && typeof t == "object" && Object.keys(t).forEach((n) => {
 		let r = t[n]?.value;
@@ -1968,7 +1972,7 @@ X && me.forEach((e) => {
 });
 //#endregion
 //#region ../style/src/constants.ts
-var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.value, e), {}), ge = /* @__PURE__ */ u({
+var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.value, e), {}), _e = /* @__PURE__ */ u({
 	__name: "FzFloating",
 	props: {
 		isOpen: {
@@ -1989,7 +1993,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	},
 	emits: ["fzfloating:setPosition"],
 	setup(e, { expose: s, emit: c }) {
-		let l = e, u = c, d = S(null), f = S(null), p = P(), m = ue(`(max-width: ${he.xs})`), v = !1, b = !1, x = null, C = null, T = {
+		let l = e, u = c, d = S(null), f = S(null), p = P(), m = de(`(max-width: ${ge.xs})`), v = !1, b = !1, x = null, C = null, T = {
 			position: l.position,
 			element: { domRef: d },
 			container: { domRef: A(l.container || document.body) },
@@ -2000,7 +2004,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			}
 		}, E = j(T);
 		p.opener && (T.opener = { domRef: f });
-		let D = le(E), O = () => {
+		let D = ue(E), O = () => {
 			v || !b || (v = !0, requestAnimationFrame(() => {
 				b && l.isOpen && D.setPosition(), v = !1;
 			}));
@@ -2072,11 +2076,11 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			})], 2), [[I, n.$slots.default && (!n.$slots.opener || n.$slots.opener && e.isOpen)]])])) : i("", !0)
 		]));
 	}
-}), _e = [
+}), ve = [
 	"aria-label",
 	"aria-describedby",
 	"tabindex"
-], ve = ["aria-hidden"], ye = 100, be = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", xe = /* @__PURE__ */ u({
+], ye = ["aria-hidden"], be = 100, xe = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", Se = /* @__PURE__ */ u({
 	__name: "FzTooltip",
 	props: {
 		position: { default: "auto" },
@@ -2155,7 +2159,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 		function F() {
 			T.value &&= (clearTimeout(T.value), null), T.value = setTimeout(() => {
 				!x.value && !C.value && j();
-			}, ye);
+			}, be);
 		}
 		function I() {
 			x.value = !0, T.value &&= (clearTimeout(T.value), null);
@@ -2178,7 +2182,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			e ? A() : j();
 		}), v(() => {
 			T.value && clearTimeout(T.value);
-		}), (n, a) => (y(), r(M(ge), {
+		}), (n, a) => (y(), r(M(_e), {
 			teleport: !0,
 			"is-open": b.value,
 			position: e.position,
@@ -2198,10 +2202,10 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				onFocusin: B,
 				onFocusout: H,
 				onKeydown: U
-			}, [w(n.$slots, "default", {}, void 0, !0)], 40, _e)]),
+			}, [w(n.$slots, "default", {}, void 0, !0)], 40, ve)]),
 			default: R(() => [o("div", {
 				id: g,
-				class: h(be),
+				class: h(xe),
 				role: "tooltip",
 				"aria-hidden": !b.value,
 				onMouseenter: I,
@@ -2219,7 +2223,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					{ "text-core-black": t.status === "alert" }
 				]),
 				"aria-hidden": !0
-			}, null, 8, ["name", "class"])) : i("", !0), o("span", { class: h(["basis-0 grow shrink-0 break-normal fz__tooltip__text", { "text-core-black": t.status === "alert" }]) }, [w(n.$slots, "text", {}, () => [c(k(t.text), 1)], !0)], 2)], 40, ve)]),
+			}, null, 8, ["name", "class"])) : i("", !0), o("span", { class: h(["basis-0 grow shrink-0 break-normal fz__tooltip__text", { "text-core-black": t.status === "alert" }]) }, [w(n.$slots, "text", {}, () => [c(k(t.text), 1)], !0)], 2)], 40, ye)]),
 			_: 3
 		}, 8, [
 			"is-open",
@@ -2231,12 +2235,12 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Se = /* @__PURE__ */ Z(xe, [["__scopeId", "data-v-e4c0b632"]]), Q = {
+}, Ce = /* @__PURE__ */ Z(Se, [["__scopeId", "data-v-e4c0b632"]]), Q = {
 	xs: "backoffice",
 	sm: "backoffice",
 	md: "backoffice",
 	lg: "frontoffice"
-}, Ce = ["disabled", "aria-disabled"], we = /* @__PURE__ */ u({
+}, we = ["disabled", "aria-disabled"], Te = /* @__PURE__ */ u({
 	__fzKind: "@fiscozen/button/FzButton",
 	__name: "FzButton",
 	props: {
@@ -2320,6 +2324,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			let e = !!(t.label || o.default), n = !!t.iconName, r = t.overrideContainerClass && n;
 			return e && n || r;
 		}), f = [
+			"fz-button",
 			"relative",
 			"rounded",
 			"flex",
@@ -2330,7 +2335,9 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			"!text-[16px]",
 			"!leading-[20px]",
 			"border-1",
+			"border-solid",
 			"border-transparent",
+			"appearance-none",
 			"gap-8"
 		], p = [
 			"flex",
@@ -2380,9 +2387,9 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				size: "md",
 				variant: e.iconVariant
 			}, null, 8, ["name", "variant"])) : i("", !0)])])) : i("", !0)
-		], 10, Ce));
+		], 10, we));
 	}
-}), Te = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+}), Ee = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__fzKind: "@fiscozen/button/FzIconButton",
 	__name: "FzIconButton",
@@ -2449,7 +2456,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				"fz-icon-button-wrapper--backoffice": r.value === "backoffice",
 				"fz-icon-button-wrapper--frontoffice": r.value === "frontoffice"
 			}
-		]) }, [l(we, p(e.$attrs, {
+		]) }, [l(Te, p(e.$attrs, {
 			disabled: t.disabled,
 			environment: r.value,
 			variant: t.variant,
@@ -2471,7 +2478,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			"aria-hidden": "true"
 		}, null, 2)) : i("", !0)], 2));
 	}
-}), [["__scopeId", "data-v-84505903"]]), Ee = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-84505903"]]), De = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzContainer",
 	props: {
 		main: {
@@ -2510,11 +2517,11 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			_: 3
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-8c40daeb"]]), De = ["aria-disabled"], Oe = [
+}), [["__scopeId", "data-v-8c40daeb"]]), Oe = ["aria-disabled"], ke = [
 	"href",
 	"target",
 	"rel"
-], ke = /* @__PURE__ */ u({
+], Ae = /* @__PURE__ */ u({
 	__fzKind: "@fiscozen/link/FzLink",
 	__name: "FzLink",
 	props: {
@@ -2591,13 +2598,13 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				"aria-disabled": e.disabled ? "true" : "false",
 				role: "link",
 				"aria-label": "Link disabled"
-			}, [w(t.$slots, "default")], 10, De)) : e.external ? (y(), a("a", {
+			}, [w(t.$slots, "default")], 10, Oe)) : e.external ? (y(), a("a", {
 				key: 1,
 				href: g.value,
 				class: h(p.value),
 				target: e.target,
 				rel: _.value
-			}, [w(t.$slots, "default")], 10, Oe)) : (y(), r(i, {
+			}, [w(t.$slots, "default")], 10, ke)) : (y(), r(i, {
 				key: 2,
 				to: e.to,
 				replace: e.replace,
@@ -2614,10 +2621,10 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			]));
 		};
 	}
-}), Ae = { class: "flex flex-col flex-1" }, je = {
+}), je = { class: "flex flex-col flex-1" }, Me = {
 	key: 0,
 	class: "leading-[20px]"
-}, Me = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+}, Ne = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzAlert",
 	props: {
 		tone: {},
@@ -2696,7 +2703,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			return y(), a("div", {
 				class: h(_.value),
 				onClick: G
-			}, [l(M(Ee), {
+			}, [l(M(De), {
 				horizontal: "",
 				gap: T.value,
 				class: h(["flex-1", C.value]),
@@ -2711,17 +2718,17 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					"name",
 					"size",
 					"class"
-				]), o("div", Ae, [
-					e.title && !g.value ? z((y(), a("p", je, [c(k(e.title), 1)])), [[s]]) : i("", !0),
+				]), o("div", je, [
+					e.title && !g.value ? z((y(), a("p", Me, [c(k(e.title), 1)])), [[s]]) : i("", !0),
 					F.value ? (y(), a("p", {
 						key: 1,
 						class: h(O.value)
 					}, [w(t.$slots, "default", {}, void 0, !0)], 2)) : i("", !0),
-					D.value ? w(t.$slots, "action", { key: 2 }, () => [l(M(Ee), {
+					D.value ? w(t.$slots, "action", { key: 2 }, () => [l(M(De), {
 						horizontal: "",
 						gap: "sm"
 					}, {
-						default: R(() => [e.showButtonAction ? (y(), r(M(we), {
+						default: R(() => [e.showButtonAction ? (y(), r(M(Te), {
 							key: 0,
 							onClick: I,
 							tooltip: e.buttonActionTooltip,
@@ -2730,7 +2737,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 						}, {
 							default: R(() => [c(k(e.buttonActionLabel), 1)]),
 							_: 1
-						}, 8, ["tooltip", "environment"])) : i("", !0), e.showLinkAction ? (y(), r(M(ke), {
+						}, 8, ["tooltip", "environment"])) : i("", !0), e.showLinkAction ? (y(), r(M(Ae), {
 							key: 1,
 							to: e.linkActionLocation,
 							onClick: I,
@@ -2749,7 +2756,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					})], !0) : i("", !0)
 				])]),
 				_: 3
-			}, 8, ["gap", "class"]), U.value ? (y(), r(M(Te), {
+			}, 8, ["gap", "class"]), U.value ? (y(), r(M(Ee), {
 				key: 0,
 				iconName: j.value,
 				environment: L.value,
@@ -2758,11 +2765,11 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			}, null, 8, ["iconName", "environment"])) : i("", !0)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-3d1f9d4e"]]), Ne = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-3d1f9d4e"]]), Pe = /* @__PURE__ */ u({
 	__name: "ErrorAlert",
 	props: { id: {} },
 	setup(e) {
-		return (t, n) => (y(), r(M(Me), {
+		return (t, n) => (y(), r(M(Ne), {
 			id: e.id,
 			tone: "error",
 			variant: "text",
@@ -2775,11 +2782,11 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			_: 3
 		}, 8, ["id"]));
 	}
-}), Pe = { class: "flex justify-center flex-col w-fit gap-4" }, Fe = [
+}), Fe = { class: "flex justify-center flex-col w-fit gap-4" }, Ie = [
 	"data-emphasis",
 	"data-error",
 	"data-disabled"
-], Ie = [
+], Le = [
 	"id",
 	"disabled",
 	"required",
@@ -2791,7 +2798,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	"aria-describedby",
 	"aria-labelledby",
 	"aria-owns"
-], Le = ["id", "for"], Re = "w-0 h-0 peer fz-hidden-input", ze = "\n  flex gap-6 items-start hover:cursor-pointer text-core-black\n  peer-focus:[&_div]:after:border-1\n  peer-focus:[&_div]:after:border-solid\n  peer-focus:[&_div]:after:rounded-[2px]\n  peer-focus:[&_div]:after:border-blue-200\n  peer-focus:[&_div]:after:content-['']\n  peer-focus:[&_div]:after:top-0\n  peer-focus:[&_div]:after:left-0\n  peer-focus:[&_div]:after:right-0\n  peer-focus:[&_div]:after:bottom-0\n  peer-focus:[&_div]:after:absolute\n", Be = "relative", $ = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+], Re = ["id", "for"], ze = "w-0 h-0 peer fz-hidden-input", Be = "\n  flex gap-6 items-start hover:cursor-pointer text-core-black\n  peer-focus:[&_div]:after:border-1\n  peer-focus:[&_div]:after:border-solid\n  peer-focus:[&_div]:after:rounded-[2px]\n  peer-focus:[&_div]:after:border-blue-200\n  peer-focus:[&_div]:after:content-['']\n  peer-focus:[&_div]:after:top-0\n  peer-focus:[&_div]:after:left-0\n  peer-focus:[&_div]:after:right-0\n  peer-focus:[&_div]:after:bottom-0\n  peer-focus:[&_div]:after:absolute\n", Ve = "relative", $ = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzCheckbox",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -2840,7 +2847,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 		}), m = n(() => u.value ?? u.label), g = u.checkboxId || U(), v = N(t, "modelValue"), b = s, x = O(null), S = n(() => v.value == null ? !1 : typeof v.value == "boolean" ? v.value : v.value.includes(m.value)), C = n(() => u.disabled ? "text-grey-300 [&_div]:text-grey-300" : u.error ? "text-semantic-error-200 [&_div]:text-semantic-error-200 peer-checked:[&_div]:text-semantic-error-200 peer-indeterminate:[&_div]:text-semantic-error-200" : u.emphasis ? "text-core-black [&_div]:text-blue-500 peer-checked:[&_div]:text-blue-500 peer-indeterminate:[&_div]:text-blue-500" : "text-core-black peer-checked:[&_div]:text-grey-500 peer-indeterminate:[&_div]:text-grey-500"), T = n(() => u.disabled ? "text-grey-300" : u.error ? "text-semantic-error-200" : u.emphasis ? "text-blue-500" : "text-grey-400"), E = n(() => ["text-base", C.value]), D = n(() => [T.value]), A = n(() => u.indeterminate ? d.INDETERMINATE : S.value ? d.CHECKED : d.UNCHECKED), j = n(() => u.indeterminate || S.value ? f.SOLID : f.REGULAR);
 		return _(() => {
 			v.value != null && (typeof v.value == "boolean" ? v.value && x.value?.dispatchEvent(new Event("change")) : v.value.includes(m.value) && x.value?.dispatchEvent(new Event("change")));
-		}), (n, s) => (y(), a("div", Pe, [
+		}), (n, s) => (y(), a("div", Fe, [
 			o("div", {
 				class: "flex items-start group",
 				"data-emphasis": t.emphasis || void 0,
@@ -2851,7 +2858,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					type: "checkbox",
 					id: M(g),
 					disabled: t.disabled,
-					class: h(Re),
+					class: h(ze),
 					required: t.required,
 					value: t.value,
 					onChange: s[0] ||= (e) => b("change", e),
@@ -2865,23 +2872,23 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					"aria-owns": u.ariaOwns,
 					ref_key: "refCheckbox",
 					ref: x
-				}, null, 40, Ie), [[F, v.value]]),
+				}, null, 40, Le), [[F, v.value]]),
 				o("label", {
 					id: `${M(g)}-label`,
 					for: M(g),
-					class: h([ze, E.value])
+					class: h([Be, E.value])
 				}, [l(M(V), {
 					name: A.value,
 					size: "md",
-					class: h([Be, D.value]),
+					class: h([Ve, D.value]),
 					variant: j.value,
 					"aria-hidden": "true"
 				}, null, 8, [
 					"name",
 					"class",
 					"variant"
-				]), t.standalone ? i("", !0) : (y(), a(e, { key: 0 }, [c(k(t.label), 1)], 64))], 10, Le),
-				t.tooltip ? (y(), r(M(Se), p({ key: 0 }, t.tooltip, { class: "ml-6" }), {
+				]), t.standalone ? i("", !0) : (y(), a(e, { key: 0 }, [c(k(t.label), 1)], 64))], 10, Re),
+				t.tooltip ? (y(), r(M(Ce), p({ key: 0 }, t.tooltip, { class: "ml-6" }), {
 					default: R(() => [l(M(V), {
 						name: "info-circle",
 						size: "md",
@@ -2891,8 +2898,8 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					})]),
 					_: 1
 				}, 16)) : i("", !0)
-			], 8, Fe),
-			t.error && n.$slots.error ? (y(), r(Ne, {
+			], 8, Ie),
+			t.error && n.$slots.error ? (y(), r(Pe, {
 				key: 0,
 				id: `${M(g)}-error`
 			}, {
@@ -2902,7 +2909,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			w(n.$slots, "children", {}, void 0, !0)
 		]));
 	}
-}), [["__scopeId", "data-v-2b198cc9"]]), Ve = "@fiscozen/checkbox/CheckedSet", He = "flex flex-col justify-center gap-8 pl-24", Ue = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-2b198cc9"]]), He = "@fiscozen/checkbox/CheckedSet", Ue = "flex flex-col justify-center gap-8 pl-24", We = /* @__PURE__ */ u({
 	__name: "FzCheckboxGroupOption",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -2954,7 +2961,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			onChange: _
 		}, s({ _: 2 }, [t.children?.length ? {
 			name: "children",
-			fn: R(() => [o("div", { class: h([He, f.value]) }, [(y(!0), a(e, null, C(t.children, (e, n) => (y(), r($, p({
+			fn: R(() => [o("div", { class: h([Ue, f.value]) }, [(y(!0), a(e, null, C(t.children, (e, n) => (y(), r($, p({
 				key: e.value ? e.value.toString() : e.label,
 				modelValue: l.value,
 				"onUpdate:modelValue": c[0] ||= (e) => l.value = e,
@@ -2983,13 +2990,13 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			"aria-owns"
 		]));
 	}
-}), We = ["id"], Ge = { key: 0 }, Ke = ["id"], qe = [
+}), Ge = ["id"], Ke = { key: 0 }, qe = ["id"], Je = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-required",
 	"aria-invalid"
-], Je = "flex flex-col", Ye = "flex flex-col gap-10", Xe = "flex self-stretch", Ze = /* @__PURE__ */ u({
+], Ye = "flex flex-col", Xe = "flex flex-col gap-10", Ze = "flex self-stretch", Qe = /* @__PURE__ */ u({
 	__name: "FzCheckboxGroup",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -3014,7 +3021,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			e !== void 0 && console.warn("[FzCheckboxGroup] The \"size\" prop is deprecated and will be removed in a future version. Checkboxes now have a fixed size.");
 		}, { immediate: !0 });
 		let u = W(), d = n(() => ["text-sm", s.disabled ? "text-grey-400" : "text-grey-500"]), f = N(t, "modelValue");
-		b(Ve, {
+		b(He, {
 			source: f,
 			set: n(() => new Set(f.value))
 		});
@@ -3035,24 +3042,24 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			let e = [];
 			return l.help && e.push(`${u}-help`), s.error && l.error && e.push(`${u}-error`), e.length > 0 ? e.join(" ") : void 0;
 		});
-		return (n, s) => (y(), a("div", { class: h([Ye, g.value]) }, [
+		return (n, s) => (y(), a("div", { class: h([Xe, g.value]) }, [
 			o("label", {
 				id: M(u) + "-label",
-				class: h([Je, m.value])
-			}, [o("span", null, [c(k(t.label), 1), t.required ? (y(), a("span", Ge, " *")) : i("", !0)]), n.$slots.help ? (y(), a("p", {
+				class: h([Ye, m.value])
+			}, [o("span", null, [c(k(t.label), 1), t.required ? (y(), a("span", Ke, " *")) : i("", !0)]), n.$slots.help ? (y(), a("p", {
 				key: 0,
 				id: M(u) + "-help",
 				class: h(d.value)
-			}, [w(n.$slots, "help")], 10, Ke)) : i("", !0)], 10, We),
+			}, [w(n.$slots, "help")], 10, qe)) : i("", !0)], 10, Ge),
 			o("div", {
-				class: h([Xe, _.value]),
+				class: h([Ze, _.value]),
 				id: M(u),
 				role: "group",
 				"aria-labelledby": M(u) + "-label",
 				"aria-describedby": S.value,
 				"aria-required": t.required ? "true" : "false",
 				"aria-invalid": t.error ? "true" : "false"
-			}, [v.value ? (y(!0), a(e, { key: 0 }, C(t.options, (e) => (y(), r(Ue, p({
+			}, [v.value ? (y(!0), a(e, { key: 0 }, C(t.options, (e) => (y(), r(We, p({
 				key: e.value ? e.value.toString() : e.label,
 				modelValue: f.value,
 				"onUpdate:modelValue": s[0] ||= (e) => f.value = e,
@@ -3068,8 +3075,8 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			]))), 128)) : w(n.$slots, "default", {
 				key: 1,
 				checkboxGroupProps: x.value
-			})], 10, qe),
-			t.error && n.$slots.error ? (y(), r(Ne, {
+			})], 10, Je),
+			t.error && n.$slots.error ? (y(), r(Pe, {
 				key: 0,
 				id: M(u) + "-error"
 			}, {
@@ -3078,7 +3085,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			}, 8, ["id"])) : i("", !0)
 		], 2));
 	}
-}), Qe = [
+}), $e = [
 	"id",
 	"value",
 	"disabled",
@@ -3088,7 +3095,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	"aria-checked",
 	"aria-required",
 	"aria-invalid"
-], $e = ["for"], et = ["title"], tt = ["src", "alt"], nt = { class: "flex flex-row w-full justify-between min-w-0" }, rt = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, it = "peer h-0 w-0 absolute fz-hidden-input", at = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+], et = ["for"], tt = ["title"], nt = ["src", "alt"], rt = { class: "flex flex-row w-full justify-between min-w-0" }, it = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, at = "peer h-0 w-0 absolute fz-hidden-input", ot = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzCheckboxCard",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -3119,7 +3126,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	}),
 	emits: ["update:modelValue"],
 	setup(e) {
-		let t = e, s = n(() => t.value ?? t.label), c = U(), u = N(e, "modelValue"), f = d(Ve, null), p = n(() => u.value == null ? !1 : f && f.source.value === u.value ? f.set.value.has(s.value) : u.value.includes(s.value));
+		let t = e, s = n(() => t.value ?? t.label), c = U(), u = N(e, "modelValue"), f = d(He, null), p = n(() => u.value == null ? !1 : f && f.source.value === u.value ? f.set.value.has(s.value) : u.value.includes(s.value));
 		function m() {
 			if (t.disabled) return;
 			let e = u.value ?? [];
@@ -3148,7 +3155,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 		return (n, u) => (y(), a("div", null, [o("input", {
 			type: "checkbox",
 			id: M(c),
-			class: h([it]),
+			class: h([at]),
 			value: s.value,
 			disabled: e.disabled,
 			checked: p.value,
@@ -3159,7 +3166,7 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			"aria-required": e.required ? "true" : "false",
 			"aria-invalid": e.error ? "true" : "false",
 			onChange: m
-		}, null, 42, Qe), o("label", {
+		}, null, 42, $e), o("label", {
 			class: h(["relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full", C.value]),
 			for: M(c)
 		}, [
@@ -3194,14 +3201,14 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				src: e.imageUrl,
 				alt: e.imageAlt || "",
 				class: "object-cover h-full w-full"
-			}, null, 8, tt)], 10, et)) : i("", !0),
-			o("div", nt, [o("div", rt, [o("p", { class: h(["font-medium break-words !m-0 !leading-[20px]", { "text-grey-300": t.disabled }]) }, k(e.title), 3), e.subtitle ? (y(), a("p", {
+			}, null, 8, nt)], 10, tt)) : i("", !0),
+			o("div", rt, [o("div", it, [o("p", { class: h(["font-medium break-words !m-0 !leading-[20px]", { "text-grey-300": t.disabled }]) }, k(e.title), 3), e.subtitle ? (y(), a("p", {
 				key: 0,
 				class: h(["font-normal text-sm mt-4 break-words !m-0 !leading-[16px]", {
 					"text-grey-300": t.disabled,
 					"text-grey-500": !t.disabled
 				}])
-			}, k(e.subtitle), 3)) : i("", !0)]), e.tooltip ? (y(), r(M(Se), {
+			}, k(e.subtitle), 3)) : i("", !0)]), e.tooltip ? (y(), r(M(Ce), {
 				key: 0,
 				class: h({
 					"self-center": t.variant === "horizontal",
@@ -3226,8 +3233,8 @@ var he = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				"text",
 				"status"
 			])) : i("", !0)])
-		], 10, $e)]));
+		], 10, et)]));
 	}
 }), [["__scopeId", "data-v-1a096df1"]]);
 //#endregion
-export { $ as FzCheckbox, at as FzCheckboxCard, Ze as FzCheckboxGroup, U as generateCheckboxId, W as generateGroupId };
+export { $ as FzCheckbox, ot as FzCheckboxCard, Qe as FzCheckboxGroup, U as generateCheckboxId, W as generateGroupId };