@ark-ui/solid 2.2.0 → 3.0.0-1

package/source/editable/editable-root.jsx

@@ -1,42 +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 { EditableProvider } from './editable-context';
-import { useEditable } from './use-editable';
-export const EditableRoot = (props) => {
-    const [useEditableProps, localProps] = createSplitProps()(props, [
-        'activationMode',
-        'autoResize',
-        'dir',
-        'disabled',
-        'finalFocusEl',
-        'form',
-        'getRootNode',
-        'id',
-        'ids',
-        'invalid',
-        'maxLength',
-        'name',
-        'onEdit',
-        'onFocusOutside',
-        'onInteractOutside',
-        'onPointerDownOutside',
-        'onValueChange',
-        'onValueCommit',
-        'onValueRevert',
-        'placeholder',
-        'readOnly',
-        'selectOnFocus',
-        'startWithEditView',
-        'submitMode',
-        'translations',
-        'value',
-    ]);
-    const api = useEditable(useEditableProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<EditableProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </EditableProvider>);
-};

package/source/editable/editable-submit-trigger.jsx

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

package/source/editable/editable.jsx

@@ -1,10 +0,0 @@
-import { EditableArea as Area } from './editable-area';
-import { EditableCancelTrigger as CancelTrigger } from './editable-cancel-trigger';
-import { EditableControl as Control } from './editable-control';
-import { EditableEditTrigger as EditTrigger } from './editable-edit-trigger';
-import { EditableInput as Input } from './editable-input';
-import { EditableLabel as Label } from './editable-label';
-import { EditablePreview as Preview } from './editable-preview';
-import { EditableRoot as Root } from './editable-root';
-import { EditableSubmitTrigger as SubmitTrigger } from './editable-submit-trigger';
-export { Area, CancelTrigger, Control, EditTrigger, Input, Label, Preview, Root, SubmitTrigger };

package/source/editable/index.js

@@ -1,12 +0,0 @@
-import { EditableArea } from './editable-area';
-import { EditableCancelTrigger } from './editable-cancel-trigger';
-import { useEditableContext } from './editable-context';
-import { EditableControl } from './editable-control';
-import { EditableEditTrigger } from './editable-edit-trigger';
-import { EditableInput } from './editable-input';
-import { EditableLabel } from './editable-label';
-import { EditablePreview } from './editable-preview';
-import { EditableRoot } from './editable-root';
-import { EditableSubmitTrigger } from './editable-submit-trigger';
-export * as Editable from './editable';
-export { EditableArea, EditableCancelTrigger, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableSubmitTrigger, useEditableContext, };

package/source/environment/environment.jsx

@@ -1,11 +0,0 @@
-import { createMemo } from 'solid-js';
-import { EnvironmentProvider } from './environment-context';
-export const Environment = (props) => {
-    // eslint-disable-next-line prefer-const
-    let spanRef = undefined;
-    const currentEnv = createMemo(() => () => props.value ?? spanRef?.ownerDocument ?? document);
-    return (<EnvironmentProvider value={currentEnv()}>
-      {props.children}
-      {!props.value && <span hidden ref={spanRef}/>}
-    </EnvironmentProvider>);
-};

package/source/environment/index.js

@@ -1,3 +0,0 @@
-import { Environment } from './environment';
-import { useEnvironmentContext } from './environment-context';
-export { Environment, useEnvironmentContext };

package/source/factory.jsx

@@ -1,25 +0,0 @@
-import { splitProps } from 'solid-js';
-import { Dynamic } from 'solid-js/web';
-export const withAsProp = (Component) => {
-    const ArkComponent = (props) => {
-        const [localProps, otherProps] = splitProps(props, ['as']);
-        return <Dynamic component={localProps.as || Component} {...otherProps}/>;
-    };
-    return ArkComponent;
-};
-function jsxFactory() {
-    const cache = new Map();
-    return new Proxy(withAsProp, {
-        apply(target, thisArg, argArray) {
-            return withAsProp(argArray[0]);
-        },
-        get(_, element) {
-            const asElement = element;
-            if (!cache.has(asElement)) {
-                cache.set(asElement, withAsProp(asElement));
-            }
-            return cache.get(asElement);
-        },
-    });
-}
-export const ark = jsxFactory();

