@ark-ui/solid 1.3.0 → 2.0.1

package/types/radio-group/radio-group.d.ts

@@ -1,6 +1,7 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseRadioGroupProps } from './use-radio-group';
-export interface RadioGroupProps extends Assign<HTMLArkProps<'div'>, UseRadioGroupProps> {
-}
-export declare const RadioGroup: (props: RadioGroupProps) => import("solid-js").JSX.Element;
+import { RadioGroupIndicator as Indicator } from './radio-group-indicator';
+import { RadioGroupItem as Item } from './radio-group-item';
+import { RadioGroupItemControl as ItemControl } from './radio-group-item-control';
+import { RadioGroupItemText as ItemText } from './radio-group-item-text';
+import { RadioGroupLabel as Label } from './radio-group-label';
+import { RadioGroupRoot as Root } from './radio-group-root';
+export { Indicator, Item, ItemControl, ItemText, Label, Root };

package/types/rating-group/index.d.ts

@@ -1,15 +1,10 @@
 import type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails } from '@zag-js/rating-group';
-import { type RatingGroupProps } from './rating-group';
 import { useRatingGroupContext, type RatingGroupContext } from './rating-group-context';
 import { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
 import { RatingGroupItem, type RatingGroupItemProps } from './rating-group-item';
 import { useRatingGroupItemContext, type RatingGroupItemContext } from './rating-group-item-context';
 import { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
-declare const RatingGroup: ((props: RatingGroupProps) => import("solid-js").JSX.Element) & {
-    Root: (props: RatingGroupProps) => import("solid-js").JSX.Element;
-    Control: (props: RatingGroupControlProps) => import("solid-js").JSX.Element;
-    Label: (props: RatingGroupLabelProps) => import("solid-js").JSX.Element;
-    Item: (props: RatingGroupItemProps) => import("solid-js").JSX.Element;
-};
-export { RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, useRatingGroupContext, useRatingGroupItemContext, };
-export type { RatingGroupContext, RatingGroupControlProps, RatingGroupHoverChangeDetails, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, RatingGroupValueChangeDetails, };
+import { RatingGroupRoot, type RatingGroupRootProps } from './rating-group-root';
+export * as RatingGroup from './rating-group';
+export { RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, useRatingGroupContext, useRatingGroupItemContext, };
+export type { RatingGroupContext, RatingGroupControlProps, RatingGroupHoverChangeDetails, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupRootProps, RatingGroupValueChangeDetails, };

package/types/rating-group/rating-group-control.d.ts

@@ -1,9 +1,11 @@
 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 { UseRatingGroupReturn } from './use-rating-group';
-export interface RatingGroupControlProps extends Assign<HTMLArkProps<'div'>, {
+interface ElementProps {
     children?: JSX.Element | ((api: UseRatingGroupReturn) => JSX.Element);
-}> {
 }
-export declare const RatingGroupControl: (props: RatingGroupControlProps) => JSX.Element;
+export interface RatingGroupControlProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const RatingGroupControl: ArkComponent<'div', ElementProps>;
+export {};

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

@@ -1,9 +1,11 @@
 import type { ItemProps, ItemState } from '@zag-js/rating-group';
 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 RatingGroupItemProps extends Assign<HTMLArkProps<'span'>, {
+interface ElementProps extends ItemProps {
     children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
-}>, ItemProps {
 }
-export declare const RatingGroupItem: (props: RatingGroupItemProps) => JSX.Element;
+export interface RatingGroupItemProps extends Assign<HTMLArkProps<'span'>, ElementProps> {
+}
+export declare const RatingGroupItem: ArkComponent<'span', ElementProps>;
+export {};

package/types/rating-group/rating-group-label.d.ts

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

package/types/rating-group/rating-group-root.d.ts

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseRatingGroupProps } from './use-rating-group';
+export interface RatingGroupRootProps extends Assign<HTMLArkProps<'div'>, UseRatingGroupProps> {
+}
+export declare const RatingGroupRoot: ArkComponent<'div', UseRatingGroupProps>;

package/types/rating-group/rating-group.d.ts

@@ -1,6 +1,5 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseRatingGroupProps } from './use-rating-group';
-export interface RatingGroupProps extends Assign<HTMLArkProps<'div'>, UseRatingGroupProps> {
-}
-export declare const RatingGroup: (props: RatingGroupProps) => import("solid-js").JSX.Element;
+import { RatingGroupControl as Control } from './rating-group-control';
+import { RatingGroupItem as Item } from './rating-group-item';
+import { RatingGroupLabel as Label } from './rating-group-label';
+import { RatingGroupRoot as Root } from './rating-group-root';
+export { Control, Item, Label, Root };

package/types/segment-group/index.d.ts

@@ -1,5 +1,4 @@
 import type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
-import { type SegmentGroupProps } from './segment-group';
 import { useSegmentGroupContext, type SegmentGroupContext } from './segment-group-context';
 import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
 import { SegmentGroupItem, type SegmentGroupItemProps } from './segment-group-item';
@@ -7,13 +6,7 @@ import { useSegmentGroupItemContext, type SegmentGroupItemContext } from './segm
 import { SegmentGroupItemControl, type SegmentGroupItemControlProps } from './segment-group-item-control';
 import { SegmentGroupItemText, type SegmentGroupItemTextProps } from './segment-group-item-text';
 import { SegmentGroupLabel, type SegmentGroupLabelProps } from './segment-group-label';
-declare const SegmentGroup: ((props: SegmentGroupProps) => import("solid-js").JSX.Element) & {
-    Root: (props: SegmentGroupProps) => import("solid-js").JSX.Element;
-    Indicator: (props: SegmentGroupIndicatorProps) => import("solid-js").JSX.Element;
-    Item: (props: SegmentGroupItemProps) => import("solid-js").JSX.Element;
-    ItemControl: (props: SegmentGroupItemControlProps) => import("solid-js").JSX.Element;
-    ItemText: (props: SegmentGroupItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: SegmentGroupLabelProps) => import("solid-js").JSX.Element;
-};
-export { SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, useSegmentGroupContext, useSegmentGroupItemContext, };
-export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentGroupValueChangeDetails, };
+import { SegmentGroupRoot, type SegmentGroupRootProps } from './segment-group-root';
+export * as SegmentGroup from './segment-group';
+export { SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, useSegmentGroupContext, useSegmentGroupItemContext, };
+export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupRootProps, SegmentGroupValueChangeDetails, };

