@fiscozen/checkbox 1.1.0 → 2.0.0

package/dist/checkbox.js

@@ -1,8 +1,8 @@
-import { ref as R, reactive as Ce, onUnmounted as le, nextTick as ke, onMounted as ee, computed as i, defineComponent as N, useSlots as te, toRef as ce, toRefs as ze, watch as A, onBeforeUnmount as $e, createElementBlock as z, openBlock as p, renderSlot as $, createElementVNode as E, withDirectives as Z, createCommentVNode as C, createBlock as I, unref as b, normalizeClass as y, vShow as de, Teleport as Se, createTextVNode as q, toDisplayString as M, createVNode as H, mergeProps as oe, resolveDynamicComponent as Be, withCtx as F, resolveComponent as Ee, resolveDirective as Ie, withModifiers as Oe, mergeModels as X, useModel as ae, shallowRef as Re, vModelCheckbox as Fe, Fragment as re, createSlots as Ae, renderList as me, provide as Ne, inject as Te } from "vue";
-import { FzIcon as P } from "@fiscozen/icons";
+import { ref as A, reactive as Ce, onUnmounted as le, nextTick as ke, onMounted as te, computed as r, defineComponent as T, useSlots as Z, toRef as ce, toRefs as ze, watch as N, onBeforeUnmount as $e, createElementBlock as z, openBlock as p, renderSlot as $, createElementVNode as B, withDirectives as _, createCommentVNode as k, createBlock as E, unref as y, normalizeClass as h, vShow as de, Teleport as Se, createTextVNode as j, toDisplayString as q, createVNode as U, mergeProps as ae, resolveDynamicComponent as Be, withCtx as F, resolveComponent as Ee, resolveDirective as Ie, withModifiers as Oe, mergeModels as J, useModel as oe, shallowRef as Re, vModelCheckbox as Ae, Fragment as re, createSlots as Fe, renderList as me, provide as Ne, inject as Te } from "vue";
+import { FzIcon as H } from "@fiscozen/icons";
 function be(e) {
-  const t = Date.now() - 16e11, o = Math.random().toString(36).slice(2, 7);
-  return `${e}-${t}-${o}`;
+  const t = Date.now() - 16e11, a = Math.random().toString(36).slice(2, 7);
+  return `${e}-${t}-${a}`;
 }
 function ie() {
   return be("fz-checkbox");
@@ -10,14 +10,14 @@ function ie() {
 function Le() {
   return be("fz-checkbox-group");
 }
-const G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), U = (e, t, o, a, r) => {
-  let l = r ? "bottom" : "right", u = r ? "bottom-start" : "right-start";
-  G.width = window.innerWidth, G.height = window.innerHeight, G.x = 0, G.y = 0;
-  const f = e ? e.getBoundingClientRect() : G, g = t.getBoundingClientRect(), x = o.getBoundingClientRect(), m = (x.left - f.left - g.width) / f.width, s = (f.right - x.right - g.width) / f.width, d = (x.top - f.top - g.height) / f.height, c = (f.bottom - x.bottom - g.height) / f.height;
+const Q = new DOMRect(0, 0, window.innerWidth, window.innerHeight), G = (e, t, a, o, s) => {
+  let l = s ? "bottom" : "right", u = s ? "bottom-start" : "right-start";
+  Q.width = window.innerWidth, Q.height = window.innerHeight, Q.x = 0, Q.y = 0;
+  const f = e ? e.getBoundingClientRect() : Q, v = t.getBoundingClientRect(), x = a.getBoundingClientRect(), b = (x.left - f.left - v.width) / f.width, i = (f.right - x.right - v.width) / f.width, d = (x.top - f.top - v.height) / f.height, c = (f.bottom - x.bottom - v.height) / f.height;
   let n = [
     {
       key: "right",
-      space: s
+      space: i
     },
     {
       key: "top",
@@ -29,28 +29,28 @@ const G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), U = (e, t, o
     },
     {
       key: "left",
-      space: m
+      space: b
     }
-  ].sort((v, h) => h.space - v.space);
-  if (r && (n = n.filter((v) => v.key === "top" || v.key === "bottom")), l = n[0].key, !a) {
-    const v = (g.height - x.height) / 2;
+  ].sort((m, g) => g.space - m.space);
+  if (s && (n = n.filter((m) => m.key === "top" || m.key === "bottom")), l = n[0].key, !o) {
+    const m = (v.height - x.height) / 2;
     switch (l) {
       case "right":
       case "left":
-        f.top > x.top - v && (a = "end"), f.bottom < x.top - v && (a = "start");
+        f.top > x.top - m && (o = "end"), f.bottom < x.top - m && (o = "start");
         break;
     }
   }
-  return u = a ? `${l}-${a}` : l, u;
-}, Ve = (e, t, o, a) => ({
-  x: t.x + e.width * o / 100,
-  y: t.y + e.height * a / 100
+  return u = o ? `${l}-${o}` : l, u;
+}, Ve = (e, t, a, o) => ({
+  x: t.x + e.width * a / 100,
+  y: t.y + e.height * o / 100
 }), ne = (e) => typeof e == "string" ? document.querySelector(e) : e, De = (e) => ({
   left: parseFloat(e.marginLeft),
   right: parseFloat(e.marginRight),
   top: parseFloat(e.marginTop),
   bottom: parseFloat(e.marginBottom)
-}), Me = {
+}), Pe = {
   // Bottom positions - content below opener
   bottom: (e, t) => ({
     position: {
@@ -139,9 +139,9 @@ const G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), U = (e, t, o
     },
     transform: { x: 0, y: -100 }
   })
-}, Pe = (e, t, o) => {
-  const a = Me[e];
-  return a ? a(t, o) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
+}, Me = (e, t, a) => {
+  const o = Pe[e];
+  return o ? o(t, a) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
 }, qe = {
   bottom: (e, t) => ({
     position: {
@@ -227,62 +227,62 @@ const G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), U = (e, t, o
     },
     transform: { x: 0, y: 0 }
   })
-}, He = (e, t, o) => {
-  const a = qe[e];
-  return a ? a(t, o) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
-}, je = (e, t, o, a) => {
-  const r = { ...e }, l = { ...a };
-  if (e.x < o.left && (r.x = o.left, l.x = 0), e.x + t.width > o.right) {
-    const u = o.right - t.width;
-    u > 0 && (r.x = u), l.x = 0;
+}, He = (e, t, a) => {
+  const o = qe[e];
+  return o ? o(t, a) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
+}, je = (e, t, a, o) => {
+  const s = { ...e }, l = { ...o };
+  if (e.x < a.left && (s.x = a.left, l.x = 0), e.x + t.width > a.right) {
+    const u = a.right - t.width;
+    u > 0 && (s.x = u), l.x = 0;
   }
-  if (e.y < o.top && (r.y = o.top, l.y = 0), e.y + t.height > o.bottom) {
-    const u = o.bottom - t.height;
-    u > 0 && (r.y = u), l.y = 0;
+  if (e.y < a.top && (s.y = a.top, l.y = 0), e.y + t.height > a.bottom) {
+    const u = a.bottom - t.height;
+    u > 0 && (s.y = u), l.y = 0;
   }
-  return { position: r, transform: l };
-}, Ue = (e, t, o, a, r) => {
-  const l = r ? null : t;
+  return { position: s, transform: l };
+}, Ue = (e, t, a, o, s) => {
+  const l = s ? null : t;
   switch (e) {
     case "auto":
-      return U(l, o, a);
+      return G(l, a, o);
     case "auto-vertical":
-      return U(l, o, a, void 0, !0);
+      return G(l, a, o, void 0, !0);
     case "auto-start":
-      return U(l, o, a, "start");
+      return G(l, a, o, "start");
     case "auto-vertical-start":
-      return U(l, o, a, "start", !0);
+      return G(l, a, o, "start", !0);
     case "auto-end":
-      return U(l, o, a, "end");
+      return G(l, a, o, "end");
     case "auto-vertical-end":
-      return U(l, o, a, "end", !0);
+      return G(l, a, o, "end", !0);
     default:
       return "bottom-start";
   }
 }, We = (e) => e.startsWith("auto"), Ke = (e) => {
-  const t = R("auto"), o = R(), a = R(), r = R(), l = R(), u = Ce({ position: { x: 0, y: 0 } }), f = {
+  const t = A("auto"), a = A(), o = A(), s = A(), l = A(), u = Ce({ position: { x: 0, y: 0 } }), f = {
     root: null,
     rootMargin: "0px",
     threshold: 1,
     ...e.element.value.intersectionOptions
-  }, g = R(new IntersectionObserver(() => {
+  }, v = A(new IntersectionObserver(() => {
   }, f)), x = () => {
-    var v, h;
+    var m, g;
     const d = ne(e.element.value.domRef.value);
     if (!d)
       return null;
-    const c = (v = e.container) != null && v.value ? ne(e.container.value.domRef.value) ?? document.body : document.body, n = (h = e.opener) != null && h.value ? ne(e.opener.value.domRef.value) : null;
+    const c = (m = e.container) != null && m.value ? ne(e.container.value.domRef.value) ?? document.body : document.body, n = (g = e.opener) != null && g.value ? ne(e.opener.value.domRef.value) : null;
     return { element: d, container: c, opener: n };
-  }, m = (d) => {
+  }, b = (d) => {
     var c;
     return {
       element: d.element.getBoundingClientRect(),
       container: d.container.getBoundingClientRect(),
       opener: ((c = d.opener) == null ? void 0 : c.getBoundingClientRect()) ?? null
     };
-  }, s = (d = !1) => ke(() => {
-    var O, V, T;
-    o.value = ((O = e.position) == null ? void 0 : O.value) ?? "auto";
+  }, i = (d = !1) => ke(() => {
+    var O, D, P;
+    a.value = ((O = e.position) == null ? void 0 : O.value) ?? "auto";
     const c = x();
     if (!c) return;
     Object.assign(c.element.style, {
@@ -290,54 +290,54 @@ const G = new DOMRect(0, 0, window.innerWidth, window.innerHeight), U = (e, t, o
       top: "0px",
       left: "0px"
     });
-    const n = m(c);
-    a.value = n.element, r.value = n.opener ?? void 0, l.value = n.container, g.value.observe(c.element), g.value.observe(c.container), We(o.value) && c.opener && (o.value = Ue(
-      o.value,
+    const n = b(c);
+    o.value = n.element, s.value = n.opener ?? void 0, l.value = n.container, v.value.observe(c.element), v.value.observe(c.container), We(a.value) && c.opener && (a.value = Ue(
+      a.value,
       c.container,
       c.element,
       c.opener,
-      ((V = e.useViewport) == null ? void 0 : V.value) ?? !1
+      ((D = e.useViewport) == null ? void 0 : D.value) ?? !1
     ));
-    const v = De(window.getComputedStyle(c.element)), h = c.opener && n.opener ? Pe(o.value, n.opener, v) : He(o.value, n.container, n.element), k = Ve(
+    const m = De(window.getComputedStyle(c.element)), g = c.opener && n.opener ? Me(a.value, n.opener, m) : He(a.value, n.container, n.element), I = Ve(
       n.element,
-      h.position,
-      h.transform.x,
-      h.transform.y
-    ), B = je(
-      k,
+      g.position,
+      g.transform.x,
+      g.transform.y
+    ), S = je(
+      I,
       n.element,
       n.container,
-      h.transform
+      g.transform
     );
-    u.position.x = B.position.x, u.position.y = B.position.y, Object.assign(c.element.style, {
+    u.position.x = S.position.x, u.position.y = S.position.y, Object.assign(c.element.style, {
       top: `${u.position.y}px`,
       left: `${u.position.x}px`,
       position: "fixed",
       display: "flex"
-    }), a.value = c.element.getBoundingClientRect(), (T = e.callback) != null && T.value && !d && e.callback.value(a, r, l, t, o);
+    }), o.value = c.element.getBoundingClientRect(), (P = e.callback) != null && P.value && !d && e.callback.value(o, s, l, t, a);
   });
   return le(() => {
-    g.value.disconnect();
+    v.value.disconnect();
   }), {
     float: u,
-    rect: a,
-    setPosition: s,
+    rect: o,
+    setPosition: i,
     position: t,
-    actualPosition: o,
-    openerRect: r,
+    actualPosition: a,
+    openerRect: s,
     containerRect: l
   };
 };
 function Ge(e) {
-  const t = window.matchMedia(e), o = R(t.matches);
-  function a(r) {
-    o.value = r.matches;
+  const t = window.matchMedia(e), a = A(t.matches);
+  function o(s) {
+    a.value = s.matches;
   }
-  return ee(() => {
-    t.addEventListener("change", a);
+  return te(() => {
+    t.addEventListener("change", o);
   }), le(() => {
-    t.removeEventListener("change", a);
-  }), i(() => o.value);
+    t.removeEventListener("change", o);
+  }), r(() => a.value);
 }
 const Xe = {
   blue: {
@@ -1191,31 +1191,31 @@ const Xe = {
   "info"
 ], Ze = {
   semanticColorNames: Je
-}, _e = Qe.safeColorNames, et = Ze.semanticColorNames, W = {};
+}, _e = Qe.safeColorNames, et = Ze.semanticColorNames, X = {};
 _e.forEach((e) => {
   const t = se.global[e];
-  t && Object.keys(t).forEach((o) => {
-    var r;
-    const a = (r = t[o]) == null ? void 0 : r.value;
-    a && (W[e] || (W[e] = {}), W[e][o] = a);
+  t && Object.keys(t).forEach((a) => {
+    var s;
+    const o = (s = t[a]) == null ? void 0 : s.value;
+    o && (X[e] || (X[e] = {}), X[e][a] = o);
   });
 });
 const fe = se.global.semantic;
 fe && et.forEach((e) => {
   const t = fe[e];
-  t && typeof t == "object" && Object.keys(t).forEach((o) => {
-    var r;
-    const a = (r = t[o]) == null ? void 0 : r.value;
-    if (a) {
+  t && typeof t == "object" && Object.keys(t).forEach((a) => {
+    var s;
+    const o = (s = t[a]) == null ? void 0 : s.value;
+    if (o) {
       const l = `semantic-${e}`;
-      W[l] || (W[l] = {}), W[l][o] = a;
+      X[l] || (X[l] = {}), X[l][a] = o;
     }
   });
 });
 const tt = Object.entries(se.global.breakpoint).reduce(
-  (e, [t, o]) => (e[t] = o.value, e),
+  (e, [t, a]) => (e[t] = a.value, e),
   {}
-), ot = /* @__PURE__ */ N({
+), at = /* @__PURE__ */ T({
   __name: "FzFloating",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -1229,135 +1229,135 @@ const tt = Object.entries(se.global.breakpoint).reduce(
     useViewport: { type: Boolean }
   },
   emits: ["fzfloating:setPosition"],
-  setup(e, { expose: t, emit: o }) {
-    const a = e, r = o, l = R(null), u = R(null), f = te(), g = Ge(`(max-width: ${tt.xs})`);
-    let x = !1, m = !1, s = null, d = null;
+  setup(e, { expose: t, emit: a }) {
+    const o = e, s = a, l = A(null), u = A(null), f = Z(), v = Ge(`(max-width: ${tt.xs})`);
+    let x = !1, b = !1, i = null, d = null;
     const c = {
-      position: a.position,
+      position: o.position,
       element: {
         // @ts-ignore
         domRef: l
       },
       container: {
         // @ts-ignore
-        domRef: ce(a.container || document.body)
+        domRef: ce(o.container || document.body)
       },
       opener: {
         domRef: ce(null)
       },
-      useViewport: a.useViewport,
+      useViewport: o.useViewport,
       callback(...w) {
-        r("fzfloating:setPosition", ...w);
+        s("fzfloating:setPosition", ...w);
       }
     }, n = ze(c);
     f.opener && (c.opener = {
       // @ts-ignore
       domRef: u
     });
-    const v = Ke(n), h = () => {
-      x || !m || (x = !0, requestAnimationFrame(() => {
-        m && a.isOpen && v.setPosition(), x = !1;
+    const m = Ke(n), g = () => {
+      x || !b || (x = !0, requestAnimationFrame(() => {
+        b && o.isOpen && m.setPosition(), x = !1;
       }));
     };
-    ee(() => {
-      m = !0;
+    te(() => {
+      b = !0;
     });
-    const k = () => {
-      h();
-    }, B = () => {
-      h();
+    const I = () => {
+      g();
+    }, S = () => {
+      g();
     }, O = () => {
-      window.addEventListener("scroll", k, !0), window.addEventListener("resize", B), l.value && !s && (s = new ResizeObserver(() => {
-        h();
-      }), s.observe(l.value)), u.value && !d && (d = new ResizeObserver(() => {
-        h();
+      window.addEventListener("scroll", I, !0), window.addEventListener("resize", S), l.value && !i && (i = new ResizeObserver(() => {
+        g();
+      }), i.observe(l.value)), u.value && !d && (d = new ResizeObserver(() => {
+        g();
       }), d.observe(u.value));
-    }, V = () => {
-      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", B), s && (s.disconnect(), s = null), d && (d.disconnect(), d = null);
+    }, D = () => {
+      window.removeEventListener("scroll", I, !0), window.removeEventListener("resize", S), i && (i.disconnect(), i = null), d && (d.disconnect(), d = null);
     };
-    A(
-      () => a.position,
-      () => h()
-    ), A(
-      () => a.isOpen,
+    N(
+      () => o.position,
+      () => g()
+    ), N(
+      () => o.isOpen,
       (w) => {
-        var Q;
-        if (!w || !l.value || !m) {
-          V();
+        var W;
+        if (!w || !l.value || !b) {
+          D();
           return;
         }
         O();
-        const D = (Q = u.value) == null ? void 0 : Q.getBoundingClientRect();
-        l.value.style.position = "fixed", l.value.style.top = "0px", l.value.style.left = "0px", l.value.style.transform = "none", l.value.style.width = g.value ? (D == null ? void 0 : D.width) + "px" : "auto", v.setPosition();
+        const L = (W = u.value) == null ? void 0 : W.getBoundingClientRect();
+        l.value.style.position = "fixed", l.value.style.top = "0px", l.value.style.left = "0px", l.value.style.transform = "none", l.value.style.width = v.value ? (L == null ? void 0 : L.width) + "px" : "auto", m.setPosition();
       }
-    ), A(
-      () => a.overrideOpener,
+    ), N(
+      () => o.overrideOpener,
       (w) => {
         w && n.opener && n.opener.value && (n.opener.value = {
           domRef: w
         });
       }
     ), $e(() => {
-      m = !1, V();
+      b = !1, D();
     });
-    const T = (w) => w.startsWith("bottom") ? "mt-4" : w.startsWith("top") ? "mb-4" : w.startsWith("left") ? "mr-4" : w.startsWith("right") ? "ml-4" : "mt-4", Y = i(() => {
-      var D;
-      const w = ((D = v.actualPosition) == null ? void 0 : D.value) ?? a.position;
-      return T(w);
-    }), j = i(() => a.overrideContentClass ? a.contentClass : ["bg-core-white fixed", Y.value, a.contentClass]);
+    const P = (w) => w.startsWith("bottom") ? "mt-4" : w.startsWith("top") ? "mb-4" : w.startsWith("left") ? "mr-4" : w.startsWith("right") ? "ml-4" : "mt-4", M = r(() => {
+      var L;
+      const w = ((L = m.actualPosition) == null ? void 0 : L.value) ?? o.position;
+      return P(w);
+    }), R = r(() => o.overrideContentClass ? o.contentClass : ["bg-core-white fixed", M.value, o.contentClass]);
     return t({
-      setPosition: v.setPosition
-    }), (w, D) => (p(), z("div", null, [
+      setPosition: m.setPosition
+    }), (w, L) => (p(), z("div", null, [
       $(w.$slots, "opener-start"),
-      E("div", {
+      B("div", {
         ref_key: "opener",
         ref: u,
         class: "inline-flex w-full sm:w-auto"
       }, [
         $(w.$slots, "opener", {
           isOpen: e.isOpen,
-          floating: b(v)
+          floating: y(m)
         })
       ], 512),
       $(w.$slots, "opener-end"),
-      e.teleport ? C("", !0) : Z((p(), z("div", {
+      e.teleport ? k("", !0) : _((p(), z("div", {
         key: 0,
         ref_key: "content",
         ref: l,
-        class: y(["fz__floating__content w-full sm:w-auto", j.value])
+        class: h(["fz__floating__content w-full sm:w-auto", R.value])
       }, [
         $(w.$slots, "default", {
           isOpen: e.isOpen,
-          floating: b(v)
+          floating: y(m)
         })
       ], 2)), [
         [de, w.$slots.default && (!w.$slots.opener || w.$slots.opener && e.isOpen)]
       ]),
-      e.teleport ? (p(), I(Se, {
+      e.teleport ? (p(), E(Se, {
         key: 1,
         to: "body"
       }, [
-        Z(E("div", {
+        _(B("div", {
           ref_key: "content",
           ref: l,
-          class: y(["fz__floating__content", j.value])
+          class: h(["fz__floating__content", R.value])
         }, [
           $(w.$slots, "default", {
             isOpen: e.isOpen,
-            floating: b(v)
+            floating: y(m)
           })
         ], 2), [
           [de, w.$slots.default && (!w.$slots.opener || w.$slots.opener && e.isOpen)]
         ])
-      ])) : C("", !0)
+      ])) : k("", !0)
     ]));
   }
-}), _ = {
+}), ee = {
   xs: "backoffice",
   sm: "backoffice",
   md: "backoffice",
   lg: "frontoffice"
-}, at = ["disabled", "aria-disabled"], ue = /* @__PURE__ */ N({
+}, ot = ["disabled", "aria-disabled"], ue = /* @__PURE__ */ T({
   __name: "FzButton",
   props: {
     label: {},
@@ -1373,32 +1373,32 @@ const tt = Object.entries(se.global.breakpoint).reduce(
     overrideContainerClass: { type: Boolean }
   },
   setup(e) {
-    const t = e, o = te();
-    A(() => t.tooltip, (s) => {
-      s && console.warn(
+    const t = e, a = Z();
+    N(() => t.tooltip, (i) => {
+      i && console.warn(
         '[FzButton] The "tooltip" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.'
       );
-    }, { immediate: !0 }), A(() => t.size, (s) => {
-      if (s !== void 0) {
-        const d = _[s];
+    }, { immediate: !0 }), N(() => t.size, (i) => {
+      if (i !== void 0) {
+        const d = ee[i];
         t.environment && t.environment !== d ? console.warn(
-          `[FzButton] Both "size" and "environment" props are provided. "environment=${t.environment}" will be used and "size=${s}" will be ignored. Please remove the deprecated "size" prop.`
+          `[FzButton] Both "size" and "environment" props are provided. "environment=${t.environment}" will be used and "size=${i}" will be ignored. Please remove the deprecated "size" prop.`
         ) : console.warn(
-          `[FzButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${d}" instead of size="${s}".`
+          `[FzButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${d}" instead of size="${i}".`
         );
       }
     }, { immediate: !0 });
-    const a = i(() => !t.disabled), r = i(() => {
+    const o = r(() => !t.disabled), s = r(() => {
       switch (t.variant) {
         case "secondary":
           return {
             "bg-core-white": !0,
             "text-grey-500": !0,
             "!border-grey-200": !0,
-            "hover:bg-grey-100": a.value,
-            "hover:!border-grey-200": a.value,
-            "focus:bg-core-white": a.value,
-            "focus:!border-blue-600": a.value,
+            "hover:bg-grey-100": o.value,
+            "hover:!border-grey-200": o.value,
+            "focus:bg-core-white": o.value,
+            "focus:!border-blue-600": o.value,
             "disabled:bg-grey-50": !0,
             "disabled:text-grey-200": !0,
             "disabled:!border-grey-200": !0
@@ -1408,10 +1408,10 @@ const tt = Object.entries(se.global.breakpoint).reduce(
             "bg-transparent": !0,
             "text-grey-500": !0,
             "!border-transparent": !0,
-            "hover:bg-grey-100": a.value,
-            "hover:!border-grey-100": a.value,
-            "focus:bg-transparent": a.value,
-            "focus:!border-blue-600": a.value,
+            "hover:bg-grey-100": o.value,
+            "hover:!border-grey-100": o.value,
+            "focus:bg-transparent": o.value,
+            "focus:!border-blue-600": o.value,
             "disabled:bg-grey-50": !0,
             "disabled:text-grey-200": !0,
             "disabled:!border-grey-200": !0
@@ -1420,18 +1420,18 @@ const tt = Object.entries(se.global.breakpoint).reduce(
           return {
             "bg-semantic-error-200": !0,
             "text-core-white": !0,
-            "hover:bg-semantic-error-300": a.value,
-            "focus:bg-semantic-error-200": a.value,
-            "focus:!border-semantic-error-300": a.value,
+            "hover:bg-semantic-error-300": o.value,
+            "focus:bg-semantic-error-200": o.value,
+            "focus:!border-semantic-error-300": o.value,
             "disabled:bg-semantic-error-100": !0
           };
         case "success":
           return {
             "bg-semantic-success-200": !0,
             "text-core-white": !0,
-            "hover:bg-semantic-success-300": a.value,
-            "focus:bg-semantic-success-200": a.value,
-            "focus:!border-semantic-success-300": a.value,
+            "hover:bg-semantic-success-300": o.value,
+            "focus:bg-semantic-success-200": o.value,
+            "focus:!border-semantic-success-300": o.value,
             "disabled:bg-semantic-success-100": !0
           };
         case "primary":
@@ -1439,15 +1439,15 @@ const tt = Object.entries(se.global.breakpoint).reduce(
           return {
             "bg-blue-500": !0,
             "text-core-white": !0,
-            "hover:bg-blue-600": a.value,
-            "focus:bg-blue-500": a.value,
-            "focus:!border-blue-600": a.value,
+            "hover:bg-blue-600": o.value,
+            "focus:bg-blue-500": o.value,
+            "focus:!border-blue-600": o.value,
             "disabled:bg-blue-200": !0
           };
       }
-    }), l = i(() => t.environment ? t.environment : t.size ? _[t.size] : "frontoffice"), u = i(() => {
-      const s = !!(t.label || o.default), d = !!t.iconName, c = t.overrideContainerClass && d;
-      return s && d || c;
+    }), l = r(() => t.environment ? t.environment : t.size ? ee[t.size] : "frontoffice"), u = r(() => {
+      const i = !!(t.label || a.default), d = !!t.iconName, c = t.overrideContainerClass && d;
+      return i && d || c;
     }), f = [
       "relative",
       "rounded",
@@ -1461,62 +1461,62 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       "border-1",
       "border-transparent",
       "gap-8"
-    ], g = ["flex", "items-center", "justify-items-center"], x = i(() => {
-      const s = l.value;
+    ], v = ["flex", "items-center", "justify-items-center"], x = r(() => {
+      const i = l.value;
       return {
         // Height classes (explicit for PurgeCSS detection)
-        "h-32": s === "backoffice",
-        "h-44": s === "frontoffice",
+        "h-32": i === "backoffice",
+        "h-44": i === "frontoffice",
         // Padding classes (same for both environments)
         "px-12": !0,
         // Min-width classes (same for both environments)
         "min-w-96": !0,
-        ...r.value
+        ...s.value
       };
-    }), m = i(() => t.overrideContainerClass ? t.containerClass : ["truncate", "font-normal", "!text-[16px]", "!leading-[20px]", t.containerClass]);
-    return (s, d) => (p(), z("button", {
+    }), b = r(() => t.overrideContainerClass ? t.containerClass : ["truncate", "font-normal", "!text-[16px]", "!leading-[20px]", t.containerClass]);
+    return (i, d) => (p(), z("button", {
       type: "button",
       disabled: e.disabled,
       "aria-disabled": e.disabled ? "true" : "false",
-      class: y([f, x.value])
+      class: h([f, x.value])
     }, [
-      b(o).before || u.value && e.iconPosition === "before" ? (p(), z("div", {
+      y(a).before || u.value && e.iconPosition === "before" ? (p(), z("div", {
         key: 0,
-        class: y(g)
+        class: h(v)
       }, [
-        $(s.$slots, "before", {}, () => [
-          e.iconName ? (p(), I(b(P), {
+        $(i.$slots, "before", {}, () => [
+          e.iconName ? (p(), E(y(H), {
             key: 0,
             name: e.iconName,
             size: "md",
             variant: e.iconVariant
-          }, null, 8, ["name", "variant"])) : C("", !0)
+          }, null, 8, ["name", "variant"])) : k("", !0)
         ])
-      ])) : C("", !0),
-      e.label || b(o).default ? (p(), z("div", {
+      ])) : k("", !0),
+      e.label || y(a).default ? (p(), z("div", {
         key: 1,
-        class: y(m.value)
+        class: h(b.value)
       }, [
-        $(s.$slots, "default", {}, () => [
-          q(M(e.label), 1)
+        $(i.$slots, "default", {}, () => [
+          j(q(e.label), 1)
         ])
-      ], 2)) : C("", !0),
-      b(o).after || u.value && e.iconPosition === "after" ? (p(), z("div", {
+      ], 2)) : k("", !0),
+      y(a).after || u.value && e.iconPosition === "after" ? (p(), z("div", {
         key: 2,
-        class: y(g)
+        class: h(v)
       }, [
-        $(s.$slots, "after", {}, () => [
-          e.iconName ? (p(), I(b(P), {
+        $(i.$slots, "after", {}, () => [
+          e.iconName ? (p(), E(y(H), {
             key: 0,
             name: e.iconName,
             size: "md",
             variant: e.iconVariant
-          }, null, 8, ["name", "variant"])) : C("", !0)
+          }, null, 8, ["name", "variant"])) : k("", !0)
         ])
-      ])) : C("", !0)
-    ], 10, at));
+      ])) : k("", !0)
+    ], 10, ot));
   }
-}), nt = /* @__PURE__ */ N({
+}), nt = /* @__PURE__ */ T({
   inheritAttrs: !1,
   __name: "FzIconButton",
   props: {
@@ -1533,28 +1533,28 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   },
   setup(e) {
     const t = e;
-    A(() => t.tooltip, (l) => {
+    N(() => t.tooltip, (l) => {
       l && console.warn(
         '[FzIconButton] The "tooltip" prop is deprecated and will be removed in a future version. Please use the FzTooltip component to wrap your button instead.'
       );
-    }, { immediate: !0 }), A(() => t.size, (l) => {
+    }, { immediate: !0 }), N(() => t.size, (l) => {
       if (l !== void 0) {
-        const u = _[l];
+        const u = ee[l];
         t.environment && t.environment !== u ? console.warn(
           `[FzIconButton] Both "size" and "environment" props are provided. "environment=${t.environment}" will be used and "size=${l}" will be ignored. Please remove the deprecated "size" prop.`
         ) : console.warn(
           `[FzIconButton] The "size" prop is deprecated and will be removed in a future version. Please use environment="${u}" instead of size="${l}".`
         );
       }
-    }, { immediate: !0 }), A(() => t.iconSize, (l) => {
+    }, { immediate: !0 }), N(() => t.iconSize, (l) => {
       l !== void 0 && console.warn(
         '[FzIconButton] The "iconSize" prop is deprecated and will be removed in a future version. Icon size has now a fixed dimension. Please remove the "iconSize" prop from your code.'
       );
     }, { immediate: !0 });
-    const o = i(() => t.environment ? t.environment : t.size ? _[t.size] : "frontoffice"), a = i(() => {
+    const a = r(() => t.environment ? t.environment : t.size ? ee[t.size] : "frontoffice"), o = r(() => {
       const l = t.ariaLabel || "";
       return t.hasNotification ? `${l}, hai delle notifiche` : l;
-    }), r = i(() => {
+    }), s = r(() => {
       const l = {
         "rounded-full": !0,
         "w-8": !0,
@@ -1578,13 +1578,13 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       };
     });
     return (l, u) => (p(), z("span", {
-      class: y(["fz-icon-button-wrapper", "relative", { "fz-icon-button-wrapper--backoffice": o.value === "backoffice", "fz-icon-button-wrapper--frontoffice": o.value === "frontoffice" }])
+      class: h(["fz-icon-button-wrapper", "relative", { "fz-icon-button-wrapper--backoffice": a.value === "backoffice", "fz-icon-button-wrapper--frontoffice": a.value === "frontoffice" }])
     }, [
-      H(ue, oe(l.$attrs, {
+      U(ue, ae(l.$attrs, {
         disabled: t.disabled,
-        environment: o.value,
+        environment: a.value,
         variant: t.variant,
-        "aria-label": a.value,
+        "aria-label": o.value,
         "icon-name": t.iconName,
         "icon-variant": t.iconVariant,
         "icon-position": "before",
@@ -1592,17 +1592,17 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       }), null, 16, ["disabled", "environment", "variant", "aria-label", "icon-name", "icon-variant"]),
       t.hasNotification ? (p(), z("div", {
         key: 0,
-        class: y(r.value),
+        class: h(s.value),
         "aria-hidden": "true"
-      }, null, 2)) : C("", !0)
+      }, null, 2)) : k("", !0)
     ], 2));
   }
-}), K = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [a, r] of t)
-    o[a] = r;
-  return o;
-}, ye = /* @__PURE__ */ K(nt, [["__scopeId", "data-v-b4be112d"]]), lt = /* @__PURE__ */ N({
+}), Y = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [o, s] of t)
+    a[o] = s;
+  return a;
+}, ye = /* @__PURE__ */ Y(nt, [["__scopeId", "data-v-b4be112d"]]), lt = /* @__PURE__ */ T({
   __name: "FzContainer",
   props: {
     main: { type: Boolean, default: !1 },
@@ -1613,18 +1613,18 @@ const tt = Object.entries(se.global.breakpoint).reduce(
     layout: {}
   },
   setup(e) {
-    const t = e, o = i(() => t.alignItems ?? (t.horizontal ? "center" : "stretch"));
+    const t = e, a = r(() => t.alignItems ?? (t.horizontal ? "center" : "stretch"));
     if (!t.horizontal && "layout" in t) {
-      const r = t.layout;
-      r && r !== "default" && console.error(
-        `[FzContainer] The "layout" prop only works when horizontal is true. Current horizontal: ${t.horizontal}, layout: "${r}".`
+      const s = t.layout;
+      s && s !== "default" && console.error(
+        `[FzContainer] The "layout" prop only works when horizontal is true. Current horizontal: ${t.horizontal}, layout: "${s}".`
       );
     }
-    const a = i(() => {
-      const r = t.main ? "main-content" : "section-content", u = [
+    const o = r(() => {
+      const s = t.main ? "main-content" : "section-content", u = [
         t.horizontal ? "fz-container--horizontal" : "fz-container--vertical",
-        `gap-${r}-${t.gap}`,
-        `align-items-${o.value}`
+        `gap-${s}-${t.gap}`,
+        `align-items-${a.value}`
       ];
       if (t.horizontal) {
         const f = ("layout" in t ? t.layout : void 0) || "default";
@@ -1632,16 +1632,16 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       }
       return u;
     });
-    return (r, l) => (p(), I(Be(t.tag), {
-      class: y(["fz-container", a.value])
+    return (s, l) => (p(), E(Be(t.tag), {
+      class: h(["fz-container", o.value])
     }, {
       default: F(() => [
-        $(r.$slots, "default", {}, void 0, !0)
+        $(s.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), pe = /* @__PURE__ */ K(lt, [["__scopeId", "data-v-8c40daeb"]]), rt = ["aria-disabled"], it = ["href", "target", "rel"], he = /* @__PURE__ */ N({
+}), pe = /* @__PURE__ */ Y(lt, [["__scopeId", "data-v-8c40daeb"]]), rt = ["aria-disabled"], it = ["href", "target", "rel"], he = /* @__PURE__ */ T({
   __name: "FzLink",
   props: {
     type: { default: "default" },
@@ -1655,7 +1655,7 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   },
   setup(e) {
     const t = e;
-    A(
+    N(
       () => t.size === "xs",
       (n) => {
         n && console.warn(
@@ -1663,7 +1663,7 @@ const tt = Object.entries(se.global.breakpoint).reduce(
         );
       },
       { immediate: !0 }
-    ), A(
+    ), N(
       () => t.size === "lg",
       (n) => {
         n && console.warn(
@@ -1672,17 +1672,17 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       },
       { immediate: !0 }
     );
-    const o = i(() => t.size === "xs" ? "sm" : t.size === "lg" ? "md" : t.size), a = i(() => [
+    const a = r(() => t.size === "xs" ? "sm" : t.size === "lg" ? "md" : t.size), o = r(() => [
       "border-1 border-transparent inline-block",
       {
-        "text-sm leading-xs": o.value === "sm",
-        "text-base leading-base": o.value === "md",
+        "text-sm leading-xs": a.value === "sm",
+        "text-base leading-base": a.value === "md",
         underline: t.linkStyle === "underline"
       }
-    ]), r = (n) => n.type === "default" && n.linkStyle === "underline", l = (n) => n.type === "default" && n.linkStyle !== "underline", u = (n) => n.type === "danger" && n.linkStyle === "underline", f = (n) => n.type === "danger" && n.linkStyle !== "underline", g = (n) => n.type === "default" && n.disabled, x = (n) => n.type === "danger" && n.disabled, m = i(() => {
-      const n = [...a.value, "focus:outline-none", "focus:border-solid", "focus:no-underline"];
+    ]), s = (n) => n.type === "default" && n.linkStyle === "underline", l = (n) => n.type === "default" && n.linkStyle !== "underline", u = (n) => n.type === "danger" && n.linkStyle === "underline", f = (n) => n.type === "danger" && n.linkStyle !== "underline", v = (n) => n.type === "default" && n.disabled, x = (n) => n.type === "danger" && n.disabled, b = r(() => {
+      const n = [...o.value, "focus:outline-none", "focus:border-solid", "focus:no-underline"];
       switch (!0) {
-        case r(t):
+        case s(t):
           n.push("text-blue-500", "hover:text-blue-600", "focus:text-blue-600", "focus:border-blue-600");
           break;
         case l(t):
@@ -1696,10 +1696,10 @@ const tt = Object.entries(se.global.breakpoint).reduce(
           break;
       }
       return n;
-    }), s = i(() => {
-      const n = [...a.value, "cursor-not-allowed"];
+    }), i = r(() => {
+      const n = [...o.value, "cursor-not-allowed"];
       switch (!0) {
-        case g(t):
+        case v(t):
           n.push("text-blue-200");
           break;
         case x(t):
@@ -1707,15 +1707,15 @@ const tt = Object.entries(se.global.breakpoint).reduce(
           break;
       }
       return n;
-    }), d = i(() => t.external ? t.to : ""), c = i(() => {
+    }), d = r(() => t.external ? t.to : ""), c = r(() => {
       if (t.external && t.target === "_blank")
         return "noopener noreferrer";
     });
-    return (n, v) => {
-      const h = Ee("router-link");
+    return (n, m) => {
+      const g = Ee("router-link");
       return e.disabled ? (p(), z("span", {
         key: 0,
-        class: y(s.value),
+        class: h(i.value),
         "aria-disabled": e.disabled ? "true" : "false",
         role: "link",
         "aria-label": "Link disabled"
@@ -1724,16 +1724,16 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       ], 10, rt)) : e.external ? (p(), z("a", {
         key: 1,
         href: d.value,
-        class: y(m.value),
+        class: h(b.value),
         target: e.target,
         rel: c.value
       }, [
         $(n.$slots, "default")
-      ], 10, it)) : (p(), I(h, {
+      ], 10, it)) : (p(), E(g, {
         key: 2,
         to: e.to,
         replace: e.replace,
-        class: y(m.value),
+        class: h(b.value),
         target: e.target
       }, {
         default: F(() => [
@@ -1743,7 +1743,7 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       }, 8, ["to", "replace", "class", "target"]));
     };
   }
-}), st = ["aria-label", "aria-describedby", "tabindex"], ut = ["aria-hidden"], ct = 100, dt = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", ft = /* @__PURE__ */ N({
+}), st = ["aria-label", "aria-describedby", "tabindex"], ut = ["aria-hidden"], ct = 100, dt = "text-core-white max-w-[200px] p-8 text-sm leading-[16px] flex flex-row items-start justify-center", ft = /* @__PURE__ */ T({
   __name: "FzTooltip",
   props: {
     position: { default: "auto" },
@@ -1755,116 +1755,116 @@ const tt = Object.entries(se.global.breakpoint).reduce(
     _forceOpenForDesignReview: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, o = te(), a = [ue, ye, he];
-    function r(S) {
-      const L = S.type;
-      return a.includes(L);
+    const t = e, a = Z(), o = [ue, ye, he];
+    function s(C) {
+      const V = C.type;
+      return o.includes(V);
     }
-    function l(S) {
-      if (r(S))
+    function l(C) {
+      if (s(C))
         return !0;
-      if (typeof S.type == "symbol") {
-        const L = S.children;
-        if (Array.isArray(L))
-          return L.some((J) => typeof J == "object" && J !== null && "type" in J ? l(J) : !1);
+      if (typeof C.type == "symbol") {
+        const V = C.children;
+        if (Array.isArray(V))
+          return V.some((K) => typeof K == "object" && K !== null && "type" in K ? l(K) : !1);
       }
       return !1;
     }
-    const u = i(() => {
-      if (!o.default) return !1;
-      const S = o.default();
-      return S.length === 0 ? !1 : S.some((L) => l(L));
+    const u = r(() => {
+      if (!a.default) return !1;
+      const C = a.default();
+      return C.length === 0 ? !1 : C.some((V) => l(V));
     }), f = {
       neutral: { icon: "", bgClass: "!bg-core-black" },
       informative: { icon: "circle-info", bgClass: "bg-semantic-info-200" },
       alert: { icon: "triangle-exclamation", bgClass: "bg-semantic-warning-200" },
       error: { icon: "circle-exclamation", bgClass: "bg-semantic-error-200" },
       positive: { icon: "circle-check", bgClass: "bg-semantic-success-200" }
-    }, g = i(() => {
-      var S;
-      return ((S = f[t.status]) == null ? void 0 : S.icon) || "";
-    }), x = i(() => {
-      var L;
-      const S = (L = f[t.status]) == null ? void 0 : L.bgClass;
-      return S ? { [S]: !0 } : {};
-    }), m = `tooltip-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, s = R(!1), d = R(!1), c = R(!1), n = R(null), v = i(() => t.withIcon && t.status !== "neutral"), h = i(() => s.value ? m : void 0), k = i(() => typeof t.interactive == "boolean" ? t.interactive ? void 0 : 0 : u.value ? void 0 : 0);
-    function B() {
-      (t.text || o.text) && (s.value = !0);
+    }, v = r(() => {
+      var C;
+      return ((C = f[t.status]) == null ? void 0 : C.icon) || "";
+    }), x = r(() => {
+      var V;
+      const C = (V = f[t.status]) == null ? void 0 : V.bgClass;
+      return C ? { [C]: !0 } : {};
+    }), b = `tooltip-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`, i = A(!1), d = A(!1), c = A(!1), n = A(null), m = r(() => t.withIcon && t.status !== "neutral"), g = r(() => i.value ? b : void 0), I = r(() => typeof t.interactive == "boolean" ? t.interactive ? void 0 : 0 : u.value ? void 0 : 0);
+    function S() {
+      (t.text || a.text) && (i.value = !0);
     }
     function O() {
-      t._forceOpenForDesignReview || (s.value = !1);
+      t._forceOpenForDesignReview || (i.value = !1);
     }
-    function V() {
-      n.value && (clearTimeout(n.value), n.value = null), B();
+    function D() {
+      n.value && (clearTimeout(n.value), n.value = null), S();
     }
-    function T() {
+    function P() {
       n.value && (clearTimeout(n.value), n.value = null), n.value = setTimeout(() => {
         !d.value && !c.value && O();
       }, ct);
     }
-    function Y() {
+    function M() {
       d.value = !0, n.value && (clearTimeout(n.value), n.value = null);
     }
-    function j() {
+    function R() {
       d.value = !1, n.value && (clearTimeout(n.value), n.value = null), c.value || O();
     }
     function w() {
-      c.value = !0, B();
+      c.value = !0, S();
     }
-    function D() {
+    function L() {
       c.value = !1, n.value && (clearTimeout(n.value), n.value = null), d.value || O();
     }
-    function Q(S) {
-      S.key === "Escape" && O();
+    function W(C) {
+      C.key === "Escape" && O();
     }
-    return ee(() => {
-      t._forceOpenForDesignReview && B();
-    }), A(() => t._forceOpenForDesignReview, (S) => {
-      S ? B() : O();
+    return te(() => {
+      t._forceOpenForDesignReview && S();
+    }), N(() => t._forceOpenForDesignReview, (C) => {
+      C ? S() : O();
     }), le(() => {
       n.value && clearTimeout(n.value);
-    }), (S, L) => (p(), I(b(ot), {
+    }), (C, V) => (p(), E(y(at), {
       teleport: !0,
-      "is-open": s.value,
+      "is-open": i.value,
       position: e.position,
       class: "fz__tooltip flex h-max",
       contentClass: ["rounded", x.value, "z-80"]
     }, {
       opener: F(() => [
-        E("span", {
+        B("span", {
           "aria-label": t.ariaLabel,
-          "aria-describedby": h.value,
-          tabindex: k.value,
-          onMouseover: V,
-          onMouseleave: T,
+          "aria-describedby": g.value,
+          tabindex: I.value,
+          onMouseover: D,
+          onMouseleave: P,
           onFocusin: w,
-          onFocusout: D,
-          onKeydown: Q
+          onFocusout: L,
+          onKeydown: W
         }, [
-          $(S.$slots, "default", {}, void 0, !0)
+          $(C.$slots, "default", {}, void 0, !0)
         ], 40, st)
       ]),
       default: F(() => [
-        E("div", {
-          id: m,
-          class: y(dt),
+        B("div", {
+          id: b,
+          class: h(dt),
           role: "tooltip",
-          "aria-hidden": !s.value,
-          onMouseenter: Y,
-          onMouseleave: j
+          "aria-hidden": !i.value,
+          onMouseenter: M,
+          onMouseleave: R
         }, [
-          v.value ? (p(), I(b(P), {
+          m.value ? (p(), E(y(H), {
             key: 0,
             size: "md",
-            name: g.value,
-            class: y(["mr-4", "!w-[16px]", "!h-[16px]", "grow-0", "shrink-0", { "text-core-black": t.status === "alert" }]),
+            name: v.value,
+            class: h(["mr-4", "!w-[16px]", "!h-[16px]", "grow-0", "shrink-0", { "text-core-black": t.status === "alert" }]),
             "aria-hidden": !0
-          }, null, 8, ["name", "class"])) : C("", !0),
-          E("span", {
-            class: y(["basis-0 grow shrink-0 break-normal fz__tooltip__text", { "text-core-black": t.status === "alert" }])
+          }, null, 8, ["name", "class"])) : k("", !0),
+          B("span", {
+            class: h(["basis-0 grow shrink-0 break-normal fz__tooltip__text", { "text-core-black": t.status === "alert" }])
           }, [
-            $(S.$slots, "text", {}, () => [
-              q(M(t.text), 1)
+            $(C.$slots, "text", {}, () => [
+              j(q(t.text), 1)
             ], !0)
           ], 2)
         ], 40, ut)
@@ -1872,10 +1872,10 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       _: 3
     }, 8, ["is-open", "position", "contentClass"]));
   }
-}), xe = /* @__PURE__ */ K(ft, [["__scopeId", "data-v-94597a6c"]]), pt = { class: "flex flex-col flex-1" }, vt = {
+}), xe = /* @__PURE__ */ Y(ft, [["__scopeId", "data-v-94597a6c"]]), pt = { class: "flex flex-col flex-1" }, vt = {
   key: 0,
   class: "leading-[20px]"
-}, mt = /* @__PURE__ */ N({
+}, mt = /* @__PURE__ */ T({
   __name: "FzAlert",
   props: {
     tone: {},
@@ -1897,145 +1897,152 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   },
   emits: ["fzAlert:click", "fzAlert:dismiss"],
   setup(e, { emit: t }) {
-    const o = e, a = t, r = R(o.defaultOpen), l = {
+    const a = e, o = t, s = Z(), l = A(a.defaultOpen), u = {
       info: "bg-semantic-info-50 border-semantic-info",
       error: "bg-semantic-error-50 border-semantic-error",
       danger: "bg-semantic-error-50 border-semantic-error",
       warning: "bg-semantic-warning-50 border-semantic-warning",
       success: "bg-semantic-success-50 border-semantic-success"
-    }, u = {
+    }, f = {
       sm: "backoffice",
       md: "frontoffice",
       lg: "frontoffice"
-    }, f = i(() => [
+    }, v = r(() => R.value === "text"), x = r(() => [
       "flex select-none gap-12 rounded justify-between",
-      l[o.tone],
-      h.value === "backoffice" ? "p-6" : "",
-      ...k.value === "accordion" ? ["cursor-pointer"] : []
-    ]), g = i(
+      ...v.value ? ["bg-transparent"] : [u[a.tone]],
+      ...!v.value && M.value === "backoffice" ? ["p-6"] : [],
+      ...R.value === "accordion" ? ["cursor-pointer"] : []
+    ]), b = r(
       () => ({
         info: "circle-info",
         error: "circle-xmark",
         danger: "triangle-exclamation",
         warning: "triangle-exclamation",
         success: "circle-check"
-      })[o.tone]
-    ), x = i(() => [
+      })[a.tone]
+    ), i = r(() => [
       {
         info: "text-semantic-info",
         error: "text-semantic-error",
         danger: "text-semantic-error",
         warning: "text-semantic-warning",
         success: "text-semantic-success"
-      }[o.tone]
-    ]), m = i(() => [
+      }[a.tone]
+    ]), d = r(
+      () => v.value && M.value === "backoffice" ? "sm" : "md"
+    ), c = r(
+      () => v.value ? "" : M.value === "backoffice" ? "p-6" : "p-12"
+    ), n = r(() => v.value ? "xs" : "sm"), m = r(() => v.value || !(a.showButtonAction || a.showLinkAction || !!s.action) ? !1 : R.value === "background" ? !0 : l.value), g = r(() => [
       "font-normal",
       "!leading-[20px]",
       {
-        "mt-8": o.title,
-        "mb-16": o.showButtonAction || o.showLinkAction
+        "mt-8": a.title && !v.value,
+        "mb-16": m.value && !v.value
       }
-    ]), s = i(() => k.value === "background" ? !0 : r.value), d = i(() => r.value ? "angle-up" : "angle-down"), c = i(() => {
-      if (k.value === "accordion") return d.value;
-      if (o.isDismissible) return "xmark";
-    }), n = i(() => k.value !== "accordion" ? !0 : r.value);
-    function v(T) {
-      T.stopPropagation(), a("fzAlert:click");
+    ]), I = r(() => l.value ? "angle-up" : "angle-down"), S = r(() => {
+      if (R.value === "accordion") return I.value;
+      if (a.isDismissible) return "xmark";
+    }), O = r(() => v.value || R.value === "background" ? !0 : R.value === "accordion" ? l.value : !0), D = r(() => O.value && !!s.default);
+    function P(C) {
+      C.stopPropagation(), o("fzAlert:click");
     }
-    const h = i(() => o.size ? u[o.size] : o.environment), k = i(() => o.variant ? o.variant : ["default", "simple"].includes(o.alertStyle) ? "background" : "accordion"), B = i(() => k.value === "accordion" || o.isDismissible), O = () => {
-      k.value === "accordion" && (r.value = !r.value), o.isDismissible && a("fzAlert:dismiss");
-    }, V = () => {
-      k.value === "accordion" && (r.value = !r.value);
+    const M = r(() => a.size ? f[a.size] : a.environment), R = r(() => a.variant ? a.variant : ["default", "simple"].includes(a.alertStyle) ? "background" : "accordion"), w = r(
+      () => !v.value && (R.value === "accordion" || a.isDismissible)
+    ), L = () => {
+      R.value === "accordion" && (l.value = !l.value), a.isDismissible && o("fzAlert:dismiss");
+    }, W = () => {
+      !v.value && R.value === "accordion" && (l.value = !l.value);
     };
-    return (T, Y) => {
-      const j = Ie("bold");
+    return (C, V) => {
+      const K = Ie("bold");
       return p(), z("div", {
-        class: y(f.value),
-        onClick: V
+        class: h(x.value),
+        onClick: W
       }, [
-        H(b(pe), {
+        U(y(pe), {
           horizontal: "",
-          gap: "sm",
-          class: y(["flex-1", h.value === "backoffice" ? "p-6" : "p-12"]),
+          gap: n.value,
+          class: h(["flex-1", c.value]),
           alignItems: "start"
         }, {
           default: F(() => [
-            H(b(P), {
-              name: g.value,
-              size: "md",
-              class: y(x.value)
-            }, null, 8, ["name", "class"]),
-            E("div", pt, [
-              e.title ? Z((p(), z("p", vt, [
-                q(M(e.title), 1)
+            U(y(H), {
+              name: b.value,
+              size: d.value,
+              class: h(i.value),
+              "aria-hidden": "true"
+            }, null, 8, ["name", "size", "class"]),
+            B("div", pt, [
+              e.title && !v.value ? _((p(), z("p", vt, [
+                j(q(e.title), 1)
               ])), [
-                [j]
-              ]) : C("", !0),
-              n.value ? (p(), z("p", {
+                [K]
+              ]) : k("", !0),
+              D.value ? (p(), z("p", {
                 key: 1,
-                class: y(m.value)
+                class: h(g.value)
               }, [
-                $(T.$slots, "default", {}, void 0, !0)
-              ], 2)) : C("", !0),
-              s.value ? $(T.$slots, "action", { key: 2 }, () => [
-                H(b(pe), {
+                $(C.$slots, "default", {}, void 0, !0)
+              ], 2)) : k("", !0),
+              m.value ? $(C.$slots, "action", { key: 2 }, () => [
+                U(y(pe), {
                   horizontal: "",
                   gap: "sm"
                 }, {
                   default: F(() => [
-                    e.showButtonAction ? (p(), I(b(ue), {
+                    e.showButtonAction ? (p(), E(y(ue), {
                       key: 0,
-                      onClick: v,
+                      onClick: P,
                       tooltip: e.buttonActionTooltip,
-                      environment: h.value,
+                      environment: M.value,
                       variant: "secondary"
                     }, {
                       default: F(() => [
-                        q(M(e.buttonActionLabel), 1)
+                        j(q(e.buttonActionLabel), 1)
                       ]),
                       _: 1
-                    }, 8, ["tooltip", "environment"])) : C("", !0),
-                    e.showLinkAction ? (p(), I(b(he), {
+                    }, 8, ["tooltip", "environment"])) : k("", !0),
+                    e.showLinkAction ? (p(), E(y(he), {
                       key: 1,
                       to: e.linkActionLocation,
-                      onClick: v,
+                      onClick: P,
                       size: "md",
                       target: e.linkActionTarget,
                       external: e.linkActionExternal
                     }, {
                       default: F(() => [
-                        q(M(e.linkActionLabel), 1)
+                        j(q(e.linkActionLabel), 1)
                       ]),
                       _: 1
-                    }, 8, ["to", "target", "external"])) : C("", !0)
+                    }, 8, ["to", "target", "external"])) : k("", !0)
                   ]),
                   _: 1
                 })
-              ], !0) : C("", !0)
+              ], !0) : k("", !0)
             ])
           ]),
           _: 3
-        }, 8, ["class"]),
-        B.value ? (p(), I(b(ye), {
+        }, 8, ["gap", "class"]),
+        w.value ? (p(), E(y(ye), {
           key: 0,
-          iconName: c.value,
-          environment: h.value,
+          iconName: S.value,
+          environment: M.value,
           variant: "invisible",
-          onClick: Oe(O, ["stop"])
-        }, null, 8, ["iconName", "environment"])) : C("", !0)
+          onClick: Oe(L, ["stop"])
+        }, null, 8, ["iconName", "environment"])) : k("", !0)
       ], 2);
     };
   }
-}), bt = /* @__PURE__ */ K(mt, [["__scopeId", "data-v-f72b7e4a"]]), ge = /* @__PURE__ */ N({
+}), bt = /* @__PURE__ */ Y(mt, [["__scopeId", "data-v-3d1f9d4e"]]), ge = /* @__PURE__ */ T({
   __name: "ErrorAlert",
   props: {
     id: {}
   },
   setup(e) {
-    return (t, o) => (p(), I(b(bt), {
+    return (t, a) => (p(), E(y(bt), {
       id: e.id,
       tone: "error",
-      alertStyle: "simple",
+      variant: "text",
       role: "alert",
       "aria-live": "assertive",
       "aria-atomic": "true",
@@ -2059,9 +2066,9 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   peer-focus:[&_div]:after:right-0
   peer-focus:[&_div]:after:bottom-0
   peer-focus:[&_div]:after:absolute
-`, kt = "relative", zt = /* @__PURE__ */ N({
+`, kt = "relative", zt = /* @__PURE__ */ T({
   __name: "FzCheckbox",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ J({
     label: {},
     value: { type: [String, Number, Boolean] },
     size: {},
@@ -2078,86 +2085,86 @@ const tt = Object.entries(se.global.breakpoint).reduce(
     modelValue: { type: [null, Boolean, Array], required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ X(["change"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ J(["change"], ["update:modelValue"]),
   setup(e, { emit: t }) {
-    const o = e;
-    A(
-      () => o.size,
-      (k) => {
-        k !== void 0 && console.warn(
+    const a = e;
+    N(
+      () => a.size,
+      (I) => {
+        I !== void 0 && console.warn(
           '[FzCheckbox] The "size" prop is deprecated and will be removed in a future version. Checkboxes now have a fixed size.'
         );
       },
       { immediate: !0 }
     );
-    const a = Object.freeze({
+    const o = Object.freeze({
       /** Icon for indeterminate state (partial selection) */
       INDETERMINATE: "square-minus",
       /** Icon for checked state */
       CHECKED: "square-check",
       /** Icon for unchecked state */
       UNCHECKED: "square"
-    }), r = Object.freeze({
+    }), s = Object.freeze({
       /** Solid variant (filled) - used for checked and indeterminate states */
       SOLID: "fas",
       /** Regular variant (outline) - used for unchecked state */
       REGULAR: "far"
-    }), l = i(
-      () => o.value ?? o.label
-    ), u = o.checkboxId || ie(), f = ae(e, "modelValue"), g = t, x = Re(null), m = i(() => f.value == null ? !1 : typeof f.value == "boolean" ? f.value : f.value.includes(l.value)), s = i(() => o.disabled ? "text-grey-300 [&_div]:text-grey-300" : o.error ? "text-semantic-error-200 [&_div]:text-semantic-error-200 peer-checked:[&_div]:text-semantic-error-200 peer-indeterminate:[&_div]:text-semantic-error-200" : o.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"), d = i(() => o.disabled ? "text-grey-300" : o.error ? "text-semantic-error-200" : o.emphasis ? "text-blue-500" : "text-grey-400"), c = i(() => [
+    }), l = r(
+      () => a.value ?? a.label
+    ), u = a.checkboxId || ie(), f = oe(e, "modelValue"), v = t, x = Re(null), b = r(() => f.value == null ? !1 : typeof f.value == "boolean" ? f.value : f.value.includes(l.value)), i = r(() => a.disabled ? "text-grey-300 [&_div]:text-grey-300" : a.error ? "text-semantic-error-200 [&_div]:text-semantic-error-200 peer-checked:[&_div]:text-semantic-error-200 peer-indeterminate:[&_div]:text-semantic-error-200" : a.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"), d = r(() => a.disabled ? "text-grey-300" : a.error ? "text-semantic-error-200" : a.emphasis ? "text-blue-500" : "text-grey-400"), c = r(() => [
       "text-base",
-      s.value
-    ]), n = i(() => [d.value]), v = i(() => o.indeterminate ? a.INDETERMINATE : m.value ? a.CHECKED : a.UNCHECKED), h = i(() => o.indeterminate || m.value ? r.SOLID : r.REGULAR);
-    return ee(() => {
-      var k, B;
-      f.value != null && (typeof f.value == "boolean" ? f.value && ((k = x.value) == null || k.dispatchEvent(new Event("change"))) : f.value.includes(l.value) && ((B = x.value) == null || B.dispatchEvent(new Event("change"))));
-    }), (k, B) => (p(), z("div", yt, [
-      E("div", {
+      i.value
+    ]), n = r(() => [d.value]), m = r(() => a.indeterminate ? o.INDETERMINATE : b.value ? o.CHECKED : o.UNCHECKED), g = r(() => a.indeterminate || b.value ? s.SOLID : s.REGULAR);
+    return te(() => {
+      var I, S;
+      f.value != null && (typeof f.value == "boolean" ? f.value && ((I = x.value) == null || I.dispatchEvent(new Event("change"))) : f.value.includes(l.value) && ((S = x.value) == null || S.dispatchEvent(new Event("change"))));
+    }), (I, S) => (p(), z("div", yt, [
+      B("div", {
         class: "flex items-start group",
         "data-emphasis": e.emphasis || void 0,
         "data-error": e.error || void 0,
         "data-disabled": e.disabled || void 0
       }, [
-        Z(E("input", {
+        _(B("input", {
           type: "checkbox",
-          id: b(u),
+          id: y(u),
           disabled: e.disabled,
-          class: y(wt),
+          class: h(wt),
           required: e.required,
           value: e.value,
-          onChange: B[0] || (B[0] = (O) => g("change", O)),
-          "onUpdate:modelValue": B[1] || (B[1] = (O) => f.value = O),
-          "aria-checked": e.indeterminate ? "mixed" : m.value,
+          onChange: S[0] || (S[0] = (O) => v("change", O)),
+          "onUpdate:modelValue": S[1] || (S[1] = (O) => f.value = O),
+          "aria-checked": e.indeterminate ? "mixed" : b.value,
           "aria-label": e.standalone ? e.label : void 0,
           "aria-required": e.required ? "true" : "false",
           "aria-invalid": e.error ? "true" : "false",
-          "aria-describedby": e.error && k.$slots.error ? `${b(u)}-error` : void 0,
-          "aria-labelledby": e.standalone ? void 0 : `${b(u)}-label`,
-          "aria-owns": o.ariaOwns,
+          "aria-describedby": e.error && I.$slots.error ? `${y(u)}-error` : void 0,
+          "aria-labelledby": e.standalone ? void 0 : `${y(u)}-label`,
+          "aria-owns": a.ariaOwns,
           ref_key: "refCheckbox",
           ref: x
         }, null, 40, xt), [
-          [Fe, f.value]
+          [Ae, f.value]
         ]),
-        E("label", {
-          id: `${b(u)}-label`,
-          for: b(u),
-          class: y([Ct, c.value])
+        B("label", {
+          id: `${y(u)}-label`,
+          for: y(u),
+          class: h([Ct, c.value])
         }, [
-          H(b(P), {
-            name: v.value,
+          U(y(H), {
+            name: m.value,
             size: "md",
-            class: y([kt, n.value]),
-            variant: h.value,
+            class: h([kt, n.value]),
+            variant: g.value,
             "aria-hidden": "true"
           }, null, 8, ["name", "class", "variant"]),
-          e.standalone ? C("", !0) : (p(), z(re, { key: 0 }, [
-            q(M(e.label), 1)
+          e.standalone ? k("", !0) : (p(), z(re, { key: 0 }, [
+            j(q(e.label), 1)
           ], 64))
         ], 10, gt),
-        e.tooltip ? (p(), I(b(xe), oe({ key: 0 }, e.tooltip, { class: "ml-6" }), {
+        e.tooltip ? (p(), E(y(xe), ae({ key: 0 }, e.tooltip, { class: "ml-6" }), {
           default: F(() => [
-            H(b(P), {
+            U(y(H), {
               name: "info-circle",
               size: "md",
               class: "text-semantic-info",
@@ -2166,23 +2173,23 @@ const tt = Object.entries(se.global.breakpoint).reduce(
             })
           ]),
           _: 1
-        }, 16)) : C("", !0)
+        }, 16)) : k("", !0)
       ], 8, ht),
-      e.error && k.$slots.error ? (p(), I(ge, {
+      e.error && I.$slots.error ? (p(), E(ge, {
         key: 0,
-        id: `${b(u)}-error`
+        id: `${y(u)}-error`
       }, {
         default: F(() => [
-          $(k.$slots, "error", {}, void 0, !0)
+          $(I.$slots, "error", {}, void 0, !0)
         ]),
         _: 3
-      }, 8, ["id"])) : C("", !0),
-      $(k.$slots, "children", {}, void 0, !0)
+      }, 8, ["id"])) : k("", !0),
+      $(I.$slots, "children", {}, void 0, !0)
     ]));
   }
-}), ve = /* @__PURE__ */ K(zt, [["__scopeId", "data-v-2b198cc9"]]), we = Symbol("FzCheckboxCheckedSet"), $t = "flex flex-col justify-center gap-8 pl-24", St = /* @__PURE__ */ N({
+}), ve = /* @__PURE__ */ Y(zt, [["__scopeId", "data-v-2b198cc9"]]), we = Symbol("FzCheckboxCheckedSet"), $t = "flex flex-col justify-center gap-8 pl-24", St = /* @__PURE__ */ T({
   __name: "FzCheckboxGroupOption",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ J({
     label: {},
     value: { type: [String, Number, Boolean] },
     indeterminate: { type: Boolean },
@@ -2204,42 +2211,42 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = i(
+    const t = e, a = r(
       () => t.value ?? t.label
-    ), a = ae(e, "modelValue"), r = ie(), l = i(
+    ), o = oe(e, "modelValue"), s = ie(), l = r(
       () => {
-        var m;
-        return (m = t.children) == null ? void 0 : m.map((s, d) => `${r}-child-${d}`).join(" ");
+        var b;
+        return (b = t.children) == null ? void 0 : b.map((i, d) => `${s}-child-${d}`).join(" ");
       }
-    ), u = i(() => []), f = i(() => {
+    ), u = r(() => []), f = r(() => {
       if (!t.children) return !1;
-      const m = t.children.filter(
-        (s) => a.value.includes(s.value ?? s.label)
+      const b = t.children.filter(
+        (i) => o.value.includes(i.value ?? i.label)
       ).length;
-      return m > 0 && m < t.children.length;
+      return b > 0 && b < t.children.length;
     });
-    function g() {
+    function v() {
       if (!t.children) return;
       t.children.filter(
-        (s) => a.value.includes(s.value ?? s.label)
-      ).length === t.children.length ? a.value.includes(o.value) || (a.value = a.value.concat(o.value)) : a.value.includes(o.value) && (a.value = a.value.filter((s) => s !== o.value));
+        (i) => o.value.includes(i.value ?? i.label)
+      ).length === t.children.length ? o.value.includes(a.value) || (o.value = o.value.concat(a.value)) : o.value.includes(a.value) && (o.value = o.value.filter((i) => i !== a.value));
     }
     function x() {
-      var m;
-      t.children && (a.value.includes(o.value) ? a.value = a.value.concat(
-        (m = t.children) == null ? void 0 : m.map((s) => s.value ?? s.label).filter((s) => !a.value.includes(s))
-      ) : a.value = a.value.filter(
-        (s) => {
+      var b;
+      t.children && (o.value.includes(a.value) ? o.value = o.value.concat(
+        (b = t.children) == null ? void 0 : b.map((i) => i.value ?? i.label).filter((i) => !o.value.includes(i))
+      ) : o.value = o.value.filter(
+        (i) => {
           var d;
-          return !((d = t.children) != null && d.map((c) => c.value ?? c.label).includes(s));
+          return !((d = t.children) != null && d.map((c) => c.value ?? c.label).includes(i));
         }
       ));
     }
-    return (m, s) => {
+    return (b, i) => {
       var d, c;
-      return p(), I(ve, {
-        modelValue: a.value,
-        "onUpdate:modelValue": s[1] || (s[1] = (n) => a.value = n),
+      return p(), E(ve, {
+        modelValue: o.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (n) => o.value = n),
         value: t.value,
         label: t.label,
         disabled: e.disabled,
@@ -2248,23 +2255,23 @@ const tt = Object.entries(se.global.breakpoint).reduce(
         indeterminate: f.value,
         "aria-owns": (d = e.children) != null && d.length ? l.value : void 0,
         onChange: x
-      }, Ae({ _: 2 }, [
+      }, Fe({ _: 2 }, [
         (c = e.children) != null && c.length ? {
           name: "children",
           fn: F(() => [
-            E("div", {
-              class: y([$t, u.value])
+            B("div", {
+              class: h([$t, u.value])
             }, [
-              (p(!0), z(re, null, me(e.children, (n, v) => (p(), I(ve, oe({
+              (p(!0), z(re, null, me(e.children, (n, m) => (p(), E(ve, ae({
                 key: n.value ? n.value.toString() : n.label,
-                modelValue: a.value,
-                "onUpdate:modelValue": s[0] || (s[0] = (h) => a.value = h),
+                modelValue: o.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (g) => o.value = g),
                 disabled: e.disabled
               }, { ref_for: !0 }, n, {
                 emphasis: e.emphasis,
                 error: e.error,
-                "checkbox-id": `${b(r)}-child-${v}`,
-                onChange: g
+                "checkbox-id": `${y(s)}-child-${m}`,
+                onChange: v
               }), null, 16, ["modelValue", "disabled", "emphasis", "error", "checkbox-id"]))), 128))
             ], 2)
           ]),
@@ -2273,9 +2280,9 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       ]), 1032, ["modelValue", "value", "label", "disabled", "emphasis", "error", "indeterminate", "aria-owns"]);
     };
   }
-}), Bt = ["id"], Et = { key: 0 }, It = ["id"], Ot = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-invalid"], Rt = "flex flex-col", Ft = "flex flex-col gap-10", At = "flex items-start", Ut = /* @__PURE__ */ N({
+}), Bt = ["id"], Et = { key: 0 }, It = ["id"], Ot = ["id", "aria-labelledby", "aria-describedby", "aria-required", "aria-invalid"], Rt = "flex flex-col", At = "flex flex-col gap-10", Ft = "flex items-start", Ut = /* @__PURE__ */ T({
   __name: "FzCheckboxGroup",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ J({
     label: {},
     size: {},
     options: {},
@@ -2293,8 +2300,8 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = te();
-    A(
+    const t = e, a = Z();
+    N(
       () => t.size,
       (c) => {
         c !== void 0 && console.warn(
@@ -2303,85 +2310,85 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       },
       { immediate: !0 }
     );
-    const a = Le(), r = i(() => [
+    const o = Le(), s = r(() => [
       "text-sm",
       t.disabled ? "text-grey-400" : "text-grey-500"
-    ]), l = ae(e, "modelValue"), u = i(() => new Set(l.value));
+    ]), l = oe(e, "modelValue"), u = r(() => new Set(l.value));
     Ne(we, { source: l, set: u });
-    const f = i(() => [
+    const f = r(() => [
       "text-base",
       "gap-6",
       t.disabled ? "text-grey-400" : "text-core-black"
-    ]), g = i(() => ["text-base"]), x = i(() => [
+    ]), v = r(() => ["text-base"]), x = r(() => [
       "text-base",
       t.horizontal ? "gap-16" : "gap-8",
       t.horizontal ? "flex-row" : "flex-col"
-    ]), m = i(
+    ]), b = r(
       () => Array.isArray(t.options) && t.options.length > 0
-    ), s = i(() => ({
+    ), i = r(() => ({
       disabled: t.disabled,
       error: t.error,
       emphasis: t.emphasis,
       required: t.required
-    })), d = i(() => {
+    })), d = r(() => {
       const c = [];
-      return o.help && c.push(`${a}-help`), t.error && o.error && c.push(`${a}-error`), c.length > 0 ? c.join(" ") : void 0;
+      return a.help && c.push(`${o}-help`), t.error && a.error && c.push(`${o}-error`), c.length > 0 ? c.join(" ") : void 0;
     });
     return (c, n) => (p(), z("div", {
-      class: y([Ft, g.value])
+      class: h([At, v.value])
     }, [
-      E("label", {
-        id: b(a) + "-label",
-        class: y([Rt, f.value])
+      B("label", {
+        id: y(o) + "-label",
+        class: h([Rt, f.value])
       }, [
-        E("span", null, [
-          q(M(e.label), 1),
-          e.required ? (p(), z("span", Et, " *")) : C("", !0)
+        B("span", null, [
+          j(q(e.label), 1),
+          e.required ? (p(), z("span", Et, " *")) : k("", !0)
         ]),
         c.$slots.help ? (p(), z("p", {
           key: 0,
-          id: b(a) + "-help",
-          class: y(r.value)
+          id: y(o) + "-help",
+          class: h(s.value)
         }, [
           $(c.$slots, "help")
-        ], 10, It)) : C("", !0)
+        ], 10, It)) : k("", !0)
       ], 10, Bt),
-      E("div", {
-        class: y([At, x.value]),
-        id: b(a),
+      B("div", {
+        class: h([Ft, x.value]),
+        id: y(o),
         role: "group",
-        "aria-labelledby": b(a) + "-label",
+        "aria-labelledby": y(o) + "-label",
         "aria-describedby": d.value,
         "aria-required": e.required ? "true" : "false",
         "aria-invalid": e.error ? "true" : "false"
       }, [
-        m.value ? (p(!0), z(re, { key: 0 }, me(e.options, (v) => (p(), I(St, oe({
-          key: v.value ? v.value.toString() : v.label,
+        b.value ? (p(!0), z(re, { key: 0 }, me(e.options, (m) => (p(), E(St, ae({
+          key: m.value ? m.value.toString() : m.label,
           modelValue: l.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (h) => l.value = h),
+          "onUpdate:modelValue": n[0] || (n[0] = (g) => l.value = g),
           disabled: e.disabled
-        }, { ref_for: !0 }, v, {
+        }, { ref_for: !0 }, m, {
           emphasis: e.emphasis,
           error: e.error
         }), null, 16, ["modelValue", "disabled", "emphasis", "error"]))), 128)) : $(c.$slots, "default", {
           key: 1,
-          checkboxGroupProps: s.value
+          checkboxGroupProps: i.value
         })
       ], 10, Ot),
-      e.error && c.$slots.error ? (p(), I(ge, {
+      e.error && c.$slots.error ? (p(), E(ge, {
         key: 0,
-        id: b(a) + "-error"
+        id: y(o) + "-error"
       }, {
         default: F(() => [
           $(c.$slots, "error")
         ]),
         _: 3
-      }, 8, ["id"])) : C("", !0)
+      }, 8, ["id"])) : k("", !0)
     ], 2));
   }
-}), Nt = ["id", "value", "disabled", "checked", "name", "required", "aria-checked", "aria-required", "aria-invalid"], Tt = ["for"], Lt = ["title"], Vt = ["src", "alt"], Dt = { class: "flex flex-row w-full justify-between min-w-0" }, Mt = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, Pt = "w-0 h-0 peer fz-hidden-input", qt = /* @__PURE__ */ N({
+}), Nt = ["id", "value", "disabled", "checked", "name", "required", "aria-checked", "aria-required", "aria-invalid"], Tt = ["for"], Lt = ["title"], Vt = ["src", "alt"], Dt = { class: "flex flex-row w-full justify-between min-w-0" }, Pt = { class: "justify-center flex flex-col w-full grow-0 min-w-0 gap-4" }, Mt = "w-0 h-0 peer fz-hidden-input", qt = /* @__PURE__ */ T({
   __name: "FzCheckboxCard",
-  props: /* @__PURE__ */ X({
+  props: /* @__PURE__ */ J({
     label: {},
     size: {},
     emphasis: { type: Boolean },
@@ -2407,25 +2414,25 @@ const tt = Object.entries(se.global.breakpoint).reduce(
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, o = i(
+    const t = e, a = r(
       () => t.value ?? t.label
-    ), a = ie(), r = ae(e, "modelValue"), l = Te(we, null), u = i(() => r.value == null ? !1 : l && l.source.value === r.value ? l.set.value.has(o.value) : r.value.includes(o.value));
+    ), o = ie(), s = oe(e, "modelValue"), l = Te(we, null), u = r(() => s.value == null ? !1 : l && l.source.value === s.value ? l.set.value.has(a.value) : s.value.includes(a.value));
     function f() {
       if (t.disabled) return;
-      const v = r.value ?? [];
-      u.value ? r.value = v.filter((h) => h !== o.value) : r.value = [...v, o.value];
+      const m = s.value ?? [];
+      u.value ? s.value = m.filter((g) => g !== a.value) : s.value = [...m, a.value];
     }
-    const g = Object.freeze({
+    const v = Object.freeze({
       CHECKED: "square-check",
       UNCHECKED: "square"
     }), x = Object.freeze({
       SOLID: "fas",
       REGULAR: "far"
-    }), m = i(
-      () => u.value ? g.CHECKED : g.UNCHECKED
-    ), s = i(
+    }), b = r(
+      () => u.value ? v.CHECKED : v.UNCHECKED
+    ), i = r(
       () => u.value ? x.SOLID : x.REGULAR
-    ), d = i(() => t.disabled ? "text-grey-300" : t.error ? "text-semantic-error-200" : t.emphasis || u.value ? "text-blue-500" : "text-grey-400"), c = i(() => t.variant === "vertical" || !!t.imageUrl), n = i(() => ({
+    ), d = r(() => t.disabled ? "text-grey-300" : t.error ? "text-semantic-error-200" : t.emphasis || u.value ? "text-blue-500" : "text-grey-400"), c = r(() => t.variant === "vertical" || !!t.imageUrl), n = r(() => ({
       "flex-col": t.variant === "vertical",
       "flex-row": t.variant === "horizontal",
       "pb-20": t.variant === "vertical" && (!u.value || t.disabled),
@@ -2439,12 +2446,12 @@ const tt = Object.entries(se.global.breakpoint).reduce(
       "border-1 border-grey-300": !u.value || t.disabled,
       "hover:bg-[#f9faff] peer-focus:outline peer-focus:bg-[#f9faff] peer-focus:outline-blue-200 peer-focus:outline-2 peer-checked:bg-[#f9faff]": !t.disabled
     }));
-    return (v, h) => (p(), z("div", null, [
-      E("input", {
+    return (m, g) => (p(), z("div", null, [
+      B("input", {
         type: "checkbox",
-        id: b(a),
-        class: y([Pt]),
-        value: o.value,
+        id: y(o),
+        class: h([Mt]),
+        value: a.value,
         disabled: e.disabled,
         checked: u.value,
         name: e.name,
@@ -2455,18 +2462,18 @@ const tt = Object.entries(se.global.breakpoint).reduce(
         "aria-invalid": e.error ? "true" : "false",
         onChange: f
       }, null, 42, Nt),
-      E("label", {
-        class: y([
+      B("label", {
+        class: h([
           "relative flex block rounded-lg border-solid pt-12 px-12 cursor-pointer w-full",
           n.value
         ]),
-        for: b(a)
+        for: y(o)
       }, [
-        e.hasCheckbox ? (p(), I(b(P), {
+        e.hasCheckbox ? (p(), E(y(H), {
           key: 0,
-          name: m.value,
+          name: b.value,
           size: "md",
-          class: y([
+          class: h([
             "shrink-0",
             d.value,
             {
@@ -2474,12 +2481,12 @@ const tt = Object.entries(se.global.breakpoint).reduce(
               "self-start": e.variant === "horizontal"
             }
           ]),
-          variant: s.value,
+          variant: i.value,
           "aria-hidden": "true"
-        }, null, 8, ["name", "class", "variant"])) : C("", !0),
+        }, null, 8, ["name", "class", "variant"])) : k("", !0),
         c.value ? (p(), z("picture", {
           key: 1,
-          class: y([
+          class: h([
             "rounded overflow-hidden",
             {
               "shrink-0 size-[58px]": e.variant === "horizontal",
@@ -2489,34 +2496,34 @@ const tt = Object.entries(se.global.breakpoint).reduce(
           ]),
           title: e.imageAlt || ""
         }, [
-          E("img", {
+          B("img", {
             src: e.imageUrl,
             alt: e.imageAlt || "",
             class: "object-cover h-full w-full"
           }, null, 8, Vt)
-        ], 10, Lt)) : C("", !0),
-        E("div", Dt, [
-          E("div", Mt, [
-            E("p", {
-              class: y([
+        ], 10, Lt)) : k("", !0),
+        B("div", Dt, [
+          B("div", Pt, [
+            B("p", {
+              class: h([
                 "font-medium break-words !m-0 !leading-[20px]",
                 { "text-grey-300": t.disabled }
               ])
-            }, M(e.title), 3),
+            }, q(e.title), 3),
             e.subtitle ? (p(), z("p", {
               key: 0,
-              class: y([
+              class: h([
                 "font-normal text-sm mt-4 break-words !m-0 !leading-[16px]",
                 {
                   "text-grey-300": t.disabled,
                   "text-grey-500": !t.disabled
                 }
               ])
-            }, M(e.subtitle), 3)) : C("", !0)
+            }, q(e.subtitle), 3)) : k("", !0)
           ]),
-          e.tooltip ? (p(), I(b(xe), {
+          e.tooltip ? (p(), E(y(xe), {
             key: 0,
-            class: y({
+            class: h({
               "self-center": t.variant === "horizontal",
               "self-start": t.variant === "vertical",
               "ml-8": t.variant === "vertical",
@@ -2527,7 +2534,7 @@ const tt = Object.entries(se.global.breakpoint).reduce(
             status: e.tooltipStatus || "neutral"
           }, {
             default: F(() => [
-              H(b(P), {
+              U(y(H), {
                 name: "circle-info",
                 variant: "far",
                 size: "md",
@@ -2535,12 +2542,12 @@ const tt = Object.entries(se.global.breakpoint).reduce(
               })
             ]),
             _: 1
-          }, 8, ["class", "disabled", "text", "status"])) : C("", !0)
+          }, 8, ["class", "disabled", "text", "status"])) : k("", !0)
         ])
       ], 10, Tt)
     ]));
   }
-}), Wt = /* @__PURE__ */ K(qt, [["__scopeId", "data-v-d850ec45"]]);
+}), Wt = /* @__PURE__ */ Y(qt, [["__scopeId", "data-v-d850ec45"]]);
 export {
   ve as FzCheckbox,
   Wt as FzCheckboxCard,