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

package/menu/menu-item.d.ts

@@ -1,5 +1,5 @@
-import type { ItemProps } from '@zag-js/menu';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ItemProps } from '@zag-js/menu';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseMenuReturn } from './use-menu';

package/menu/menu-option-item.d.ts

@@ -1,5 +1,5 @@
-import type { ItemProps, type connect } from '@zag-js/menu';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ItemProps, type connect } from '@zag-js/menu';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 export type MenuOptionItemState = {

package/menu/menu-positioner.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuPositionerProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const MenuPositioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/menu/menu-separator.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuSeparatorProps = ComponentPropsWithoutRef<typeof ark.hr>;
 export declare const MenuSeparator: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {

package/menu/menu-trigger-item.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuTriggerItemProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const MenuTriggerItem: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/menu/menu-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type MenuTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const MenuTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/menu/menu.cjs

@@ -23,7 +23,10 @@ const Menu = (props) => {
     "ids",
     "loop",
     "onClose",
+    "onFocusOutside",
+    "onInteractOutside",
     "onOpen",
+    "onPointerDownOutside",
     "onSelect",
     "onValueChange",
     "positioning",

package/menu/menu.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type ReactNode } from 'react';
 import { type Assign } from '../types';
 import { type UseMenuProps } from './use-menu';

package/menu/menu.mjs

@@ -19,7 +19,10 @@ const Menu = (props) => {
     "ids",
     "loop",
     "onClose",
+    "onFocusOutside",
+    "onInteractOutside",
     "onOpen",
+    "onPointerDownOutside",
     "onSelect",
     "onValueChange",
     "positioning",

package/menu/menu.stories.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Menu } from '.';
+type MenuType = typeof Menu;
+declare const meta: Meta<MenuType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const Group: () => JSX.Element;
+export declare const Options: () => JSX.Element;
+export declare const SubMenu: () => JSX.Element;
+export declare const ComplexSubMenu: () => JSX.Element;

package/menu/menu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/menu/use-menu.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const menu = require('@zag-js/menu');
 const react$1 = require('@zag-js/react');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/menu/use-menu.mjs

@@ -2,6 +2,7 @@
 import * as menu from '@zag-js/menu';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useMenu = (props) => {

package/number-input/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const numberInput = require('./number-input.cjs');
+const numberInput$1 = require('./number-input.cjs');
 const numberInputContext = require('./number-input-context.cjs');
 const numberInputControl = require('./number-input-control.cjs');
 const numberInputDecrementTrigger = require('./number-input-decrement-trigger.cjs');
@@ -10,11 +10,18 @@ const numberInputField = require('./number-input-field.cjs');
 const numberInputIncrementTrigger = require('./number-input-increment-trigger.cjs');
 const numberInputLabel = require('./number-input-label.cjs');
 const numberInputScrubber = require('./number-input-scrubber.cjs');
-const numberInput$1 = require('@zag-js/number-input');
-
+const numberInput = require('@zag-js/number-input');
 
+const NumberInput = Object.assign(numberInput$1.NumberInput, {
+  Root: numberInput$1.NumberInput,
+  Control: numberInputControl.NumberInputControl,
+  DecrementTrigger: numberInputDecrementTrigger.NumberInputDecrementTrigger,
+  Field: numberInputField.NumberInputField,
+  IncrementTrigger: numberInputIncrementTrigger.NumberInputIncrementTrigger,
+  Label: numberInputLabel.NumberInputLabel,
+  Scrubber: numberInputScrubber.NumberInputScrubber
+});
 
-exports.NumberInput = numberInput.NumberInput;
 exports.useNumberInputContext = numberInputContext.useNumberInputContext;
 exports.NumberInputControl = numberInputControl.NumberInputControl;
 exports.NumberInputDecrementTrigger = numberInputDecrementTrigger.NumberInputDecrementTrigger;
@@ -24,5 +31,6 @@ exports.NumberInputLabel = numberInputLabel.NumberInputLabel;
 exports.NumberInputScrubber = numberInputScrubber.NumberInputScrubber;
 Object.defineProperty(exports, 'numberInputAnatomy', {
   enumerable: true,
-  get: () => numberInput$1.anatomy
+  get: () => numberInput.anatomy
 });
+exports.NumberInput = NumberInput;

package/number-input/index.d.ts

@@ -1,9 +1,59 @@
-export { NumberInput, type NumberInputProps } from './number-input';
-export { useNumberInputContext } from './number-input-context';
-export { NumberInputControl, type NumberInputControlProps } from './number-input-control';
-export { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps, } from './number-input-decrement-trigger';
-export { NumberInputField, type NumberInputFieldProps } from './number-input-field';
-export { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps, } from './number-input-increment-trigger';
-export { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
-export { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
-export { numberInputAnatomy } from './number-input.anatomy';
+import { Context } from '@zag-js/number-input';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
+/// <reference types="react" />
+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 { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
+import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
+import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
+import { numberInputAnatomy } from './number-input.anatomy';
+declare const NumberInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "pattern" | "id" | "ids" | "disabled" | "max" | "min" | "format" | "onFocus" | "onBlur" | "onChange" | "onInvalid" | "defaultValue" | "dir" | "inputMode" | "readOnly" | "step" | "invalid" | "translations" | "parse" | "allowMouseWheel" | "allowOverflow" | "validateCharacter" | "clampValueOnBlur" | "focusInputOnChange" | "minFractionDigits" | "maxFractionDigits" | "spinOnPress"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    defaultValue?: string | undefined;
+} & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "name" | "value" | "getRootNode" | "form" | "pattern" | "id" | "ids" | "disabled" | "max" | "min" | "format" | "onFocus" | "onBlur" | "onChange" | "onInvalid" | "defaultValue" | "dir" | "inputMode" | "readOnly" | "step" | "invalid" | "translations" | "parse" | "allowMouseWheel" | "allowOverflow" | "validateCharacter" | "clampValueOnBlur" | "focusInputOnChange" | "minFractionDigits" | "maxFractionDigits" | "spinOnPress"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+        defaultValue?: string | undefined;
+    } & RefAttributes<HTMLDivElement>>;
+    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    DecrementTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Field: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLInputElement>>;
+    IncrementTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Scrubber: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        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, };

package/number-input/index.mjs

@@ -1,9 +1,21 @@
-export { NumberInput } from './number-input.mjs';
+import { NumberInput as NumberInput$1 } from './number-input.mjs';
 export { useNumberInputContext } from './number-input-context.mjs';
-export { NumberInputControl } from './number-input-control.mjs';
-export { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
-export { NumberInputField } from './number-input-field.mjs';
-export { NumberInputIncrementTrigger } from './number-input-increment-trigger.mjs';
-export { NumberInputLabel } from './number-input-label.mjs';
-export { NumberInputScrubber } from './number-input-scrubber.mjs';
+import { NumberInputControl } from './number-input-control.mjs';
+import { NumberInputDecrementTrigger } from './number-input-decrement-trigger.mjs';
+import { NumberInputField } 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';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
+
+const NumberInput = Object.assign(NumberInput$1, {
+  Root: NumberInput$1,
+  Control: NumberInputControl,
+  DecrementTrigger: NumberInputDecrementTrigger,
+  Field: NumberInputField,
+  IncrementTrigger: NumberInputIncrementTrigger,
+  Label: NumberInputLabel,
+  Scrubber: NumberInputScrubber
+});
+
+export { NumberInput, NumberInputControl, NumberInputDecrementTrigger, NumberInputField, NumberInputIncrementTrigger, NumberInputLabel, NumberInputScrubber };

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

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/number-input';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/number-input';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseNumberInputReturn } from './use-number-input';
 export type NumberInputContext = UseNumberInputReturn;
 export declare const NumberInputProvider: Provider<PublicApi<JSX.IntrinsicElements & {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type NumberInputControlProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const NumberInputControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/number-input/number-input-decrement-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type NumberInputDecrementTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const NumberInputDecrementTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, InputHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+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"> & {

package/number-input/number-input-increment-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type NumberInputIncrementTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const NumberInputIncrementTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type NumberInputLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
 export declare const NumberInputLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type NumberInputScrubberProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const NumberInputScrubber: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

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

@@ -1,5 +1,5 @@
-import type { Context } from '@zag-js/number-input';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { Context } from '@zag-js/number-input';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UseNumberInputProps } from './use-number-input';
@@ -8,6 +8,6 @@ export declare const NumberInput: ForwardRefExoticComponent<Omit<Omit<Omit<Detai
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "name" | "value" | "form" | "pattern" | "id" | "max" | "min" | "format" | "onFocus" | "onBlur" | "onChange" | "onInvalid" | "defaultValue" | "dir" | "inputMode" | "disabled" | "readOnly" | "step" | "getRootNode" | "ids" | "invalid" | "translations" | "parse" | "allowMouseWheel" | "allowOverflow" | "validateCharacter" | "clampValueOnBlur" | "focusInputOnChange" | "minFractionDigits" | "maxFractionDigits" | "spinOnPress"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "name" | "value" | "getRootNode" | "form" | "pattern" | "id" | "ids" | "disabled" | "max" | "min" | "format" | "onFocus" | "onBlur" | "onChange" | "onInvalid" | "defaultValue" | "dir" | "inputMode" | "readOnly" | "step" | "invalid" | "translations" | "parse" | "allowMouseWheel" | "allowOverflow" | "validateCharacter" | "clampValueOnBlur" | "focusInputOnChange" | "minFractionDigits" | "maxFractionDigits" | "spinOnPress"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultValue?: string | undefined;
 } & RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1 @@
+export {};

package/number-input/use-number-input.cjs

@@ -7,6 +7,7 @@ const numberInput = require('@zag-js/number-input');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const reactDom = require('react-dom');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

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

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as numberInput from '@zag-js/number-input';
 import { type Optional } from '../types';
 export type UseNumberInputProps = Optional<numberInput.Context, 'id'> & {

package/number-input/use-number-input.mjs

@@ -3,6 +3,7 @@ import * as numberInput from '@zag-js/number-input';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId, useCallback } from 'react';
 import { flushSync } from 'react-dom';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useNumberInput = (props) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/react",
-  "version": "0.10.0",
+  "version": "0.11.0-beta.1",
   "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -60,47 +60,47 @@
     "release-it": "release-it --config ../../release-it.json"
   },
   "dependencies": {
-    "@zag-js/accordion": "0.13.0",
-    "@zag-js/anatomy": "0.13.0",
-    "@zag-js/avatar": "0.13.0",
-    "@zag-js/carousel": "0.13.0",
-    "@zag-js/checkbox": "0.13.0",
-    "@zag-js/color-picker": "0.13.0",
-    "@zag-js/color-utils": "0.13.0",
-    "@zag-js/combobox": "0.13.0",
-    "@zag-js/date-picker": "0.13.0",
-    "@zag-js/date-utils": "0.13.0",
-    "@zag-js/dialog": "0.13.0",
-    "@zag-js/editable": "0.13.0",
-    "@zag-js/hover-card": "0.13.0",
-    "@zag-js/menu": "0.13.0",
-    "@zag-js/number-input": "0.13.0",
-    "@zag-js/pagination": "0.13.0",
-    "@zag-js/pin-input": "0.13.0",
-    "@zag-js/popover": "0.13.0",
-    "@zag-js/presence": "0.13.0",
-    "@zag-js/pressable": "0.13.0",
-    "@zag-js/radio-group": "0.13.0",
-    "@zag-js/range-slider": "0.13.0",
-    "@zag-js/rating-group": "0.13.0",
-    "@zag-js/react": "0.13.0",
-    "@zag-js/select": "0.13.0",
-    "@zag-js/slider": "0.13.0",
-    "@zag-js/splitter": "0.13.0",
-    "@zag-js/switch": "0.13.0",
-    "@zag-js/tabs": "0.13.0",
-    "@zag-js/tags-input": "0.13.0",
-    "@zag-js/toast": "0.13.0",
-    "@zag-js/tooltip": "0.13.0",
-    "@zag-js/types": "0.13.0"
+    "@zag-js/accordion": "0.0.0-dev-20230808052336",
+    "@zag-js/anatomy": "0.0.0-dev-20230808052336",
+    "@zag-js/avatar": "0.0.0-dev-20230808052336",
+    "@zag-js/carousel": "0.0.0-dev-20230808052336",
+    "@zag-js/checkbox": "0.0.0-dev-20230808052336",
+    "@zag-js/color-picker": "0.0.0-dev-20230808052336",
+    "@zag-js/color-utils": "0.0.0-dev-20230808052336",
+    "@zag-js/combobox": "0.0.0-dev-20230808052336",
+    "@zag-js/date-picker": "0.0.0-dev-20230808052336",
+    "@zag-js/date-utils": "0.0.0-dev-20230808052336",
+    "@zag-js/dialog": "0.0.0-dev-20230808052336",
+    "@zag-js/editable": "0.0.0-dev-20230808052336",
+    "@zag-js/hover-card": "0.0.0-dev-20230808052336",
+    "@zag-js/menu": "0.0.0-dev-20230808052336",
+    "@zag-js/number-input": "0.0.0-dev-20230808052336",
+    "@zag-js/pagination": "0.0.0-dev-20230808052336",
+    "@zag-js/pin-input": "0.0.0-dev-20230808052336",
+    "@zag-js/popover": "0.0.0-dev-20230808052336",
+    "@zag-js/presence": "0.0.0-dev-20230808052336",
+    "@zag-js/pressable": "0.0.0-dev-20230808052336",
+    "@zag-js/radio-group": "0.0.0-dev-20230808052336",
+    "@zag-js/range-slider": "0.0.0-dev-20230808052336",
+    "@zag-js/rating-group": "0.0.0-dev-20230808052336",
+    "@zag-js/react": "0.0.0-dev-20230808052336",
+    "@zag-js/select": "0.0.0-dev-20230808052336",
+    "@zag-js/slider": "0.0.0-dev-20230808052336",
+    "@zag-js/splitter": "0.0.0-dev-20230808052336",
+    "@zag-js/switch": "0.0.0-dev-20230808052336",
+    "@zag-js/tabs": "0.0.0-dev-20230808052336",
+    "@zag-js/tags-input": "0.0.0-dev-20230808052336",
+    "@zag-js/toast": "0.0.0-dev-20230808052336",
+    "@zag-js/tooltip": "0.0.0-dev-20230808052336",
+    "@zag-js/types": "0.0.0-dev-20230808052336"
   },
   "devDependencies": {
     "@release-it/keep-a-changelog": "4.0.0",
-    "@storybook/addon-a11y": "7.2.0",
-    "@storybook/addon-essentials": "7.2.0",
-    "@storybook/addons": "7.2.0",
-    "@storybook/react": "7.2.0",
-    "@storybook/react-vite": "7.2.0",
+    "@storybook/addon-a11y": "7.2.1",
+    "@storybook/addon-essentials": "7.2.1",
+    "@storybook/addons": "7.2.1",
+    "@storybook/react": "7.2.1",
+    "@storybook/react-vite": "7.2.1",
     "@testing-library/dom": "9.3.1",
     "@testing-library/jest-dom": "5.17.0",
     "@testing-library/react": "14.0.0",
@@ -123,10 +123,10 @@
     "react-frame-component": "5.2.6",
     "release-it": "16.1.3",
     "resize-observer-polyfill": "1.5.1",
-    "storybook": "7.2.0",
+    "storybook": "7.2.1",
     "typescript": "5.1.6",
-    "vite": "4.4.8",
-    "vite-plugin-dts": "2.3.0",
+    "vite": "4.4.9",
+    "vite-plugin-dts": "3.5.1",
     "vitest": "0.34.1"
   },
   "peerDependencies": {

package/pagination/index.cjs

@@ -12,9 +12,16 @@ const paginationPageTrigger = require('./pagination-page-trigger.cjs');
 const paginationPrevPageTrigger = require('./pagination-prev-page-trigger.cjs');
 const pagination_anatomy = require('./pagination.anatomy.cjs');
 
+const Pagination = Object.assign(pagination.Pagination, {
+  Root: pagination.Pagination,
+  Ellipsis: paginationEllipsis.PaginationEllipsis,
+  List: paginationList.PaginationList,
+  ListItem: paginationListItem.PaginationListItem,
+  NextPageTrigger: paginationNextPageTrigger.PaginationNextPageTrigger,
+  PageTrigger: paginationPageTrigger.PaginationPageTrigger,
+  PrevPageTrigger: paginationPrevPageTrigger.PaginationPrevPageTrigger
+});
 
-
-exports.Pagination = pagination.Pagination;
 exports.usePaginationContext = paginationContext.usePaginationContext;
 exports.PaginationEllipsis = paginationEllipsis.PaginationEllipsis;
 exports.PaginationList = paginationList.PaginationList;
@@ -23,3 +30,4 @@ exports.PaginationNextPageTrigger = paginationNextPageTrigger.PaginationNextPage
 exports.PaginationPageTrigger = paginationPageTrigger.PaginationPageTrigger;
 exports.PaginationPrevPageTrigger = paginationPrevPageTrigger.PaginationPrevPageTrigger;
 exports.paginationAnatomy = pagination_anatomy.paginationAnatomy;
+exports.Pagination = Pagination;

package/pagination/index.d.ts

@@ -1,9 +1,67 @@
-export { Pagination, type PaginationProps } from './pagination';
-export { usePaginationContext } from './pagination-context';
-export { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
-export { PaginationList, type PaginationListProps } from './pagination-list';
-export { PaginationListItem, type PaginationListItemProps } from './pagination-list-item';
-export { PaginationNextPageTrigger, type PaginationNextPageTriggerProps, } from './pagination-next-page-trigger';
-export { PaginationPageTrigger, type PaginationPageTriggerProps } from './pagination-page-trigger';
-export { PaginationPrevPageTrigger, type PaginationPrevPageTriggerProps, } from './pagination-prev-page-trigger';
-export { paginationAnatomy } from './pagination.anatomy';
+import { PublicApi, EllipsisProps, PageTriggerProps } from '@zag-js/pagination';
+import { UsePaginationProps } from './use-pagination';
+import { Assign } from '../types';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, CSSProperties, RefAttributes, LiHTMLAttributes, ButtonHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { type PaginationProps } from './pagination';
+import { usePaginationContext } from './pagination-context';
+import { PaginationEllipsis, type PaginationEllipsisProps } from './pagination-ellipsis';
+import { PaginationList, type PaginationListProps } from './pagination-list';
+import { PaginationListItem, type PaginationListItemProps } from './pagination-list-item';
+import { PaginationNextPageTrigger, type PaginationNextPageTriggerProps } from './pagination-next-page-trigger';
+import { PaginationPageTrigger, type PaginationPageTriggerProps } from './pagination-page-trigger';
+import { PaginationPrevPageTrigger, type PaginationPrevPageTriggerProps } from './pagination-prev-page-trigger';
+import { paginationAnatomy } from './pagination.anatomy';
+declare const Pagination: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | RefObject<HTMLElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, UsePaginationProps>, "children"> & {
+    children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
+        element: HTMLAttributes<HTMLElement>;
+        style: CSSProperties;
+    }>) => ReactNode);
+} & RefAttributes<HTMLElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+        ref?: ((instance: HTMLElement | null) => void) | RefObject<HTMLElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, UsePaginationProps>, "children"> & {
+        children: ReactNode | ((pages: PublicApi<JSX.IntrinsicElements & {
+            element: HTMLAttributes<HTMLElement>;
+            style: CSSProperties;
+        }>) => ReactNode);
+    } & RefAttributes<HTMLElement>>;
+    Ellipsis: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "index"> & EllipsisProps & RefAttributes<HTMLDivElement>>;
+    List: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+        ref?: ((instance: HTMLUListElement | null) => void) | RefObject<HTMLUListElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLUListElement>>;
+    ListItem: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+        ref?: ((instance: HTMLLIElement | null) => void) | RefObject<HTMLLIElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLIElement>>;
+    NextPageTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    PageTrigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof PageTriggerProps> & PageTriggerProps & RefAttributes<HTMLButtonElement>>;
+    PrevPageTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+};
+export { Pagination, PaginationEllipsis, PaginationList, PaginationListItem, PaginationNextPageTrigger, PaginationPageTrigger, PaginationPrevPageTrigger, paginationAnatomy, usePaginationContext, };
+export type { PaginationEllipsisProps, PaginationListItemProps, PaginationListProps, PaginationNextPageTriggerProps, PaginationPageTriggerProps, PaginationPrevPageTriggerProps, PaginationProps, };