@ark-ui/react 0.10.0-beta.0 → 0.10.0

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;

package/popover/popover-arrow.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 PopoverArrowProps = HTMLArkProps<'div'>;
-export declare const PopoverArrow: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverArrowProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PopoverArrow: 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.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 PopoverArrow = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PopoverArrow = forwardRef((props, ref) => {
   const mergedProps = mergeProps(arrowProps, props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
+PopoverArrow.displayName = "PopoverArrow";
 
 export { PopoverArrow };

package/popover/popover-close-trigger.cjs

@@ -4,15 +4,18 @@
 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 PopoverCloseTrigger = forwardRef.forwardRef((props, ref) => {
-  const { closeTriggerProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(closeTriggerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-});
+const PopoverCloseTrigger = react.forwardRef(
+  (props, ref) => {
+    const { closeTriggerProps } = popoverContext.usePopoverContext();
+    const mergedProps = react$1.mergeProps(closeTriggerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+  }
+);
+PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
 
 exports.PopoverCloseTrigger = PopoverCloseTrigger;

package/popover/popover-close-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 PopoverCloseTriggerProps = HTMLArkProps<'button'>;
-export declare const PopoverCloseTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverCloseTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const PopoverCloseTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

package/popover/popover-close-trigger.mjs

@@ -1,14 +1,17 @@
 '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 PopoverCloseTrigger = forwardRef((props, ref) => {
-  const { closeTriggerProps } = usePopoverContext();
-  const mergedProps = mergeProps(closeTriggerProps, props);
-  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-});
+const PopoverCloseTrigger = forwardRef(
+  (props, ref) => {
+    const { closeTriggerProps } = usePopoverContext();
+    const mergedProps = mergeProps(closeTriggerProps, props);
+    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+  }
+);
+PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
 
 export { PopoverCloseTrigger };

package/popover/popover-content.cjs

@@ -4,21 +4,25 @@
 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 splitPresenceProps = require('../presence/split-presence-props.cjs');
 const popoverContext = require('./popover-context.cjs');
 const popoverPresence = require('./popover-presence.cjs');
 
-const PopoverContent = forwardRef.forwardRef((props, ref) => {
+const PopoverContent = react.forwardRef((props, ref) => {
   const [presenceProps, popoverContentProps] = splitPresenceProps.splitPresenceProps(props);
   return /* @__PURE__ */ jsxRuntime.jsx(popoverPresence.PopoverPresence, { ...presenceProps, children: /* @__PURE__ */ jsxRuntime.jsx(InnerPopoverContent, { ref, ...popoverContentProps }) });
 });
-const InnerPopoverContent = forwardRef.forwardRef((props, ref) => {
-  const { contentProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(contentProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+PopoverContent.displayName = "PopoverContent";
+const InnerPopoverContent = react.forwardRef(
+  (props, ref) => {
+    const { contentProps } = popoverContext.usePopoverContext();
+    const mergedProps = react$1.mergeProps(contentProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+InnerPopoverContent.displayName = "InnerPopoverContent";
 
 exports.PopoverContent = PopoverContent;

package/popover/popover-content.d.ts

@@ -1,6 +1,10 @@
-import type { Assign } from '../types';
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { PresenceProps } from '../presence';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type PopoverPresenceProps } from './popover-presence';
-export type PopoverContentProps = HTMLArkProps<'div'> & Omit<PopoverPresenceProps, 'children'>;
-export declare const PopoverContent: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, PopoverContentProps>>;
+export type PopoverContentProps = ComponentPropsWithoutRef<typeof ark.div> & Omit<PopoverPresenceProps, 'children'>;
+export declare const PopoverContent: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;

package/popover/popover-content.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 { splitPresenceProps } from '../presence/split-presence-props.mjs';
 import { usePopoverContext } from './popover-context.mjs';
 import { PopoverPresence } from './popover-presence.mjs';
@@ -11,10 +11,14 @@ const PopoverContent = forwardRef((props, ref) => {
   const [presenceProps, popoverContentProps] = splitPresenceProps(props);
   return /* @__PURE__ */ jsx(PopoverPresence, { ...presenceProps, children: /* @__PURE__ */ jsx(InnerPopoverContent, { ref, ...popoverContentProps }) });
 });
-const InnerPopoverContent = forwardRef((props, ref) => {
-  const { contentProps } = usePopoverContext();
-  const mergedProps = mergeProps(contentProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+PopoverContent.displayName = "PopoverContent";
+const InnerPopoverContent = forwardRef(
+  (props, ref) => {
+    const { contentProps } = usePopoverContext();
+    const mergedProps = mergeProps(contentProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+InnerPopoverContent.displayName = "InnerPopoverContent";
 
 export { PopoverContent };

package/popover/popover-description.cjs

@@ -4,15 +4,18 @@
 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 PopoverDescription = forwardRef.forwardRef((props, ref) => {
-  const { descriptionProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(descriptionProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.p, { ...mergedProps, ref });
-});
+const PopoverDescription = react.forwardRef(
+  (props, ref) => {
+    const { descriptionProps } = popoverContext.usePopoverContext();
+    const mergedProps = react$1.mergeProps(descriptionProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.p, { ...mergedProps, ref });
+  }
+);
+PopoverDescription.displayName = "PopoverDescription";
 
 exports.PopoverDescription = PopoverDescription;

package/popover/popover-description.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 PopoverDescriptionProps = HTMLArkProps<'div'>;
-export declare const PopoverDescription: ForwardRefExoticComponent<Assign<AsChildComponentProps<"p">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverDescriptionProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PopoverDescription: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLParagraphElement>>;

package/popover/popover-description.mjs

@@ -1,14 +1,17 @@
 '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 PopoverDescription = forwardRef((props, ref) => {
-  const { descriptionProps } = usePopoverContext();
-  const mergedProps = mergeProps(descriptionProps, props);
-  return /* @__PURE__ */ jsx(ark.p, { ...mergedProps, ref });
-});
+const PopoverDescription = forwardRef(
+  (props, ref) => {
+    const { descriptionProps } = usePopoverContext();
+    const mergedProps = mergeProps(descriptionProps, props);
+    return /* @__PURE__ */ jsx(ark.p, { ...mergedProps, ref });
+  }
+);
+PopoverDescription.displayName = "PopoverDescription";
 
 export { PopoverDescription };

package/popover/popover-positioner.cjs

@@ -4,15 +4,18 @@
 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 PopoverPositioner = forwardRef.forwardRef((props, ref) => {
-  const { positionerProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(positionerProps, props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-});
+const PopoverPositioner = react.forwardRef(
+  (props, ref) => {
+    const { positionerProps } = popoverContext.usePopoverContext();
+    const mergedProps = react$1.mergeProps(positionerProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+PopoverPositioner.displayName = "PopoverPositioner";
 
 exports.PopoverPositioner = PopoverPositioner;

package/popover/popover-positioner.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 PopoverPositionerProps = HTMLArkProps<'div'>;
-export declare const PopoverPositioner: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverPositionerProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PopoverPositioner: 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-positioner.mjs

@@ -1,14 +1,17 @@
 '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 PopoverPositioner = forwardRef((props, ref) => {
-  const { positionerProps } = usePopoverContext();
-  const mergedProps = mergeProps(positionerProps, props);
-  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-});
+const PopoverPositioner = forwardRef(
+  (props, ref) => {
+    const { positionerProps } = usePopoverContext();
+    const mergedProps = mergeProps(positionerProps, props);
+    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+  }
+);
+PopoverPositioner.displayName = "PopoverPositioner";
 
 export { PopoverPositioner };

package/popover/popover-title.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 PopoverTitle = forwardRef.forwardRef((props, ref) => {
+const PopoverTitle = react.forwardRef((props, ref) => {
   const { titleProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(titleProps, props);
+  const mergedProps = react$1.mergeProps(titleProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
 });
+PopoverTitle.displayName = "PopoverTitle";
 
 exports.PopoverTitle = PopoverTitle;

package/popover/popover-title.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 PopoverTitleProps = HTMLArkProps<'div'>;
-export declare const PopoverTitle: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverTitleProps = ComponentPropsWithoutRef<typeof ark.div>;
+export declare const PopoverTitle: 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-title.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 PopoverTitle = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PopoverTitle = forwardRef((props, ref) => {
   const mergedProps = mergeProps(titleProps, props);
   return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
 });
+PopoverTitle.displayName = "PopoverTitle";
 
 export { PopoverTitle };

package/popover/popover-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 popoverContext = require('./popover-context.cjs');
 
-const PopoverTrigger = forwardRef.forwardRef((props, ref) => {
+const PopoverTrigger = react.forwardRef((props, ref) => {
   const { triggerProps } = popoverContext.usePopoverContext();
-  const mergedProps = react.mergeProps(triggerProps, props);
+  const mergedProps = react$1.mergeProps(triggerProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+PopoverTrigger.displayName = "PopoverTrigger";
 
 exports.PopoverTrigger = PopoverTrigger;

package/popover/popover-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 PopoverTriggerProps = HTMLArkProps<'button'>;
-export declare const PopoverTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
+export type PopoverTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
+export declare const PopoverTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;

package/popover/popover-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 { usePopoverContext } from './popover-context.mjs';
 
 const PopoverTrigger = forwardRef((props, ref) => {
@@ -10,5 +10,6 @@ const PopoverTrigger = forwardRef((props, ref) => {
   const mergedProps = mergeProps(triggerProps, props);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+PopoverTrigger.displayName = "PopoverTrigger";
 
 export { PopoverTrigger };

package/popover/use-popover.cjs

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const popover = require('@zag-js/popover');
-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,12 +30,12 @@ const popover__namespace = /*#__PURE__*/_interopNamespaceDefault(popover);
 const usePopover = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const context = {
-    id: React.useId(),
+    id: react.useId(),
     getRootNode,
     ...props
   };
-  const [state, send] = react.useMachine(popover__namespace.machine(context), { context });
-  return popover__namespace.connect(state, send, react.normalizeProps);
+  const [state, send] = react$1.useMachine(popover__namespace.machine(context), { context });
+  return popover__namespace.connect(state, send, react$1.normalizeProps);
 };
 
 exports.usePopover = usePopover;

package/presence/presence.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const React = require('react');
+const react = require('react');
 const composeRefs = require('../compose-refs.cjs');
 const createSplitProps = require('../create-split-props.cjs');
 const usePresence = require('./use-presence.cjs');
@@ -11,15 +11,15 @@ const usePresence = require('./use-presence.cjs');
 const Presence = (props) => {
   const [presenceProps, { children, lazyMount, unmountOnExit }] = createSplitProps.createSplitProps()(props, ["present", "onExitComplete"]);
   const api = usePresence.usePresence(presenceProps);
-  const wasEverPresent = React.useRef(false);
+  const wasEverPresent = react.useRef(false);
   if (api.isPresent) {
     wasEverPresent.current = true;
   }
   if (!api.isPresent && !wasEverPresent.current && lazyMount || unmountOnExit && !api.isPresent && wasEverPresent.current) {
     return null;
   }
-  const onlyChild = React.Children.only(children);
-  return React.cloneElement(onlyChild, {
+  const onlyChild = react.Children.only(children);
+  return react.cloneElement(onlyChild, {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ref: composeRefs.composeRefs(api.setNode, onlyChild.ref),
     hidden: !api.isPresent,

package/pressable/pressable.cjs

@@ -4,13 +4,13 @@
 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 usePressable = require('./use-pressable.cjs');
 
-const Pressable = forwardRef.forwardRef((props, ref) => {
+const Pressable = react.forwardRef((props, ref) => {
   const [usePressableProps, divProps] = createSplitProps.createSplitProps()(props, [
     "allowTextSelectionOnPress",
     "cancelOnPointerExit",
@@ -27,8 +27,9 @@ const Pressable = forwardRef.forwardRef((props, ref) => {
     "preventFocusOnPress"
   ]);
   const { pressableProps } = usePressable.usePressable(usePressableProps);
-  const mergedProps = react.mergeProps(pressableProps, divProps);
+  const mergedProps = react$1.mergeProps(pressableProps, divProps);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
 });
+Pressable.displayName = "Pressable";
 
 exports.Pressable = Pressable;

package/pressable/pressable.d.ts

@@ -1,6 +1,17 @@
-import type { ForwardRefExoticComponent } from 'react';
-import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { PressEvent, Context } from '@zag-js/pressable';
+import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type UsePressableProps } from './use-pressable';
-export type PressableProps = Assign<HTMLArkProps<'button'>, UsePressableProps>;
-export declare const Pressable: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, UsePressableProps>>;
+export type PressableProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, UsePressableProps>;
+export declare const Pressable: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "id" | "dir" | "disabled" | "getRootNode" | keyof {
+    onPress?: ((event: PressEvent) => void) | undefined;
+    onPressStart?: ((event: PressEvent) => void) | undefined;
+    onPressEnd?: ((event: PressEvent) => void) | undefined;
+    onPressUp?: ((event: PressEvent) => void) | undefined;
+    onLongPress?: ((event: PressEvent) => void) | undefined;
+} | "preventFocusOnPress" | "cancelOnPointerExit" | "allowTextSelectionOnPress" | "longPressDelay"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & RefAttributes<HTMLButtonElement>>;

package/pressable/pressable.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 { usePressable } from './use-pressable.mjs';
 
 const Pressable = forwardRef((props, ref) => {
@@ -26,5 +26,6 @@ const Pressable = forwardRef((props, ref) => {
   const mergedProps = mergeProps(pressableProps, divProps);
   return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
 });
+Pressable.displayName = "Pressable";
 
 export { Pressable };