@ark-ui/solid 4.1.0 → 4.2.1

package/dist/source/components/field/use-field.js

@@ -1,107 +0,0 @@
-import { ariaAttr, dataAttr, getWindow } from '@zag-js/dom-query';
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from 'solid-js';
-import { useFieldsetContext } from '../fieldset';
-import { parts } from './field.anatomy';
-export const useField = (props) => {
-    const fieldset = useFieldsetContext();
-    const { ids, disabled = Boolean(fieldset?.().disabled), invalid = false, readOnly = false, required = false, } = props;
-    const [hasErrorText, setHasErrorText] = createSignal(false);
-    const [hasHelperText, setHasHelperText] = createSignal(false);
-    const id = props.id ?? createUniqueId();
-    let rootRef;
-    const rootId = ids?.control ?? `field::${id}`;
-    const errorTextId = ids?.errorText ?? `field::${id}::error-text`;
-    const helperTextId = ids?.helperText ?? `field::${id}::helper-text`;
-    const labelId = ids?.label ?? `field::${id}::label`;
-    createEffect(() => {
-        const rootNode = rootRef;
-        if (!rootNode)
-            return;
-        const win = getWindow(rootNode);
-        const doc = win.document;
-        const checkTextElements = () => {
-            setHasErrorText(!!doc.getElementById(errorTextId));
-            setHasHelperText(!!doc.getElementById(helperTextId));
-        };
-        checkTextElements();
-        const observer = new win.MutationObserver(checkTextElements);
-        observer.observe(rootNode, { childList: true, subtree: true });
-        onCleanup(() => observer.disconnect());
-    });
-    const getRootProps = () => ({
-        ...parts.root.attrs,
-        id: rootId,
-        role: 'group',
-        'data-disabled': dataAttr(disabled),
-        'data-invalid': dataAttr(invalid),
-        'data-readonly': dataAttr(readOnly),
-    });
-    const getLabelProps = () => ({
-        ...parts.label.attrs,
-        id: labelId,
-        'data-disabled': dataAttr(disabled),
-        'data-invalid': dataAttr(invalid),
-        'data-readonly': dataAttr(readOnly),
-        htmlFor: id,
-    });
-    const labelIds = [];
-    if (hasErrorText() && invalid)
-        labelIds.push(errorTextId);
-    if (hasHelperText())
-        labelIds.push(helperTextId);
-    const getControlProps = () => ({
-        'aria-describedby': labelIds.join(' ') || undefined,
-        'aria-invalid': ariaAttr(invalid),
-        'data-invalid': dataAttr(invalid),
-        'data-required': dataAttr(required),
-        'data-readonly': dataAttr(readOnly),
-        id,
-        required,
-        disabled,
-        readOnly,
-    });
-    const getInputProps = () => ({
-        ...getControlProps(),
-        ...parts.input.attrs,
-    });
-    const getTextareaProps = () => ({
-        ...getControlProps(),
-        ...parts.textarea.attrs,
-    });
-    const getSelectProps = () => ({
-        ...getControlProps(),
-        ...parts.select.attrs,
-    });
-    const getHelperTextProps = () => ({
-        id: helperTextId,
-        ...parts.helperText.attrs,
-    });
-    const getErrorTextProps = () => ({
-        id: errorTextId,
-        ...parts.errorText.attrs,
-        'aria-live': 'polite',
-    });
-    return createMemo(() => ({
-        ariaDescribedby: labelIds.join(' '),
-        ids: {
-            control: id,
-            label: labelId,
-            errorText: errorTextId,
-            helperText: helperTextId,
-        },
-        refs: {
-            rootRef,
-        },
-        disabled,
-        invalid,
-        readOnly,
-        required,
-        getLabelProps,
-        getRootProps,
-        getInputProps,
-        getTextareaProps,
-        getSelectProps,
-        getHelperTextProps,
-        getErrorTextProps,
-    }));
-};

package/dist/source/components/fieldset/fieldset-context.jsx

@@ -1,2 +0,0 @@
-import { useFieldsetContext } from './use-fieldset-context';
-export const FieldsetContext = (props) => props.children(useFieldsetContext());

