@ark-ui/solid 2.0.0 → 2.1.0

package/source/menu/menu.jsx

@@ -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/source/menu/use-menu.js

@@ -4,7 +4,7 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext } from '../environment';
 export const useMenu = (props) => {
     const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const context = mergeProps({ id: createUniqueId(), getRootNode, 'open.controlled': props.open !== undefined }, props);
     const [state, send, machine] = useMachine(menu.machine(context), { context });
     return createMemo(() => ({
         api: () => menu.connect(state, send, normalizeProps),

package/source/number-input/index.js

@@ -6,13 +6,5 @@ import { NumberInputInput } from './number-input-input';
 import { NumberInputLabel } from './number-input-label';
 import { NumberInputRoot } from './number-input-root';
 import { NumberInputScrubber } from './number-input-scrubber';
-export const NumberInput = {
-    Root: NumberInputRoot,
-    Control: NumberInputControl,
-    DecrementTrigger: NumberInputDecrementTrigger,
-    Input: NumberInputInput,
-    IncrementTrigger: NumberInputIncrementTrigger,
-    Label: NumberInputLabel,
-    Scrubber: NumberInputScrubber,
-};
+export * as NumberInput from './number-input';
 export { NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, useNumberInputContext, };

package/source/number-input/number-input.jsx

@@ -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/source/pagination/index.js

@@ -4,11 +4,5 @@ import { PaginationItem } from './pagination-item';
 import { PaginationNextTrigger } from './pagination-next-trigger';
 import { PaginationPrevTrigger } from './pagination-prev-trigger';
 import { PaginationRoot } from './pagination-root';
-export const Pagination = {
-    Root: PaginationRoot,
-    Ellipsis: PaginationEllipsis,
-    Item: PaginationItem,
-    NextTrigger: PaginationNextTrigger,
-    PrevTrigger: PaginationPrevTrigger,
-};
+export * as Pagination from './pagination';
 export { PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, usePaginationContext, };

package/source/pagination/pagination.jsx

@@ -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/source/pin-input/index.js

@@ -3,10 +3,5 @@ import { PinInputControl } from './pin-input-control';
 import { PinInputInput } from './pin-input-input';
 import { PinInputLabel } from './pin-input-label';
 import { PinInputRoot } from './pin-input-root';
-export const PinInput = {
-    Root: PinInputRoot,
-    Control: PinInputControl,
-    Input: PinInputInput,
-    Label: PinInputLabel,
-};
+export * as PinInput from './pin-input';
 export { PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, usePinInputContext };

package/source/pin-input/pin-input.jsx

@@ -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/source/popover/index.js

@@ -10,17 +10,5 @@ import { PopoverPositioner } from './popover-positioner';
 import { PopoverRoot } from './popover-root';
 import { PopoverTitle } from './popover-title';
 import { PopoverTrigger } from './popover-trigger';
-export const Popover = {
-    Root: PopoverRoot,
-    Anchor: PopoverAnchor,
-    Arrow: PopoverArrow,
-    ArrowTip: PopoverArrowTip,
-    CloseTrigger: PopoverCloseTrigger,
-    Content: PopoverContent,
-    Description: PopoverDescription,
-    Indicator: PopoverIndicator,
-    Positioner: PopoverPositioner,
-    Title: PopoverTitle,
-    Trigger: PopoverTrigger,
-};
+export * as Popover from './popover';
 export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, usePopoverContext, };

package/source/popover/popover-description.jsx

@@ -4,5 +4,5 @@ import { usePopoverContext } from './popover-context';
 export const PopoverDescription = (props) => {
     const api = usePopoverContext();
     const mergedProps = mergeProps(() => api().descriptionProps, props);
-    return <ark.p {...mergedProps}/>;
+    return <ark.div {...mergedProps}/>;
 };

package/source/popover/popover.jsx

@@ -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/source/popover/use-popover.js

@@ -4,7 +4,7 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext } from '../environment';
 export const usePopover = (props) => {
     const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const context = mergeProps({ id: createUniqueId(), getRootNode, 'open.controlled': props.open !== undefined }, props);
     const [state, send] = useMachine(popover.machine(context), { context });
     return createMemo(() => popover.connect(state, send, normalizeProps));
 };

package/source/progress/index.js

@@ -8,15 +8,5 @@ import { ProgressRoot } from './progress-root';
 import { ProgressTrack } from './progress-track';
 import { ProgressValueText } from './progress-value-text';
 import { ProgressView } from './progress-view';
-export const Progress = {
-    Root: ProgressRoot,
-    Label: ProgressLabel,
-    Track: ProgressTrack,
-    Range: ProgressRange,
-    ValueText: ProgressValueText,
-    View: ProgressView,
-    Circle: ProgressCircle,
-    CircleTrack: ProgressCircleTrack,
-    CircleRange: ProgressCircleRange,
-};
+export * as Progress from './progress';
 export { ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressLabel, ProgressRange, ProgressRoot, ProgressTrack, ProgressValueText, ProgressView, useProgressContext, };

package/source/progress/progress.jsx

@@ -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/source/radio-group/index.js

@@ -6,12 +6,5 @@ import { RadioGroupItemControl } from './radio-group-item-control';
 import { RadioGroupItemText } from './radio-group-item-text';
 import { RadioGroupLabel } from './radio-group-label';
 import { RadioGroupRoot } from './radio-group-root';
-export const RadioGroup = {
-    Root: RadioGroupRoot,
-    Indicator: RadioGroupIndicator,
-    Item: RadioGroupItem,
-    ItemControl: RadioGroupItemControl,
-    ItemText: RadioGroupItemText,
-    Label: RadioGroupLabel,
-};
-export { RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };
+export * as RadioGroup from './radio-group';
+export { RadioGroupIndicator, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, RadioGroupRoot, useRadioGroupContext, useRadioGroupItemContext, };

package/source/radio-group/radio-group.jsx

@@ -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/source/rating-group/index.js

@@ -4,10 +4,5 @@ import { RatingGroupItem } from './rating-group-item';
 import { useRatingGroupItemContext } from './rating-group-item-context';
 import { RatingGroupLabel } from './rating-group-label';
 import { RatingGroupRoot } from './rating-group-root';
-export const RatingGroup = {
-    Root: RatingGroupRoot,
-    Control: RatingGroupControl,
-    Label: RatingGroupLabel,
-    Item: RatingGroupItem,
-};
+export * as RatingGroup from './rating-group';
 export { RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, useRatingGroupContext, useRatingGroupItemContext, };

package/source/rating-group/rating-group.jsx

@@ -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/source/segment-group/index.js

@@ -6,12 +6,5 @@ import { SegmentGroupItemControl, } from './segment-group-item-control';
 import { SegmentGroupItemText } from './segment-group-item-text';
 import { SegmentGroupLabel } from './segment-group-label';
 import { SegmentGroupRoot } from './segment-group-root';
-export const SegmentGroup = {
-    Root: SegmentGroupRoot,
-    Indicator: SegmentGroupIndicator,
-    Item: SegmentGroupItem,
-    ItemControl: SegmentGroupItemControl,
-    ItemText: SegmentGroupItemText,
-    Label: SegmentGroupLabel,
-};
+export * as SegmentGroup from './segment-group';
 export { SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, useSegmentGroupContext, useSegmentGroupItemContext, };

package/source/segment-group/segment-group.jsx

@@ -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/source/select/index.js

@@ -14,20 +14,5 @@ import { SelectPositioner } from './select-positioner';
 import { SelectRoot } from './select-root';
 import { SelectTrigger } from './select-trigger';
 import { SelectValueText } from './select-value-text';
-export const Select = {
-    Root: SelectRoot,
-    ClearTrigger: SelectClearTrigger,
-    Content: SelectContent,
-    Control: SelectControl,
-    Indicator: SelectIndicator,
-    Item: SelectItem,
-    ItemGroup: SelectItemGroup,
-    ItemGroupLabel: SelectItemGroupLabel,
-    ItemIndicator: SelectItemIndicator,
-    ItemText: SelectItemText,
-    Label: SelectLabel,
-    Positioner: SelectPositioner,
-    Trigger: SelectTrigger,
-    ValueText: SelectValueText,
-};
+export * as Select from './select';
 export { SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };

package/source/select/select-control.jsx

@@ -1,13 +1,17 @@
 import { mergeProps } from '@zag-js/solid';
-import { Index } from 'solid-js';
+import { createMemo, Index, Show } from 'solid-js';
 import { ark } from '../factory';
 import { useSelectContext } from './select-context';
 export const SelectControl = (props) => {
     const api = useSelectContext();
     const mergedProps = mergeProps(() => api().controlProps, props);
+    const isValueEmpty = createMemo(() => api().value.length === 0);
     return (<>
       <ark.div {...mergedProps}/>
       <select {...api().hiddenSelectProps}>
+        <Show when={isValueEmpty()}>
+          <option value=""/>
+        </Show>
         <Index each={api().collection.toArray()}>
           {(option) => <option value={option().value}>{option().label}</option>}
         </Index>

package/source/select/select.jsx

@@ -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/source/select/use-select.js

@@ -12,7 +12,12 @@ export const useSelect = (props) => {
     ]);
     const collection = () => select.collection(collectionOptions);
     const getRootNode = useEnvironmentContext();
-    const context = () => mergeProps({ id: createUniqueId(), getRootNode, collection: collection() }, rest);
+    const context = () => mergeProps({
+        id: createUniqueId(),
+        getRootNode,
+        collection: collection(),
+        'open.controlled': props.open !== undefined,
+    }, rest);
     const [state, send] = useMachine(select.machine(context()), {
         context,
     });

package/source/slider/index.js

@@ -8,15 +8,5 @@ import { SliderRoot } from './slider-root';
 import { SliderThumb } from './slider-thumb';
 import { SliderTrack } from './slider-track';
 import { SliderValueText } from './slider-value-text';
-export const Slider = {
-    Root: SliderRoot,
-    Control: SliderControl,
-    Label: SliderLabel,
-    Marker: SliderMarker,
-    MarkerGroup: SliderMarkerGroup,
-    Range: SliderRange,
-    Thumb: SliderThumb,
-    Track: SliderTrack,
-    ValueText: SliderValueText,
-};
+export * as Slider from './slider';
 export { SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };

package/source/slider/slider.jsx

@@ -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/source/splitter/index.js

@@ -2,9 +2,5 @@ import { useSplitterContext } from './splitter-context';
 import { SplitterPanel } from './splitter-panel';
 import { SplitterResizeTrigger } from './splitter-resize-trigger';
 import { SplitterRoot } from './splitter-root';
-export const Splitter = {
-    Root: SplitterRoot,
-    Panel: SplitterPanel,
-    ResizeTrigger: SplitterResizeTrigger,
-};
+export * as Splitter from './splitter';
 export { SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };

package/source/splitter/splitter.jsx

@@ -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/source/switch/index.js

@@ -3,10 +3,5 @@ import { SwitchControl } from './switch-control';
 import { SwitchLabel } from './switch-label';
 import { SwitchRoot } from './switch-root';
 import { SwitchThumb } from './switch-thumb';
-export const Switch = {
-    Root: SwitchRoot,
-    Control: SwitchControl,
-    Label: SwitchLabel,
-    Thumb: SwitchThumb,
-};
+export * as Switch from './switch';
 export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };

package/source/switch/switch.jsx

@@ -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/source/tabs/index.js

@@ -4,11 +4,5 @@ import { TabList } from './tab-list';
 import { TabTrigger } from './tab-trigger';
 import { useTabsContext } from './tabs-context';
 import { TabsRoot } from './tabs-root';
-export const Tabs = {
-    Root: TabsRoot,
-    Content: TabContent,
-    Indicator: TabIndicator,
-    List: TabList,
-    Trigger: TabTrigger,
-};
+export * as Tabs from './tabs';
 export { TabContent, TabIndicator, TabList, TabTrigger, TabsRoot, useTabsContext };

package/source/tabs/tabs.jsx

@@ -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/source/tags-input/index.js

@@ -10,16 +10,5 @@ import { TagsInputItemPreview } from './tags-input-item-preview';
 import { TagsInputItemText } from './tags-input-item-text';
 import { TagsInputLabel } from './tags-input-label';
 import { TagsInputRoot } from './tags-input-root';
-export const TagsInput = {
-    Root: TagsInputRoot,
-    ClearTrigger: TagsInputClearTrigger,
-    Control: TagsInputControl,
-    Input: TagsInputInput,
-    Item: TagsInputItem,
-    ItemPreview: TagsInputItemPreview,
-    ItemDeleteTrigger: TagsInputItemDeleteTrigger,
-    ItemInput: TagsInputItemInput,
-    ItemText: TagsInputItemText,
-    Label: TagsInputLabel,
-};
+export * as TagsInput from './tags-input';
 export { TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemPreview, TagsInputItemText, TagsInputLabel, TagsInputRoot, useTagsInputContext, useTagsInputItemContext, };

package/source/tags-input/tags-input.jsx

@@ -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/source/toast/index.js

@@ -4,11 +4,5 @@ import { ToastDescription } from './toast-description';
 import { ToastGroup } from './toast-group';
 import { ToastRoot } from './toast-root';
 import { ToastTitle } from './toast-title';
-export const Toast = {
-    Root: ToastRoot,
-    CloseTrigger: ToastCloseTrigger,
-    Description: ToastDescription,
-    Group: ToastGroup,
-    Title: ToastTitle,
-};
+export * as Toast from './toast';
 export { createToaster, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle };

package/source/toast/toast.jsx

@@ -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/source/toggle-group/index.js

@@ -1,8 +1,5 @@
 import { useToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem } from './toggle-group-item';
 import { ToggleGroupRoot } from './toggle-group-root';
-export const ToggleGroup = {
-    Root: ToggleGroupRoot,
-    Item: ToggleGroupItem,
-};
+export * as ToggleGroup from './toggle-group';
 export { ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };

package/source/toggle-group/toggle-group.jsx

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

package/source/tooltip/index.js

@@ -5,12 +5,5 @@ import { useTooltipContext } from './tooltip-context';
 import { TooltipPositioner } from './tooltip-positioner';
 import { TooltipRoot } from './tooltip-root';
 import { TooltipTrigger } from './tooltip-trigger';
-export const Tooltip = {
-    Root: TooltipRoot,
-    Arrow: TooltipArrow,
-    ArrowTip: TooltipArrowTip,
-    Content: TooltipContent,
-    Positioner: TooltipPositioner,
-    Trigger: TooltipTrigger,
-};
+export * as Tooltip from './tooltip';
 export { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipPositioner, TooltipRoot, TooltipTrigger, useTooltipContext, };

package/source/tooltip/tooltip.jsx

@@ -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/source/tooltip/use-tooltip.js

@@ -4,7 +4,7 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext } from '../environment';
 export const useTooltip = (props) => {
     const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const context = mergeProps({ id: createUniqueId(), getRootNode, 'open.controlled': props.open !== undefined }, props);
     const [state, send] = useMachine(tooltip.machine(context), { context });
     return createMemo(() => tooltip.connect(state, send, normalizeProps));
 };

package/source/tree-view/index.js

@@ -6,21 +6,10 @@ import { TreeViewBranchText } from './tree-view-branch-text';
 import { TreeViewBranchTrigger } from './tree-view-branch-trigger';
 import { useTreeViewContext } from './tree-view-context';
 import { TreeViewItem } from './tree-view-item';
+import { TreeViewItemIndicator } from './tree-view-item-indicator';
 import { TreeViewItemText } from './tree-view-item-text';
 import { TreeViewLabel } from './tree-view-label';
 import { TreeViewRoot } from './tree-view-root';
 import { TreeViewTree } from './tree-view-tree';
-export const TreeView = {
-    Root: TreeViewRoot,
-    Label: TreeViewLabel,
-    Tree: TreeViewTree,
-    Branch: TreeViewBranch,
-    Item: TreeViewItem,
-    ItemText: TreeViewItemText,
-    BranchContent: TreeViewBranchContent,
-    BranchControl: TreeViewBranchControl,
-    BranchTrigger: TreeViewBranchTrigger,
-    BranchIndicator: TreeViewBranchIndicator,
-    BranchText: TreeViewBranchText,
-};
-export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };
+export * as TreeView from './tree-view';
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };

