@zag-js/pin-input 0.2.7 → 0.2.8

package/dist/{chunk-QX3A66VS.mjs → chunk-3SENCEI3.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-BJXKBZJG.mjs";
 import {
   dom
-} from "./chunk-OI3DK2PT.mjs";
+} from "./chunk-APRO2TYE.mjs";
 
 // ../../utilities/dom/src/attrs.ts
 var dataAttr = (guard) => {

package/dist/{chunk-OI3DK2PT.mjs → chunk-APRO2TYE.mjs}

@@ -29,25 +29,7 @@ function defineDomHelpers(helpers) {
       return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
     },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
-    createEmitter: (ctx, target) => {
-      const win = dom2.getWin(ctx);
-      return function emit(evt, detail, options) {
-        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
-        const eventName = `zag:${evt}`;
-        const init = { bubbles, cancelable, composed, detail };
-        const event = new win.CustomEvent(eventName, init);
-        target.dispatchEvent(event);
-      };
-    },
-    createListener: (target) => {
-      return function listen(evt, handler) {
-        const eventName = `zag:${evt}`;
-        const listener = (e) => handler(e);
-        target.addEventListener(eventName, listener);
-        return () => target.removeEventListener(eventName, listener);
-      };
-    }
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
   return {
     ...dom2,

package/dist/{chunk-6HKN4SOY.mjs → chunk-CDDLX3AG.mjs}

@@ -4,7 +4,7 @@ import {
 import {
   dom,
   getWindow
-} from "./chunk-OI3DK2PT.mjs";
+} from "./chunk-APRO2TYE.mjs";
 
 // src/pin-input.machine.ts
 import { createMachine, guards } from "@zag-js/core";
@@ -266,7 +266,7 @@ function machine(userContext) {
         setPastedValue(ctx2, evt) {
           raf(() => {
             const startIndex = ctx2.focusedValue ? 1 : 0;
-            const value = evt.value.substring(startIndex, ctx2.valueLength);
+            const value = evt.value.substring(startIndex, startIndex + ctx2.valueLength);
             assign(ctx2, value);
           });
         },

package/dist/index.js

@@ -92,25 +92,7 @@ function defineDomHelpers(helpers) {
       return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
     },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
-    createEmitter: (ctx, target) => {
-      const win = dom2.getWin(ctx);
-      return function emit(evt, detail, options) {
-        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
-        const eventName = `zag:${evt}`;
-        const init = { bubbles, cancelable, composed, detail };
-        const event = new win.CustomEvent(eventName, init);
-        target.dispatchEvent(event);
-      };
-    },
-    createListener: (target) => {
-      return function listen(evt, handler) {
-        const eventName = `zag:${evt}`;
-        const listener = (e) => handler(e);
-        target.addEventListener(eventName, listener);
-        return () => target.removeEventListener(eventName, listener);
-      };
-    }
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
   return {
     ...dom2,
@@ -593,7 +575,7 @@ function machine(userContext) {
         setPastedValue(ctx2, evt) {
           raf(() => {
             const startIndex = ctx2.focusedValue ? 1 : 0;
-            const value = evt.value.substring(startIndex, ctx2.valueLength);
+            const value = evt.value.substring(startIndex, startIndex + ctx2.valueLength);
             assign(ctx2, value);
           });
         },

package/dist/index.mjs

@@ -1,14 +1,14 @@
 import {
   connect
-} from "./chunk-QX3A66VS.mjs";
+} from "./chunk-3SENCEI3.mjs";
 import {
   anatomy
 } from "./chunk-BJXKBZJG.mjs";
 import {
   machine
-} from "./chunk-6HKN4SOY.mjs";
+} from "./chunk-CDDLX3AG.mjs";
 import "./chunk-NT4W6JYX.mjs";
-import "./chunk-OI3DK2PT.mjs";
+import "./chunk-APRO2TYE.mjs";
 export {
   anatomy,
   connect,

package/dist/pin-input.connect.js

@@ -68,25 +68,7 @@ function defineDomHelpers(helpers) {
       return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
     },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
-    createEmitter: (ctx, target) => {
-      const win = dom2.getWin(ctx);
-      return function emit(evt, detail, options) {
-        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
-        const eventName = `zag:${evt}`;
-        const init = { bubbles, cancelable, composed, detail };
-        const event = new win.CustomEvent(eventName, init);
-        target.dispatchEvent(event);
-      };
-    },
-    createListener: (target) => {
-      return function listen(evt, handler) {
-        const eventName = `zag:${evt}`;
-        const listener = (e) => handler(e);
-        target.addEventListener(eventName, listener);
-        return () => target.removeEventListener(eventName, listener);
-      };
-    }
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
   return {
     ...dom2,

package/dist/pin-input.connect.mjs

@@ -1,9 +1,9 @@
 import {
   connect
-} from "./chunk-QX3A66VS.mjs";
+} from "./chunk-3SENCEI3.mjs";
 import "./chunk-BJXKBZJG.mjs";
 import "./chunk-NT4W6JYX.mjs";
-import "./chunk-OI3DK2PT.mjs";
+import "./chunk-APRO2TYE.mjs";
 export {
   connect
 };

package/dist/pin-input.dom.d.ts

@@ -18,10 +18,6 @@ declare const dom: {
     getById: <T = HTMLElement>(ctx: {
         getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
     }, id: string) => T | null;
-    createEmitter: (ctx: {
-        getRootNode?: (() => Node | Document | ShadowRoot) | undefined;
-    }, target: HTMLElement) => (evt: string, detail: Record<string, any>, options?: EventInit | undefined) => void;
-    createListener: (target: HTMLElement) => <T_1 = any>(evt: string, handler: (e: CustomEvent<T_1>) => void) => () => void;
 } & {
     getRootId: (ctx: MachineContext) => string;
     getInputId: (ctx: MachineContext, id: string) => string;

package/dist/pin-input.dom.js

@@ -51,25 +51,7 @@ function defineDomHelpers(helpers) {
       return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
     },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
-    createEmitter: (ctx, target) => {
-      const win = dom2.getWin(ctx);
-      return function emit(evt, detail, options) {
-        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
-        const eventName = `zag:${evt}`;
-        const init = { bubbles, cancelable, composed, detail };
-        const event = new win.CustomEvent(eventName, init);
-        target.dispatchEvent(event);
-      };
-    },
-    createListener: (target) => {
-      return function listen(evt, handler) {
-        const eventName = `zag:${evt}`;
-        const listener = (e) => handler(e);
-        target.addEventListener(eventName, listener);
-        return () => target.removeEventListener(eventName, listener);
-      };
-    }
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
   return {
     ...dom2,

package/dist/pin-input.dom.mjs

@@ -1,6 +1,6 @@
 import {
   dom
-} from "./chunk-OI3DK2PT.mjs";
+} from "./chunk-APRO2TYE.mjs";
 export {
   dom
 };

package/dist/pin-input.machine.js

@@ -69,25 +69,7 @@ function defineDomHelpers(helpers) {
       return (_a = dom2.getDoc(ctx).defaultView) != null ? _a : window;
     },
     getActiveElement: (ctx) => dom2.getDoc(ctx).activeElement,
-    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id),
-    createEmitter: (ctx, target) => {
-      const win = dom2.getWin(ctx);
-      return function emit(evt, detail, options) {
-        const { bubbles = true, cancelable, composed = true } = options != null ? options : {};
-        const eventName = `zag:${evt}`;
-        const init = { bubbles, cancelable, composed, detail };
-        const event = new win.CustomEvent(eventName, init);
-        target.dispatchEvent(event);
-      };
-    },
-    createListener: (target) => {
-      return function listen(evt, handler) {
-        const eventName = `zag:${evt}`;
-        const listener = (e) => handler(e);
-        target.addEventListener(eventName, listener);
-        return () => target.removeEventListener(eventName, listener);
-      };
-    }
+    getById: (ctx, id) => dom2.getRootNode(ctx).getElementById(id)
   };
   return {
     ...dom2,
@@ -382,7 +364,7 @@ function machine(userContext) {
         setPastedValue(ctx2, evt) {
           raf(() => {
             const startIndex = ctx2.focusedValue ? 1 : 0;
-            const value = evt.value.substring(startIndex, ctx2.valueLength);
+            const value = evt.value.substring(startIndex, startIndex + ctx2.valueLength);
             assign(ctx2, value);
           });
         },

package/dist/pin-input.machine.mjs

@@ -1,8 +1,8 @@
 import {
   machine
-} from "./chunk-6HKN4SOY.mjs";
+} from "./chunk-CDDLX3AG.mjs";
 import "./chunk-NT4W6JYX.mjs";
-import "./chunk-OI3DK2PT.mjs";
+import "./chunk-APRO2TYE.mjs";
 export {
   machine
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/pin-input",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Core logic for the pin-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,12 +27,12 @@
   },
   "dependencies": {
     "@zag-js/anatomy": "0.1.3",
-    "@zag-js/core": "0.2.4",
-    "@zag-js/types": "0.3.2"
+    "@zag-js/core": "0.2.5",
+    "@zag-js/types": "0.3.3"
   },
   "devDependencies": {
     "clean-package": "2.2.0",
-    "@zag-js/dom-utils": "0.2.2",
+    "@zag-js/dom-utils": "0.2.3",
     "@zag-js/form-utils": "0.2.3",
     "@zag-js/utils": "0.3.2"
   },