package/dist/source/components/fieldset/fieldset-error-text.jsx

@@ -1,11 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { Show } from 'solid-js';
-import { ark } from '../factory';
-import { useFieldsetContext } from './use-fieldset-context';
-export const FieldsetErrorText = (props) => {
-    const fieldset = useFieldsetContext();
-    const mergedProps = mergeProps(() => fieldset().getErrorTextProps(), props);
-    return (<Show when={fieldset().invalid}>
-      <ark.span {...mergedProps}/>
-    </Show>);
-};

package/dist/source/components/fieldset/fieldset-helper-text.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useFieldsetContext } from './use-fieldset-context';
-export const FieldsetHelperText = (props) => {
-    const fieldset = useFieldsetContext();
-    const mergedProps = mergeProps(() => fieldset().getHelperTextProps(), props);
-    return <ark.span {...mergedProps}/>;
-};

package/dist/source/components/fieldset/fieldset-legend.jsx

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useFieldsetContext } from './use-fieldset-context';
-export const FieldsetLegend = (props) => {
-    const fieldset = useFieldsetContext();
-    const mergedProps = mergeProps(() => fieldset().getLegendProps(), props);
-    return <ark.legend {...mergedProps}/>;
-};

package/dist/source/components/fieldset/fieldset-root-provider.jsx

@@ -1,11 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../../utils/create-split-props';
-import { ark } from '../factory';
-import { FieldsetProvider } from './use-fieldset-context';
-export const FieldsetRootProvider = (props) => {
-    const [{ value: fieldset }, localProps] = createSplitProps()(props, ['value']);
-    const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
-    return (<FieldsetProvider value={fieldset}>
-      <ark.fieldset {...mergedProps}/>
-    </FieldsetProvider>);
-};

package/dist/source/components/fieldset/fieldset-root.jsx

@@ -1,18 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../../utils/create-split-props';
-import { ark } from '../factory';
-import { useFieldset } from './use-fieldset';
-import { FieldsetProvider } from './use-fieldset-context';
-export const FieldsetRoot = (props) => {
-    const [useFieldsetProps, localProps] = createSplitProps()(props, [
-        'id',
-        'disabled',
-        'invalid',
-    ]);
-    const fieldset = useFieldset(useFieldsetProps);
-    const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
-    return (<FieldsetProvider value={fieldset}>
-      <ark.fieldset {...mergedProps}/>
-    </FieldsetProvider>);
-};
-FieldsetRoot.displayName = 'FieldsetRoot';

package/dist/source/components/fieldset/fieldset.anatomy.js

@@ -1,3 +0,0 @@
-import { createAnatomy } from '@zag-js/anatomy';
-export const fieldsetAnatomy = createAnatomy('fieldset').parts('root', 'errorText', 'helperText', 'legend');
-export const parts = fieldsetAnatomy.build();

package/dist/source/components/fieldset/fieldset.js

@@ -1,6 +0,0 @@
-export { FieldsetRoot as Root, } from './fieldset-root';
-export { FieldsetRootProvider as RootProvider, } from './fieldset-root-provider';
-export { FieldsetLegend as Legend, } from './fieldset-legend';
-export { FieldsetHelperText as HelperText, } from './fieldset-helper-text';
-export { FieldsetErrorText as ErrorText, } from './fieldset-error-text';
-export { FieldsetContext as Context, } from './fieldset-context';

package/dist/source/components/fieldset/index.js

@@ -1,9 +0,0 @@
-export { FieldsetContext } from './fieldset-context';
-export { FieldsetErrorText, } from './fieldset-error-text';
-export { FieldsetHelperText, } from './fieldset-helper-text';
-export { FieldsetLegend, } from './fieldset-legend';
-export { FieldsetRoot } from './fieldset-root';
-export { FieldsetRootProvider, } from './fieldset-root-provider';
-export { fieldsetAnatomy } from './fieldset.anatomy';
-export { useFieldsetContext } from './use-fieldset-context';
-export * as Fieldset from './fieldset';

