@ark-ui/solid 1.3.0 → 2.0.1

package/source/select/select.jsx

@@ -1,48 +1,15 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
-import { runIfFn } from '../run-if-fn';
-import { SelectProvider } from './select-context';
-import { useSelect } from './use-select';
-export const Select = (props) => {
-    const [presenceProps, selectProps] = splitPresenceProps(props);
-    const [useSelectProps, localProps] = createSplitProps()(selectProps, [
-        'closeOnSelect',
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'highlightedValue',
-        'id',
-        'ids',
-        'invalid',
-        'isItemDisabled',
-        'items',
-        'itemToString',
-        'itemToValue',
-        'loop',
-        'multiple',
-        'name',
-        'onFocusOutside',
-        'onHighlightChange',
-        'onInteractOutside',
-        'onOpenChange',
-        'onPointerDownOutside',
-        'onValueChange',
-        'open',
-        'positioning',
-        'readOnly',
-        'selectOnBlur',
-        'value',
-    ]);
-    const api = useSelect(useSelectProps);
-    const presenceApi = usePresence(mergeProps(() => ({ present: api().isOpen }), presenceProps));
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<SelectProvider value={api}>
-      <PresenceProvider value={presenceApi}>
-        <ark.div {...mergedProps}>{getChildren()}</ark.div>
-      </PresenceProvider>
-    </SelectProvider>);
-};
+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/slider/index.js

@@ -1,22 +1,12 @@
-import { Slider as SliderRoot } from './slider';
 import { useSliderContext } from './slider-context';
 import { SliderControl } from './slider-control';
 import { SliderLabel } from './slider-label';
 import { SliderMarker } from './slider-marker';
 import { SliderMarkerGroup } from './slider-marker-group';
 import { SliderRange } from './slider-range';
+import { SliderRoot } from './slider-root';
 import { SliderThumb } from './slider-thumb';
 import { SliderTrack } from './slider-track';
 import { SliderValueText } from './slider-value-text';
-const Slider = Object.assign(SliderRoot, {
-    Root: SliderRoot,
-    Control: SliderControl,
-    Label: SliderLabel,
-    Marker: SliderMarker,
-    MarkerGroup: SliderMarkerGroup,
-    Range: SliderRange,
-    Thumb: SliderThumb,
-    Track: SliderTrack,
-    ValueText: SliderValueText,
-});
-export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
+export * as Slider from './slider';
+export { SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };

package/source/slider/slider-root.jsx

@@ -0,0 +1,41 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { runIfFn } from '../run-if-fn';
+import { SliderProvider } from './slider-context';
+import { useSlider } from './use-slider';
+export const SliderRoot = (props) => {
+    const [sliderParams, restProps] = createSplitProps()(props, [
+        'aria-label',
+        'aria-labelledby',
+        'dir',
+        'disabled',
+        'form',
+        'getAriaValueText',
+        'getRootNode',
+        'id',
+        'ids',
+        'invalid',
+        'max',
+        'min',
+        'minStepsBetweenThumbs',
+        'name',
+        'onFocusChange',
+        'onValueChange',
+        'onValueChangeEnd',
+        'orientation',
+        'origin',
+        'readOnly',
+        'step',
+        'thumbAlignment',
+        'thumbAlignment',
+        'thumbSize',
+        'value',
+    ]);
+    const api = useSlider(sliderParams);
+    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    const getChildren = () => runIfFn(restProps.children, api);
+    return (<SliderProvider value={api}>
+      <ark.div {...mergedProps}>{getChildren()}</ark.div>
+    </SliderProvider>);
+};

package/source/slider/slider.jsx

@@ -1,41 +1,10 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { SliderProvider } from './slider-context';
-import { useSlider } from './use-slider';
-export const Slider = (props) => {
-    const [sliderParams, restProps] = createSplitProps()(props, [
-        'aria-label',
-        'aria-labelledby',
-        'dir',
-        'disabled',
-        'form',
-        'getAriaValueText',
-        'getRootNode',
-        'id',
-        'ids',
-        'invalid',
-        'max',
-        'min',
-        'minStepsBetweenThumbs',
-        'name',
-        'onFocusChange',
-        'onValueChange',
-        'onValueChangeEnd',
-        'orientation',
-        'origin',
-        'readOnly',
-        'step',
-        'thumbAlignment',
-        'thumbAlignment',
-        'thumbSize',
-        'value',
-    ]);
-    const api = useSlider(sliderParams);
-    const mergedProps = mergeProps(() => api().rootProps, restProps);
-    const getChildren = () => runIfFn(restProps.children, api);
-    return (<SliderProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </SliderProvider>);
-};
+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

