@zag-js/pin-input 0.2.1 → 0.2.3

package/dist/index.d.ts

@@ -16,6 +16,10 @@ declare type PublicContext = DirectionProperty & CommonProperties & {
      * The name of the input element. Useful for form submission.
      */
     name?: string;
+    /**
+     * The associate form of the underlying input element.
+     */
+    form?: string;
     /**
      * The regular expression that the user-entered input value is checked against.
      */

package/dist/index.js

@@ -235,6 +235,7 @@ function connect(state, send, normalize) {
       tabIndex: -1,
       id: dom.getHiddenInputId(state.context),
       name: state.context.name,
+      form: state.context.form,
       style: visuallyHiddenStyle,
       maxLength: state.context.valueLength,
       defaultValue: state.context.valueAsString
@@ -324,7 +325,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 : {};
 }
@@ -626,9 +627,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

@@ -208,6 +208,7 @@ function connect(state, send, normalize) {
       tabIndex: -1,
       id: dom.getHiddenInputId(state.context),
       name: state.context.name,
+      form: state.context.form,
       style: visuallyHiddenStyle,
       maxLength: state.context.valueLength,
       defaultValue: state.context.valueAsString
@@ -297,7 +298,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 : {};
 }
@@ -599,9 +600,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.1",
+  "version": "0.2.3",
   "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.1",
-    "@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.3.0"
+    "@zag-js/dom-utils": "0.2.1",
+    "@zag-js/form-utils": "0.2.2",
+    "@zag-js/utils": "0.3.1"
   },
   "scripts": {
     "build-fast": "tsup src/index.ts --format=esm,cjs",