@zag-js/slider 0.0.0-dev-20220416152643 → 0.0.0-dev-20220418173111

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-import { dom as unstable__dom } from "./slider.dom";
+export { dom as unstable__dom } from "./slider.dom";
 export { connect } from "./slider.connect";
 export { machine } from "./slider.machine";
-export type { MachineContext, MachineState } from "./slider.types";
-export { unstable__dom };
+export type { UserDefinedContext as Context } from "./slider.types";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,aAAa,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,aAAa,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,YAAY,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/index.js

@@ -824,222 +824,224 @@ function connect(state2, send, normalize = normalizeProp) {
 
 // src/slider.machine.ts
 var import_core = require("@zag-js/core");
-var machine = (0, import_core.createMachine)({
-  id: "slider",
-  initial: "unknown",
-  context: {
-    thumbSize: null,
-    uid: "",
-    disabled: false,
-    threshold: 5,
-    dir: "ltr",
-    origin: "start",
-    orientation: "horizontal",
-    initialValue: null,
-    value: 0,
-    step: 1,
-    min: 0,
-    max: 100
-  },
-  computed: {
-    isHorizontal: (ctx) => ctx.orientation === "horizontal",
-    isVertical: (ctx) => ctx.orientation === "vertical",
-    isRtl: (ctx) => ctx.orientation === "horizontal" && ctx.dir === "rtl",
-    isInteractive: (ctx) => !(ctx.disabled || ctx.readonly),
-    hasMeasuredThumbSize: (ctx) => ctx.thumbSize !== null
-  },
-  watch: {
-    value: ["invokeOnChange", "dispatchChangeEvent"]
-  },
-  activities: ["trackFormReset", "trackScriptedUpdate"],
-  on: {
-    SET_VALUE: {
-      actions: "setValue"
-    },
-    INCREMENT: {
-      actions: "increment"
-    },
-    DECREMENT: {
-      actions: "decrement"
-    }
-  },
-  states: {
-    unknown: {
-      on: {
-        SETUP: {
-          target: "idle",
-          actions: ["setupDocument", "setThumbSize", "checkValue"]
-        }
-      }
+function machine(ctx = {}) {
+  return (0, import_core.createMachine)({
+    id: "slider",
+    initial: "unknown",
+    context: __spreadValues({
+      thumbSize: null,
+      uid: "",
+      disabled: false,
+      threshold: 5,
+      dir: "ltr",
+      origin: "start",
+      orientation: "horizontal",
+      initialValue: null,
+      value: 0,
+      step: 1,
+      min: 0,
+      max: 100
+    }, ctx),
+    computed: {
+      isHorizontal: (ctx2) => ctx2.orientation === "horizontal",
+      isVertical: (ctx2) => ctx2.orientation === "vertical",
+      isRtl: (ctx2) => ctx2.orientation === "horizontal" && ctx2.dir === "rtl",
+      isInteractive: (ctx2) => !(ctx2.disabled || ctx2.readonly),
+      hasMeasuredThumbSize: (ctx2) => ctx2.thumbSize !== null
     },
-    idle: {
-      on: {
-        POINTER_DOWN: {
-          target: "dragging",
-          actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
-        },
-        FOCUS: "focus"
-      }
+    watch: {
+      value: ["invokeOnChange", "dispatchChangeEvent"]
     },
-    focus: {
-      entry: "focusThumb",
-      on: {
-        POINTER_DOWN: {
-          target: "dragging",
-          actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
-        },
-        ARROW_LEFT: {
-          guard: "isHorizontal",
-          actions: "decrement"
-        },
-        ARROW_RIGHT: {
-          guard: "isHorizontal",
-          actions: "increment"
-        },
-        ARROW_UP: {
-          guard: "isVertical",
-          actions: "increment"
-        },
-        ARROW_DOWN: {
-          guard: "isVertical",
-          actions: "decrement"
-        },
-        PAGE_UP: {
-          actions: "increment"
-        },
-        PAGE_DOWN: {
-          actions: "decrement"
-        },
-        HOME: {
-          actions: "setToMin"
-        },
-        END: {
-          actions: "setToMax"
-        },
-        BLUR: "idle"
+    activities: ["trackFormReset", "trackScriptedUpdate"],
+    on: {
+      SET_VALUE: {
+        actions: "setValue"
+      },
+      INCREMENT: {
+        actions: "increment"
+      },
+      DECREMENT: {
+        actions: "decrement"
       }
     },
-    dragging: {
-      entry: "focusThumb",
-      activities: "trackPointerMove",
-      on: {
-        POINTER_UP: {
-          target: "focus",
-          actions: "invokeOnChangeEnd"
-        },
-        POINTER_MOVE: {
-          actions: "setPointerValue"
+    states: {
+      unknown: {
+        on: {
+          SETUP: {
+            target: "idle",
+            actions: ["setupDocument", "setThumbSize", "checkValue"]
+          }
+        }
+      },
+      idle: {
+        on: {
+          POINTER_DOWN: {
+            target: "dragging",
+            actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
+          },
+          FOCUS: "focus"
+        }
+      },
+      focus: {
+        entry: "focusThumb",
+        on: {
+          POINTER_DOWN: {
+            target: "dragging",
+            actions: ["setPointerValue", "invokeOnChangeStart", "focusThumb"]
+          },
+          ARROW_LEFT: {
+            guard: "isHorizontal",
+            actions: "decrement"
+          },
+          ARROW_RIGHT: {
+            guard: "isHorizontal",
+            actions: "increment"
+          },
+          ARROW_UP: {
+            guard: "isVertical",
+            actions: "increment"
+          },
+          ARROW_DOWN: {
+            guard: "isVertical",
+            actions: "decrement"
+          },
+          PAGE_UP: {
+            actions: "increment"
+          },
+          PAGE_DOWN: {
+            actions: "decrement"
+          },
+          HOME: {
+            actions: "setToMin"
+          },
+          END: {
+            actions: "setToMax"
+          },
+          BLUR: "idle"
+        }
+      },
+      dragging: {
+        entry: "focusThumb",
+        activities: "trackPointerMove",
+        on: {
+          POINTER_UP: {
+            target: "focus",
+            actions: "invokeOnChangeEnd"
+          },
+          POINTER_MOVE: {
+            actions: "setPointerValue"
+          }
         }
       }
     }
-  }
-}, {
-  guards: {
-    isHorizontal: (ctx) => ctx.isHorizontal,
-    isVertical: (ctx) => ctx.isVertical
-  },
-  activities: {
-    trackScriptedUpdate(ctx, _, { send }) {
-      let cleanup;
-      nextTick(() => {
-        const el = dom.getInputEl(ctx);
-        if (!el)
-          return;
-        cleanup = trackInputPropertyMutation(el, {
-          type: "input",
-          property: "value",
-          fn(value) {
-            send({ type: "SET_VALUE", value: parseFloat(value) });
+  }, {
+    guards: {
+      isHorizontal: (ctx2) => ctx2.isHorizontal,
+      isVertical: (ctx2) => ctx2.isVertical
+    },
+    activities: {
+      trackScriptedUpdate(ctx2, _, { send }) {
+        let cleanup;
+        nextTick(() => {
+          const el = dom.getInputEl(ctx2);
+          if (!el)
+            return;
+          cleanup = trackInputPropertyMutation(el, {
+            type: "input",
+            property: "value",
+            fn(value) {
+              send({ type: "SET_VALUE", value: parseFloat(value) });
+            }
+          });
+        });
+        return () => cleanup == null ? void 0 : cleanup();
+      },
+      trackFormReset(ctx2) {
+        let cleanup;
+        nextTick(() => {
+          const el = dom.getInputEl(ctx2);
+          if (!el)
+            return;
+          cleanup = trackFormReset(el, () => {
+            if (ctx2.initialValue != null)
+              ctx2.value = ctx2.initialValue;
+          });
+        });
+        return cleanup;
+      },
+      trackPointerMove(ctx2, _evt, { send }) {
+        return trackPointerMove({
+          ctx: ctx2,
+          onPointerMove(info) {
+            send({ type: "POINTER_MOVE", point: info.point });
+          },
+          onPointerUp() {
+            send("POINTER_UP");
           }
         });
-      });
-      return () => cleanup == null ? void 0 : cleanup();
+      }
     },
-    trackFormReset(ctx) {
-      let cleanup;
-      nextTick(() => {
-        const el = dom.getInputEl(ctx);
-        if (!el)
-          return;
-        cleanup = trackFormReset(el, () => {
-          if (ctx.initialValue != null)
-            ctx.value = ctx.initialValue;
+    actions: {
+      setupDocument(ctx2, evt) {
+        if (evt.doc)
+          ctx2.doc = (0, import_core.ref)(evt.doc);
+        ctx2.uid = evt.id;
+      },
+      checkValue(ctx2) {
+        const value = utils.convert(ctx2, ctx2.value);
+        Object.assign(ctx2, { value, initialValue: value });
+      },
+      invokeOnChangeStart(ctx2) {
+        var _a;
+        (_a = ctx2.onChangeStart) == null ? void 0 : _a.call(ctx2, { value: ctx2.value });
+      },
+      invokeOnChangeEnd(ctx2) {
+        var _a;
+        (_a = ctx2.onChangeEnd) == null ? void 0 : _a.call(ctx2, { value: ctx2.value });
+      },
+      invokeOnChange(ctx2) {
+        var _a;
+        (_a = ctx2.onChange) == null ? void 0 : _a.call(ctx2, { value: ctx2.value });
+      },
+      dispatchChangeEvent(ctx2) {
+        dom.dispatchChangeEvent(ctx2);
+      },
+      setThumbSize(ctx2) {
+        raf(() => {
+          const el = dom.getThumbEl(ctx2);
+          if (!el)
+            return;
+          ctx2.thumbSize = { width: el.offsetWidth, height: el.offsetHeight };
         });
-      });
-      return cleanup;
-    },
-    trackPointerMove(ctx, _evt, { send }) {
-      return trackPointerMove({
-        ctx,
-        onPointerMove(info) {
-          send({ type: "POINTER_MOVE", point: info.point });
-        },
-        onPointerUp() {
-          send("POINTER_UP");
-        }
-      });
-    }
-  },
-  actions: {
-    setupDocument(ctx, evt) {
-      if (evt.doc)
-        ctx.doc = (0, import_core.ref)(evt.doc);
-      ctx.uid = evt.id;
-    },
-    checkValue(ctx) {
-      const value = utils.convert(ctx, ctx.value);
-      Object.assign(ctx, { value, initialValue: value });
-    },
-    invokeOnChangeStart(ctx) {
-      var _a;
-      (_a = ctx.onChangeStart) == null ? void 0 : _a.call(ctx, { value: ctx.value });
-    },
-    invokeOnChangeEnd(ctx) {
-      var _a;
-      (_a = ctx.onChangeEnd) == null ? void 0 : _a.call(ctx, { value: ctx.value });
-    },
-    invokeOnChange(ctx) {
-      var _a;
-      (_a = ctx.onChange) == null ? void 0 : _a.call(ctx, { value: ctx.value });
-    },
-    dispatchChangeEvent(ctx) {
-      dom.dispatchChangeEvent(ctx);
-    },
-    setThumbSize(ctx) {
-      raf(() => {
-        const el = dom.getThumbEl(ctx);
-        if (!el)
+      },
+      setPointerValue(ctx2, evt) {
+        const value = dom.getValueFromPoint(ctx2, evt.point);
+        if (value == null)
           return;
-        ctx.thumbSize = { width: el.offsetWidth, height: el.offsetHeight };
-      });
-    },
-    setPointerValue(ctx, evt) {
-      const value = dom.getValueFromPoint(ctx, evt.point);
-      if (value == null)
-        return;
-      ctx.value = utils.clamp(ctx, value);
-    },
-    focusThumb(ctx) {
-      nextTick(() => {
-        var _a;
-        return (_a = dom.getThumbEl(ctx)) == null ? void 0 : _a.focus();
-      });
-    },
-    decrement(ctx, evt) {
-      ctx.value = utils.decrement(ctx, evt.step);
-    },
-    increment(ctx, evt) {
-      ctx.value = utils.increment(ctx, evt.step);
-    },
-    setToMin(ctx) {
-      ctx.value = ctx.min;
-    },
-    setToMax(ctx) {
-      ctx.value = ctx.max;
-    },
-    setValue(ctx, evt) {
-      ctx.value = utils.convert(ctx, evt.value);
+        ctx2.value = utils.clamp(ctx2, value);
+      },
+      focusThumb(ctx2) {
+        nextTick(() => {
+          var _a;
+          return (_a = dom.getThumbEl(ctx2)) == null ? void 0 : _a.focus();
+        });
+      },
+      decrement(ctx2, evt) {
+        ctx2.value = utils.decrement(ctx2, evt.step);
+      },
+      increment(ctx2, evt) {
+        ctx2.value = utils.increment(ctx2, evt.step);
+      },
+      setToMin(ctx2) {
+        ctx2.value = ctx2.min;
+      },
+      setToMax(ctx2) {
+        ctx2.value = ctx2.max;
+      },
+      setValue(ctx2, evt) {
+        ctx2.value = utils.convert(ctx2, evt.value);
+      }
     }
-  }
-});
+  });
+}
 //# sourceMappingURL=index.js.map