@ark-ui/solid 2.2.0 → 3.0.0-0

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

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

package/source/dialog/dialog-backdrop.jsx

@@ -1,15 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { usePresence } from '../presence';
-import { useRenderStrategyContext } from '../render-strategy';
-import { useDialogContext } from './dialog-context';
-export const DialogBackdrop = (props) => {
-    const api = useDialogContext();
-    const renderStrategyProps = useRenderStrategyContext();
-    const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({ present: api().isOpen })));
-    const mergedProps = mergeProps(() => api().backdropProps, () => presenceApi().presenceProps, props);
-    return (<Show when={!presenceApi().isUnmounted}>
-      <ark.div {...mergedProps}/>
-    </Show>);
-};

package/source/dialog/dialog-close-trigger.jsx

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

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

package/source/dialog/dialog-context.js

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

package/source/dialog/dialog-description.jsx

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

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

package/source/dialog/dialog-root.jsx

@@ -1,41 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props';
-import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
-import { RenderStrategyProvider, splitRenderStrategyProps } from '../render-strategy';
-import { runIfFn } from '../run-if-fn';
-import { DialogProvider } from './dialog-context';
-import { useDialog } from './use-dialog';
-export const DialogRoot = (props) => {
-    const [presenceProps, dialogProps] = splitPresenceProps(props);
-    const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-    const [useDialogProps, localProps] = createSplitProps()(dialogProps, [
-        'aria-label',
-        'closeOnEscapeKeyDown',
-        'closeOnInteractOutside',
-        'dir',
-        'finalFocusEl',
-        'getRootNode',
-        'id',
-        'ids',
-        'initialFocusEl',
-        'modal',
-        'onEscapeKeyDown',
-        'onFocusOutside',
-        'onInteractOutside',
-        'onOpenChange',
-        'onPointerDownOutside',
-        'open',
-        'preventScroll',
-        'restoreFocus',
-        'role',
-        'trapFocus',
-    ]);
-    const api = useDialog(useDialogProps);
-    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
-    const getChildren = () => runIfFn(localProps.children, api);
-    return (<DialogProvider value={api}>
-      <RenderStrategyProvider value={renderStrategyProps}>
-        <PresenceProvider value={apiPresence}>{getChildren()}</PresenceProvider>
-      </RenderStrategyProvider>
-    </DialogProvider>);
-};

package/source/dialog/dialog-title.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useDialogContext } from './dialog-context';
-export const DialogTitle = (props) => {
-    const dialog = useDialogContext();
-    const mergedProps = mergeProps(() => dialog().titleProps, props);
-    return <ark.h2 {...mergedProps}/>;
-};

package/source/dialog/dialog-trigger.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { usePresenceContext } from '../presence';
-import { useDialogContext } from './dialog-context';
-export const DialogTrigger = (props) => {
-    const api = useDialogContext();
-    const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().triggerProps, () => ({ 'aria-controls': presenceApi().isUnmounted && null }), props);
-    return <ark.button {...mergedProps}/>;
-};

package/source/dialog/dialog.jsx

@@ -1,9 +0,0 @@
-import { DialogBackdrop as Backdrop } from './dialog-backdrop';
-import { DialogCloseTrigger as CloseTrigger } from './dialog-close-trigger';
-import { DialogContent as Content } from './dialog-content';
-import { DialogDescription as Description } from './dialog-description';
-import { DialogPositioner as Positioner } from './dialog-positioner';
-import { DialogRoot as Root } from './dialog-root';
-import { DialogTitle as Title } from './dialog-title';
-import { DialogTrigger as Trigger } from './dialog-trigger';
-export { Backdrop, CloseTrigger, Content, Description, Positioner, Root, Title, Trigger };

package/source/dialog/index.js

@@ -1,11 +0,0 @@
-import { DialogBackdrop } from './dialog-backdrop';
-import { DialogCloseTrigger } from './dialog-close-trigger';
-import { DialogContent } from './dialog-content';
-import { useDialogContext } from './dialog-context';
-import { DialogDescription } from './dialog-description';
-import { DialogPositioner } from './dialog-positioner';
-import { DialogRoot } from './dialog-root';
-import { DialogTitle } from './dialog-title';
-import { DialogTrigger } from './dialog-trigger';
-export * as Dialog from './dialog';
-export { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogPositioner, DialogRoot, DialogTitle, DialogTrigger, useDialogContext, };

package/source/dialog/use-dialog.js

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

package/source/editable/editable-area.jsx

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

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

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

package/source/editable/editable-context.js

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

package/source/editable/editable-control.jsx

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

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

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

package/source/editable/editable-input.jsx

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

package/source/editable/editable-label.jsx

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

package/source/editable/editable-preview.jsx

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

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/editable/use-editable.js

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

package/source/environment/environment-context.js

@@ -1,6 +0,0 @@
-import { createContext } from '../create-context';
-export const [EnvironmentProvider, useEnvironmentContext] = createContext({
-    hookName: 'useEnvironmentContext',
-    providerName: '<EnvironmentProvider />',
-    strict: false,
-});

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-context.js

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

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-context.js

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

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/file-upload/use-file-upload.js

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