@ark-ui/solid 2.0.0 → 2.1.0

package/types/hover-card/use-hover-card.d.ts

@@ -2,7 +2,7 @@ import * as hoverCard from '@zag-js/hover-card';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseHoverCardProps extends Optional<hoverCard.Context, 'id'> {
+export interface UseHoverCardProps extends Omit<Optional<hoverCard.Context, 'id'>, 'open.controlled'> {
 }
 export interface UseHoverCardReturn extends Accessor<hoverCard.Api<PropTypes>> {
 }

package/types/menu/index.d.ts

@@ -0,0 +1,18 @@
+import type { OpenChangeDetails as MenuOpenChangeDetails, SelectionDetails as MenuSelectionDetails, ValueChangeDetails as MenuValueChangeDetails } from '@zag-js/menu';
+import { MenuArrow, type MenuArrowProps } from './menu-arrow';
+import { MenuArrowTip, type MenuArrowTipProps } from './menu-arrow-tip';
+import { MenuContent, type MenuContentProps } from './menu-content';
+import { useMenuContext } from './menu-context';
+import { MenuContextTrigger, type MenuContextTriggerProps } from './menu-context-trigger';
+import { MenuItem, type MenuItemProps } from './menu-item';
+import { MenuItemGroup, type MenuItemGroupProps } from './menu-item-group';
+import { MenuItemGroupLabel, type MenuItemGroupLabelProps } from './menu-item-group-label';
+import { MenuOptionItem, type MenuOptionItemProps } from './menu-option-item';
+import { MenuPositioner, type MenuPositionerProps } from './menu-positioner';
+import { MenuRoot, type MenuRootProps } from './menu-root';
+import { MenuSeparator, type MenuSeparatorProps } from './menu-separator';
+import { MenuTrigger, type MenuTriggerProps } from './menu-trigger';
+import { MenuTriggerItem, type MenuTriggerItemProps } from './menu-trigger-item';
+export * as Menu from './menu';
+export { MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };
+export type { MenuArrowProps, MenuArrowTipProps, MenuContentProps, MenuContextTriggerProps, MenuItemGroupLabelProps, MenuItemGroupProps, MenuItemProps, MenuOpenChangeDetails, MenuOptionItemProps, MenuPositionerProps, MenuRootProps, MenuSelectionDetails, MenuSeparatorProps, MenuTriggerItemProps, MenuTriggerProps, MenuValueChangeDetails, };

package/types/menu/menu.d.ts

@@ -0,0 +1,14 @@
+import { MenuArrow as Arrow } from './menu-arrow';
+import { MenuArrowTip as ArrowTip } from './menu-arrow-tip';
+import { MenuContent as Content } from './menu-content';
+import { MenuContextTrigger as ContextTrigger } from './menu-context-trigger';
+import { MenuItem as Item } from './menu-item';
+import { MenuItemGroup as ItemGroup } from './menu-item-group';
+import { MenuItemGroupLabel as ItemGroupLabel } from './menu-item-group-label';
+import { MenuOptionItem as OptionItem } from './menu-option-item';
+import { MenuPositioner as Positioner } from './menu-positioner';
+import { MenuRoot as Root } from './menu-root';
+import { MenuSeparator as Separator } from './menu-separator';
+import { MenuTrigger as Trigger } from './menu-trigger';
+import { MenuTriggerItem as TriggerItem } from './menu-trigger-item';
+export { Arrow, ArrowTip, Content, ContextTrigger, Item, ItemGroup, ItemGroupLabel, OptionItem, Positioner, Root, Separator, Trigger, TriggerItem, };

package/types/menu/use-menu.d.ts

@@ -2,7 +2,7 @@ import * as menu from '@zag-js/menu';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseMenuProps extends Optional<menu.Context, 'id'> {
+export interface UseMenuProps extends Omit<Optional<menu.Context, 'id'>, 'open.controlled'> {
 }
 export type UseMenuReturn = () => {
     machine: ReturnType<typeof menu.machine>;

package/types/number-input/index.d.ts

@@ -0,0 +1,12 @@
+import type { FocusChangeDetails as NumberInputFocusChangeDetails, ValueChangeDetails as NumberInputValueChangeDetails, ValueInvalidDetails as NumberInputValueInvalidDetails } from '@zag-js/number-input';
+import { useNumberInputContext, type NumberInputContext } from './number-input-context';
+import { NumberInputControl, type NumberInputControlProps } from './number-input-control';
+import { NumberInputDecrementTrigger, type NumberInputDecrementTriggerProps } from './number-input-decrement-trigger';
+import { NumberInputIncrementTrigger, type NumberInputIncrementTriggerProps } from './number-input-increment-trigger';
+import { NumberInputInput, type NumberInputInputProps } from './number-input-input';
+import { NumberInputLabel, type NumberInputLabelProps } from './number-input-label';
+import { NumberInputRoot, type NumberInputRootProps } from './number-input-root';
+import { NumberInputScrubber, type NumberInputScrubberProps } from './number-input-scrubber';
+export * as NumberInput from './number-input';
+export { NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, useNumberInputContext, };
+export type { NumberInputContext, NumberInputControlProps, NumberInputDecrementTriggerProps, NumberInputFocusChangeDetails, NumberInputIncrementTriggerProps, NumberInputInputProps, NumberInputLabelProps, NumberInputRootProps, NumberInputScrubberProps, NumberInputValueChangeDetails, NumberInputValueInvalidDetails, };

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

@@ -0,0 +1,8 @@
+import { NumberInputControl as Control } from './number-input-control';
+import { NumberInputDecrementTrigger as DecrementTrigger } from './number-input-decrement-trigger';
+import { NumberInputIncrementTrigger as IncrementTrigger } from './number-input-increment-trigger';
+import { NumberInputInput as Input } from './number-input-input';
+import { NumberInputLabel as Label } from './number-input-label';
+import { NumberInputRoot as Root } from './number-input-root';
+import { NumberInputScrubber as Scrubber } from './number-input-scrubber';
+export { Control, DecrementTrigger, IncrementTrigger, Input, Label, Root, Scrubber };

package/types/pagination/index.d.ts

@@ -5,12 +5,6 @@ import { PaginationItem, type PaginationItemProps } from './pagination-item';
 import { PaginationNextTrigger, type PaginationNextTriggerProps } from './pagination-next-trigger';
 import { PaginationPrevTrigger, type PaginationPrevTriggerProps } from './pagination-prev-trigger';
 import { PaginationRoot, type PaginationRootProps } from './pagination-root';
-export declare const Pagination: {
-    Root: import("..").ArkComponent<"nav", PaginationRootProps>;
-    Ellipsis: import("..").ArkComponent<"div", import("@zag-js/pagination").EllipsisProps>;
-    Item: import("..").ArkComponent<"button", import("@zag-js/pagination").ItemProps>;
-    NextTrigger: import("..").ArkComponent<"button", object>;
-    PrevTrigger: import("..").ArkComponent<"button", object>;
-};
+export * as Pagination from './pagination';
 export { PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, usePaginationContext, };
 export type { PaginationContext, PaginationEllipsisProps, PaginationItemLabelDetails, PaginationItemProps, PaginationNextTriggerProps, PaginationPageChangeDetails, PaginationPrevTriggerProps, PaginationRootProps, };

package/types/pagination/pagination.d.ts

@@ -0,0 +1,6 @@
+import { PaginationEllipsis as Ellipsis } from './pagination-ellipsis';
+import { PaginationItem as Item } from './pagination-item';
+import { PaginationNextTrigger as NextTrigger } from './pagination-next-trigger';
+import { PaginationPrevTrigger as PrevTrigger } from './pagination-prev-trigger';
+import { PaginationRoot as Root } from './pagination-root';
+export { Ellipsis, Item, NextTrigger, PrevTrigger, Root };

package/types/pin-input/index.d.ts

@@ -4,13 +4,6 @@ import { PinInputControl, type PinInputControlProps } from './pin-input-control'
 import { PinInputInput, type PinInputInputProps } from './pin-input-input';
 import { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
 import { PinInputRoot, type PinInputRootProps } from './pin-input-root';
-export declare const PinInput: {
-    Root: import("..").ArkComponent<"div", import("./use-pin-input").UsePinInputProps>;
-    Control: import("..").ArkComponent<"div", object>;
-    Input: import("..").ArkComponent<"input", {
-        index: number;
-    }>;
-    Label: import("..").ArkComponent<"label", object>;
-};
+export * as PinInput from './pin-input';
 export { PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, usePinInputContext };
 export type { PinInputContext, PinInputControlProps, PinInputInputProps, PinInputLabelProps, PinInputRootProps, PinInputValueChangeDetails, PinInputValueInvalidDetails, };

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

@@ -0,0 +1,5 @@
+import { PinInputControl as Control } from './pin-input-control';
+import { PinInputInput as Input } from './pin-input-input';
+import { PinInputLabel as Label } from './pin-input-label';
+import { PinInputRoot as Root } from './pin-input-root';
+export { Control, Input, Label, Root };

package/types/popover/index.d.ts

@@ -11,18 +11,6 @@ import { PopoverPositioner, type PopoverPositionerProps } from './popover-positi
 import { PopoverRoot, type PopoverRootProps } from './popover-root';
 import { PopoverTitle, type PopoverTitleProps } from './popover-title';
 import { PopoverTrigger, type PopoverTriggerProps } from './popover-trigger';
-export declare const Popover: {
-    Root: (props: PopoverRootProps) => import("solid-js").JSX.Element;
-    Anchor: import("..").ArkComponent<"div", object>;
-    Arrow: import("..").ArkComponent<"div", object>;
-    ArrowTip: import("..").ArkComponent<"div", object>;
-    CloseTrigger: import("..").ArkComponent<"button", object>;
-    Content: import("..").ArkComponent<"div", object>;
-    Description: import("..").ArkComponent<"p", object>;
-    Indicator: import("..").ArkComponent<"div", object>;
-    Positioner: import("..").ArkComponent<"div", object>;
-    Title: import("..").ArkComponent<"div", object>;
-    Trigger: import("..").ArkComponent<"button", object>;
-};
+export * as Popover from './popover';
 export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, usePopoverContext, };
 export type { PopoverAnchorProps, PopoverArrowProps, PopoverArrowTipProps, PopoverCloseTriggerProps, PopoverContentProps, PopoverContext, PopoverDescriptionProps, PopoverIndicatorProps, PopoverOpenChangeDetails, PopoverPositionerProps, PopoverRootProps, PopoverTitleProps, PopoverTriggerProps, };

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

@@ -1,4 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-export interface PopoverDescriptionProps extends HTMLArkProps<'p'> {
+export interface PopoverDescriptionProps extends HTMLArkProps<'div'> {
 }
-export declare const PopoverDescription: ArkComponent<'p'>;
+export declare const PopoverDescription: ArkComponent<'div'>;

package/types/popover/popover.d.ts

@@ -0,0 +1,12 @@
+import { PopoverAnchor as Anchor } from './popover-anchor';
+import { PopoverArrow as Arrow } from './popover-arrow';
+import { PopoverArrowTip as ArrowTip } from './popover-arrow-tip';
+import { PopoverCloseTrigger as CloseTrigger } from './popover-close-trigger';
+import { PopoverContent as Content } from './popover-content';
+import { PopoverDescription as Description } from './popover-description';
+import { PopoverIndicator as Indicator } from './popover-indicator';
+import { PopoverPositioner as Positioner } from './popover-positioner';
+import { PopoverRoot as Root } from './popover-root';
+import { PopoverTitle as Title } from './popover-title';
+import { PopoverTrigger as Trigger } from './popover-trigger';
+export { Anchor, Arrow, ArrowTip, CloseTrigger, Content, Description, Indicator, Positioner, Root, Title, Trigger, };

package/types/popover/use-popover.d.ts

@@ -2,7 +2,7 @@ import * as popover from '@zag-js/popover';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UsePopoverProps extends Optional<popover.Context, 'id'> {
+export interface UsePopoverProps extends Omit<Optional<popover.Context, 'id'>, 'open.controlled'> {
 }
 export interface UsePopoverReturn extends Accessor<popover.Api<PropTypes>> {
 }

package/types/progress/index.d.ts

@@ -8,16 +8,6 @@ import { ProgressRoot, type ProgressRootProps } from './progress-root';
 import { ProgressTrack, type ProgressTrackProps } from './progress-track';
 import { ProgressValueText, type ProgressValueTextProps } from './progress-value-text';
 import { ProgressView, type ProgressViewProps } from './progress-view';
-export declare const Progress: {
-    Root: import("..").ArkComponent<"div", ProgressRootProps>;
-    Label: import("..").ArkComponent<"label", object>;
-    Track: import("..").ArkComponent<"div", object>;
-    Range: import("..").ArkComponent<"div", object>;
-    ValueText: import("..").ArkComponent<"span", object>;
-    View: import("..").ArkComponent<"span", import("@zag-js/progress").ViewProps>;
-    Circle: import("..").ArkComponent<"svg", object>;
-    CircleTrack: import("..").ArkComponent<"circle", object>;
-    CircleRange: import("..").ArkComponent<"circle", object>;
-};
+export * as Progress from './progress';
 export { ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, useProgressContext, };
 export type { ProgressCircleProps, ProgressCircleRangeProps, ProgressCircleTrackProps, ProgressContext, ProgressLabelProps, ProgressRangeProps, ProgressRootProps, ProgressTrackProps, ProgressValueTextProps, ProgressViewProps, };

package/types/progress/progress.d.ts

@@ -0,0 +1,10 @@
+import { ProgressCircle as Circle } from './progress-circle';
+import { ProgressCircleRange as CircleRange } from './progress-circle-range';
+import { ProgressCircleTrack as CircleTrack } from './progress-circle-track';
+import { ProgressLabel as Label } from './progress-label';
+import { ProgressRange as Range } from './progress-range';
+import { ProgressRoot as Root } from './progress-root';
+import { ProgressTrack as Track } from './progress-track';
+import { ProgressValueText as ValueText } from './progress-value-text';
+import { ProgressView as View } from './progress-view';
+export { Circle, CircleRange, CircleTrack, Label, Range, Root, Track, ValueText, View };

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

@@ -1,19 +1,12 @@
 import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
-import { type RadioGroupIndicatorProps } from './radio-group-indicator';
+import { RadioGroupIndicator, type RadioGroupIndicatorProps } from './radio-group-indicator';
 import { RadioGroupItem, type RadioGroupItemProps } from './radio-group-item';
 import { useRadioGroupItemContext, type RadioGroupItemContext } from './radio-group-item-context';
 import { RadioGroupItemControl, type RadioGroupItemControlProps } from './radio-group-item-control';
 import { RadioGroupItemText, type RadioGroupItemTextProps } from './radio-group-item-text';
 import { RadioGroupLabel, type RadioGroupLabelProps } from './radio-group-label';
 import { RadioGroupRoot, type RadioGroupRootProps } from './radio-group-root';
-export declare const RadioGroup: {
-    Root: import("..").ArkComponent<"div", import("./use-radio-group").UseRadioGroupProps>;
-    Indicator: import("..").ArkComponent<"div", object>;
-    Item: import("..").ArkComponent<"label", RadioGroupItemProps>;
-    ItemControl: import("..").ArkComponent<"div", object>;
-    ItemText: import("..").ArkComponent<"span", object>;
-    Label: import("..").ArkComponent<"label", object>;
-};
-export { RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
+export * as RadioGroup from './radio-group';
+export { RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
 export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupRootProps, RadioGroupValueChangeDetails, };

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,10 @@
+import type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails } from '@zag-js/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';
+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.d.ts

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,12 @@
+import type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-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';
+import { useSegmentGroupItemContext, type SegmentGroupItemContext } from './segment-group-item-context';
+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';
+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.d.ts

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,21 @@
+import type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from '@zag-js/select';
+import type { CollectionItem } from '../types';
+import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
+import { SelectContent, type SelectContentProps } from './select-content';
+import { useSelectContext, type SelectContext } from './select-context';
+import { SelectControl, type SelectControlProps } from './select-control';
+import { SelectIndicator, type SelectIndicatorProps } from './select-indicator';
+import { SelectItem, type SelectItemProps } from './select-item';
+import { useSelectItemContext, type SelectItemContext } from './select-item-context';
+import { SelectItemGroup, type SelectItemGroupProps } from './select-item-group';
+import { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-item-group-label';
+import { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
+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';
+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.d.ts

@@ -0,0 +1,15 @@
+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/select/use-select.d.ts

@@ -3,7 +3,7 @@ import * as select from '@zag-js/select';
 import { type PropTypes } from '@zag-js/solid';
 import { type Accessor } from 'solid-js';
 import { type CollectionItem, type Optional } from '../types';
-export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection'> {
+export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection' | 'open.controlled'> {
 }
 export interface UseSelectReturn<T extends CollectionItem> extends Accessor<select.Api<PropTypes, T>> {
 }

package/types/slider/index.d.ts

@@ -9,16 +9,6 @@ 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';
-export declare const Slider: {
-    Root: import("..").ArkComponent<"div", SliderRootProps>;
-    Control: import("..").ArkComponent<"div", object>;
-    Label: import("..").ArkComponent<"label", object>;
-    Marker: import("..").ArkComponent<"span", import("@zag-js/slider").MarkerProps>;
-    MarkerGroup: import("..").ArkComponent<"div", object>;
-    Range: import("..").ArkComponent<"div", object>;
-    Thumb: import("..").ArkComponent<"div", import("@zag-js/slider").ThumbProps>;
-    Track: import("..").ArkComponent<"div", object>;
-    ValueText: import("..").ArkComponent<"div", object>;
-};
+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.d.ts

@@ -0,0 +1,10 @@
+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

@@ -3,10 +3,6 @@ import { useSplitterContext, type SplitterContext } from './splitter-context';
 import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
 import { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
 import { SplitterRoot, type SplitterRootProps } from './splitter-root';
-export declare const Splitter: {
-    Root: import("..").ArkComponent<"div", SplitterRootProps>;
-    Panel: import("..").ArkComponent<"div", import("@zag-js/splitter").PanelProps>;
-    ResizeTrigger: import("..").ArkComponent<"button", import("@zag-js/splitter").ResizeTriggerProps>;
-};
+export * as Splitter from './splitter';
 export { SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };
 export type { SplitterContext, SplitterPanelProps, SplitterResizeTriggerProps, SplitterRootProps, SplitterSizeChangeDetails, };

package/types/splitter/splitter.d.ts

@@ -0,0 +1,4 @@
+import { SplitterPanel as Panel } from './splitter-panel';
+import { SplitterResizeTrigger as ResizeTrigger } from './splitter-resize-trigger';
+import { SplitterRoot as Root } from './splitter-root';
+export { Panel, ResizeTrigger, Root };

package/types/switch/index.d.ts

@@ -4,11 +4,6 @@ import { SwitchControl, type SwitchControlProps } from './switch-control';
 import { SwitchLabel, type SwitchLabelProps } from './switch-label';
 import { SwitchRoot, type SwitchRootProps } from './switch-root';
 import { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
-export declare const Switch: {
-    Root: import("..").ArkComponent<"label", SwitchRootProps>;
-    Control: import("..").ArkComponent<"span", object>;
-    Label: import("..").ArkComponent<"span", object>;
-    Thumb: import("..").ArkComponent<"span", object>;
-};
+export * as Switch from './switch';
 export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };
 export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchRootProps, SwitchThumbProps, };

package/types/switch/switch.d.ts

@@ -0,0 +1,5 @@
+import { SwitchControl as Control } from './switch-control';
+import { SwitchLabel as Label } from './switch-label';
+import { SwitchRoot as Root } from './switch-root';
+import { SwitchThumb as Thumb } from './switch-thumb';
+export { Control, Label, Root, Thumb };

package/types/tabs/index.d.ts

@@ -5,12 +5,6 @@ import { TabList, type TabListProps } from './tab-list';
 import { TabTrigger, type TabTriggerProps } from './tab-trigger';
 import { useTabsContext, type TabsContext } from './tabs-context';
 import { TabsRoot, type TabsRootProps } from './tabs-root';
-export declare const Tabs: {
-    Root: import("..").ArkComponent<"div", TabsRootProps>;
-    Content: import("..").ArkComponent<"div", import("@zag-js/tabs").ContentProps>;
-    Indicator: import("..").ArkComponent<"div", object>;
-    List: import("..").ArkComponent<"div", object>;
-    Trigger: import("..").ArkComponent<"button", import("@zag-js/tabs").TriggerProps>;
-};
+export * as Tabs from './tabs';
 export { TabContent, TabIndicator, TabList, TabTrigger, TabsRoot, useTabsContext };
 export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsRootProps, TabsValueChangeDetails, };

package/types/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import { TabContent as Content } from './tab-content';
+import { TabIndicator as Indicator } from './tab-indicator';
+import { TabList as List } from './tab-list';
+import { TabTrigger as Trigger } from './tab-trigger';
+import { TabsRoot as Root } from './tabs-root';
+export { Content, Indicator, List, Root, Trigger };

package/types/tags-input/index.d.ts

@@ -0,0 +1,16 @@
+import type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails } from '@zag-js/tags-input';
+import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
+import { useTagsInputContext, type TagsInputContext } from './tags-input-context';
+import { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
+import { TagsInputInput, type TagsInputInputProps } from './tags-input-input';
+import { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
+import { useTagsInputItemContext, type TagsInputItemContext } from './tags-input-item-context';
+import { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps } from './tags-input-item-delete-trigger';
+import { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
+import { TagsInputItemPreview, type TagsInputItemPreviewProps } from './tags-input-item-preview';
+import { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
+import { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
+import { TagsInputRoot, type TagsInputRootProps } from './tags-input-root';
+export * as TagsInput from './tags-input';
+export { TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, useTagsInputContext, useTagsInputItemContext, };
+export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputHighlightChangeDetails, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemPreviewProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputRootProps, TagsInputValidityChangeDetails, TagsInputValueChangeDetails, };

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

@@ -0,0 +1,11 @@
+import { TagsInputClearTrigger as ClearTrigger } from './tags-input-clear-trigger';
+import { TagsInputControl as Control } from './tags-input-control';
+import { TagsInputInput as Input } from './tags-input-input';
+import { TagsInputItem as Item } from './tags-input-item';
+import { TagsInputItemDeleteTrigger as ItemDeleteTrigger } from './tags-input-item-delete-trigger';
+import { TagsInputItemInput as ItemInput } from './tags-input-item-input';
+import { TagsInputItemPreview as ItemPreview } from './tags-input-item-preview';
+import { TagsInputItemText as ItemText } from './tags-input-item-text';
+import { TagsInputLabel as Label } from './tags-input-label';
+import { TagsInputRoot as Root } from './tags-input-root';
+export { ClearTrigger, Control, Input, Item, ItemDeleteTrigger, ItemInput, ItemPreview, ItemText, Label, Root, };

package/types/toast/index.d.ts

@@ -4,12 +4,6 @@ import { ToastDescription, type ToastDescriptionProps } from './toast-descriptio
 import { ToastGroup, type ToastGroupProps } from './toast-group';
 import { ToastRoot, type ToastRootProps } from './toast-root';
 import { ToastTitle, type ToastTitleProps } from './toast-title';
-export declare const Toast: {
-    Root: import("..").ArkComponent<"li", object>;
-    CloseTrigger: import("..").ArkComponent<"button", object>;
-    Description: import("..").ArkComponent<"div", object>;
-    Group: import("..").ArkComponent<"ol", object>;
-    Title: import("..").ArkComponent<"div", object>;
-};
+export * as Toast from './toast';
 export { createToaster, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle };
 export type { CreateToasterProps, CreateToasterReturn, ToastCloseTriggerProps, ToastDescriptionProps, ToastGroupProps, ToastRootProps, ToastTitleProps, };

package/types/toast/toast.d.ts

@@ -0,0 +1,6 @@
+import { ToastCloseTrigger as CloseTrigger } from './toast-close-trigger';
+import { ToastDescription as Description } from './toast-description';
+import { ToastGroup as Group } from './toast-group';
+import { ToastRoot as Root } from './toast-root';
+import { ToastTitle as Title } from './toast-title';
+export { CloseTrigger, Description, Group, Root, Title };

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

@@ -2,9 +2,6 @@ import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-j
 import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
 import { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
-export declare const ToggleGroup: {
-    Root: import("..").ArkComponent<"div", import("./use-toggle-group").UseToggleGroupProps>;
-    Item: import("..").ArkComponent<"button", import("@zag-js/toggle-group").ItemProps>;
-};
+export * as ToggleGroup from './toggle-group';
 export { ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };
 export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupRootProps, ToggleGroupValueChangeDetails, };

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

@@ -0,0 +1,3 @@
+import { ToggleGroupItem as Item } from './toggle-group-item';
+import { ToggleGroupRoot as Root } from './toggle-group-root';
+export { Item, Root };

package/types/tooltip/index.d.ts

@@ -6,13 +6,6 @@ import { useTooltipContext, type TooltipContext } from './tooltip-context';
 import { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
 import { TooltipRoot, type TooltipRootProps } from './tooltip-root';
 import { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-export declare const Tooltip: {
-    Root: (props: TooltipRootProps) => import("solid-js").JSX.Element;
-    Arrow: import("..").ArkComponent<"div", object>;
-    ArrowTip: import("..").ArkComponent<"div", object>;
-    Content: import("..").ArkComponent<"div", object>;
-    Positioner: import("..").ArkComponent<"div", object>;
-    Trigger: import("..").ArkComponent<"button", object>;
-};
+export * as Tooltip from './tooltip';
 export { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, useTooltipContext, };
 export type { TooltipArrowProps, TooltipArrowTipProps, TooltipContentProps, TooltipContext, TooltipOpenChangeDetails, TooltipPositionerProps, TooltipRootProps, TooltipTriggerProps, };

package/types/tooltip/tooltip.d.ts

@@ -0,0 +1,7 @@
+import { TooltipArrow as Arrow } from './tooltip-arrow';
+import { TooltipArrowTip as ArrowTip } from './tooltip-arrow-tip';
+import { TooltipContent as Content } from './tooltip-content';
+import { TooltipPositioner as Positioner } from './tooltip-positioner';
+import { TooltipRoot as Root } from './tooltip-root';
+import { TooltipTrigger as Trigger } from './tooltip-trigger';
+export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

package/types/tooltip/use-tooltip.d.ts

@@ -2,7 +2,7 @@ import { type PropTypes } from '@zag-js/solid';
 import * as tooltip from '@zag-js/tooltip';
 import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export interface UseTooltipProps extends Optional<tooltip.Context, 'id'> {
+export interface UseTooltipProps extends Omit<Optional<tooltip.Context, 'id'>, 'open.controlled'> {
 }
 export interface UseTooltipReturn extends Accessor<tooltip.Api<PropTypes>> {
 }

package/types/tree-view/index.d.ts

@@ -0,0 +1,17 @@
+import type { ExpandedChangeDetails as TreeViewExpandedChangeDetails, FocusChangeDetails as TreeViewFocusChangeDetails, SelectionChangeDetails as TreeViewSelectionChangeDetails } from '@zag-js/tree-view';
+import { TreeViewBranch, type TreeViewBranchProps } from './tree-view-branch';
+import { TreeViewBranchContent, type TreeViewBranchContentProps } from './tree-view-branch-content';
+import { TreeViewBranchControl, type TreeViewBranchControlProps } from './tree-view-branch-control';
+import { TreeViewBranchIndicator, type TreeViewBranchIndicatorProps } from './tree-view-branch-indicator';
+import { TreeViewBranchText, type TreeViewBranchTextProps } from './tree-view-branch-text';
+import { TreeViewBranchTrigger, type TreeViewBranchTriggerProps } from './tree-view-branch-trigger';
+import { useTreeViewContext, type TreeViewContext } from './tree-view-context';
+import { TreeViewItem, type TreeViewItemProps } from './tree-view-item';
+import { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-view-item-indicator';
+import { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
+import { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
+import { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
+import { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
+export * as TreeView from './tree-view';
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };
+export type { TreeViewBranchContentProps, TreeViewBranchControlProps, TreeViewBranchIndicatorProps, TreeViewBranchProps, TreeViewBranchTextProps, TreeViewBranchTriggerProps, TreeViewContext, TreeViewExpandedChangeDetails, TreeViewFocusChangeDetails, TreeViewItemIndicatorProps, TreeViewItemProps, TreeViewItemTextProps, TreeViewLabelProps, TreeViewRootProps, TreeViewSelectionChangeDetails, TreeViewTreeProps, };

package/types/tree-view/tree-view-branch-content.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchContentProps extends Assign<HTMLArkProps<'ul'>, BranchProps> {
+export interface TreeViewBranchContentProps extends HTMLArkProps<'ul'> {
 }
-export declare const TreeViewBranchContent: ArkComponent<'ul', BranchProps>;
+export declare const TreeViewBranchContent: ArkComponent<'ul'>;

package/types/tree-view/tree-view-branch-context.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps as ZagItemProps } from '@zag-js/tree-view';
+export interface ItemProps extends Omit<ZagItemProps, 'depth'> {
+}
+export interface TreeViewBranchContext extends ZagItemProps {
+}
+export declare const TreeViewBranchProvider: import("solid-js").ContextProviderComponent<TreeViewBranchContext>, useTreeViewBranchContext: () => TreeViewBranchContext;

package/types/tree-view/tree-view-branch-control.d.ts

@@ -1,6 +1,4 @@
 import { type ArkComponent, type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-import { type BranchProps } from './tree-view-context';
-export interface TreeViewBranchControlProps extends Assign<HTMLArkProps<'div'>, BranchProps> {
+export interface TreeViewBranchControlProps extends HTMLArkProps<'div'> {
 }
-export declare const TreeViewBranchControl: ArkComponent<'div', BranchProps>;
+export declare const TreeViewBranchControl: ArkComponent<'div'>;