@ark-ui/react 0.14.0 → 0.15.0

package/editable/editable-edit-trigger.d.ts

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

package/editable/editable-input.d.ts

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

package/editable/editable-label.d.ts

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

package/editable/editable-preview.d.ts

@@ -1,8 +1,7 @@
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-export type EditablePreviewProps = ComponentPropsWithoutRef<typeof ark.span>;
-export declare const EditablePreview: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
-} & {
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export type EditablePreviewProps = HTMLArkProps<'span'>;
+export declare const EditablePreview: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     asChild?: boolean | undefined;
-}, "ref"> & RefAttributes<HTMLSpanElement>>;
+} & RefAttributes<HTMLSpanElement>>;

package/editable/editable-submit-trigger.d.ts

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

package/editable/editable.d.ts

@@ -1,18 +1,11 @@
-import { Context } from '@zag-js/editable';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
-import { ark } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { type HTMLArkProps } from '../factory';
 import { type Assign } from '../types';
 import { type EditableContext } from './editable-context';
 import { type UseEditableProps } from './use-editable';
-export type EditableProps = Assign<Omit<ComponentPropsWithoutRef<typeof ark.div>, 'children'> & {
+export type EditableProps = Assign<Omit<HTMLArkProps<'div'>, 'children'> & {
     children?: ReactNode | ((pages: EditableContext) => ReactNode);
 }, UseEditableProps>;
-export declare const Editable: ForwardRefExoticComponent<Omit<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}, "ref">, "children"> & {
+export declare const Editable: ForwardRefExoticComponent<Omit<Omit<HTMLArkProps<"div">, "children"> & {
     children?: ReactNode | ((pages: EditableContext) => ReactNode);
-}, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "placeholder" | "onChange" | "onSubmit" | "maxLength" | "readOnly" | "onCancel" | "invalid" | "translations" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "finalFocusEl" | "autoResize" | "activationMode" | "submitMode" | "startWithEditView" | "selectOnFocus" | "onEdit"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
-    defaultValue?: string | undefined;
-} & RefAttributes<HTMLDivElement>>;
+}, keyof UseEditableProps> & UseEditableProps & RefAttributes<HTMLDivElement>>;

package/editable/index.d.ts

@@ -1,6 +1,6 @@
-import { Context } from '@zag-js/editable';
-import { UseEditableReturn } from './use-editable';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, RefAttributes, ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
+import { UseEditableReturn, UseEditableProps } from './use-editable';
+import { HTMLArkProps } from '..';
+import { ForwardRefExoticComponent, ReactNode, RefAttributes, DetailedHTMLProps, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, LabelHTMLAttributes } from 'react';
 /// <reference types="react" />
 import { type EditableProps } from './editable';
 import { EditableArea, type EditableAreaProps } from './editable-area';
@@ -13,64 +13,36 @@ import { EditableLabel, type EditableLabelProps } from './editable-label';
 import { EditablePreview, type EditablePreviewProps } from './editable-preview';
 import { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
 import { editableAnatomy } from './editable.anatomy';
-declare const Editable: ForwardRefExoticComponent<Omit<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-} & {
-    asChild?: boolean | undefined;
-}, "ref">, "children"> & {
+declare const Editable: ForwardRefExoticComponent<Omit<Omit<HTMLArkProps<"div">, "children"> & {
     children?: ReactNode | ((pages: UseEditableReturn) => ReactNode);
-}, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "placeholder" | "onChange" | "onSubmit" | "maxLength" | "readOnly" | "onCancel" | "invalid" | "translations" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "finalFocusEl" | "autoResize" | "activationMode" | "submitMode" | "startWithEditView" | "selectOnFocus" | "onEdit"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
-    defaultValue?: string | undefined;
-} & RefAttributes<HTMLDivElement>> & {
-    Root: ForwardRefExoticComponent<Omit<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref">, "children"> & {
+}, keyof UseEditableProps> & UseEditableProps & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Omit<HTMLArkProps<"div">, "children"> & {
         children?: ReactNode | ((pages: UseEditableReturn) => ReactNode);
-    }, "name" | "value" | "getRootNode" | "form" | "id" | "ids" | "disabled" | "defaultValue" | "dir" | "placeholder" | "onChange" | "onSubmit" | "maxLength" | "readOnly" | "onCancel" | "invalid" | "translations" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "finalFocusEl" | "autoResize" | "activationMode" | "submitMode" | "startWithEditView" | "selectOnFocus" | "onEdit"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
-        defaultValue?: string | undefined;
-    } & RefAttributes<HTMLDivElement>>;
-    Area: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    }, keyof UseEditableProps> & UseEditableProps & RefAttributes<HTMLDivElement>>;
+    Area: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
-    CancelTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLDivElement>>;
+    CancelTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLButtonElement>>;
-    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLButtonElement>>;
+    Control: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
-    EditTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLDivElement>>;
+    EditTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLButtonElement>>;
-    Input: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-        ref?: ((instance: HTMLInputElement | null) => void) | RefObject<HTMLInputElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLButtonElement>>;
+    Input: ForwardRefExoticComponent<Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLInputElement>>;
-    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
-        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLInputElement>>;
+    Label: ForwardRefExoticComponent<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLLabelElement>>;
-    Preview: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
-    } & {
+    } & RefAttributes<HTMLLabelElement>>;
+    Preview: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLSpanElement>>;
-    SubmitTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLSpanElement>>;
+    SubmitTrigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    } & RefAttributes<HTMLButtonElement>>;
 };
 export { Editable, EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableSubmitTrigger, editableAnatomy, useEditableContext, };
 export type { EditableAreaProps, EditableCancelTriggerProps, EditableControlProps, EditableEditTriggerProps, EditableInputProps, EditableLabelProps, EditablePreviewProps, EditableProps, EditableSubmitTriggerProps, };

