@ark-ui/solid 1.3.0 → 2.0.0

package/types/color-picker/color-picker-swatch-trigger.d.ts

@@ -1,6 +1,6 @@
 import type { SwatchTriggerProps } from '@zag-js/color-picker';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface ColorPickerSwatchTriggerProps extends Assign<HTMLArkProps<'button'>, SwatchTriggerProps> {
 }
-export declare const ColorPickerSwatchTrigger: (props: ColorPickerSwatchTriggerProps) => import("solid-js").JSX.Element;
+export declare const ColorPickerSwatchTrigger: ArkComponent<'button', SwatchTriggerProps>;

package/types/color-picker/color-picker-swatch.d.ts

@@ -1,6 +1,6 @@
 import type { SwatchProps } from '@zag-js/color-picker';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface ColorPickerSwatchProps extends Assign<HTMLArkProps<'div'>, SwatchProps> {
 }
-export declare const ColorPickerSwatch: (props: ColorPickerSwatchProps) => import("solid-js").JSX.Element;
+export declare const ColorPickerSwatch: ArkComponent<'div', SwatchProps>;

package/types/color-picker/color-picker-transparency-grid.d.ts

@@ -1,6 +1,6 @@
 import type { TransparencyGridProps } from '@zag-js/color-picker';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface ColorPickerTransparencyGridProps extends Assign<HTMLArkProps<'div'>, TransparencyGridProps> {
 }
-export declare const ColorPickerTransparencyGrid: (props: ColorPickerTransparencyGridProps) => import("solid-js").JSX.Element;
+export declare const ColorPickerTransparencyGrid: ArkComponent<'div', TransparencyGridProps>;

package/types/color-picker/color-picker-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ColorPickerTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const ColorPickerTrigger: (props: ColorPickerTriggerProps) => import("solid-js").JSX.Element;
+export declare const ColorPickerTrigger: ArkComponent<'button'>;

package/types/color-picker/color-picker-value-text.d.ts

