@zag-js/pin-input 0.36.3 → 0.37.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
 import { StateMachine } from '@zag-js/core';
 
@@ -126,7 +126,8 @@ type ComputedContext = Readonly<{
      */
     focusedValue: string;
 }>;
-type PrivateContext = Context<{}>;
+interface PrivateContext {
+}
 interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
 }
 interface MachineState {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, Context, NormalizeProps } from '@zag-js/types';
+import { RequiredBy, PropTypes, DirectionProperty, CommonProperties, NormalizeProps } from '@zag-js/types';
 import * as _zag_js_core from '@zag-js/core';
 import { StateMachine } from '@zag-js/core';
 
@@ -126,7 +126,8 @@ type ComputedContext = Readonly<{
      */
     focusedValue: string;
 }>;
-type PrivateContext = Context<{}>;
+interface PrivateContext {
+}
 interface MachineContext extends PublicContext, PrivateContext, ComputedContext {
 }
 interface MachineState {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/pin-input",
-  "version": "0.36.3",
+  "version": "0.37.0",
   "description": "Core logic for the pin-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -27,14 +27,14 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/anatomy": "0.36.3",
-    "@zag-js/dom-query": "0.36.3",
-    "@zag-js/dom-event": "0.36.3",
-    "@zag-js/form-utils": "0.36.3",
-    "@zag-js/visually-hidden": "0.36.3",
-    "@zag-js/utils": "0.36.3",
-    "@zag-js/core": "0.36.3",
-    "@zag-js/types": "0.36.3"
+    "@zag-js/anatomy": "0.37.0",
+    "@zag-js/dom-query": "0.37.0",
+    "@zag-js/dom-event": "0.37.0",
+    "@zag-js/form-utils": "0.37.0",
+    "@zag-js/visually-hidden": "0.37.0",
+    "@zag-js/utils": "0.37.0",
+    "@zag-js/core": "0.37.0",
+    "@zag-js/types": "0.37.0"
   },
   "devDependencies": {
     "clean-package": "2.2.0"

package/src/pin-input.props.ts

@@ -0,0 +1,26 @@
+import { createProps } from "@zag-js/types"
+import type { UserDefinedContext } from "./pin-input.types"
+
+export const props = createProps<UserDefinedContext>()([
+  "autoFocus",
+  "blurOnComplete",
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "mask",
+  "name",
+  "onValueChange",
+  "onValueComplete",
+  "onValueInvalid",
+  "otp",
+  "pattern",
+  "placeholder",
+  "selectOnFocus",
+  "translations",
+  "type",
+  "value",
+])

package/src/pin-input.types.ts

@@ -1,5 +1,5 @@
 import type { StateMachine as S } from "@zag-js/core"
-import type { CommonProperties, Context, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
+import type { CommonProperties, DirectionProperty, PropTypes, RequiredBy } from "@zag-js/types"
 
 /* -----------------------------------------------------------------------------
  * Callback details
@@ -137,13 +137,13 @@ type ComputedContext = Readonly<{
   focusedValue: string
 }>
 
-type PrivateContext = Context<{
+interface PrivateContext {
   /**
    * @internal
    * The index of the input field that has focus
    */
   focusedIndex: number
-}>
+}
 
 export interface MachineContext extends PublicContext, PrivateContext, ComputedContext {}