@ark-ui/solid 2.2.0 → 3.0.0-1

package/source/select/select-root.jsx

@@ -1,48 +0,0 @@
-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 SelectRoot = (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>);
-};

package/source/select/select-trigger.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSelectContext } from './select-context';
-export const SelectTrigger = (props) => {
-    const api = useSelectContext();
-    const mergedProps = mergeProps(() => api().triggerProps, props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/select/select-value-text.jsx

@@ -1,9 +0,0 @@
-import { selectAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSelectContext } from './select-context';
-export const SelectValueText = (props) => {
-    const api = useSelectContext();
-    const mergedProps = mergeProps(() => selectAnatomy.build().valueText.attrs, props);
-    return <ark.span {...mergedProps}>{api().valueAsString || props.placeholder}</ark.span>;
-};

package/source/select/select.jsx

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

@@ -1,24 +0,0 @@
-import * as select from '@zag-js/select';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
-import { createMemo, createUniqueId } from 'solid-js';
-import { createSplitProps } from '../create-split-props';
-import { useEnvironmentContext } from '../environment';
-export const useSelect = (props) => {
-    const [collectionOptions, rest] = createSplitProps()(props, [
-        'isItemDisabled',
-        'itemToValue',
-        'itemToString',
-        'items',
-    ]);
-    const collection = () => select.collection(collectionOptions);
-    const getRootNode = useEnvironmentContext();
-    const context = () => mergeProps({
-        id: createUniqueId(),
-        getRootNode,
-        collection: collection(),
-    }, rest);
-    const [state, send] = useMachine(select.machine(context()), {
-        context,
-    });
-    return createMemo(() => select.connect(state, send, normalizeProps));
-};

package/source/slider/index.js

@@ -1,12 +0,0 @@
-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';
-export * as Slider from './slider';
-export { SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };

package/source/slider/slider-control.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderControl = (props) => {
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().controlProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/slider/slider-label.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderLabel = (props) => {
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
-    return <ark.label {...mergedProps}/>;
-};

package/source/slider/slider-marker-group.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderMarkerGroup = (props) => {
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().markerGroupProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/slider/slider-marker.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderMarker = (props) => {
-    const [markerProps, localProps] = createSplitProps()(props, ['value']);
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().getMarkerProps(markerProps), localProps);
-    return <ark.span {...mergedProps}/>;
-};

package/source/slider/slider-range.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderRange = (props) => {
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().rangeProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/slider/slider-root.jsx

@@ -1,41 +0,0 @@
-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-thumb.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderThumb = (props) => {
-    const [thumbProps, localProps] = createSplitProps()(props, ['index']);
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().getThumbProps(thumbProps), localProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/slider/slider-track.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderTrack = (props) => {
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().trackProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/slider/slider-value-text.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { children } from 'solid-js';
-import { ark } from '../factory';
-import { useSliderContext } from './slider-context';
-export const SliderValueText = (props) => {
-    const api = useSliderContext();
-    const mergedProps = mergeProps(() => api().valueTextProps, props);
-    const getChildren = children(() => props.children);
-    return <ark.div {...mergedProps}>{getChildren() || api().value.join(',')}</ark.div>;
-};

package/source/slider/slider.jsx

@@ -1,10 +0,0 @@
-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,6 +0,0 @@
-import { useSplitterContext } from './splitter-context';
-import { SplitterPanel } from './splitter-panel';
-import { SplitterResizeTrigger } from './splitter-resize-trigger';
-import { SplitterRoot } from './splitter-root';
-export * as Splitter from './splitter';
-export { SplitterPanel, SplitterResizeTrigger, SplitterRoot, useSplitterContext };

package/source/splitter/splitter-panel.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useSplitterContext } from './splitter-context';
-export const SplitterPanel = (props) => {
-    const [panelParams, restProps] = createSplitProps()(props, ['id', 'snapSize']);
-    const api = useSplitterContext();
-    const mergedProps = mergeProps(() => api().getPanelProps(panelParams), restProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/splitter/splitter-resize-trigger.jsx

@@ -1,14 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useSplitterContext } from './splitter-context';
-export const SplitterResizeTrigger = (props) => {
-    const api = useSplitterContext();
-    const [triggerParams, restProps] = createSplitProps()(props, [
-        'disabled',
-        'id',
-        'step',
-    ]);
-    const mergedProps = mergeProps(() => api().getResizeTriggerProps(triggerParams), restProps);
-    return <ark.button {...mergedProps}/>;
-};

package/source/splitter/splitter-root.jsx

@@ -1,24 +0,0 @@
-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',
-        '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,4 +0,0 @@
-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,7 +0,0 @@
-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';
-export * as Switch from './switch';
-export { SwitchControl, SwitchLabel, SwitchRoot, SwitchThumb, useSwitchContext };

package/source/switch/switch-control.jsx

@@ -1,11 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSwitchContext } from './switch-context';
-export const SwitchControl = (props) => {
-    const api = useSwitchContext();
-    const mergedProps = mergeProps(() => api().controlProps, props);
-    return (<>
-      <ark.span {...mergedProps}/>
-      <input {...api().hiddenInputProps}/>
-    </>);
-};

package/source/switch/switch-label.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSwitchContext } from './switch-context';
-export const SwitchLabel = (props) => {
-    const api = useSwitchContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
-    return <ark.span {...mergedProps}/>;
-};

package/source/switch/switch-root.jsx

@@ -1,29 +0,0 @@
-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-thumb.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSwitchContext } from './switch-context';
-export const SwitchThumb = (props) => {
-    const api = useSwitchContext();
-    const mergedProps = mergeProps(() => api().thumbProps, props);
-    return <ark.span {...mergedProps}/>;
-};

package/source/switch/switch.jsx

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

@@ -1,8 +0,0 @@
-import { TabContent } from './tab-content';
-import { TabIndicator } from './tab-indicator';
-import { TabList } from './tab-list';
-import { TabTrigger } from './tab-trigger';
-import { useTabsContext } from './tabs-context';
-import { TabsRoot } from './tabs-root';
-export * as Tabs from './tabs';
-export { TabContent, TabIndicator, TabList, TabTrigger, TabsRoot, useTabsContext };

package/source/tabs/tab-content.jsx

@@ -1,19 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { PresenceProvider, usePresence } from '../presence';
-import { useRenderStrategyContext } from '../render-strategy';
-import { useTabsContext } from './tabs-context';
-export const TabContent = (props) => {
-    const [contentProps, localProps] = createSplitProps()(props, ['value']);
-    const api = useTabsContext();
-    const renderStrategyProps = useRenderStrategyContext();
-    const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({ present: api().value === contentProps.value })));
-    const mergedProps = mergeProps(() => api().getContentProps(contentProps), () => presenceApi().presenceProps, localProps);
-    return (<PresenceProvider value={presenceApi}>
-      <Show when={!presenceApi().isUnmounted}>
-        <ark.div {...mergedProps}/>
-      </Show>
-    </PresenceProvider>);
-};

package/source/tabs/tab-indicator.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useTabsContext } from './tabs-context';
-export const TabIndicator = (props) => {
-    const api = useTabsContext();
-    const mergedProps = mergeProps(() => api().indicatorProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/tabs/tab-list.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useTabsContext } from './tabs-context';
-export const TabList = (props) => {
-    const api = useTabsContext();
-    const mergedProps = mergeProps(() => api().tablistProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/tabs/tab-trigger.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useTabsContext } from './tabs-context';
-export const TabTrigger = (props) => {
-    const [tabParams, restProps] = createSplitProps()(props, ['disabled', 'value']);
-    const api = useTabsContext();
-    const mergedProps = mergeProps(() => api().getTriggerProps(tabParams), restProps);
-    return <ark.button {...mergedProps}/>;
-};

package/source/tabs/tabs-root.jsx

@@ -1,29 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { RenderStrategyProvider, splitRenderStrategyProps, } from '../render-strategy';
-import { TabsProvider } from './tabs-context';
-import { useTabs } from './use-tabs';
-export const TabsRoot = (props) => {
-    const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(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}>
-      <RenderStrategyProvider value={renderStrategyProps}>
-        <ark.div {...mergedProps}/>
-      </RenderStrategyProvider>
-    </TabsProvider>);
-};

package/source/tabs/tabs.jsx

@@ -1,6 +0,0 @@
-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,14 +0,0 @@
-import { TagsInputClearTrigger } from './tags-input-clear-trigger';
-import { useTagsInputContext } from './tags-input-context';
-import { TagsInputControl } from './tags-input-control';
-import { TagsInputInput } from './tags-input-input';
-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';
-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-clear-trigger.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useTagsInputContext } from './tags-input-context';
-export const TagsInputClearTrigger = (props) => {
-    const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().clearTriggerProps, props);
-    return <ark.button {...mergedProps}/>;
-};

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

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

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

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useTagsInputContext } from './tags-input-context';
-export const TagsInputInput = (props) => {
-    const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().inputProps, props);
-    return <ark.input {...mergedProps}/>;
-};

