@fiscozen/composables 0.1.38 → 0.1.39-next.0

package/dist/composables.js

@@ -0,0 +1,1451 @@
+import { ref as g, reactive as se, onUnmounted as ue, nextTick as U, onMounted as W, computed as R, watch as z, onBeforeUnmount as P, getCurrentInstance as pe, defineComponent as ve, useSlots as ce, toRef as V, toRefs as fe, createElementBlock as ee, openBlock as A, renderSlot as $, createElementVNode as te, withDirectives as oe, createCommentVNode as ae, createBlock as de, unref as D, normalizeClass as le, vShow as ie, Teleport as ye } from "vue";
+const re = (e) => (t) => {
+  if (t === null)
+    return "";
+  const o = {
+    maximumFractionDigits: e.maximumFractionDigits || 2,
+    minimumFractionDigits: e.minimumFractionDigits,
+    useGrouping: e.useGrouping || !1
+  };
+  return t.toLocaleString("it-IT", o);
+}, B = (e) => {
+  if (!e || typeof e != "string")
+    return NaN;
+  let t = e.trim();
+  return t.includes(",") && (t = t.replace(/\./g, ""), t = t.replace(",", ".")), parseFloat(t);
+}, me = (e, t) => {
+  let o = t;
+  const a = t % e, n = t >= 0 ? e : -e;
+  return a !== 0 && (o = Math.abs(a) >= e / 2 ? t + n - a : t - a), o;
+}, M = new DOMRect(0, 0, window.innerWidth, window.innerHeight), C = (e, t, o, a, n) => {
+  let i = n ? "bottom" : "right", x = n ? "bottom-start" : "right-start";
+  M.width = window.innerWidth, M.height = window.innerHeight, M.x = 0, M.y = 0;
+  const s = e ? e.getBoundingClientRect() : M, l = t.getBoundingClientRect(), d = o.getBoundingClientRect(), p = (d.left - s.left - l.width) / s.width, v = (s.right - d.right - l.width) / s.width, u = (d.top - s.top - l.height) / s.height, m = (s.bottom - d.bottom - l.height) / s.height;
+  let h = [
+    {
+      key: "right",
+      space: v
+    },
+    {
+      key: "top",
+      space: u
+    },
+    {
+      key: "bottom",
+      space: m
+    },
+    {
+      key: "left",
+      space: p
+    }
+  ].sort((r, c) => c.space - r.space);
+  if (n && (h = h.filter((r) => r.key === "top" || r.key === "bottom")), i = h[0].key, !a) {
+    const r = (l.height - d.height) / 2;
+    switch (i) {
+      case "right":
+      case "left":
+        s.top > d.top - r && (a = "end"), s.bottom < d.top - r && (a = "start");
+        break;
+    }
+  }
+  return x = a ? `${i}-${a}` : i, x;
+}, he = (e, t, o, a) => ({
+  x: t.x + e.width * o / 100,
+  y: t.y + e.height * a / 100
+}), ge = (e) => {
+  const t = g(null), o = g(null), a = g(null), n = g(), i = g(), x = g("auto"), s = g(), l = se({
+    position: { x: 0, y: 0 }
+  }), d = {
+    root: null,
+    rootMargin: "0px",
+    threshold: 1,
+    ...e.element.value.intersectionOptions
+  }, p = (h, r) => {
+  }, v = g(new IntersectionObserver(p, d)), u = g(), m = (h = !1) => U(() => {
+    var I, f, b, w, O, S, F, q, G, _, j, K, Q, X, Y;
+    if (u.value = e.position ? e.position.value : "auto", t.value = typeof e.element.value.domRef.value == "string" ? document.querySelector(e.element.value.domRef.value) : e.element.value.domRef.value, (I = e.container) != null && I.value ? (o.value = typeof ((f = e.container.value) == null ? void 0 : f.domRef.value) == "string" ? document.querySelector(e.container.value.domRef.value) : (b = e.container.value) == null ? void 0 : b.domRef.value, o.value ?? (o.value = document.body)) : o.value = document.body, !t.value)
+      throw new Error("missing reference element for floating behavior");
+    (w = e.opener) != null && w.value && (a.value = typeof ((O = e.opener.value) == null ? void 0 : O.domRef.value) == "string" ? document.querySelector(e.opener.value.domRef.value) : (S = e.opener.value) == null ? void 0 : S.domRef.value), s.value = t.value.getBoundingClientRect(), n.value = (F = a.value) == null ? void 0 : F.getBoundingClientRect(), i.value = o.value.getBoundingClientRect();
+    const r = window.getComputedStyle(t.value);
+    v.value.observe(t.value), v.value.observe(o.value);
+    let c = 0, y = 0;
+    if ((q = e.opener) != null && q.value && a.value && (n != null && n.value)) {
+      const k = n.value.left - parseFloat(r.marginLeft) - parseFloat(r.marginRight), J = n.value.left - parseFloat(r.marginLeft), L = n.value.top - parseFloat(r.marginTop) - parseFloat(r.marginBottom), Z = n.value.top - parseFloat(r.marginTop);
+      switch (u.value) {
+        case "auto":
+          u.value = C(
+            (G = e.useViewport) != null && G.value ? null : o.value,
+            t.value,
+            a.value
+          );
+          break;
+        case "auto-vertical":
+          u.value = C(
+            (_ = e.useViewport) != null && _.value ? null : o.value,
+            t.value,
+            a.value,
+            void 0,
+            !0
+          );
+          break;
+        case "auto-start":
+          u.value = C(
+            (j = e.useViewport) != null && j.value ? null : o.value,
+            t.value,
+            a.value,
+            "start"
+          );
+          break;
+        case "auto-vertical-start":
+          u.value = C(
+            (K = e.useViewport) != null && K.value ? null : o.value,
+            t.value,
+            a.value,
+            "start",
+            !0
+          );
+          break;
+        case "auto-end":
+          u.value = C(
+            (Q = e.useViewport) != null && Q.value ? null : o.value,
+            t.value,
+            a.value,
+            "end"
+          );
+          break;
+        case "auto-vertical-end":
+          u.value = C(
+            (X = e.useViewport) != null && X.value ? null : o.value,
+            t.value,
+            a.value,
+            "end",
+            !0
+          );
+          break;
+      }
+      switch (u.value) {
+        case "bottom":
+          l.position.y = n.value.bottom, l.position.x = J + n.value.width / 2, y = -50, c = 0;
+          break;
+        case "bottom-start":
+          l.position.y = n.value.bottom, l.position.x = k, y = 0, c = 0;
+          break;
+        case "bottom-end":
+          l.position.y = n.value.bottom, l.position.x = n.value.right, y = -100, c = 0;
+          break;
+        case "left-start":
+          l.position.y = L, l.position.x = k, y = -100, c = 0;
+          break;
+        case "left":
+          l.position.y = Z + n.value.height / 2, l.position.x = k, c = -50, y = -100;
+          break;
+        case "left-end":
+          l.position.y = n.value.bottom, l.position.x = k, c = -100, y = -100;
+          break;
+        case "top-start":
+          l.position.y = L, l.position.x = k, c = -100, y = 0;
+          break;
+        case "top":
+          l.position.y = L, l.position.x = J + n.value.width / 2, y = -50, c = -100;
+          break;
+        case "top-end":
+          l.position.y = L, l.position.x = n.value.right, y = -100, c = -100;
+          break;
+        case "right-start":
+          l.position.y = L, l.position.x = n.value.right, y = 0, c = 0;
+          break;
+        case "right":
+          l.position.y = Z + n.value.height / 2, l.position.x = n.value.right, c = -50, y = 0;
+          break;
+        case "right-end":
+          l.position.y = n.value.bottom, l.position.x = n.value.right, c = -100, y = 0;
+          break;
+      }
+    } else
+      switch (u.value) {
+        case "bottom":
+          l.position.y = i.value.bottom - s.value.height, l.position.x = i.value.left + i.value.width / 2, y = -50;
+          break;
+        case "left-end":
+        case "bottom-start":
+          l.position.y = i.value.bottom - s.value.height, l.position.x = i.value.left;
+          break;
+        case "right-end":
+        case "bottom-end":
+          l.position.y = i.value.bottom - s.value.height, l.position.x = i.value.right - s.value.width;
+          break;
+        case "left":
+          l.position.y = i.value.top + (i.value.height - s.value.height) / 2, l.position.x = i.value.left;
+          break;
+        case "top-start":
+        case "left-start":
+          l.position.y = i.value.top, l.position.x = i.value.left;
+          break;
+        case "top":
+          l.position.y = i.value.top, l.position.x = i.value.left + (i.value.width - s.value.width) / 2;
+          break;
+        case "top-end":
+        case "right-start":
+          l.position.y = i.value.top, l.position.x = i.value.right - s.value.width;
+        case "right":
+          l.position.y = i.value.top + (i.value.height - s.value.height) / 2, l.position.x = i.value.right - s.value.width;
+          break;
+      }
+    const E = he(s.value, l.position, y, c);
+    if (l.position.x = E.x, l.position.y = E.y, E.x < i.value.left && (l.position.x = i.value.left, y = 0), E.x + s.value.width > i.value.right) {
+      const k = i.value.right - s.value.width;
+      k > 0 && (l.position.x = k), y = 0;
+    }
+    if (E.y < i.value.top && (l.position.y = i.value.top, c = 0), E.y + s.value.height > i.value.bottom) {
+      const k = i.value.bottom - s.value.height;
+      k > 0 && (l.position.y = k), c = 0;
+    }
+    t.value.style.top = `${l.position.y}px`, t.value.style.left = `${l.position.x}px`, t.value.style.position = "fixed", t.value.style.display = "flex", s.value = t.value.getBoundingClientRect(), (Y = e.callback) != null && Y.value && !h && e.callback.value(s, n, i, x, u);
+  });
+  return ue(() => {
+    v.value.disconnect();
+  }), {
+    float: l,
+    rect: s,
+    setPosition: m,
+    position: x,
+    actualPosition: u,
+    openerRect: n,
+    containerRect: i
+  };
+};
+function H(e) {
+  const t = window.matchMedia(e), o = g(t.matches);
+  function a(n) {
+    o.value = n.matches;
+  }
+  return W(() => {
+    t.addEventListener("change", a);
+  }), ue(() => {
+    t.removeEventListener("change", a);
+  }), R(() => o.value);
+}
+function Oe(e) {
+  return {
+    isGreater(t) {
+      return H(`(min-width: ${e[t]})`);
+    },
+    isSmaller(t) {
+      return H(`(max-width: ${e[t]})`);
+    },
+    isInBetween(t, o) {
+      return H(`(min-width: ${e[t]}) and (max-width: ${e[o]})`);
+    }
+  };
+}
+function Fe(e, t, o) {
+  if (!e)
+    throw new Error("A target component has to be provided.");
+  if (!t)
+    throw new Error("A callback has to be provided.");
+  const a = (n) => {
+    !e.value || n.target === e.value || n.composedPath().includes(e.value) || typeof t == "function" && t();
+  };
+  o && z(o, (n, i) => {
+    i && i.removeEventListener("click", a), n == null || n.addEventListener("click", a);
+  }), W(() => {
+    o || document.addEventListener("click", a);
+  }), P(() => {
+    var n;
+    if (o) {
+      (n = o.value) == null || n.removeEventListener("click", a);
+      return;
+    }
+    document.removeEventListener("click", a);
+  });
+}
+function Le(e, t) {
+  if (!e)
+    throw new Error("A target component has to be provided.");
+  if (!t || typeof t != "function")
+    throw new Error("A callback has to be provided.");
+  const o = (a) => {
+    t(a);
+  };
+  W(() => {
+    e.value.addEventListener("keydown", o);
+  }), P(() => {
+    e.value.removeEventListener("keydown", o);
+  });
+}
+function $e(e, t) {
+  if (!e || typeof e != "function")
+    throw new Error("A callback has to be provided.");
+  const o = (a) => {
+    e(a);
+  };
+  W(() => {
+    if (!t) {
+      document.addEventListener("keyup", o);
+      return;
+    }
+    t.value.addEventListener("keyup", o);
+  }), P(() => {
+    if (!t) {
+      document.removeEventListener("keyup", o);
+      return;
+    }
+    t.value.removeEventListener("keyup", o);
+  });
+}
+const Me = (e) => {
+  const t = g(null), o = pe(), a = R(() => o == null ? void 0 : o.props.amount), n = g(), i = re(e), x = (p) => {
+    if (!Number.isNaN(p) && o) {
+      if (n.value = p, o.props.nullOnEmpty && !p) {
+        o.emit("update:amount", null);
+        return;
+      }
+      o.emit("update:amount", p);
+    }
+  }, s = (p) => {
+    setTimeout(() => {
+      t.value && (t.value.value = p);
+    }, 0);
+  }, l = (p) => (v) => {
+    if (!t.value || !v.target)
+      return;
+    let { value: u } = p;
+    u = u.replace(/[^0-9,.-]/g, "");
+    const m = B(u);
+    s(u);
+    const h = o != null && o.props.nullOnEmpty && u === "" ? null : m;
+    x(Number.isNaN(h) ? 0 : h);
+  }, d = (p) => {
+    if (!t.value || !p.target)
+      return;
+    const v = p.target.value.replace(/,/g, ".");
+    let u;
+    v === "" && (o != null && o.props.nullOnEmpty) ? u = null : (u = B(v), Number.isNaN(u) && (u = 0), e.step && (o != null && o.props.forceStep) && (u = me(e.step, u)), e.min && e.min > u && (u = e.min), e.max && e.max < u && (u = e.max));
+    const m = i(u);
+    s(m), x(B(m));
+  };
+  return z(t, (p, v) => {
+    p && (v && (v == null || v.removeEventListener("input", l(p)), v == null || v.removeEventListener("blur", d)), p.addEventListener("input", l(p)), p.addEventListener("blur", d), o != null && o.props.amount && (p.value = i(a.value)));
+  }), z(a, (p) => {
+    U(() => {
+      if (!(!t.value || p === null || p === void 0) && n.value !== p) {
+        const v = i(p);
+        t.value.value = v, n.value = p;
+      }
+    });
+  }), {
+    inputRef: t,
+    parse: B,
+    format: i,
+    emitAmount: x,
+    setValue: s
+  };
+};
+function xe(e, t) {
+  if (!(e == null || e === "")) {
+    if (typeof e == "number")
+      return e;
+    if (typeof e == "string") {
+      console.warn(
+        `[useCurrencyModel] String values in v-model are deprecated and will be removed in a future version. Please use number | undefined instead. Received: "${e}". The string format is deprecated and will be replaced by "number | undefined". Parsing as number for retrocompatibility.`
+      );
+      const o = t(e);
+      return isNaN(o) || !isFinite(o) ? void 0 : o;
+    }
+  }
+}
+function Be(e) {
+  const {
+    model: t,
+    displayModel: o,
+    inputRef: a,
+    nullOnEmpty: n = !1,
+    onModelUpdate: i,
+    ...x
+  } = e, s = re(x), l = B, d = g(!1), p = g(!1), v = g(!1);
+  let u = !1;
+  const m = () => {
+    u || (u = !0, U(() => {
+      v.value = !1, u = !1;
+    }));
+  }, h = (f) => xe(f, l), r = (f) => {
+    const b = !f || f.trim() === "";
+    if (d.value && !p.value && t.value === void 0 && !b)
+      return s(0);
+  }, c = (f, b) => {
+    if (f === void 0) {
+      if (p.value) {
+        o.value = void 0, a != null && a.value && (a.value.value = "");
+        return;
+      }
+      const w = r(b);
+      o.value = w, a != null && a.value && (a.value.value = w || "");
+    } else {
+      const w = s(f);
+      o.value = w, a != null && a.value && (a.value.value = w);
+    }
+  }, y = (f) => {
+    if (p.value = !0, !(f != null && f.trim())) {
+      o.value = void 0, a != null && a.value && (a.value.value = "");
+      const S = n ? void 0 : 0;
+      v.value = !0, i ? i(S) : t.value = S, m();
+      return;
+    }
+    o.value = f;
+    const b = l(f), w = isNaN(b) || !isFinite(b) ? void 0 : b;
+    if (h(t.value) !== w) {
+      v.value = !0;
+      const S = w !== void 0 ? w : 0;
+      i ? i(S) : t.value = S, m();
+    }
+  }, E = () => {
+    p.value = !0;
+  };
+  return z(
+    () => t.value,
+    (f, b) => {
+      var F;
+      if (v.value) {
+        m();
+        return;
+      }
+      const w = h(f), O = h(b);
+      if (w === O)
+        return;
+      f === void 0 && (d.value = !0);
+      const S = ((F = a == null ? void 0 : a.value) == null ? void 0 : F.value) || o.value || "";
+      c(w, S), f !== void 0 && typeof f == "number" && (p.value = !0);
+    }
+  ), {
+    format: s,
+    parse: l,
+    normalize: h,
+    handleInputUpdate: y,
+    markUserModified: E,
+    initialize: () => {
+      var f;
+      if (d.value = t.value === void 0, (f = a == null ? void 0 : a.value) != null && f.value)
+        o.value = a.value.value, p.value = !0;
+      else if (t.value !== void 0 && t.value !== null && t.value !== "") {
+        const b = h(t.value);
+        b === void 0 ? o.value = void 0 : (o.value = s(b), p.value = !0);
+      } else
+        t.value === void 0 ? o.value = s(0) : o.value = void 0;
+    },
+    resetInternalUpdateFlag: m,
+    isInternalUpdate: R(() => v.value),
+    userHasModified: R(() => p.value),
+    initialValueWasUndefined: R(() => d.value)
+  };
+}
+const be = {
+  blue: {
+    50: {
+      value: "#eff1ff",
+      type: "color"
+    },
+    100: {
+      value: "#dee2ff",
+      type: "color"
+    },
+    200: {
+      value: "#bdc5ff",
+      type: "color"
+    },
+    300: {
+      value: "#9ca8ff",
+      type: "color"
+    },
+    400: {
+      value: "#7b8bff",
+      type: "color"
+    },
+    500: {
+      value: "#5a6eff",
+      type: "color"
+    },
+    600: {
+      value: "#4858cc",
+      type: "color"
+    },
+    700: {
+      value: "#364299",
+      type: "color"
+    },
+    800: {
+      value: "#242c66",
+      type: "color"
+    },
+    900: {
+      value: "#1b214c",
+      type: "color"
+    }
+  },
+  purple: {
+    50: {
+      value: "#f8f4ff",
+      type: "color"
+    },
+    100: {
+      value: "#f0e9ff",
+      type: "color"
+    },
+    200: {
+      value: "#e1d3ff",
+      type: "color"
+    },
+    300: {
+      value: "#d2bdff",
+      type: "color"
+    },
+    400: {
+      value: "#c3a7ff",
+      type: "color"
+    },
+    500: {
+      value: "#b491ff",
+      type: "color"
+    },
+    600: {
+      value: "#9074cc",
+      type: "color"
+    },
+    700: {
+      value: "#6c5799",
+      type: "color"
+    },
+    800: {
+      value: "#483a66",
+      type: "color"
+    },
+    900: {
+      value: "#241d33",
+      type: "color"
+    }
+  },
+  orange: {
+    50: {
+      value: "#fff2ef",
+      type: "color"
+    },
+    100: {
+      value: "#ffe4de",
+      type: "color"
+    },
+    200: {
+      value: "#ffc9bd",
+      type: "color"
+    },
+    300: {
+      value: "#ffae9c",
+      type: "color"
+    },
+    400: {
+      value: "#ff937b",
+      type: "color"
+    },
+    500: {
+      value: "#ff785a",
+      type: "color"
+    },
+    600: {
+      value: "#cc6048",
+      type: "color"
+    },
+    700: {
+      value: "#994836",
+      type: "color"
+    },
+    800: {
+      value: "#663024",
+      type: "color"
+    },
+    900: {
+      value: "#331812",
+      type: "color"
+    }
+  },
+  pink: {
+    50: {
+      value: "#fff5f5",
+      type: "color"
+    },
+    100: {
+      value: "#ffe0e0",
+      type: "color"
+    },
+    200: {
+      value: "#ffcbcb",
+      type: "color"
+    },
+    300: {
+      value: "#ffc0c0",
+      type: "color"
+    },
+    400: {
+      value: "#ffabab",
+      type: "color"
+    },
+    500: {
+      value: "#ff9696",
+      type: "color"
+    },
+    600: {
+      value: "#cc7878",
+      type: "color"
+    },
+    700: {
+      value: "#995a5a",
+      type: "color"
+    },
+    800: {
+      value: "#663c3c",
+      type: "color"
+    },
+    900: {
+      value: "#331e1e",
+      type: "color"
+    }
+  },
+  yellow: {
+    50: {
+      value: "#fffbf4",
+      type: "color"
+    },
+    100: {
+      value: "#fff3de",
+      type: "color"
+    },
+    200: {
+      value: "#ffebc8",
+      type: "color"
+    },
+    300: {
+      value: "#ffe7bd",
+      type: "color"
+    },
+    400: {
+      value: "#ffdfa7",
+      type: "color"
+    },
+    500: {
+      value: "#ffd791",
+      type: "color"
+    },
+    600: {
+      value: "#ccac74",
+      type: "color"
+    },
+    700: {
+      value: "#998157",
+      type: "color"
+    },
+    800: {
+      value: "#806c49",
+      type: "color"
+    },
+    900: {
+      value: "#4c402b",
+      type: "color"
+    }
+  },
+  semantic: {
+    error: {
+      50: {
+        value: "#fef3f3",
+        type: "color"
+      },
+      100: {
+        value: "#f8baba",
+        type: "color"
+      },
+      200: {
+        value: "#f04242",
+        type: "color"
+      },
+      300: {
+        value: "#aa2f2f",
+        type: "color"
+      }
+    },
+    warning: {
+      50: {
+        value: "#fff8f3",
+        type: "color"
+      },
+      100: {
+        value: "#ffdabd",
+        type: "color"
+      },
+      200: {
+        value: "#ffae4f",
+        type: "color"
+      },
+      300: {
+        value: "#b47b38",
+        type: "color"
+      }
+    },
+    success: {
+      50: {
+        value: "#f2f8f6",
+        type: "color"
+      },
+      100: {
+        value: "#b5d8ce",
+        type: "color"
+      },
+      200: {
+        value: "#0fa88c",
+        type: "color"
+      },
+      300: {
+        value: "#0b7763",
+        type: "color"
+      }
+    },
+    info: {
+      50: {
+        value: "#f3f7ff",
+        type: "color"
+      },
+      100: {
+        value: "#b4c8e1",
+        type: "color"
+      },
+      200: {
+        value: "#4e9fff",
+        type: "color"
+      },
+      300: {
+        value: "#3770b4",
+        type: "color"
+      }
+    }
+  },
+  background: {
+    "white-smoke": {
+      value: "#f7f6f3",
+      type: "color"
+    },
+    seashell: {
+      value: "#f8ece7",
+      type: "color"
+    },
+    "pale-purple": {
+      value: "#f2e6ff",
+      type: "color"
+    },
+    "alice-blue": {
+      value: "#ecf2fc",
+      type: "color"
+    }
+  },
+  grey: {
+    100: {
+      value: "#e9edf0",
+      type: "color"
+    },
+    200: {
+      value: "#d1dde6",
+      type: "color"
+    },
+    300: {
+      value: "#9da9b2",
+      type: "color"
+    },
+    400: {
+      value: "#6e777e",
+      type: "color"
+    },
+    500: {
+      value: "#596167",
+      type: "color"
+    }
+  },
+  core: {
+    white: {
+      value: "#ffffff",
+      type: "color"
+    },
+    black: {
+      value: "#2c282f",
+      type: "color"
+    }
+  },
+  "font-sans": {
+    "sharp-grotesk": {
+      value: '"Sharp Grotesk", sans-serif',
+      type: "fontFamilies"
+    },
+    inter: {
+      value: '"Inter", sans-serif',
+      type: "fontFamilies"
+    }
+  },
+  font: {
+    light: {
+      value: "300",
+      type: "fontWeights"
+    },
+    normal: {
+      value: "400",
+      type: "fontWeights"
+    },
+    medium: {
+      value: "500",
+      type: "fontWeights"
+    }
+  },
+  spacing: {
+    0: {
+      value: "0px",
+      type: "spacing"
+    },
+    1: {
+      value: "1px",
+      type: "spacing"
+    },
+    2: {
+      value: "2px",
+      type: "spacing"
+    },
+    4: {
+      value: "4px",
+      type: "spacing"
+    },
+    6: {
+      value: "6px",
+      type: "spacing"
+    },
+    8: {
+      value: "8px",
+      type: "spacing"
+    },
+    10: {
+      value: "10px",
+      type: "spacing"
+    },
+    12: {
+      value: "12px",
+      type: "spacing"
+    },
+    14: {
+      value: "14px",
+      type: "spacing"
+    },
+    16: {
+      value: "16px",
+      type: "spacing"
+    },
+    20: {
+      value: "20px",
+      type: "spacing"
+    },
+    24: {
+      value: "24px",
+      type: "spacing"
+    },
+    28: {
+      value: "28px",
+      type: "spacing"
+    },
+    32: {
+      value: "32px",
+      type: "spacing"
+    },
+    36: {
+      value: "36px",
+      type: "spacing"
+    },
+    40: {
+      value: "40px",
+      type: "spacing"
+    },
+    44: {
+      value: "44px",
+      type: "spacing"
+    },
+    48: {
+      value: "48px",
+      type: "spacing"
+    },
+    56: {
+      value: "56px",
+      type: "spacing"
+    },
+    64: {
+      value: "64px",
+      type: "spacing"
+    },
+    80: {
+      value: "80px",
+      type: "spacing"
+    },
+    96: {
+      value: "96px",
+      type: "spacing"
+    },
+    112: {
+      value: "112px",
+      type: "spacing"
+    },
+    128: {
+      value: "128px",
+      type: "spacing"
+    },
+    144: {
+      value: "144px",
+      type: "spacing"
+    },
+    160: {
+      value: "160px",
+      type: "spacing"
+    },
+    176: {
+      value: "176px",
+      type: "spacing"
+    },
+    192: {
+      value: "192px",
+      type: "spacing"
+    },
+    208: {
+      value: "208px",
+      type: "spacing"
+    },
+    224: {
+      value: "224px",
+      type: "spacing"
+    },
+    240: {
+      value: "240px",
+      type: "spacing"
+    },
+    256: {
+      value: "256px",
+      type: "spacing"
+    },
+    288: {
+      value: "288px",
+      type: "spacing"
+    },
+    320: {
+      value: "320px",
+      type: "spacing"
+    },
+    384: {
+      value: "384px",
+      type: "spacing"
+    }
+  },
+  border: {
+    0: {
+      value: "0px",
+      type: "borderWidth"
+    },
+    1: {
+      value: "1px",
+      type: "borderWidth"
+    },
+    2: {
+      value: "2px",
+      type: "borderWidth"
+    },
+    4: {
+      value: "4px",
+      type: "borderWidth"
+    },
+    8: {
+      value: "8px",
+      type: "borderWidth"
+    }
+  },
+  rounded: {
+    none: {
+      value: "0px",
+      type: "borderRadius"
+    },
+    sm: {
+      value: "2px",
+      type: "borderRadius"
+    },
+    base: {
+      value: "4px",
+      type: "borderRadius"
+    },
+    md: {
+      value: "6px",
+      type: "borderRadius"
+    },
+    lg: {
+      value: "8px",
+      type: "borderRadius"
+    },
+    xl: {
+      value: "12px",
+      type: "borderRadius"
+    },
+    "2xl": {
+      value: "16px",
+      type: "borderRadius"
+    },
+    "3xl": {
+      value: "24px",
+      type: "borderRadius"
+    },
+    full: {
+      value: "9999px",
+      type: "borderRadius"
+    }
+  },
+  breakpoint: {
+    xs: {
+      value: "376px",
+      type: "sizing"
+    },
+    sm: {
+      value: "640px",
+      type: "sizing"
+    },
+    md: {
+      value: "768px",
+      type: "sizing"
+    },
+    lg: {
+      value: "1024px",
+      type: "sizing"
+    },
+    xl: {
+      value: "1280px",
+      type: "sizing"
+    },
+    "2xl": {
+      value: "1440px",
+      type: "sizing"
+    },
+    "3xl": {
+      value: "1536px",
+      type: "sizing"
+    }
+  },
+  shadow: {
+    none: {
+      value: {
+        color: "#000000",
+        type: "dropShadow",
+        x: "0",
+        y: "0",
+        blur: "0",
+        spread: "0"
+      },
+      type: "boxShadow"
+    },
+    sm: {
+      value: {
+        color: "#0000000d",
+        type: "dropShadow",
+        x: "0",
+        y: "1",
+        blur: "2",
+        spread: "0"
+      },
+      type: "boxShadow"
+    },
+    base: {
+      value: [
+        {
+          color: "#0000000f",
+          type: "dropShadow",
+          x: "0",
+          y: "1",
+          blur: "2",
+          spread: "0"
+        },
+        {
+          color: "#0000001a",
+          type: "dropShadow",
+          x: "0",
+          y: "1",
+          blur: "3",
+          spread: "0"
+        }
+      ],
+      type: "boxShadow"
+    },
+    md: {
+      value: [
+        {
+          color: "#0000000f",
+          type: "dropShadow",
+          x: "0",
+          y: "2",
+          blur: "4",
+          spread: "-1"
+        },
+        {
+          color: "#0000001a",
+          type: "dropShadow",
+          x: "0",
+          y: "4",
+          blur: "6",
+          spread: "-1"
+        }
+      ],
+      type: "boxShadow"
+    },
+    lg: {
+      value: [
+        {
+          color: "#0000000d",
+          type: "dropShadow",
+          x: "0",
+          y: "4",
+          blur: "6",
+          spread: "-2"
+        },
+        {
+          color: "#0000001a",
+          type: "dropShadow",
+          x: "0",
+          y: "10",
+          blur: "15",
+          spread: "-3"
+        }
+      ],
+      type: "boxShadow"
+    },
+    xl: {
+      value: [
+        {
+          color: "#0000000a",
+          type: "dropShadow",
+          x: "0",
+          y: "10",
+          blur: "10",
+          spread: "-5"
+        },
+        {
+          color: "#0000001a",
+          type: "dropShadow",
+          x: "0",
+          y: "20",
+          blur: "25",
+          spread: "-5"
+        }
+      ],
+      type: "boxShadow"
+    },
+    "2xl": {
+      value: {
+        color: "#00000040",
+        type: "dropShadow",
+        x: "0",
+        y: "25",
+        blur: "50",
+        spread: "-12"
+      },
+      type: "boxShadow"
+    },
+    inner: {
+      value: {
+        color: "#0000000f",
+        type: "innerShadow",
+        x: "0",
+        y: "2",
+        blur: "4",
+        spread: "0"
+      },
+      type: "boxShadow"
+    }
+  },
+  underline: {
+    value: "underline",
+    type: "textDecoration"
+  },
+  text: {
+    xs: {
+      value: "12px",
+      type: "fontSizes"
+    },
+    sm: {
+      value: "14px",
+      type: "fontSizes"
+    },
+    base: {
+      value: "16px",
+      type: "fontSizes"
+    },
+    lg: {
+      value: "18px",
+      type: "fontSizes"
+    },
+    xl: {
+      value: "20px",
+      type: "fontSizes"
+    },
+    "2xl": {
+      value: "24px",
+      type: "fontSizes"
+    },
+    "3xl": {
+      value: "30px",
+      type: "fontSizes"
+    },
+    "4xl": {
+      value: "36px",
+      type: "fontSizes"
+    },
+    "5xl": {
+      value: "48px",
+      type: "fontSizes"
+    },
+    "6xl": {
+      value: "60px",
+      type: "fontSizes"
+    },
+    "7xl": {
+      value: "72px",
+      type: "fontSizes"
+    },
+    "8xl": {
+      value: "96px",
+      type: "fontSizes"
+    },
+    "9xl": {
+      value: "128px",
+      type: "fontSizes"
+    }
+  },
+  leading: {
+    xs: {
+      value: "16px",
+      type: "lineHeights"
+    },
+    sm: {
+      value: "18px",
+      type: "lineHeights"
+    },
+    base: {
+      value: "20px",
+      type: "lineHeights"
+    },
+    lg: {
+      value: "24px",
+      type: "lineHeights"
+    },
+    xl: {
+      value: "28px",
+      type: "lineHeights"
+    },
+    "2xl": {
+      value: "32px",
+      type: "lineHeights"
+    },
+    "3xl": {
+      value: "36px",
+      type: "lineHeights"
+    },
+    "4xl": {
+      value: "40px",
+      type: "lineHeights"
+    },
+    "5xl": {
+      value: "48px",
+      type: "lineHeights"
+    },
+    "6xl": {
+      value: "60px",
+      type: "lineHeights"
+    },
+    "7xl": {
+      value: "72px",
+      type: "lineHeights"
+    },
+    "8xl": {
+      value: "96px",
+      type: "lineHeights"
+    },
+    "9xl": {
+      value: "128px",
+      type: "lineHeights"
+    }
+  }
+}, T = {
+  global: be
+}, we = [
+  "blue",
+  "purple",
+  "orange",
+  "pink",
+  "yellow",
+  "grey",
+  "core"
+], ke = {
+  safeColorNames: we
+}, Se = [
+  "error",
+  "warning",
+  "success",
+  "info"
+], Ee = {
+  semanticColorNames: Se
+}, ze = ke.safeColorNames, Ce = Ee.semanticColorNames, N = {};
+ze.forEach((e) => {
+  const t = T.global[e];
+  t && Object.keys(t).forEach((o) => {
+    var n;
+    const a = (n = t[o]) == null ? void 0 : n.value;
+    a && (N[e] || (N[e] = {}), N[e][o] = a);
+  });
+});
+const ne = T.global.semantic;
+ne && Ce.forEach((e) => {
+  const t = ne[e];
+  t && typeof t == "object" && Object.keys(t).forEach((o) => {
+    var n;
+    const a = (n = t[o]) == null ? void 0 : n.value;
+    if (a) {
+      const i = `semantic-${e}`;
+      N[i] || (N[i] = {}), N[i][o] = a;
+    }
+  });
+});
+const Re = Object.entries(T.global.breakpoint).reduce(
+  (e, [t, o]) => (e[t] = o.value, e),
+  {}
+), He = /* @__PURE__ */ ve({
+  __name: "FzFloating",
+  props: {
+    isOpen: { type: Boolean, default: !1 },
+    position: { default: "auto" },
+    container: {},
+    contentClass: {},
+    openerClass: {},
+    overrideContentClass: { type: Boolean },
+    overrideOpener: {},
+    teleport: { type: Boolean, default: !1 },
+    useViewport: { type: Boolean }
+  },
+  emits: ["fzfloating:setPosition"],
+  setup(e, { expose: t, emit: o }) {
+    const a = e, n = o, i = g(null), x = g(null), s = ce(), l = H(`(max-width: ${Re.xs})`);
+    let d = !1;
+    const p = {
+      position: a.position,
+      element: {
+        // @ts-ignore
+        domRef: i
+      },
+      container: {
+        // @ts-ignore
+        domRef: V(a.container || document.body)
+      },
+      opener: {
+        domRef: V(null)
+      },
+      useViewport: a.useViewport,
+      callback(...r) {
+        n("fzfloating:setPosition", ...r);
+      }
+    }, v = fe(p);
+    s.opener && (p.opener = {
+      // @ts-ignore
+      domRef: x
+    });
+    const u = ge(v), m = () => {
+      d || (d = !0, requestAnimationFrame(() => {
+        a.isOpen && u.setPosition(), d = !1;
+      }));
+    };
+    z(
+      () => a.position,
+      () => m()
+    ), z(
+      () => a.isOpen,
+      (r) => {
+        var y;
+        if (!r || !i.value) {
+          window.removeEventListener("scroll", m);
+          return;
+        }
+        window.addEventListener("scroll", m);
+        const c = (y = x.value) == null ? void 0 : y.getBoundingClientRect();
+        i.value.style.top = "0px", i.value.style.left = "0px", i.value.style.transform = "none", i.value.style.width = l.value ? (c == null ? void 0 : c.width) + "px" : "auto", u.setPosition();
+      }
+    ), z(
+      () => a.overrideOpener,
+      (r) => {
+        r && v.opener && v.opener.value && (v.opener.value = {
+          domRef: r
+        });
+      }
+    ), P(() => {
+      window.removeEventListener("scroll", m);
+    });
+    const h = R(() => a.overrideContentClass ? a.contentClass : ["bg-core-white fixed p-4", a.contentClass]);
+    return t({
+      setPosition: u.setPosition
+    }), (r, c) => (A(), ee("div", null, [
+      $(r.$slots, "opener-start"),
+      te("div", {
+        ref_key: "opener",
+        ref: x,
+        class: "inline-flex w-full sm:w-auto"
+      }, [
+        $(r.$slots, "opener", {
+          isOpen: r.isOpen,
+          floating: D(u)
+        })
+      ], 512),
+      $(r.$slots, "opener-end"),
+      r.teleport ? ae("", !0) : oe((A(), ee("div", {
+        key: 0,
+        ref_key: "content",
+        ref: i,
+        class: le(["fz__floating__content w-full sm:w-auto", h.value])
+      }, [
+        $(r.$slots, "default", {
+          isOpen: r.isOpen,
+          floating: D(u)
+        })
+      ], 2)), [
+        [ie, r.$slots.default && (!r.$slots.opener || r.$slots.opener && r.isOpen)]
+      ]),
+      r.teleport ? (A(), de(ye, {
+        key: 1,
+        to: "body"
+      }, [
+        oe(te("div", {
+          ref_key: "content",
+          ref: i,
+          class: le(["fz__floating__content", h.value])
+        }, [
+          $(r.$slots, "default", {
+            isOpen: r.isOpen,
+            floating: D(u)
+          })
+        ], 2), [
+          [ie, r.$slots.default && (!r.$slots.opener || r.$slots.opener && r.isOpen)]
+        ])
+      ])) : ae("", !0)
+    ]));
+  }
+});
+export {
+  He as FzFloating,
+  he as calcRealPos,
+  re as format,
+  C as getHighestAvailableSpacePos,
+  xe as normalizeModelValue,
+  B as parse,
+  me as roundTo,
+  Oe as useBreakpoints,
+  Fe as useClickOutside,
+  Me as useCurrency,
+  Be as useCurrencyModel,
+  ge as useFloating,
+  Le as useKeyDown,
+  $e as useKeyUp,
+  H as useMediaQuery
+};