@@ -1,5 +1,8 @@
-import { type HTMLArkProps } from '../factory';
-export interface ColorPickerValueTextProps extends HTMLArkProps<'span'> {
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+interface ElementProps {
     placeholder?: string;
 }
-export declare const ColorPickerValueText: (props: ColorPickerValueTextProps) => import("solid-js").JSX.Element;
+export interface ColorPickerValueTextProps extends HTMLArkProps<'span'>, ElementProps {
+}
+export declare const ColorPickerValueText: ArkComponent<'span', ElementProps>;
+export {};

package/types/combobox/combobox-clear-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxClearTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const ComboboxClearTrigger: (props: ComboboxClearTriggerProps) => import("solid-js").JSX.Element;
+export declare const ComboboxClearTrigger: ArkComponent<'button'>;

package/types/combobox/combobox-content.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxContentProps extends HTMLArkProps<'div'> {
 }
-export declare const ComboboxContent: (props: ComboboxContentProps) => import("solid-js").JSX.Element;
+export declare const ComboboxContent: ArkComponent<'div'>;

package/types/combobox/combobox-control.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxControlProps extends HTMLArkProps<'div'> {
 }
-export declare const ComboboxControl: (props: ComboboxControlProps) => import("solid-js").JSX.Element;
+export declare const ComboboxControl: ArkComponent<'div'>;

package/types/combobox/combobox-input.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxInputProps extends HTMLArkProps<'input'> {
 }
-export declare const ComboboxInput: (props: ComboboxInputProps) => import("solid-js").JSX.Element;
+export declare const ComboboxInput: ArkComponent<'input'>;

package/types/combobox/combobox-item-group-label.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 interface ItemGroupLabelProps {
     for: string;
 }
 export interface ComboboxItemGroupLabelProps extends Assign<HTMLArkProps<'div'>, ItemGroupLabelProps> {
 }
-export declare const ComboboxItemGroupLabel: (props: ComboboxItemGroupLabelProps) => import("solid-js").JSX.Element;
+export declare const ComboboxItemGroupLabel: ArkComponent<'div', ItemGroupLabelProps>;
 export {};

package/types/combobox/combobox-item-group.d.ts

@@ -1,6 +1,6 @@
 import type { ItemGroupProps } from '@zag-js/combobox';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface ComboboxItemGroupProps extends Assign<HTMLArkProps<'div'>, ItemGroupProps> {
 }
-export declare const ComboboxItemGroup: (props: ComboboxItemGroupProps) => import("solid-js").JSX.Element;
+export declare const ComboboxItemGroup: ArkComponent<'div', ItemGroupProps>;

package/types/combobox/combobox-item-indicator.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxItemIndicatorProps extends HTMLArkProps<'div'> {
 }
-export declare const ComboboxItemIndicator: (props: ComboboxItemIndicatorProps) => import("solid-js").JSX.Element;
+export declare const ComboboxItemIndicator: ArkComponent<'div'>;

package/types/combobox/combobox-item-text.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxItemTextProps extends HTMLArkProps<'span'> {
 }
-export declare const ComboboxItemText: (props: ComboboxItemTextProps) => import("solid-js").JSX.Element;
+export declare const ComboboxItemText: ArkComponent<'span'>;

package/types/combobox/combobox-item.d.ts

@@ -1,9 +1,11 @@
 import type { ItemProps, ItemState } from '@zag-js/combobox';
 import { type Accessor, type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-export interface ComboboxItemProps extends Assign<HTMLArkProps<'div'>, {
+interface ElementProps extends ItemProps {
     children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
-}>, ItemProps {
 }
-export declare const ComboboxItem: (props: ComboboxItemProps) => JSX.Element;
+export interface ComboboxItemProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const ComboboxItem: ArkComponent<'div', ElementProps>;
+export {};

package/types/combobox/combobox-label.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxLabelProps extends HTMLArkProps<'label'> {
 }
-export declare const ComboboxLabel: (props: ComboboxLabelProps) => import("solid-js").JSX.Element;
+export declare const ComboboxLabel: ArkComponent<'label'>;

package/types/combobox/combobox-positioner.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxPositionerProps extends HTMLArkProps<'div'> {
 }
-export declare const ComboboxPositioner: (props: ComboboxPositionerProps) => import("solid-js").JSX.Element;
+export declare const ComboboxPositioner: ArkComponent<'div'>;

package/types/combobox/{combobox.d.ts → combobox-root.d.ts}

@@ -3,8 +3,8 @@ import { type HTMLArkProps } from '../factory';
 import { type UsePresenceProps } from '../presence';
 import type { Assign, CollectionItem } from '../types';
 import { type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
-export interface ComboboxProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
+export interface ComboboxRootProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
     children?: JSX.Element | ((api: UseComboboxReturn<T>) => JSX.Element);
 }>, UseComboboxProps<T>>, UsePresenceProps {
 }
-export declare const Combobox: <T extends CollectionItem>(props: ComboboxProps<T>) => JSX.Element;
+export declare const ComboboxRoot: <T extends CollectionItem>(props: ComboboxRootProps<T>) => JSX.Element;

package/types/combobox/combobox-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface ComboboxTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const ComboboxTrigger: (props: ComboboxTriggerProps) => import("solid-js").JSX.Element;
+export declare const ComboboxTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-clear-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerClearTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const DatePickerClearTrigger: (props: DatePickerClearTriggerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerClearTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-content.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerContentProps extends HTMLArkProps<'div'> {
 }
-export declare const DatePickerContent: (props: DatePickerContentProps) => import("solid-js").JSX.Element;
+export declare const DatePickerContent: ArkComponent<'div'>;

package/types/date-picker/date-picker-control.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerControlProps extends HTMLArkProps<'div'> {
 }
-export declare const DatePickerControl: (props: DatePickerControlProps) => import("solid-js").JSX.Element;
+export declare const DatePickerControl: ArkComponent<'div'>;

package/types/date-picker/date-picker-input.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerInputProps extends HTMLArkProps<'input'> {
 }
-export declare const DatePickerInput: (props: DatePickerInputProps) => import("solid-js").JSX.Element;
+export declare const DatePickerInput: ArkComponent<'input'>;

package/types/date-picker/date-picker-label.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerLabelProps extends HTMLArkProps<'label'> {
 }
-export declare const DatePickerLabel: (props: DatePickerLabelProps) => import("solid-js").JSX.Element;
+export declare const DatePickerLabel: ArkComponent<'label'>;

package/types/date-picker/date-picker-month-select.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerMonthSelectProps extends HTMLArkProps<'select'> {
 }
-export declare const DatePickerMonthSelect: (props: DatePickerMonthSelectProps) => import("solid-js").JSX.Element;
+export declare const DatePickerMonthSelect: ArkComponent<'select'>;

package/types/date-picker/date-picker-next-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerNextTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const DatePickerNextTrigger: (props: DatePickerNextTriggerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerNextTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-positioner.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerPositionerProps extends HTMLArkProps<'div'> {
 }
-export declare const DatePickerPositioner: (props: DatePickerPositionerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerPositioner: ArkComponent<'div'>;

package/types/date-picker/date-picker-prev-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerPrevTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const DatePickerPrevTrigger: (props: DatePickerPrevTriggerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerPrevTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-range-text.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerRangeTextProps extends HTMLArkProps<'div'> {
 }
-export declare const DatePickerRangeText: (props: DatePickerRangeTextProps) => import("solid-js").JSX.Element;
+export declare const DatePickerRangeText: ArkComponent<'div'>;

package/types/date-picker/date-picker-root.d.ts

@@ -0,0 +1,12 @@
+import { type JSX } from 'solid-js';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import type { Assign } from '../types';
+import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
+interface ElementProps extends UseDatePickerProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UseDatePickerReturn) => JSX.Element);
+}
+export interface DatePickerRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const DatePickerRoot: ArkComponent<'div', ElementProps>;
+export {};

package/types/date-picker/date-picker-table-body.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerTableBodyProps extends HTMLArkProps<'tbody'> {
 }
-export declare const DatePickerTableBody: (props: DatePickerTableBodyProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTableBody: ArkComponent<'tbody'>;

package/types/date-picker/date-picker-table-cell-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerTableCellTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const DatePickerTableCellTrigger: (props: DatePickerTableCellTriggerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTableCellTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-table-cell.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import { type DatePickerTableCellContext } from './date-picker-table-cell-context';
 export interface DatePickerTableCellProps extends HTMLArkProps<'td'>, DatePickerTableCellContext {
 }
-export declare const DatePickerTableCell: (props: DatePickerTableCellProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTableCell: ArkComponent<'td', DatePickerTableCellContext>;

package/types/date-picker/date-picker-table-head.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerTableHeadProps extends HTMLArkProps<'thead'> {
 }
-export declare const DatePickerTableHead: (props: DatePickerTableHeadProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTableHead: ArkComponent<'thead'>;

package/types/date-picker/date-picker-table-header.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerTableHeaderProps extends HTMLArkProps<'th'> {
 }
-export declare const DatePickerTableHeader: (props: DatePickerTableHeaderProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTableHeader: ArkComponent<'th'>;

package/types/date-picker/date-picker-table-row.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerTableRowProps extends HTMLArkProps<'tr'> {
 }
-export declare const DatePickerTableRow: (props: DatePickerTableRowProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTableRow: ArkComponent<'tr'>;

package/types/date-picker/date-picker-table.d.ts

@@ -1,6 +1,6 @@
 import type { TableProps } from '@zag-js/date-picker';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface DatePickerTableProps extends Assign<HTMLArkProps<'table'>, Pick<TableProps, 'columns'>> {
 }
-export declare const DatePickerTable: (props: DatePickerTableProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTable: ArkComponent<'table', Pick<TableProps, 'columns'>>;

package/types/date-picker/date-picker-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const DatePickerTrigger: (props: DatePickerTriggerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-view-control.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerViewControlProps extends HTMLArkProps<'div'> {
 }
-export declare const DatePickerViewControl: (props: DatePickerViewControlProps) => import("solid-js").JSX.Element;
+export declare const DatePickerViewControl: ArkComponent<'div'>;

package/types/date-picker/date-picker-view-trigger.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerViewTriggerProps extends HTMLArkProps<'button'> {
 }
-export declare const DatePickerViewTrigger: (props: DatePickerViewTriggerProps) => import("solid-js").JSX.Element;
+export declare const DatePickerViewTrigger: ArkComponent<'button'>;

package/types/date-picker/date-picker-view.d.ts

@@ -1,10 +1,12 @@
 import type { ViewProps } from '@zag-js/date-picker';
 import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import type { UseDatePickerReturn } from './use-date-picker';
-export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, {
+interface ElementProps extends Required<ViewProps> {
     children?: JSX.Element | ((api: UseDatePickerReturn) => JSX.Element);
-}>, Required<ViewProps> {
 }
-export declare const DatePickerView: (props: DatePickerViewProps) => JSX.Element;
+export interface DatePickerViewProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const DatePickerView: ArkComponent<'div', ElementProps>;
+export {};

package/types/date-picker/date-picker-year-select.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 export interface DatePickerYearSelectProps extends HTMLArkProps<'select'> {
 }
-export declare const DatePickerYearSelect: (props: DatePickerYearSelectProps) => import("solid-js").JSX.Element;
+export declare const DatePickerYearSelect: ArkComponent<'select'>;

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

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

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

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

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

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

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

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

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

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

package/types/dialog/{dialog.d.ts → dialog-root.d.ts}

@@ -1,7 +1,7 @@
 import { type JSX } from 'solid-js';
 import { type UsePresenceProps } from '../presence';
 import { type UseDialogProps, type UseDialogReturn } from './use-dialog';
-export interface DialogProps extends UseDialogProps, UsePresenceProps {
+export interface DialogRootProps extends UseDialogProps, UsePresenceProps {
     children?: JSX.Element | ((api: UseDialogReturn) => JSX.Element);
 }
-export declare const Dialog: (props: DialogProps) => JSX.Element;
+export declare const DialogRoot: (props: DialogRootProps) => JSX.Element;

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

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

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

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

package/types/dialog/index.d.ts

@@ -1,22 +1,22 @@
 import type { OpenChangeDetails as DialogOpenChangeDetails } from '@zag-js/dialog';
-import { type DialogProps } from './dialog';
 import { DialogBackdrop, type DialogBackdropProps } from './dialog-backdrop';
 import { DialogCloseTrigger, type DialogCloseTriggerProps } from './dialog-close-trigger';
 import { DialogContent, type DialogContentProps } from './dialog-content';
 import { useDialogContext, type DialogContext } from './dialog-context';
 import { DialogDescription, type DialogDescriptionProps } from './dialog-description';
 import { DialogPositioner, type DialogPositionerProps } from './dialog-positioner';
+import { DialogRoot, type DialogRootProps } from './dialog-root';
 import { DialogTitle, type DialogTitleProps } from './dialog-title';
 import { DialogTrigger, type DialogTriggerProps } from './dialog-trigger';
-declare const Dialog: ((props: DialogProps) => import("solid-js").JSX.Element) & {
-    Root: (props: DialogProps) => import("solid-js").JSX.Element;
-    Backdrop: (props: DialogBackdropProps) => import("solid-js").JSX.Element;
-    CloseTrigger: (props: DialogCloseTriggerProps) => import("solid-js").JSX.Element;
-    Positioner: (props: DialogPositionerProps) => import("solid-js").JSX.Element;
-    Content: (props: DialogContentProps) => import("solid-js").JSX.Element;
-    Description: (props: DialogDescriptionProps) => import("solid-js").JSX.Element;
-    Title: (props: DialogTitleProps) => import("solid-js").JSX.Element;
-    Trigger: (props: DialogTriggerProps) => import("solid-js").JSX.Element;
+export declare const Dialog: {
+    Root: (props: DialogRootProps) => import("solid-js").JSX.Element;
+    Backdrop: import("..").ArkComponent<"div", object>;
+    CloseTrigger: import("..").ArkComponent<"button", object>;
+    Content: import("..").ArkComponent<"div", object>;
+    Description: import("..").ArkComponent<"p", object>;
+    Positioner: import("..").ArkComponent<"div", object>;
+    Title: import("..").ArkComponent<"h2", object>;
+    Trigger: import("..").ArkComponent<"button", object>;
 };
-export { Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogTitle, DialogTrigger, useDialogContext, };
-export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogContext, DialogDescriptionProps, DialogOpenChangeDetails, DialogPositionerProps, DialogProps, DialogTitleProps, DialogTriggerProps, };
+export { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, useDialogContext, };
+export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogContext, DialogDescriptionProps, DialogOpenChangeDetails, DialogPositionerProps, DialogRootProps, DialogTitleProps, DialogTriggerProps, };

package/types/editable/editable-area.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { type JSX } from 'solid-js';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseEditableProps, type UseEditableReturn } from './use-editable';
+interface ElementProps extends UseEditableProps {
+    children?: JSX.Element | ((api: UseEditableReturn) => JSX.Element);
+}
+export interface EditableRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const EditableRoot: ArkComponent<'div', EditableRootProps>;
+export {};

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

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