@ark-ui/solid 2.2.0 → 3.0.0-0

package/source/collapsible/collapsible-root.jsx

@@ -1,24 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { CollapsibleProvider } from './collapsible-context';
-import { useCollapsible } from './use-collapsible';
-export const CollapsibleRoot = (props) => {
-    const [params, localProps] = createSplitProps()(props, [
-        'dir',
-        'disabled',
-        'getRootNode',
-        'id',
-        'ids',
-        'lazyMount',
-        'onExitComplete',
-        'onOpenChange',
-        'open',
-        'unmountOnExit',
-    ]);
-    const api = useCollapsible(params);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<CollapsibleProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </CollapsibleProvider>);
-};

package/source/collapsible/collapsible-trigger.jsx

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

package/source/collapsible/collapsible.jsx

@@ -1,4 +0,0 @@
-import { CollapsibleContent as Content } from './collapsible-content';
-import { CollapsibleRoot as Root } from './collapsible-root';
-import { CollapsibleTrigger as Trigger } from './collapsible-trigger';
-export { Content, Root, Trigger };

package/source/collapsible/index.js

@@ -1,6 +0,0 @@
-import { CollapsibleContent } from './collapsible-content';
-import { useCollapsibleContext } from './collapsible-context';
-import { CollapsibleRoot } from './collapsible-root';
-import { CollapsibleTrigger } from './collapsible-trigger';
-export * as Collapsible from './collapsible';
-export { CollapsibleContent, CollapsibleRoot, CollapsibleTrigger, useCollapsibleContext };

package/source/collapsible/use-collapsible.js

@@ -1,23 +0,0 @@
-import * as collapsible from '@zag-js/collapsible';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
-import { createEffect, createMemo, createSignal, createUniqueId } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
-import { splitRenderStrategyProps } from '../render-strategy';
-export const useCollapsible = (props) => {
-    const getRootNode = useEnvironmentContext();
-    const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);
-    const context = mergeProps({ id: createUniqueId(), getRootNode }, collapsibleProps);
-    const [state, send] = useMachine(collapsible.machine(context), { context });
-    const [wasVisible, setWasVisible] = createSignal(false);
-    createEffect(() => {
-        const isPresent = api().isVisible;
-        if (isPresent)
-            setWasVisible(true);
-    });
-    const api = createMemo(() => collapsible.connect(state, send, normalizeProps));
-    return createMemo(() => ({
-        ...api(),
-        isUnmounted: (!api().isVisible && !wasVisible() && renderStrategyProps.lazyMount) ||
-            (renderStrategyProps.unmountOnExit && !api().isVisible && wasVisible()),
-    }));
-};

package/source/color-picker/color-picker-area-background.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerAreaContext } from './color-picker-area-context';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerAreaBackground = (props) => {
-    const colorAreaProps = useColorPickerAreaContext();
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getAreaBackgroundProps(colorAreaProps), props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-area-context.js

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

package/source/color-picker/color-picker-area-thumb.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerAreaContext } from './color-picker-area-context';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerAreaThumb = (props) => {
-    const colorAreaProps = useColorPickerAreaContext();
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getAreaThumbProps(colorAreaProps), props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-area.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { ColorPickerAreaProvider } from './color-picker-area-context';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerArea = (props) => {
-    const [channelProps, divprops] = createSplitProps()(props, ['xChannel', 'yChannel']);
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getAreaProps(channelProps), divprops);
-    return (<ColorPickerAreaProvider value={channelProps}>
-      <ark.div {...mergedProps}/>
-    </ColorPickerAreaProvider>);
-};

package/source/color-picker/color-picker-channel-input.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerChannelInput = (props) => {
-    const [channelProps, inputProps] = createSplitProps()(props, [
-        'channel',
-        'orientation',
-    ]);
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getChannelInputProps(channelProps), inputProps);
-    return <ark.input {...mergedProps}/>;
-};

package/source/color-picker/color-picker-channel-slider-context.js

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