package/source/file-upload/file-upload-dropzone.jsx

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

package/source/file-upload/file-upload-item-delete-trigger.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useFileUploadContext } from './file-upload-context';
-import { useFileUploadItemContext } from './file-upload-item-context';
-export const FileUploadItemDeleteTrigger = (props) => {
-    const api = useFileUploadContext();
-    const item = useFileUploadItemContext();
-    const mergedProps = mergeProps(() => api().getItemDeleteTriggerProps(item), props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/file-upload/file-upload-item-group.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { runIfFn } from '../run-if-fn';
-import { useFileUploadContext } from './file-upload-context';
-export const FileUploadItemGroup = (props) => {
-    const api = useFileUploadContext();
-    const mergedProps = mergeProps(() => api().itemGroupProps, props);
-    const getChildren = () => runIfFn(props.children, () => api().files);
-    return <ark.ul {...mergedProps}>{getChildren()}</ark.ul>;
-};

package/source/file-upload/file-upload-item-name.jsx

@@ -1,12 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { children } from 'solid-js';
-import { ark } from '../factory';
-import { useFileUploadContext } from './file-upload-context';
-import { useFileUploadItemContext } from './file-upload-item-context';
-export const FileUploadItemName = (props) => {
-    const api = useFileUploadContext();
-    const item = useFileUploadItemContext();
-    const mergedProps = mergeProps(() => api().getItemNameProps(item), props);
-    const getChildren = children(() => props.children);
-    return <ark.div {...mergedProps}>{getChildren() || item.file.name}</ark.div>;
-};

package/source/file-upload/file-upload-item-preview-image.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSignal } from 'solid-js';
-import { ark } from '../factory';
-import { useFileUploadContext } from './file-upload-context';
-import { useFileUploadItemContext } from './file-upload-item-context';
-export const FileUploadItemPreviewImage = (props) => {
-    const api = useFileUploadContext();
-    const item = useFileUploadItemContext();
-    const [url, setUrl] = createSignal('');
-    api().createFileUrl(item.file, (url) => setUrl(url));
-    const mergedProps = mergeProps(api().getItemPreviewImageProps({ ...item, url: url() }), props);
-    return <ark.img {...mergedProps}/>;
-};

package/source/file-upload/file-upload-item-preview.jsx

@@ -1,12 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useFileUploadContext } from './file-upload-context';
-import { useFileUploadItemContext } from './file-upload-item-context';
-export const FileUploadItemPreview = (props) => {
-    const api = useFileUploadContext();
-    const item = useFileUploadItemContext();
-    const mergedProps = mergeProps(() => api().getItemPreviewProps(item), props);
-    if (!item.file.type.match(props.type ?? '.*'))
-        return null;
-    return <ark.div {...mergedProps}/>;
-};

package/source/file-upload/file-upload-item-size-text.jsx

@@ -1,12 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { children } from 'solid-js';
-import { ark } from '../factory';
-import { useFileUploadContext } from './file-upload-context';
-import { useFileUploadItemContext } from './file-upload-item-context';
-export const FileUploadItemSizeText = (props) => {
-    const api = useFileUploadContext();
-    const item = useFileUploadItemContext();
-    const mergedProps = mergeProps(() => api().getItemSizeTextProps(item), props);
-    const getChildren = children(() => props.children);
-    return <ark.div {...mergedProps}>{getChildren() || api().getFileSize(item.file)}</ark.div>;
-};

package/source/file-upload/file-upload-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 { useFileUploadContext } from './file-upload-context';
-import { FileUploadItemProvider } from './file-upload-item-context';
-export const FileUploadItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['file']);
-    const api = useFileUploadContext();
-    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-    const getChildren = () => runIfFn(localProps.children);
-    return (<FileUploadItemProvider value={itemProps}>
-      <ark.li {...mergedProps}>{getChildren()}</ark.li>
-    </FileUploadItemProvider>);
-};