@@ -1,10 +1,6 @@
-import { Splitter as SplitterRoot } from './splitter';
 import { useSplitterContext } from './splitter-context';
 import { SplitterPanel } from './splitter-panel';
 import { SplitterResizeTrigger } from './splitter-resize-trigger';
-const Splitter = Object.assign(SplitterRoot, {
-    Root: SplitterRoot,
-    Panel: SplitterPanel,
-    ResizeTrigger: SplitterResizeTrigger,
-});
-export { Splitter, SplitterPanel, SplitterResizeTrigger, useSplitterContext };
+import { SplitterRoot } from './splitter-root';
+export * as Splitter from './splitter';
+export { SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };

package/source/splitter/splitter-root.jsx

@@ -0,0 +1,25 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { runIfFn } from '../run-if-fn';
+import { SplitterProvider } from './splitter-context';
+import { useSplitter } from './use-splitter';
+export const SplitterRoot = (props) => {
+    const [splitterParams, localProps] = createSplitProps()(props, [
+        'dir',
+        'getRootNode',
+        'id',
+        'ids',
+        'onSizeChange',
+        'onSizeChangeEnd',
+        'onSizeChangeStart',
+        'orientation',
+        'size',
+    ]);
+    const api = useSplitter(splitterParams);
+    const getChildren = () => runIfFn(localProps.children, api);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<SplitterProvider value={api}>
+      <ark.div {...mergedProps}>{getChildren()}</ark.div>
+    </SplitterProvider>);
+};

package/source/splitter/splitter.jsx

@@ -1,25 +1,4 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { SplitterProvider } from './splitter-context';
-import { useSplitter } from './use-splitter';
-export const Splitter = (props) => {
-    const [splitterParams, localProps] = createSplitProps()(props, [
-        'dir',
-        'getRootNode',
-        'id',
-        'ids',
-        'onSizeChange',
-        'onSizeChangeEnd',
-        'onSizeChangeStart',
-        'orientation',
-        'size',
-    ]);
-    const api = useSplitter(splitterParams);
-    const getChildren = () => runIfFn(localProps.children, api);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<SplitterProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </SplitterProvider>);
-};
+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

@@ -1,12 +1,7 @@
-import { Switch as SwitchRoot } from './switch';
 import { useSwitchContext } from './switch-context';
 import { SwitchControl } from './switch-control';
 import { SwitchLabel } from './switch-label';
+import { SwitchRoot } from './switch-root';
 import { SwitchThumb } from './switch-thumb';
-const Switch = Object.assign(SwitchRoot, {
-    Root: SwitchRoot,
-    Control: SwitchControl,
-    Label: SwitchLabel,
-    Thumb: SwitchThumb,
-});
-export { Switch, SwitchControl, SwitchLabel, SwitchThumb, useSwitchContext };
+export * as Switch from './switch';
+export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };

package/source/switch/switch-root.jsx

