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

package/pagination/pagination-page-trigger.cjs

@@ -4,22 +4,23 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const paginationContext = require('./pagination-context.cjs');
 
-const PaginationPageTrigger = forwardRef.forwardRef(
+const PaginationPageTrigger = react.forwardRef(
   (props, ref) => {
     const [paginationProps, localProps] = createSplitProps.createSplitProps()(props, [
       "type",
       "value"
     ]);
     const { getPageTriggerProps } = paginationContext.usePaginationContext();
-    const mergedProps = react.mergeProps(getPageTriggerProps(paginationProps), localProps);
+    const mergedProps = react$1.mergeProps(getPageTriggerProps(paginationProps), localProps);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
   }
 );
+PaginationPageTrigger.displayName = "PaginationPageTrigger";
 
 exports.PaginationPageTrigger = PaginationPageTrigger;

package/pagination/pagination-page-trigger.d.ts

@@ -1,6 +1,10 @@
-import type { ForwardRefExoticComponent } from 'react';
 import type { PageTriggerProps } from '@zag-js/pagination';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import type { Assign } from '../types';
-export type PaginationPageTriggerProps = Assign<HTMLArkProps<'button'>, PageTriggerProps>;
-export declare const PaginationPageTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, PaginationPageTriggerProps>>;
+export type PaginationPageTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, PageTriggerProps>;
+export declare const PaginationPageTrigger: 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>>;

package/pagination/pagination-page-trigger.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePaginationContext } from './pagination-context.mjs';
 
 const PaginationPageTrigger = forwardRef(
@@ -17,5 +17,6 @@ const PaginationPageTrigger = forwardRef(
     return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
   }
 );
+PaginationPageTrigger.displayName = "PaginationPageTrigger";
 
 export { PaginationPageTrigger };

package/pagination/pagination-prev-page-trigger.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const paginationContext = require('./pagination-context.cjs');
 