package/dist/source/components/fieldset/use-fieldset-context.js

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

package/dist/source/components/fieldset/use-fieldset.js

@@ -1,65 +0,0 @@
-import { getWindow } from '@zag-js/dom-query';
-import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from 'solid-js';
-import { parts } from './fieldset.anatomy';
-export const useFieldset = (props) => {
-    const { disabled = false, invalid = false } = props;
-    let rootRef;
-    const id = props.id ?? createUniqueId();
-    const errorTextId = `fieldset::${id}::error-text`;
-    const helperTextId = `fieldset::${id}::helper-text`;
-    const [hasErrorText, setHasErrorText] = createSignal(false);
-    const [hasHelperText, setHasHelperText] = createSignal(false);
-    createEffect(() => {
-        const rootNode = rootRef;
-        if (!rootNode)
-            return;
-        const win = getWindow(rootNode);
-        const doc = win.document;
-        const checkTextElements = () => {
-            setHasErrorText(!!doc.getElementById(errorTextId));
-            setHasHelperText(!!doc.getElementById(helperTextId));
-        };
-        checkTextElements();
-        const observer = new win.MutationObserver(checkTextElements);
-        observer.observe(rootNode, { childList: true, subtree: true });
-        onCleanup(() => observer.disconnect());
-    });
-    const labelIds = [];
-    if (hasErrorText() && invalid)
-        labelIds.push(errorTextId);
-    if (hasHelperText())
-        labelIds.push(helperTextId);
-    const getRootProps = () => ({
-        ...parts.root.attrs,
-        disabled,
-        'data-disabled': dataAttr(disabled),
-        'data-invalid': dataAttr(invalid),
-        'aria-describedby': labelIds.join(' ') || undefined,
-    });
-    const getLegendProps = () => ({
-        ...parts.legend.attrs,
-        'data-disabled': dataAttr(disabled),
-        'data-invalid': dataAttr(invalid),
-    });
-    const getHelperTextProps = () => ({
-        id: helperTextId,
-        ...parts.helperText.attrs,
-    });
-    const getErrorTextProps = () => ({
-        id: errorTextId,
-        ...parts.errorText.attrs,
-        'aria-live': 'polite',
-    });
-    return createMemo(() => ({
-        refs: {
-            rootRef,
-        },
-        disabled,
-        invalid,
-        getRootProps,
-        getLegendProps,
-        getHelperTextProps,
-        getErrorTextProps,
-    }));
-};
-const dataAttr = (condition) => (condition ? '' : undefined);

package/dist/source/components/file-upload/file-upload-clear-trigger.jsx

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

package/dist/source/components/file-upload/file-upload-context.jsx

@@ -1,2 +0,0 @@
-import { useFileUploadContext } from './use-file-upload-context';
-export const FileUploadContext = (props) => props.children(useFileUploadContext());

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

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

package/dist/source/components/file-upload/file-upload-hidden-input.jsx

@@ -1,10 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useFieldContext } from '../field';
-import { useFileUploadContext } from './use-file-upload-context';
-export const FileUploadHiddenInput = (props) => {
-    const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(() => fileUpload().getHiddenInputProps(), props);
-    const field = useFieldContext();
-    return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps}/>;
-};

package/dist/source/components/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 './use-file-upload-context';
-import { useFileUploadItemPropsContext } from './use-file-upload-item-props-context';
-export const FileUploadItemDeleteTrigger = (props) => {
-    const fileUpload = useFileUploadContext();
-    const itemProps = useFileUploadItemPropsContext();
-    const mergedProps = mergeProps(() => fileUpload().getItemDeleteTriggerProps(itemProps), props);
-    return <ark.button {...mergedProps}/>;
-};

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

@@ -1,8 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory';
-import { useFileUploadContext } from './use-file-upload-context';
-export const FileUploadItemGroup = (props) => {
-    const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(() => fileUpload().getItemGroupProps(), props);
-    return <ark.ul {...mergedProps}/>;
-};

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

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

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

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

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

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

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

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

