@ark-ui/solid 2.1.1 → 3.0.0-0

package/source/accordion/accordion-context.js

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

package/source/accordion/accordion-item-content.jsx

@@ -1,15 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { usePresenceContext } from '../presence';
-import { useAccordionContext } from './accordion-context';
-import { useAccordionItemContext } from './accordion-item-context';
-export const AccordionItemContent = (props) => {
-    const api = useAccordionContext();
-    const accordionItem = useAccordionItemContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().getItemContentProps(accordionItem), () => presenceApi().presenceProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

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

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

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

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useAccordionContext } from './accordion-context';
-import { useAccordionItemContext } from './accordion-item-context';
-export const AccordionItemIndicator = (props) => {
-    const api = useAccordionContext();
-    const itemParams = useAccordionItemContext();
-    const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemParams), props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/accordion/accordion-item-trigger.jsx

@@ -1,12 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { usePresenceContext } from '../presence';
-import { useAccordionContext } from './accordion-context';
-import { useAccordionItemContext } from './accordion-item-context';
-export const AccordionItemTrigger = (props) => {
-    const api = useAccordionContext();
-    const item = useAccordionItemContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().getItemTriggerProps(item), () => ({ 'aria-controls': presenceApi().isUnmounted && null }), props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/accordion/accordion-item.jsx

@@ -1,20 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { PresenceProvider, usePresence, usePresencePropsContext } from '../presence';
-import { runIfFn } from '../run-if-fn';
-import { useAccordionContext } from './accordion-context';
-import { AccordionItemProvider } from './accordion-item-context';
-export const AccordionItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['value', 'disabled']);
-    const api = useAccordionContext();
-    const presenceProps = usePresencePropsContext();
-    const presenceApi = usePresence(mergeProps(presenceProps, () => ({ present: api().getItemState(itemProps).isOpen })));
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
-    return (<AccordionItemProvider value={itemProps}>
-      <PresenceProvider value={presenceApi}>
-        <ark.div {...mergedProps}>{getChildren()}</ark.div>
-      </PresenceProvider>
-    </AccordionItemProvider>);
-};

package/source/accordion/accordion-root.jsx

@@ -1,29 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { PresencePropsProvider, splitPresenceProps } from '../presence';
-import { AccordionProvider } from './accordion-context';
-import { useAccordion } from './use-accordion';
-export const AccordionRoot = (props) => {
-    const [presenceProps, accordionProps] = splitPresenceProps(props);
-    const [useAccordionProps, localProps] = createSplitProps()(accordionProps, [
-        'collapsible',
-        'dir',
-        'disabled',
-        'getRootNode',
-        'id',
-        'ids',
-        'multiple',
-        'onFocusChange',
-        'onValueChange',
-        'orientation',
-        'value',
-    ]);
-    const api = useAccordion(useAccordionProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<AccordionProvider value={api}>
-      <PresencePropsProvider value={presenceProps}>
-        <ark.div {...mergedProps}/>
-      </PresencePropsProvider>
-    </AccordionProvider>);
-};

package/source/accordion/accordion.jsx

@@ -1,6 +0,0 @@
-import { AccordionItem as Item } from './accordion-item';
-import { AccordionItemContent as ItemContent } from './accordion-item-content';
-import { AccordionItemIndicator as ItemIndicator } from './accordion-item-indicator';
-import { AccordionItemTrigger as ItemTrigger } from './accordion-item-trigger';
-import { AccordionRoot as Root } from './accordion-root';
-export { Item, ItemContent, ItemIndicator, ItemTrigger, Root };

package/source/accordion/index.js

@@ -1,9 +0,0 @@
-import { useAccordionContext } from './accordion-context';
-import { AccordionItem } from './accordion-item';
-import { AccordionItemContent } from './accordion-item-content';
-import { useAccordionItemContext } from './accordion-item-context';
-import { AccordionItemIndicator, } from './accordion-item-indicator';
-import { AccordionItemTrigger } from './accordion-item-trigger';
-import { AccordionRoot } from './accordion-root';
-export * as Accordion from './accordion';
-export { AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, useAccordionContext, useAccordionItemContext, };

package/source/accordion/use-accordion.js

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

package/source/avatar/avatar-context.js

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

package/source/avatar/avatar-fallback.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useAvatarContext } from './avatar-context';
-export const AvatarFallback = (props) => {
-    const avatar = useAvatarContext();
-    const mergedProps = mergeProps(() => avatar().fallbackProps, props);
-    return <ark.span {...mergedProps}/>;
-};

package/source/avatar/avatar-image.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useAvatarContext } from './avatar-context';
-export const AvatarImage = (props) => {
-    const avatar = useAvatarContext();
-    const mergedProps = mergeProps(() => avatar().imageProps, props);
-    return <ark.img {...mergedProps}/>;
-};

package/source/avatar/avatar-root.jsx