package/source/file-upload/file-upload-label.jsx

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

package/source/file-upload/file-upload-root.jsx

@@ -1,34 +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 { FileUploadProvider } from './file-upload-context';
-import { useFileUpload } from './use-file-upload';
-export const FileUploadRoot = (props) => {
-    const [fileUploadProps, localProps] = createSplitProps()(props, [
-        'accept',
-        'allowDrop',
-        'dir',
-        'disabled',
-        'files',
-        'getRootNode',
-        'id',
-        'ids',
-        'locale',
-        'maxFiles',
-        'maxFileSize',
-        'minFileSize',
-        'name',
-        'onFileAccept',
-        'onFileReject',
-        'onFilesChange',
-        'translations',
-        'validate',
-    ]);
-    const api = useFileUpload(fileUploadProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<FileUploadProvider value={api}>
-      <ark.div {...mergedProps}>{getChildren()}</ark.div>
-    </FileUploadProvider>);
-};

package/source/file-upload/file-upload-trigger.jsx

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

package/source/file-upload/file-upload.jsx

@@ -1,12 +0,0 @@
-import { FileUploadDropzone as Dropzone } from './file-upload-dropzone';
-import { FileUploadItem as Item } from './file-upload-item';
-import { FileUploadItemDeleteTrigger as ItemDeleteTrigger } from './file-upload-item-delete-trigger';
-import { FileUploadItemGroup as ItemGroup } from './file-upload-item-group';
-import { FileUploadItemName as ItemName } from './file-upload-item-name';
-import { FileUploadItemPreview as ItemPreview } from './file-upload-item-preview';
-import { FileUploadItemPreviewImage as ItemPreviewImage } from './file-upload-item-preview-image';
-import { FileUploadItemSizeText as ItemSizeText } from './file-upload-item-size-text';
-import { FileUploadLabel as Label } from './file-upload-label';
-import { FileUploadRoot as Root } from './file-upload-root';
-import { FileUploadTrigger as Trigger } from './file-upload-trigger';
-export { Dropzone, Item, ItemDeleteTrigger, ItemGroup, ItemName, ItemPreview, ItemPreviewImage, ItemSizeText, Label, Root, Trigger, };

package/source/file-upload/index.js

@@ -1,14 +0,0 @@
-import { useFileUploadContext } from './file-upload-context';
-import { FileUploadDropzone } from './file-upload-dropzone';
-import { FileUploadItem } from './file-upload-item';
-import { FileUploadItemDeleteTrigger, } from './file-upload-item-delete-trigger';
-import { FileUploadItemGroup } from './file-upload-item-group';
-import { FileUploadItemName } from './file-upload-item-name';
-import { FileUploadItemPreview } from './file-upload-item-preview';
-import { FileUploadItemPreviewImage, } from './file-upload-item-preview-image';
-import { FileUploadItemSizeText, } from './file-upload-item-size-text';
-import { FileUploadLabel } from './file-upload-label';
-import { FileUploadRoot } from './file-upload-root';
-import { FileUploadTrigger } from './file-upload-trigger';
-export * as FileUpload from './file-upload';
-export { FileUploadDropzone, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadTrigger, useFileUploadContext, };

package/source/hover-card/hover-card-arrow-tip.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useHoverCardContext } from './hover-card-context';
-export const HoverCardArrowTip = (props) => {
-    const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(() => hoverCard().arrowTipProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/hover-card/hover-card-arrow.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useHoverCardContext } from './hover-card-context';
-export const HoverCardArrow = (props) => {
-    const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(() => hoverCard().arrowProps, props);
-    return <ark.div {...mergedProps}/>;
-};

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

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

package/source/hover-card/hover-card-root.jsx

@@ -1,26 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
-import { runIfFn } from '../run-if-fn';
-import { HoverCardProvider } from './hover-card-context';
-import { useHoverCard } from './use-hover-card';
-export const HoverCardRoot = (props) => {
-    const [presenceProps, hoverCardProps] = splitPresenceProps(props);
-    const [useHoverCardProps, localProps] = createSplitProps()(hoverCardProps, [
-        'closeDelay',
-        'dir',
-        'getRootNode',
-        'id',
-        'ids',
-        'onOpenChange',
-        'open',
-        'openDelay',
-        'positioning',
-    ]);
-    const api = useHoverCard(useHoverCardProps);
-    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<HoverCardProvider value={api}>
-      <PresenceProvider value={apiPresence}>{getChildren()}</PresenceProvider>
-    </HoverCardProvider>);
-};

