@fiscozen/composables 1.0.1 → 1.0.3

package/CHANGELOG.md

@@ -0,0 +1,14 @@
+# @fiscozen/composables
+
+## 1.0.3
+
+### Patch Changes
+
+- 34a7934: Fix decimal precision (IEEE 754 floating-point drift)
+
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies [a26bc2c]
+  - @fiscozen/style@0.3.0

package/dist/composables.js

@@ -1,16 +1,23 @@
-import { ref as g, reactive as Y, onUnmounted as Q, nextTick as J, onMounted as k, computed as F, watch as B, onBeforeUnmount as N, defineComponent as Z, useSlots as _, toRef as I, toRefs as ee, createElementBlock as j, openBlock as M, renderSlot as C, createElementVNode as V, withDirectives as T, createCommentVNode as U, createBlock as te, unref as P, normalizeClass as q, vShow as G, Teleport as oe } from "vue";
+import { ref as g, reactive as Y, onUnmounted as Q, nextTick as J, onMounted as E, computed as W, watch as B, onBeforeUnmount as $, defineComponent as Z, useSlots as _, toRef as j, toRefs as ee, createElementBlock as V, openBlock as M, renderSlot as C, createElementVNode as D, withDirectives as T, createCommentVNode as U, createBlock as te, unref as P, normalizeClass as q, vShow as G, Teleport as oe } from "vue";
 const le = (e, t) => {
-  const o = Math.pow(10, t);
-  return Math.trunc(e * o) / o;
+  if (!isFinite(e) || t < 0) return e;
+  if (t === 0) return Math.trunc(e);
+  const o = String(e);
+  if (o.includes("e") || o.includes("E")) {
+    const n = Math.pow(10, t);
+    return Math.trunc(e * n) / n;
+  }
+  const l = o.indexOf(".");
+  return l === -1 || o.length - l - 1 <= t ? e : Number(o.slice(0, l + t + 1));
 }, ne = (e, {
   minimumFractionDigits: t = 0,
   maximumFractionDigits: o = 2,
   roundDecimals: l = !0,
-  useGrouping: r = !0
+  useGrouping: n = !0
 } = {}) => e == null || isNaN(e) || !isFinite(e) ? "" : (l ? e : le(e, o)).toLocaleString("it-IT", {
   minimumFractionDigits: t,
   maximumFractionDigits: o,
-  useGrouping: r
+  useGrouping: n
 }), re = (e) => {
   if (!e || typeof e != "string")
     return NaN;
@@ -18,12 +25,12 @@ const le = (e, t) => {
   return t.includes(",") && (t = t.replace(/\./g, ""), t = t.replace(",", ".")), parseFloat(t);
 }, ze = (e, t) => {
   let o = t;
-  const l = t % e, r = t >= 0 ? e : -e;
-  return l !== 0 && (o = Math.abs(l) >= e / 2 ? t + r - l : t - l), o;
-}, ke = (e, t, o) => Math.max(e, Math.min(t, o)), z = new DOMRect(0, 0, window.innerWidth, window.innerHeight), b = (e, t, o, l, r) => {
-  let n = r ? "bottom" : "right", p = r ? "bottom-start" : "right-start";
+  const l = t % e, n = t >= 0 ? e : -e;
+  return l !== 0 && (o = Math.abs(l) >= e / 2 ? t + n - l : t - l), o;
+}, Ee = (e, t, o) => Math.max(e, Math.min(t, o)), z = new DOMRect(0, 0, window.innerWidth, window.innerHeight), b = (e, t, o, l, n) => {
+  let r = n ? "bottom" : "right", p = n ? "bottom-start" : "right-start";
   z.width = window.innerWidth, z.height = window.innerHeight, z.x = 0, z.y = 0;
-  const y = e ? e.getBoundingClientRect() : z, d = t.getBoundingClientRect(), v = o.getBoundingClientRect(), h = (v.left - y.left - d.width) / y.width, x = (y.right - v.right - d.width) / y.width, c = (v.top - y.top - d.height) / y.height, i = (y.bottom - v.bottom - d.height) / y.height;
+  const y = e ? e.getBoundingClientRect() : z, v = t.getBoundingClientRect(), d = o.getBoundingClientRect(), h = (d.left - y.left - v.width) / y.width, x = (y.right - d.right - v.width) / y.width, c = (d.top - y.top - v.height) / y.height, i = (y.bottom - d.bottom - v.height) / y.height;
   let s = [
     {
       key: "right",
@@ -42,20 +49,20 @@ const le = (e, t) => {
       space: h
     }
   ].sort((u, f) => f.space - u.space);
-  if (r && (s = s.filter((u) => u.key === "top" || u.key === "bottom")), n = s[0].key, !l) {
-    const u = (d.height - v.height) / 2;
-    switch (n) {
+  if (n && (s = s.filter((u) => u.key === "top" || u.key === "bottom")), r = s[0].key, !l) {
+    const u = (v.height - d.height) / 2;
+    switch (r) {
       case "right":
       case "left":
-        y.top > v.top - u && (l = "end"), y.bottom < v.top - u && (l = "start");
+        y.top > d.top - u && (l = "end"), y.bottom < d.top - u && (l = "start");
         break;
     }
   }
-  return p = l ? `${n}-${l}` : n, p;
+  return p = l ? `${r}-${l}` : r, p;
 }, ae = (e, t, o, l) => ({
   x: t.x + e.width * o / 100,
   y: t.y + e.height * l / 100
-}), W = (e) => typeof e == "string" ? document.querySelector(e) : e, ie = (e) => ({
+}), F = (e) => typeof e == "string" ? document.querySelector(e) : e, ie = (e) => ({
   left: parseFloat(e.marginLeft),
   right: parseFloat(e.marginRight),
   top: parseFloat(e.marginTop),
@@ -241,47 +248,47 @@ const le = (e, t) => {
   const l = ue[e];
   return l ? l(t, o) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
 }, fe = (e, t, o, l) => {
-  const r = { ...e }, n = { ...l };
-  if (e.x < o.left && (r.x = o.left, n.x = 0), e.x + t.width > o.right) {
+  const n = { ...e }, r = { ...l };
+  if (e.x < o.left && (n.x = o.left, r.x = 0), e.x + t.width > o.right) {
     const p = o.right - t.width;
-    p > 0 && (r.x = p), n.x = 0;
+    p > 0 && (n.x = p), r.x = 0;
   }
-  if (e.y < o.top && (r.y = o.top, n.y = 0), e.y + t.height > o.bottom) {
+  if (e.y < o.top && (n.y = o.top, r.y = 0), e.y + t.height > o.bottom) {
     const p = o.bottom - t.height;
-    p > 0 && (r.y = p), n.y = 0;
+    p > 0 && (n.y = p), r.y = 0;
   }
-  return { position: r, transform: n };
-}, ye = (e, t, o, l, r) => {
-  const n = r ? null : t;
+  return { position: n, transform: r };
+}, ye = (e, t, o, l, n) => {
+  const r = n ? null : t;
   switch (e) {
     case "auto":
-      return b(n, o, l);
+      return b(r, o, l);
     case "auto-vertical":
-      return b(n, o, l, void 0, !0);
+      return b(r, o, l, void 0, !0);
     case "auto-start":
-      return b(n, o, l, "start");
+      return b(r, o, l, "start");
     case "auto-vertical-start":
-      return b(n, o, l, "start", !0);
+      return b(r, o, l, "start", !0);
     case "auto-end":
-      return b(n, o, l, "end");
+      return b(r, o, l, "end");
     case "auto-vertical-end":
-      return b(n, o, l, "end", !0);
+      return b(r, o, l, "end", !0);
     default:
       return "bottom-start";
   }
-}, ve = (e) => e.startsWith("auto"), de = (e) => {
-  const t = g("auto"), o = g(), l = g(), r = g(), n = g(), p = Y({ position: { x: 0, y: 0 } }), y = {
+}, de = (e) => e.startsWith("auto"), ve = (e) => {
+  const t = g("auto"), o = g(), l = g(), n = g(), r = g(), p = Y({ position: { x: 0, y: 0 } }), y = {
     root: null,
     rootMargin: "0px",
     threshold: 1,
     ...e.element.value.intersectionOptions
-  }, d = g(new IntersectionObserver(() => {
-  }, y)), v = () => {
+  }, v = g(new IntersectionObserver(() => {
+  }, y)), d = () => {
     var u, f;
-    const c = W(e.element.value.domRef.value);
+    const c = F(e.element.value.domRef.value);
     if (!c)
       return null;
-    const i = (u = e.container) != null && u.value ? W(e.container.value.domRef.value) ?? document.body : document.body, s = (f = e.opener) != null && f.value ? W(e.opener.value.domRef.value) : null;
+    const i = (u = e.container) != null && u.value ? F(e.container.value.domRef.value) ?? document.body : document.body, s = (f = e.opener) != null && f.value ? F(e.opener.value.domRef.value) : null;
     return { element: c, container: i, opener: s };
   }, h = (c) => {
     var i;
@@ -293,7 +300,7 @@ const le = (e, t) => {
   }, x = (c = !1) => J(() => {
     var O, R, L;
     o.value = ((O = e.position) == null ? void 0 : O.value) ?? "auto";
-    const i = v();
+    const i = d();
     if (!i) return;
     Object.assign(i.element.style, {
       position: "fixed",
@@ -301,20 +308,20 @@ const le = (e, t) => {
       left: "0px"
     });
     const s = h(i);
-    l.value = s.element, r.value = s.opener ?? void 0, n.value = s.container, d.value.observe(i.element), d.value.observe(i.container), ve(o.value) && i.opener && (o.value = ye(
+    l.value = s.element, n.value = s.opener ?? void 0, r.value = s.container, v.value.observe(i.element), v.value.observe(i.container), de(o.value) && i.opener && (o.value = ye(
       o.value,
       i.container,
       i.element,
       i.opener,
       ((R = e.useViewport) == null ? void 0 : R.value) ?? !1
     ));
-    const u = ie(window.getComputedStyle(i.element)), f = i.opener && s.opener ? pe(o.value, s.opener, u) : ce(o.value, s.container, s.element), E = ae(
+    const u = ie(window.getComputedStyle(i.element)), f = i.opener && s.opener ? pe(o.value, s.opener, u) : ce(o.value, s.container, s.element), k = ae(
       s.element,
       f.position,
       f.transform.x,
       f.transform.y
     ), S = fe(
-      E,
+      k,
       s.element,
       s.container,
       f.transform
@@ -324,41 +331,41 @@ const le = (e, t) => {
       left: `${p.position.x}px`,
       position: "fixed",
       display: "flex"
-    }), l.value = i.element.getBoundingClientRect(), (L = e.callback) != null && L.value && !c && e.callback.value(l, r, n, t, o);
+    }), l.value = i.element.getBoundingClientRect(), (L = e.callback) != null && L.value && !c && e.callback.value(l, n, r, t, o);
   });
   return Q(() => {
-    d.value.disconnect();
+    v.value.disconnect();
   }), {
     float: p,
     rect: l,
     setPosition: x,
     position: t,
     actualPosition: o,
-    openerRect: r,
-    containerRect: n
+    openerRect: n,
+    containerRect: r
   };
 };
-function $(e) {
+function N(e) {
   const t = window.matchMedia(e), o = g(t.matches);
-  function l(r) {
-    o.value = r.matches;
+  function l(n) {
+    o.value = n.matches;
   }
-  return k(() => {
+  return E(() => {
     t.addEventListener("change", l);
   }), Q(() => {
     t.removeEventListener("change", l);
-  }), F(() => o.value);
+  }), W(() => o.value);
 }
-function Ee(e) {
+function ke(e) {
   return {
     isGreater(t) {
-      return $(`(min-width: ${e[t]})`);
+      return N(`(min-width: ${e[t]})`);
     },
     isSmaller(t) {
-      return $(`(max-width: ${e[t]})`);
+      return N(`(max-width: ${e[t]})`);
     },
     isInBetween(t, o) {
-      return $(`(min-width: ${e[t]}) and (max-width: ${e[o]})`);
+      return N(`(min-width: ${e[t]}) and (max-width: ${e[o]})`);
     }
   };
 }
@@ -367,17 +374,17 @@ function Oe(e, t, o) {
     throw new Error("A target component has to be provided.");
   if (!t)
     throw new Error("A callback has to be provided.");
-  const l = (r) => {
-    !e.value || r.target === e.value || r.composedPath().includes(e.value) || typeof t == "function" && t();
+  const l = (n) => {
+    !e.value || n.target === e.value || n.composedPath().includes(e.value) || typeof t == "function" && t();
   };
-  o && B(o, (r, n) => {
-    n && n.removeEventListener("click", l), r == null || r.addEventListener("click", l);
-  }), k(() => {
+  o && B(o, (n, r) => {
+    r && r.removeEventListener("click", l), n == null || n.addEventListener("click", l);
+  }), E(() => {
     o || document.addEventListener("click", l);
-  }), N(() => {
-    var r;
+  }), $(() => {
+    var n;
     if (o) {
-      (r = o.value) == null || r.removeEventListener("click", l);
+      (n = o.value) == null || n.removeEventListener("click", l);
       return;
     }
     document.removeEventListener("click", l);
@@ -391,9 +398,9 @@ function Le(e, t) {
   const o = (l) => {
     t(l);
   };
-  k(() => {
+  E(() => {
     e.value.addEventListener("keydown", o);
-  }), N(() => {
+  }), $(() => {
     e.value.removeEventListener("keydown", o);
   });
 }
@@ -403,13 +410,13 @@ function Be(e, t) {
   const o = (l) => {
     e(l);
   };
-  k(() => {
+  E(() => {
     if (!t) {
       document.addEventListener("keyup", o);
       return;
     }
     t.value.addEventListener("keyup", o);
-  }), N(() => {
+  }), $(() => {
     if (!t) {
       document.removeEventListener("keyup", o);
       return;
@@ -417,7 +424,7 @@ function Be(e, t) {
     t.value.removeEventListener("keyup", o);
   });
 }
-const $e = (e) => ({
+const Ne = (e) => ({
   format: ne,
   parse: re
 }), xe = {
@@ -1276,8 +1283,8 @@ const $e = (e) => ({
 we.forEach((e) => {
   const t = H.global[e];
   t && Object.keys(t).forEach((o) => {
-    var r;
-    const l = (r = t[o]) == null ? void 0 : r.value;
+    var n;
+    const l = (n = t[o]) == null ? void 0 : n.value;
     l && (w[e] || (w[e] = {}), w[e][o] = l);
   });
 });
@@ -1285,18 +1292,18 @@ const K = H.global.semantic;
 K && Se.forEach((e) => {
   const t = K[e];
   t && typeof t == "object" && Object.keys(t).forEach((o) => {
-    var r;
-    const l = (r = t[o]) == null ? void 0 : r.value;
+    var n;
+    const l = (n = t[o]) == null ? void 0 : n.value;
     if (l) {
-      const n = `semantic-${e}`;
-      w[n] || (w[n] = {}), w[n][o] = l;
+      const r = `semantic-${e}`;
+      w[r] || (w[r] = {}), w[r][o] = l;
     }
   });
 });
 const Re = Object.entries(H.global.breakpoint).reduce(
   (e, [t, o]) => (e[t] = o.value, e),
   {}
-), Ne = /* @__PURE__ */ Z({
+), $e = /* @__PURE__ */ Z({
   __name: "FzFloating",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -1311,50 +1318,50 @@ const Re = Object.entries(H.global.breakpoint).reduce(
   },
   emits: ["fzfloating:setPosition"],
   setup(e, { expose: t, emit: o }) {
-    const l = e, r = o, n = g(null), p = g(null), y = _(), d = $(`(max-width: ${Re.xs})`);
-    let v = !1, h = !1, x = null, c = null;
+    const l = e, n = o, r = g(null), p = g(null), y = _(), v = N(`(max-width: ${Re.xs})`);
+    let d = !1, h = !1, x = null, c = null;
     const i = {
       position: l.position,
       element: {
         // @ts-ignore
-        domRef: n
+        domRef: r
       },
       container: {
         // @ts-ignore
-        domRef: I(l.container || document.body)
+        domRef: j(l.container || document.body)
       },
       opener: {
-        domRef: I(null)
+        domRef: j(null)
       },
       useViewport: l.useViewport,
       callback(...a) {
-        r("fzfloating:setPosition", ...a);
+        n("fzfloating:setPosition", ...a);
       }
     }, s = ee(i);
     y.opener && (i.opener = {
       // @ts-ignore
       domRef: p
     });
-    const u = de(s), f = () => {
-      v || !h || (v = !0, requestAnimationFrame(() => {
-        h && l.isOpen && u.setPosition(), v = !1;
+    const u = ve(s), f = () => {
+      d || !h || (d = !0, requestAnimationFrame(() => {
+        h && l.isOpen && u.setPosition(), d = !1;
       }));
     };
-    k(() => {
+    E(() => {
       h = !0;
     });
-    const E = () => {
+    const k = () => {
       f();
     }, S = () => {
       f();
     }, O = () => {
-      window.addEventListener("scroll", E, !0), window.addEventListener("resize", S), n.value && !x && (x = new ResizeObserver(() => {
+      window.addEventListener("scroll", k, !0), window.addEventListener("resize", S), r.value && !x && (x = new ResizeObserver(() => {
         f();
-      }), x.observe(n.value)), p.value && !c && (c = new ResizeObserver(() => {
+      }), x.observe(r.value)), p.value && !c && (c = new ResizeObserver(() => {
         f();
       }), c.observe(p.value));
     }, R = () => {
-      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", S), x && (x.disconnect(), x = null), c && (c.disconnect(), c = null);
+      window.removeEventListener("scroll", k, !0), window.removeEventListener("resize", S), x && (x.disconnect(), x = null), c && (c.disconnect(), c = null);
     };
     B(
       () => l.position,
@@ -1362,14 +1369,14 @@ const Re = Object.entries(H.global.breakpoint).reduce(
     ), B(
       () => l.isOpen,
       (a) => {
-        var D;
-        if (!a || !n.value || !h) {
+        var I;
+        if (!a || !r.value || !h) {
           R();
           return;
         }
         O();
-        const m = (D = p.value) == null ? void 0 : D.getBoundingClientRect();
-        n.value.style.position = "fixed", n.value.style.top = "0px", n.value.style.left = "0px", n.value.style.transform = "none", n.value.style.width = d.value ? (m == null ? void 0 : m.width) + "px" : "auto", u.setPosition();
+        const m = (I = p.value) == null ? void 0 : I.getBoundingClientRect();
+        r.value.style.position = "fixed", r.value.style.top = "0px", r.value.style.left = "0px", r.value.style.transform = "none", r.value.style.width = v.value ? (m == null ? void 0 : m.width) + "px" : "auto", u.setPosition();
       }
     ), B(
       () => l.overrideOpener,
@@ -1378,19 +1385,19 @@ const Re = Object.entries(H.global.breakpoint).reduce(
           domRef: a
         });
       }
-    ), N(() => {
+    ), $(() => {
       h = !1, R();
     });
-    const L = (a) => a.startsWith("bottom") ? "mt-4" : a.startsWith("top") ? "mb-4" : a.startsWith("left") ? "mr-4" : a.startsWith("right") ? "ml-4" : "mt-4", X = F(() => {
+    const L = (a) => a.startsWith("bottom") ? "mt-4" : a.startsWith("top") ? "mb-4" : a.startsWith("left") ? "mr-4" : a.startsWith("right") ? "ml-4" : "mt-4", X = W(() => {
       var m;
       const a = ((m = u.actualPosition) == null ? void 0 : m.value) ?? l.position;
       return L(a);
-    }), A = F(() => l.overrideContentClass ? l.contentClass : ["bg-core-white fixed", X.value, l.contentClass]);
+    }), A = W(() => l.overrideContentClass ? l.contentClass : ["bg-core-white fixed", X.value, l.contentClass]);
     return t({
       setPosition: u.setPosition
-    }), (a, m) => (M(), j("div", null, [
+    }), (a, m) => (M(), V("div", null, [
       C(a.$slots, "opener-start"),
-      V("div", {
+      D("div", {
         ref_key: "opener",
         ref: p,
         class: "inline-flex w-full sm:w-auto"
@@ -1401,10 +1408,10 @@ const Re = Object.entries(H.global.breakpoint).reduce(
         })
       ], 512),
       C(a.$slots, "opener-end"),
-      e.teleport ? U("", !0) : T((M(), j("div", {
+      e.teleport ? U("", !0) : T((M(), V("div", {
         key: 0,
         ref_key: "content",
-        ref: n,
+        ref: r,
         class: q(["fz__floating__content w-full sm:w-auto", A.value])
       }, [
         C(a.$slots, "default", {
@@ -1418,9 +1425,9 @@ const Re = Object.entries(H.global.breakpoint).reduce(
         key: 1,
         to: "body"
       }, [
-        T(V("div", {
+        T(D("div", {
           ref_key: "content",
-          ref: n,
+          ref: r,
           class: q(["fz__floating__content", A.value])
         }, [
           C(a.$slots, "default", {
@@ -1435,19 +1442,19 @@ const Re = Object.entries(H.global.breakpoint).reduce(
   }
 });
 export {
-  Ne as FzFloating,
+  $e as FzFloating,
   ae as calcRealPos,
-  ke as clamp,
+  Ee as clamp,
   ne as format,
   b as getHighestAvailableSpacePos,
   re as parse,
   ze as roundTo,
   le as truncateDecimals,
-  Ee as useBreakpoints,
+  ke as useBreakpoints,
   Oe as useClickOutside,
-  $e as useCurrency,
-  de as useFloating,
+  Ne as useCurrency,
+  ve as useFloating,
   Le as useKeyDown,
   Be as useKeyUp,
-  $ as useMediaQuery
+  N as useMediaQuery
 };

package/dist/composables.umd.cjs

@@ -1 +1 @@
-(function(p,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(p=typeof globalThis<"u"?globalThis:p||self,n(p.FzComposables={},p.Vue))})(this,function(p,n){"use strict";const L=(e,t)=>{const o=Math.pow(10,t);return Math.trunc(e*o)/o},P=(e,{minimumFractionDigits:t=0,maximumFractionDigits:o=2,roundDecimals:l=!0,useGrouping:a=!0}={})=>e==null||isNaN(e)||!isFinite(e)?"":(l?e:L(e,o)).toLocaleString("it-IT",{minimumFractionDigits:t,maximumFractionDigits:o,useGrouping:a}),$=e=>{if(!e||typeof e!="string")return NaN;let t=e.trim();return t.includes(",")&&(t=t.replace(/\./g,""),t=t.replace(",",".")),parseFloat(t)},U=(e,t)=>{let o=t;const l=t%e,a=t>=0?e:-e;return l!==0&&(o=Math.abs(l)>=e/2?t+a-l:t-l),o},T=(e,t,o)=>Math.max(e,Math.min(t,o)),C=new DOMRect(0,0,window.innerWidth,window.innerHeight),b=(e,t,o,l,a)=>{let r=a?"bottom":"right",u=a?"bottom-start":"right-start";C.width=window.innerWidth,C.height=window.innerHeight,C.x=0,C.y=0;const v=e?e.getBoundingClientRect():C,x=t.getBoundingClientRect(),h=o.getBoundingClientRect(),g=(h.left-v.left-x.width)/v.width,m=(v.right-h.right-x.width)/v.width,y=(h.top-v.top-x.height)/v.height,s=(v.bottom-h.bottom-x.height)/v.height;let c=[{key:"right",space:m},{key:"top",space:y},{key:"bottom",space:s},{key:"left",space:g}].sort((f,d)=>d.space-f.space);if(a&&(c=c.filter(f=>f.key==="top"||f.key==="bottom")),r=c[0].key,!l){const f=(x.height-h.height)/2;switch(r){case"right":case"left":v.top>h.top-f&&(l="end"),v.bottom<h.top-f&&(l="start");break}}return u=l?`${r}-${l}`:r,u},F=(e,t,o,l)=>({x:t.x+e.width*o/100,y:t.y+e.height*l/100}),M=e=>typeof e=="string"?document.querySelector(e):e,V=e=>({left:parseFloat(e.marginLeft),right:parseFloat(e.marginRight),top:parseFloat(e.marginTop),bottom:parseFloat(e.marginBottom)}),j={bottom:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.bottom},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left-t.left,y:e.bottom},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right+t.right,y:e.bottom},transform:{x:-100,y:0}}),top:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.top-t.bottom},transform:{x:-50,y:-100}}),"top-start":(e,t)=>({position:{x:e.left-t.left,y:e.top-t.bottom},transform:{x:0,y:-100}}),"top-end":(e,t)=>({position:{x:e.right+t.right,y:e.top-t.bottom},transform:{x:-100,y:-100}}),left:(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top+e.height/2},transform:{x:-100,y:-50}}),"left-start":(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top},transform:{x:-100,y:0}}),"left-end":(e,t)=>({position:{x:e.left-t.right,y:e.bottom+t.bottom},transform:{x:-100,y:-100}}),right:(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top+e.height/2},transform:{x:0,y:-50}}),"right-start":(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right+t.left,y:e.bottom+t.bottom},transform:{x:0,y:-100}})},I=(e,t,o)=>{const l=j[e];return l?l(t,o):{position:{x:0,y:0},transform:{x:0,y:0}}},K={bottom:(e,t)=>({position:{x:e.left+e.width/2,y:e.bottom-t.height},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}}),top:e=>({position:{x:e.left+e.width/2,y:e.top},transform:{x:-50,y:0}}),"top-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"top-end":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),left:(e,t)=>({position:{x:e.left,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"left-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"left-end":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),right:(e,t)=>({position:{x:e.right-t.width,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"right-start":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}})},q=(e,t,o)=>{const l=K[e];return l?l(t,o):{position:{x:0,y:0},transform:{x:0,y:0}}},Q=(e,t,o,l)=>{const a={...e},r={...l};if(e.x<o.left&&(a.x=o.left,r.x=0),e.x+t.width>o.right){const u=o.right-t.width;u>0&&(a.x=u),r.x=0}if(e.y<o.top&&(a.y=o.top,r.y=0),e.y+t.height>o.bottom){const u=o.bottom-t.height;u>0&&(a.y=u),r.y=0}return{position:a,transform:r}},G=(e,t,o,l,a)=>{const r=a?null:t;switch(e){case"auto":return b(r,o,l);case"auto-vertical":return b(r,o,l,void 0,!0);case"auto-start":return b(r,o,l,"start");case"auto-vertical-start":return b(r,o,l,"start",!0);case"auto-end":return b(r,o,l,"end");case"auto-vertical-end":return b(r,o,l,"end",!0);default:return"bottom-start"}},X=e=>e.startsWith("auto"),W=e=>{const t=n.ref("auto"),o=n.ref(),l=n.ref(),a=n.ref(),r=n.ref(),u=n.reactive({position:{x:0,y:0}}),v={root:null,rootMargin:"0px",threshold:1,...e.element.value.intersectionOptions},x=n.ref(new IntersectionObserver(()=>{},v)),h=()=>{var f,d;const y=M(e.element.value.domRef.value);if(!y)return null;const s=(f=e.container)!=null&&f.value?M(e.container.value.domRef.value)??document.body:document.body,c=(d=e.opener)!=null&&d.value?M(e.opener.value.domRef.value):null;return{element:y,container:s,opener:c}},g=y=>{var s;return{element:y.element.getBoundingClientRect(),container:y.container.getBoundingClientRect(),opener:((s=y.opener)==null?void 0:s.getBoundingClientRect())??null}},m=(y=!1)=>n.nextTick(()=>{var O,z,B;o.value=((O=e.position)==null?void 0:O.value)??"auto";const s=h();if(!s)return;Object.assign(s.element.style,{position:"fixed",top:"0px",left:"0px"});const c=g(s);l.value=c.element,a.value=c.opener??void 0,r.value=c.container,x.value.observe(s.element),x.value.observe(s.container),X(o.value)&&s.opener&&(o.value=G(o.value,s.container,s.element,s.opener,((z=e.useViewport)==null?void 0:z.value)??!1));const f=V(window.getComputedStyle(s.element)),d=s.opener&&c.opener?I(o.value,c.opener,f):q(o.value,c.container,c.element),E=F(c.element,d.position,d.transform.x,d.transform.y),k=Q(E,c.element,c.container,d.transform);u.position.x=k.position.x,u.position.y=k.position.y,Object.assign(s.element.style,{top:`${u.position.y}px`,left:`${u.position.x}px`,position:"fixed",display:"flex"}),l.value=s.element.getBoundingClientRect(),(B=e.callback)!=null&&B.value&&!y&&e.callback.value(l,a,r,t,o)});return n.onUnmounted(()=>{x.value.disconnect()}),{float:u,rect:l,setPosition:m,position:t,actualPosition:o,openerRect:a,containerRect:r}};function R(e){const t=window.matchMedia(e),o=n.ref(t.matches);function l(a){o.value=a.matches}return n.onMounted(()=>{t.addEventListener("change",l)}),n.onUnmounted(()=>{t.removeEventListener("change",l)}),n.computed(()=>o.value)}function Y(e){return{isGreater(t){return R(`(min-width: ${e[t]})`)},isSmaller(t){return R(`(max-width: ${e[t]})`)},isInBetween(t,o){return R(`(min-width: ${e[t]}) and (max-width: ${e[o]})`)}}}function J(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 l=a=>{!e.value||a.target===e.value||a.composedPath().includes(e.value)||typeof t=="function"&&t()};o&&n.watch(o,(a,r)=>{r&&r.removeEventListener("click",l),a==null||a.addEventListener("click",l)}),n.onMounted(()=>{o||document.addEventListener("click",l)}),n.onBeforeUnmount(()=>{var a;if(o){(a=o.value)==null||a.removeEventListener("click",l);return}document.removeEventListener("click",l)})}function Z(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=l=>{t(l)};n.onMounted(()=>{e.value.addEventListener("keydown",o)}),n.onBeforeUnmount(()=>{e.value.removeEventListener("keydown",o)})}function _(e,t){if(!e||typeof e!="function")throw new Error("A callback has to be provided.");const o=l=>{e(l)};n.onMounted(()=>{if(!t){document.addEventListener("keyup",o);return}t.value.addEventListener("keyup",o)}),n.onBeforeUnmount(()=>{if(!t){document.removeEventListener("keyup",o);return}t.value.removeEventListener("keyup",o)})}const ee=e=>({format:P,parse:$}),N={global:{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"}}}},te={safeColorNames:["blue","purple","orange","pink","yellow","grey","core"]},oe={semanticColorNames:["error","warning","success","info"]},le=te.safeColorNames,ne=oe.semanticColorNames,S={};le.forEach(e=>{const t=N.global[e];t&&Object.keys(t).forEach(o=>{var a;const l=(a=t[o])==null?void 0:a.value;l&&(S[e]||(S[e]={}),S[e][o]=l)})});const H=N.global.semantic;H&&ne.forEach(e=>{const t=H[e];t&&typeof t=="object"&&Object.keys(t).forEach(o=>{var a;const l=(a=t[o])==null?void 0:a.value;if(l){const r=`semantic-${e}`;S[r]||(S[r]={}),S[r][o]=l}})});const re=Object.entries(N.global.breakpoint).reduce((e,[t,o])=>(e[t]=o.value,e),{}),ae=n.defineComponent({__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 l=e,a=o,r=n.ref(null),u=n.ref(null),v=n.useSlots(),x=R(`(max-width: ${re.xs})`);let h=!1,g=!1,m=null,y=null;const s={position:l.position,element:{domRef:r},container:{domRef:n.toRef(l.container||document.body)},opener:{domRef:n.toRef(null)},useViewport:l.useViewport,callback(...i){a("fzfloating:setPosition",...i)}},c=n.toRefs(s);v.opener&&(s.opener={domRef:u});const f=W(c),d=()=>{h||!g||(h=!0,requestAnimationFrame(()=>{g&&l.isOpen&&f.setPosition(),h=!1}))};n.onMounted(()=>{g=!0});const E=()=>{d()},k=()=>{d()},O=()=>{window.addEventListener("scroll",E,!0),window.addEventListener("resize",k),r.value&&!m&&(m=new ResizeObserver(()=>{d()}),m.observe(r.value)),u.value&&!y&&(y=new ResizeObserver(()=>{d()}),y.observe(u.value))},z=()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",k),m&&(m.disconnect(),m=null),y&&(y.disconnect(),y=null)};n.watch(()=>l.position,()=>d()),n.watch(()=>l.isOpen,i=>{var D;if(!i||!r.value||!g){z();return}O();const w=(D=u.value)==null?void 0:D.getBoundingClientRect();r.value.style.position="fixed",r.value.style.top="0px",r.value.style.left="0px",r.value.style.transform="none",r.value.style.width=x.value?(w==null?void 0:w.width)+"px":"auto",f.setPosition()}),n.watch(()=>l.overrideOpener,i=>{i&&c.opener&&c.opener.value&&(c.opener.value={domRef:i})}),n.onBeforeUnmount(()=>{g=!1,z()});const B=i=>i.startsWith("bottom")?"mt-4":i.startsWith("top")?"mb-4":i.startsWith("left")?"mr-4":i.startsWith("right")?"ml-4":"mt-4",ie=n.computed(()=>{var w;const i=((w=f.actualPosition)==null?void 0:w.value)??l.position;return B(i)}),A=n.computed(()=>l.overrideContentClass?l.contentClass:["bg-core-white fixed",ie.value,l.contentClass]);return t({setPosition:f.setPosition}),(i,w)=>(n.openBlock(),n.createElementBlock("div",null,[n.renderSlot(i.$slots,"opener-start"),n.createElementVNode("div",{ref_key:"opener",ref:u,class:"inline-flex w-full sm:w-auto"},[n.renderSlot(i.$slots,"opener",{isOpen:e.isOpen,floating:n.unref(f)})],512),n.renderSlot(i.$slots,"opener-end"),e.teleport?n.createCommentVNode("",!0):n.withDirectives((n.openBlock(),n.createElementBlock("div",{key:0,ref_key:"content",ref:r,class:n.normalizeClass(["fz__floating__content w-full sm:w-auto",A.value])},[n.renderSlot(i.$slots,"default",{isOpen:e.isOpen,floating:n.unref(f)})],2)),[[n.vShow,i.$slots.default&&(!i.$slots.opener||i.$slots.opener&&e.isOpen)]]),e.teleport?(n.openBlock(),n.createBlock(n.Teleport,{key:1,to:"body"},[n.withDirectives(n.createElementVNode("div",{ref_key:"content",ref:r,class:n.normalizeClass(["fz__floating__content",A.value])},[n.renderSlot(i.$slots,"default",{isOpen:e.isOpen,floating:n.unref(f)})],2),[[n.vShow,i.$slots.default&&(!i.$slots.opener||i.$slots.opener&&e.isOpen)]])])):n.createCommentVNode("",!0)]))}});p.FzFloating=ae,p.calcRealPos=F,p.clamp=T,p.format=P,p.getHighestAvailableSpacePos=b,p.parse=$,p.roundTo=U,p.truncateDecimals=L,p.useBreakpoints=Y,p.useClickOutside=J,p.useCurrency=ee,p.useFloating=W,p.useKeyDown=Z,p.useKeyUp=_,p.useMediaQuery=R,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
+(function(p,l){typeof exports=="object"&&typeof module<"u"?l(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],l):(p=typeof globalThis<"u"?globalThis:p||self,l(p.FzComposables={},p.Vue))})(this,function(p,l){"use strict";const L=(e,t)=>{if(!isFinite(e)||t<0)return e;if(t===0)return Math.trunc(e);const o=String(e);if(o.includes("e")||o.includes("E")){const r=Math.pow(10,t);return Math.trunc(e*r)/r}const n=o.indexOf(".");return n===-1||o.length-n-1<=t?e:Number(o.slice(0,n+t+1))},P=(e,{minimumFractionDigits:t=0,maximumFractionDigits:o=2,roundDecimals:n=!0,useGrouping:r=!0}={})=>e==null||isNaN(e)||!isFinite(e)?"":(n?e:L(e,o)).toLocaleString("it-IT",{minimumFractionDigits:t,maximumFractionDigits:o,useGrouping:r}),$=e=>{if(!e||typeof e!="string")return NaN;let t=e.trim();return t.includes(",")&&(t=t.replace(/\./g,""),t=t.replace(",",".")),parseFloat(t)},T=(e,t)=>{let o=t;const n=t%e,r=t>=0?e:-e;return n!==0&&(o=Math.abs(n)>=e/2?t+r-n:t-n),o},V=(e,t,o)=>Math.max(e,Math.min(t,o)),C=new DOMRect(0,0,window.innerWidth,window.innerHeight),b=(e,t,o,n,r)=>{let i=r?"bottom":"right",u=r?"bottom-start":"right-start";C.width=window.innerWidth,C.height=window.innerHeight,C.x=0,C.y=0;const v=e?e.getBoundingClientRect():C,x=t.getBoundingClientRect(),h=o.getBoundingClientRect(),m=(h.left-v.left-x.width)/v.width,g=(v.right-h.right-x.width)/v.width,y=(h.top-v.top-x.height)/v.height,s=(v.bottom-h.bottom-x.height)/v.height;let c=[{key:"right",space:g},{key:"top",space:y},{key:"bottom",space:s},{key:"left",space:m}].sort((f,d)=>d.space-f.space);if(r&&(c=c.filter(f=>f.key==="top"||f.key==="bottom")),i=c[0].key,!n){const f=(x.height-h.height)/2;switch(i){case"right":case"left":v.top>h.top-f&&(n="end"),v.bottom<h.top-f&&(n="start");break}}return u=n?`${i}-${n}`:i,u},F=(e,t,o,n)=>({x:t.x+e.width*o/100,y:t.y+e.height*n/100}),M=e=>typeof e=="string"?document.querySelector(e):e,j=e=>({left:parseFloat(e.marginLeft),right:parseFloat(e.marginRight),top:parseFloat(e.marginTop),bottom:parseFloat(e.marginBottom)}),D={bottom:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.bottom},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left-t.left,y:e.bottom},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right+t.right,y:e.bottom},transform:{x:-100,y:0}}),top:(e,t)=>({position:{x:e.left-t.left+e.width/2,y:e.top-t.bottom},transform:{x:-50,y:-100}}),"top-start":(e,t)=>({position:{x:e.left-t.left,y:e.top-t.bottom},transform:{x:0,y:-100}}),"top-end":(e,t)=>({position:{x:e.right+t.right,y:e.top-t.bottom},transform:{x:-100,y:-100}}),left:(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top+e.height/2},transform:{x:-100,y:-50}}),"left-start":(e,t)=>({position:{x:e.left-t.right,y:e.top-t.top},transform:{x:-100,y:0}}),"left-end":(e,t)=>({position:{x:e.left-t.right,y:e.bottom+t.bottom},transform:{x:-100,y:-100}}),right:(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top+e.height/2},transform:{x:0,y:-50}}),"right-start":(e,t)=>({position:{x:e.right+t.left,y:e.top-t.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right+t.left,y:e.bottom+t.bottom},transform:{x:0,y:-100}})},I=(e,t,o)=>{const n=D[e];return n?n(t,o):{position:{x:0,y:0},transform:{x:0,y:0}}},K={bottom:(e,t)=>({position:{x:e.left+e.width/2,y:e.bottom-t.height},transform:{x:-50,y:0}}),"bottom-start":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),"bottom-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}}),top:e=>({position:{x:e.left+e.width/2,y:e.top},transform:{x:-50,y:0}}),"top-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"top-end":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),left:(e,t)=>({position:{x:e.left,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"left-start":e=>({position:{x:e.left,y:e.top},transform:{x:0,y:0}}),"left-end":(e,t)=>({position:{x:e.left,y:e.bottom-t.height},transform:{x:0,y:0}}),right:(e,t)=>({position:{x:e.right-t.width,y:e.top+(e.height-t.height)/2},transform:{x:0,y:0}}),"right-start":(e,t)=>({position:{x:e.right-t.width,y:e.top},transform:{x:0,y:0}}),"right-end":(e,t)=>({position:{x:e.right-t.width,y:e.bottom-t.height},transform:{x:0,y:0}})},q=(e,t,o)=>{const n=K[e];return n?n(t,o):{position:{x:0,y:0},transform:{x:0,y:0}}},Q=(e,t,o,n)=>{const r={...e},i={...n};if(e.x<o.left&&(r.x=o.left,i.x=0),e.x+t.width>o.right){const u=o.right-t.width;u>0&&(r.x=u),i.x=0}if(e.y<o.top&&(r.y=o.top,i.y=0),e.y+t.height>o.bottom){const u=o.bottom-t.height;u>0&&(r.y=u),i.y=0}return{position:r,transform:i}},G=(e,t,o,n,r)=>{const i=r?null:t;switch(e){case"auto":return b(i,o,n);case"auto-vertical":return b(i,o,n,void 0,!0);case"auto-start":return b(i,o,n,"start");case"auto-vertical-start":return b(i,o,n,"start",!0);case"auto-end":return b(i,o,n,"end");case"auto-vertical-end":return b(i,o,n,"end",!0);default:return"bottom-start"}},X=e=>e.startsWith("auto"),W=e=>{const t=l.ref("auto"),o=l.ref(),n=l.ref(),r=l.ref(),i=l.ref(),u=l.reactive({position:{x:0,y:0}}),v={root:null,rootMargin:"0px",threshold:1,...e.element.value.intersectionOptions},x=l.ref(new IntersectionObserver(()=>{},v)),h=()=>{var f,d;const y=M(e.element.value.domRef.value);if(!y)return null;const s=(f=e.container)!=null&&f.value?M(e.container.value.domRef.value)??document.body:document.body,c=(d=e.opener)!=null&&d.value?M(e.opener.value.domRef.value):null;return{element:y,container:s,opener:c}},m=y=>{var s;return{element:y.element.getBoundingClientRect(),container:y.container.getBoundingClientRect(),opener:((s=y.opener)==null?void 0:s.getBoundingClientRect())??null}},g=(y=!1)=>l.nextTick(()=>{var O,z,B;o.value=((O=e.position)==null?void 0:O.value)??"auto";const s=h();if(!s)return;Object.assign(s.element.style,{position:"fixed",top:"0px",left:"0px"});const c=m(s);n.value=c.element,r.value=c.opener??void 0,i.value=c.container,x.value.observe(s.element),x.value.observe(s.container),X(o.value)&&s.opener&&(o.value=G(o.value,s.container,s.element,s.opener,((z=e.useViewport)==null?void 0:z.value)??!1));const f=j(window.getComputedStyle(s.element)),d=s.opener&&c.opener?I(o.value,c.opener,f):q(o.value,c.container,c.element),E=F(c.element,d.position,d.transform.x,d.transform.y),k=Q(E,c.element,c.container,d.transform);u.position.x=k.position.x,u.position.y=k.position.y,Object.assign(s.element.style,{top:`${u.position.y}px`,left:`${u.position.x}px`,position:"fixed",display:"flex"}),n.value=s.element.getBoundingClientRect(),(B=e.callback)!=null&&B.value&&!y&&e.callback.value(n,r,i,t,o)});return l.onUnmounted(()=>{x.value.disconnect()}),{float:u,rect:n,setPosition:g,position:t,actualPosition:o,openerRect:r,containerRect:i}};function R(e){const t=window.matchMedia(e),o=l.ref(t.matches);function n(r){o.value=r.matches}return l.onMounted(()=>{t.addEventListener("change",n)}),l.onUnmounted(()=>{t.removeEventListener("change",n)}),l.computed(()=>o.value)}function Y(e){return{isGreater(t){return R(`(min-width: ${e[t]})`)},isSmaller(t){return R(`(max-width: ${e[t]})`)},isInBetween(t,o){return R(`(min-width: ${e[t]}) and (max-width: ${e[o]})`)}}}function J(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 n=r=>{!e.value||r.target===e.value||r.composedPath().includes(e.value)||typeof t=="function"&&t()};o&&l.watch(o,(r,i)=>{i&&i.removeEventListener("click",n),r==null||r.addEventListener("click",n)}),l.onMounted(()=>{o||document.addEventListener("click",n)}),l.onBeforeUnmount(()=>{var r;if(o){(r=o.value)==null||r.removeEventListener("click",n);return}document.removeEventListener("click",n)})}function Z(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=n=>{t(n)};l.onMounted(()=>{e.value.addEventListener("keydown",o)}),l.onBeforeUnmount(()=>{e.value.removeEventListener("keydown",o)})}function _(e,t){if(!e||typeof e!="function")throw new Error("A callback has to be provided.");const o=n=>{e(n)};l.onMounted(()=>{if(!t){document.addEventListener("keyup",o);return}t.value.addEventListener("keyup",o)}),l.onBeforeUnmount(()=>{if(!t){document.removeEventListener("keyup",o);return}t.value.removeEventListener("keyup",o)})}const ee=e=>({format:P,parse:$}),N={global:{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"}}}},te={safeColorNames:["blue","purple","orange","pink","yellow","grey","core"]},oe={semanticColorNames:["error","warning","success","info"]},ne=te.safeColorNames,le=oe.semanticColorNames,S={};ne.forEach(e=>{const t=N.global[e];t&&Object.keys(t).forEach(o=>{var r;const n=(r=t[o])==null?void 0:r.value;n&&(S[e]||(S[e]={}),S[e][o]=n)})});const H=N.global.semantic;H&&le.forEach(e=>{const t=H[e];t&&typeof t=="object"&&Object.keys(t).forEach(o=>{var r;const n=(r=t[o])==null?void 0:r.value;if(n){const i=`semantic-${e}`;S[i]||(S[i]={}),S[i][o]=n}})});const re=Object.entries(N.global.breakpoint).reduce((e,[t,o])=>(e[t]=o.value,e),{}),ie=l.defineComponent({__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 n=e,r=o,i=l.ref(null),u=l.ref(null),v=l.useSlots(),x=R(`(max-width: ${re.xs})`);let h=!1,m=!1,g=null,y=null;const s={position:n.position,element:{domRef:i},container:{domRef:l.toRef(n.container||document.body)},opener:{domRef:l.toRef(null)},useViewport:n.useViewport,callback(...a){r("fzfloating:setPosition",...a)}},c=l.toRefs(s);v.opener&&(s.opener={domRef:u});const f=W(c),d=()=>{h||!m||(h=!0,requestAnimationFrame(()=>{m&&n.isOpen&&f.setPosition(),h=!1}))};l.onMounted(()=>{m=!0});const E=()=>{d()},k=()=>{d()},O=()=>{window.addEventListener("scroll",E,!0),window.addEventListener("resize",k),i.value&&!g&&(g=new ResizeObserver(()=>{d()}),g.observe(i.value)),u.value&&!y&&(y=new ResizeObserver(()=>{d()}),y.observe(u.value))},z=()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",k),g&&(g.disconnect(),g=null),y&&(y.disconnect(),y=null)};l.watch(()=>n.position,()=>d()),l.watch(()=>n.isOpen,a=>{var U;if(!a||!i.value||!m){z();return}O();const w=(U=u.value)==null?void 0:U.getBoundingClientRect();i.value.style.position="fixed",i.value.style.top="0px",i.value.style.left="0px",i.value.style.transform="none",i.value.style.width=x.value?(w==null?void 0:w.width)+"px":"auto",f.setPosition()}),l.watch(()=>n.overrideOpener,a=>{a&&c.opener&&c.opener.value&&(c.opener.value={domRef:a})}),l.onBeforeUnmount(()=>{m=!1,z()});const B=a=>a.startsWith("bottom")?"mt-4":a.startsWith("top")?"mb-4":a.startsWith("left")?"mr-4":a.startsWith("right")?"ml-4":"mt-4",ae=l.computed(()=>{var w;const a=((w=f.actualPosition)==null?void 0:w.value)??n.position;return B(a)}),A=l.computed(()=>n.overrideContentClass?n.contentClass:["bg-core-white fixed",ae.value,n.contentClass]);return t({setPosition:f.setPosition}),(a,w)=>(l.openBlock(),l.createElementBlock("div",null,[l.renderSlot(a.$slots,"opener-start"),l.createElementVNode("div",{ref_key:"opener",ref:u,class:"inline-flex w-full sm:w-auto"},[l.renderSlot(a.$slots,"opener",{isOpen:e.isOpen,floating:l.unref(f)})],512),l.renderSlot(a.$slots,"opener-end"),e.teleport?l.createCommentVNode("",!0):l.withDirectives((l.openBlock(),l.createElementBlock("div",{key:0,ref_key:"content",ref:i,class:l.normalizeClass(["fz__floating__content w-full sm:w-auto",A.value])},[l.renderSlot(a.$slots,"default",{isOpen:e.isOpen,floating:l.unref(f)})],2)),[[l.vShow,a.$slots.default&&(!a.$slots.opener||a.$slots.opener&&e.isOpen)]]),e.teleport?(l.openBlock(),l.createBlock(l.Teleport,{key:1,to:"body"},[l.withDirectives(l.createElementVNode("div",{ref_key:"content",ref:i,class:l.normalizeClass(["fz__floating__content",A.value])},[l.renderSlot(a.$slots,"default",{isOpen:e.isOpen,floating:l.unref(f)})],2),[[l.vShow,a.$slots.default&&(!a.$slots.opener||a.$slots.opener&&e.isOpen)]])])):l.createCommentVNode("",!0)]))}});p.FzFloating=ie,p.calcRealPos=F,p.clamp=V,p.format=P,p.getHighestAvailableSpacePos=b,p.parse=$,p.roundTo=T,p.truncateDecimals=L,p.useBreakpoints=Y,p.useClickOutside=J,p.useCurrency=ee,p.useFloating=W,p.useKeyDown=Z,p.useKeyUp=_,p.useMediaQuery=R,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@fiscozen/composables",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Design System utility composables",
   "main": "src/index.ts",
   "type": "module",
   "keywords": [],
   "author": "Riccardo Agnoletto",
   "dependencies": {
-    "@fiscozen/style": "0.2.0"
+    "@fiscozen/style": "0.3.0"
   },
   "peerDependencies": {
     "tailwindcss": "^3.4.1",
@@ -28,9 +28,9 @@
     "vite": "^5.0.10",
     "vitest": "^1.2.0",
     "vue-tsc": "^1.8.25",
-    "@fiscozen/eslint-config": "^0.1.0",
     "@fiscozen/tsconfig": "^0.1.0",
-    "@fiscozen/prettier-config": "^0.1.0"
+    "@fiscozen/prettier-config": "^0.1.0",
+    "@fiscozen/eslint-config": "^0.1.0"
   },
   "license": "ISC",
   "scripts": {

package/src/__tests__/number.spec.ts

@@ -0,0 +1,137 @@
+import { describe, it, expect } from 'vitest'
+import { truncateDecimals, format, parse, roundTo, clamp } from '../utils/number'
+
+describe('number utilities', () => {
+  describe('truncateDecimals', () => {
+    it('truncates to the specified number of decimals', () => {
+      expect(truncateDecimals(1.2345, 2)).toBe(1.23)
+      expect(truncateDecimals(1.2345, 3)).toBe(1.234)
+      expect(truncateDecimals(1.2345, 0)).toBe(1)
+    })
+
+    it('preserves values that already have the correct number of decimals', () => {
+      expect(truncateDecimals(1.23, 2)).toBe(1.23)
+      expect(truncateDecimals(1.2, 2)).toBe(1.2)
+      expect(truncateDecimals(1, 2)).toBe(1)
+    })
+
+    it('truncates without rounding up', () => {
+      expect(truncateDecimals(1.999, 2)).toBe(1.99)
+      expect(truncateDecimals(1.996, 2)).toBe(1.99)
+      expect(truncateDecimals(1.005, 2)).toBe(1)
+    })
+
+    it('handles negative numbers', () => {
+      expect(truncateDecimals(-1.2345, 2)).toBe(-1.23)
+      expect(truncateDecimals(-1.999, 2)).toBe(-1.99)
+      expect(truncateDecimals(-40.3, 2)).toBe(-40.3)
+    })
+
+    it('handles zero', () => {
+      expect(truncateDecimals(0, 2)).toBe(0)
+      expect(truncateDecimals(0.0, 2)).toBe(0)
+    })
+
+    it('handles integers', () => {
+      expect(truncateDecimals(42, 2)).toBe(42)
+      expect(truncateDecimals(1000, 3)).toBe(1000)
+    })
+
+    describe('floating-point precision edge cases', () => {
+      it('correctly handles 40.3 (regression: was truncated to 40.29)', () => {
+        expect(truncateDecimals(40.3, 2)).toBe(40.3)
+      })
+
+      it('correctly handles 299.96 (regression: was truncated to 299.95)', () => {
+        expect(truncateDecimals(299.96, 2)).toBe(299.96)
+      })
+
+      it('correctly handles 40.2 (no drift)', () => {
+        expect(truncateDecimals(40.2, 2)).toBe(40.2)
+      })
+
+      it('correctly handles 40.4 (no drift)', () => {
+        expect(truncateDecimals(40.4, 2)).toBe(40.4)
+      })
+
+      it('correctly handles 0.1 + 0.2 (classic floating-point case)', () => {
+        expect(truncateDecimals(0.1 + 0.2, 2)).toBe(0.3)
+      })
+
+      it('correctly handles 1234567.89 (regression: was truncated to 1234567.88)', () => {
+        expect(truncateDecimals(1234567.89, 2)).toBe(1234567.89)
+      })
+
+      it.each([
+        [10.1, 10.1],
+        [10.2, 10.2],
+        [10.3, 10.3],
+        [10.6, 10.6],
+        [10.7, 10.7],
+        [20.3, 20.3],
+        [30.3, 30.3],
+        [50.6, 50.6],
+        [99.99, 99.99],
+        [100.01, 100.01],
+        [999.99, 999.99],
+        [1000.01, 1000.01],
+        [0.01, 0.01],
+        [0.10, 0.10],
+        [0.99, 0.99],
+      ])('preserves %f as %f with 2 decimals', (input, expected) => {
+        expect(truncateDecimals(input, 2)).toBe(expected)
+      })
+    })
+
+    describe('large values (regression: toPrecision(12) dropped digits)', () => {
+      it.each([
+        [10000000000.01, 2, 10000000000.01],
+        [99999999999.99, 2, 99999999999.99],
+        [10000000000.99, 2, 10000000000.99],
+        [100000000000.01, 2, 100000000000.01],
+      ])('preserves %f with %i decimals → %f', (input, decimals, expected) => {
+        expect(truncateDecimals(input, decimals)).toBe(expected)
+      })
+
+      it.each([
+        [100000000.0001, 4, 100000000.0001],
+        [999999999.9999, 4, 999999999.9999],
+      ])('preserves %f with %i decimals → %f', (input, decimals, expected) => {
+        expect(truncateDecimals(input, decimals)).toBe(expected)
+      })
+
+      it.each([
+        [1000000.000001, 6, 1000000.000001],
+        [9999999.999999, 6, 9999999.999999],
+      ])('preserves %f with %i decimals → %f', (input, decimals, expected) => {
+        expect(truncateDecimals(input, decimals)).toBe(expected)
+      })
+    })
+  })
+
+  describe('parse', () => {
+    it('parses Italian format (comma as decimal separator)', () => {
+      expect(parse('40,30')).toBe(40.3)
+      expect(parse('299,96')).toBe(299.96)
+      expect(parse('1.234,56')).toBe(1234.56)
+    })
+
+    it('parses plain numbers', () => {
+      expect(parse('42')).toBe(42)
+      expect(parse('1234.56')).toBe(1234.56)
+    })
+
+    it('returns NaN for invalid input', () => {
+      expect(parse('')).toBeNaN()
+      expect(parse('abc')).toBeNaN()
+    })
+  })
+
+  describe('clamp', () => {
+    it('clamps value within range', () => {
+      expect(clamp(0, 5, 10)).toBe(5)
+      expect(clamp(0, -1, 10)).toBe(0)
+      expect(clamp(0, 11, 10)).toBe(10)
+    })
+  })
+})

package/src/utils/number/index.ts

@@ -1,13 +1,37 @@
 /**
  * Truncates a number to the specified maximum decimal places (without rounding)
  *
+ * Uses `String(value)` — the shortest decimal that uniquely identifies the
+ * IEEE 754 double — then slices the string to `maxDecimals` places.
+ * This sidesteps both IEEE 754 drift (e.g. `40.3 * 100 → 4029.999…`) and the
+ * significant-digit ceiling that `toPrecision(n)` imposes on large products
+ * (e.g. `10 000 000 000.01 * 100` has 13 significant digits, which
+ * `toPrecision(12)` silently rounds away).
+ *
+ * For values where `String()` emits scientific notation (|value| >= 1e21 or
+ * < 1e-7), plain `Math.trunc(value * factor)` is used — drift is irrelevant
+ * at those magnitudes.
+ *
  * @param value - Number to truncate
  * @param maxDecimals - Maximum number of decimal places
  * @returns Truncated number
  */
 export const truncateDecimals = (value: number, maxDecimals: number): number => {
-  const factor = Math.pow(10, maxDecimals);
-  return Math.trunc(value * factor) / factor;
+  if (!isFinite(value) || maxDecimals < 0) return value;
+  if (maxDecimals === 0) return Math.trunc(value);
+
+  const str = String(value);
+
+  if (str.includes('e') || str.includes('E')) {
+    const factor = Math.pow(10, maxDecimals);
+    return Math.trunc(value * factor) / factor;
+  }
+
+  const dotIndex = str.indexOf('.');
+  if (dotIndex === -1) return value;
+  if (str.length - dotIndex - 1 <= maxDecimals) return value;
+
+  return Number(str.slice(0, dotIndex + maxDecimals + 1));
 };
 
 /**