package/source/tree-view/tree-view-branch-content.jsx

@@ -1,15 +1,10 @@
-// import type { BranchProps } from '@zag-js/tree-view'
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
+import { useTreeViewBranchContext } from './tree-view-branch-context';
 import { useTreeViewContext } from './tree-view-context';
 export const TreeViewBranchContent = (props) => {
-    const [branchProps, localProps] = createSplitProps()(props, [
-        'depth',
-        'id',
-        'disabled',
-    ]);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().getBranchContentProps(branchProps), localProps);
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchContentProps(branchProps), props);
     return <ark.ul {...mergedProps}/>;
 };

package/source/tree-view/tree-view-branch-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../create-context';
+export const [TreeViewBranchProvider, useTreeViewBranchContext] = createContext({
+    hookName: 'useTreeViewBranchContext',
+    providerName: '<TreeViewBranchProvider />',
+});

package/source/tree-view/tree-view-branch-control.jsx

@@ -1,15 +1,10 @@
-// import type { BranchProps } from '@zag-js/tree-view'
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
+import { useTreeViewBranchContext } from './tree-view-branch-context';
 import { useTreeViewContext } from './tree-view-context';
 export const TreeViewBranchControl = (props) => {
-    const [branchProps, localProps] = createSplitProps()(props, [
-        'depth',
-        'id',
-        'disabled',
-    ]);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().getBranchControlProps(branchProps), localProps);
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchControlProps(branchProps), props);
     return <ark.div {...mergedProps}/>;
 };

package/source/tree-view/tree-view-branch-indicator.jsx

@@ -1,16 +1,13 @@
-// import type { BranchProps } from '@zag-js/tree-view'
 import { treeViewAnatomy } from '@ark-ui/anatomy';
 import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
 import { ark } from '../factory';
+import { useTreeViewBranchContext } from './tree-view-branch-context';
 import { useTreeViewContext } from './tree-view-context';
 export const TreeViewBranchIndicator = (props) => {
-    const [branchProps, localProps] = createSplitProps()(props, [
-        'depth',
-        'id',
-        'disabled',
-    ]);
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().getBranchProps(branchProps), treeViewAnatomy.build().branchIndicator.attrs, localProps);
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchProps(branchProps), 
+    // TODO use api.getBranchIndicatorProps() when available
+    treeViewAnatomy.build().branchIndicator.attrs, props);
     return <ark.div {...mergedProps}/>;
 };