package/source/color-picker/color-picker-channel-slider-thumb.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerChannelSliderContext } from './color-picker-channel-slider-context';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerChannelSliderThumb = (props) => {
-    const sliderContext = useColorPickerChannelSliderContext();
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getChannelSliderThumbProps(sliderContext), props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-channel-slider-track.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerChannelSliderContext } from './color-picker-channel-slider-context';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerChannelSliderTrack = (props) => {
-    const sliderContext = useColorPickerChannelSliderContext();
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getChannelSliderTrackProps(sliderContext), props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-channel-slider.jsx

@@ -1,16 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { ColorPickerChannelSliderProvider } from './color-picker-channel-slider-context';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerChannelSlider = (props) => {
-    const [channelProps, localProps] = createSplitProps()(props, [
-        'channel',
-        'orientation',
-    ]);
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getChannelSliderProps(channelProps), localProps);
-    return (<ColorPickerChannelSliderProvider value={channelProps}>
-      <ark.div {...mergedProps}/>
-    </ColorPickerChannelSliderProvider>);
-};

package/source/color-picker/color-picker-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 { useColorPickerContext } from './color-picker-context';
-export const ColorPickerContent = (props) => {
-    const api = useColorPickerContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

package/source/color-picker/color-picker-context.js

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

package/source/color-picker/color-picker-control.jsx

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

package/source/color-picker/color-picker-eye-dropper-trigger.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerEyeDropperTrigger = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().eyeDropperTriggerProps, props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/color-picker/color-picker-format-select.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Index } from 'solid-js';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerFormatSelect = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().formatSelectProps, props);
-    return (<ark.select {...mergedProps}>
-      <Index each={['rgba', 'hsla', 'hsba']}>
-        {(format) => <ark.option value={format()}>{format()}</ark.option>}
-      </Index>
-    </ark.select>);
-};

package/source/color-picker/color-picker-format-trigger.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerFormatTrigger = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().formatTriggerProps, props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/color-picker/color-picker-label.jsx

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

package/source/color-picker/color-picker-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 { useColorPickerContext } from './color-picker-context';
-export const ColorPickerPositioner = (props) => {
-    const api = useColorPickerContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().positionerProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

package/source/color-picker/color-picker-root.jsx

@@ -1,43 +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 { ColorPickerProvider } from './color-picker-context';
-import { useColorPicker, } from './use-color-picker';
-export const ColorPickerRoot = (props) => {
-    const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-    const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, [
-        'closeOnSelect',
-        'dir',
-        'disabled',
-        'format',
-        'getRootNode',
-        'id',
-        'ids',
-        'initialFocusEl',
-        'name',
-        'name',
-        'onFocusOutside',
-        'onFormatChange',
-        'onInteractOutside',
-        'onOpenChange',
-        'onPointerDownOutside',
-        'onValueChange',
-        'onValueChangeEnd',
-        'open',
-        'positioning',
-        'readOnly',
-        'value',
-    ]);
-    const api = useColorPicker(useColorPickerProps);
-    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<ColorPickerProvider value={api}>
-      <PresenceProvider value={apiPresence}>
-        <ark.div {...mergedProps}>{getChildren()}</ark.div>
-      </PresenceProvider>
-      <input {...api().hiddenInputProps}/>
-    </ColorPickerProvider>);
-};

package/source/color-picker/color-picker-swatch-context.js

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

package/source/color-picker/color-picker-swatch-group.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerSwatchGroup = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().swatchGroupProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-swatch-indicator.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-import { useColorPickerSwatchContext } from './color-picker-swatch-context';
-export const ColorPickerSwatchIndicator = (props) => {
-    const api = useColorPickerContext();
-    const swatchProps = useColorPickerSwatchContext();
-    const mergedProps = mergeProps(() => api().getSwatchIndicatorProps(swatchProps), props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-swatch-trigger.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerSwatchTrigger = (props) => {
-    const [triggerProps, localProps] = createSplitProps()(props, [
-        'value',
-        'disabled',
-    ]);
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getSwatchTriggerProps(triggerProps), localProps);
-    return <ark.button {...mergedProps}/>;
-};

package/source/color-picker/color-picker-swatch.jsx

@@ -1,16 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-import { ColorPickerSwatchProvider } from './color-picker-swatch-context';
-export const ColorPickerSwatch = (props) => {
-    const [swatchProps, localProps] = createSplitProps()(props, [
-        'respectAlpha',
-        'value',
-    ]);
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getSwatchProps(swatchProps), localProps);
-    return (<ColorPickerSwatchProvider value={swatchProps}>
-      <ark.div {...mergedProps}/>
-    </ColorPickerSwatchProvider>);
-};

