@ark-ui/solid 1.3.0 → 2.0.1

package/types/combobox/index.d.ts

@@ -1,6 +1,5 @@
 import type { HighlightChangeDetails as ComboboxHighlightChangeDetails, InputValueChangeDetails as ComboboxInputValueChangeDetails, OpenChangeDetails as ComboboxOpenChangeDetails, ValueChangeDetails as ComboboxValueChangeDetails } from '@zag-js/combobox';
 import type { CollectionItem } from '../types';
-import { type ComboboxProps } from './combobox';
 import { ComboboxClearTrigger, type ComboboxClearTriggerProps } from './combobox-clear-trigger';
 import { ComboboxContent, type ComboboxContentProps } from './combobox-content';
 import { useComboboxContext, type ComboboxContext } from './combobox-context';
@@ -13,21 +12,8 @@ import { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combob
 import { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
 import { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
 import { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
+import { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
 import { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
-declare const Combobox: (<T extends CollectionItem>(props: ComboboxProps<T>) => import("solid-js").JSX.Element) & {
-    Root: <T extends CollectionItem>(props: ComboboxProps<T>) => import("solid-js").JSX.Element;
-    ClearTrigger: (props: ComboboxClearTriggerProps) => import("solid-js").JSX.Element;
-    Content: (props: ComboboxContentProps) => import("solid-js").JSX.Element;
-    Control: (props: ComboboxControlProps) => import("solid-js").JSX.Element;
-    Input: (props: ComboboxInputProps) => import("solid-js").JSX.Element;
-    Item: (props: ComboboxItemProps) => import("solid-js").JSX.Element;
-    ItemGroup: (props: ComboboxItemGroupProps) => import("solid-js").JSX.Element;
-    ItemGroupLabel: (props: ComboboxItemGroupLabelProps) => import("solid-js").JSX.Element;
-    ItemIndicator: (props: ComboboxItemIndicatorProps) => import("solid-js").JSX.Element;
-    ItemText: (props: ComboboxItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: ComboboxLabelProps) => import("solid-js").JSX.Element;
-    Positioner: (props: ComboboxPositionerProps) => import("solid-js").JSX.Element;
-    Trigger: (props: ComboboxTriggerProps) => import("solid-js").JSX.Element;
-};
-export { Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxTrigger, useComboboxContext, };
-export type { CollectionItem, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxContext, ComboboxControlProps, ComboboxHighlightChangeDetails, ComboboxInputProps, ComboboxInputValueChangeDetails, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxOpenChangeDetails, ComboboxPositionerProps, ComboboxProps, ComboboxTriggerProps, ComboboxValueChangeDetails, };
+export * as Combobox from './combobox';
+export { ComboboxClearTrigger, ComboboxContent, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger, useComboboxContext, };
+export type { CollectionItem, ComboboxClearTriggerProps, ComboboxContentProps, ComboboxContext, ComboboxControlProps, ComboboxHighlightChangeDetails, ComboboxInputProps, ComboboxInputValueChangeDetails, ComboboxItemGroupLabelProps, ComboboxItemGroupProps, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxItemTextProps, ComboboxLabelProps, ComboboxOpenChangeDetails, ComboboxPositionerProps, ComboboxRootProps, ComboboxTriggerProps, ComboboxValueChangeDetails, };

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/date-picker/date-picker.d.ts

@@ -1,10 +1,24 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import { type UsePresenceProps } from '../presence';
-import type { Assign } from '../types';
-import { type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker';
-export interface DatePickerProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseDatePickerReturn) => JSX.Element);
-}>, UseDatePickerProps>, UsePresenceProps {
-}
-export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+import { DatePickerClearTrigger as ClearTrigger } from './date-picker-clear-trigger';
+import { DatePickerContent as Content } from './date-picker-content';
+import { DatePickerControl as Control } from './date-picker-control';
+import { DatePickerInput as Input } from './date-picker-input';
+import { DatePickerLabel as Label } from './date-picker-label';
+import { DatePickerMonthSelect as MonthSelect } from './date-picker-month-select';
+import { DatePickerNextTrigger as NextTrigger } from './date-picker-next-trigger';
+import { DatePickerPositioner as Positioner } from './date-picker-positioner';
+import { DatePickerPrevTrigger as PrevTrigger } from './date-picker-prev-trigger';
+import { DatePickerRangeText as RangeText } from './date-picker-range-text';
+import { DatePickerRoot as Root } from './date-picker-root';
+import { DatePickerTable as Table } from './date-picker-table';
+import { DatePickerTableBody as TableBody } from './date-picker-table-body';
+import { DatePickerTableCell as TableCell } from './date-picker-table-cell';
+import { DatePickerTableCellTrigger as TableCellTrigger } from './date-picker-table-cell-trigger';
+import { DatePickerTableHead as TableHead } from './date-picker-table-head';
+import { DatePickerTableHeader as TableHeader } from './date-picker-table-header';
+import { DatePickerTableRow as TableRow } from './date-picker-table-row';
+import { DatePickerTrigger as Trigger } from './date-picker-trigger';
+import { DatePickerView as View } from './date-picker-view';
+import { DatePickerViewControl as ViewControl } from './date-picker-view-control';
+import { DatePickerViewTrigger as ViewTrigger } from './date-picker-view-trigger';
+import { DatePickerYearSelect as YearSelect } from './date-picker-year-select';
+export { ClearTrigger, Content, Control, Input, Label, MonthSelect, NextTrigger, Positioner, PrevTrigger, RangeText, Root, Table, TableBody, TableCell, TableCellTrigger, TableHead, TableHeader, TableRow, Trigger, View, ViewControl, ViewTrigger, YearSelect, };

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

@@ -1,5 +1,4 @@
 import type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails } from '@zag-js/date-picker';
-import { type DatePickerProps } from './date-picker';
 import { DatePickerClearTrigger, type DatePickerClearTriggerProps } from './date-picker-clear-trigger';
 import { DatePickerContent, type DatePickerContentProps } from './date-picker-content';
 import { useDatePickerContext, type DatePickerContext } from './date-picker-context';
@@ -11,6 +10,7 @@ import { DatePickerNextTrigger, type DatePickerNextTriggerProps } from './date-p
 import { DatePickerPositioner, type DatePickerPositionerProps } from './date-picker-positioner';
 import { DatePickerPrevTrigger, type DatePickerPrevTriggerProps } from './date-picker-prev-trigger';
 import { DatePickerRangeText, type DatePickerRangeTextProps } from './date-picker-range-text';
+import { DatePickerRoot, type DatePickerRootProps } from './date-picker-root';
 import { DatePickerTable, type DatePickerTableProps } from './date-picker-table';
 import { DatePickerTableBody, type DatePickerTableBodyProps } from './date-picker-table-body';
 import { DatePickerTableCell, type DatePickerTableCellProps } from './date-picker-table-cell';
@@ -26,30 +26,6 @@ import { useDatePickerViewContext, type DatePickerViewContext } from './date-pic
 import { DatePickerViewControl, type DatePickerViewControlProps } from './date-picker-view-control';
 import { DatePickerViewTrigger, type DatePickerViewTriggerProps } from './date-picker-view-trigger';
 import { DatePickerYearSelect, type DatePickerYearSelectProps } from './date-picker-year-select';
-declare const DatePicker: ((props: DatePickerProps) => import("solid-js").JSX.Element) & {
-    Root: (props: DatePickerProps) => import("solid-js").JSX.Element;
-    ClearTrigger: (props: DatePickerClearTriggerProps) => import("solid-js").JSX.Element;
-    Content: (props: DatePickerContentProps) => import("solid-js").JSX.Element;
-    Control: (props: DatePickerControlProps) => import("solid-js").JSX.Element;
-    Input: (props: DatePickerInputProps) => import("solid-js").JSX.Element;
-    Label: (props: DatePickerLabelProps) => import("solid-js").JSX.Element;
-    MonthSelect: (props: DatePickerMonthSelectProps) => import("solid-js").JSX.Element;
-    NextTrigger: (props: DatePickerNextTriggerProps) => import("solid-js").JSX.Element;
-    Positioner: (props: DatePickerPositionerProps) => import("solid-js").JSX.Element;
-    PrevTrigger: (props: DatePickerPrevTriggerProps) => import("solid-js").JSX.Element;
-    RangeText: (props: DatePickerRangeTextProps) => import("solid-js").JSX.Element;
-    Table: (props: DatePickerTableProps) => import("solid-js").JSX.Element;
-    TableBody: (props: DatePickerTableBodyProps) => import("solid-js").JSX.Element;
-    TableCell: (props: DatePickerTableCellProps) => import("solid-js").JSX.Element;
-    TableCellTrigger: (props: DatePickerTableCellTriggerProps) => import("solid-js").JSX.Element;
-    TableHead: (props: DatePickerTableHeadProps) => import("solid-js").JSX.Element;
-    TableHeader: (props: DatePickerTableHeaderProps) => import("solid-js").JSX.Element;
-    TableRow: (props: DatePickerTableRowProps) => import("solid-js").JSX.Element;
-    Trigger: (props: DatePickerTriggerProps) => import("solid-js").JSX.Element;
-    View: (props: DatePickerViewProps) => import("solid-js").JSX.Element;
-    ViewControl: (props: DatePickerViewControlProps) => import("solid-js").JSX.Element;
-    ViewTrigger: (props: DatePickerViewTriggerProps) => import("solid-js").JSX.Element;
-    YearSelect: (props: DatePickerYearSelectProps) => import("solid-js").JSX.Element;
-};
-export { DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
-export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerProps, DatePickerRangeTextProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };
+export * as DatePicker from './date-picker';
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, useDatePickerContext, useDatePickerTableCellContext, useDatePickerTableContext, useDatePickerViewContext, };
+export type { DatePickerClearTriggerProps, DatePickerContentProps, DatePickerContext, DatePickerControlProps, DatePickerFocusChangeDetails, DatePickerInputProps, DatePickerLabelProps, DatePickerMonthSelectProps, DatePickerNextTriggerProps, DatePickerOpenChangeDetails, DatePickerPositionerProps, DatePickerPrevTriggerProps, DatePickerRangeTextProps, DatePickerRootProps, DatePickerTableBodyProps, DatePickerTableCellContext, DatePickerTableCellProps, DatePickerTableCellTriggerProps, DatePickerTableContext, DatePickerTableHeadProps, DatePickerTableHeaderProps, DatePickerTableProps, DatePickerTableRowProps, DatePickerTriggerProps, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerViewContext, DatePickerViewControlProps, DatePickerViewProps, DatePickerViewTriggerProps, DatePickerYearSelectProps, };

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-root.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
+import { type UseDialogProps, type UseDialogReturn } from './use-dialog';
+export interface DialogRootProps extends UseDialogProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UseDialogReturn) => 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/dialog.d.ts

@@ -1,7 +1,9 @@
-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 {
-    children?: JSX.Element | ((api: UseDialogReturn) => JSX.Element);
-}
-export declare const Dialog: (props: DialogProps) => JSX.Element;
+import { DialogBackdrop as Backdrop } from './dialog-backdrop';
+import { DialogCloseTrigger as CloseTrigger } from './dialog-close-trigger';
+import { DialogContent as Content } from './dialog-content';
+import { DialogDescription as Description } from './dialog-description';
+import { DialogPositioner as Positioner } from './dialog-positioner';
+import { DialogRoot as Root } from './dialog-root';
+import { DialogTitle as Title } from './dialog-title';
+import { DialogTrigger as Trigger } from './dialog-trigger';
+export { Backdrop, CloseTrigger, Content, Description, Positioner, Root, Title, Trigger };

package/types/dialog/index.d.ts

@@ -1,22 +1,13 @@
 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 { Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogTitle, DialogTrigger, useDialogContext, };
-export type { DialogBackdropProps, DialogCloseTriggerProps, DialogContentProps, DialogContext, DialogDescriptionProps, DialogOpenChangeDetails, DialogPositionerProps, DialogProps, DialogTitleProps, DialogTriggerProps, };
+export * as Dialog from './dialog';
+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'>;

package/types/editable/editable.d.ts

@@ -1,9 +1,10 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseEditableProps, type UseEditableReturn } from './use-editable';
-export interface EditableProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseEditableReturn) => JSX.Element);
-}>, UseEditableProps> {
-}
-export declare const Editable: (props: EditableProps) => JSX.Element;
+import { EditableArea as Area } from './editable-area';
+import { EditableCancelTrigger as CancelTrigger } from './editable-cancel-trigger';
+import { EditableControl as Control } from './editable-control';
+import { EditableEditTrigger as EditTrigger } from './editable-edit-trigger';
+import { EditableInput as Input } from './editable-input';
+import { EditableLabel as Label } from './editable-label';
+import { EditablePreview as Preview } from './editable-preview';
+import { EditableRoot as Root } from './editable-root';
+import { EditableSubmitTrigger as SubmitTrigger } from './editable-submit-trigger';
+export { Area, CancelTrigger, Control, EditTrigger, Input, Label, Preview, Root, SubmitTrigger };