package/types/segment-group/segment-group-indicator.d.ts

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

package/types/segment-group/segment-group-item-control.d.ts

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

package/types/segment-group/segment-group-item-text.d.ts

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

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

@@ -1,10 +1,12 @@
 import type { ItemState } from '@zag-js/radio-group';
 import type { JSX } from 'solid-js/jsx-runtime';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 import { type SegmentGroupItemContext } from './segment-group-item-context';
-export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, {
-    children?: ((state: ItemState) => JSX.Element) | JSX.Element;
-}>, SegmentGroupItemContext {
+interface ElementProps extends SegmentGroupItemContext {
+    children?: JSX.Element | ((state: ItemState) => JSX.Element);
 }
-export declare const SegmentGroupItem: (props: SegmentGroupItemProps) => JSX.Element;
+export interface SegmentGroupItemProps extends Assign<HTMLArkProps<'label'>, ElementProps> {
+}
+export declare const SegmentGroupItem: ArkComponent<'label', ElementProps>;
+export {};

package/types/segment-group/segment-group-label.d.ts

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

package/types/segment-group/segment-group-root.d.ts

@@ -0,0 +1,6 @@
+import { type ArkComponent, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { type UseSegmentGroupProps } from './use-segment-group';
+export interface SegmentGroupRootProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
+}
+export declare const SegmentGroupRoot: ArkComponent<'div', UseSegmentGroupProps>;

package/types/segment-group/segment-group.d.ts

@@ -1,6 +1,7 @@
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSegmentGroupProps } from './use-segment-group';
-export interface SegmentGroupProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
-}
-export declare const SegmentGroup: (props: SegmentGroupProps) => import("solid-js").JSX.Element;
+import { SegmentGroupIndicator as Indicator } from './segment-group-indicator';
+import { SegmentGroupItem as Item } from './segment-group-item';
+import { SegmentGroupItemControl as ItemControl } from './segment-group-item-control';
+import { SegmentGroupItemText as ItemText } from './segment-group-item-text';
+import { SegmentGroupLabel as Label } from './segment-group-label';
+import { SegmentGroupRoot as Root } from './segment-group-root';
+export { Indicator, Item, ItemControl, ItemText, Label, Root };

