@moduix/react 1.1.0 → 2.0.0

package/dist/components/field/Field.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .IJRJYG_root {
+  .SVzJ0G_root {
     box-sizing: border-box;
     align-items: flex-start;
     gap: var(--field-gap, var(--spacing-1));
@@ -14,12 +14,12 @@
     }
   }
 
-  .IJRJYG_item {
+  .SVzJ0G_item {
     gap: var(--field-item-gap, var(--spacing-1));
     display: grid;
   }
 
-  .IJRJYG_label {
+  .SVzJ0G_label {
     align-items: center;
     gap: var(--field-label-gap, var(--spacing-2));
     color: var(--field-label-color, var(--color-foreground));
@@ -33,7 +33,7 @@
     }
   }
 
-  .IJRJYG_helperText {
+  .SVzJ0G_helperText {
     color: var(--field-description-color, var(--color-muted-foreground));
     font-size: var(--field-description-font-size, var(--text-sm));
     line-height: var(--field-description-line-height, var(--line-height-text-sm));
@@ -44,7 +44,7 @@
     }
   }
 
-  .IJRJYG_control {
+  .SVzJ0G_control {
     box-sizing: border-box;
     width: var(--field-control-width, 100%);
     min-height: var(--field-control-height, var(--size-lg));
@@ -87,16 +87,12 @@
     }
   }
 
-  .IJRJYG_textarea {
+  .SVzJ0G_textarea {
     min-height: var(--field-textarea-min-height, 5rem);
     resize: vertical;
   }
 
-  .IJRJYG_select {
-    appearance: none;
-  }
-
-  .IJRJYG_errorText {
+  .SVzJ0G_errorText {
     color: var(--field-error-color, var(--color-destructive));
     font-size: var(--field-error-font-size, var(--text-sm));
     line-height: var(--field-error-line-height, var(--line-height-text-sm));
@@ -107,7 +103,7 @@
     }
   }
 
-  .IJRJYG_requiredIndicator {
+  .SVzJ0G_requiredIndicator {
     color: var(--field-required-indicator-color, var(--color-destructive));
   }
 }

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

@@ -1,5 +1,5 @@
 import { ComponentProps } from "react";
-import { Field } from "@ark-ui/react/field";
+import { Field, useField, useFieldContext } from "@ark-ui/react/field";
 
 //#region src/components/field/Field.d.ts
 type FieldItemProps = ComponentProps<'div'> & ComponentProps<typeof Field.Item>;
@@ -20,6 +20,7 @@ declare const Field$1: import("react").ForwardRefExoticComponent<Omit<Field.Root
   HelperText: import("react").ForwardRefExoticComponent<Omit<Field.HelperTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
   ErrorText: import("react").ForwardRefExoticComponent<Omit<Field.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
   RequiredIndicator: import("react").ForwardRefExoticComponent<Omit<Field.RequiredIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+  Context: (props: Field.ContextProps) => import("react").ReactNode;
 };
 //#endregion
-export { Field$1 as Field };
+export { Field$1 as Field, useField, useFieldContext };

package/dist/components/field/Field.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Field_module_default from "./Field.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Field } from "@ark-ui/react/field";
+import { jsx } from "react/jsx-runtime";
+import { Field, useField, useFieldContext } from "@ark-ui/react/field";
 //#region src/components/field/Field.tsx
 const FieldRoot = forwardRef(function FieldRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Field.Root, {
@@ -60,7 +60,7 @@ const FieldSelect = forwardRef(function FieldSelect({ className, ...props }, ref
 	return /* @__PURE__ */ jsx(Field.Select, {
 		ref,
 		"data-slot": "field-select",
-		className: clsx(Field_module_default.control, Field_module_default.select, normalizeClassName(className)),
+		className: clsx(Field_module_default.control, normalizeClassName(className)),
 		...props
 	});
 });
@@ -98,7 +98,8 @@ const Field$1 = Object.assign(FieldRoot, {
 	Select: FieldSelect,
 	HelperText: FieldHelperText,
 	ErrorText: FieldErrorText,
-	RequiredIndicator: FieldRequiredIndicator
+	RequiredIndicator: FieldRequiredIndicator,
+	Context: Field.Context
 });
 //#endregion
-export { Field$1 as Field };
+export { Field$1 as Field, useField, useFieldContext };

package/dist/components/field/Field.module.js

@@ -1,15 +1,14 @@
 import './Field.css';
 //#region src/components/field/Field.module.css
 var Field_module_default = {
-	"control": "IJRJYG_control",
-	"errorText": "IJRJYG_errorText",
-	"helperText": "IJRJYG_helperText",
-	"item": "IJRJYG_item",
-	"label": "IJRJYG_label",
-	"requiredIndicator": "IJRJYG_requiredIndicator",
-	"root": "IJRJYG_root",
-	"select": "IJRJYG_select",
-	"textarea": "IJRJYG_textarea"
+	"control": "SVzJ0G_control",
+	"errorText": "SVzJ0G_errorText",
+	"helperText": "SVzJ0G_helperText",
+	"item": "SVzJ0G_item",
+	"label": "SVzJ0G_label",
+	"requiredIndicator": "SVzJ0G_requiredIndicator",
+	"root": "SVzJ0G_root",
+	"textarea": "SVzJ0G_textarea"
 };
 //#endregion
 export { Field_module_default as default };

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

@@ -1,2 +1,2 @@
-import { Field } from "./Field.js";
-export { Field };
+import { Field, useField, useFieldContext } from "./Field.js";
+export { Field, useField, useFieldContext };

package/dist/components/fieldset/Fieldset.css

@@ -1,9 +1,9 @@
 @layer ui.components {
-  .JruAma_root, .JruAma_legend, .JruAma_helperText, .JruAma_errorText {
+  .zyuCNW_root, .zyuCNW_legend, .zyuCNW_helperText, .zyuCNW_errorText {
     box-sizing: border-box;
   }
 
-  .JruAma_root {
+  .zyuCNW_root {
     gap: var(--fieldset-gap, var(--spacing-4));
     width: var(--fieldset-width, 100%);
     max-width: var(--fieldset-max-width, none);
@@ -26,7 +26,7 @@
     }
   }
 
-  .JruAma_legend {
+  .zyuCNW_legend {
     max-inline-size: 100%;
     margin: var(--fieldset-legend-margin, 0);
     padding: var(--fieldset-legend-padding, 0 0 var(--spacing-3));
@@ -37,16 +37,16 @@
     display: inline-block;
   }
 
-  .JruAma_helperText, .JruAma_errorText {
+  .zyuCNW_helperText, .zyuCNW_errorText {
     font-size: var(--fieldset-message-font-size, var(--text-sm));
     line-height: var(--fieldset-message-line-height, var(--line-height-text-sm));
   }
 
-  .JruAma_helperText {
+  .zyuCNW_helperText {
     color: var(--fieldset-helper-text-color, var(--color-muted-foreground));
   }
 
-  .JruAma_errorText {
+  .zyuCNW_errorText {
     color: var(--fieldset-error-text-color, var(--color-destructive));
   }
 }

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

@@ -1,4 +1,4 @@
-import { Fieldset } from "@ark-ui/react/fieldset";
+import { Fieldset, useFieldset } from "@ark-ui/react/fieldset";
 
 //#region src/components/fieldset/Fieldset.d.ts
 declare const Fieldset$1: import("react").ForwardRefExoticComponent<Omit<Fieldset.RootProps & import("react").RefAttributes<HTMLFieldSetElement>, "ref"> & import("react").RefAttributes<HTMLFieldSetElement>> & {
@@ -9,4 +9,4 @@ declare const Fieldset$1: import("react").ForwardRefExoticComponent<Omit<Fieldse
   ErrorText: import("react").ForwardRefExoticComponent<Omit<Fieldset.ErrorTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
 };
 //#endregion
-export { Fieldset$1 as Fieldset };
+export { Fieldset$1 as Fieldset, useFieldset };

package/dist/components/fieldset/Fieldset.js

@@ -1,9 +1,9 @@
 import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
 import Fieldset_module_default from "./Fieldset.module.js";
-import { jsx } from "react/jsx-runtime";
 import { clsx } from "clsx";
 import { forwardRef } from "react";
-import { Fieldset } from "@ark-ui/react/fieldset";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset, useFieldset } from "@ark-ui/react/fieldset";
 //#region src/components/fieldset/Fieldset.tsx
 const FieldsetRoot = forwardRef(function FieldsetRoot({ className, ...props }, ref) {
 	return /* @__PURE__ */ jsx(Fieldset.Root, {
@@ -53,4 +53,4 @@ const Fieldset$1 = Object.assign(FieldsetRoot, {
 	ErrorText: FieldsetErrorText
 });
 //#endregion
-export { Fieldset$1 as Fieldset };
+export { Fieldset$1 as Fieldset, useFieldset };

package/dist/components/fieldset/Fieldset.module.js

@@ -1,10 +1,10 @@
 import './Fieldset.css';
 //#region src/components/fieldset/Fieldset.module.css
 var Fieldset_module_default = {
-	"errorText": "JruAma_errorText",
-	"helperText": "JruAma_helperText",
-	"legend": "JruAma_legend",
-	"root": "JruAma_root"
+	"errorText": "zyuCNW_errorText",
+	"helperText": "zyuCNW_helperText",
+	"legend": "zyuCNW_legend",
+	"root": "zyuCNW_root"
 };
 //#endregion
 export { Fieldset_module_default as default };

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

@@ -1,2 +1,2 @@
-import { Fieldset } from "./Fieldset.js";
-export { Fieldset };
+import { Fieldset, useFieldset } from "./Fieldset.js";
+export { Fieldset, useFieldset };

package/dist/components/file-upload/FileUpload.css

@@ -1,5 +1,5 @@
 @layer ui.components {
-  .D32-wW_root {
+  .dgDG7a_root {
     box-sizing: border-box;
     align-items: flex-start;
     gap: var(--file-upload-gap, var(--spacing-3));
@@ -14,7 +14,7 @@
     }
   }
 
-  .D32-wW_label {
+  .dgDG7a_label {
     color: var(--file-upload-label-color, var(--file-upload-color, var(--color-foreground)));
     font-size: var(--file-upload-label-font-size, var(--text-sm));
     font-weight: var(--file-upload-label-font-weight, var(--weight-medium));
@@ -25,7 +25,7 @@
     }
   }
 
-  .D32-wW_dropzone {
+  .dgDG7a_dropzone {
     box-sizing: border-box;
     place-items: center;
     gap: var(--file-upload-dropzone-gap, var(--spacing-3));
@@ -59,7 +59,7 @@
     }
   }
 
-  .D32-wW_dropzoneIcon {
+  .dgDG7a_dropzoneIcon {
     box-sizing: border-box;
     width: var(--file-upload-dropzone-icon-box-size, 2.5rem);
     height: var(--file-upload-dropzone-icon-box-size, 2.5rem);
@@ -78,7 +78,7 @@
     }
   }
 
-  .D32-wW_trigger {
+  .dgDG7a_trigger {
     box-sizing: border-box;
     justify-content: center;
     align-items: center;
@@ -131,20 +131,22 @@
     }
   }
 
-  .D32-wW_itemGroup {
+  .dgDG7a_itemGroup {
+    align-items: flex-start;
     gap: var(--file-upload-item-group-gap, var(--spacing-2));
+    flex-wrap: wrap;
     width: 100%;
     margin: 0;
     padding: 0;
     list-style: none;
-    display: grid;
+    display: flex;
 
     &:empty {
       display: none;
     }
   }
 
-  .D32-wW_item {
+  .dgDG7a_item {
     box-sizing: border-box;
     align-items: center;
     column-gap: var(--file-upload-item-gap, var(--spacing-3));
@@ -157,6 +159,7 @@
       var(--file-upload-item-padding-x, var(--spacing-3));
     background-color: var(--file-upload-item-bg, var(--color-background));
     color: var(--file-upload-item-color, var(--color-foreground));
+    flex: 1 0 100%;
     grid-template-columns: minmax(0, 1fr) auto;
     display: grid;
 
@@ -175,9 +178,9 @@
     }
   }
 
-  .D32-wW_itemPreview {
-    width: var(--file-upload-item-preview-size, 2rem);
-    height: var(--file-upload-item-preview-size, 2rem);
+  .dgDG7a_itemPreview {
+    width: var(--file-upload-item-preview-size, var(--spacing-10));
+    height: var(--file-upload-item-preview-size, var(--spacing-10));
     border-radius: var(--file-upload-item-preview-radius, var(--radius-sm));
     background-color: var(--file-upload-item-preview-bg, var(--color-muted));
     color: var(--file-upload-item-preview-color, var(--color-muted-foreground));
@@ -188,40 +191,62 @@
     overflow: hidden;
   }
 
-  .D32-wW_itemPreviewImage {
+  .dgDG7a_itemPreviewImage {
     object-fit: cover;
     width: 100%;
     height: 100%;
   }
 
-  .D32-wW_itemName {
+  .dgDG7a_itemPreviewIcon {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  .dgDG7a_itemMetadata {
+    align-items: center;
+    gap: var(--file-upload-item-row-gap, var(--spacing-1));
+    color: var(--file-upload-item-size-color, var(--color-muted-foreground));
+    font-size: var(--file-upload-item-size-font-size, var(--text-xs));
+    line-height: var(--file-upload-item-size-line-height, var(--line-height-text-xs));
+    grid-column: 1;
+    display: flex;
+
+    & > [data-slot="file-upload-item-size-text"]:before {
+      margin-right: var(--file-upload-item-row-gap, var(--spacing-1));
+      content: "·";
+    }
+  }
+
+  .dgDG7a_itemName {
     min-width: 0;
     color: var(--file-upload-item-name-color, currentColor);
     font-size: var(--file-upload-item-name-font-size, var(--text-sm));
     font-weight: var(--file-upload-item-name-font-weight, var(--weight-medium));
     line-height: var(--file-upload-item-name-line-height, var(--line-height-text-sm));
-    text-overflow: ellipsis;
-    white-space: nowrap;
+    -webkit-line-clamp: 1;
+    line-clamp: 1;
+    -webkit-box-orient: vertical;
     grid-column: 1;
+    display: -webkit-box;
     overflow: hidden;
   }
 
-  .D32-wW_item:has([data-slot="file-upload-item-preview"]) .D32-wW_itemName {
+  .dgDG7a_item:has([data-slot="file-upload-item-preview"]) .dgDG7a_itemName {
     grid-column: 2;
   }
 
-  .D32-wW_itemSizeText {
+  .dgDG7a_itemSizeText {
     color: var(--file-upload-item-size-color, var(--color-muted-foreground));
     font-size: var(--file-upload-item-size-font-size, var(--text-xs));
     line-height: var(--file-upload-item-size-line-height, var(--line-height-text-xs));
     grid-column: 1;
   }
 
-  .D32-wW_item:has([data-slot="file-upload-item-preview"]) .D32-wW_itemSizeText {
+  .dgDG7a_item:has([data-slot="file-upload-item-preview"]) .dgDG7a_itemSizeText, .dgDG7a_item:has([data-slot="file-upload-item-preview"]) .dgDG7a_itemMetadata {
     grid-column: 2;
   }
 
-  .D32-wW_itemDeleteTrigger, .D32-wW_clearTrigger {
+  .dgDG7a_itemDeleteTrigger {
     box-sizing: border-box;
     width: var(--file-upload-action-size, 2rem);
     height: var(--file-upload-action-size, 2rem);
@@ -264,27 +289,75 @@
     }
   }
 
-  .D32-wW_itemDeleteTrigger {
+  .dgDG7a_itemDeleteTrigger {
     grid-area: 1 / 2;
     justify-self: end;
   }
 
-  .D32-wW_item:has([data-slot="file-upload-item-size-text"]) .D32-wW_itemDeleteTrigger, .D32-wW_item:has([data-slot="file-upload-item-preview"]) .D32-wW_itemDeleteTrigger {
+  .dgDG7a_item:has([data-slot="file-upload-item-size-text"]) .dgDG7a_itemDeleteTrigger, .dgDG7a_item:has([data-slot="file-upload-item-preview"]) .dgDG7a_itemDeleteTrigger {
     grid-row: 1 / span 2;
   }
 
-  .D32-wW_item:has([data-slot="file-upload-item-preview"]) .D32-wW_itemDeleteTrigger {
+  .dgDG7a_item:has([data-slot="file-upload-item-preview"]) .dgDG7a_itemDeleteTrigger {
     grid-column: 3;
   }
 
-  .D32-wW_clearTrigger {
+  .dgDG7a_item:has([data-slot="file-upload-item-preview-image"]) {
+    flex: 0 min(100%, 10rem);
+    grid-template-rows: auto auto auto;
+    grid-template-columns: minmax(0, 1fr) auto;
+    align-items: start;
+    min-height: 0;
+  }
+
+  .dgDG7a_item:has([data-slot="file-upload-item-preview-image"]) .dgDG7a_itemPreview {
+    aspect-ratio: 1;
+    grid-area: 1 / 1 / auto / -1;
+    width: 100%;
+    height: auto;
+  }
+
+  .dgDG7a_item:has([data-slot="file-upload-item-preview-image"]) .dgDG7a_itemName {
+    grid-area: 2 / 1;
+    align-self: end;
+  }
+
+  .dgDG7a_item:has([data-slot="file-upload-item-preview-image"]) .dgDG7a_itemMetadata {
+    grid-area: 3 / 1;
+  }
+
+  .dgDG7a_item:has([data-slot="file-upload-item-preview-image"]) .dgDG7a_itemDeleteTrigger {
+    grid-area: 2 / 2 / span 2;
+    align-self: center;
+  }
+
+  .dgDG7a_clearTrigger {
+    --close-button-size: var(--file-upload-action-size, 2rem);
+    --close-button-radius: var(--file-upload-action-radius, var(--radius-sm));
+    --close-button-bg: var(--file-upload-action-bg, transparent);
+    --close-button-bg-hover: var(--file-upload-action-bg-hover, var(--color-muted));
+    --close-button-color: var(--file-upload-clear-trigger-color, var(--color-muted-foreground));
+    --close-button-color-hover: var(--file-upload-action-color-hover, var(--color-foreground));
+    --close-button-icon-size: var(--file-upload-action-icon-size, 1rem);
+    --close-button-transition: var(--file-upload-transition, var(--transition-default));
+    --close-button-focus-ring-width: var(--file-upload-focus-ring-width, var(--border-width-md));
+    --close-button-focus-ring-color: var(--file-upload-focus-ring-color, var(--color-ring));
+    --close-button-focus-ring-offset: var(--file-upload-focus-ring-offset, var(--border-width-sm));
+    --close-button-disabled-opacity: var(--file-upload-disabled-opacity, var(--opacity-disabled));
     align-self: flex-start;
+  }
+
+  .dgDG7a_clearTriggerWithContent {
     gap: var(--file-upload-clear-trigger-gap, var(--spacing-2));
     width: auto;
     padding-inline: var(--file-upload-clear-trigger-padding-x, var(--spacing-2));
-    color: var(--file-upload-clear-trigger-color, var(--color-muted-foreground));
     font: inherit;
     font-size: var(--file-upload-clear-trigger-font-size, var(--text-sm));
     line-height: var(--file-upload-clear-trigger-line-height, var(--line-height-text-sm));
   }
+
+  .dgDG7a_clearTrigger[data-readonly] {
+    pointer-events: none;
+    opacity: var(--file-upload-disabled-opacity, var(--opacity-disabled));
+  }
 }

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

@@ -1,28 +1,45 @@
-import { ComponentProps } from "react";
-import { FileUpload } from "@ark-ui/react/file-upload";
+import { FileIcon } from "../../lib/moduix/icons/ui/Icons.js";
+import { HTMLArkProps } from "@ark-ui/react/factory";
+import { ComponentProps, ReactNode } from "react";
+import { FileUpload, useFileUpload, useFileUploadContext } from "@ark-ui/react/file-upload";
 
 //#region src/components/file-upload/FileUpload.d.ts
 declare function FileUploadDropzoneIcon({
   className,
   children,
   ...props
-}: ComponentProps<'span'>): import("react").JSX.Element;
+}: HTMLArkProps<'span'>): import("react").JSX.Element;
+declare function FileUploadItemPreviewIcon({
+  className,
+  ...props
+}: ComponentProps<typeof FileIcon>): import("react").JSX.Element;
+declare function FileUploadItemMetadata({
+  file,
+  className,
+  ...props
+}: HTMLArkProps<'div'> & {
+  file: File;
+}): import("react").JSX.Element;
+declare function FileUploadItems(): import("react").JSX.Element[];
 declare const FileUpload$1: import("react").ForwardRefExoticComponent<Omit<FileUpload.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<Omit<FileUpload.RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<Omit<FileUpload.RootProviderProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Context: (props: FileUpload.ContextProps) => ReactNode;
   Label: import("react").ForwardRefExoticComponent<Omit<FileUpload.LabelProps & import("react").RefAttributes<HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
   Dropzone: import("react").ForwardRefExoticComponent<Omit<FileUpload.DropzoneProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   DropzoneIcon: typeof FileUploadDropzoneIcon;
   Trigger: import("react").ForwardRefExoticComponent<Omit<FileUpload.TriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-  HiddenInput: import("react").ForwardRefExoticComponent<Omit<FileUpload.HiddenInputProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
   ItemGroup: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemGroupProps & import("react").RefAttributes<HTMLUListElement>, "ref"> & import("react").RefAttributes<HTMLUListElement>>;
   Item: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemProps & import("react").RefAttributes<HTMLLIElement>, "ref"> & import("react").RefAttributes<HTMLLIElement>>;
+  Items: typeof FileUploadItems;
   ItemPreview: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemPreviewProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
   ItemPreviewImage: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemPreviewImageProps & import("react").RefAttributes<HTMLImageElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;
+  ItemPreviewIcon: typeof FileUploadItemPreviewIcon;
   ItemName: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemNameProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  ItemMetadata: typeof FileUploadItemMetadata;
   ItemSizeText: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemSizeTextProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   ItemDeleteTrigger: import("react").ForwardRefExoticComponent<Omit<FileUpload.ItemDeleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
   ClearTrigger: import("react").ForwardRefExoticComponent<Omit<FileUpload.ClearTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 };
 //#endregion
-export { FileUpload$1 as FileUpload };
+export { FileUpload$1 as FileUpload, useFileUpload, useFileUploadContext };