@ark-ui/solid 3.0.0-1 → 3.0.0-3

package/dist/source/avatar/use-avatar.js

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

package/dist/source/carousel/carousel-indicator.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useCarouselContext } from './use-carousel-context';
-export const CarouselIndicator = (props) => {
-    const [indicatorProps, localProps] = createSplitProps()(props, [
-        'index',
-        'readOnly',
-    ]);
-    const api = useCarouselContext();
-    const mergedProps = mergeProps(() => api().getIndicatorProps(indicatorProps), localProps);
-    return <ark.button {...mergedProps}/>;
-};

package/dist/source/carousel/carousel-item.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useCarouselContext } from './use-carousel-context';
-export const CarouselItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['index']);
-    const api = useCarouselContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    return <ark.div {...mergedProps}/>;
-};

package/dist/source/carousel/carousel-root.jsx

@@ -1,25 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useCarousel } from './use-carousel';
-import { CarouselProvider } from './use-carousel-context';
-export const CarouselRoot = (props) => {
-    const [useCarouselProps, localProps] = createSplitProps()(props, [
-        'align',
-        'dir',
-        'getRootNode',
-        'id',
-        'ids',
-        'index',
-        'loop',
-        'onIndexChange',
-        'orientation',
-        'slidesPerView',
-        'spacing',
-    ]);
-    const api = useCarousel(useCarouselProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<CarouselProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </CarouselProvider>);
-};

package/dist/source/carousel/carousel.jsx

@@ -1,11 +0,0 @@
-import { CarouselContext as Context, } from './carousel-context';
-import { CarouselControl as Control, } from './carousel-control';
-import { CarouselIndicator as Indicator, } from './carousel-indicator';
-import { CarouselIndicatorGroup as IndicatorGroup, } from './carousel-indicator-group';
-import { CarouselItem as Item } from './carousel-item';
-import { CarouselItemGroup as ItemGroup, } from './carousel-item-group';
-import { CarouselNextTrigger as NextTrigger, } from './carousel-next-trigger';
-import { CarouselPrevTrigger as PrevTrigger, } from './carousel-prev-trigger';
-import { CarouselRoot as Root } from './carousel-root';
-import { CarouselViewport as Viewport, } from './carousel-viewport';
-export { Context, Control, Indicator, IndicatorGroup, Item, ItemGroup, NextTrigger, PrevTrigger, Root, Viewport, };

package/dist/source/carousel/index.js

@@ -1,13 +0,0 @@
-import { CarouselContext } from './carousel-context';
-import { CarouselControl } from './carousel-control';
-import { CarouselIndicator } from './carousel-indicator';
-import { CarouselIndicatorGroup, } from './carousel-indicator-group';
-import { CarouselItem } from './carousel-item';
-import { CarouselItemGroup } from './carousel-item-group';
-import { CarouselNextTrigger } from './carousel-next-trigger';
-import { CarouselPrevTrigger } from './carousel-prev-trigger';
-import { CarouselRoot } from './carousel-root';
-import { CarouselViewport } from './carousel-viewport';
-import { useCarouselContext } from './use-carousel-context';
-export * as Carousel from './carousel';
-export { CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, useCarouselContext, };

package/dist/source/carousel/use-carousel-context.js

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

package/dist/source/carousel/use-carousel.js

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

package/dist/source/checkbox/checkbox-control.jsx

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

package/dist/source/checkbox/checkbox-indicator.jsx

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

package/dist/source/checkbox/checkbox-root.jsx

@@ -1,26 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useCheckbox } from './use-checkbox';
-import { CheckboxProvider } from './use-checkbox-context';
-export const CheckboxRoot = (props) => {
-    const [useCheckboxProps, labelprops] = createSplitProps()(props, [
-        'checked',
-        'dir',
-        'disabled',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'invalid',
-        'name',
-        'onCheckedChange',
-        'required',
-        'value',
-    ]);
-    const api = useCheckbox(useCheckboxProps);
-    const mergedProps = mergeProps(() => api().rootProps, labelprops);
-    return (<CheckboxProvider value={api}>
-      <ark.label {...mergedProps}/>
-    </CheckboxProvider>);
-};

package/dist/source/checkbox/checkbox.jsx

@@ -1,6 +0,0 @@
-import { CheckboxContext as Context, } from './checkbox-context';
-import { CheckboxControl as Control, } from './checkbox-control';
-import { CheckboxIndicator as Indicator, } from './checkbox-indicator';
-import { CheckboxLabel as Label } from './checkbox-label';
-import { CheckboxRoot as Root } from './checkbox-root';
-export { Context, Control, Indicator, Label, Root };

package/dist/source/checkbox/index.js

@@ -1,8 +0,0 @@
-import { CheckboxContext } from './checkbox-context';
-import { CheckboxControl } from './checkbox-control';
-import { CheckboxIndicator } from './checkbox-indicator';
-import { CheckboxLabel } from './checkbox-label';
-import { CheckboxRoot } from './checkbox-root';
-import { useCheckboxContext } from './use-checkbox-context';
-export * as Checkbox from './checkbox';
-export { CheckboxContext, CheckboxControl, CheckboxIndicator, CheckboxLabel, CheckboxRoot, useCheckboxContext, };

package/dist/source/checkbox/use-checkbox-context.js

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

package/dist/source/checkbox/use-checkbox.js

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

package/dist/source/clipboard/clipboard-indicator.jsx