package/editable/use-editable.d.ts

@@ -1,7 +1,7 @@
 import * as editable from '@zag-js/editable';
 import { type Optional } from '../types';
-export type UseEditableProps = Optional<editable.Context, 'id'> & {
+export interface UseEditableProps extends Optional<editable.Context, 'id'> {
     defaultValue?: editable.Context['value'];
-};
-export type UseEditableReturn = editable.MachineApi;
+}
+export type UseEditableReturn = editable.Api;
 export declare const useEditable: (props: UseEditableProps) => UseEditableReturn;

package/factory.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type ComponentPropsWithoutRef } from 'react';
 type JsxElements = {
     [E in keyof JSX.IntrinsicElements]: ArkForwardRefComponent<E>;
 };
@@ -6,6 +6,9 @@ type ArkForwardRefComponent<E extends React.ElementType> = React.ForwardRefExoti
 type ArkPropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
     asChild?: boolean;
 };
+export type HTMLArkProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T> & {
+    asChild?: boolean;
+};
 export declare const jsxFactory: () => JsxElements;
 export declare const ark: JsxElements;
 export {};

package/hover-card/hover-card-arrow-tip.d.ts

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

package/hover-card/hover-card-arrow.d.ts

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

package/hover-card/hover-card-content.cjs

@@ -7,23 +7,22 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
+const index = require('../presence/index.cjs');
 const hoverCardContext = require('./hover-card-context.cjs');
-const hoverCardPresence = require('./hover-card-presence.cjs');
 const splitPresenceProps = require('../presence/split-presence-props.cjs');
 
 const HoverCardContent = react.forwardRef((props, ref) => {
-  const [presenceProps, hoverCardContentProps] = splitPresenceProps.splitPresenceProps(props);
-  return /* @__PURE__ */ jsxRuntime.jsx(hoverCardPresence.HoverCardPresence, { ...presenceProps, children: /* @__PURE__ */ jsxRuntime.jsx(InnerHoverCardContent, { ref, ...hoverCardContentProps }) });
+  const [presenceProps, localProps] = splitPresenceProps.splitPresenceProps(props);
+  const api = hoverCardContext.useHoverCardContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Presence, { present: api.isOpen, ...presenceProps, children: /* @__PURE__ */ jsxRuntime.jsx(HoverCardInnerContent, { ref, ...localProps }) });
 });
 HoverCardContent.displayName = "HoverCardContent";
