@ark-ui/react 3.3.0 → 3.4.0-1

package/dist/components/dialog/dialog-root.d.cts

@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 import { UsePresenceProps } from '../presence';
 import { UseDialogProps } from './use-dialog';
 
+export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
+}
 export interface DialogRootProps extends UseDialogProps, UsePresenceProps {
     children?: ReactNode;
 }

package/dist/components/dialog/dialog-root.d.ts

@@ -2,6 +2,8 @@ import { ReactNode } from 'react';
 import { UsePresenceProps } from '../presence';
 import { UseDialogProps } from './use-dialog';
 
+export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
+}
 export interface DialogRootProps extends UseDialogProps, UsePresenceProps {
     children?: ReactNode;
 }

package/dist/components/dialog/dialog-title.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface DialogTitleProps extends HTMLArkProps<'h2'> {
+export interface DialogTitleBaseProps extends PolymorphicProps {
+}
+export interface DialogTitleProps extends HTMLProps<'h2'>, DialogTitleBaseProps {
 }
 export declare const DialogTitle: ForwardRefExoticComponent<DialogTitleProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/dialog/dialog-title.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface DialogTitleProps extends HTMLArkProps<'h2'> {
+export interface DialogTitleBaseProps extends PolymorphicProps {
+}
+export interface DialogTitleProps extends HTMLProps<'h2'>, DialogTitleBaseProps {
 }
 export declare const DialogTitle: ForwardRefExoticComponent<DialogTitleProps & RefAttributes<HTMLHeadingElement>>;

package/dist/components/dialog/dialog-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface DialogTriggerProps extends HTMLArkProps<'button'> {
+export interface DialogTriggerBaseProps extends PolymorphicProps {
+}
+export interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {
 }
 export declare const DialogTrigger: ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/dialog/dialog-trigger.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface DialogTriggerProps extends HTMLArkProps<'button'> {
+export interface DialogTriggerBaseProps extends PolymorphicProps {
+}
+export interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {
 }
 export declare const DialogTrigger: ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/dialog/dialog.d.cts

@@ -1,11 +1,11 @@
 export type { OpenChangeDetails } from '@zag-js/dialog';
-export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop';
-export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger';
-export { DialogContent as Content, type DialogContentProps as ContentProps } from './dialog-content';
+export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, type DialogBackdropBaseProps as BackdropBaseProps, } from './dialog-backdrop';
+export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerProps as CloseTriggerProps, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, } from './dialog-close-trigger';
+export { DialogContent as Content, type DialogContentProps as ContentProps, type DialogContentBaseProps as ContentBaseProps, } from './dialog-content';
 export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context';
-export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, } from './dialog-description';
-export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, } from './dialog-positioner';
-export { DialogRoot as Root, type DialogRootProps as RootProps } from './dialog-root';
-export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider';
-export { DialogTitle as Title, type DialogTitleProps as TitleProps } from './dialog-title';
-export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps } from './dialog-trigger';
+export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, type DialogDescriptionBaseProps as DescriptionBaseProps, } from './dialog-description';
+export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, type DialogPositionerBaseProps as PositionerBaseProps, } from './dialog-positioner';
+export { DialogRoot as Root, type DialogRootProps as RootProps, type DialogRootBaseProps as RootBaseProps, } from './dialog-root';
+export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, type DialogRootProviderBaseProps as RootProviderBaseProps, } from './dialog-root-provider';
+export { DialogTitle as Title, type DialogTitleProps as TitleProps, type DialogTitleBaseProps as TitleBaseProps, } from './dialog-title';
+export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps, type DialogTriggerBaseProps as TriggerBaseProps, } from './dialog-trigger';

package/dist/components/dialog/dialog.d.ts

@@ -1,11 +1,11 @@
 export type { OpenChangeDetails } from '@zag-js/dialog';
