@ark-ui/react 3.4.0-0 → 3.4.0

package/dist/components/date-picker/date-picker-view-trigger.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DatePickerViewTriggerBaseProps = {};
-export interface DatePickerViewTriggerProps extends HTMLArkProps<'button'>, DatePickerViewTriggerBaseProps {
+export interface DatePickerViewTriggerBaseProps extends PolymorphicProps {
+}
+export interface DatePickerViewTriggerProps extends HTMLProps<'button'>, DatePickerViewTriggerBaseProps {
 }
 export declare const DatePickerViewTrigger: ForwardRefExoticComponent<DatePickerViewTriggerProps & RefAttributes<HTMLButtonElement>>;

package/dist/components/date-picker/date-picker-view.d.cts

@@ -1,10 +1,9 @@
 import { ViewProps } from '@zag-js/date-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface DatePickerViewBaseProps extends Required<ViewProps> {
+export interface DatePickerViewBaseProps extends Required<ViewProps>, PolymorphicProps {
 }
-export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, DatePickerViewBaseProps> {
+export interface DatePickerViewProps extends HTMLProps<'div'>, DatePickerViewBaseProps {
 }
 export declare const DatePickerView: ForwardRefExoticComponent<DatePickerViewProps & RefAttributes<HTMLDivElement>>;

package/dist/components/date-picker/date-picker-view.d.ts

@@ -1,10 +1,9 @@
 import { ViewProps } from '@zag-js/date-picker';
-import { Assign } from '../../types';
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export interface DatePickerViewBaseProps extends Required<ViewProps> {
+export interface DatePickerViewBaseProps extends Required<ViewProps>, PolymorphicProps {
 }
-export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, DatePickerViewBaseProps> {
+export interface DatePickerViewProps extends HTMLProps<'div'>, DatePickerViewBaseProps {
 }
 export declare const DatePickerView: ForwardRefExoticComponent<DatePickerViewProps & RefAttributes<HTMLDivElement>>;

package/dist/components/date-picker/date-picker-year-select.d.cts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DatePickerYearSelectBaseProps = {};
-export interface DatePickerYearSelectProps extends HTMLArkProps<'select'>, DatePickerYearSelectBaseProps {
+export interface DatePickerYearSelectBaseProps extends PolymorphicProps {
+}
+export interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearSelectBaseProps {
 }
 export declare const DatePickerYearSelect: ForwardRefExoticComponent<DatePickerYearSelectProps & RefAttributes<HTMLSelectElement>>;

package/dist/components/date-picker/date-picker-year-select.d.ts

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DatePickerYearSelectBaseProps = {};
-export interface DatePickerYearSelectProps extends HTMLArkProps<'select'>, DatePickerYearSelectBaseProps {
+export interface DatePickerYearSelectBaseProps extends PolymorphicProps {
+}
+export interface DatePickerYearSelectProps extends HTMLProps<'select'>, DatePickerYearSelectBaseProps {
 }
 export declare const DatePickerYearSelect: ForwardRefExoticComponent<DatePickerYearSelectProps & RefAttributes<HTMLSelectElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogBackdropBaseProps = {};
-export interface DialogBackdropProps extends HTMLArkProps<'div'>, DialogBackdropBaseProps {
+export interface DialogBackdropBaseProps extends PolymorphicProps {
+}
+export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {
 }
 export declare const DialogBackdrop: ForwardRefExoticComponent<DialogBackdropProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogBackdropBaseProps = {};
-export interface DialogBackdropProps extends HTMLArkProps<'div'>, DialogBackdropBaseProps {
+export interface DialogBackdropBaseProps extends PolymorphicProps {
+}
+export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {
 }
 export declare const DialogBackdrop: ForwardRefExoticComponent<DialogBackdropProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogCloseTriggerBaseProps = {};
-export interface DialogCloseTriggerProps extends HTMLArkProps<'button'>, DialogCloseTriggerBaseProps {
+export interface DialogCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface DialogCloseTriggerProps extends HTMLProps<'button'>, DialogCloseTriggerBaseProps {
 }
 export declare const DialogCloseTrigger: ForwardRefExoticComponent<DialogCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogCloseTriggerBaseProps = {};
-export interface DialogCloseTriggerProps extends HTMLArkProps<'button'>, DialogCloseTriggerBaseProps {
+export interface DialogCloseTriggerBaseProps extends PolymorphicProps {
+}
+export interface DialogCloseTriggerProps extends HTMLProps<'button'>, DialogCloseTriggerBaseProps {
 }
 export declare const DialogCloseTrigger: ForwardRefExoticComponent<DialogCloseTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogContentBaseProps = {};
-export interface DialogContentProps extends HTMLArkProps<'div'>, DialogContentBaseProps {
+export interface DialogContentBaseProps extends PolymorphicProps {
+}
+export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {
 }
 export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogContentBaseProps = {};
-export interface DialogContentProps extends HTMLArkProps<'div'>, DialogContentBaseProps {
+export interface DialogContentBaseProps extends PolymorphicProps {
+}
+export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {
 }
 export declare const DialogContent: ForwardRefExoticComponent<DialogContentProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogDescriptionBaseProps = {};
-export interface DialogDescriptionProps extends HTMLArkProps<'div'>, DialogDescriptionBaseProps {
+export interface DialogDescriptionBaseProps extends PolymorphicProps {
 }
-export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLParagraphElement>>;
+export interface DialogDescriptionProps extends HTMLProps<'div'>, DialogDescriptionBaseProps {
+}
+export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogDescriptionBaseProps = {};
-export interface DialogDescriptionProps extends HTMLArkProps<'div'>, DialogDescriptionBaseProps {
+export interface DialogDescriptionBaseProps extends PolymorphicProps {
 }
-export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLParagraphElement>>;
+export interface DialogDescriptionProps extends HTMLProps<'div'>, DialogDescriptionBaseProps {
+}
+export declare const DialogDescription: ForwardRefExoticComponent<DialogDescriptionProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogPositionerBaseProps = {};
-export interface DialogPositionerProps extends HTMLArkProps<'div'>, DialogPositionerBaseProps {
+export interface DialogPositionerBaseProps extends PolymorphicProps {
+}
+export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {
 }
 export declare const DialogPositioner: ForwardRefExoticComponent<DialogPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogPositionerBaseProps = {};
-export interface DialogPositionerProps extends HTMLArkProps<'div'>, DialogPositionerBaseProps {
+export interface DialogPositionerBaseProps extends PolymorphicProps {
+}
+export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {
 }
 export declare const DialogPositioner: ForwardRefExoticComponent<DialogPositionerProps & RefAttributes<HTMLDivElement>>;

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

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
+import { PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseDialogReturn } from './use-dialog';
 
 interface RootProviderProps {
     value: UseDialogReturn;
 }
-export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
 }
 export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
     children?: ReactNode;

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

@@ -1,11 +1,12 @@
 import { ReactNode } from 'react';
+import { PolymorphicProps } from '../factory';
 import { UsePresenceProps } from '../presence';
 import { UseDialogReturn } from './use-dialog';
 
 interface RootProviderProps {
     value: UseDialogReturn;
 }
-export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {
 }
 export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
     children?: ReactNode;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogTitleBaseProps = {};
-export interface DialogTitleProps extends HTMLArkProps<'h2'>, DialogTitleBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogTitleBaseProps = {};
-export interface DialogTitleProps extends HTMLArkProps<'h2'>, DialogTitleBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogTriggerBaseProps = {};
-export interface DialogTriggerProps extends HTMLArkProps<'button'>, DialogTriggerBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type DialogTriggerBaseProps = {};
-export interface DialogTriggerProps extends HTMLArkProps<'button'>, DialogTriggerBaseProps {
+export interface DialogTriggerBaseProps extends PolymorphicProps {
+}
+export interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {
 }
 export declare const DialogTrigger: ForwardRefExoticComponent<DialogTriggerProps & RefAttributes<HTMLButtonElement>>;

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableAreaBaseProps = {};
-export interface EditableAreaProps extends HTMLArkProps<'div'>, EditableAreaBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableAreaBaseProps = {};
-export interface EditableAreaProps extends HTMLArkProps<'div'>, EditableAreaBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableCancelTriggerBaseProps = {};
-export interface EditableCancelTriggerProps extends HTMLArkProps<'button'>, EditableCancelTriggerBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableCancelTriggerBaseProps = {};
-export interface EditableCancelTriggerProps extends HTMLArkProps<'button'>, EditableCancelTriggerBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableControlBaseProps = {};
-export interface EditableControlProps extends HTMLArkProps<'div'>, EditableControlBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableControlBaseProps = {};
-export interface EditableControlProps extends HTMLArkProps<'div'>, EditableControlBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableEditTriggerBaseProps = {};
-export interface EditableEditTriggerProps extends HTMLArkProps<'button'>, EditableEditTriggerBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableEditTriggerBaseProps = {};
-export interface EditableEditTriggerProps extends HTMLArkProps<'button'>, EditableEditTriggerBaseProps {
+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.cjs

@@ -7,12 +7,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
+const useFieldContext = require('../field/use-field-context.cjs');
 const useEditableContext = require('./use-editable-context.cjs');
 
 const EditableInput = react.forwardRef((props, ref) => {
   const editable = useEditableContext.useEditableContext();
   const mergedProps = react$1.mergeProps(editable.getInputProps(), props);
-  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
+  const field = useFieldContext.useFieldContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
 });
 EditableInput.displayName = "EditableInput";
 

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableInputBaseProps = {};
-export interface EditableInputProps extends HTMLArkProps<'input'>, EditableInputBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableInputBaseProps = {};
-export interface EditableInputProps extends HTMLArkProps<'input'>, EditableInputBaseProps {
+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.js

@@ -3,12 +3,14 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.js';
+import { useFieldContext } from '../field/use-field-context.js';
 import { useEditableContext } from './use-editable-context.js';
 
 const EditableInput = forwardRef((props, ref) => {
   const editable = useEditableContext();
   const mergedProps = mergeProps(editable.getInputProps(), props);
-  return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
+  const field = useFieldContext();
+  return /* @__PURE__ */ jsx(ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
 });
 EditableInput.displayName = "EditableInput";
 

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

@@ -1,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableLabelBaseProps = {};
-export interface EditableLabelProps extends HTMLArkProps<'label'>, EditableLabelBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditableLabelBaseProps = {};
-export interface EditableLabelProps extends HTMLArkProps<'label'>, EditableLabelBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditablePreviewBaseProps = {};
-export interface EditablePreviewProps extends HTMLArkProps<'span'>, EditablePreviewBaseProps {
+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,7 +1,8 @@
-import { HTMLArkProps } from '../factory';
+import { HTMLProps, PolymorphicProps } from '../factory';
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 
-export type EditablePreviewBaseProps = {};
-export interface EditablePreviewProps extends HTMLArkProps<'span'>, EditablePreviewBaseProps {
+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,13 +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 EditableRootProviderBaseProps extends RootProviderProps {
+export interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface EditableRootProviderProps extends HTMLArkProps<'div'>, EditableRootProviderBaseProps {
+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,13 +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 EditableRootProviderBaseProps extends RootProviderProps {
+export interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
 }
-export interface EditableRootProviderProps extends HTMLArkProps<'div'>, EditableRootProviderBaseProps {
+export interface EditableRootProviderProps extends HTMLProps<'div'>, EditableRootProviderBaseProps {
 }
 export declare const EditableRootProvider: ForwardRefExoticComponent<EditableRootProviderProps & RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/editable/editable-root.cjs

@@ -33,6 +33,7 @@ const EditableRoot = react.forwardRef((props, ref) => {
     "onValueRevert",
     "placeholder",
     "readOnly",
+    "required",
     "selectOnFocus",
     "startWithEditView",
     "submitMode",

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

@@ -1,10 +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 EditableRootBaseProps extends UseEditableProps {
+export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {
 }
-export interface EditableRootProps extends Assign<HTMLArkProps<'div'>, EditableRootBaseProps> {
+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,10 +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 EditableRootBaseProps extends UseEditableProps {
+export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {
 }
-export interface EditableRootProps extends Assign<HTMLArkProps<'div'>, EditableRootBaseProps> {
+export interface EditableRootProps extends Assign<HTMLProps<'div'>, EditableRootBaseProps> {
 }
 export declare const EditableRoot: ForwardRefExoticComponent<EditableRootProps & RefAttributes<HTMLDivElement>>;

package/dist/components/editable/editable-root.js

@@ -29,6 +29,7 @@ const EditableRoot = forwardRef((props, ref) => {
     "onValueRevert",
     "placeholder",
     "readOnly",
+    "required",
     "selectOnFocus",
     "startWithEditView",
     "submitMode",

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

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