-const InnerHoverCardContent = react.forwardRef(
-  (props, ref) => {
-    const { contentProps } = hoverCardContext.useHoverCardContext();
-    const mergedProps = react$1.mergeProps(contentProps, props);
+const HoverCardInnerContent = react.forwardRef(
+  function HoverCardInnerContent2(props, ref) {
+    const api = hoverCardContext.useHoverCardContext();
+    const mergedProps = react$1.mergeProps(api.contentProps, props);
     return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
   }
 );
-InnerHoverCardContent.displayName = "InnerHoverCardContent";
 
 exports.HoverCardContent = HoverCardContent;

package/hover-card/hover-card-content.d.ts

@@ -1,10 +1,7 @@
-import { PresenceProps } from '../presence';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
-import { ark } from '../factory';
-import { type HoverCardPresenceProps } from './hover-card-presence';
-export type HoverCardContentProps = ComponentPropsWithoutRef<typeof ark.div> & Omit<HoverCardPresenceProps, 'children'>;
-export declare const HoverCardContent: 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>>;
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+import { type PresenceProps } from '../presence';
+import type { Assign } from '../types';
+export type HoverCardContentProps = Assign<HTMLArkProps<'div'>, Omit<PresenceProps, 'children'>>;
+export declare const HoverCardContent: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;

package/hover-card/hover-card-content.mjs

@@ -3,23 +3,22 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
+import { Presence } from '../presence/index.mjs';
 import { useHoverCardContext } from './hover-card-context.mjs';
-import { HoverCardPresence } from './hover-card-presence.mjs';
 import { splitPresenceProps } from '../presence/split-presence-props.mjs';
 
 const HoverCardContent = forwardRef((props, ref) => {
-  const [presenceProps, hoverCardContentProps] = splitPresenceProps(props);
-  return /* @__PURE__ */ jsx(HoverCardPresence, { ...presenceProps, children: /* @__PURE__ */ jsx(InnerHoverCardContent, { ref, ...hoverCardContentProps }) });
+  const [presenceProps, localProps] = splitPresenceProps(props);
+  const api = useHoverCardContext();
+  return /* @__PURE__ */ jsx(Presence, { present: api.isOpen, ...presenceProps, children: /* @__PURE__ */ jsx(HoverCardInnerContent, { ref, ...localProps }) });
 });
 HoverCardContent.displayName = "HoverCardContent";
-const InnerHoverCardContent = forwardRef(
-  (props, ref) => {
-    const { contentProps } = useHoverCardContext();
-    const mergedProps = mergeProps(contentProps, props);
+const HoverCardInnerContent = forwardRef(
+  function HoverCardInnerContent2(props, ref) {
+    const api = useHoverCardContext();
+    const mergedProps = mergeProps(api.contentProps, props);
     return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
   }
 );
-InnerHoverCardContent.displayName = "InnerHoverCardContent";
 
 export { HoverCardContent };

package/hover-card/hover-card-positioner.d.ts

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

package/hover-card/hover-card-trigger.d.ts

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

package/hover-card/hover-card.stories.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { HoverCard } from '.';
+import { HoverCard } from './';
 type HoverCardType = typeof HoverCard;
 declare const meta: Meta<HoverCardType>;
 export default meta;

package/hover-card/index.d.ts

@@ -1,5 +1,5 @@
-import { PresenceProps } from '..';
-import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ButtonHTMLAttributes } from 'react';
+import { HTMLArkProps, PresenceProps } from '..';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefAttributes, ButtonHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
 /// <reference types="react" />
 import { type HoverCardProps } from './hover-card';
@@ -12,31 +12,19 @@ import { HoverCardTrigger, type HoverCardTriggerProps } from './hover-card-trigg
 import { hoverCardAnatomy } from './hover-card.anatomy';
 declare const HoverCard: ((props: HoverCardProps) => JSX.Element) & {
     Root: (props: HoverCardProps) => JSX.Element;
-    Arrow: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    Arrow: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
-    ArrowTip: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLDivElement>>;
+    ArrowTip: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
-    Content: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLDivElement>>;
+    Content: ForwardRefExoticComponent<Omit<HTMLArkProps<"div">, "present" | "onExitComplete" | "lazyMount" | "unmountOnExit"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
+    Positioner: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & Omit<PresenceProps, "children"> & RefAttributes<HTMLDivElement>>;
-    Positioner: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
-    } & {
+    } & RefAttributes<HTMLDivElement>>;
+    Trigger: ForwardRefExoticComponent<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
         asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
-    } & {
-        asChild?: boolean | undefined;
-    }, "ref"> & RefAttributes<HTMLButtonElement>>;
+    } & RefAttributes<HTMLButtonElement>>;
 };
 export { HoverCard, HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardTrigger, hoverCardAnatomy, useHoverCardContext, };
 export type { HoverCardArrowProps, HoverCardArrowTipProps, HoverCardContentProps, HoverCardPositionerProps, HoverCardProps, HoverCardTriggerProps, };

package/hover-card/use-hover-card.d.ts