package/source/hover-card/hover-card-trigger.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useHoverCardContext } from './hover-card-context';
-export const HoverCardTrigger = (props) => {
-    const hoverCard = useHoverCardContext();
-    const mergedProps = mergeProps(() => hoverCard().triggerProps, props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/hover-card/hover-card.jsx

@@ -1,7 +0,0 @@
-import { HoverCardArrow as Arrow } from './hover-card-arrow';
-import { HoverCardArrowTip as ArrowTip } from './hover-card-arrow-tip';
-import { HoverCardContent as Content } from './hover-card-content';
-import { HoverCardPositioner as Positioner } from './hover-card-positioner';
-import { HoverCardRoot as Root } from './hover-card-root';
-import { HoverCardTrigger as Trigger } from './hover-card-trigger';
-export { Arrow, ArrowTip, Content, Positioner, Root, Trigger };

package/source/hover-card/index.js

@@ -1,9 +0,0 @@
-import { HoverCardArrow } from './hover-card-arrow';
-import { HoverCardArrowTip } from './hover-card-arrow-tip';
-import { HoverCardContent } from './hover-card-content';
-import { useHoverCardContext } from './hover-card-context';
-import { HoverCardPositioner } from './hover-card-positioner';
-import { HoverCardRoot } from './hover-card-root';
-import { HoverCardTrigger } from './hover-card-trigger';
-export * as HoverCard from './hover-card';
-export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardPositioner, HoverCardRoot, HoverCardTrigger, useHoverCardContext, };

package/source/index.jsx

@@ -1,36 +0,0 @@
-export * from './accordion';
-export * from './avatar';
-export * from './carousel';
-export * from './checkbox';
-export * from './clipboard';
-export * from './collapsible';
-export * from './color-picker';
-export * from './combobox';
-export * from './date-picker';
-export * from './dialog';
-export * from './editable';
-export * from './environment';
-export * from './factory';
-export * from './file-upload';
-export * from './hover-card';
-export * from './locale';
-export * from './menu';
-export * from './number-input';
-export * from './pagination';
-export * from './pin-input';
-export * from './popover';
-export * from './presence';
-export * from './progress';
-export * from './radio-group';
-export * from './rating-group';
-export * from './segment-group';
-export * from './select';
-export * from './slider';
-export * from './splitter';
-export * from './switch';
-export * from './tabs';
-export * from './tags-input';
-export * from './toast';
-export * from './toggle-group';
-export * from './tooltip';
-export * from './tree-view';

package/source/locale/index.js

@@ -1,2 +0,0 @@
-export { LocaleProvider } from './locale';
-export { useLocaleContext } from './locale-context';

package/source/locale/locale.jsx

@@ -1,24 +0,0 @@
-import { isRTL, trackLocale } from '@zag-js/i18n-utils';
-import { createEffect, createMemo, createSignal, onCleanup, splitProps, } from 'solid-js';
-import { useEnvironmentContext } from '../environment';
-import { LocaleContextProvider } from './locale-context';
-export const LocaleProvider = (props) => {
-    const [localeProps, restProps] = splitProps(props, ['locale', 'defaultLocale']);
-    const [locale, setLocale] = createSignal(localeProps.defaultLocale || localeProps.locale || 'en-US');
-    const getRootNode = useEnvironmentContext();
-    createEffect(() => {
-        const cleanup = trackLocale({
-            locale: localeProps.locale,
-            getRootNode,
-            onLocaleChange(locale) {
-                setLocale(locale.locale);
-            },
-        });
-        onCleanup(cleanup);
-    });
-    const context = createMemo(() => ({
-        locale: locale(),
-        dir: isRTL(locale()) ? 'rtl' : 'ltr',
-    }));
-    return <LocaleContextProvider value={context}>{restProps.children}</LocaleContextProvider>;
-};

package/source/menu/index.js

@@ -1,16 +0,0 @@
-import { MenuArrow } from './menu-arrow';
-import { MenuArrowTip } from './menu-arrow-tip';
-import { MenuContent } from './menu-content';
-import { useMenuContext } from './menu-context';
-import { MenuContextTrigger } from './menu-context-trigger';
-import { MenuItem } from './menu-item';
-import { MenuItemGroup } from './menu-item-group';
-import { MenuItemGroupLabel } from './menu-item-group-label';
-import { MenuOptionItem } from './menu-option-item';
-import { MenuPositioner } from './menu-positioner';
-import { MenuRoot } from './menu-root';
-import { MenuSeparator } from './menu-separator';
-import { MenuTrigger } from './menu-trigger';
-import { MenuTriggerItem } from './menu-trigger-item';
-export * as Menu from './menu';
-export { MenuArrow, MenuArrowTip, MenuContent, MenuContextTrigger, MenuItem, MenuItemGroup, MenuItemGroupLabel, MenuOptionItem, MenuPositioner, MenuRoot, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuContext, };

package/source/menu/menu-arrow-tip.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useMenuContext } from './menu-context';
-export const MenuArrowTip = (props) => {
-    const menu = useMenuContext();
-    const mergedProps = mergeProps(() => menu?.().arrowTipProps, props);
-    return <ark.div {...mergedProps}/>;
-};