package/dist/source/components/file-upload/file-upload-item.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../../utils/create-split-props';
-import { ark } from '../factory';
-import { useFileUploadContext } from './use-file-upload-context';
-import { FileUploadItemPropsProvider } from './use-file-upload-item-props-context';
-export const FileUploadItem = (props) => {
-    const [itemProps, localProps] = createSplitProps()(props, ['file']);
-    const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(() => fileUpload().getItemProps(itemProps), localProps);
-    return (<FileUploadItemPropsProvider value={itemProps}>
-      <ark.li {...mergedProps}/>
-    </FileUploadItemPropsProvider>);
-};

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

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

package/dist/source/components/file-upload/file-upload-root-provider.jsx

@@ -1,13 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../../utils/create-split-props';
-import { ark } from '../factory';
-import { FileUploadProvider } from './use-file-upload-context';
-export const FileUploadRootProvider = (props) => {
-    const [{ value: fileUpload }, localProps] = createSplitProps()(props, [
-        'value',
-    ]);
-    const mergedProps = mergeProps(() => fileUpload().getRootProps(), localProps);
-    return (<FileUploadProvider value={fileUpload}>
-      <ark.div {...mergedProps}/>
-    </FileUploadProvider>);
-};

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

@@ -1,33 +0,0 @@
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../../utils/create-split-props';
-import { ark } from '../factory';
-import { useFileUpload } from './use-file-upload';
-import { FileUploadProvider } from './use-file-upload-context';
-export const FileUploadRoot = (props) => {
-    const [fileUploadProps, localProps] = createSplitProps()(props, [
-        'accept',
-        'allowDrop',
-        'capture',
-        'directory',
-        'disabled',
-        'id',
-        'ids',
-        'invalid',
-        'locale',
-        'maxFiles',
-        'maxFileSize',
-        'minFileSize',
-        'name',
-        'onFileAccept',
-        'onFileChange',
-        'onFileReject',
-        'required',
-        'translations',
-        'validate',
-    ]);
-    const fileUpload = useFileUpload(fileUploadProps);
-    const mergedProps = mergeProps(() => fileUpload().getRootProps(), localProps);
-    return (<FileUploadProvider value={fileUpload}>
-      <ark.div {...mergedProps}/>
-    </FileUploadProvider>);
-};

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

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

package/dist/source/components/file-upload/file-upload.anatomy.js

@@ -1 +0,0 @@
-export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';

package/dist/source/components/file-upload/file-upload.js

@@ -1,15 +0,0 @@
-export { FileUploadClearTrigger as ClearTrigger, } from './file-upload-clear-trigger';
-export { FileUploadContext as Context, } from './file-upload-context';
-export { FileUploadDropzone as Dropzone, } from './file-upload-dropzone';
-export { FileUploadHiddenInput as HiddenInput, } from './file-upload-hidden-input';
-export { FileUploadItem as Item, } from './file-upload-item';
-export { FileUploadItemDeleteTrigger as ItemDeleteTrigger, } from './file-upload-item-delete-trigger';
-export { FileUploadItemGroup as ItemGroup, } from './file-upload-item-group';
-export { FileUploadItemName as ItemName, } from './file-upload-item-name';
-export { FileUploadItemPreview as ItemPreview, } from './file-upload-item-preview';
-export { FileUploadItemPreviewImage as ItemPreviewImage, } from './file-upload-item-preview-image';
-export { FileUploadItemSizeText as ItemSizeText, } from './file-upload-item-size-text';
-export { FileUploadLabel as Label, } from './file-upload-label';
-export { FileUploadRoot as Root, } from './file-upload-root';
-export { FileUploadRootProvider as RootProvider, } from './file-upload-root-provider';
-export { FileUploadTrigger as Trigger, } from './file-upload-trigger';

package/dist/source/components/file-upload/index.js