package/types/editable/index.d.ts

@@ -1,5 +1,4 @@
 import type { ValueChangeDetails as EditableValueChangeDetails } from '@zag-js/editable';
-import { type EditableProps } from './editable';
 import { EditableArea, type EditableAreaProps } from './editable-area';
 import { EditableCancelTrigger, type EditableCancelTriggerProps } from './editable-cancel-trigger';
 import { useEditableContext, type EditableContext } from './editable-context';
@@ -8,17 +7,8 @@ import { EditableEditTrigger, type EditableEditTriggerProps } from './editable-e
 import { EditableInput, type EditableInputProps } from './editable-input';
 import { EditableLabel, type EditableLabelProps } from './editable-label';
 import { EditablePreview, type EditablePreviewProps } from './editable-preview';
+import { EditableRoot, type EditableRootProps } from './editable-root';
 import { EditableSubmitTrigger, type EditableSubmitTriggerProps } from './editable-submit-trigger';
-declare const Editable: ((props: EditableProps) => import("solid-js").JSX.Element) & {
-    Root: (props: EditableProps) => import("solid-js").JSX.Element;
-    Area: (props: EditableAreaProps) => import("solid-js").JSX.Element;
-    CancelTrigger: (props: EditableCancelTriggerProps) => import("solid-js").JSX.Element;
-    Control: (props: EditableControlProps) => import("solid-js").JSX.Element;
-    EditTrigger: (props: EditableEditTriggerProps) => import("solid-js").JSX.Element;
-    Input: (props: EditableInputProps) => import("solid-js").JSX.Element;
-    Label: (props: EditableLabelProps) => import("solid-js").JSX.Element;
-    Preview: (props: EditablePreviewProps) => import("solid-js").JSX.Element;
-    SubmitTrigger: (props: EditableSubmitTriggerProps) => import("solid-js").JSX.Element;
-};
-export { Editable, EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableSubmitTrigger, useEditableContext, };
-export type { EditableAreaProps, EditableCancelTriggerProps, EditableContext, EditableControlProps, EditableEditTriggerProps, EditableInputProps, EditableLabelProps, EditablePreviewProps, EditableProps, EditableSubmitTriggerProps, EditableValueChangeDetails, };
+export * as Editable from './editable';
+export { EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, useEditableContext, };
+export type { EditableAreaProps, EditableCancelTriggerProps, EditableContext, EditableControlProps, EditableEditTriggerProps, EditableInputProps, EditableLabelProps, EditablePreviewProps, EditableRootProps, EditableSubmitTriggerProps, EditableValueChangeDetails, };