@ark-ui/solid 2.2.0 → 3.0.0-0

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

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

package/source/radio-group/radio-group-item-context.js

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

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

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useRadioGroupContext } from './radio-group-context';
-import { useRadioGroupItemContext } from './radio-group-item-context';
-export const RadioGroupItemControl = (props) => {
-    const api = useRadioGroupContext();
-    const itemProps = useRadioGroupItemContext();
-    const mergedProps = mergeProps(() => api().getItemControlProps(itemProps), props);
-    return (<>
-      <ark.div {...mergedProps}/>
-      <input {...api().getItemHiddenInputProps(itemProps)}/>
-    </>);
-};

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

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useRadioGroupContext } from './radio-group-context';
-import { useRadioGroupItemContext } from './radio-group-item-context';
-export const RadioGroupItemText = (props) => {
-    const api = useRadioGroupContext();
-    const itemProps = useRadioGroupItemContext();
-    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
-    return <ark.span {...mergedProps}/>;
-};

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

@@ -1,20 +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 { useRadioGroupContext } from './radio-group-context';
-import { RadioGroupItemProvider } from './radio-group-item-context';
-export const RadioGroupItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, [
-        'value',
-        'disabled',
-        'invalid',
-    ]);
-    const api = useRadioGroupContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const itemState = api().getItemState(itemProps);
-    const getChildren = () => runIfFn(localProps.children, itemState);
-    return (<RadioGroupItemProvider value={itemProps}>
-      <ark.label {...mergedProps}>{getChildren()}</ark.label>
-    </RadioGroupItemProvider>);
-};

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

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

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

@@ -1,24 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { RadioGroupProvider } from './radio-group-context';
-import { useRadioGroup } from './use-radio-group';
-export const RadioGroupRoot = (props) => {
-    const [useRadioGroupProps, localProps] = createSplitProps()(props, [
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'name',
-        'onValueChange',
-        'orientation',
-        'value',
-    ]);
-    const api = useRadioGroup(useRadioGroupProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<RadioGroupProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </RadioGroupProvider>);
-};

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

@@ -1,7 +0,0 @@
-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/radio-group/use-radio-group.js

@@ -1,12 +0,0 @@
-import * as radio from '@zag-js/radio-group';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
-import { createMemo, createUniqueId } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
-export const useRadioGroup = (props) => {
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
-    const [state, send] = useMachine(radio.machine(context), {
-        context,
-    });
-    return createMemo(() => radio.connect(state, send, normalizeProps));
-};

package/source/rating-group/index.js

@@ -1,8 +0,0 @@
-import { useRatingGroupContext } from './rating-group-context';
-import { RatingGroupControl } from './rating-group-control';
-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 * as RatingGroup from './rating-group';
-export { RatingGroupControl, RatingGroupItem, RatingGroupLabel, RatingGroupRoot, useRatingGroupContext, useRatingGroupItemContext, };

package/source/rating-group/rating-group-context.js

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

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

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { useRatingGroupContext } from './rating-group-context';
-export const RatingGroupControl = (props) => {
-    const api = useRatingGroupContext();
-    const mergedProps = mergeProps(() => api().controlProps, props);
-    const getChildren = () => runIfFn(props.children, api);
-    return (<>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-      <input {...api().hiddenInputProps}/>
-    </>);
-};

package/source/rating-group/rating-group-item-context.js

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

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

@@ -1,17 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createMemo } from 'solid-js';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { useRatingGroupContext } from './rating-group-context';
-import { RatingGroupItemProvider } from './rating-group-item-context';
-export const RatingGroupItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['index']);
-    const api = useRatingGroupContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const itemState = createMemo(() => api().getItemState(itemProps));
-    const getChildren = () => runIfFn(localProps.children, itemState);
-    return (<RatingGroupItemProvider value={itemProps}>
-      <ark.span {...mergedProps}>{getChildren()}</ark.span>
-    </RatingGroupItemProvider>);
-};

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

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

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

@@ -1,29 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { RatingGroupProvider } from './rating-group-context';
-import { useRatingGroup } from './use-rating-group';
-export const RatingGroupRoot = (props) => {
-    const [useRatingProps, localProps] = createSplitProps()(props, [
-        'allowHalf',
-        'autoFocus',
-        'count',
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'name',
-        'onHoverChange',
-        'onValueChange',
-        'readOnly',
-        'translations',
-        'value',
-    ]);
-    const api = useRatingGroup(useRatingProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<RatingGroupProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </RatingGroupProvider>);
-};

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

