@fiscozen/checkbox 3.0.9 → 3.0.11

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @fiscozen/checkbox
 
+## 3.0.11
+
+### Patch Changes
+
+- Updated dependencies [404ccde]
+- Updated dependencies [ea5c15c]
+  - @fiscozen/icons@1.0.7
+  - @fiscozen/composables@1.1.1
+  - @fiscozen/tooltip@3.0.5
+
+## 3.0.10
+
+### Patch Changes
+
+- Updated dependencies [1c2baef]
+  - @fiscozen/composables@1.1.0
+  - @fiscozen/tooltip@3.0.4
+  - @fiscozen/alert@3.0.5
+
 ## 3.0.9
 
 ### Patch Changes

package/dist/checkbox.js

@@ -318,21 +318,25 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 			y: 0
 		}
 	};
-}, 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;
-		e > 0 && (i.x = e), a.x = 0;
-	}
-	if (e.y < n.top && (i.y = n.top, a.y = 0), e.y + t.height > n.bottom) {
-		let e = n.bottom - t.height;
-		e > 0 && (i.y = e), a.y = 0;
-	}
-	return {
-		position: i,
-		transform: a
+}, se = 8, ce = () => ({
+	left: 0,
+	top: 0,
+	right: window.innerWidth,
+	bottom: window.innerHeight
+}), le = (e, t) => ({
+	left: Math.max(e.left, t.left),
+	right: Math.min(e.right, t.right),
+	top: Math.max(e.top, t.top),
+	bottom: Math.min(e.bottom, t.bottom)
+}), ue = (e, t, n, r, i = ce(), a = se) => {
+	let o = { ...e }, s = { ...r }, c = le(n, i), l = c.left + a, u = Math.max(l, c.right - a - t.width);
+	o.x > u && (o.x = u, s.x = 0), o.x < l && (o.x = l, s.x = 0);
+	let d = c.top + a, f = Math.max(d, c.bottom - a - t.height);
+	return o.y > f && (o.y = f, s.y = 0), o.y < d && (o.y = d, s.y = 0), {
+		position: o,
+		transform: s
 	};
-}, ce = (e, t, n, r, i) => {
+}, de = (e, t, n, r, i) => {
 	let a = i ? null : t;
 	switch (e) {
 		case "auto": return K(a, n, r);
@@ -343,7 +347,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";
 	}
-}, le = (e) => e.startsWith("auto"), ue = (e) => {
+}, fe = (e) => e.startsWith("auto"), pe = (e) => {
 	let t = S("auto"), n = S(), r = S(), i = S(), a = S(), o = x({ position: {
 		x: 0,
 		y: 0
@@ -383,8 +387,8 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 				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);
+			c.value.observe(d.element), c.value.observe(d.container), fe(n.value) && d.opener && (n.value = de(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 = ue(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`,
@@ -400,7 +404,7 @@ var G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), K = (e, t, n,
 };
 //#endregion
 //#region ../composables/src/composables/useMediaQuery.ts
-function de(e) {
+function me(e) {
 	let t = window.matchMedia(e), r = S(t.matches);
 	function i(e) {
 		r.value = e.matches;
@@ -990,6 +994,10 @@ var J = {
 				value: "1024px",
 				type: "sizing"
 			},
+			desktop: {
+				value: "1200px",
+				type: "sizing"
+			},
 			xl: {
 				value: "1280px",
 				type: "sizing"
@@ -1930,7 +1938,7 @@ var J = {
 	},
 	$themes: [],
 	$metadata: { tokenSetOrder: ["global", "alias"] }
-}, fe = {
+}, he = {
 	$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: [
@@ -1942,7 +1950,7 @@ var J = {
 		"grey",
 		"core"
 	]
-}, pe = {
+}, ge = {
 	$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: [
@@ -1951,8 +1959,8 @@ var J = {
 		"success",
 		"info"
 	]
-}, me = fe.safeColorNames, he = pe.semanticColorNames, Y = {};
-me.forEach((e) => {
+}, _e = he.safeColorNames, ve = ge.semanticColorNames, Y = {};
+_e.forEach((e) => {
 	let t = J.global[e];
 	t && Object.keys(t).forEach((n) => {
 		let r = t[n]?.value;
@@ -1960,7 +1968,7 @@ me.forEach((e) => {
 	});
 });
 var X = J.global.semantic;
-X && he.forEach((e) => {
+X && ve.forEach((e) => {
 	let t = X[e];
 	t && typeof t == "object" && Object.keys(t).forEach((n) => {
 		let r = t[n]?.value;
@@ -1972,7 +1980,7 @@ X && he.forEach((e) => {
 });
 //#endregion
 //#region ../style/src/constants.ts
-var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.value, e), {}), _e = /* @__PURE__ */ u({
+var ye = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.value, e), {}), be = /* @__PURE__ */ u({
 	__name: "FzFloating",
 	props: {
 		isOpen: {
@@ -1993,7 +2001,7 @@ var ge = 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 = de(`(max-width: ${ge.xs})`), v = !1, b = !1, x = null, C = null, T = {
+		let l = e, u = c, d = S(null), f = S(null), p = P(), m = me(`(max-width: ${ye.xs})`), v = !1, b = !1, x = null, C = null, T = {
 			position: l.position,
 			element: { domRef: d },
 			container: { domRef: A(l.container || document.body) },
@@ -2004,7 +2012,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			}
 		}, E = j(T);
 		p.opener && (T.opener = { domRef: f });
-		let D = ue(E), O = () => {
+		let D = pe(E), O = () => {
 			v || !b || (v = !0, requestAnimationFrame(() => {
 				b && l.isOpen && D.setPosition(), v = !1;
 			}));
@@ -2076,11 +2084,11 @@ var ge = 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)
 		]));
 	}
-}), ve = [
+}), xe = [
 	"aria-label",
 	"aria-describedby",
 	"tabindex"
-], 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({
+], Se = ["aria-hidden"], Ce = 100, we = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", Te = /* @__PURE__ */ u({
 	__name: "FzTooltip",
 	props: {
 		position: { default: "auto" },
@@ -2159,7 +2167,7 @@ var ge = 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();
-			}, be);
+			}, Ce);
 		}
 		function I() {
 			x.value = !0, T.value &&= (clearTimeout(T.value), null);
@@ -2182,7 +2190,7 @@ var ge = 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(_e), {
+		}), (n, a) => (y(), r(M(be), {
 			teleport: !0,
 			"is-open": b.value,
 			position: e.position,
@@ -2202,10 +2210,10 @@ var ge = 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, ve)]),
+			}, [w(n.$slots, "default", {}, void 0, !0)], 40, xe)]),
 			default: R(() => [o("div", {
 				id: g,
-				class: h(xe),
+				class: h(we),
 				role: "tooltip",
 				"aria-hidden": !b.value,
 				onMouseenter: I,
@@ -2223,7 +2231,7 @@ var ge = 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, ye)]),
+			}, 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, Se)]),
 			_: 3
 		}, 8, [
 			"is-open",
@@ -2235,12 +2243,12 @@ var ge = 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;
-}, Ce = /* @__PURE__ */ Z(Se, [["__scopeId", "data-v-e4c0b632"]]), Q = {
+}, Ee = /* @__PURE__ */ Z(Te, [["__scopeId", "data-v-e4c0b632"]]), Q = {
 	xs: "backoffice",
 	sm: "backoffice",
 	md: "backoffice",
 	lg: "frontoffice"
-}, we = ["disabled", "aria-disabled"], Te = /* @__PURE__ */ u({
+}, De = ["disabled", "aria-disabled"], Oe = /* @__PURE__ */ u({
 	__fzKind: "@fiscozen/button/FzButton",
 	__name: "FzButton",
 	props: {
@@ -2387,9 +2395,9 @@ var ge = 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, we));
+		], 10, De));
 	}
-}), Ee = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+}), ke = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__fzKind: "@fiscozen/button/FzIconButton",
 	__name: "FzIconButton",
@@ -2456,7 +2464,7 @@ var ge = 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(Te, p(e.$attrs, {
+		]) }, [l(Oe, p(e.$attrs, {
 			disabled: t.disabled,
 			environment: r.value,
 			variant: t.variant,
@@ -2478,7 +2486,7 @@ var ge = 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"]]), De = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+}), [["__scopeId", "data-v-84505903"]]), Ae = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzContainer",
 	props: {
 		main: {
@@ -2517,11 +2525,11 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			_: 3
 		}, 8, ["class"]));
 	}
-}), [["__scopeId", "data-v-6d8c564e"]]), Oe = ["aria-disabled"], ke = [
+}), [["__scopeId", "data-v-6d8c564e"]]), je = ["aria-disabled"], Me = [
 	"href",
 	"target",
 	"rel"
-], Ae = /* @__PURE__ */ u({
+], Ne = /* @__PURE__ */ u({
 	__fzKind: "@fiscozen/link/FzLink",
 	__name: "FzLink",
 	props: {
@@ -2598,13 +2606,13 @@ var ge = 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, Oe)) : e.external ? (y(), a("a", {
+			}, [w(t.$slots, "default")], 10, je)) : e.external ? (y(), a("a", {
 				key: 1,
 				href: g.value,
 				class: h(p.value),
 				target: e.target,
 				rel: _.value
-			}, [w(t.$slots, "default")], 10, ke)) : (y(), r(i, {
+			}, [w(t.$slots, "default")], 10, Me)) : (y(), r(i, {
 				key: 2,
 				to: e.to,
 				replace: e.replace,
@@ -2621,10 +2629,10 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			]));
 		};
 	}
-}), je = { class: "flex flex-1 flex-col" }, Me = {
+}), Pe = { class: "flex flex-1 flex-col" }, Fe = {
 	key: 0,
 	class: "mb-0 leading-[20px]"
-}, Ne = /* @__PURE__ */ Z(/* @__PURE__ */ u({
+}, Ie = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzAlert",
 	props: {
 		tone: {},
@@ -2707,7 +2715,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			return y(), a("div", {
 				class: h(_.value),
 				onClick: G
-			}, [l(M(De), {
+			}, [l(M(Ae), {
 				horizontal: "",
 				gap: T.value,
 				class: h(["flex-1", C.value]),
@@ -2722,17 +2730,17 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					"name",
 					"size",
 					"class"
-				]), o("div", je, [
-					e.title && !g.value ? z((y(), a("p", Me, [c(k(e.title), 1)])), [[s]]) : i("", !0),
+				]), o("div", Pe, [
+					e.title && !g.value ? z((y(), a("p", Fe, [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(De), {
+					D.value ? w(t.$slots, "action", { key: 2 }, () => [l(M(Ae), {
 						horizontal: "",
 						gap: "sm"
 					}, {
-						default: R(() => [e.showButtonAction ? (y(), r(M(Te), {
+						default: R(() => [e.showButtonAction ? (y(), r(M(Oe), {
 							key: 0,
 							onClick: I,
 							tooltip: e.buttonActionTooltip,
@@ -2741,7 +2749,7 @@ var ge = 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(Ae), {
+						}, 8, ["tooltip", "environment"])) : i("", !0), e.showLinkAction ? (y(), r(M(Ne), {
 							key: 1,
 							to: e.linkActionLocation,
 							onClick: I,
@@ -2760,7 +2768,7 @@ var ge = 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(Ee), {
+			}, 8, ["gap", "class"]), U.value ? (y(), r(M(ke), {
 				key: 0,
 				iconName: j.value,
 				environment: L.value,
@@ -2769,11 +2777,11 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			}, null, 8, ["iconName", "environment"])) : i("", !0)], 2);
 		};
 	}
-}), [["__scopeId", "data-v-b54c6f05"]]), Pe = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-b54c6f05"]]), Le = /* @__PURE__ */ u({
 	__name: "ErrorAlert",
 	props: { id: {} },
 	setup(e) {
-		return (t, n) => (y(), r(M(Ne), {
+		return (t, n) => (y(), r(M(Ie), {
 			id: e.id,
 			tone: "error",
 			variant: "text",
@@ -2786,11 +2794,11 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			_: 3
 		}, 8, ["id"]));
 	}
-}), Fe = { class: "flex justify-center flex-col w-fit gap-4 text-core-black" }, Ie = [
+}), Re = { class: "flex justify-center flex-col w-fit gap-4 text-core-black" }, ze = [
 	"data-emphasis",
 	"data-error",
 	"data-disabled"
-], Le = [
+], Be = [
 	"id",
 	"disabled",
 	"required",
@@ -2802,7 +2810,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	"aria-describedby",
 	"aria-labelledby",
 	"aria-owns"
-], 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 mb-0\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({
+], Ve = ["id", "for"], He = "w-0 h-0 peer fz-hidden-input", Ue = "\n  flex gap-6 items-start hover:cursor-pointer text-core-black mb-0\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", We = "relative", $ = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzCheckbox",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -2851,7 +2859,7 @@ var ge = 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", Fe, [
+		}), (n, s) => (y(), a("div", Re, [
 			o("div", {
 				class: "flex items-start group",
 				"data-emphasis": t.emphasis || void 0,
@@ -2862,7 +2870,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					type: "checkbox",
 					id: M(g),
 					disabled: t.disabled,
-					class: h(ze),
+					class: h(He),
 					required: t.required,
 					value: t.value,
 					onChange: s[0] ||= (e) => b("change", e),
@@ -2876,23 +2884,23 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					"aria-owns": u.ariaOwns,
 					ref_key: "refCheckbox",
 					ref: x
-				}, null, 40, Le), [[F, v.value]]),
+				}, null, 40, Be), [[F, v.value]]),
 				o("label", {
 					id: `${M(g)}-label`,
 					for: M(g),
-					class: h([Be, E.value])
+					class: h([Ue, E.value])
 				}, [l(M(V), {
 					name: A.value,
 					size: "md",
-					class: h([Ve, D.value]),
+					class: h([We, 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, Re),
-				t.tooltip ? (y(), r(M(Ce), p({ key: 0 }, t.tooltip, { class: "ml-6" }), {
+				]), t.standalone ? i("", !0) : (y(), a(e, { key: 0 }, [c(k(t.label), 1)], 64))], 10, Ve),
+				t.tooltip ? (y(), r(M(Ee), p({ key: 0 }, t.tooltip, { class: "ml-6" }), {
 					default: R(() => [l(M(V), {
 						name: "info-circle",
 						size: "md",
@@ -2902,8 +2910,8 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 					})]),
 					_: 1
 				}, 16)) : i("", !0)
-			], 8, Ie),
-			t.error && n.$slots.error ? (y(), r(Pe, {
+			], 8, ze),
+			t.error && n.$slots.error ? (y(), r(Le, {
 				key: 0,
 				id: `${M(g)}-error`
 			}, {
@@ -2913,7 +2921,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			w(n.$slots, "children", {}, void 0, !0)
 		]));
 	}
-}), [["__scopeId", "data-v-75e1292d"]]), He = "@fiscozen/checkbox/CheckedSet", Ue = "flex flex-col justify-center gap-8 pl-24", We = /* @__PURE__ */ u({
+}), [["__scopeId", "data-v-75e1292d"]]), Ge = "@fiscozen/checkbox/CheckedSet", Ke = "flex flex-col justify-center gap-8 pl-24", qe = /* @__PURE__ */ u({
 	__name: "FzCheckboxGroupOption",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -2965,7 +2973,7 @@ var ge = 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([Ue, f.value]) }, [(y(!0), a(e, null, C(t.children, (e, n) => (y(), r($, p({
+			fn: R(() => [o("div", { class: h([Ke, 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,
@@ -2994,13 +3002,13 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			"aria-owns"
 		]));
 	}
-}), Ge = ["id"], Ke = { key: 0 }, qe = ["id"], Je = [
+}), Je = ["id"], Ye = { key: 0 }, Xe = ["id"], Ze = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-required",
 	"aria-invalid"
-], Ye = "flex flex-col mb-0", Xe = "flex flex-col gap-10 text-core-black", Ze = "flex self-stretch", Qe = /* @__PURE__ */ u({
+], Qe = "flex flex-col mb-0", $e = "flex flex-col gap-10 text-core-black", et = "flex self-stretch", tt = /* @__PURE__ */ u({
 	__name: "FzCheckboxGroup",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -3025,7 +3033,7 @@ var ge = 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(He, {
+		b(Ge, {
 			source: f,
 			set: n(() => new Set(f.value))
 		});
@@ -3046,24 +3054,24 @@ var ge = 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([Xe, g.value]) }, [
+		return (n, s) => (y(), a("div", { class: h([$e, g.value]) }, [
 			o("label", {
 				id: M(u) + "-label",
-				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", {
+				class: h([Qe, m.value])
+			}, [o("span", null, [c(k(t.label), 1), t.required ? (y(), a("span", Ye, " *")) : i("", !0)]), n.$slots.help ? (y(), a("p", {
 				key: 0,
 				id: M(u) + "-help",
 				class: h(d.value)
-			}, [w(n.$slots, "help")], 10, qe)) : i("", !0)], 10, Ge),
+			}, [w(n.$slots, "help")], 10, Xe)) : i("", !0)], 10, Je),
 			o("div", {
-				class: h([Ze, _.value]),
+				class: h([et, _.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(We, p({
+			}, [v.value ? (y(!0), a(e, { key: 0 }, C(t.options, (e) => (y(), r(qe, p({
 				key: e.value ? e.value.toString() : e.label,
 				modelValue: f.value,
 				"onUpdate:modelValue": s[0] ||= (e) => f.value = e,
@@ -3079,8 +3087,8 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			]))), 128)) : w(n.$slots, "default", {
 				key: 1,
 				checkboxGroupProps: x.value
-			})], 10, Je),
-			t.error && n.$slots.error ? (y(), r(Pe, {
+			})], 10, Ze),
+			t.error && n.$slots.error ? (y(), r(Le, {
 				key: 0,
 				id: M(u) + "-error"
 			}, {
@@ -3089,7 +3097,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 			}, 8, ["id"])) : i("", !0)
 		], 2));
 	}
-}), $e = [
+}), nt = [
 	"id",
 	"value",
 	"disabled",
@@ -3099,7 +3107,7 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 	"aria-checked",
 	"aria-required",
 	"aria-invalid"
-], 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({
+], rt = ["for"], it = ["title"], at = ["src", "alt"], ot = { class: "flex flex-row w-full justify-between min-w-0" }, st = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, ct = "peer h-0 w-0 absolute fz-hidden-input", lt = /* @__PURE__ */ Z(/* @__PURE__ */ u({
 	__name: "FzCheckboxCard",
 	props: /* @__PURE__ */ f({
 		label: {},
@@ -3130,7 +3138,7 @@ var ge = 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(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));
+		let t = e, s = n(() => t.value ?? t.label), c = U(), u = N(e, "modelValue"), f = d(Ge, 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 ?? [];
@@ -3159,7 +3167,7 @@ var ge = 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([at]),
+			class: h([ct]),
 			value: s.value,
 			disabled: e.disabled,
 			checked: p.value,
@@ -3170,7 +3178,7 @@ var ge = 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, $e), o("label", {
+		}, null, 42, nt), o("label", {
 			class: h(["relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full", C.value]),
 			for: M(c)
 		}, [
@@ -3205,14 +3213,14 @@ var ge = 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, 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", {
+			}, null, 8, at)], 10, it)) : i("", !0),
+			o("div", ot, [o("div", st, [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(Ce), {
+			}, k(e.subtitle), 3)) : i("", !0)]), e.tooltip ? (y(), r(M(Ee), {
 				key: 0,
 				class: h({
 					"self-center": t.variant === "horizontal",
@@ -3237,8 +3245,8 @@ var ge = Object.entries(J.global.breakpoint).reduce((e, [t, n]) => (e[t] = n.val
 				"text",
 				"status"
 			])) : i("", !0)])
-		], 10, et)]));
+		], 10, rt)]));
 	}
 }), [["__scopeId", "data-v-1a096df1"]]);
 //#endregion
-export { $ as FzCheckbox, ot as FzCheckboxCard, Qe as FzCheckboxGroup, U as generateCheckboxId, W as generateGroupId };
+export { $ as FzCheckbox, lt as FzCheckboxCard, tt as FzCheckboxGroup, U as generateCheckboxId, W as generateGroupId };