@zag-js/splitter 0.1.3 → 0.1.6

package/dist/index.js

@@ -359,7 +359,11 @@ findByTypeahead.defaultOptions = {
 
 // ../../types/dist/index.mjs
 function createNormalizer(fn) {
-  return { button: fn, label: fn, input: fn, output: fn, element: fn };
+  return new Proxy({}, {
+    get() {
+      return fn;
+    }
+  });
 }
 var normalizeProp = createNormalizer((v) => v);
 
@@ -369,6 +373,10 @@ var dom = {
     var _a;
     return (_a = ctx.doc) != null ? _a : document;
   },
+  getRootNode: (ctx) => {
+    var _a;
+    return (_a = ctx.rootNode) != null ? _a : dom.getDoc(ctx);
+  },
   getRootId: (ctx) => {
     var _a, _b;
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.root) != null ? _b : `splitter:${ctx.uid}`;
@@ -393,8 +401,8 @@ var dom = {
     var _a, _b;
     return (_b = (_a = ctx.ids) == null ? void 0 : _a.secondaryPane) != null ? _b : `splitter:${ctx.uid}:secondary`;
   },
-  getSplitterEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getSplitterId(ctx)),
-  getPrimaryPaneEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPrimaryPaneId(ctx)),
+  getSplitterEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getSplitterId(ctx)),
+  getPrimaryPaneEl: (ctx) => dom.getRootNode(ctx).getElementById(dom.getPrimaryPaneId(ctx)),
   getCursor(ctx) {
     if (ctx.disabled || ctx.fixed)
       return "default";
@@ -577,10 +585,6 @@ var import_core = require("@zag-js/core");
 
 // ../../utilities/number/dist/index.mjs
 var __pow2 = Math.pow;
-var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
-function formatter(n) {
-  return parseFloat(nf.format(n));
-}
 function round(v, t2) {
   let num = valueOf(v);
   const p = __pow2(10, t2 != null ? t2 : 10);
@@ -593,16 +597,15 @@ function clamp(v, o) {
 function countDecimals(value) {
   if (!Number.isFinite(value))
     return 0;
-  let e = 1;
-  let p = 0;
+  let e = 1, p = 0;
   while (Math.round(value * e) / e !== value) {
     e *= 10;
     p += 1;
   }
   return p;
 }
-var increment = (v, s) => formatter(valueOf(v) + s);
-var decrement = (v, s) => formatter(valueOf(v) - s);
+var increment = (v, s) => decimalOperation(valueOf(v), "+", s);
+var decrement = (v, s) => decimalOperation(valueOf(v), "-", s);
 function snapToStep(value, step) {
   const num = valueOf(value);
   const p = countDecimals(step);
@@ -615,6 +618,18 @@ function valueOf(v) {
   const num = parseFloat(v.toString().replace(/[^\w.-]+/g, ""));
   return !Number.isNaN(num) ? num : 0;
 }
+function decimalOperation(a, op, b) {
+  let result = op === "+" ? a + b : a - b;
+  if (a % 1 !== 0 || b % 1 !== 0) {
+    const multiplier = __pow2(10, Math.max(countDecimals(a), countDecimals(b)));
+    a = Math.round(a * multiplier);
+    b = Math.round(b * multiplier);
+    result = op === "+" ? a + b : a - b;
+    result /= multiplier;
+  }
+  return result;
+}
+var nf = new Intl.NumberFormat("en-US", { style: "decimal", maximumFractionDigits: 20 });
 
 // ../../utilities/rect/dist/index.mjs
 function relativeToNode(p, el) {
@@ -809,6 +824,8 @@ function machine(ctx = {}) {
       setupDocument(ctx2, evt) {
         if (evt.doc)
           ctx2.doc = (0, import_core.ref)(evt.doc);
+        if (evt.root)
+          ctx2.rootNode = (0, import_core.ref)(evt.root);
         ctx2.uid = evt.id;
       },
       setToMin(ctx2) {