@ark-ui/solid 3.3.0 → 3.4.0

package/dist/types/components/date-picker/index.d.ts

@@ -1,30 +1,30 @@
 export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, } from '@zag-js/date-picker';
-export { DatePickerClearTrigger, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger';
-export { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
-export { DatePickerContext, type DatePickerContextProps } from './date-picker-context';
-export { DatePickerControl, type DatePickerControlProps } from './date-picker-control';
-export { DatePickerInput, type DatePickerInputProps } from './date-picker-input';
-export { DatePickerLabel, type DatePickerLabelProps } from './date-picker-label';
-export { DatePickerMonthSelect, type DatePickerMonthSelectProps } from './date-picker-month-select';
-export { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-picker-next-trigger';
-export { DatePickerPositioner, type DatePickerPositionerProps } from './date-picker-positioner';
-export { DatePickerPresetTrigger, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger';
-export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
-export { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
-export { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
-export { DatePickerRootProvider, type DatePickerRootProviderProps, } from './date-picker-root-provider';
-export { DatePickerTable, type DatePickerTableProps } from './date-picker-table';
-export { DatePickerTableBody, type DatePickerTableBodyProps } from './date-picker-table-body';
-export { DatePickerTableCell, type DatePickerTableCellProps } from './date-picker-table-cell';
-export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger';
-export { DatePickerTableHead, type DatePickerTableHeadProps } from './date-picker-table-head';
-export { DatePickerTableHeader, type DatePickerTableHeaderProps } from './date-picker-table-header';
-export { DatePickerTableRow, type DatePickerTableRowProps } from './date-picker-table-row';
-export { DatePickerTrigger, type DatePickerTriggerProps } from './date-picker-trigger';
-export { DatePickerView, type DatePickerViewProps } from './date-picker-view';
-export { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
-export { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
-export { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
+export { DatePickerClearTrigger, type DatePickerClearTriggerProps, type DatePickerClearTriggerBaseProps, } from './date-picker-clear-trigger';
+export { DatePickerContent, type DatePickerContentProps, type DatePickerContentBaseProps, } from './date-picker-content';
+export { DatePickerContext, type DatePickerContextProps, } from './date-picker-context';
+export { DatePickerControl, type DatePickerControlProps, type DatePickerControlBaseProps, } from './date-picker-control';
+export { DatePickerInput, type DatePickerInputProps, type DatePickerInputBaseProps, } from './date-picker-input';
+export { DatePickerLabel, type DatePickerLabelProps, type DatePickerLabelBaseProps, } from './date-picker-label';
+export { DatePickerMonthSelect, type DatePickerMonthSelectProps, type DatePickerMonthSelectBaseProps, } from './date-picker-month-select';
+export { DatePickerNextTrigger, type DatePickerNextTriggerProps, type DatePickerNextTriggerBaseProps, } from './date-picker-next-trigger';
+export { DatePickerPositioner, type DatePickerPositionerProps, type DatePickerPositionerBaseProps, } from './date-picker-positioner';
+export { DatePickerPresetTrigger, type DatePickerPresetTriggerProps, type DatePickerPresetTriggerBaseProps, } from './date-picker-preset-trigger';
+export { DatePickerPrevTrigger, type DatePickerPrevTriggerProps, type DatePickerPrevTriggerBaseProps, } from './date-picker-prev-trigger';
+export { DatePickerRangeText, type DatePickerRangeTextProps, type DatePickerRangeTextBaseProps, } from './date-picker-range-text';
+export { DatePickerRoot, type DatePickerRootProps, type DatePickerRootBaseProps, } from './date-picker-root';
+export { DatePickerRootProvider, type DatePickerRootProviderProps, type DatePickerRootProviderBaseProps, } from './date-picker-root-provider';
+export { DatePickerTable, type DatePickerTableProps, type DatePickerTableBaseProps, } from './date-picker-table';
+export { DatePickerTableBody, type DatePickerTableBodyProps, type DatePickerTableBodyBaseProps, } from './date-picker-table-body';
+export { DatePickerTableCell, type DatePickerTableCellProps, type DatePickerTableCellBaseProps, } from './date-picker-table-cell';
+export { DatePickerTableCellTrigger, type DatePickerTableCellTriggerProps, type DatePickerTableCellTriggerBaseProps, } from './date-picker-table-cell-trigger';
+export { DatePickerTableHead, type DatePickerTableHeadProps, type DatePickerTableHeadBaseProps, } from './date-picker-table-head';
+export { DatePickerTableHeader, type DatePickerTableHeaderProps, type DatePickerTableHeaderBaseProps, } from './date-picker-table-header';
+export { DatePickerTableRow, type DatePickerTableRowProps, type DatePickerTableRowBaseProps, } from './date-picker-table-row';
+export { DatePickerTrigger, type DatePickerTriggerProps, type DatePickerTriggerBaseProps, } from './date-picker-trigger';
+export { DatePickerView, type DatePickerViewProps, type DatePickerViewBaseProps, } from './date-picker-view';
+export { DatePickerViewControl, type DatePickerViewControlProps, type DatePickerViewControlBaseProps, } from './date-picker-view-control';
+export { DatePickerViewTrigger, type DatePickerViewTriggerProps, type DatePickerViewTriggerBaseProps, } from './date-picker-view-trigger';
+export { DatePickerYearSelect, type DatePickerYearSelectProps, type DatePickerYearSelectBaseProps, } from './date-picker-year-select';
 export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
 export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context';
 export * as DatePicker from './date-picker';

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogBackdropProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogBackdropBaseProps extends PolymorphicProps<'div'> {
+}
+export interface DialogBackdropProps extends HTMLProps<'div'>, DialogBackdropBaseProps {
 }
 export declare const DialogBackdrop: (props: DialogBackdropProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogCloseTriggerProps extends HTMLArkProps<'button'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogCloseTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface DialogCloseTriggerProps extends HTMLProps<'button'>, DialogCloseTriggerBaseProps {
 }
 export declare const DialogCloseTrigger: (props: DialogCloseTriggerProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogContentProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogContentBaseProps extends PolymorphicProps<'div'> {
+}
+export interface DialogContentProps extends HTMLProps<'div'>, DialogContentBaseProps {
 }
 export declare const DialogContent: (props: DialogContentProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogDescriptionProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogDescriptionBaseProps extends PolymorphicProps<'div'> {
+}
+export interface DialogDescriptionProps extends HTMLProps<'div'>, DialogDescriptionBaseProps {
 }
 export declare const DialogDescription: (props: DialogDescriptionProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogPositionerProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogPositionerBaseProps extends PolymorphicProps<'div'> {
+}
+export interface DialogPositionerProps extends HTMLProps<'div'>, DialogPositionerBaseProps {
 }
 export declare const DialogPositioner: (props: DialogPositionerProps) => import("solid-js").JSX.Element;

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

@@ -2,10 +2,12 @@ import type { JSX } from 'solid-js';
 import { type UsePresenceProps } from '../presence';
 import type { UseDialogReturn } from './use-dialog';
 interface RootProviderProps {
-    children?: JSX.Element;
     value: UseDialogReturn;
 }
-export interface DialogRootProviderProps extends RootProviderProps, UsePresenceProps {
+export interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps {
+}
+export interface DialogRootProviderProps extends DialogRootProviderBaseProps {
+    children?: JSX.Element;
 }
 export declare const DialogRootProvider: (props: DialogRootProviderProps) => JSX.Element;
 export {};

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

@@ -1,6 +1,8 @@
 import type { JSX } from 'solid-js';
 import { type UsePresenceProps } from '../presence';
 import { type UseDialogProps } from './use-dialog';
+export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
+}
 export interface DialogRootProps extends UseDialogProps, UsePresenceProps {
     children?: JSX.Element;
 }

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogTitleProps extends HTMLArkProps<'h2'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogTitleBaseProps extends PolymorphicProps<'h2'> {
+}
+export interface DialogTitleProps extends HTMLProps<'h2'>, DialogTitleBaseProps {
 }
 export declare const DialogTitle: (props: DialogTitleProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface DialogTriggerProps extends HTMLArkProps<'button'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface DialogTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface DialogTriggerProps extends HTMLProps<'button'>, DialogTriggerBaseProps {
 }
 export declare const DialogTrigger: (props: DialogTriggerProps) => import("solid-js").JSX.Element;

package/dist/types/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/types/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/types/components/editable/editable-area.d.ts

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableAreaProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableAreaBaseProps extends PolymorphicProps<'div'> {
+}
+export interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {
 }
 export declare const EditableArea: (props: EditableAreaProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableCancelTriggerProps extends HTMLArkProps<'button'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableCancelTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {
 }
 export declare const EditableCancelTrigger: (props: EditableCancelTriggerProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableControlProps extends HTMLArkProps<'div'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableControlBaseProps extends PolymorphicProps<'div'> {
+}
+export interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {
 }
 export declare const EditableControl: (props: EditableControlProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableEditTriggerProps extends HTMLArkProps<'button'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableEditTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {
 }
 export declare const EditableEditTrigger: (props: EditableEditTriggerProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableInputProps extends HTMLArkProps<'input'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableInputBaseProps extends PolymorphicProps<'input'> {
+}
+export interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {
 }
 export declare const EditableInput: (props: EditableInputProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableLabelProps extends HTMLArkProps<'label'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableLabelBaseProps extends PolymorphicProps<'label'> {
+}
+export interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {
 }
 export declare const EditableLabel: (props: EditableLabelProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditablePreviewProps extends HTMLArkProps<'span'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditablePreviewBaseProps extends PolymorphicProps<'span'> {
+}
+export interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {
 }
 export declare const EditablePreview: (props: EditablePreviewProps) => import("solid-js").JSX.Element;

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

@@ -1,9 +1,11 @@
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import type { UseEditableReturn } from './use-editable';
 interface RootProviderProps {
     value: UseEditableReturn;
 }
-export interface EditableRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+export interface EditableRootProviderBaseProps extends PolymorphicProps<'div'> {
+}
+export interface EditableRootProviderProps extends HTMLProps<'div'>, RootProviderProps, EditableRootProviderBaseProps {
 }
 export declare const EditableRootProvider: (props: EditableRootProviderProps) => import("solid-js").JSX.Element;
 export {};

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

@@ -1,6 +1,7 @@
-import type { Assign } from '../../types';
-import { type HTMLArkProps } from '../factory';
+import { type HTMLProps, type PolymorphicProps } from '../factory';
 import { type UseEditableProps } from './use-editable';
-export interface EditableRootProps extends Assign<HTMLArkProps<'div'>, UseEditableProps> {
+export interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps<'div'> {
+}
+export interface EditableRootProps extends HTMLProps<'div'>, EditableRootBaseProps {
 }
 export declare const EditableRoot: (props: EditableRootProps) => import("solid-js").JSX.Element;

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

@@ -1,4 +1,6 @@
-import { type HTMLArkProps } from '../factory';
-export interface EditableSubmitTriggerProps extends HTMLArkProps<'button'> {
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface EditableSubmitTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {
 }
 export declare const EditableSubmitTrigger: (props: EditableSubmitTriggerProps) => import("solid-js").JSX.Element;

package/dist/types/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/types/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/types/components/factory.d.ts

@@ -5,10 +5,14 @@ type JsxElements = {
     [E in ElementType]: ArkComponent<E>;
 };
 type ParentProps<T extends ElementType> = (userProps?: JSX.IntrinsicElements[T]) => JSX.HTMLAttributes<any>;
-type PolymorphicProps<T extends ElementType> = {
+export type PolymorphicProps<T extends ElementType> = {
+    /**
+     * Use the provided child element as the default rendered element, combining their props and behavior.
+     */
     asChild?: (props: ParentProps<T>) => JSX.Element;
 };
-type HTMLArkProps<E extends ElementType> = Assign<ComponentProps<E>, PolymorphicProps<E>>;
+export type HTMLProps<E extends ElementType> = JSX.IntrinsicElements[E];
+export type HTMLArkProps<E extends ElementType> = Assign<ComponentProps<E>, PolymorphicProps<E>>;
 type ArkComponent<E extends ElementType> = (props: HTMLArkProps<E>) => JSX.Element;
 export declare const ark: JsxElements;
-export type { HTMLArkProps };
+export {};

package/dist/types/components/field/field-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseFieldContext } from './use-field-context';
+export interface FieldContextProps {
+    children: (context: UseFieldContext) => JSX.Element;
+}
+export declare const FieldContext: (props: FieldContextProps) => JSX.Element;

package/dist/types/components/field/field-error-text.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldErrorTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {
+}
+export declare const FieldErrorText: (props: FieldErrorTextProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field-helper-text.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldHelperTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {
+}
+export declare const FieldHelperText: (props: FieldHelperTextProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field-input.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldInputBaseProps extends PolymorphicProps<'input'> {
+}
+export interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {
+}
+export declare const FieldInput: (props: FieldInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field-label.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldLabelBaseProps extends PolymorphicProps<'label'> {
+}
+export interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {
+}
+export declare const FieldLabel: (props: FieldLabelProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import type { UseFieldReturn } from './use-field';
+interface RootProviderProps {
+    value: UseFieldReturn;
+}
+export interface FieldRootProviderBaseProps extends PolymorphicProps<'div'> {
+}
+export interface FieldRootProviderProps extends HTMLProps<'div'>, RootProviderProps, FieldRootProviderBaseProps {
+}
+export declare const FieldRootProvider: (props: FieldRootProviderProps) => import("solid-js").JSX.Element;
+export {};

package/dist/types/components/field/field-root.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import { type UseFieldProps } from './use-field';
+export interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<'div'> {
+}
+export interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {
+}
+export declare const FieldRoot: (props: FieldRootProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field-select.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldSelectBaseProps extends PolymorphicProps<'select'> {
+}
+export interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {
+}
+export declare const FieldSelect: (props: FieldSelectProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field-textarea.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldTextareaBaseProps extends PolymorphicProps<'textarea'> {
+}
+export interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {
+}
+export declare const FieldTextarea: (props: FieldTextareaProps) => import("solid-js").JSX.Element;

package/dist/types/components/field/field.d.ts

@@ -0,0 +1,9 @@
+export { FieldRoot as Root, type FieldRootProps as RootProps, type FieldRootBaseProps as RootBaseProps, } from './field-root';
+export { FieldRootProvider as RootProvider, type FieldRootProviderProps as RootProviderProps, type FieldRootProviderBaseProps as RootProviderBaseProps, } from './field-root-provider';
+export { FieldLabel as Label, type FieldLabelProps as LabelProps, type FieldLabelBaseProps as LabelBaseProps, } from './field-label';
+export { FieldInput as Input, type FieldInputProps as InputProps, type FieldInputBaseProps as InputBaseProps, } from './field-input';
+export { FieldTextarea as Textarea, type FieldTextareaProps as TextareaProps, type FieldTextareaBaseProps as TextareaBaseProps, } from './field-textarea';
+export { FieldSelect as Select, type FieldSelectProps as SelectProps, type FieldSelectBaseProps as SelectBaseProps, } from './field-select';
+export { FieldHelperText as HelperText, type FieldHelperTextProps as HelperTextProps, type FieldHelperTextBaseProps as HelperTextBaseProps, } from './field-helper-text';
+export { FieldErrorText as ErrorText, type FieldErrorTextProps as ErrorTextProps, type FieldErrorTextBaseProps as ErrorTextBaseProps, } from './field-error-text';
+export { FieldContext as Context, type FieldContextProps as ContextProps } from './field-context';

package/dist/types/components/field/index.d.ts

@@ -0,0 +1,11 @@
+export { FieldContext, type FieldContextProps } from './field-context';
+export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps, } from './field-error-text';
+export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, } from './field-helper-text';
+export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input';
+export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label';
+export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select';
+export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root';
+export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
+export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
+export { useFieldContext, type UseFieldContext } from './use-field-context';
+export * as Field from './field';

package/dist/types/components/field/use-field-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseFieldReturn } from './use-field';
+export interface UseFieldContext extends UseFieldReturn {
+}
+export declare const FieldProvider: import("solid-js").ContextProviderComponent<UseFieldContext>, useFieldContext: () => UseFieldContext;

package/dist/types/components/field/use-field.d.ts

@@ -0,0 +1,102 @@
+export interface UseFieldProps {
+    id?: string;
+    /**
+     * Indicates whether the field is required.
+     */
+    required?: boolean;
+    /**
+     * Indicates whether the field is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the field is invalid.
+     */
+    invalid?: boolean;
+    /**
+     * Indicates whether the field is read-only.
+     */
+    readOnly?: boolean;
+}
+export type UseFieldReturn = ReturnType<typeof useField>;
+export declare const useField: (props: UseFieldProps) => import("solid-js").Accessor<{
+    ariaDescribedby: string;
+    ids: {
+        control: string;
+        label: string;
+        errorText: string;
+        helperText: string;
+    };
+    refs: {
+        rootRef: HTMLDivElement;
+    };
+    disabled: boolean;
+    invalid: boolean;
+    readOnly: boolean;
+    required: boolean;
+    getLabelProps: () => {
+        id: string;
+        'data-disabled': Booleanish;
+        'data-invalid': Booleanish;
+        'data-readonly': Booleanish;
+        htmlFor: string;
+        "data-scope": string;
+        "data-part": string;
+    };
+    getRootProps: () => {
+        role: string;
+        'data-disabled': Booleanish;
+        'data-invalid': Booleanish;
+        'data-readonly': Booleanish;
+        "data-scope": string;
+        "data-part": string;
+    };
+    getInputProps: () => {
+        "data-scope": string;
+        "data-part": string;
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+        'aria-required': boolean;
+        'aria-readonly': boolean;
+        id: string;
+        required: boolean;
+        disabled: boolean;
+        readOnly: boolean;
+    };
+    getTextareaProps: () => {
+        "data-scope": string;
+        "data-part": string;
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+        'aria-required': boolean;
+        'aria-readonly': boolean;
+        id: string;
+        required: boolean;
+        disabled: boolean;
+        readOnly: boolean;
+    };
+    getSelectProps: () => {
+        "data-scope": string;
+        "data-part": string;
+        'aria-describedby': string;
+        'aria-invalid': boolean;
+        'aria-required': boolean;
+        'aria-readonly': boolean;
+        id: string;
+        required: boolean;
+        disabled: boolean;
+        readOnly: boolean;
+    };
+    getHelperTextProps: () => {
+        "data-scope": string;
+        "data-part": string;
+        id: string;
+    };
+    getErrorTextProps: () => {
+        'aria-live': string;
+        "data-scope": string;
+        "data-part": string;
+        id: string;
+    };
+}>;
+type Booleanish = boolean | 'true' | 'false';
+export {};