@sprawlify/solid 0.0.16 → 0.0.18

package/dist/components/field/index.d.ts

@@ -1,6 +1,6 @@
-import { n as MaybeAccessor } from "../../types-Dbw4va3W.js";
-import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
-import * as solid_js8 from "solid-js";
+import { n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import * as solid_js69 from "solid-js";
 import { JSX } from "solid-js";
 import * as _sprawlify_primitives_anatomy0 from "@sprawlify/primitives/anatomy";
 
@@ -39,7 +39,7 @@ interface UseFieldProps {
   readOnly?: boolean;
 }
 type UseFieldReturn = ReturnType<typeof useField>;
-declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js8.Accessor<{
+declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js69.Accessor<{
   ariaDescribedby: string;
   ids: {
     control: string;
@@ -48,7 +48,7 @@ declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js8.Acce
     helperText: string;
   };
   refs: {
-    rootRef: solid_js8.Setter<HTMLDivElement | undefined>;
+    rootRef: solid_js69.Setter<HTMLDivElement | undefined>;
   };
   disabled: boolean;
   invalid: boolean;
@@ -143,22 +143,22 @@ declare const FieldContext: (props: FieldContextProps) => JSX.Element;
 //#region src/components/field/field-error-text.d.ts
 interface FieldErrorTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {}
-declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js8.JSX.Element;
+declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-helper-text.d.ts
 interface FieldHelperTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {}
-declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js8.JSX.Element;
+declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-input.d.ts
 interface FieldInputBaseProps extends PolymorphicProps<'input'> {}
 interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {}
-declare const FieldInput: (props: FieldInputProps) => solid_js8.JSX.Element;
+declare const FieldInput: (props: FieldInputProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-label.d.ts
 interface FieldLabelBaseProps extends PolymorphicProps<'label'> {}
 interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {}
-declare const FieldLabel: (props: FieldLabelProps) => solid_js8.JSX.Element;
+declare const FieldLabel: (props: FieldLabelProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-required-indicator.d.ts
 interface FieldRequiredIndicatorBaseProps extends PolymorphicProps<'span'> {
@@ -170,7 +170,7 @@ declare const FieldRequiredIndicator: (props: FieldRequiredIndicatorProps) => JS
 //#region src/components/field/field-root.d.ts
 interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<'div'> {}
 interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {}
-declare const FieldRoot: (props: FieldRootProps) => solid_js8.JSX.Element;
+declare const FieldRoot: (props: FieldRootProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-root-provider.d.ts
 interface RootProviderProps {
@@ -178,22 +178,22 @@ interface RootProviderProps {
 }
 interface FieldRootProviderBaseProps extends PolymorphicProps<'div'> {}
 interface FieldRootProviderProps extends HTMLProps<'div'>, RootProviderProps, FieldRootProviderBaseProps {}
-declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js8.JSX.Element;
+declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-select.d.ts
 interface FieldSelectBaseProps extends PolymorphicProps<'select'> {}
 interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {}
-declare const FieldSelect: (props: FieldSelectProps) => solid_js8.JSX.Element;
+declare const FieldSelect: (props: FieldSelectProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-textarea.d.ts
 interface FieldTextareaBaseProps extends PolymorphicProps<'textarea'> {
   autoresize?: boolean;
 }
 interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {}
-declare const FieldTextarea: (props: FieldTextareaProps) => solid_js8.JSX.Element;
+declare const FieldTextarea: (props: FieldTextareaProps) => solid_js69.JSX.Element;
 //#endregion
 //#region src/components/field/field-anatomy.d.ts
-declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"root" | "errorText" | "helperText" | "input" | "label" | "select" | "textarea" | "requiredIndicator">;
+declare const fieldAnatomy: _sprawlify_primitives_anatomy0.AnatomyInstance<"label" | "input" | "textarea" | "select" | "root" | "errorText" | "helperText" | "requiredIndicator">;
 declare namespace field_d_exports {
   export { FieldContext as Context, FieldContextProps as ContextProps, FieldErrorText as ErrorText, FieldErrorTextBaseProps as ErrorTextBaseProps, FieldErrorTextProps as ErrorTextProps, FieldHelperText as HelperText, FieldHelperTextBaseProps as HelperTextBaseProps, FieldHelperTextProps as HelperTextProps, FieldInput as Input, FieldInputBaseProps as InputBaseProps, FieldInputProps as InputProps, FieldLabel as Label, FieldLabelBaseProps as LabelBaseProps, FieldLabelProps as LabelProps, FieldRequiredIndicator as RequiredIndicator, FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, FieldRequiredIndicatorProps as RequiredIndicatorProps, FieldRoot as Root, FieldRootBaseProps as RootBaseProps, FieldRootProps as RootProps, FieldRootProvider as RootProvider, FieldRootProviderBaseProps as RootProviderBaseProps, FieldRootProviderProps as RootProviderProps, FieldSelect as Select, FieldSelectBaseProps as SelectBaseProps, FieldSelectProps as SelectProps, FieldTextarea as Textarea, FieldTextareaBaseProps as TextareaBaseProps, FieldTextareaProps as TextareaProps };
 }

package/dist/components/field/index.js

@@ -1,10 +1,10 @@
-import "../../core-oNB2jGcl.js";
-import "../../create-context-GfQ_MylE.js";
-import "../../providers-Bo0OFe08.js";
-import "../../create-split-props-pQu7jijw.js";
-import "../../factory-PGDAvOKb.js";
-import "../../compose-refs-BVVIB7xn.js";
-import "../../fieldset-BrJqMLEd.js";
-import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-CoYiA2ek.js";
+import "../../core-CRjuRw95.js";
+import "../../create-context-DlXBVMoq.js";
+import "../../providers-DgUckEdb.js";
+import "../../factory-k8EbNZ7r.js";
+import "../../create-split-props-BHmgTHSf.js";
+import "../../compose-refs-tCBI7PRJ.js";
+import "../../fieldset-B2nK8dL5.js";
+import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-CZv3v7K-.js";
 
 export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/components/field/index.jsx

@@ -1,10 +1,10 @@
-import "../../core-DbInRfhI.jsx";
-import "../../create-context-C3rvZvkc.jsx";
-import "../../providers-DFaRRd80.jsx";
-import "../../create-split-props-B8A7_AF7.jsx";
-import "../../factory-Ch5jgk20.jsx";
-import "../../compose-refs-icUeuyHm.jsx";
-import "../../fieldset-B_LyllEa.jsx";
-import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-BRr9Zdes.jsx";
+import "../../core-C_FYj4uc.jsx";
+import "../../create-context-BwqlrMqL.jsx";
+import "../../providers-C6VPiSrB.jsx";
+import "../../factory-BIJk1mK6.jsx";
+import "../../create-split-props-CKwjjjkD.jsx";
+import "../../compose-refs-Cp4AShsY.jsx";
+import "../../fieldset-aYQsMWX2.jsx";
+import { a as FieldRoot, c as FieldRequiredIndicator, d as FieldHelperText, f as FieldErrorText, i as FieldRootProvider, l as FieldLabel, m as useFieldContext, n as FieldTextarea, o as useField, p as FieldContext, r as FieldSelect, s as fieldAnatomy, t as field_exports, u as FieldInput } from "../../field-CtkmPUb0.jsx";
 
 export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/components/fieldset/index.d.ts

@@ -1,8 +1,8 @@
-import { n as MaybeAccessor } from "../../types-Dbw4va3W.js";
-import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
-import * as solid_js177 from "solid-js";
+import { n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import * as solid_js352 from "solid-js";
 import { JSX } from "solid-js";
-import * as _sprawlify_primitives_anatomy6 from "@sprawlify/primitives/anatomy";
+import * as _sprawlify_primitives_anatomy7 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/fieldset/use-fieldset.d.ts
 interface UseFieldsetProps {
@@ -20,9 +20,9 @@ interface UseFieldsetProps {
   invalid?: boolean;
 }
 type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js177.Accessor<{
+declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js352.Accessor<{
   refs: {
-    rootRef: solid_js177.Setter<HTMLFieldSetElement | undefined>;
+    rootRef: solid_js352.Setter<HTMLFieldSetElement | undefined>;
   };
   ids: {
     legend: string;
@@ -72,23 +72,23 @@ declare const FieldsetContext: (props: FieldsetContextProps) => JSX.Element;
 //#region src/components/fieldset/fieldset-error-text.d.ts
 interface FieldsetErrorTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {}
-declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js177.JSX.Element;
+declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js352.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-helper-text.d.ts
 interface FieldsetHelperTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {}
-declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js177.JSX.Element;
+declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js352.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 interface FieldsetLegendBaseProps extends PolymorphicProps<'legend'> {}
 interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {}
-declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js177.JSX.Element;
+declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js352.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-root.d.ts
 interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<'fieldset'> {}
 interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {}
 declare const FieldsetRoot: {
-  (props: FieldsetRootProps): solid_js177.JSX.Element;
+  (props: FieldsetRootProps): solid_js352.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -98,10 +98,10 @@ interface RootProviderProps {
 }
 interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'fieldset'> {}
 interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {}
-declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js177.JSX.Element;
+declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js352.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-anatomy.d.ts
-declare const fieldsetAnatomy: _sprawlify_primitives_anatomy6.AnatomyInstance<"root" | "errorText" | "helperText" | "legend">;
+declare const fieldsetAnatomy: _sprawlify_primitives_anatomy7.AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
 declare namespace fieldset_d_exports {
   export { FieldsetContext as Context, FieldsetContextProps as ContextProps, FieldsetErrorText as ErrorText, FieldsetErrorTextBaseProps as ErrorTextBaseProps, FieldsetErrorTextProps as ErrorTextProps, FieldsetHelperText as HelperText, FieldsetHelperTextBaseProps as HelperTextBaseProps, FieldsetHelperTextProps as HelperTextProps, FieldsetLegend as Legend, FieldsetLegendBaseProps as LegendBaseProps, FieldsetLegendProps as LegendProps, FieldsetRoot as Root, FieldsetRootBaseProps as RootBaseProps, FieldsetRootProps as RootProps, FieldsetRootProvider as RootProvider, FieldsetRootProviderBaseProps as RootProviderBaseProps, FieldsetRootProviderProps as RootProviderProps };
 }

package/dist/components/fieldset/index.js

@@ -1,9 +1,9 @@
-import "../../core-oNB2jGcl.js";
-import "../../create-context-GfQ_MylE.js";
-import "../../providers-Bo0OFe08.js";
-import "../../create-split-props-pQu7jijw.js";
-import "../../factory-PGDAvOKb.js";
-import "../../compose-refs-BVVIB7xn.js";
-import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-BrJqMLEd.js";
+import "../../core-CRjuRw95.js";
+import "../../create-context-DlXBVMoq.js";
+import "../../providers-DgUckEdb.js";
+import "../../factory-k8EbNZ7r.js";
+import "../../create-split-props-BHmgTHSf.js";
+import "../../compose-refs-tCBI7PRJ.js";
+import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-B2nK8dL5.js";
 
 export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };

package/dist/components/fieldset/index.jsx

@@ -1,9 +1,9 @@
-import "../../core-DbInRfhI.jsx";
-import "../../create-context-C3rvZvkc.jsx";
-import "../../providers-DFaRRd80.jsx";
-import "../../create-split-props-B8A7_AF7.jsx";
-import "../../factory-Ch5jgk20.jsx";
-import "../../compose-refs-icUeuyHm.jsx";
-import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-B_LyllEa.jsx";
+import "../../core-C_FYj4uc.jsx";
+import "../../create-context-BwqlrMqL.jsx";
+import "../../providers-C6VPiSrB.jsx";
+import "../../factory-BIJk1mK6.jsx";
+import "../../create-split-props-CKwjjjkD.jsx";
+import "../../compose-refs-Cp4AShsY.jsx";
+import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "../../fieldset-aYQsMWX2.jsx";
 
 export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };

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

@@ -0,0 +1,102 @@
+import { n as PropTypes } from "../../index-BLALA3BS.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import * as solid_js267 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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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_js267.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-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../compose-refs-tCBI7PRJ.js";
+import "../../fieldset-B2nK8dL5.js";
+import { m as useFieldContext } from "../../field-CZv3v7K-.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 };