package/source/color-picker/color-picker-transparency-grid.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerTransparencyGrid = (props) => {
-    const [gridProps, localProps] = createSplitProps()(props, ['size']);
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => api().getTransparencyGridProps(gridProps), localProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/color-picker/color-picker-trigger.jsx

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

package/source/color-picker/color-picker-value-text.jsx

@@ -1,9 +0,0 @@
-import { colorPickerAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerValueText = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => colorPickerAnatomy.build().valueText.attrs, props);
-    return <ark.span {...mergedProps}>{api().valueAsString || props.children}</ark.span>;
-};

package/source/color-picker/color-picker-view.jsx

@@ -1,13 +0,0 @@
-import { colorPickerAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { useColorPickerContext } from './color-picker-context';
-export const ColorPickerView = (props) => {
-    const api = useColorPickerContext();
-    const mergedProps = mergeProps(() => colorPickerAnatomy.build().view.attrs, props);
-    // TODO @segunadebayo
-    return (<Show when={api().format === props.format}>
-      <ark.div data-format={props.format} {...mergedProps}/>
-    </Show>);
-};

package/source/color-picker/color-picker.jsx

@@ -1,24 +0,0 @@
-import { ColorPickerArea as Area } from './color-picker-area';
-import { ColorPickerAreaBackground as AreaBackground } from './color-picker-area-background';
-import { ColorPickerAreaThumb as AreaThumb } from './color-picker-area-thumb';
-import { ColorPickerChannelInput as ChannelInput } from './color-picker-channel-input';
-import { ColorPickerChannelSlider as ChannelSlider } from './color-picker-channel-slider';
-import { ColorPickerChannelSliderThumb as ChannelSliderThumb } from './color-picker-channel-slider-thumb';
-import { ColorPickerChannelSliderTrack as ChannelSliderTrack } from './color-picker-channel-slider-track';
-import { ColorPickerContent as Content } from './color-picker-content';
-import { ColorPickerControl as Control } from './color-picker-control';
-import { ColorPickerEyeDropperTrigger as EyeDropperTrigger } from './color-picker-eye-dropper-trigger';
-import { ColorPickerFormatSelect as FormatSelect } from './color-picker-format-select';
-import { ColorPickerFormatTrigger as FormatTrigger } from './color-picker-format-trigger';
-import { ColorPickerLabel as Label } from './color-picker-label';
-import { ColorPickerPositioner as Positioner } from './color-picker-positioner';
-import { ColorPickerRoot as Root } from './color-picker-root';
-import { ColorPickerSwatch as Swatch } from './color-picker-swatch';
-import { ColorPickerSwatchGroup as SwatchGroup } from './color-picker-swatch-group';
-import { ColorPickerSwatchIndicator as SwatchIndicator } from './color-picker-swatch-indicator';
-import { ColorPickerSwatchTrigger as SwatchTrigger } from './color-picker-swatch-trigger';
-import { ColorPickerTransparencyGrid as TransparencyGrid } from './color-picker-transparency-grid';
-import { ColorPickerTrigger as Trigger } from './color-picker-trigger';
-import { ColorPickerValueText as ValueText } from './color-picker-value-text';
-import { ColorPickerView as View } from './color-picker-view';
-export { Area, AreaBackground, AreaThumb, ChannelInput, ChannelSlider, ChannelSliderThumb, ChannelSliderTrack, Content, Control, EyeDropperTrigger, FormatSelect, FormatTrigger, Label, Positioner, Root, Swatch, SwatchGroup, SwatchIndicator, SwatchTrigger, TransparencyGrid, Trigger, ValueText, View, };

package/source/color-picker/index.js

@@ -1,28 +0,0 @@
-import { ColorPickerArea } from './color-picker-area';
-import { ColorPickerAreaBackground, } from './color-picker-area-background';
-import { useColorPickerAreaContext } from './color-picker-area-context';
-import { ColorPickerAreaThumb } from './color-picker-area-thumb';
-import { ColorPickerChannelInput, } from './color-picker-channel-input';
-import { ColorPickerChannelSlider, } from './color-picker-channel-slider';
-import { useColorPickerChannelSliderContext, } from './color-picker-channel-slider-context';
-import { ColorPickerChannelSliderThumb, } from './color-picker-channel-slider-thumb';
-import { ColorPickerChannelSliderTrack, } from './color-picker-channel-slider-track';
-import { ColorPickerContent } from './color-picker-content';
-import { useColorPickerContext } from './color-picker-context';
-import { ColorPickerControl } from './color-picker-control';
-import { ColorPickerEyeDropperTrigger, } from './color-picker-eye-dropper-trigger';
-import { ColorPickerFormatSelect, } from './color-picker-format-select';
-import { ColorPickerFormatTrigger, } from './color-picker-format-trigger';
-import { ColorPickerLabel } from './color-picker-label';
-import { ColorPickerPositioner } from './color-picker-positioner';
-import { ColorPickerRoot } from './color-picker-root';
-import { ColorPickerSwatch } from './color-picker-swatch';
-import { ColorPickerSwatchGroup, } from './color-picker-swatch-group';
-import { ColorPickerSwatchIndicator, } from './color-picker-swatch-indicator';
-import { ColorPickerSwatchTrigger, } from './color-picker-swatch-trigger';
-import { ColorPickerTransparencyGrid, } from './color-picker-transparency-grid';
-import { ColorPickerTrigger } from './color-picker-trigger';
-import { ColorPickerValueText } from './color-picker-value-text';
-import { ColorPickerView } from './color-picker-view';
-export * as ColorPicker from './color-picker';
-export { ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerContent, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueText, ColorPickerView, useColorPickerAreaContext, useColorPickerChannelSliderContext, useColorPickerContext, };

package/source/color-picker/use-color-picker.js

@@ -1,15 +0,0 @@
-import * as colorPicker from '@zag-js/color-picker';
-import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
-import { createMemo, createUniqueId, splitProps } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
-export const useColorPicker = (props) => {
-    const [local, rest] = splitProps(props, ['value']);
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps(() => ({
-        id: createUniqueId(),
-        getRootNode,
-        value: local.value ? colorPicker.parse(local.value) : undefined,
-    }), rest);
-    const [state, send] = useMachine(colorPicker.machine(context), { context });
-    return createMemo(() => colorPicker.connect(state, send, normalizeProps));
-};

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

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

package/source/combobox/combobox-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 { useComboboxContext } from './combobox-context';
-export const ComboboxContent = (props) => {
-    const api = useComboboxContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

package/source/combobox/combobox-context.js

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

package/source/combobox/combobox-control.jsx

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

package/source/combobox/combobox-input.jsx

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

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

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

package/source/combobox/combobox-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 { useComboboxContext } from './combobox-context';
-export const ComboboxItemGroupLabel = (props) => {
-    const [labelProps, localProps] = createSplitProps()(props, ['for']);
-    const api = useComboboxContext();
-    const mergedProps = mergeProps(() => api().getItemGroupLabelProps({ htmlFor: labelProps.for }), localProps);
-    return <ark.div {...mergedProps}/>;
-};

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

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

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

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

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

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

package/source/combobox/combobox-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 { useComboboxContext } from './combobox-context';
-import { ComboboxItemProvider } from './combobox-item-context';
-export const ComboboxItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['item']);
-    const api = useComboboxContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
-    return (<ComboboxItemProvider value={itemProps}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </ComboboxItemProvider>);
-};