@px-ui/core 2.0.0 → 2.1.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { n as __reExport, t as __export } from "./chunk-CYeTv9WL.js";
 import * as React$2 from "react";
-import React$1 from "react";
+import React$1, { ChangeEvent, DragEvent, InputHTMLAttributes } from "react";
 import { Dialog } from "@base-ui-components/react";
 import { ArgumentArray } from "classnames";
 import { VariantProps } from "class-variance-authority";
@@ -22,20 +22,20 @@ import { useRender } from "@base-ui-components/react/use-render";
 import { DayPickerProps } from "react-day-picker";
 import { Avatar as Avatar$1 } from "@base-ui-components/react/avatar";
 import { Switch as Switch$1 } from "@base-ui-components/react/switch";
-import * as class_variance_authority_types10 from "class-variance-authority/types";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 export * from "class-variance-authority";
 
 //#region src/components/dialog.d.ts
 declare namespace dialog_d_exports {
-  export { Close$1 as Close, Content$6 as Content, Description$3 as Description, Footer$1 as Footer, Header$3 as Header, HeaderContent, HeaderIcon, Overlay, Portal, Root$9 as Root, Title$3 as Title, Trigger$6 as Trigger };
+  export { Close$1 as Close, Content$6 as Content, Description$3 as Description, Footer$1 as Footer, Header$3 as Header, HeaderContent, HeaderIcon, Overlay, Portal, Root$10 as Root, Title$3 as Title, Trigger$7 as Trigger };
 }
