@ark-ui/solid 1.2.0 → 2.0.0

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

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

package/types/color-picker/color-picker-channel-input.d.ts

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

package/types/color-picker/color-picker-channel-slider-thumb.d.ts

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

package/types/color-picker/color-picker-channel-slider-track.d.ts

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

package/types/color-picker/color-picker-channel-slider.d.ts

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

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

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

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

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

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

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

package/types/color-picker/color-picker-format-select.d.ts

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

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

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

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

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

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

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

package/types/color-picker/color-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 UseColorPickerProps, type UseColorPickerReturn } from './use-color-picker';
+interface ElementProps extends UseColorPickerProps, UsePresenceProps {
+    children?: JSX.Element | ((api: UseColorPickerReturn) => JSX.Element);
+}
+export interface ColorPickerRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const ColorPickerRoot: ArkComponent<'div', ElementProps>;
+export {};

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

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

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

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

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/create-split-props.d.ts

@@ -1,3 +1,3 @@
 type EnsureKeys<ExpectedKeys extends (keyof Target)[], Target> = ExpectedKeys extends (keyof Target)[] ? [keyof Target] extends [ExpectedKeys[number]] ? unknown : `Missing required keys: ${Exclude<keyof Target, ExpectedKeys[number]>}` : never;
-export declare const createSplitProps: <Target extends Record<never, never>>() => <Keys extends (keyof Target)[], Props extends Target = Target>(props: Props, keys: Keys & EnsureKeys<Keys, Target>) => [Pick<Props, Extract<Keys & EnsureKeys<Keys, Target>, readonly (keyof Props)[]>[number]>, Omit<Props, (Keys & EnsureKeys<Keys, Target>)[number]>];
+export declare const createSplitProps: <Target extends Record<never, never>>() => <Keys extends (keyof Target)[], Props extends Target = Target>(props: Props, keys: Keys & EnsureKeys<Keys, Target>) => [Pick<Props, Extract<Keys & EnsureKeys<Keys, Target>, readonly (keyof Props)[]>[number]>, { [P in keyof Props as Exclude<P, (Keys & EnsureKeys<Keys, Target>)[number]>]: Props[P]; }];
 export {};

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;