@fiscozen/composables 0.1.39-next.0 → 1.0.0

package/dist/composables.js

@@ -1,1451 +0,0 @@
-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
-};