@@ -1,5 +0,0 @@
-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/rating-group/use-rating-group.js

@@ -1,10 +0,0 @@
-import * as rating from '@zag-js/rating-group';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
-import { createMemo, createUniqueId } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
-export const useRatingGroup = (props) => {
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
-    const [state, send] = useMachine(rating.machine(context), { context });
-    return createMemo(() => rating.connect(state, send, normalizeProps));
-};

package/source/render-strategy.js

@@ -1,7 +0,0 @@
-import { createContext } from './create-context';
-import { createSplitProps } from './create-split-props';
-export const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
-    hookName: 'useRenderStrategyContext',
-    providerName: '<RenderStrategyProvider />',
-});
-export const splitRenderStrategyProps = (props) => createSplitProps()(props, ['lazyMount', 'unmountOnExit']);

package/source/run-if-fn.js

@@ -1,4 +0,0 @@
-const isFunction = (value) => typeof value === 'function';
-export const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn)
-    ? valueOrFn(...args)
-    : valueOrFn;

package/source/segment-group/index.js

@@ -1,10 +0,0 @@
-import { useSegmentGroupContext } from './segment-group-context';
-import { SegmentGroupIndicator } from './segment-group-indicator';
-import { SegmentGroupItem } from './segment-group-item';
-import { useSegmentGroupItemContext, } from './segment-group-item-context';
-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 * as SegmentGroup from './segment-group';
-export { SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, SegmentGroupRoot, useSegmentGroupContext, useSegmentGroupItemContext, };

package/source/segment-group/segment-group-context.js

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

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

@@ -1,9 +0,0 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSegmentGroupContext } from './segment-group-context';
-export const SegmentGroupIndicator = (props) => {
-    const api = useSegmentGroupContext();
-    const mergedProps = mergeProps(() => api().indicatorProps, segmentGroupAnatomy.build().indicator.attrs, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/segment-group/segment-group-item-context.js

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

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

@@ -1,14 +0,0 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSegmentGroupContext } from './segment-group-context';
-import { useSegmentGroupItemContext } from './segment-group-item-context';
-export const SegmentGroupItemControl = (props) => {
-    const api = useSegmentGroupContext();
-    const itemProps = useSegmentGroupItemContext();
-    const mergedProps = mergeProps(() => api().getItemControlProps(itemProps), segmentGroupAnatomy.build().itemControl.attrs, props);
-    return (<>
-      <ark.div {...mergedProps}/>
-      <input {...api().getItemHiddenInputProps(itemProps)}/>
-    </>);
-};

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

@@ -1,11 +0,0 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSegmentGroupContext } from './segment-group-context';
-import { useSegmentGroupItemContext } from './segment-group-item-context';
-export const SegmentGroupItemText = (props) => {
-    const api = useSegmentGroupContext();
-    const itemProps = useSegmentGroupItemContext();
-    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), segmentGroupAnatomy.build().itemText.attrs, props);
-    return <ark.span {...mergedProps}/>;
-};

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

@@ -1,21 +0,0 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { useSegmentGroupContext } from './segment-group-context';
-import { SegmentGroupItemProvider, } from './segment-group-item-context';
-export const SegmentGroupItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, [
-        'value',
-        'disabled',
-        'invalid',
-    ]);
-    const api = useSegmentGroupContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), segmentGroupAnatomy.build().item.attrs, localProps);
-    const itemState = api().getItemState(itemProps);
-    const getChildren = () => runIfFn(localProps.children, itemState);
-    return (<SegmentGroupItemProvider value={itemProps}>
-      <ark.label {...mergedProps}>{getChildren()}</ark.label>
-    </SegmentGroupItemProvider>);
-};

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

@@ -1,9 +0,0 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSegmentGroupContext } from './segment-group-context';
-export const SegmentGroupLabel = (props) => {
-    const api = useSegmentGroupContext();
-    const mergedProps = mergeProps(() => api().labelProps, segmentGroupAnatomy.build().label.attrs, props);
-    return <ark.label {...mergedProps}/>;
-};

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