@@ -1,5 +1,6 @@
 import * as hoverCard from '@zag-js/hover-card';
 import { type Optional } from '../types';
-export type UseHoverCardProps = Optional<hoverCard.Context, 'id'>;
+export interface UseHoverCardProps extends Optional<hoverCard.Context, 'id'> {
+}
 export type UseHoverCardReturn = hoverCard.Api;
 export declare const useHoverCard: (props: UseHoverCardProps) => UseHoverCardReturn;

package/index.cjs

@@ -34,7 +34,8 @@ const index$p = require('./switch/index.cjs');
 const index$q = require('./tabs/index.cjs');
 const index$r = require('./tags-input/index.cjs');
 const index$s = require('./toast/index.cjs');
-const index$t = require('./tooltip/index.cjs');
+const index$t = require('./toggle-group/index.cjs');
+const index$u = require('./tooltip/index.cjs');
 const accordionContent = require('./accordion/accordion-content.cjs');
 const accordionItem = require('./accordion/accordion-item.cjs');
 const accordionTrigger = require('./accordion/accordion-trigger.cjs');
@@ -79,10 +80,12 @@ const comboboxClearTrigger = require('./combobox/combobox-clear-trigger.cjs');
 const comboboxContent = require('./combobox/combobox-content.cjs');
 const comboboxControl = require('./combobox/combobox-control.cjs');
 const comboboxInput = require('./combobox/combobox-input.cjs');
+const comboboxItem = require('./combobox/combobox-item.cjs');
+const comboboxItemGroup = require('./combobox/combobox-item-group.cjs');
+const comboboxItemGroupLabel = require('./combobox/combobox-item-group-label.cjs');
+const comboboxItemIndicator = require('./combobox/combobox-item-indicator.cjs');
+const comboboxItemText = require('./combobox/combobox-item-text.cjs');
 const comboboxLabel = require('./combobox/combobox-label.cjs');
-const comboboxOption = require('./combobox/combobox-option.cjs');
-const comboboxOptionGroup = require('./combobox/combobox-option-group.cjs');
-const comboboxOptionGroupLabel = require('./combobox/combobox-option-group-label.cjs');
 const comboboxPositioner = require('./combobox/combobox-positioner.cjs');
 const comboboxTrigger = require('./combobox/combobox-trigger.cjs');
 const combobox = require('@zag-js/combobox');
@@ -219,14 +222,19 @@ const segmentLabel = require('./segment-group/segment-label.cjs');
 const segmentGroup_anatomy = require('./segment-group/segment-group.anatomy.cjs');
 const segmentContext = require('./segment-group/segment-context.cjs');
 const segmentGroupContext = require('./segment-group/segment-group-context.cjs');
+const selectClearTrigger = require('./select/select-clear-trigger.cjs');
 const selectContent = require('./select/select-content.cjs');
+const selectControl = require('./select/select-control.cjs');
+const selectItem = require('./select/select-item.cjs');
+const selectItemGroup = require('./select/select-item-group.cjs');
+const selectItemGroupLabel = require('./select/select-item-group-label.cjs');
+const selectItemIndicator = require('./select/select-item-indicator.cjs');
+const selectItemText = require('./select/select-item-text.cjs');
 const selectLabel = require('./select/select-label.cjs');
-const selectOption = require('./select/select-option.cjs');
-const selectOptionGroup = require('./select/select-option-group.cjs');
-const selectOptionGroupLabel = require('./select/select-option-group-label.cjs');
 const selectPositioner = require('./select/select-positioner.cjs');
 const selectTrigger = require('./select/select-trigger.cjs');
-const select = require('@zag-js/select');
+const selectValue = require('./select/select-value.cjs');
+const select_anatomy = require('./select/select.anatomy.cjs');
 const selectContext = require('./select/select-context.cjs');
 const sliderControl = require('./slider/slider-control.cjs');
 const sliderLabel = require('./slider/slider-label.cjs');
@@ -271,6 +279,9 @@ const toast = require('./toast/toast.cjs');
 const toastTitle = require('./toast/toast-title.cjs');
 const toast$1 = require('@zag-js/toast');
 const toastItemContext = require('./toast/toast-item-context.cjs');
+const toggle = require('./toggle-group/toggle.cjs');
+const toggleGroup_anatomy = require('./toggle-group/toggle-group.anatomy.cjs');
+const toggleGroupContext = require('./toggle-group/toggle-group-context.cjs');
 const tooltipArrow = require('./tooltip/tooltip-arrow.cjs');
 const tooltipArrowTip = require('./tooltip/tooltip-arrow-tip.cjs');
 const tooltipContent = require('./tooltip/tooltip-content.cjs');