@@ -1,17 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show, children } from 'solid-js';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useClipboardContext } from './use-clipboard-context';
-export const ClipboardIndicator = (props) => {
-    const [indicatorProps, localProps] = createSplitProps()(props, ['copied']);
-    const api = useClipboardContext();
-    const mergedProps = mergeProps(api().getIndicatorProps({ copied: api().isCopied }), localProps);
-    // @ts-expect-error TODO fix
-    const getChildren = children(() => localProps.children);
-    return (<ark.div {...mergedProps}>
-      <Show when={api().isCopied} fallback={getChildren()}>
-        {indicatorProps.copied}
-      </Show>
-    </ark.div>);
-};

package/dist/source/clipboard/clipboard-root.jsx

@@ -1,20 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useClipboard } from './use-clipboard';
-import { ClipboardProvider } from './use-clipboard-context';
-export const ClipboardRoot = (props) => {
-    const [useClipboardProps, localProps] = createSplitProps()(props, [
-        'getRootNode',
-        'id',
-        'ids',
-        'value',
-        'timeout',
-        'onCopyStatusChange',
-    ]);
-    const api = useClipboard(useClipboardProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<ClipboardProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </ClipboardProvider>);
-};

package/dist/source/clipboard/clipboard.jsx

@@ -1,8 +0,0 @@
-import { ClipboardContext as Context, } from './clipboard-context';
-import { ClipboardControl as Control, } from './clipboard-control';
-import { ClipboardIndicator as Indicator, } from './clipboard-indicator';
-import { ClipboardInput as Input } from './clipboard-input';
-import { ClipboardLabel as Label } from './clipboard-label';
-import { ClipboardRoot as Root } from './clipboard-root';
-import { ClipboardTrigger as Trigger, } from './clipboard-trigger';
-export { Context, Control, Indicator, Input, Label, Root, Trigger };

package/dist/source/clipboard/index.js

@@ -1,10 +0,0 @@
-import { ClipboardContext } from './clipboard-context';
-import { ClipboardControl } from './clipboard-control';
-import { ClipboardIndicator } from './clipboard-indicator';
-import { ClipboardInput } from './clipboard-input';
-import { ClipboardLabel } from './clipboard-label';
-import { ClipboardRoot } from './clipboard-root';
-import { ClipboardTrigger } from './clipboard-trigger';
-import { useClipboardContext } from './use-clipboard-context';
-export * as Clipboard from './clipboard';
-export { ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger, useClipboardContext, };

package/dist/source/clipboard/use-clipboard-context.js

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

package/dist/source/clipboard/use-clipboard.jsx

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

package/dist/source/collapsible/collapsible-content.jsx

@@ -1,11 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { useCollapsibleContext } from './use-collapsible-context';
-export const CollapsibleContent = (props) => {
-    const api = useCollapsibleContext();
-    const mergedProps = mergeProps(() => api().contentProps, props);
-    return (<Show when={!api().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

package/dist/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 { useCollapsible } from './use-collapsible';
-import { CollapsibleProvider } from './use-collapsible-context';
-export const CollapsibleRoot = (props) => {
-    const [useCollapsibleProps, localProps] = createSplitProps()(props, [
-        'dir',
-        'disabled',
-        'getRootNode',
-        'id',
-        'ids',
-        'lazyMount',
-        'onExitComplete',
-        'onOpenChange',
-        'open',
-        'unmountOnExit',
-    ]);
-    const api = useCollapsible(useCollapsibleProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<CollapsibleProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </CollapsibleProvider>);
-};

package/dist/source/collapsible/collapsible.jsx

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

package/dist/source/collapsible/index.js

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

package/dist/source/collapsible/use-collapsible-context.js

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

package/dist/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/dist/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 './use-color-picker-area-context';
-import { useColorPickerContext } from './use-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/dist/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 './use-color-picker-area-context';
-import { useColorPickerContext } from './use-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/dist/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 './use-color-picker-area-context';
-import { useColorPickerContext } from './use-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/dist/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 './use-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/dist/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 './use-color-picker-channel-slider-context';
-import { useColorPickerContext } from './use-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/dist/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 './use-color-picker-channel-slider-context';
-import { useColorPickerContext } from './use-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/dist/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 './use-color-picker-channel-slider-context';
-import { useColorPickerContext } from './use-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/dist/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 './use-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/dist/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 './use-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/dist/source/color-picker/color-picker-root.jsx

@@ -1,41 +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 { useColorPicker } from './use-color-picker';
-import { ColorPickerProvider } from './use-color-picker-context';
-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);
-    return (<ColorPickerProvider value={api}>
-      <PresenceProvider value={apiPresence}>
-        <ark.div {...mergedProps}/>
-      </PresenceProvider>
-      <input {...api().hiddenInputProps}/>
-    </ColorPickerProvider>);
-};

package/dist/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 './use-color-picker-context';
-import { useColorPickerSwatchContext } from './use-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/dist/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 './use-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/dist/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 './use-color-picker-context';
-import { ColorPickerSwatchProvider } from './use-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/dist/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 './use-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/dist/source/color-picker/color-picker.jsx

@@ -1,25 +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 { ColorPickerContext as Context, } from './color-picker-context';
-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, Context, Control, EyeDropperTrigger, FormatSelect, FormatTrigger, Label, Positioner, Root, Swatch, SwatchGroup, SwatchIndicator, SwatchTrigger, TransparencyGrid, Trigger, ValueText, View, };