@@ -1,18 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { AvatarProvider } from './avatar-context';
-import { useAvatar } from './use-avatar';
-export const AvatarRoot = (props) => {
-    const [params, localProps] = createSplitProps()(props, [
-        'dir',
-        'getRootNode',
-        'id',
-        'onLoadingStatusChange',
-    ]);
-    const api = useAvatar(params);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    return (<AvatarProvider value={api}>
-      <ark.div {...mergedProps}/>
-    </AvatarProvider>);
-};

package/source/avatar/avatar.jsx

@@ -1,4 +0,0 @@
-import { AvatarFallback as Fallback } from './avatar-fallback';
-import { AvatarImage as Image } from './avatar-image';
-import { AvatarRoot as Root } from './avatar-root';
-export { Fallback, Image, Root };

package/source/avatar/index.js

@@ -1,6 +0,0 @@
-import { useAvatarContext } from './avatar-context';
-import { AvatarFallback } from './avatar-fallback';
-import { AvatarImage } from './avatar-image';
-import { AvatarRoot } from './avatar-root';
-export * as Avatar from './avatar';
-export { AvatarFallback, AvatarImage, AvatarRoot, useAvatarContext };

package/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/source/carousel/carousel-context.js

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

package/source/carousel/carousel-control.jsx

@@ -1,7 +0,0 @@
-import { carouselAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-export const CarouselControl = (props) => {
-    const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
-    return <ark.div {...mergedProps}/>;
-};

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

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

package/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 './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/source/carousel/carousel-item-group.jsx

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

package/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 './carousel-context';
-export const CarouselItem = (props) => {
-    const [slideParams, localProps] = createSplitProps()(props, ['index']);
-    const api = useCarouselContext();
-    const mergedProps = mergeProps(() => api().getItemProps(slideParams), localProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/carousel/carousel-next-trigger.jsx

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

package/source/carousel/carousel-prev-trigger.jsx

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

package/source/carousel/carousel-root.jsx

@@ -1,27 +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 { CarouselProvider } from './carousel-context';
-import { useCarousel } from './use-carousel';
-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);
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<CarouselProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </CarouselProvider>);
-};

package/source/carousel/carousel-viewport.jsx

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

package/source/carousel/carousel.jsx

@@ -1,10 +0,0 @@
-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 { Control, Indicator, IndicatorGroup, Item, ItemGroup, NextTrigger, PrevTrigger, Root, Viewport, };

package/source/carousel/index.js

@@ -1,12 +0,0 @@
-import { useCarouselContext } 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';
-export * as Carousel from './carousel';
-export { CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselViewport, useCarouselContext, };

package/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/source/checkbox/checkbox-context.js

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

package/source/checkbox/checkbox-control.jsx

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

package/source/checkbox/checkbox-indicator.jsx

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

package/source/checkbox/checkbox-label.jsx

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

package/source/checkbox/checkbox-root.jsx

@@ -1,28 +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 { CheckboxProvider } from './checkbox-context';
-import { useCheckbox } from './use-checkbox';
-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);
-    const getChildren = () => runIfFn(props.children, api);
-    return (<CheckboxProvider value={api}>
-      <ark.label {...mergedProps}>{getChildren()}</ark.label>
-    </CheckboxProvider>);
-};

package/source/checkbox/checkbox.jsx

@@ -1,5 +0,0 @@
-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 { Control, Indicator, Label, Root };

package/source/checkbox/index.js

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

package/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/source/clipboard/clipboard-context.js

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

package/source/clipboard/clipboard-control.jsx

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

package/source/clipboard/clipboard-indicator.jsx

@@ -1,16 +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 './clipboard-context';
-export const ClipboardIndicator = (props) => {
-    const [indicatorProps, localProps] = createSplitProps()(props, ['copied']);
-    const api = useClipboardContext();
-    const mergedProps = mergeProps(api().getIndicatorProps({ copied: api().isCopied }), localProps);
-    const getChildren = children(() => localProps.children);
-    return (<ark.div {...mergedProps}>
-      <Show when={api().isCopied} fallback={getChildren()}>
-        {indicatorProps.copied}
-      </Show>
-    </ark.div>);
-};

package/source/clipboard/clipboard-input.jsx

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

package/source/clipboard/clipboard-label.jsx

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

package/source/clipboard/clipboard-root.jsx

@@ -1,22 +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 { ClipboardProvider } from './clipboard-context';
-import { useClipboard } from './use-clipboard';
-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);
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<ClipboardProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </ClipboardProvider>);
-};

package/source/clipboard/clipboard-trigger.jsx

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

package/source/clipboard/clipboard.jsx

@@ -1,7 +0,0 @@
-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 { Control, Indicator, Input, Label, Root, Trigger };

package/source/clipboard/index.js

@@ -1,9 +0,0 @@
-import { useClipboardContext } 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';
-export * as Clipboard from './clipboard';
-export { ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardTrigger, useClipboardContext, };

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