@@ -320,7 +331,8 @@ exports.Switch = index$p.Switch;
 exports.Tabs = index$q.Tabs;
 exports.TagsInput = index$r.TagsInput;
 exports.Toast = index$s.Toast;
-exports.Tooltip = index$t.Tooltip;
+exports.ToggleGroup = index$t.ToggleGroup;
+exports.Tooltip = index$u.Tooltip;
 exports.AccordionContent = accordionContent.AccordionContent;
 exports.AccordionItem = accordionItem.AccordionItem;
 exports.AccordionTrigger = accordionTrigger.AccordionTrigger;
@@ -374,10 +386,12 @@ exports.ComboboxClearTrigger = comboboxClearTrigger.ComboboxClearTrigger;
 exports.ComboboxContent = comboboxContent.ComboboxContent;
 exports.ComboboxControl = comboboxControl.ComboboxControl;
 exports.ComboboxInput = comboboxInput.ComboboxInput;
+exports.ComboboxItem = comboboxItem.ComboboxItem;
+exports.ComboboxItemGroup = comboboxItemGroup.ComboboxItemGroup;
+exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
+exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
+exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
 exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
-exports.ComboboxOption = comboboxOption.ComboboxOption;
-exports.ComboboxOptionGroup = comboboxOptionGroup.ComboboxOptionGroup;
-exports.ComboboxOptionGroupLabel = comboboxOptionGroupLabel.ComboboxOptionGroupLabel;
 exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
 exports.ComboboxTrigger = comboboxTrigger.ComboboxTrigger;
 Object.defineProperty(exports, 'comboboxAnatomy', {
@@ -547,17 +561,19 @@ exports.SegmentLabel = segmentLabel.SegmentLabel;
 exports.segmentGroupAnatomy = segmentGroup_anatomy.segmentGroupAnatomy;
 exports.useSegmentContext = segmentContext.useSegmentContext;
 exports.useSegmentGroupContext = segmentGroupContext.useSegmentGroupContext;
+exports.SelectClearTrigger = selectClearTrigger.SelectClearTrigger;
 exports.SelectContent = selectContent.SelectContent;
+exports.SelectControl = selectControl.SelectControl;
+exports.SelectItem = selectItem.SelectItem;
+exports.SelectItemGroup = selectItemGroup.SelectItemGroup;
+exports.SelectItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
+exports.SelectItemIndicator = selectItemIndicator.SelectItemIndicator;
+exports.SelectItemText = selectItemText.SelectItemText;
 exports.SelectLabel = selectLabel.SelectLabel;
-exports.SelectOption = selectOption.SelectOption;
-exports.SelectOptionGroup = selectOptionGroup.SelectOptionGroup;
-exports.SelectOptionGroupLabel = selectOptionGroupLabel.SelectOptionGroupLabel;
 exports.SelectPositioner = selectPositioner.SelectPositioner;
 exports.SelectTrigger = selectTrigger.SelectTrigger;
-Object.defineProperty(exports, 'selectAnatomy', {
-	enumerable: true,
-	get: () => select.anatomy
-});
+exports.SelectValue = selectValue.SelectValue;
+exports.selectAnatomy = select_anatomy.selectAnatomy;
 exports.useSelectContext = selectContext.useSelectContext;
 exports.SliderControl = sliderControl.SliderControl;
 exports.SliderLabel = sliderLabel.SliderLabel;
@@ -621,6 +637,9 @@ Object.defineProperty(exports, 'toastAnatomy', {
 	get: () => toast$1.anatomy
 });
 exports.useToastItemContext = toastItemContext.useToastItemContext;
+exports.Toggle = toggle.Toggle;
+exports.toggleGroupAnatomy = toggleGroup_anatomy.toggleGroupAnatomy;
+exports.useToggleGroupContext = toggleGroupContext.useToggleGroupContext;
 exports.TooltipArrow = tooltipArrow.TooltipArrow;
 exports.TooltipArrowTip = tooltipArrowTip.TooltipArrowTip;
 exports.TooltipContent = tooltipContent.TooltipContent;

package/index.d.ts

@@ -30,4 +30,5 @@ export * from './switch';
 export * from './tabs';
 export * from './tags-input';
 export * from './toast';
+export * from './toggle-group';
 export * from './tooltip';