package/source/tags-input/tags-input-item-context.js

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

package/source/tags-input/tags-input-item-delete-trigger.jsx

@@ -1,10 +0,0 @@
-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 TagsInputItemDeleteTrigger = (props) => {
-    const api = useTagsInputContext();
-    const itemProps = useTagsInputItemContext();
-    const mergedProps = mergeProps(() => api().getItemDeleteTriggerProps(itemProps), props);
-    return <ark.button {...mergedProps}/>;
-};

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

@@ -1,10 +0,0 @@
-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 TagsInputItemInput = (props) => {
-    const api = useTagsInputContext();
-    const itemProps = useTagsInputItemContext();
-    const mergedProps = mergeProps(() => api().getItemInputProps(itemProps), props);
-    return <ark.input {...mergedProps}/>;
-};

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

@@ -1,10 +0,0 @@
-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-item-text.jsx

@@ -1,10 +0,0 @@
-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 TagsInputItemText = (props) => {
-    const api = useTagsInputContext();
-    const itemProps = useTagsInputItemContext();
-    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
-    return <ark.span {...mergedProps}/>;
-};

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

@@ -1,19 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { useTagsInputContext } from './tags-input-context';
-import { TagsInputItemProvider } from './tags-input-item-context';
-export const TagsInputItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, [
-        'disabled',
-        'index',
-        'value',
-    ]);
-    const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
-    return (<TagsInputItemProvider value={itemProps}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </TagsInputItemProvider>);
-};