-const PaginationPrevPageTrigger = forwardRef.forwardRef((props, ref) => {
+const PaginationPrevPageTrigger = react.forwardRef((props, ref) => {
   const { prevPageTriggerProps } = paginationContext.usePaginationContext();
-  const mergedProps = react.mergeProps(prevPageTriggerProps, props);
+  const mergedProps = react$1.mergeProps(prevPageTriggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+PaginationPrevPageTrigger.displayName = "PaginationPrevPageTrigger";
 
 exports.PaginationPrevPageTrigger = PaginationPrevPageTrigger;

package/pagination/pagination-prev-page-trigger.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type PaginationPrevPageTriggerProps = HTMLArkProps<'button'>;
-export declare const PaginationPrevPageTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PaginationPrevPageTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const PaginationPrevPageTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

package/pagination/pagination-prev-page-trigger.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePaginationContext } from './pagination-context.mjs';
 
 const PaginationPrevPageTrigger = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PaginationPrevPageTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(prevPageTriggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+PaginationPrevPageTrigger.displayName = "PaginationPrevPageTrigger";
 
 export { PaginationPrevPageTrigger };

package/pagination/pagination.cjs

@@ -4,16 +4,15 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
-require('react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const runIfFn = require('../run-if-fn.cjs');
 const paginationContext = require('./pagination-context.cjs');
 const usePagination = require('./use-pagination.cjs');
 
-const Pagination = forwardRef.forwardRef((props, ref) => {
+const Pagination = react.forwardRef((props, ref) => {
   const [paginationProps, { children, ...navProps }] = createSplitProps.createSplitProps()(
     props,
     [
@@ -33,8 +32,9 @@ const Pagination = forwardRef.forwardRef((props, ref) => {
   );
   const pagination = usePagination.usePagination(paginationProps);
   const view = runIfFn.runIfFn(children, pagination);
-  const mergedProps = react.mergeProps(pagination.rootProps, navProps);
+  const mergedProps = react$1.mergeProps(pagination.rootProps, navProps);
   return /* @__PURE__ */ jsxRuntime.jsx(paginationContext.PaginationProvider, { value: pagination, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.nav, { ...mergedProps, ref, children: view }) });
 });
+Pagination.displayName = "Pagination";
 
 exports.Pagination = Pagination;

package/pagination/pagination.d.ts

@@ -1,8 +1,14 @@
-import type { ForwardRefExoticComponent, type ReactNode } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UsePaginationProps, type UsePaginationReturn } from './use-pagination';
-export type PaginationProps = Assign<Assign<HTMLArkProps<'nav'>, UsePaginationProps>, {
+export type PaginationProps = Assign<Assign<ComponentPropsWithoutRef<typeof ark.nav>, UsePaginationProps>, {
     children: ReactNode | ((pages: UsePaginationReturn) => ReactNode);
 }>;
-export declare const Pagination: ForwardRefExoticComponent<Assign<AsChildComponentProps<"nav">, PaginationProps>>;
+export 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: UsePaginationReturn) => ReactNode);
+} & RefAttributes<HTMLElement>>;

package/pagination/pagination.mjs

@@ -1,10 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
-import 'react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { runIfFn } from '../run-if-fn.mjs';
 import { PaginationProvider } from './pagination-context.mjs';
 import { usePagination } from './use-pagination.mjs';
@@ -32,5 +31,6 @@ const Pagination = forwardRef((props, ref) => {
   const mergedProps = mergeProps(pagination.rootProps, navProps);
   return /* @__PURE__ */ jsx(PaginationProvider, { value: pagination, children: /* @__PURE__ */ jsx(ark.nav, { ...mergedProps, ref, children: view }) });
 });
+Pagination.displayName = "Pagination";
 
 export { Pagination };

package/pagination/use-pagination.cjs

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const pagination = require('@zag-js/pagination');
-const react = require('@zag-js/react');
-const React = require('react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -30,7 +30,7 @@ const pagination__namespace = /*#__PURE__*/_interopNamespaceDefault(pagination);
 const usePagination = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const initialContext = {
-    id: React.useId(),
+    id: react.useId(),
     getRootNode,
     ...props,
     page: props.defaultPage
@@ -39,8 +39,8 @@ const usePagination = (props) => {
     ...initialContext,
     page: props.page
   };
-  const [state, send] = react.useMachine(pagination__namespace.machine(initialContext), { context });
-  return pagination__namespace.connect(state, send, react.normalizeProps);
+  const [state, send] = react$1.useMachine(pagination__namespace.machine(initialContext), { context });
+  return pagination__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.usePagination = usePagination;

package/pin-input/pin-input-control.cjs

@@ -4,18 +4,19 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 
-const PinInputControl = forwardRef.forwardRef((props, ref) => {
+const PinInputControl = react.forwardRef((props, ref) => {
   const { controlProps, hiddenInputProps } = pinInputContext.usePinInputContext();
-  const mergedProps = react.mergeProps(controlProps, props);
+  const mergedProps = react$1.mergeProps(controlProps, props);
   return /* @__PURE__ */ jsxRuntime.jsxs(factory.ark.div, { ...mergedProps, ref, children: [
     /* @__PURE__ */ jsxRuntime.jsx("input", { ...hiddenInputProps }),
     props.children
   ] });
 });
+PinInputControl.displayName = "PinInputControl";
 
 exports.PinInputControl = PinInputControl;

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

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type PinInputControlProps = HTMLArkProps<'div'>;
-export declare const PinInputControl: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PinInputControlProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PinInputControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/pin-input/pin-input-control.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePinInputContext } from './pin-input-context.mjs';
 
 const PinInputControl = forwardRef((props, ref) => {
@@ -13,5 +13,6 @@ const PinInputControl = forwardRef((props, ref) => {
     props.children
   ] });
 });
+PinInputControl.displayName = "PinInputControl";
 
 export { PinInputControl };

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

@@ -4,16 +4,17 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 
-const PinInputField = forwardRef.forwardRef((props, ref) => {
+const PinInputField = react.forwardRef((props, ref) => {
   const { index, ...inputProps } = props;
   const { getInputProps } = pinInputContext.usePinInputContext();
-  const mergedProps = react.mergeProps(getInputProps({ index }), inputProps);
+  const mergedProps = react$1.mergeProps(getInputProps({ index }), inputProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
+PinInputField.displayName = "PinInputField";
 
 exports.PinInputField = PinInputField;

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

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

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

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePinInputContext } from './pin-input-context.mjs';
 
 const PinInputField = forwardRef((props, ref) => {
@@ -11,5 +11,6 @@ const PinInputField = forwardRef((props, ref) => {
   const mergedProps = mergeProps(getInputProps({ index }), inputProps);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
+PinInputField.displayName = "PinInputField";
 
 export { PinInputField };

package/pin-input/pin-input-label.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 
-const PinInputLabel = forwardRef.forwardRef((props, ref) => {
+const PinInputLabel = react.forwardRef((props, ref) => {
   const { labelProps } = pinInputContext.usePinInputContext();
-  const mergedProps = react.mergeProps(labelProps, props);
+  const mergedProps = react$1.mergeProps(labelProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
 });
+PinInputLabel.displayName = "PinInputLabel";
 
 exports.PinInputLabel = PinInputLabel;

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

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type PinInputLabelProps = HTMLArkProps<'label'>;
-export declare const PinInputLabel: ForwardRefExoticComponent<Assign<AsChildComponentProps<"label">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PinInputLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
+export declare const PinInputLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLLabelElement>>;

package/pin-input/pin-input-label.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePinInputContext } from './pin-input-context.mjs';
 
 const PinInputLabel = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PinInputLabel = forwardRef((props, ref) => {
   const mergedProps = mergeProps(labelProps, props);
   return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
 });
+PinInputLabel.displayName = "PinInputLabel";
 
 export { PinInputLabel };

package/pin-input/pin-input.cjs

@@ -4,14 +4,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const pinInputContext = require('./pin-input-context.cjs');
 const usePinInput = require('./use-pin-input.cjs');
 
-const PinInput = forwardRef.forwardRef((props, ref) => {
+const PinInput = react.forwardRef((props, ref) => {
   const [usePinInputProps, divProps] = createSplitProps.createSplitProps()(props, [
     "autoFocus",
     "blurOnComplete",
@@ -37,8 +37,9 @@ const PinInput = forwardRef.forwardRef((props, ref) => {
     "value"
   ]);
   const pinInput = usePinInput.usePinInput(usePinInputProps);
-  const mergedProps = react.mergeProps(pinInput.rootProps, divProps);
+  const mergedProps = react$1.mergeProps(pinInput.rootProps, divProps);
   return /* @__PURE__ */ jsxRuntime.jsx(pinInputContext.PinInputProvider, { value: pinInput, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
 });
+PinInput.displayName = "PinInput";
 
 exports.PinInput = PinInput;

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

@@ -1,6 +1,13 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Context } from '@zag-js/pin-input';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UsePinInputProps } from './use-pin-input';
-export type PinInputProps = Assign<HTMLArkProps<'div'>, UsePinInputProps>;
-export declare const PinInput: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, UsePinInputProps>>;
+export type PinInputProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, UsePinInputProps>;
+export declare const PinInput: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "name" | "value" | "form" | "mask" | "pattern" | "id" | "type" | "onChange" | "onInvalid" | "defaultValue" | "autoFocus" | "dir" | "placeholder" | "disabled" | "getRootNode" | "ids" | "invalid" | "translations" | "selectOnFocus" | "otp" | "onComplete" | "blurOnComplete"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    defaultValue?: string[] | undefined;
+} & RefAttributes<HTMLDivElement>>;

package/pin-input/pin-input.mjs

@@ -1,9 +1,9 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { PinInputProvider } from './pin-input-context.mjs';
 import { usePinInput } from './use-pin-input.mjs';
 
@@ -36,5 +36,6 @@ const PinInput = forwardRef((props, ref) => {
   const mergedProps = mergeProps(pinInput.rootProps, divProps);
   return /* @__PURE__ */ jsx(PinInputProvider, { value: pinInput, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
 });
+PinInput.displayName = "PinInput";
 
 export { PinInput };

package/pin-input/use-pin-input.cjs

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const pinInput = require('@zag-js/pin-input');
-const react = require('@zag-js/react');
-const React = require('react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {
@@ -30,7 +30,7 @@ const pinInput__namespace = /*#__PURE__*/_interopNamespaceDefault(pinInput);
 const usePinInput = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const initialContext = {
-    id: React.useId(),
+    id: react.useId(),
     getRootNode,
     ...props,
     value: props.defaultValue ?? []
@@ -39,8 +39,8 @@ const usePinInput = (props) => {
     ...initialContext,
     value: props.value
   };
-  const [state, send] = react.useMachine(pinInput__namespace.machine(initialContext), { context });
-  return pinInput__namespace.connect(state, send, react.normalizeProps);
+  const [state, send] = react$1.useMachine(pinInput__namespace.machine(initialContext), { context });
+  return pinInput__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.usePinInput = usePinInput;

package/popover/popover-anchor.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const popoverContext = require('./popover-context.cjs');
 
-const PopoverAnchor = forwardRef.forwardRef((props, ref) => {
+const PopoverAnchor = react.forwardRef((props, ref) => {
   const { anchorProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(anchorProps, props);
+  const mergedProps = react$1.mergeProps(anchorProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
+PopoverAnchor.displayName = "PopoverAnchor";
 
 exports.PopoverAnchor = PopoverAnchor;

package/popover/popover-anchor.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type PopoverAnchorProps = HTMLArkProps<'div'>;
-export declare const PopoverAnchor: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverAnchorProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PopoverAnchor: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/popover/popover-anchor.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePopoverContext } from './popover-context.mjs';
 
 const PopoverAnchor = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PopoverAnchor = forwardRef((props, ref) => {
   const mergedProps = mergeProps(anchorProps, props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
+PopoverAnchor.displayName = "PopoverAnchor";
 
 export { PopoverAnchor };

package/popover/popover-arrow-tip.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const popoverContext = require('./popover-context.cjs');
 
-const PopoverArrowTip = forwardRef.forwardRef((props, ref) => {
+const PopoverArrowTip = react.forwardRef((props, ref) => {
   const { arrowTipProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(arrowTipProps, props);
+  const mergedProps = react$1.mergeProps(arrowTipProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
+PopoverArrowTip.displayName = "PopoverArrowTip";
 
 exports.PopoverArrowTip = PopoverArrowTip;

package/popover/popover-arrow-tip.d.ts

@@ -1,5 +1,8 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
-export type PopoverArrowTipProps = HTMLArkProps<'div'>;
-export declare const PopoverArrowTip: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverArrowTipProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PopoverArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;

package/popover/popover-arrow-tip.mjs

@@ -1,8 +1,8 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import { forwardRef } from '../forward-ref.mjs';
 import { usePopoverContext } from './popover-context.mjs';
 
 const PopoverArrowTip = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PopoverArrowTip = forwardRef((props, ref) => {
   const mergedProps = mergeProps(arrowTipProps, props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
+PopoverArrowTip.displayName = "PopoverArrowTip";
 
 export { PopoverArrowTip };

package/popover/popover-arrow.cjs

@@ -4,15 +4,16 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const react = require('@zag-js/react');
+const react$1 = require('@zag-js/react');
+const react = require('react');
 const factory = require('../factory.cjs');
-const forwardRef = require('../forward-ref.cjs');
 const popoverContext = require('./popover-context.cjs');
 
-const PopoverArrow = forwardRef.forwardRef((props, ref) => {
+const PopoverArrow = react.forwardRef((props, ref) => {
   const { arrowProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(arrowProps, props);
+  const mergedProps = react$1.mergeProps(arrowProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
+PopoverArrow.displayName = "PopoverArrow";
 
 exports.PopoverArrow = PopoverArrow;