@@ -1,19 +0,0 @@
-export { FileUploadClearTrigger, } from './file-upload-clear-trigger';
-export { FileUploadContext } from './file-upload-context';
-export { FileUploadDropzone, } from './file-upload-dropzone';
-export { FileUploadHiddenInput, } from './file-upload-hidden-input';
-export { FileUploadItem, } from './file-upload-item';
-export { FileUploadItemDeleteTrigger, } from './file-upload-item-delete-trigger';
-export { FileUploadItemGroup, } from './file-upload-item-group';
-export { FileUploadItemName, } from './file-upload-item-name';
-export { FileUploadItemPreview, } from './file-upload-item-preview';
-export { FileUploadItemPreviewImage, } from './file-upload-item-preview-image';
-export { FileUploadItemSizeText, } from './file-upload-item-size-text';
-export { FileUploadLabel, } from './file-upload-label';
-export { FileUploadRoot, } from './file-upload-root';
-export { FileUploadRootProvider, } from './file-upload-root-provider';
-export { FileUploadTrigger, } from './file-upload-trigger';
-export { fileUploadAnatomy } from './file-upload.anatomy';
-export { useFileUpload } from './use-file-upload';
-export { useFileUploadContext } from './use-file-upload-context';
-export * as FileUpload from './file-upload';

package/dist/source/components/file-upload/use-file-upload-context.js

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

package/dist/source/components/file-upload/use-file-upload-item-props-context.js

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

package/dist/source/components/file-upload/use-file-upload.js

@@ -1,26 +0,0 @@
-import * as fileUpload from '@zag-js/file-upload';
-import { normalizeProps, useMachine } from '@zag-js/solid';
-import { createMemo, createUniqueId } from 'solid-js';
-import { useEnvironmentContext, useLocaleContext } from '../../providers';
-import { useFieldContext } from '../field';
-export const useFileUpload = (props) => {
-    const locale = useLocaleContext();
-    const environment = useEnvironmentContext();
-    const id = createUniqueId();
-    const field = useFieldContext();
-    const context = createMemo(() => ({
-        id,
-        ids: {
-            label: field?.().ids.label,
-            hiddenInput: field?.().ids.control,
-        },
-        dir: locale().dir,
-        disabled: field?.().disabled,
-        required: field?.().required,
-        invalid: field?.().invalid,
-        getRootNode: environment().getRootNode,
-        ...props,
-    }));
-    const [state, send] = useMachine(fileUpload.machine(context()), { context });
-    return createMemo(() => fileUpload.connect(state, send, normalizeProps));
-};

package/dist/source/components/format/format-byte.jsx

@@ -1,9 +0,0 @@
-import { formatBytes } from '@zag-js/i18n-utils';
-import { createMemo, splitProps } from 'solid-js';
-import { useLocaleContext } from '../../providers';
-export const FormatByte = (props) => {
-    const [valueProps, intlProps] = splitProps(props, ['value']);
-    const ctx = useLocaleContext();
-    const text = createMemo(() => formatBytes(valueProps.value, ctx().locale, intlProps));
-    return <>{text}</>;
-};

package/dist/source/components/format/format-number.jsx

@@ -1,9 +0,0 @@
-import { formatNumber } from '@zag-js/i18n-utils';
-import { createMemo, splitProps } from 'solid-js';
-import { useLocaleContext } from '../../providers';
-export const FormatNumber = (props) => {
-    const [valueProps, intlProps] = splitProps(props, ['value']);
-    const ctx = useLocaleContext();
-    const text = createMemo(() => formatNumber(valueProps.value, ctx().locale, intlProps));
-    return <>{text}</>;
-};

package/dist/source/components/format/format.js

@@ -1,2 +0,0 @@
-export { FormatByte as Byte, } from './format-byte';
-export { FormatNumber as Number, } from './format-number';

package/dist/source/components/format/index.js

@@ -1,3 +0,0 @@
-export { FormatByte, } from './format-byte';
-export { FormatNumber, } from './format-number';
-export * as Format from './format';

package/dist/source/components/frame/frame-content.jsx

@@ -1,11 +0,0 @@
-import { createEffect, onCleanup } from 'solid-js';
-export const FrameContent = (props) => {
-    const { onMount, onUnmount, children } = props;
-    createEffect(() => {
-        onMount?.();
-        onCleanup(() => {
-            onUnmount?.();
-        });
-    });
-    return children;
-};