package/source/menu/menu-arrow.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useMenuContext } from './menu-context';
-export const MenuArrow = (props) => {
-    const menu = useMenuContext();
-    const mergedProps = mergeProps(() => menu?.().arrowProps, props);
-    return <ark.div {...mergedProps}/>;
-};

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

package/source/menu/menu-context-trigger.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useMenuContext } from './menu-context';
-export const MenuContextTrigger = (props) => {
-    const menu = useMenuContext();
-    const mergedProps = mergeProps(() => menu?.().contextTriggerProps, props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/menu/menu-context.js

@@ -1,16 +0,0 @@
-import { createContext } from '../create-context';
-export const [MenuProvider, useMenuContext] = createContext({
-    hookName: 'useMenuContext',
-    providerName: '<MenuProvider />',
-    strict: false,
-});
-export const [MenuMachineProvider, useMenuMachineContext] = createContext({
-    hookName: 'useMenuMachineContext',
-    providerName: '<MenuMachineProvider />',
-    strict: false,
-});
-export const [MenuTriggerItemProvider, useMenuTriggerItemContext] = createContext({
-    hookName: 'useMenuMachineContext',
-    providerName: '<MenuMachineProvider />',
-    strict: false,
-});

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

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

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

package/source/menu/menu-item.jsx

@@ -1,15 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { ark } from '../factory';
-import { useMenuContext } from './menu-context';
-export const MenuItem = (props) => {
-    const menu = useMenuContext();
-    const [itemParams, restProps] = createSplitProps()(props, [
-        'id',
-        'disabled',
-        'valueText',
-        'closeOnSelect',
-    ]);
-    const mergedProps = mergeProps(() => menu?.().getItemProps(itemParams), restProps);
-    return <ark.div {...mergedProps}/>;
-};

package/source/menu/menu-option-item.jsx

@@ -1,23 +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 { useMenuContext } from './menu-context';
-export const MenuOptionItem = (props) => {
-    const menu = useMenuContext();
-    const [optionProps, localProps] = createSplitProps()(props, [
-        'id',
-        'disabled',
-        'valueText',
-        'closeOnSelect',
-        'name',
-        'type',
-        'value',
-        'onCheckedChange',
-    ]);
-    const mergedProps = mergeProps(() => menu().getOptionItemProps(optionProps), localProps);
-    const itemState = createMemo(() => menu().getOptionItemState(optionProps));
-    const getChildren = () => runIfFn(localProps.children, itemState);
-    return <ark.div {...mergedProps}>{getChildren()}</ark.div>;
-};