package/types/select/index.d.ts

@@ -1,6 +1,5 @@
 import type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from '@zag-js/select';
 import type { CollectionItem } from '../types';
-import { type SelectProps } from './select';
 import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
 import { SelectContent, type SelectContentProps } from './select-content';
 import { useSelectContext, type SelectContext } from './select-context';
@@ -14,23 +13,9 @@ import { SelectItemIndicator, type SelectItemIndicatorProps } from './select-ite
 import { SelectItemText, type SelectItemTextProps } from './select-item-text';
 import { SelectLabel, type SelectLabelProps } from './select-label';
 import { SelectPositioner, type SelectPositionerProps } from './select-positioner';
+import { SelectRoot, type SelectRootProps } from './select-root';
 import { SelectTrigger, type SelectTriggerProps } from './select-trigger';
 import { SelectValueText, type SelectValueTextProps } from './select-value-text';
-declare const Select: (<T extends CollectionItem>(props: SelectProps<T>) => import("solid-js").JSX.Element) & {
-    Root: <T extends CollectionItem>(props: SelectProps<T>) => import("solid-js").JSX.Element;
-    ClearTrigger: (props: SelectClearTriggerProps) => import("solid-js").JSX.Element;
-    Content: (props: SelectContentProps) => import("solid-js").JSX.Element;
-    Control: (props: SelectControlProps) => import("solid-js").JSX.Element;
-    Indicator: (props: SelectIndicatorProps) => import("solid-js").JSX.Element;
-    Item: (props: SelectItemProps) => import("solid-js").JSX.Element;
-    ItemGroup: (props: SelectItemGroupProps) => import("solid-js").JSX.Element;
-    ItemGroupLabel: (props: SelectItemGroupLabelProps) => import("solid-js").JSX.Element;
-    ItemIndicator: (props: SelectItemIndicatorProps) => import("solid-js").JSX.Element;
-    ItemText: (props: SelectItemTextProps) => import("solid-js").JSX.Element;
-    Label: (props: SelectLabelProps) => import("solid-js").JSX.Element;
-    Positioner: (props: SelectPositionerProps) => import("solid-js").JSX.Element;
-    Trigger: (props: SelectTriggerProps) => import("solid-js").JSX.Element;
-    ValueText: (props: SelectValueTextProps) => import("solid-js").JSX.Element;
-};
-export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
-export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps, };
+export * as Select from './select';
+export { SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
+export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps, };

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

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

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

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

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

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

package/types/select/select-indicator.d.ts

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

package/types/select/select-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 SelectItemGroupLabelProps extends Assign<HTMLArkProps<'div'>, ItemGroupLabelProps> {
 }
-export declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => import("solid-js").JSX.Element;
+export declare const SelectItemGroupLabel: ArkComponent<'div', ItemGroupLabelProps>;
 export {};

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

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

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

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

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

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

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

@@ -1,9 +1,11 @@
 import type { ItemProps, ItemState } from '@zag-js/select';
 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 SelectItemProps extends Assign<HTMLArkProps<'div'>, {
+interface ElementProps extends ItemProps {
     children?: JSX.Element | ((state: Accessor<ItemState>) => JSX.Element);
-}>, ItemProps {
 }
-export declare const SelectItem: (props: SelectItemProps) => JSX.Element;
+export interface SelectItemProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const SelectItem: ArkComponent<'div', SelectItemProps>;
+export {};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { type JSX } from 'solid-js';
+import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import type { Assign, CollectionItem } from '../types';
+import { type UseSelectProps, type UseSelectReturn } from './use-select';
+export interface SelectRootProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: JSX.Element | ((api: UseSelectReturn<T>) => JSX.Element);
+}>, UseSelectProps<T>>, UsePresenceProps {
+}
+export declare const SelectRoot: <T extends CollectionItem>(props: SelectRootProps<T>) => JSX.Element;

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

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

