@sprawlify/solid 0.0.15 → 0.0.17

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,102 @@
+import { n as PropTypes } from "../../index-BLKwiHM7.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-M3kll1K0.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-C7CCEqYp.js";
+import * as solid_js22 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as fileUpload from "@sprawlify/primitives/machines/file-upload";
+import { DropzoneProps, FileAcceptDetails, FileAcceptDetails as FileUploadFileAcceptDetails, FileChangeDetails, FileChangeDetails as FileUploadFileChangeDetails, FileError, FileError as FileUploadFileError, FileMimeType, FileMimeType as FileUploadFileMimeType, FileRejectDetails, FileRejectDetails as FileUploadFileRejectDetails, FileRejection, FileRejection as FileUploadFileRejection, FileValidateDetails, FileValidateDetails as FileUploadFileValidateDetails, ItemGroupProps, ItemProps, anatomy as fileUploadAnatomy } from "@sprawlify/primitives/machines/file-upload";
+
+//#region src/components/file-upload/file-upload-clear-trigger.d.ts
+interface FileUploadClearTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface FileUploadClearTriggerProps extends HTMLProps<'button'>, FileUploadClearTriggerBaseProps {}
+declare const FileUploadClearTrigger: (props: FileUploadClearTriggerProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/use-file-upload.d.ts
+interface UseFileUploadProps extends Optional<Omit<fileUpload.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UseFileUploadReturn extends Accessor<fileUpload.Api<PropTypes>> {}
+declare const useFileUpload: (props?: MaybeAccessor<UseFileUploadProps>) => UseFileUploadReturn;
+//#endregion
+//#region src/components/file-upload/use-file-upload-context.d.ts
+interface UseFileUploadContext extends UseFileUploadReturn {}
+//#endregion
+//#region src/components/file-upload/file-upload-context.d.ts
+interface FileUploadContextProps {
+  children: (context: UseFileUploadContext) => JSX.Element;
+}
+declare const FileUploadContext: (props: FileUploadContextProps) => JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-dropzone.d.ts
+interface FileUploadDropzoneBaseProps extends PolymorphicProps<'div'>, DropzoneProps {}
+interface FileUploadDropzoneProps extends HTMLProps<'div'>, FileUploadDropzoneBaseProps {}
+declare const FileUploadDropzone: (props: FileUploadDropzoneProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-hidden-input.d.ts
+interface FileUploadHiddenInputBaseProps extends PolymorphicProps<'input'> {}
+interface FileUploadHiddenInputProps extends HTMLProps<'input'>, FileUploadHiddenInputBaseProps {}
+declare const FileUploadHiddenInput: (props: FileUploadHiddenInputProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item.d.ts
+type ItemBaseProps = Omit<ItemProps, 'type'>;
+interface FileUploadItemBaseProps extends ItemBaseProps, PolymorphicProps<'li'> {}
+interface FileUploadItemProps extends HTMLProps<'li'>, FileUploadItemBaseProps {}
+declare const FileUploadItem: (props: FileUploadItemProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item-delete-trigger.d.ts
+interface FileUploadItemDeleteTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface FileUploadItemDeleteTriggerProps extends HTMLProps<'button'>, FileUploadItemDeleteTriggerBaseProps {}
+declare const FileUploadItemDeleteTrigger: (props: FileUploadItemDeleteTriggerProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item-group.d.ts
+interface FileUploadItemGroupBaseProps extends PolymorphicProps<'ul'>, ItemGroupProps {}
+interface FileUploadItemGroupProps extends HTMLProps<'ul'>, FileUploadItemGroupBaseProps {}
+declare const FileUploadItemGroup: (props: FileUploadItemGroupProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item-name.d.ts
+interface FileUploadItemNameBaseProps extends PolymorphicProps<'div'> {}
+interface FileUploadItemNameProps extends HTMLProps<'div'>, FileUploadItemNameBaseProps {}
+declare const FileUploadItemName: (props: FileUploadItemNameProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview.d.ts
+interface FileUploadItemPreviewBaseProps extends PolymorphicProps<'div'> {
+  type?: string;
+}
+interface FileUploadItemPreviewProps extends HTMLProps<'div'>, FileUploadItemPreviewBaseProps {}
+declare const FileUploadItemPreview: (props: FileUploadItemPreviewProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview-image.d.ts
+interface FileUploadItemPreviewImageBaseProps extends PolymorphicProps<'img'> {}
+interface FileUploadItemPreviewImageProps extends HTMLProps<'img'>, FileUploadItemPreviewImageBaseProps {}
+declare const FileUploadItemPreviewImage: (props: FileUploadItemPreviewImageProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-item-size-text.d.ts
+interface FileUploadItemSizeTextBaseProps extends PolymorphicProps<'div'> {}
+interface FileUploadItemSizeTextProps extends HTMLProps<'div'>, FileUploadItemSizeTextBaseProps {}
+declare const FileUploadItemSizeText: (props: FileUploadItemSizeTextProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-label.d.ts
+interface FileUploadLabelBaseProps extends PolymorphicProps<'label'> {}
+interface FileUploadLabelProps extends HTMLProps<'label'>, FileUploadLabelBaseProps {}
+declare const FileUploadLabel: (props: FileUploadLabelProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-root.d.ts
+interface FileUploadRootBaseProps extends UseFileUploadProps, PolymorphicProps<'div'> {}
+interface FileUploadRootProps extends HTMLProps<'div'>, FileUploadRootBaseProps {}
+declare const FileUploadRoot: (props: FileUploadRootProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-root-provider.d.ts
+interface RootProviderProps {
+  value: UseFileUploadReturn;
+}
+interface FileUploadRootProviderBaseProps extends PolymorphicProps<'div'> {}
+interface FileUploadRootProviderProps extends HTMLProps<'div'>, RootProviderProps, FileUploadRootProviderBaseProps {}
+declare const FileUploadRootProvider: (props: FileUploadRootProviderProps) => solid_js22.JSX.Element;
+//#endregion
+//#region src/components/file-upload/file-upload-trigger.d.ts
+interface FileUploadTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface FileUploadTriggerProps extends HTMLProps<'button'>, FileUploadTriggerBaseProps {}
+declare const FileUploadTrigger: (props: FileUploadTriggerProps) => solid_js22.JSX.Element;
+declare namespace file_upload_d_exports {
+  export { FileUploadClearTrigger as ClearTrigger, FileUploadClearTriggerBaseProps as ClearTriggerBaseProps, FileUploadClearTriggerProps as ClearTriggerProps, FileUploadContext as Context, FileUploadContextProps as ContextProps, FileUploadDropzone as Dropzone, FileUploadDropzoneBaseProps as DropzoneBaseProps, FileUploadDropzoneProps as DropzoneProps, FileAcceptDetails, FileChangeDetails, FileError, FileMimeType, FileRejectDetails, FileRejection, FileValidateDetails, FileUploadHiddenInput as HiddenInput, FileUploadHiddenInputBaseProps as HiddenInputBaseProps, FileUploadHiddenInputProps as HiddenInputProps, FileUploadItem as Item, FileUploadItemBaseProps as ItemBaseProps, FileUploadItemDeleteTrigger as ItemDeleteTrigger, FileUploadItemDeleteTriggerBaseProps as ItemDeleteTriggerBaseProps, FileUploadItemDeleteTriggerProps as ItemDeleteTriggerProps, FileUploadItemGroup as ItemGroup, FileUploadItemGroupBaseProps as ItemGroupBaseProps, FileUploadItemGroupProps as ItemGroupProps, FileUploadItemName as ItemName, FileUploadItemNameBaseProps as ItemNameBaseProps, FileUploadItemNameProps as ItemNameProps, FileUploadItemPreview as ItemPreview, FileUploadItemPreviewBaseProps as ItemPreviewBaseProps, FileUploadItemPreviewImage as ItemPreviewImage, FileUploadItemPreviewImageBaseProps as ItemPreviewImageBaseProps, FileUploadItemPreviewImageProps as ItemPreviewImageProps, FileUploadItemPreviewProps as ItemPreviewProps, FileUploadItemProps as ItemProps, FileUploadItemSizeText as ItemSizeText, FileUploadItemSizeTextBaseProps as ItemSizeTextBaseProps, FileUploadItemSizeTextProps as ItemSizeTextProps, FileUploadLabel as Label, FileUploadLabelBaseProps as LabelBaseProps, FileUploadLabelProps as LabelProps, FileUploadRoot as Root, FileUploadRootBaseProps as RootBaseProps, FileUploadRootProps as RootProps, FileUploadRootProvider as RootProvider, FileUploadRootProviderBaseProps as RootProviderBaseProps, FileUploadRootProviderProps as RootProviderProps, FileUploadTrigger as Trigger, FileUploadTriggerBaseProps as TriggerBaseProps, FileUploadTriggerProps as TriggerProps };
+}
+//#endregion
+export { file_upload_d_exports as FileUpload, FileUploadClearTrigger, type FileUploadClearTriggerBaseProps, type FileUploadClearTriggerProps, FileUploadContext, type FileUploadContextProps, FileUploadDropzone, type FileUploadDropzoneBaseProps, type FileUploadDropzoneProps, type FileUploadFileAcceptDetails, type FileUploadFileChangeDetails, type FileUploadFileError, type FileUploadFileMimeType, type FileUploadFileRejectDetails, type FileUploadFileRejection, type FileUploadFileValidateDetails, FileUploadHiddenInput, type FileUploadHiddenInputBaseProps, type FileUploadHiddenInputProps, FileUploadItem, type FileUploadItemBaseProps, FileUploadItemDeleteTrigger, type FileUploadItemDeleteTriggerBaseProps, type FileUploadItemDeleteTriggerProps, FileUploadItemGroup, type FileUploadItemGroupBaseProps, type FileUploadItemGroupProps, FileUploadItemName, type FileUploadItemNameBaseProps, type FileUploadItemNameProps, FileUploadItemPreview, type FileUploadItemPreviewBaseProps, FileUploadItemPreviewImage, type FileUploadItemPreviewImageBaseProps, type FileUploadItemPreviewImageProps, type FileUploadItemPreviewProps, type FileUploadItemProps, FileUploadItemSizeText, type FileUploadItemSizeTextBaseProps, type FileUploadItemSizeTextProps, FileUploadLabel, type FileUploadLabelBaseProps, type FileUploadLabelProps, FileUploadRoot, type FileUploadRootBaseProps, type FileUploadRootProps, FileUploadRootProvider, type FileUploadRootProviderBaseProps, type FileUploadRootProviderProps, FileUploadTrigger, type FileUploadTriggerBaseProps, type FileUploadTriggerProps, type UseFileUploadContext, type UseFileUploadProps, type UseFileUploadReturn, fileUploadAnatomy, useFileUpload, useFileUploadContext };

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

@@ -0,0 +1,284 @@
+import { t as __export } from "../../chunk-Wl6TQfsu.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-Cl2xcDm5.js";
+import { t as runIfFn } from "../../run-if-fn-Ct4sSuFV.js";
+import { t as createContext$1 } from "../../create-context-BBDU3kF1.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-D1hKjv0s.js";
+import { t as createSplitProps } from "../../create-split-props-CHlLW_X_.js";
+import { t as sprawlify } from "../../factory-Ci1LUSWg.js";
+import "../../compose-refs-DbJoODKO.js";
+import "../../fieldset-Def05D5r.js";
+import { m as useFieldContext } from "../../field-D5bG5XXV.js";
+import { Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as fileUpload from "@sprawlify/primitives/machines/file-upload";
+import { anatomy as fileUploadAnatomy } from "@sprawlify/primitives/machines/file-upload";
+
+//#region src/components/file-upload/use-file-upload-context.ts
+const [FileUploadProvider, useFileUploadContext] = createContext$1({
+	hookName: "useFileUploadContext",
+	providerName: "<FileUploadProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-clear-trigger.tsx
+const FileUploadClearTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getClearTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-context.tsx
+const FileUploadContext = (props) => props.children(useFileUploadContext());
+
+//#endregion
+//#region src/components/file-upload/file-upload-dropzone.tsx
+const FileUploadDropzone = (props) => {
+	const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getDropzoneProps(dropzoneProps), localProps);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-hidden-input.tsx
+const FileUploadHiddenInput = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-group-props-context.ts
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext$1({
+	hookName: "useFileUploadItemGroupPropsContext",
+	providerName: "<FileUploadItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-props-context.ts
+const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext$1({
+	hookName: "useFileUploadItemPropsContext",
+	providerName: "<FileUploadItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-item.tsx
+const FileUploadItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["file"]);
+	const fileUpload$1 = useFileUploadContext();
+	const itemGroupProps = useFileUploadItemGroupPropsContext();
+	const itemPropsWithType = createMemo(() => ({
+		...itemProps,
+		type: itemGroupProps.type
+	}));
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemProps(itemPropsWithType()), localProps);
+	return createComponent(FileUploadItemPropsProvider, {
+		value: itemPropsWithType,
+		get children() {
+			return createComponent(sprawlify.li, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-delete-trigger.tsx
+const FileUploadItemDeleteTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemDeleteTriggerProps(itemProps()), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-group.tsx
+const FileUploadItemGroup = (props) => {
+	const [itemGroupProps, localProps] = createSplitProps()(props, ["type"]);
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemGroupProps(itemGroupProps), localProps);
+	return createComponent(FileUploadItemGroupPropsProvider, {
+		value: itemGroupProps,
+		get children() {
+			return createComponent(sprawlify.ul, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-name.tsx
+const FileUploadItemName = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemNameProps(itemProps()), props);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return props.children || itemProps().file.name;
+	} }));
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview.tsx
+const FileUploadItemPreview = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemPreviewProps(itemProps()), props);
+	return createComponent(Show, {
+		get when() {
+			return itemProps().file.type.match(props.type ?? ".*");
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview-image.tsx
+const FileUploadItemPreviewImage = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const [url, setUrl] = createSignal("");
+	createEffect(() => {
+		onCleanup(fileUpload$1().createFileUrl(itemProps().file, (url$1) => setUrl(url$1)));
+	});
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemPreviewImageProps({
+		...itemProps(),
+		url: url()
+	}), props);
+	return createComponent(Show, {
+		get when() {
+			return url();
+		},
+		get children() {
+			return createComponent(sprawlify.img, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-size-text.tsx
+const FileUploadItemSizeText = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getItemSizeTextProps(itemProps()), props);
+	return createComponent(sprawlify.div, mergeProps$1(mergedProps, { get children() {
+		return props.children || fileUpload$1().getFileSize(itemProps().file);
+	} }));
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-label.tsx
+const FileUploadLabel = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/file-upload/use-file-upload.ts
+const useFileUpload = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		locale: locale().locale,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(fileUpload.machine, machineProps);
+	return createMemo(() => fileUpload.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root.tsx
+const FileUploadRoot = (props) => {
+	const [fileUploadProps, localProps] = createSplitProps()(props, [
+		"accept",
+		"acceptedFiles",
+		"allowDrop",
+		"capture",
+		"defaultAcceptedFiles",
+		"directory",
+		"disabled",
+		"id",
+		"ids",
+		"invalid",
+		"locale",
+		"maxFiles",
+		"maxFileSize",
+		"minFileSize",
+		"name",
+		"onFileAccept",
+		"onFileChange",
+		"onFileReject",
+		"preventDocumentDrop",
+		"required",
+		"translations",
+		"transformFiles",
+		"validate"
+	]);
+	const fileUpload$1 = useFileUpload(fileUploadProps);
+	const mergedProps = mergeProps$2(() => fileUpload$1().getRootProps(), localProps);
+	return createComponent(FileUploadProvider, {
+		value: fileUpload$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root-provider.tsx
+const FileUploadRootProvider = (props) => {
+	const [{ value: fileUpload$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => fileUpload$1().getRootProps(), localProps);
+	return createComponent(FileUploadProvider, {
+		value: fileUpload$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-trigger.tsx
+const FileUploadTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$2(() => fileUpload$1().getTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload.ts
+var file_upload_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => FileUploadClearTrigger,
+	Context: () => FileUploadContext,
+	Dropzone: () => FileUploadDropzone,
+	HiddenInput: () => FileUploadHiddenInput,
+	Item: () => FileUploadItem,
+	ItemDeleteTrigger: () => FileUploadItemDeleteTrigger,
+	ItemGroup: () => FileUploadItemGroup,
+	ItemName: () => FileUploadItemName,
+	ItemPreview: () => FileUploadItemPreview,
+	ItemPreviewImage: () => FileUploadItemPreviewImage,
+	ItemSizeText: () => FileUploadItemSizeText,
+	Label: () => FileUploadLabel,
+	Root: () => FileUploadRoot,
+	RootProvider: () => FileUploadRootProvider,
+	Trigger: () => FileUploadTrigger
+});
+
+//#endregion
+export { file_upload_exports as FileUpload, FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, fileUploadAnatomy, useFileUpload, useFileUploadContext };

package/dist/components/file-upload/index.jsx

@@ -0,0 +1,255 @@
+import { t as __export } from "../../chunk-dNcSV51B.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-CWSDVCoi.jsx";
+import { t as runIfFn } from "../../run-if-fn-iVu0r8rO.jsx";
+import { t as createContext$1 } from "../../create-context-CpcL7CiV.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-BRmk_hzA.jsx";
+import { t as createSplitProps } from "../../create-split-props-DrfYep1t.jsx";
+import { t as sprawlify } from "../../factory-OCDy1fEv.jsx";
+import "../../compose-refs-CDTdkuP1.jsx";
+import "../../fieldset-DT2nCjE0.jsx";
+import { m as useFieldContext } from "../../field-DQLYAOgJ.jsx";
+import { Show, createEffect, createMemo, createSignal, createUniqueId, onCleanup } from "solid-js";
+import * as fileUpload from "@sprawlify/primitives/machines/file-upload";
+import { anatomy as fileUploadAnatomy } from "@sprawlify/primitives/machines/file-upload";
+
+//#region src/components/file-upload/use-file-upload-context.ts
+const [FileUploadProvider, useFileUploadContext] = createContext$1({
+	hookName: "useFileUploadContext",
+	providerName: "<FileUploadProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-clear-trigger.tsx
+const FileUploadClearTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getClearTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-context.tsx
+const FileUploadContext = (props) => props.children(useFileUploadContext());
+
+//#endregion
+//#region src/components/file-upload/file-upload-dropzone.tsx
+const FileUploadDropzone = (props) => {
+	const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getDropzoneProps(dropzoneProps), localProps);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-hidden-input.tsx
+const FileUploadHiddenInput = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-group-props-context.ts
+const [FileUploadItemGroupPropsProvider, useFileUploadItemGroupPropsContext] = createContext$1({
+	hookName: "useFileUploadItemGroupPropsContext",
+	providerName: "<FileUploadItemGroupPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/use-file-upload-item-props-context.ts
+const [FileUploadItemPropsProvider, useFileUploadItemPropsContext] = createContext$1({
+	hookName: "useFileUploadItemPropsContext",
+	providerName: "<FileUploadItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/file-upload/file-upload-item.tsx
+const FileUploadItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, ["file"]);
+	const fileUpload$1 = useFileUploadContext();
+	const itemGroupProps = useFileUploadItemGroupPropsContext();
+	const itemPropsWithType = createMemo(() => ({
+		...itemProps,
+		type: itemGroupProps.type
+	}));
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemProps(itemPropsWithType()), localProps);
+	return <FileUploadItemPropsProvider value={itemPropsWithType}>
+      <sprawlify.li {...mergedProps} />
+    </FileUploadItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-delete-trigger.tsx
+const FileUploadItemDeleteTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemDeleteTriggerProps(itemProps()), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-group.tsx
+const FileUploadItemGroup = (props) => {
+	const [itemGroupProps, localProps] = createSplitProps()(props, ["type"]);
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemGroupProps(itemGroupProps), localProps);
+	return <FileUploadItemGroupPropsProvider value={itemGroupProps}>
+      <sprawlify.ul {...mergedProps} />
+    </FileUploadItemGroupPropsProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-name.tsx
+const FileUploadItemName = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemNameProps(itemProps()), props);
+	return <sprawlify.div {...mergedProps}>{props.children || itemProps().file.name}</sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview.tsx
+const FileUploadItemPreview = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemPreviewProps(itemProps()), props);
+	return <Show when={itemProps().file.type.match(props.type ?? ".*")}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-preview-image.tsx
+const FileUploadItemPreviewImage = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const [url, setUrl] = createSignal("");
+	createEffect(() => {
+		onCleanup(fileUpload$1().createFileUrl(itemProps().file, (url$1) => setUrl(url$1)));
+	});
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemPreviewImageProps({
+		...itemProps(),
+		url: url()
+	}), props);
+	return <Show when={url()}>
+      <sprawlify.img {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-item-size-text.tsx
+const FileUploadItemSizeText = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const itemProps = useFileUploadItemPropsContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getItemSizeTextProps(itemProps()), props);
+	return <sprawlify.div {...mergedProps}>{props.children || fileUpload$1().getFileSize(itemProps().file)}</sprawlify.div>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-label.tsx
+const FileUploadLabel = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/use-file-upload.ts
+const useFileUpload = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		dir: locale().dir,
+		disabled: field?.().disabled,
+		locale: locale().locale,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(fileUpload.machine, machineProps);
+	return createMemo(() => fileUpload.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root.tsx
+const FileUploadRoot = (props) => {
+	const [fileUploadProps, localProps] = createSplitProps()(props, [
+		"accept",
+		"acceptedFiles",
+		"allowDrop",
+		"capture",
+		"defaultAcceptedFiles",
+		"directory",
+		"disabled",
+		"id",
+		"ids",
+		"invalid",
+		"locale",
+		"maxFiles",
+		"maxFileSize",
+		"minFileSize",
+		"name",
+		"onFileAccept",
+		"onFileChange",
+		"onFileReject",
+		"preventDocumentDrop",
+		"required",
+		"translations",
+		"transformFiles",
+		"validate"
+	]);
+	const fileUpload$1 = useFileUpload(fileUploadProps);
+	const mergedProps = mergeProps$1(() => fileUpload$1().getRootProps(), localProps);
+	return <FileUploadProvider value={fileUpload$1}>
+      <sprawlify.div {...mergedProps} />
+    </FileUploadProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-root-provider.tsx
+const FileUploadRootProvider = (props) => {
+	const [{ value: fileUpload$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => fileUpload$1().getRootProps(), localProps);
+	return <FileUploadProvider value={fileUpload$1}>
+      <sprawlify.div {...mergedProps} />
+    </FileUploadProvider>;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload-trigger.tsx
+const FileUploadTrigger = (props) => {
+	const fileUpload$1 = useFileUploadContext();
+	const mergedProps = mergeProps$1(() => fileUpload$1().getTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/file-upload/file-upload.ts
+var file_upload_exports = /* @__PURE__ */ __export({
+	ClearTrigger: () => FileUploadClearTrigger,
+	Context: () => FileUploadContext,
+	Dropzone: () => FileUploadDropzone,
+	HiddenInput: () => FileUploadHiddenInput,
+	Item: () => FileUploadItem,
+	ItemDeleteTrigger: () => FileUploadItemDeleteTrigger,
+	ItemGroup: () => FileUploadItemGroup,
+	ItemName: () => FileUploadItemName,
+	ItemPreview: () => FileUploadItemPreview,
+	ItemPreviewImage: () => FileUploadItemPreviewImage,
+	ItemSizeText: () => FileUploadItemSizeText,
+	Label: () => FileUploadLabel,
+	Root: () => FileUploadRoot,
+	RootProvider: () => FileUploadRootProvider,
+	Trigger: () => FileUploadTrigger
+});
+
+//#endregion
+export { file_upload_exports as FileUpload, FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadHiddenInput, FileUploadItem, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadLabel, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, fileUploadAnatomy, useFileUpload, useFileUploadContext };