@@ -1,25 +0,0 @@
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { SegmentGroupProvider } from './segment-group-context';
-import { useSegmentGroup } from './use-segment-group';
-export const SegmentGroupRoot = (props) => {
-    const [groupParams, localProps] = createSplitProps()(props, [
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'name',
-        'onValueChange',
-        'orientation',
-        'value',
-    ]);
-    const api = useSegmentGroup(groupParams);
-    const mergedProps = mergeProps(() => api().rootProps, segmentGroupAnatomy.build().root.attrs, localProps);
-    return (<SegmentGroupProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </SegmentGroupProvider>);
-};

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

@@ -1,7 +0,0 @@
-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/segment-group/use-segment-group.js

@@ -1,10 +0,0 @@
-import * as segment from '@zag-js/radio-group';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
-import { createMemo, createUniqueId } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
-export const useSegmentGroup = (props) => {
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
-    const [state, send] = useMachine(segment.machine(context), { context });
-    return createMemo(() => segment.connect(state, send, normalizeProps));
-};

package/source/select/index.js

@@ -1,18 +0,0 @@
-import { SelectClearTrigger } from './select-clear-trigger';
-import { SelectContent } from './select-content';
-import { useSelectContext } from './select-context';
-import { SelectControl } from './select-control';
-import { SelectIndicator } from './select-indicator';
-import { SelectItem } from './select-item';
-import { useSelectItemContext } from './select-item-context';
-import { SelectItemGroup } from './select-item-group';
-import { SelectItemGroupLabel } from './select-item-group-label';
-import { SelectItemIndicator } from './select-item-indicator';
-import { SelectItemText } from './select-item-text';
-import { SelectLabel } from './select-label';
-import { SelectPositioner } from './select-positioner';
-import { SelectRoot } from './select-root';
-import { SelectTrigger } from './select-trigger';
-import { SelectValueText } 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, };

package/source/select/select-clear-trigger.jsx

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

package/source/select/select-content.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { usePresenceContext } from '../presence';
-import { useSelectContext } from './select-context';
-export const SelectContent = (props) => {
-    const api = useSelectContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

package/source/select/select-context.js

@@ -1,6 +0,0 @@
-import { createContext } from '../create-context';
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const [SelectProvider, useSelectContext] = createContext({
-    hookName: 'useSelectContext',
-    providerName: '<SelectProvider />',
-});

package/source/select/select-control.jsx

@@ -1,20 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-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>
-      </select>
-    </>);
-};

package/source/select/select-indicator.jsx

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

package/source/select/select-item-context.js

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

package/source/select/select-item-group-label.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useSelectContext } from './select-context';
-export const SelectItemGroupLabel = (props) => {
-    const [labelProps, localProps] = createSplitProps()(props, ['for']);
-    const api = useSelectContext();
-    const mergedProps = mergeProps(() => api().getItemGroupLabelProps({ htmlFor: labelProps.for }), localProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/select/select-item-group.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useSelectContext } from './select-context';
-export const SelectItemGroup = (props) => {
-    const [itemGroupProps, localProps] = createSplitProps()(props, ['id']);
-    const api = useSelectContext();
-    const mergedProps = mergeProps(() => api().getItemGroupProps(itemGroupProps), localProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/select/select-item-indicator.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSelectContext } from './select-context';
-import { useSelectItemContext } from './select-item-context';
-export const SelectItemIndicator = (props) => {
-    const api = useSelectContext();
-    const itemProps = useSelectItemContext();
-    const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
-    return <ark.div {...mergedProps}/>;
-};

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

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useSelectContext } from './select-context';
-import { useSelectItemContext } from './select-item-context';
-export const SelectItemText = (props) => {
-    const api = useSelectContext();
-    const itemProps = useSelectItemContext();
-    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
-    return <ark.span {...mergedProps}/>;
-};

package/source/select/select-item.jsx

@@ -1,15 +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 { useSelectContext } from './select-context';
-import { SelectItemProvider } from './select-item-context';
-export const SelectItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['item']);
-    const api = useSelectContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
-    return (<SelectItemProvider value={itemProps}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </SelectItemProvider>);
-};

package/source/select/select-label.jsx

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

package/source/select/select-positioner.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { usePresenceContext } from '../presence';
-import { useSelectContext } from './select-context';
-export const SelectPositioner = (props) => {
-    const api = useSelectContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().positionerProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

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>);
-};