-export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, } from './dialog-backdrop';
-export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerProps as CloseTriggerProps, } from './dialog-close-trigger';
-export { DialogContent as Content, type DialogContentProps as ContentProps } from './dialog-content';
+export { DialogBackdrop as Backdrop, type DialogBackdropProps as BackdropProps, type DialogBackdropBaseProps as BackdropBaseProps, } from './dialog-backdrop';
+export { DialogCloseTrigger as CloseTrigger, type DialogCloseTriggerProps as CloseTriggerProps, type DialogCloseTriggerBaseProps as CloseTriggerBaseProps, } from './dialog-close-trigger';
+export { DialogContent as Content, type DialogContentProps as ContentProps, type DialogContentBaseProps as ContentBaseProps, } from './dialog-content';
 export { DialogContext as Context, type DialogContextProps as ContextProps } from './dialog-context';
-export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, } from './dialog-description';
-export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, } from './dialog-positioner';
-export { DialogRoot as Root, type DialogRootProps as RootProps } from './dialog-root';
-export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, } from './dialog-root-provider';
-export { DialogTitle as Title, type DialogTitleProps as TitleProps } from './dialog-title';
-export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps } from './dialog-trigger';
+export { DialogDescription as Description, type DialogDescriptionProps as DescriptionProps, type DialogDescriptionBaseProps as DescriptionBaseProps, } from './dialog-description';
+export { DialogPositioner as Positioner, type DialogPositionerProps as PositionerProps, type DialogPositionerBaseProps as PositionerBaseProps, } from './dialog-positioner';
+export { DialogRoot as Root, type DialogRootProps as RootProps, type DialogRootBaseProps as RootBaseProps, } from './dialog-root';
+export { DialogRootProvider as RootProvider, type DialogRootProviderProps as RootProviderProps, type DialogRootProviderBaseProps as RootProviderBaseProps, } from './dialog-root-provider';
+export { DialogTitle as Title, type DialogTitleProps as TitleProps, type DialogTitleBaseProps as TitleBaseProps, } from './dialog-title';
+export { DialogTrigger as Trigger, type DialogTriggerProps as TriggerProps, type DialogTriggerBaseProps as TriggerBaseProps, } from './dialog-trigger';

package/dist/components/dialog/index.d.cts

@@ -1,14 +1,14 @@
 export type { OpenChangeDetails as DialogOpenChangeDetails } from '@zag-js/dialog';
