@ark-ui/solid 2.1.1 → 3.0.0-0

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

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,25 +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(),
-        'open.controlled': props.open !== undefined,
-    }, 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-context.js

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