@ark-ui/react 0.11.0-beta.1 → 0.11.0-beta.2

package/CHANGELOG.md

@@ -6,6 +6,13 @@ description: All notable changes to this project will be documented in this file
 
 ## [Unreleased]
 
+## [0.11.0-beta.2] - 2023-08-08
+
+### Changed
+
+- BREAKING: Renamed `NumberInputField` to `NumberInputInput` to match the naming convention of other input components.
+- BREAKING: Renamed `PinInputField` to `PinInputInput` to match the naming convention of other input components.
+
 ## [0.11.0-beta.1] - 2023-08-08
 
 - Add support for dot noation imports
@@ -160,7 +167,7 @@ description: All notable changes to this project will be documented in this file
 - Add `Toast`
 - Add `Tooltip`
 
-[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.11.0-beta.1...HEAD
+[unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/react@0.11.0-beta.2...HEAD
 [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.1.0
 [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.2.0
 [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.3.0
@@ -176,5 +183,6 @@ description: All notable changes to this project will be documented in this file
 [0.9.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.9.0
 [0.10.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.10.0
 [0.11.0-beta.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0-beta.0
-
 [0.11.0-beta.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0-beta.1
+
+[0.11.0-beta.2]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/react@0.11.0-beta.2

package/index.cjs

@@ -155,8 +155,8 @@ const menu = require('@zag-js/menu');
 const menuContext = require('./menu/menu-context.cjs');
 const numberInputControl = require('./number-input/number-input-control.cjs');
 const numberInputDecrementTrigger = require('./number-input/number-input-decrement-trigger.cjs');
-const numberInputField = require('./number-input/number-input-field.cjs');
 const numberInputIncrementTrigger = require('./number-input/number-input-increment-trigger.cjs');
+const numberInputField = require('./number-input/number-input-field.cjs');
 const numberInputLabel = require('./number-input/number-input-label.cjs');
 const numberInputScrubber = require('./number-input/number-input-scrubber.cjs');
 const numberInput = require('@zag-js/number-input');
@@ -466,8 +466,8 @@ Object.defineProperty(exports, 'menuAnatomy', {
 exports.useMenuContext = menuContext.useMenuContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
-exports.NumberInputField = numberInputField.NumberInputField;
 exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
+exports.NumberInputInput = numberInputField.NumberInputInput;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
 Object.defineProperty(exports, 'numberInputAnatomy', {
@@ -484,7 +484,7 @@ exports.PaginationPrevPageTrigger = paginationPrevPageTrigger.PaginationPrevPage
 exports.paginationAnatomy = pagination_anatomy.paginationAnatomy;
 exports.usePaginationContext = paginationContext.usePaginationContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
-exports.PinInputField = pinInputField.PinInputField;
+exports.PinInputInput = pinInputField.PinInputInput;
 exports.PinInputLabel = pinInputLabel.PinInputLabel;
 Object.defineProperty(exports, 'pinInputAnatomy', {
 	enumerable: true,

package/index.mjs

@@ -151,8 +151,8 @@ export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { useMenuContext } from './menu/menu-context.mjs';
 export { NumberInputControl } from './number-input/number-input-control.mjs';
 export { NumberInputDecrementTrigger } from './number-input/number-input-decrement-trigger.mjs';
-export { NumberInputField } from './number-input/number-input-field.mjs';
 export { NumberInputIncrementTrigger } from './number-input/number-input-increment-trigger.mjs';
+export { NumberInputInput } from './number-input/number-input-field.mjs';
 export { NumberInputLabel } from './number-input/number-input-label.mjs';
 export { NumberInputScrubber } from './number-input/number-input-scrubber.mjs';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
@@ -166,7 +166,7 @@ export { PaginationPrevPageTrigger } from './pagination/pagination-prev-page-tri
 export { paginationAnatomy } from './pagination/pagination.anatomy.mjs';
 export { usePaginationContext } from './pagination/pagination-context.mjs';
 export { PinInputControl } from './pin-input/pin-input-control.mjs';
-export { PinInputField } from './pin-input/pin-input-field.mjs';
+export { PinInputInput } from './pin-input/pin-input-field.mjs';
 export { PinInputLabel } from './pin-input/pin-input-label.mjs';
 export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
 export { usePinInputContext } from './pin-input/pin-input-context.mjs';

package/number-input/index.cjs

@@ -16,7 +16,7 @@ const NumberInput = Object.assign(numberInput$1.NumberInput, {
   Root: numberInput$1.NumberInput,
   Control: numberInputControl.NumberInputControl,
   DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
-  Field: numberInputField.NumberInputField,
+  Input: numberInputField.NumberInputInput,
   IncrementTrigger: numberInputIncrementTrigger.NumberInputIncrementTrigger,
   Label: numberInputLabel.NumberInputLabel,
   Scrubber: numberInputScrubber.NumberInputScrubber
@@ -25,7 +25,7 @@ const NumberInput = Object.assign(numberInput$1.NumberInput, {
 exports.useNumberInputContext = numberInputContext.useNumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
-exports.NumberInputField = numberInputField.NumberInputField;
+exports.NumberInputInput = numberInputField.NumberInputInput;
 exports.NumberInputIncrementTrigger = numberInputIncrementTrigger.NumberInputIncrementTrigger;
 exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;

package/number-input/index.d.ts

@@ -5,7 +5,7 @@ import { type NumberInputProps } from './number-input';
 import { useNumberInputContext } from './number-input-context';
 import { NumberInputControl, type NumberInputControlProps } from './number-input-control';
 import { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps } from './number-input-decrement-trigger';
-import { NumberInputField, type NumberInputFieldProps } from './number-input-field';
+import { NumberInputInput, type NumberInputInputProps } from './number-input-field';
 import { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
 import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
 import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
@@ -34,7 +34,7 @@ declare const NumberInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
     } & {
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLButtonElement>>;
-    Field: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    Input: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
@@ -55,5 +55,5 @@ declare const NumberInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTML
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLDivElement>>;
 };
-export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputField, NumberInputIncrementTrigger, NumberInputLabel, NumberInputScrubber, numberInputAnatomy, useNumberInputContext, };
-export type { NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputFieldProps, NumberInputIncrementTriggerProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, };
+export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber, numberInputAnatomy, useNumberInputContext, };
+export type { NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputProps, NumberInputScrubberProps, };

package/number-input/index.mjs

@@ -2,7 +2,7 @@ import { NumberInput as NumberInput$1 } from './number-input.mjs';
 export { useNumberInputContext } from './number-input-context.mjs';
 import { NumberInputControl } from './number-input-control.mjs';
 import { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
-import { NumberInputField } from './number-input-field.mjs';
+import { NumberInputInput } from './number-input-field.mjs';
 import { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
 import { NumberInputLabel } from './number-input-label.mjs';
 import { NumberInputScrubber } from './number-input-scrubber.mjs';
@@ -12,10 +12,10 @@ const NumberInput = Object.assign(NumberInput$1, {
   Root: NumberInput$1,
   Control: NumberInputControl,
   DecrementTrigger: NumberInputDecrementTrigger,
-  Field: NumberInputField,
+  Input: NumberInputInput,
   IncrementTrigger: NumberInputIncrementTrigger,
   Label: NumberInputLabel,
   Scrubber: NumberInputScrubber
 });
 
-export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputField, NumberInputIncrementTrigger, NumberInputLabel, NumberInputScrubber };
+export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputScrubber };

package/number-input/number-input-field.cjs

@@ -9,13 +9,13 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 
-const NumberInputField = react.forwardRef(
+const NumberInputInput = react.forwardRef(
   (props, ref) => {
     const { inputProps } = numberInputContext.useNumberInputContext();
     const mergedProps = react$1.mergeProps(inputProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
   }
 );
-NumberInputField.displayName = "NumberInputField";
+NumberInputInput.displayName = "NumberInputInput";
 
-exports.NumberInputField = NumberInputField;
+exports.NumberInputInput = NumberInputInput;

package/number-input/number-input-field.d.ts

@@ -1,7 +1,7 @@
 import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
-export type NumberInputFieldProps = ComponentPropsWithoutRef<typeof ark.input>;
-export declare const NumberInputField: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+export type NumberInputInputProps = ComponentPropsWithoutRef<typeof ark.input>;
+export declare const NumberInputInput: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;

package/number-input/number-input-field.mjs

@@ -5,13 +5,13 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
 import { useNumberInputContext } from './number-input-context.mjs';
 
-const NumberInputField = forwardRef(
+const NumberInputInput = forwardRef(
   (props, ref) => {
     const { inputProps } = useNumberInputContext();
     const mergedProps = mergeProps(inputProps, props);
     return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
   }
 );
-NumberInputField.displayName = "NumberInputField";
+NumberInputInput.displayName = "NumberInputInput";
 
-export { NumberInputField };
+export { NumberInputInput };

package/number-input/number-input.stories.d.ts

@@ -1,7 +1,7 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
 import { NumberInput } from './';
-type NumberInputType = typeof NumberInput;
+type NumberInputType = typeof NumberInput.Root;
 declare const meta: Meta<NumberInputType>;
 export default meta;
 export declare const Basic: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.11.0-beta.1",
+  "version": "0.11.0-beta.2",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",

package/pin-input/index.cjs

@@ -12,13 +12,13 @@ const pinInput = require('@zag-js/pin-input');
 const PinInput = Object.assign(pinInput$1.PinInput, {
   Root: pinInput$1.PinInput,
   Control: pinInputControl.PinInputControl,
-  Field: pinInputField.PinInputField,
+  Input: pinInputField.PinInputInput,
   Label: pinInputLabel.PinInputLabel
 });
 
 exports.usePinInputContext = pinInputContext.usePinInputContext;
 exports.PinInputControl = pinInputControl.PinInputControl;
-exports.PinInputField = pinInputField.PinInputField;
+exports.PinInputInput = pinInputField.PinInputInput;
 exports.PinInputLabel = pinInputLabel.PinInputLabel;
 Object.defineProperty(exports, 'pinInputAnatomy', {
   enumerable: true,

package/pin-input/index.d.ts

@@ -4,7 +4,7 @@ import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject
 import { type PinInputProps } from './pin-input';
 import { usePinInputContext } from './pin-input-context';
 import { PinInputControl, type PinInputControlProps } from './pin-input-control';
-import { PinInputField, type PinInputFieldProps } from './pin-input-field';
+import { PinInputInput, type PinInputInputProps } from './pin-input-field';
 import { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
 import { pinInputAnatomy } from './pin-input.anatomy';
 declare const PinInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
@@ -26,7 +26,7 @@ declare const PinInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
     } & {
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLDivElement>>;
-    Field: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    Input: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
     } & {
         asChild?: boolean | undefined;
@@ -39,5 +39,5 @@ declare const PinInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLPro
         asChild?: boolean | undefined;
     }, "ref"> & RefAttributes<HTMLLabelElement>>;
 };
-export { PinInput, PinInputControl, PinInputField, PinInputLabel, pinInputAnatomy, usePinInputContext, };
-export type { PinInputControlProps, PinInputFieldProps, PinInputLabelProps, PinInputProps };
+export { PinInput, PinInputControl, PinInputInput, PinInputLabel, pinInputAnatomy, usePinInputContext, };
+export type { PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputProps };

package/pin-input/index.mjs

@@ -1,15 +1,15 @@
 import { PinInput as PinInput$1 } from './pin-input.mjs';
 export { usePinInputContext } from './pin-input-context.mjs';
 import { PinInputControl } from './pin-input-control.mjs';
-import { PinInputField } from './pin-input-field.mjs';
+import { PinInputInput } from './pin-input-field.mjs';
 import { PinInputLabel } from './pin-input-label.mjs';
 export { anatomy as pinInputAnatomy } from '@zag-js/pin-input';
 
 const PinInput = Object.assign(PinInput$1, {
   Root: PinInput$1,
   Control: PinInputControl,
-  Field: PinInputField,
+  Input: PinInputInput,
   Label: PinInputLabel
 });
 
-export { PinInput, PinInputControl, PinInputField, PinInputLabel };
+export { PinInput, PinInputControl, PinInputInput, PinInputLabel };

package/pin-input/pin-input-field.cjs

@@ -9,12 +9,12 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 
-const PinInputField = react.forwardRef((props, ref) => {
+const PinInputInput = react.forwardRef((props, ref) => {
   const { index, ...inputProps } = props;
   const { getInputProps } = pinInputContext.usePinInputContext();
   const mergedProps = react$1.mergeProps(getInputProps({ index }), inputProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
-PinInputField.displayName = "PinInputField";
+PinInputInput.displayName = "PinInputInput";
 
-exports.PinInputField = PinInputField;
+exports.PinInputInput = PinInputInput;

package/pin-input/pin-input-field.d.ts

@@ -1,10 +1,10 @@
 import { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
-export type PinInputFieldProps = Assign<ComponentPropsWithoutRef<typeof ark.input>, {
+export type PinInputInputProps = Assign<ComponentPropsWithoutRef<typeof ark.input>, {
     index: number;
 }>;
-export declare const PinInputField: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+export declare const PinInputInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;

package/pin-input/pin-input-field.mjs

@@ -5,12 +5,12 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
 import { usePinInputContext } from './pin-input-context.mjs';
 
-const PinInputField = forwardRef((props, ref) => {
+const PinInputInput = forwardRef((props, ref) => {
   const { index, ...inputProps } = props;
   const { getInputProps } = usePinInputContext();
   const mergedProps = mergeProps(getInputProps({ index }), inputProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
-PinInputField.displayName = "PinInputField";
+PinInputInput.displayName = "PinInputInput";
 
-export { PinInputField };
+export { PinInputInput };