-export { DialogBackdrop, type DialogBackdropProps } from './dialog-backdrop';
-export { DialogCloseTrigger, type DialogCloseTriggerProps } from './dialog-close-trigger';
-export { DialogContent, type DialogContentProps } from './dialog-content';
-export { DialogContext, type DialogContextProps } from './dialog-context';
-export { DialogDescription, type DialogDescriptionProps } from './dialog-description';
-export { DialogPositioner, type DialogPositionerProps } from './dialog-positioner';
-export { DialogRoot, type DialogRootProps } from './dialog-root';
-export { DialogRootProvider, type DialogRootProviderProps } from './dialog-root-provider';
-export { DialogTitle, type DialogTitleProps } from './dialog-title';
-export { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';
+export { DialogBackdrop, type DialogBackdropProps, type DialogBackdropBaseProps, } from './dialog-backdrop';
+export { DialogCloseTrigger, type DialogCloseTriggerProps, type DialogCloseTriggerBaseProps, } from './dialog-close-trigger';
+export { DialogContent, type DialogContentProps, type DialogContentBaseProps, } from './dialog-content';
+export { DialogContext, type DialogContextProps, } from './dialog-context';
+export { DialogDescription, type DialogDescriptionProps, type DialogDescriptionBaseProps, } from './dialog-description';
+export { DialogPositioner, type DialogPositionerProps, type DialogPositionerBaseProps, } from './dialog-positioner';
+export { DialogRoot, type DialogRootProps, type DialogRootBaseProps, } from './dialog-root';
+export { DialogRootProvider, type DialogRootProviderProps, type DialogRootProviderBaseProps, } from './dialog-root-provider';
+export { DialogTitle, type DialogTitleProps, type DialogTitleBaseProps, } from './dialog-title';
+export { DialogTrigger, type DialogTriggerProps, type DialogTriggerBaseProps, } from './dialog-trigger';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';
 export { useDialogContext, type UseDialogContext } from './use-dialog-context';
 export * as Dialog from './dialog';

package/dist/components/dialog/index.d.ts

@@ -1,14 +1,14 @@
 export type { OpenChangeDetails as DialogOpenChangeDetails } from '@zag-js/dialog';
-export { DialogBackdrop, type DialogBackdropProps } from './dialog-backdrop';
-export { DialogCloseTrigger, type DialogCloseTriggerProps } from './dialog-close-trigger';
-export { DialogContent, type DialogContentProps } from './dialog-content';
-export { DialogContext, type DialogContextProps } from './dialog-context';
-export { DialogDescription, type DialogDescriptionProps } from './dialog-description';
-export { DialogPositioner, type DialogPositionerProps } from './dialog-positioner';
-export { DialogRoot, type DialogRootProps } from './dialog-root';
-export { DialogRootProvider, type DialogRootProviderProps } from './dialog-root-provider';
-export { DialogTitle, type DialogTitleProps } from './dialog-title';
-export { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';
+export { DialogBackdrop, type DialogBackdropProps, type DialogBackdropBaseProps, } from './dialog-backdrop';
+export { DialogCloseTrigger, type DialogCloseTriggerProps, type DialogCloseTriggerBaseProps, } from './dialog-close-trigger';
+export { DialogContent, type DialogContentProps, type DialogContentBaseProps, } from './dialog-content';
+export { DialogContext, type DialogContextProps, } from './dialog-context';
+export { DialogDescription, type DialogDescriptionProps, type DialogDescriptionBaseProps, } from './dialog-description';
+export { DialogPositioner, type DialogPositionerProps, type DialogPositionerBaseProps, } from './dialog-positioner';
+export { DialogRoot, type DialogRootProps, type DialogRootBaseProps, } from './dialog-root';
+export { DialogRootProvider, type DialogRootProviderProps, type DialogRootProviderBaseProps, } from './dialog-root-provider';
+export { DialogTitle, type DialogTitleProps, type DialogTitleBaseProps, } from './dialog-title';
+export { DialogTrigger, type DialogTriggerProps, type DialogTriggerBaseProps, } from './dialog-trigger';
 export { useDialog, type UseDialogProps, type UseDialogReturn } from './use-dialog';
 export { useDialogContext, type UseDialogContext } from './use-dialog-context';
 export * as Dialog from './dialog';

package/dist/components/editable/editable-area.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableAreaProps extends HTMLArkProps<'div'> {
+export interface EditableAreaBaseProps extends PolymorphicProps {
+}
+export interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {
 }
 export declare const EditableArea: ForwardRefExoticComponent<EditableAreaProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-area.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableAreaProps extends HTMLArkProps<'div'> {
+export interface EditableAreaBaseProps extends PolymorphicProps {
+}
+export interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {
 }
 export declare const EditableArea: ForwardRefExoticComponent<EditableAreaProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-cancel-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableCancelTriggerProps extends HTMLArkProps<'button'> {
+export interface EditableCancelTriggerBaseProps extends PolymorphicProps {
+}
+export interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {
 }
 export declare const EditableCancelTrigger: ForwardRefExoticComponent<EditableCancelTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/editable/editable-cancel-trigger.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableCancelTriggerProps extends HTMLArkProps<'button'> {
+export interface EditableCancelTriggerBaseProps extends PolymorphicProps {
+}
+export interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {
 }
 export declare const EditableCancelTrigger: ForwardRefExoticComponent<EditableCancelTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/editable/editable-control.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableControlProps extends HTMLArkProps<'div'> {
+export interface EditableControlBaseProps extends PolymorphicProps {
+}
+export interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {
 }
 export declare const EditableControl: ForwardRefExoticComponent<EditableControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-control.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableControlProps extends HTMLArkProps<'div'> {
+export interface EditableControlBaseProps extends PolymorphicProps {
+}
+export interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {
 }
 export declare const EditableControl: ForwardRefExoticComponent<EditableControlProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-edit-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableEditTriggerProps extends HTMLArkProps<'button'> {
+export interface EditableEditTriggerBaseProps extends PolymorphicProps {
+}
+export interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {
 }
 export declare const EditableEditTrigger: ForwardRefExoticComponent<EditableEditTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableEditTriggerProps extends HTMLArkProps<'button'> {
+export interface EditableEditTriggerBaseProps extends PolymorphicProps {
+}
+export interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {
 }
 export declare const EditableEditTrigger: ForwardRefExoticComponent<EditableEditTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/editable/editable-input.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableInputProps extends HTMLArkProps<'input'> {
+export interface EditableInputBaseProps extends PolymorphicProps {
+}
+export interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {
 }
 export declare const EditableInput: ForwardRefExoticComponent<EditableInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/editable/editable-input.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableInputProps extends HTMLArkProps<'input'> {
+export interface EditableInputBaseProps extends PolymorphicProps {
+}
+export interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {
 }
 export declare const EditableInput: ForwardRefExoticComponent<EditableInputProps & RefAttributes<HTMLInputElement>>;

package/dist/components/editable/editable-label.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableLabelProps extends HTMLArkProps<'label'> {
+export interface EditableLabelBaseProps extends PolymorphicProps {
+}
+export interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {
 }
 export declare const EditableLabel: ForwardRefExoticComponent<EditableLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/editable/editable-label.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableLabelProps extends HTMLArkProps<'label'> {
+export interface EditableLabelBaseProps extends PolymorphicProps {
+}
+export interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {
 }
 export declare const EditableLabel: ForwardRefExoticComponent<EditableLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/components/editable/editable-preview.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditablePreviewProps extends HTMLArkProps<'span'> {
+export interface EditablePreviewBaseProps extends PolymorphicProps {
+}
+export interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {
 }
 export declare const EditablePreview: ForwardRefExoticComponent<EditablePreviewProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/editable/editable-preview.d.ts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditablePreviewProps extends HTMLArkProps<'span'> {
+export interface EditablePreviewBaseProps extends PolymorphicProps {
+}
+export interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {
 }
 export declare const EditablePreview: ForwardRefExoticComponent<EditablePreviewProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/editable/editable-root-provider.d.cts

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseEditableReturn } from './use-editable';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseEditableReturn;
 }
-export interface EditableRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface EditableRootProviderProps extends HTMLProps<'div'>, EditableRootProviderBaseProps {
 }
 export declare const EditableRootProvider: ForwardRefExoticComponent<EditableRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/editable/editable-root-provider.d.ts

@@ -1,11 +1,13 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseEditableReturn } from './use-editable';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
 interface RootProviderProps {
     value: UseEditableReturn;
 }
-export interface EditableRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface EditableRootProviderProps extends HTMLProps<'div'>, EditableRootProviderBaseProps {
 }
 export declare const EditableRootProvider: ForwardRefExoticComponent<EditableRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/editable/editable-root.d.cts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseEditableProps } from './use-editable';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableRootProps extends Assign<HTMLArkProps<'div'>, UseEditableProps> {
+export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {
+}
+export interface EditableRootProps extends Assign<HTMLProps<'div'>, EditableRootBaseProps> {
 }
 export declare const EditableRoot: ForwardRefExoticComponent<EditableRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-root.d.ts

@@ -1,8 +1,10 @@
 import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { UseEditableProps } from './use-editable';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableRootProps extends Assign<HTMLArkProps<'div'>, UseEditableProps> {
+export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {
+}
+export interface EditableRootProps extends Assign<HTMLProps<'div'>, EditableRootBaseProps> {
 }
 export declare const EditableRoot: ForwardRefExoticComponent<EditableRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-submit-trigger.d.cts

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableSubmitTriggerProps extends HTMLArkProps<'button'> {
+export interface EditableSubmitTriggerBaseProps extends PolymorphicProps {
+}
+export interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {
 }
 export declare const EditableSubmitTrigger: ForwardRefExoticComponent<EditableSubmitTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface EditableSubmitTriggerProps extends HTMLArkProps<'button'> {
+export interface EditableSubmitTriggerBaseProps extends PolymorphicProps {
+}
+export interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {
 }
 export declare const EditableSubmitTrigger: ForwardRefExoticComponent<EditableSubmitTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/editable/editable.d.cts

@@ -1,12 +1,12 @@
 export type { ValueChangeDetails } from '@zag-js/editable';
-export { EditableArea as Area, type EditableAreaProps as AreaProps } from './editable-area';
-export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerProps as CancelTriggerProps, } from './editable-cancel-trigger';
+export { EditableArea as Area, type EditableAreaProps as AreaProps, type EditableAreaBaseProps as AreaBaseProps, } from './editable-area';
+export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerProps as CancelTriggerProps, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, } from './editable-cancel-trigger';
 export { EditableContext as Context, type EditableContextProps as ContextProps, } from './editable-context';
-export { EditableControl as Control, type EditableControlProps as ControlProps, } from './editable-control';
-export { EditableEditTrigger as EditTrigger, type EditableEditTriggerProps as EditTriggerProps, } from './editable-edit-trigger';
-export { EditableInput as Input, type EditableInputProps as InputProps } from './editable-input';
-export { EditableLabel as Label, type EditableLabelProps as LabelProps } from './editable-label';
-export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, } from './editable-preview';
-export { EditableRoot as Root, type EditableRootProps as RootProps } from './editable-root';
-export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, } from './editable-root-provider';
-export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, } from './editable-submit-trigger';
+export { EditableControl as Control, type EditableControlProps as ControlProps, type EditableControlBaseProps as ControlBaseProps, } from './editable-control';
+export { EditableEditTrigger as EditTrigger, type EditableEditTriggerProps as EditTriggerProps, type EditableEditTriggerBaseProps as EditTriggerBaseProps, } from './editable-edit-trigger';
+export { EditableInput as Input, type EditableInputProps as InputProps, type EditableInputBaseProps as InputBaseProps, } from './editable-input';
+export { EditableLabel as Label, type EditableLabelProps as LabelProps, type EditableLabelBaseProps as LabelBaseProps, } from './editable-label';
+export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, type EditablePreviewBaseProps as PreviewBaseProps, } from './editable-preview';
+export { EditableRoot as Root, type EditableRootProps as RootProps, type EditableRootBaseProps as RootBaseProps, } from './editable-root';
+export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, type EditableRootProviderBaseProps as RootProviderBaseProps, } from './editable-root-provider';
+export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, } from './editable-submit-trigger';

package/dist/components/editable/editable.d.ts

@@ -1,12 +1,12 @@
 export type { ValueChangeDetails } from '@zag-js/editable';
-export { EditableArea as Area, type EditableAreaProps as AreaProps } from './editable-area';
-export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerProps as CancelTriggerProps, } from './editable-cancel-trigger';
+export { EditableArea as Area, type EditableAreaProps as AreaProps, type EditableAreaBaseProps as AreaBaseProps, } from './editable-area';
+export { EditableCancelTrigger as CancelTrigger, type EditableCancelTriggerProps as CancelTriggerProps, type EditableCancelTriggerBaseProps as CancelTriggerBaseProps, } from './editable-cancel-trigger';
 export { EditableContext as Context, type EditableContextProps as ContextProps, } from './editable-context';
-export { EditableControl as Control, type EditableControlProps as ControlProps, } from './editable-control';
-export { EditableEditTrigger as EditTrigger, type EditableEditTriggerProps as EditTriggerProps, } from './editable-edit-trigger';
-export { EditableInput as Input, type EditableInputProps as InputProps } from './editable-input';
-export { EditableLabel as Label, type EditableLabelProps as LabelProps } from './editable-label';
-export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, } from './editable-preview';
-export { EditableRoot as Root, type EditableRootProps as RootProps } from './editable-root';
-export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, } from './editable-root-provider';
-export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, } from './editable-submit-trigger';
+export { EditableControl as Control, type EditableControlProps as ControlProps, type EditableControlBaseProps as ControlBaseProps, } from './editable-control';
+export { EditableEditTrigger as EditTrigger, type EditableEditTriggerProps as EditTriggerProps, type EditableEditTriggerBaseProps as EditTriggerBaseProps, } from './editable-edit-trigger';
+export { EditableInput as Input, type EditableInputProps as InputProps, type EditableInputBaseProps as InputBaseProps, } from './editable-input';
+export { EditableLabel as Label, type EditableLabelProps as LabelProps, type EditableLabelBaseProps as LabelBaseProps, } from './editable-label';
+export { EditablePreview as Preview, type EditablePreviewProps as PreviewProps, type EditablePreviewBaseProps as PreviewBaseProps, } from './editable-preview';
+export { EditableRoot as Root, type EditableRootProps as RootProps, type EditableRootBaseProps as RootBaseProps, } from './editable-root';
+export { EditableRootProvider as RootProvider, type EditableRootProviderProps as RootProviderProps, type EditableRootProviderBaseProps as RootProviderBaseProps, } from './editable-root-provider';
+export { EditableSubmitTrigger as SubmitTrigger, type EditableSubmitTriggerProps as SubmitTriggerProps, type EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, } from './editable-submit-trigger';

package/dist/components/editable/index.d.cts

@@ -1,15 +1,15 @@
 export type { ValueChangeDetails as EditableValueChangeDetails } from '@zag-js/editable';
-export { EditableArea, type EditableAreaProps } from './editable-area';
-export { EditableCancelTrigger, type EditableCancelTriggerProps } from './editable-cancel-trigger';
-export { EditableContext, type EditableContextProps } from './editable-context';
-export { EditableControl, type EditableControlProps } from './editable-control';
-export { EditableEditTrigger, type EditableEditTriggerProps } from './editable-edit-trigger';
-export { EditableInput, type EditableInputProps } from './editable-input';
-export { EditableLabel, type EditableLabelProps } from './editable-label';
-export { EditablePreview, type EditablePreviewProps } from './editable-preview';
-export { EditableRoot, type EditableRootProps } from './editable-root';
-export { EditableRootProvider, type EditableRootProviderProps } from './editable-root-provider';
-export { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
+export { EditableArea, type EditableAreaProps, type EditableAreaBaseProps, } from './editable-area';
+export { EditableCancelTrigger, type EditableCancelTriggerProps, type EditableCancelTriggerBaseProps, } from './editable-cancel-trigger';
+export { EditableContext, type EditableContextProps, } from './editable-context';
+export { EditableControl, type EditableControlProps, type EditableControlBaseProps, } from './editable-control';
+export { EditableEditTrigger, type EditableEditTriggerProps, type EditableEditTriggerBaseProps, } from './editable-edit-trigger';
+export { EditableInput, type EditableInputProps, type EditableInputBaseProps, } from './editable-input';
+export { EditableLabel, type EditableLabelProps, type EditableLabelBaseProps, } from './editable-label';
+export { EditablePreview, type EditablePreviewProps, type EditablePreviewBaseProps, } from './editable-preview';
+export { EditableRoot, type EditableRootProps, type EditableRootBaseProps, } from './editable-root';
+export { EditableRootProvider, type EditableRootProviderProps, type EditableRootProviderBaseProps, } from './editable-root-provider';
+export { EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableSubmitTriggerBaseProps, } from './editable-submit-trigger';
 export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable';
 export { useEditableContext, type UseEditableContext } from './use-editable-context';
 export * as Editable from './editable';

package/dist/components/editable/index.d.ts

@@ -1,15 +1,15 @@
 export type { ValueChangeDetails as EditableValueChangeDetails } from '@zag-js/editable';
-export { EditableArea, type EditableAreaProps } from './editable-area';
-export { EditableCancelTrigger, type EditableCancelTriggerProps } from './editable-cancel-trigger';
-export { EditableContext, type EditableContextProps } from './editable-context';
-export { EditableControl, type EditableControlProps } from './editable-control';
-export { EditableEditTrigger, type EditableEditTriggerProps } from './editable-edit-trigger';
-export { EditableInput, type EditableInputProps } from './editable-input';
-export { EditableLabel, type EditableLabelProps } from './editable-label';
-export { EditablePreview, type EditablePreviewProps } from './editable-preview';
-export { EditableRoot, type EditableRootProps } from './editable-root';
-export { EditableRootProvider, type EditableRootProviderProps } from './editable-root-provider';
-export { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
+export { EditableArea, type EditableAreaProps, type EditableAreaBaseProps, } from './editable-area';
+export { EditableCancelTrigger, type EditableCancelTriggerProps, type EditableCancelTriggerBaseProps, } from './editable-cancel-trigger';
+export { EditableContext, type EditableContextProps, } from './editable-context';
+export { EditableControl, type EditableControlProps, type EditableControlBaseProps, } from './editable-control';
+export { EditableEditTrigger, type EditableEditTriggerProps, type EditableEditTriggerBaseProps, } from './editable-edit-trigger';
+export { EditableInput, type EditableInputProps, type EditableInputBaseProps, } from './editable-input';
+export { EditableLabel, type EditableLabelProps, type EditableLabelBaseProps, } from './editable-label';
+export { EditablePreview, type EditablePreviewProps, type EditablePreviewBaseProps, } from './editable-preview';
+export { EditableRoot, type EditableRootProps, type EditableRootBaseProps, } from './editable-root';
+export { EditableRootProvider, type EditableRootProviderProps, type EditableRootProviderBaseProps, } from './editable-root-provider';
+export { EditableSubmitTrigger, type EditableSubmitTriggerProps, type EditableSubmitTriggerBaseProps, } from './editable-submit-trigger';
 export { useEditable, type UseEditableProps, type UseEditableReturn } from './use-editable';
 export { useEditableContext, type UseEditableContext } from './use-editable-context';
 export * as Editable from './editable';

package/dist/components/factory.cjs

@@ -7,10 +7,8 @@ const react = require('react');
 const composeRefs = require('../utils/compose-refs.cjs');
 
 function getRef(child) {
-  if ("ref" in child.props)
-    return child.props.ref;
-  if ("ref" in child)
-    return child.ref;
+  if ("ref" in child.props) return child.props.ref;
+  if ("ref" in child) return child.ref;
   return null;
 }
 const withAsChild = (Component) => {

package/dist/components/factory.d.cts

@@ -1,18 +1,18 @@
 import { default as React, ComponentPropsWithoutRef, JSX } from 'react';
 
-type JsxElements = {
-    [E in keyof JSX.IntrinsicElements]: ArkForwardRefComponent<E>;
-};
-type ArkForwardRefComponent<E extends React.ElementType> = React.ForwardRefExoticComponent<ArkPropsWithRef<E>>;
-type ArkPropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
-    asChild?: boolean;
-};
-export type HTMLArkProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T> & {
+export interface PolymorphicProps {
     /**
-     * Render as a different element type.
+     * Use the provided child element as the default rendered element, combining their props and behavior.
      */
     asChild?: boolean;
+}
+type JsxElements = {
+    [E in keyof JSX.IntrinsicElements]: ArkForwardRefComponent<E>;
 };
+type ArkForwardRefComponent<E extends React.ElementType> = React.ForwardRefExoticComponent<ArkPropsWithRef<E>>;
+type ArkPropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & PolymorphicProps;
+export type HTMLProps<T extends keyof JSX.IntrinsicElements> = ComponentPropsWithoutRef<T>;
+export type HTMLArkProps<T extends keyof JSX.IntrinsicElements> = HTMLProps<T> & PolymorphicProps;
 export declare const jsxFactory: () => JsxElements;
 export declare const ark: JsxElements;
 export {};