package/types/select/select-value-text.d.ts

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

package/types/select/select.d.ts

@@ -1,10 +1,15 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import { type UsePresenceProps } from '../presence';
-import type { Assign, CollectionItem } from '../types';
-import { type UseSelectProps, type UseSelectReturn } from './use-select';
-export interface SelectProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseSelectReturn<T>) => JSX.Element);
-}>, UseSelectProps<T>>, UsePresenceProps {
-}
-export declare const Select: <T extends CollectionItem>(props: SelectProps<T>) => JSX.Element;
+import { SelectClearTrigger as ClearTrigger } from './select-clear-trigger';
+import { SelectContent as Content } from './select-content';
+import { SelectControl as Control } from './select-control';
+import { SelectIndicator as Indicator } from './select-indicator';
+import { SelectItem as Item } from './select-item';
+import { SelectItemGroup as ItemGroup } from './select-item-group';
+import { SelectItemGroupLabel as ItemGroupLabel } from './select-item-group-label';
+import { SelectItemIndicator as ItemIndicator } from './select-item-indicator';
+import { SelectItemText as ItemText } from './select-item-text';
+import { SelectLabel as Label } from './select-label';
+import { SelectPositioner as Positioner } from './select-positioner';
+import { SelectRoot as Root } from './select-root';
+import { SelectTrigger as Trigger } from './select-trigger';
+import { SelectValueText as ValueText } from './select-value-text';
+export { ClearTrigger, Content, Control, Indicator, Item, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, ValueText, };

package/types/slider/index.d.ts

@@ -1,24 +1,14 @@
 import type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
-import { type SliderProps } from './slider';
 import { useSliderContext, type SliderContext } from './slider-context';
 import { SliderControl, type SliderControlProps } from './slider-control';
 import { SliderLabel, type SliderLabelProps } from './slider-label';
 import { SliderMarker, type SliderMarkerProps } from './slider-marker';
 import { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
 import { SliderRange, type SliderRangeProps } from './slider-range';
+import { SliderRoot, type SliderRootProps } from './slider-root';
 import { SliderThumb, type SliderThumbProps } from './slider-thumb';
 import { SliderTrack, type SliderTrackProps } from './slider-track';
 import { SliderValueText, type SliderValueTextProps } from './slider-value-text';
-declare const Slider: ((props: SliderProps) => import("solid-js").JSX.Element) & {
-    Root: (props: SliderProps) => import("solid-js").JSX.Element;
-    Control: (props: SliderControlProps) => import("solid-js").JSX.Element;
-    Label: (props: SliderLabelProps) => import("solid-js").JSX.Element;
-    Marker: (props: SliderMarkerProps) => import("solid-js").JSX.Element;
-    MarkerGroup: (props: SliderMarkerGroupProps) => import("solid-js").JSX.Element;
-    Range: (props: SliderRangeProps) => import("solid-js").JSX.Element;
-    Thumb: (props: SliderThumbProps) => import("solid-js").JSX.Element;
-    Track: (props: SliderTrackProps) => import("solid-js").JSX.Element;
-    ValueText: (props: SliderValueTextProps) => import("solid-js").JSX.Element;
-};
-export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
-export type { SliderContext, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, };
+export * as Slider from './slider';
+export { SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
+export type { SliderContext, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderRangeProps, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, };

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

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

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

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

package/types/slider/slider-marker-group.d.ts

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

package/types/slider/slider-marker.d.ts

@@ -1,6 +1,6 @@
 import type { MarkerProps } from '@zag-js/slider';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 export interface SliderMarkerProps extends Assign<HTMLArkProps<'span'>, MarkerProps> {
 }
-export declare const SliderMarker: (props: SliderMarkerProps) => import("solid-js").JSX.Element;
+export declare const SliderMarker: ArkComponent<'span', MarkerProps>;

package/types/slider/slider-range.d.ts

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

package/types/slider/slider-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 UseSliderProps, type UseSliderReturn } from './use-slider';
+interface ElementProps extends UseSliderProps {
+    children?: JSX.Element | ((api: UseSliderReturn) => JSX.Element);
+}
+export interface SliderRootProps extends Assign<HTMLArkProps<'div'>, ElementProps> {
+}
+export declare const SliderRoot: ArkComponent<'div', SliderRootProps>;
+export {};

package/types/slider/slider-thumb.d.ts

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

package/types/slider/slider-track.d.ts

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

package/types/slider/slider-value-text.d.ts

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

package/types/slider/slider.d.ts

@@ -1,9 +1,10 @@
-import { type JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type UseSliderProps, type UseSliderReturn } from './use-slider';
-export interface SliderProps extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: JSX.Element | ((api: UseSliderReturn) => JSX.Element);
-}>, UseSliderProps> {
-}
-export declare const Slider: (props: SliderProps) => JSX.Element;
+import { SliderControl as Control } from './slider-control';
+import { SliderLabel as Label } from './slider-label';
+import { SliderMarker as Marker } from './slider-marker';
+import { SliderMarkerGroup as MarkerGroup } from './slider-marker-group';
+import { SliderRange as Range } from './slider-range';
+import { SliderRoot as Root } from './slider-root';
+import { SliderThumb as Thumb } from './slider-thumb';
+import { SliderTrack as Track } from './slider-track';
+import { SliderValueText as ValueText } from './slider-value-text';
+export { Control, Label, Marker, MarkerGroup, Range, Root, Thumb, Track, ValueText };