@@ -0,0 +1,29 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { runIfFn } from '../run-if-fn';
+import { SwitchProvider } from './switch-context';
+import { useSwitch } from './use-switch';
+export const SwitchRoot = (props) => {
+    const [switchProps, localProps] = createSplitProps()(props, [
+        'checked',
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'id',
+        'ids',
+        'invalid',
+        'label',
+        'name',
+        'onCheckedChange',
+        'required',
+        'value',
+    ]);
+    const api = useSwitch(switchProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    const getChildren = () => runIfFn(props.children, api);
+    return (<SwitchProvider value={api}>
+      <ark.label {...mergedProps}>{getChildren()}</ark.label>
+    </SwitchProvider>);
+};

package/source/switch/switch.jsx

@@ -1,29 +1,5 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { SwitchProvider } from './switch-context';
-import { useSwitch } from './use-switch';
-export const Switch = (props) => {
-    const [switchProps, localProps] = createSplitProps()(props, [
-        'checked',
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'invalid',
-        'label',
-        'name',
-        'onCheckedChange',
-        'required',
-        'value',
-    ]);
-    const api = useSwitch(switchProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    const getChildren = () => runIfFn(props.children, api);
-    return (<SwitchProvider value={api}>
-      <ark.label {...mergedProps}>{getChildren()}</ark.label>
-    </SwitchProvider>);
-};
+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

@@ -2,13 +2,7 @@ import { TabContent } from './tab-content';
 import { TabIndicator } from './tab-indicator';
 import { TabList } from './tab-list';
 import { TabTrigger } from './tab-trigger';
-import { Tabs as TabsRoot } from './tabs';
 import { useTabsContext } from './tabs-context';
-const Tabs = Object.assign(TabsRoot, {
-    Root: TabsRoot,
-    Content: TabContent,
-    Indicator: TabIndicator,
-    List: TabList,
-    Trigger: TabTrigger,
-});
-export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, useTabsContext };
+import { TabsRoot } from './tabs-root';
+export * as Tabs from './tabs';
+export { TabContent, TabIndicator, TabList, TabTrigger, TabsRoot, useTabsContext };

package/source/tabs/tabs-root.jsx

@@ -0,0 +1,29 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { PresencePropsProvider, splitPresenceProps } from '../presence';
+import { TabsProvider } from './tabs-context';
+import { useTabs } from './use-tabs';
+export const TabsRoot = (props) => {
+    const [presenceProps, tabsProps] = splitPresenceProps(props);
+    const [tabsParams, restProps] = createSplitProps()(tabsProps, [
+        'activationMode',
+        'dir',
+        'getRootNode',
+        'id',
+        'ids',
+        'loop',
+        'onFocusChange',
+        'onValueChange',
+        'orientation',
+        'translations',
+        'value',
+    ]);
+    const api = useTabs(tabsParams);
+    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    return (<TabsProvider value={api}>
+      <PresencePropsProvider value={presenceProps}>
+        <ark.div {...mergedProps}/>
+      </PresencePropsProvider>
+    </TabsProvider>);
+};

package/source/tabs/tabs.jsx

@@ -1,29 +1,6 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { PresencePropsProvider, splitPresenceProps } from '../presence';
-import { TabsProvider } from './tabs-context';
-import { useTabs } from './use-tabs';
-export const Tabs = (props) => {
-    const [presenceProps, tabsProps] = splitPresenceProps(props);
-    const [tabsParams, restProps] = createSplitProps()(tabsProps, [
-        'activationMode',
-        'dir',
-        'getRootNode',
-        'id',
-        'ids',
-        'loop',
-        'onFocusChange',
-        'onValueChange',
-        'orientation',
-        'translations',
-        'value',
-    ]);
-    const api = useTabs(tabsParams);
-    const mergedProps = mergeProps(() => api().rootProps, restProps);
-    return (<TabsProvider value={api}>
-      <PresencePropsProvider value={presenceProps}>
-        <ark.div {...mergedProps}/>
-      </PresencePropsProvider>
-    </TabsProvider>);
-};
+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

@@ -1,4 +1,3 @@
-import { TagsInput as TagsInputRoot } from './tags-input';
 import { TagsInputClearTrigger } from './tags-input-clear-trigger';
 import { useTagsInputContext } from './tags-input-context';
 import { TagsInputControl } from './tags-input-control';
@@ -7,17 +6,9 @@ import { TagsInputItem } from './tags-input-item';
 import { useTagsInputItemContext } from './tags-input-item-context';
 import { TagsInputItemDeleteTrigger, } from './tags-input-item-delete-trigger';
 import { TagsInputItemInput } from './tags-input-item-input';
+import { TagsInputItemPreview } from './tags-input-item-preview';
 import { TagsInputItemText } from './tags-input-item-text';
 import { TagsInputLabel } from './tags-input-label';
-const TagsInput = Object.assign(TagsInputRoot, {
-    Root: TagsInputRoot,
-    ClearTrigger: TagsInputClearTrigger,
-    Control: TagsInputControl,
-    Input: TagsInputInput,
-    Item: TagsInputItem,
-    ItemDeleteTrigger: TagsInputItemDeleteTrigger,
-    ItemInput: TagsInputItemInput,
-    ItemText: TagsInputItemText,
-    Label: TagsInputLabel,
-});
-export { TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemText, TagsInputLabel, useTagsInputContext, useTagsInputItemContext, };
+import { TagsInputRoot } from './tags-input-root';
+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-item-preview.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './tags-input-context';
+import { useTagsInputItemContext } from './tags-input-item-context';
+export const TagsInputItemPreview = (props) => {
+    const api = useTagsInputContext();
+    const itemProps = useTagsInputItemContext();
+    const mergedProps = mergeProps(() => api().getItemPreviewProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

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

@@ -0,0 +1,44 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { runIfFn } from '../run-if-fn';
+import { TagsInputProvider } from './tags-input-context';
+import { useTagsInput } from './use-tags-input';
+export const TagsInputRoot = (props) => {
+    const [tagsInputParams, restProps] = createSplitProps()(props, [
+        'addOnPaste',
+        'allowEditTag',
+        'allowOverflow',
+        'autoFocus',
+        'blurBehavior',
+        'delimiter',
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'id',
+        'ids',
+        'inputValue',
+        'invalid',
+        'max',
+        'maxLength',
+        'name',
+        'onFocusOutside',
+        'onHighlightChange',
+        'onInteractOutside',
+        'onPointerDownOutside',
+        'onValueChange',
+        'onValueInvalid',
+        'readOnly',
+        'translations',
+        'validate',
+        'value',
+    ]);
+    const api = useTagsInput(tagsInputParams);
+    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    const getChildren = () => runIfFn(restProps.children, api);
+    return (<TagsInputProvider value={api}>
+      <ark.div {...mergedProps}>{getChildren()}</ark.div>
+      <input {...api().hiddenInputProps}/>
+    </TagsInputProvider>);
+};

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

@@ -1,44 +1,11 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { TagsInputProvider } from './tags-input-context';
-import { useTagsInput } from './use-tags-input';
-export const TagsInput = (props) => {
-    const [tagsInputParams, restProps] = createSplitProps()(props, [
-        'addOnPaste',
-        'allowEditTag',
-        'allowOverflow',
-        'autoFocus',
-        'blurBehavior',
-        'delimiter',
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'inputValue',
-        'invalid',
-        'max',
-        'maxLength',
-        'name',
-        'onFocusOutside',
-        'onHighlightChange',
-        'onInteractOutside',
-        'onPointerDownOutside',
-        'onValueChange',
-        'onValueInvalid',
-        'readOnly',
-        'translations',
-        'validate',
-        'value',
-    ]);
-    const api = useTagsInput(tagsInputParams);
-    const mergedProps = mergeProps(() => api().rootProps, restProps);
-    const getChildren = () => runIfFn(restProps.children, api);
-    return (<TagsInputProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-      <input {...api().hiddenInputProps}/>
-    </TagsInputProvider>);
-};
+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

@@ -1,14 +1,8 @@
 import { createToaster } from './create-toaster';
-import { Toast as ToastRoot } from './toast';
 import { ToastCloseTrigger } from './toast-close-trigger';
 import { ToastDescription } from './toast-description';
 import { ToastGroup } from './toast-group';
+import { ToastRoot } from './toast-root';
 import { ToastTitle } from './toast-title';
-const Toast = Object.assign(ToastRoot, {
-    Root: ToastRoot,
-    CloseTrigger: ToastCloseTrigger,
-    Description: ToastDescription,
-    Group: ToastGroup,
-    Title: ToastTitle,
-});
-export { createToaster, Toast, ToastCloseTrigger, ToastDescription, ToastGroup, ToastTitle };
+export * as Toast from './toast';
+export { createToaster, ToastCloseTrigger, ToastDescription, ToastGroup, ToastRoot, ToastTitle };

package/source/toast/toast-root.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useToastContext } from './toast-context';
+export const ToastRoot = (props) => {
+    const api = useToastContext();
+    const mergedProps = mergeProps(() => api().rootProps, props);
+    return <ark.li {...mergedProps}/>;
+};

package/source/toast/toast.jsx

@@ -1,8 +1,6 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useToastContext } from './toast-context';
-export const Toast = (props) => {
-    const api = useToastContext();
-    const mergedProps = mergeProps(() => api().rootProps, props);
-    return <ark.li {...mergedProps}/>;
-};
+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 { ToggleGroup as ToggleGroupRoot } from './toggle-group';
 import { useToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem } from './toggle-group-item';
-const ToggleGroup = Object.assign(ToggleGroupRoot, {
-    Root: ToggleGroupRoot,
-    Item: ToggleGroupItem,
-});
-export { ToggleGroup, ToggleGroupItem, useToggleGroupContext };
+import { ToggleGroupRoot } from './toggle-group-root';
+export * as ToggleGroup from './toggle-group';
+export { ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };