@zag-js/pin-input 0.2.0 → 0.2.2

package/dist/index.d.ts

@@ -142,6 +142,6 @@ declare function connect<T extends PropTypes>(state: State, send: Send, normaliz
     }): T["input"];
 };
 
-declare function machine(ctx: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
+declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
 
 export { UserDefinedContext as Context, connect, machine };

package/dist/index.js

@@ -136,6 +136,15 @@ var visuallyHiddenStyle = {
 };
 
 // ../../utilities/core/dist/index.mjs
+var isArray = (v) => Array.isArray(v);
+var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
+function compact(obj) {
+  if (obj === void 0)
+    return obj;
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject(value) ? compact(value) : value])
+  );
+}
 function invariant(...a) {
   const m = a.length === 1 ? a[0] : a[1];
   const c = a.length === 2 ? a[0] : true;
@@ -315,7 +324,7 @@ function getWindow(el) {
 }
 function getDescriptor(el, options) {
   var _a;
-  const { type, property } = options;
+  const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
   return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
 }
@@ -334,7 +343,8 @@ function dispatchInputValueEvent(el, value) {
 
 // src/pin-input.machine.ts
 var { and, not } = import_core.guards;
-function machine(ctx) {
+function machine(userContext) {
+  const ctx = compact(userContext);
   return (0, import_core.createMachine)(
     {
       id: "pin-input",
@@ -616,9 +626,8 @@ function isValidType(value, type) {
   return !!((_a = REGEX[type]) == null ? void 0 : _a.test(value));
 }
 function assign(ctx, value) {
-  const valueArr = value.split("").filter(Boolean);
+  const valueArr = Array.isArray(value) ? value : value.split("").filter(Boolean);
   const valueObj = Object.assign({}, ctx.value, valueArr);
-  console.log("valueObj :>> ", valueObj);
   ctx.value = Object.values(valueObj);
 }
 function lastChar(value) {

package/dist/index.mjs

@@ -109,6 +109,15 @@ var visuallyHiddenStyle = {
 };
 
 // ../../utilities/core/dist/index.mjs
+var isArray = (v) => Array.isArray(v);
+var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
+function compact(obj) {
+  if (obj === void 0)
+    return obj;
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0).map(([key, value]) => [key, isObject(value) ? compact(value) : value])
+  );
+}
 function invariant(...a) {
   const m = a.length === 1 ? a[0] : a[1];
   const c = a.length === 2 ? a[0] : true;
@@ -288,7 +297,7 @@ function getWindow(el) {
 }
 function getDescriptor(el, options) {
   var _a;
-  const { type, property } = options;
+  const { type, property = "value" } = options;
   const proto = getWindow(el)[type].prototype;
   return (_a = Object.getOwnPropertyDescriptor(proto, property)) != null ? _a : {};
 }
@@ -307,7 +316,8 @@ function dispatchInputValueEvent(el, value) {
 
 // src/pin-input.machine.ts
 var { and, not } = guards;
-function machine(ctx) {
+function machine(userContext) {
+  const ctx = compact(userContext);
   return createMachine(
     {
       id: "pin-input",
@@ -589,9 +599,8 @@ function isValidType(value, type) {
   return !!((_a = REGEX[type]) == null ? void 0 : _a.test(value));
 }
 function assign(ctx, value) {
-  const valueArr = value.split("").filter(Boolean);
+  const valueArr = Array.isArray(value) ? value : value.split("").filter(Boolean);
   const valueObj = Object.assign({}, ctx.value, valueArr);
-  console.log("valueObj :>> ", valueObj);
   ctx.value = Object.values(valueObj);
 }
 function lastChar(value) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/pin-input",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Core logic for the pin-input widget implemented as a state machine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -29,13 +29,13 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.2.0",
-    "@zag-js/types": "0.3.0"
+    "@zag-js/core": "0.2.2",
+    "@zag-js/types": "0.3.1"
   },
   "devDependencies": {
-    "@zag-js/dom-utils": "0.2.0",
-    "@zag-js/form-utils": "0.2.0",
-    "@zag-js/utils": "0.2.0"
+    "@zag-js/dom-utils": "0.2.1",
+    "@zag-js/form-utils": "0.2.1",
+    "@zag-js/utils": "0.3.1"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",