package/types/splitter/index.d.ts

@@ -1,12 +1,8 @@
 import type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
-import { type SplitterProps } from './splitter';
 import { useSplitterContext, type SplitterContext } from './splitter-context';
 import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
 import { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
-declare const Splitter: ((props: SplitterProps) => import("solid-js").JSX.Element) & {
-    Root: (props: SplitterProps) => import("solid-js").JSX.Element;
-    Panel: (props: SplitterPanelProps) => import("solid-js").JSX.Element;
-    ResizeTrigger: (props: SplitterResizeTriggerProps) => import("solid-js").JSX.Element;
-};
-export { Splitter, SplitterPanel, SplitterResizeTrigger, useSplitterContext };
-export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps, SplitterSizeChangeDetails, };
+import { SplitterRoot, type SplitterRootProps } from './splitter-root';
+export * as Splitter from './splitter';
+export { SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };
+export type { SplitterContext, SplitterPanelProps, SplitterResizeTriggerProps, SplitterRootProps, SplitterSizeChangeDetails, };

package/types/splitter/splitter-panel.d.ts

@@ -1,8 +1,8 @@
 import { type connect } from '@zag-js/splitter';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 type PanelParams = Parameters<ReturnType<typeof connect>['getPanelProps']>[0];
 export interface SplitterPanelProps extends Assign<HTMLArkProps<'div'>, PanelParams> {
 }
-export declare const SplitterPanel: (props: SplitterPanelProps) => import("solid-js").JSX.Element;
+export declare const SplitterPanel: ArkComponent<'div', PanelParams>;
 export {};

package/types/splitter/splitter-resize-trigger.d.ts

@@ -1,8 +1,8 @@
 import { connect } from '@zag-js/splitter';
-import { type HTMLArkProps } from '../factory';
+import { type ArkComponent, type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 type TriggerParams = Parameters<ReturnType<typeof connect>['getResizeTriggerProps']>[0];
 export interface SplitterResizeTriggerProps extends Assign<HTMLArkProps<'button'>, TriggerParams> {
 }
-export declare const SplitterResizeTrigger: (props: SplitterResizeTriggerProps) => import("solid-js").JSX.Element;
+export declare const SplitterResizeTrigger: ArkComponent<'button', TriggerParams>;
 export {};