-declare function Root$9({
+declare function Root$10({
   ...props
 }: React$2.ComponentProps<typeof Dialog.Root>): react_jsx_runtime0.JSX.Element;
 declare function Portal({
   ...props
 }: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$6({
+declare function Trigger$7({
   ...props
 }: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Close$1({
@@ -77,10 +77,10 @@ declare function Description$3({
   ...props
 }: React$2.ComponentProps<typeof Dialog.Description>): react_jsx_runtime0.JSX.Element;
 declare namespace popover_d_exports {
-  export { Close, CloseIconButton, Content$5 as Content, Description$2 as Description, Footer, Header$2 as Header, Root$8 as Root, Title$2 as Title, Trigger$5 as Trigger };
+  export { Close, CloseIconButton, Content$5 as Content, Description$2 as Description, Footer, Header$2 as Header, Root$9 as Root, Title$2 as Title, Trigger$6 as Trigger };
 }
-declare function Root$8(props: React.ComponentProps<typeof Popover.Root>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$5(props: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function Root$9(props: React.ComponentProps<typeof Popover.Root>): react_jsx_runtime0.JSX.Element;
+declare function Trigger$6(props: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Close(props: React.ComponentProps<typeof Popover.Close>): react_jsx_runtime0.JSX.Element;
 declare function Positioner(props: React.ComponentProps<typeof Popover.Positioner>): react_jsx_runtime0.JSX.Element;
 declare function Header$2({
@@ -123,13 +123,13 @@ declare function Footer({
 declare const triggerVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | "fit" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 //#endregion
 //#region src/components/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "link" | "default" | "primary" | "destructive" | "outline" | "primary-outline" | "ghost" | null | undefined;
   size?: "default" | "sm" | "lg" | "icon-sm" | "icon" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 interface ButtonProps extends React$2.ComponentProps<"button">, VariantProps<typeof buttonVariants> {}
 declare function Button({
   className,
@@ -138,13 +138,13 @@ declare function Button({
   ...props
 }: ButtonProps): react_jsx_runtime0.JSX.Element;
 declare namespace input_group_d_exports {
-  export { Addon, Button$1 as Button, Input$1 as Input, Root$7 as Root, Text };
+  export { Addon, Button$1 as Button, Input$1 as Input, Root$8 as Root, Text };
 }
 declare const inputGroupVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | "fit" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
-declare function Root$7({
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+declare function Root$8({
   className,
   size,
   disabled,
@@ -155,7 +155,7 @@ declare function Root$7({
 }): react_jsx_runtime0.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
   align?: "inline-start" | "inline-end" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 interface AddonProps extends React$2.ComponentProps<"div">, VariantProps<typeof inputGroupAddonVariants> {}
 declare function Addon({
   className,
@@ -164,7 +164,7 @@ declare function Addon({
 }: AddonProps): react_jsx_runtime0.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
   size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 declare function Button$1({
   className,
   type,
@@ -244,7 +244,7 @@ declare function defineLoadOptions<TData$1 = any>(loadOptions: LoadOptionsConfig
 type InferOption<T> = T extends LoadOptionsConfig<infer TData> ? TData : never;
 type InferOptions<T> = T extends LoadOptionsConfig<infer TData> ? TData[] : never;
 declare namespace combobox_d_exports {
-  export { BaseCombobox, Chip, ChipsTrigger, Content$4 as Content, Item$6 as Item, List$2 as List, LoadingIndicator, MultiItem$1 as MultiItem, Root$6 as Root, Search, SearchableTrigger, SearchableTriggerDropdownAddon, Trigger$4 as Trigger, Value$2 as Value, useComboboxContext };
+  export { BaseCombobox, Chip, ChipsTrigger, Content$4 as Content, Item$7 as Item, List$2 as List, LoadingIndicator, MultiItem$1 as MultiItem, Root$7 as Root, Search, SearchableTrigger, SearchableTriggerDropdownAddon, Trigger$5 as Trigger, Value$2 as Value, useComboboxContext };
 }
 declare const List$2: React$2.ForwardRefExoticComponent<Combobox.List.Props & React$2.RefAttributes<HTMLDivElement>>;
 type ComboboxContextValues = React$2.ComponentProps<typeof Combobox.Root<any, any, any>> & {
@@ -257,7 +257,7 @@ type ComboboxContextValues = React$2.ComponentProps<typeof Combobox.Root<any, an
   hasMore?: boolean;
   onLoadMore?: () => void;
 };
-declare function Root$6<ItemValue, SelectedValue$1 = ItemValue, Multiple extends boolean | undefined = false>({
+declare function Root$7<ItemValue, SelectedValue$1 = ItemValue, Multiple extends boolean | undefined = false>({
   children,
   ...props
 }: React$2.ComponentProps<typeof Combobox.Root<ItemValue, SelectedValue$1, Multiple>> & Pick<ComboboxContextValues, "isLoading" | "isLoadingMore" | "isError" | "onLoadMore" | "hasMore" | "invalid"> & {
@@ -277,7 +277,7 @@ declare function Content$4({
   popupProps?: React$2.ComponentProps<typeof Combobox.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
 }>): react_jsx_runtime0.JSX.Element;
-declare function Item$6({
+declare function Item$7({
   className,
   ...props
 }: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime0.JSX.Element;
@@ -290,20 +290,20 @@ declare function LoadingIndicator(props: {
 }): react_jsx_runtime0.JSX.Element;
 declare function SearchableTrigger(props: {
   placeholder?: string;
-  size?: React$2.ComponentProps<typeof Root$7>["size"];
-  widthVariant?: React$2.ComponentProps<typeof Root$7>["widthVariant"];
+  size?: React$2.ComponentProps<typeof Root$8>["size"];
+  widthVariant?: React$2.ComponentProps<typeof Root$8>["widthVariant"];
   className?: string;
   addons?: React$2.ReactNode;
 }): react_jsx_runtime0.JSX.Element;
 declare function SearchableTriggerDropdownAddon(): react_jsx_runtime0.JSX.Element;
-interface TriggerProps$1 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$4({
+interface TriggerProps$2 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$5({
   size,
   widthVariant,
   children,
   className,
   ...props
-}: TriggerProps$1): react_jsx_runtime0.JSX.Element;
+}: TriggerProps$2): react_jsx_runtime0.JSX.Element;
 /**
  * Renders the value, if `value` is a string or an object with `label` property in it,
  * then renders that value else you should provide a render function to render your custom value
@@ -321,7 +321,7 @@ declare function Value$2({
 declare const chipsTriggerVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 declare function ChipsTrigger({
   size,
   widthVariant,
@@ -341,9 +341,9 @@ declare function Search({
 declare function useComboboxContext(): ComboboxContextValues;
 declare const BaseCombobox: typeof Combobox;
 declare namespace select_d_exports {
-  export { BaseSelect, Content$3 as Content, Item$5 as Item, List$1 as List, MultiItem, MultiSelectedValue, Root$5 as Root, SelectedValue, Trigger$3 as Trigger, TriggerProps, Value$1 as Value };
+  export { BaseSelect, Content$3 as Content, Item$6 as Item, List$1 as List, MultiItem, MultiSelectedValue, Root$6 as Root, SelectedValue, Trigger$4 as Trigger, TriggerProps$1 as TriggerProps, Value$1 as Value };
 }
-declare function Root$5<Value$3 = any, Multiple extends boolean | undefined = false>({
+declare function Root$6<Value$3 = any, Multiple extends boolean | undefined = false>({
   children,
   invalid,
   ...props
@@ -363,7 +363,7 @@ declare function Content$3({
   widthVariant?: "trigger" | "fit" | "enforced";
 }>): react_jsx_runtime0.JSX.Element;
 declare const List$1: React$2.ForwardRefExoticComponent<Select.List.Props & React$2.RefAttributes<HTMLDivElement>>;
-declare function Item$5({
+declare function Item$6({
   className,
   ...props
 }: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
@@ -371,12 +371,12 @@ declare function MultiItem({
   className,
   ...props
 }: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
-interface TriggerProps extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$3({
+interface TriggerProps$1 extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$4({
   size,
   widthVariant,
   ...props
-}: TriggerProps): react_jsx_runtime0.JSX.Element;
+}: TriggerProps$1): react_jsx_runtime0.JSX.Element;
 declare function MultiSelectedValue({
   selectedValue,
   maxItems
@@ -399,10 +399,10 @@ declare function Value$1({
 type SelectedValue<TValue> = TValue | null | undefined;
 declare const BaseSelect: typeof Select;
 declare namespace menu_d_exports {
-  export { BaseMenu, BaseTrigger, Content$2 as Content, DropdownIndicator, Group$3 as Group, GroupLabel, Item$4 as Item, RadioGroup$1 as RadioGroup, RadioItem, Root$4 as Root, Separator$1 as Separator, Trigger$2 as Trigger };
+  export { BaseMenu, BaseTrigger, Content$2 as Content, DropdownIndicator, Group$3 as Group, GroupLabel, Item$5 as Item, RadioGroup$1 as RadioGroup, RadioItem, Root$5 as Root, Separator$1 as Separator, Trigger$3 as Trigger };
 }
-declare const Root$4: React$2.FC<Menu.Root.Props>;
-declare function Trigger$2({
+declare const Root$5: React$2.FC<Menu.Root.Props>;
+declare function Trigger$3({
   className,
   children,
   size,
@@ -422,7 +422,7 @@ declare function Content$2({
   widthVariant?: "trigger" | "fit" | "enforced";
 }>): react_jsx_runtime0.JSX.Element;
 declare function DropdownIndicator(): react_jsx_runtime0.JSX.Element;
-declare function Item$4({
+declare function Item$5({
   className,
   children,
   ...props
@@ -444,12 +444,12 @@ declare function RadioItem({
 declare const BaseTrigger: React$2.ForwardRefExoticComponent<Menu.Trigger.Props & React$2.RefAttributes<HTMLElement>>;
 declare const BaseMenu: typeof Menu;
 declare namespace progress_d_exports {
-  export { BaseProgress, Indicator, Label$1 as Label, Root$3 as Root, Track, Value };
+  export { BaseProgress, Indicator, Label$1 as Label, Root$4 as Root, Track, Value };
 }
 declare const progressTrackVariants: (props?: ({
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
-declare const Root$3: React$2.ForwardRefExoticComponent<Progress.Root.Props & React$2.RefAttributes<HTMLDivElement>>;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+declare const Root$4: React$2.ForwardRefExoticComponent<Progress.Root.Props & React$2.RefAttributes<HTMLDivElement>>;
 declare function Track({
   className,
   size,
@@ -470,17 +470,17 @@ declare function Value({
 }: React$2.ComponentProps<typeof Progress.Value>): react_jsx_runtime0.JSX.Element;
 declare const BaseProgress: typeof Progress;
 declare namespace segmented_control_d_exports {
-  export { Item$3 as Item, Root$2 as Root };
+  export { Item$4 as Item, Root$3 as Root };
 }
 declare const segmentedControlItemVariants: (props?: ({
   variant?: "default" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
-declare function Root$2({
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+declare function Root$3({
   className,
   ...props
 }: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
-declare function Item$3({
+declare function Item$4({
   children,
   className,
   variant,
@@ -490,10 +490,10 @@ declare function Item$3({
   children: React$2.ReactNode;
 }): react_jsx_runtime0.JSX.Element;
 declare namespace tabs_d_exports {
-  export { Content$1 as Content, List, Root$1 as Root, Trigger$1 as Trigger };
+  export { Content$1 as Content, List, Root$2 as Root, Trigger$2 as Trigger };
 }
 type TabsVariant = "underline";
-declare function Root$1({
+declare function Root$2({
   variant,
   className,
   ...props
@@ -505,7 +505,7 @@ declare function List({
   children,
   ...props
 }: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$1({
+declare function Trigger$2({
   className,
   ...props
 }: React$2.ComponentProps<typeof Tabs.Tab>): react_jsx_runtime0.JSX.Element;
@@ -514,14 +514,14 @@ declare function Content$1({
   ...props
 }: React$2.ComponentProps<typeof Tabs.Panel>): react_jsx_runtime0.JSX.Element;
 declare namespace tooltip_d_exports {
-  export { BaseProvider, BaseRoot, Content, Root, Trigger };
+  export { BaseProvider, BaseRoot, Content, Root$1 as Root, Trigger$1 as Trigger };
 }
-declare function Root({
+declare function Root$1({
   ...props
 }: React$2.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime0.JSX.Element;
 declare const BaseRoot: typeof Tooltip.Root;
 declare const BaseProvider: React$2.FC<Tooltip.Provider.Props>;
-declare function Trigger({
+declare function Trigger$1({
   ...props
 }: React$2.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Content({
@@ -541,20 +541,20 @@ declare function Content({
 declare const checkboxVariants: (props?: ({
   variant?: "default" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 interface CheckboxProps extends React.ComponentProps<typeof Checkbox$1.Root>, VariantProps<typeof checkboxVariants> {}
 declare function Checkbox({
   className,
   ...props
 }: CheckboxProps): react_jsx_runtime0.JSX.Element;
 declare namespace block_checkbox_group_d_exports {
-  export { Description$1 as Description, Group$2 as Group, Header$1 as Header, Item$2 as Item, Title$1 as Title };
+  export { Description$1 as Description, Group$2 as Group, Header$1 as Header, Item$3 as Item, Title$1 as Title };
 }
 declare function Group$2({
   className,
   ...props
 }: React.ComponentProps<typeof CheckboxGroup>): react_jsx_runtime0.JSX.Element;
-declare function Item$2({
+declare function Item$3({
   className,
   invalid,
   children,
@@ -573,7 +573,7 @@ declare function Description$1(props: React.PropsWithChildren<{
   className?: string;
 }>): react_jsx_runtime0.JSX.Element;
 declare namespace radio_group_d_exports {
-  export { Group$1 as Group, Item };
+  export { Group$1 as Group, Item$1 as Item };
 }
 declare function Group$1({
   className,
@@ -582,27 +582,27 @@ declare function Group$1({
 declare const radioVariants: (props?: ({
   variant?: "default" | null | undefined;
   size?: "default" | "sm" | "lg" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 interface RadioGroupItemProps extends React$2.ComponentProps<typeof Radio.Root>, VariantProps<typeof radioVariants> {}
-declare function Item({
+declare function Item$1({
   className,
   variant,
   size,
   ...props
 }: RadioGroupItemProps): react_jsx_runtime0.JSX.Element;
 declare namespace block_radio_group_d_exports {
-  export { Description, Group, Header, Item$1 as Item, Title };
+  export { Description, Group, Header, Item$2 as Item, Title };
 }
 declare function Group({
   className,
   ...props
 }: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
-declare function Item$1({
+declare function Item$2({
   className,
   invalid,
   children,
   ...rest
-}: React.PropsWithChildren<React.ComponentProps<typeof Item>> & {
+}: React.PropsWithChildren<React.ComponentProps<typeof Item$1>> & {
   className?: string;
   invalid?: boolean;
 }): react_jsx_runtime0.JSX.Element;
@@ -665,7 +665,7 @@ declare function Label({
 declare const inputVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 interface InputProps extends Omit<React$2.ComponentProps<"input">, "size">, VariantProps<typeof inputVariants> {
   invalid?: boolean;
 }
@@ -681,7 +681,7 @@ declare function Input({
 declare const textareaVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | null | undefined;
-} & class_variance_authority_types10.ClassProp) | undefined) => string;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
 interface TextareaProps extends React$2.ComponentProps<"textarea">, VariantProps<typeof textareaVariants> {
   invalid?: boolean;
 }
@@ -767,7 +767,7 @@ type DatePickerProps = {
     disabled?: boolean;
   };
   renderTriggerContent?: React$2.ReactNode;
-  popoverRootProps?: Omit<React$2.ComponentProps<typeof Root$8>, "children">;
+  popoverRootProps?: Omit<React$2.ComponentProps<typeof Root$9>, "children">;
   popoverContentProps?: React$2.ComponentProps<typeof Content$5>;
 } & CalendarProps;
 declare function DatePicker({
@@ -782,6 +782,356 @@ declare function DatePicker({
   ...calendarProps
 }: DatePickerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/hooks/use-file-upload.d.ts
+type FileMetadata = {
+  name: string;
+  size: number;
+  type: string;
+  url: string;
+  id: string;
+};
+type FileWithPreview = {
+  file: File | FileMetadata;
+  id: string;
+  preview?: string;
+};
+type FileUploadOptions = {
+  maxFiles?: number;
+  maxSize?: number;
+  accept?: string;
+  multiple?: boolean;
+  initialFiles?: FileMetadata[];
+  onFilesChange?: (files: FileWithPreview[]) => void;
+  onFilesAdded?: (addedFiles: FileWithPreview[]) => void;
+};
+type FileUploadState = {
+  files: FileWithPreview[];
+  isDragging: boolean;
+  errors: string[];
+};
+type FileUploadActions = {
+  addFiles: (files: FileList | File[]) => void;
+  removeFile: (id: string) => void;
+  clearFiles: () => void;
+  clearErrors: () => void;
+  handleDragEnter: (e: DragEvent<HTMLElement>) => void;
+  handleDragLeave: (e: DragEvent<HTMLElement>) => void;
+  handleDragOver: (e: DragEvent<HTMLElement>) => void;
+  handleDrop: (e: DragEvent<HTMLElement>) => void;
+  handleFileChange: (e: ChangeEvent<HTMLInputElement>) => void;
+  openFileDialog: () => void;
+  getInputProps: (props?: InputHTMLAttributes<HTMLInputElement>) => InputHTMLAttributes<HTMLInputElement> & {
+    ref: any;
+  };
+};
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+type UploadStatus = "idle" | "uploading" | "success" | "error";
+type FileWithUploadStatus = FileWithPreview & {
+  progress: number;
+  status: UploadStatus;
+  error?: string;
+  uploadedUrl?: string;
+};
+type PresignedUrlResponse = {
+  url: string;
+  fullPath: string;
+  [key: string]: unknown;
+};
+type UploadConfig = {
+  /**
+   * Function to get a presigned URL for uploading
+   * Called before uploading each file
+   * @param params - Parameters including filename, contentType, size, and optional AbortSignal
+   * @param params.signal - Optional AbortSignal to cancel the request
+   */
+  getPresignedUrl: (params: {
+    filename: string;
+    contentType: string;
+    size: number;
+    signal?: AbortSignal;
+  }) => Promise<{
+    result?: PresignedUrlResponse | null;
+    error?: unknown;
+  }>;
+  /**
+   * Function to upload the file to the storage
+   * Receives the presigned URL and the file
+   * @param url - The presigned URL to upload to
+   * @param file - The file to upload
+   * @param presignedData - The full presigned URL response data
+   * @param onProgress - Optional callback for upload progress
+   * @param signal - Optional AbortSignal to cancel the upload
+   */
+  uploadFile: (url: string, file: File, presignedData: PresignedUrlResponse, onProgress?: (progress: number) => void, signal?: AbortSignal) => Promise<{
+    result?: {
+      url: string;
+      [key: string]: unknown;
+    };
+    error?: unknown;
+  }>;
+  /**
+   * Whether to auto-upload files when they are added
+   * @default true
+   */
+  autoUpload?: boolean;
+  /**
+   * Called when a single file upload completes
+   */
+  onUploadComplete?: (file: FileWithUploadStatus) => void;
+  /**
+   * Called when a single file upload fails
+   */
+  onUploadError?: (file: FileWithUploadStatus, error: unknown) => void;
+  /**
+   * Called when all files finish uploading
+   */
+  onAllUploadsComplete?: (files: FileWithUploadStatus[]) => void;
+};
+type FileUploadWithUploaderOptions = FileUploadOptions & {
+  upload?: UploadConfig;
+};
+type FileUploadWithUploaderState = Omit<FileUploadState, "files"> & {
+  files: FileWithUploadStatus[];
+  isUploading: boolean;
+};
+type FileUploadWithUploaderActions = Omit<FileUploadActions, "addFiles"> & {
+  addFiles: (files: FileList | File[]) => void;
+  uploadFiles: (files?: FileWithUploadStatus[]) => Promise<FileWithUploadStatus[]>;
+  retryUpload: (id: string) => Promise<void>;
+  cancelUpload: (id: string) => void;
+};
+declare const useFileUpload: (options?: FileUploadWithUploaderOptions) => [FileUploadWithUploaderState, FileUploadWithUploaderActions];
+//#endregion
+//#region src/components/file-upload.d.ts
+interface FileUploadFile {
+  id: string;
+  file: File | {
+    name: string;
+    size: number;
+    type: string;
+    url?: string;
+  };
+  progress?: number;
+  status?: "idle" | "uploading" | "success" | "error";
+  preview?: string;
+  error?: string;
+  uploadedUrl?: string;
+}
+interface RootProps {
+  children: React$2.ReactNode;
+  /** Files from the useFileUpload hook */
+  files: FileUploadFile[] | FileWithUploadStatus[];
+  /** Add files action from the hook */
+  addFiles: (files: FileList | File[]) => void;
+  /** Remove file action from the hook */
+  removeFile: (id: string) => void;
+  /** Clear files action from the hook */
+  clearFiles: () => void;
+  /** Retry upload action from the hook */
+  retryUpload?: (id: string) => Promise<void>;
+  /** Open file dialog action from the hook */
+  openFileDialog: () => void;
+  /** Get input props from the hook */
+  getInputProps: FileUploadWithUploaderActions["getInputProps"];
+  /** Handle drag enter from the hook */
+  handleDragEnter: FileUploadWithUploaderActions["handleDragEnter"];
+  /** Handle drag leave from the hook */
+  handleDragLeave: FileUploadWithUploaderActions["handleDragLeave"];
+  /** Handle drag over from the hook */
+  handleDragOver: FileUploadWithUploaderActions["handleDragOver"];
+  /** Handle drop from the hook */
+  handleDrop: FileUploadWithUploaderActions["handleDrop"];
+  /** Whether dragging is active (from hook state) */
+  isDragActive?: boolean;
+  /** Whether upload is in progress (from hook state) */
+  isUploading?: boolean;
+  /** Accepted file types (e.g., "image/*,.pdf") */
+  accept?: string;
+  /** Allow multiple file selection */
+  multiple?: boolean;
+  /** Whether the upload is disabled */
+  disabled?: boolean;
+  className?: string;
+}
+declare function Root({
+  children,
+  files,
+  addFiles,
+  removeFile,
+  clearFiles,
+  retryUpload,
+  openFileDialog,
+  getInputProps,
+  handleDragEnter,
+  handleDragLeave,
+  handleDragOver,
+  handleDrop,
+  isDragActive,
+  isUploading,
+  accept,
+  multiple,
+  disabled,
+  className
+}: RootProps): react_jsx_runtime0.JSX.Element;
+declare const dropzoneVariants: (props?: ({
+  size?: "default" | "sm" | "lg" | null | undefined;
+  isDragActive?: boolean | null | undefined;
+} & class_variance_authority_types11.ClassProp) | undefined) => string;
+interface DropzoneProps extends Omit<React$2.ComponentProps<"div">, "children">, Omit<VariantProps<typeof dropzoneVariants>, "isDragActive"> {
+  children?: React$2.ReactNode;
+  /** Custom text for the dropzone */
+  dropzoneText?: string;
+  /** Custom text for the browse button */
+  browseText?: string;
+  /** Hide the default content */
+  hideDefaultContent?: boolean;
+}
+declare function Dropzone({
+  className,
+  size,
+  children,
+  dropzoneText,
+  browseText,
+  hideDefaultContent,
+  ...props
+}: DropzoneProps): react_jsx_runtime0.JSX.Element;
+interface TriggerProps extends React$2.ComponentProps<typeof Button> {
+  /** Text to show while uploading */
+  uploadingText?: string;
+  /** Show uploading state */
+  showUploadingState?: boolean;
+}
+declare function Trigger({
+  children,
+  uploadingText,
+  showUploadingState,
+  ...props
+}: TriggerProps): react_jsx_runtime0.JSX.Element;
+interface ItemListProps extends Omit<React$2.ComponentProps<"div">, "children"> {
+  children?: React$2.ReactNode | ((files: FileUploadFile[]) => React$2.ReactNode);
+}
+declare function ItemList({
+  className,
+  children,
+  ...props
+}: ItemListProps): react_jsx_runtime0.JSX.Element | null;
+interface ItemProps extends React$2.ComponentProps<"div"> {
+  file: FileUploadFile;
+  /** Apply error styling based on file status */
+  statusStyles?: boolean;
+}
+declare function Item({
+  file,
+  className,
+  children,
+  statusStyles,
+  ...props
+}: ItemProps): react_jsx_runtime0.JSX.Element;
+interface ItemPreviewProps extends React$2.ComponentProps<"div"> {
+  /** Fallback icon when no preview is available */
+  fallback?: React$2.ReactNode;
+}
+declare function ItemPreview({
+  className,
+  fallback,
+  ...props
+}: ItemPreviewProps): react_jsx_runtime0.JSX.Element;
+interface ItemNameProps extends React$2.ComponentProps<"span"> {}
+declare function ItemName({
+  className,
+  ...props
+}: ItemNameProps): react_jsx_runtime0.JSX.Element;
+interface ItemSizeProps extends React$2.ComponentProps<"span"> {}
+declare function ItemSize({
+  className,
+  ...props
+}: ItemSizeProps): react_jsx_runtime0.JSX.Element;
+interface ItemRemoveProps extends React$2.ComponentProps<typeof Button> {}
+declare function ItemRemove({
+  className,
+  children,
+  ...props
+}: ItemRemoveProps): react_jsx_runtime0.JSX.Element;
+interface ItemProgressProps extends React$2.ComponentProps<"div"> {}
+declare function ItemProgress({
+  className,
+  ...props
+}: ItemProgressProps): react_jsx_runtime0.JSX.Element | null;
+interface ItemStatusProps extends React$2.ComponentProps<"div"> {
+  /** Custom success icon */
+  successIcon?: React$2.ReactNode;
+  /** Custom uploading text/element */
+  uploadingContent?: React$2.ReactNode;
+  /** Custom error text/element */
+  errorContent?: React$2.ReactNode;
+}
+declare function ItemStatus({
+  className,
+  successIcon,
+  uploadingContent,
+  errorContent,
+  ...props
+}: ItemStatusProps): react_jsx_runtime0.JSX.Element | null;
+interface ItemErrorProps extends React$2.ComponentProps<"span"> {}
+declare function ItemError({
+  className,
+  ...props
+}: ItemErrorProps): react_jsx_runtime0.JSX.Element | null;
+interface ItemRetryProps extends React$2.ComponentProps<typeof Button> {}
+declare function ItemRetry({
+  className,
+  children,
+  ...props
+}: ItemRetryProps): react_jsx_runtime0.JSX.Element | null;
+interface ClearButtonProps extends React$2.ComponentProps<typeof Button> {}
+declare function ClearButton({
+  children,
+  ...props
+}: ClearButtonProps): react_jsx_runtime0.JSX.Element | null;
+interface ImageGridProps extends Omit<React$2.ComponentProps<"div">, "children"> {
+  children?: React$2.ReactNode | ((files: FileUploadFile[]) => React$2.ReactNode);
+}
+declare function ImageGrid({
+  className,
+  children,
+  ...props
+}: ImageGridProps): react_jsx_runtime0.JSX.Element | null;
+interface ImageGridItemProps extends React$2.ComponentProps<"div"> {
+  file: FileUploadFile;
+  /** Show status overlays (uploading/error) */
+  showStatusOverlay?: boolean;
+}
+declare function ImageGridItem({
+  file,
+  className,
+  showStatusOverlay,
+  ...props
+}: ImageGridItemProps): react_jsx_runtime0.JSX.Element;
+declare const FileUpload: {
+  Root: typeof Root;
+  Dropzone: typeof Dropzone;
+  Trigger: typeof Trigger;
+  ItemList: typeof ItemList;
+  Item: typeof Item;
+  ItemPreview: typeof ItemPreview;
+  ItemName: typeof ItemName;
+  ItemSize: typeof ItemSize;
+  ItemRemove: typeof ItemRemove;
+  ItemProgress: typeof ItemProgress;
+  ItemStatus: typeof ItemStatus;
+  ItemError: typeof ItemError;
+  ItemRetry: typeof ItemRetry;
+  ClearButton: typeof ClearButton;
+  ImageGrid: typeof ImageGrid;
+  ImageGridItem: typeof ImageGridItem;
+};
+//#endregion
+//#region src/icons/file-icon.d.ts
+declare function FileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/upload-icon.d.ts
+declare function UploadIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/hooks/use-intersection-observer.d.ts
 interface UseIntersectionObserverOptions {
   threshold?: number | number[];
@@ -802,8 +1152,8 @@ type UseInfiniteScrollHookArgs = Pick<UseIntersectionObserverOptions, "rootMargi
 //#region src/utils/classnames.d.ts
 declare function cn(...inputs: ArgumentArray): string;
 declare namespace index_d_exports {
-  export { Avatar, AvatarGroup, AvatarImpl, block_checkbox_group_d_exports as BlockCheckboxGroup, block_radio_group_d_exports as BlockRadioGroup, breadcrumbs_d_exports as Breadcrumbs, Button, Calendar, Checkbox, combobox_d_exports as Combobox, DatePicker, dialog_d_exports as Dialog, InferOption, InferOptions, Input, input_group_d_exports as InputGroup, Label, LoadOptionsConfig, menu_d_exports as Menu, popover_d_exports as Popover, progress_d_exports as Progress, radio_group_d_exports as RadioGroup, segmented_control_d_exports as SegmentedControl, select_d_exports as Select, Separator, Spinner, Switch, tabs_d_exports as Tabs, Textarea, TextareaProps, tooltip_d_exports as Tooltip, UseInfiniteScrollHookArgs, UseIntersectionObserverOptions, UseIntersectionObserverReturn, buttonVariants, cn, defineLoadOptions, useAsyncOptions, useIntersectionObserver };
+  export { Avatar, AvatarGroup, AvatarImpl, block_checkbox_group_d_exports as BlockCheckboxGroup, block_radio_group_d_exports as BlockRadioGroup, breadcrumbs_d_exports as Breadcrumbs, Button, Calendar, Checkbox, ClearButtonProps, combobox_d_exports as Combobox, DatePicker, dialog_d_exports as Dialog, DropzoneProps, FileIcon, FileMetadata, FileUpload, FileUploadActions, FileUploadFile, FileUploadOptions, FileUploadState, FileUploadWithUploaderActions, FileUploadWithUploaderOptions, FileUploadWithUploaderState, FileWithPreview, FileWithUploadStatus, ImageGridItemProps, ImageGridProps, InferOption, InferOptions, Input, input_group_d_exports as InputGroup, ItemErrorProps, ItemListProps, ItemNameProps, ItemPreviewProps, ItemProgressProps, ItemProps, ItemRemoveProps, ItemRetryProps, ItemSizeProps, ItemStatusProps, Label, LoadOptionsConfig, menu_d_exports as Menu, popover_d_exports as Popover, PresignedUrlResponse, progress_d_exports as Progress, radio_group_d_exports as RadioGroup, RootProps, segmented_control_d_exports as SegmentedControl, select_d_exports as Select, Separator, Spinner, Switch, tabs_d_exports as Tabs, Textarea, TextareaProps, tooltip_d_exports as Tooltip, TriggerProps, UploadConfig, UploadIcon, UploadStatus, UseInfiniteScrollHookArgs, UseIntersectionObserverOptions, UseIntersectionObserverReturn, buttonVariants, cn, defineLoadOptions, formatBytes, useAsyncOptions, useFileUpload, useIntersectionObserver };
 }
 //#endregion
-export { Avatar, AvatarGroup, AvatarImpl, block_checkbox_group_d_exports as BlockCheckboxGroup, block_radio_group_d_exports as BlockRadioGroup, breadcrumbs_d_exports as Breadcrumbs, Button, Calendar, Checkbox, combobox_d_exports as Combobox, DatePicker, dialog_d_exports as Dialog, InferOption, InferOptions, Input, input_group_d_exports as InputGroup, Label, LoadOptionsConfig, menu_d_exports as Menu, popover_d_exports as Popover, progress_d_exports as Progress, radio_group_d_exports as RadioGroup, segmented_control_d_exports as SegmentedControl, select_d_exports as Select, Separator, Spinner, Switch, tabs_d_exports as Tabs, Textarea, TextareaProps, tooltip_d_exports as Tooltip, UseInfiniteScrollHookArgs, UseIntersectionObserverOptions, UseIntersectionObserverReturn, buttonVariants, cn, defineLoadOptions, useAsyncOptions, useIntersectionObserver };
+export { Avatar, AvatarGroup, AvatarImpl, block_checkbox_group_d_exports as BlockCheckboxGroup, block_radio_group_d_exports as BlockRadioGroup, breadcrumbs_d_exports as Breadcrumbs, Button, Calendar, Checkbox, ClearButtonProps, combobox_d_exports as Combobox, DatePicker, dialog_d_exports as Dialog, DropzoneProps, FileIcon, FileMetadata, FileUpload, FileUploadActions, FileUploadFile, FileUploadOptions, FileUploadState, FileUploadWithUploaderActions, FileUploadWithUploaderOptions, FileUploadWithUploaderState, FileWithPreview, FileWithUploadStatus, ImageGridItemProps, ImageGridProps, InferOption, InferOptions, Input, input_group_d_exports as InputGroup, ItemErrorProps, ItemListProps, ItemNameProps, ItemPreviewProps, ItemProgressProps, ItemProps, ItemRemoveProps, ItemRetryProps, ItemSizeProps, ItemStatusProps, Label, LoadOptionsConfig, menu_d_exports as Menu, popover_d_exports as Popover, PresignedUrlResponse, progress_d_exports as Progress, radio_group_d_exports as RadioGroup, RootProps, segmented_control_d_exports as SegmentedControl, select_d_exports as Select, Separator, Spinner, Switch, tabs_d_exports as Tabs, Textarea, TextareaProps, tooltip_d_exports as Tooltip, TriggerProps, UploadConfig, UploadIcon, UploadStatus, UseInfiniteScrollHookArgs, UseIntersectionObserverOptions, UseIntersectionObserverReturn, buttonVariants, cn, defineLoadOptions, formatBytes, useAsyncOptions, useFileUpload, useIntersectionObserver };
 //# sourceMappingURL=index.d.ts.map