@px-ui/core 4.0.1 → 4.2.0

package/dist/index.d.ts

@@ -30,7 +30,7 @@ export * from "input-otp";
 
 //#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$11 as Root, Title$3 as Title, Trigger$8 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$11 as Root, Title$3 as Title, Trigger$7 as Trigger };
 }
 declare function Root$11({
   ...props
@@ -38,7 +38,7 @@ declare function Root$11({
 declare function Portal({
   ...props
 }: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$8({
+declare function Trigger$7({
   ...props
 }: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Close$1({
@@ -80,10 +80,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$10 as Root, Title$2 as Title, Trigger$7 as Trigger };
+  export { Close, CloseIconButton, Content$5 as Content, Description$2 as Description, Footer, Header$2 as Header, Root$10 as Root, Title$2 as Title, Trigger$6 as Trigger };
 }
 declare function Root$10(props: React.ComponentProps<typeof Popover.Root>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$7(props: React.ComponentProps<typeof Popover.Trigger>): 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({
@@ -247,9 +247,9 @@ 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$7 as Item, List$2 as List, LoadingIndicator, MultiItem$1 as MultiItem, Root$8 as Root, Search, SearchableTrigger, SearchableTriggerDropdownAddon, Trigger$6 as Trigger, Value$2 as Value, useComboboxContext };
+  export { BaseCombobox, Chip, ChipsTrigger, Content$4 as Content, Item$6 as Item, List$3 as List, LoadingIndicator, MultiItem$1 as MultiItem, Root$8 as Root, Search, SearchableTrigger, SearchableTriggerDropdownAddon, Trigger$5 as Trigger, Value$2 as Value, useComboboxContext };
 }
-declare const List$2: React$2.ForwardRefExoticComponent<_base_ui_react0.AutocompleteListProps & React$2.RefAttributes<HTMLDivElement>>;
+declare const List$3: React$2.ForwardRefExoticComponent<_base_ui_react0.AutocompleteListProps & React$2.RefAttributes<HTMLDivElement>>;
 type ComboboxContextValues = React$2.ComponentProps<typeof Combobox.Root<any, any>> & {
   chipsTriggerRef: React$2.RefObject<HTMLDivElement | null>;
   searchableTriggerRef: React$2.RefObject<HTMLDivElement | null>;
@@ -280,7 +280,7 @@ declare function Content$4({
   popupProps?: React$2.ComponentProps<typeof Combobox.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
 }>): react_jsx_runtime0.JSX.Element;
-declare function Item$7({
+declare function Item$6({
   className,
   ...props
 }: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime0.JSX.Element;
@@ -299,14 +299,14 @@ declare function SearchableTrigger(props: {
   addons?: React$2.ReactNode;
 }): react_jsx_runtime0.JSX.Element;
 declare function SearchableTriggerDropdownAddon(): react_jsx_runtime0.JSX.Element;
-interface TriggerProps$2 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$6({
+interface TriggerProps$1 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$5({
   size,
   widthVariant,
   children,
   className,
   ...props
-}: TriggerProps$2): react_jsx_runtime0.JSX.Element;
+}: TriggerProps$1): 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
@@ -344,7 +344,7 @@ declare function Search({
 declare function useComboboxContext(): ComboboxContextValues;
 declare const BaseCombobox: typeof Combobox;
 declare namespace select_d_exports {
-  export { BaseSelect, Content$3 as Content, Item$6 as Item, List$1 as List, MultiItem, MultiSelectedValue, Root$7 as Root, SelectedValue, Trigger$5 as Trigger, TriggerProps$1 as TriggerProps, Value$1 as Value };
+  export { BaseSelect, Content$3 as Content, Item$5 as Item, List$2 as List, MultiItem, MultiSelectedValue, Root$7 as Root, SelectedValue, Trigger$4 as Trigger, TriggerProps, Value$1 as Value };
 }
 declare function Root$7<Value$3 = any, Multiple extends boolean | undefined = false>({
   children,
@@ -365,8 +365,8 @@ declare function Content$3({
   popupProps?: React$2.ComponentProps<typeof Select.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
 }>): react_jsx_runtime0.JSX.Element;
-declare const List$1: React$2.ForwardRefExoticComponent<_base_ui_react0.SelectListProps & React$2.RefAttributes<HTMLDivElement>>;
-declare function Item$6({
+declare const List$2: React$2.ForwardRefExoticComponent<_base_ui_react0.SelectListProps & React$2.RefAttributes<HTMLDivElement>>;
+declare function Item$5({
   className,
   ...props
 }: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
@@ -374,12 +374,12 @@ declare function MultiItem({
   className,
   ...props
 }: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
-interface TriggerProps$1 extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$5({
+interface TriggerProps extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$4({
   size,
   widthVariant,
   ...props
-}: TriggerProps$1): react_jsx_runtime0.JSX.Element;
+}: TriggerProps): react_jsx_runtime0.JSX.Element;
 declare function MultiSelectedValue({
   selectedValue,
   maxItems
@@ -402,10 +402,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$5 as Item, RadioGroup$1 as RadioGroup, RadioItem, Root$6 as Root, Separator$1 as Separator, Trigger$4 as Trigger };
+  export { BaseMenu, BaseTrigger, Content$2 as Content, DropdownIndicator, Group$3 as Group, GroupLabel, Item$4 as Item, RadioGroup$1 as RadioGroup, RadioItem, Root$6 as Root, Separator$1 as Separator, Trigger$3 as Trigger };
 }
 declare const Root$6: typeof Menu.Root;
-declare function Trigger$4({
+declare function Trigger$3({
   className,
   children,
   size,
@@ -425,7 +425,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$5({
+declare function Item$4({
   className,
   children,
   ...props
@@ -473,7 +473,7 @@ 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$4 as Item, Root$4 as Root };
+  export { Item$3 as Item, Root$4 as Root };
 }
 declare const segmentedControlItemVariants: (props?: ({
   variant?: "default" | null | undefined;
@@ -483,7 +483,7 @@ declare function Root$4({
   className,
   ...props
 }: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
-declare function Item$4({
+declare function Item$3({
   children,
   className,
   variant,
@@ -493,7 +493,7 @@ declare function Item$4({
   children: React$2.ReactNode;
 }): react_jsx_runtime0.JSX.Element;
 declare namespace tabs_d_exports {
-  export { Content$1 as Content, List, Root$3 as Root, Trigger$3 as Trigger };
+  export { Content$1 as Content, List$1 as List, Root$3 as Root, Trigger$2 as Trigger };
 }
 type TabsVariant = "underline";
 declare function Root$3({
@@ -503,12 +503,12 @@ declare function Root$3({
 }: React$2.ComponentProps<typeof Tabs.Root> & {
   variant?: TabsVariant;
 }): react_jsx_runtime0.JSX.Element;
-declare function List({
+declare function List$1({
   className,
   children,
   ...props
 }: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$3({
+declare function Trigger$2({
   className,
   ...props
 }: React$2.ComponentProps<typeof Tabs.Tab>): react_jsx_runtime0.JSX.Element;
@@ -517,14 +517,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$2 as Root, Trigger$2 as Trigger };
+  export { BaseProvider, BaseRoot, Content, Root$2 as Root, Trigger$1 as Trigger };
 }
 declare function Root$2({
   ...props
 }: React$2.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime0.JSX.Element;
 declare const BaseRoot: typeof Tooltip.Root;
 declare const BaseProvider: React$2.FC<_base_ui_react0.TooltipProviderProps>;
-declare function Trigger$2({
+declare function Trigger$1({
   ...props
 }: React$2.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Content({
@@ -551,13 +551,13 @@ declare function Checkbox({
   ...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$3 as Item, Title$1 as Title };
+  export { Description$1 as Description, Group$2 as Group, Header$1 as Header, Item$2 as Item, Title$1 as Title };
 }
 declare function Group$2({
   className,
   ...props
 }: React.ComponentProps<typeof CheckboxGroup>): react_jsx_runtime0.JSX.Element;
-declare function Item$3({
+declare function Item$2({
   className,
   invalid,
   children,
@@ -576,7 +576,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$1 as Item };
+  export { Group$1 as Group, Item };
 }
 declare function Group$1({
   className,
@@ -587,25 +587,25 @@ declare const radioVariants: (props?: ({
   size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types12.ClassProp) | undefined) => string;
 interface RadioGroupItemProps extends React$2.ComponentProps<typeof Radio.Root>, VariantProps<typeof radioVariants> {}
-declare function Item$1({
+declare function Item({
   className,
   variant,
   size,
   ...props
 }: RadioGroupItemProps): react_jsx_runtime0.JSX.Element;
 declare namespace block_radio_group_d_exports {
-  export { Description, Group, Header, Item$2 as Item, Title };
+  export { Description, Group, Header, Item$1 as Item, Title };
 }
 declare function Group({
   className,
   ...props
 }: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
-declare function Item$2({
+declare function Item$1({
   className,
   invalid,
   children,
   ...rest
-}: React.PropsWithChildren<React.ComponentProps<typeof Item$1>> & {
+}: React.PropsWithChildren<React.ComponentProps<typeof Item>> & {
   className?: string;
   invalid?: boolean;
 }): react_jsx_runtime0.JSX.Element;
@@ -647,13 +647,13 @@ declare function BreadcrumbSeparator({
   ...props
 }: React$2.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
 declare namespace collapsible_d_exports {
-  export { Panel, Root$1 as Root, ToggleIcon, Trigger$1 as Trigger };
+  export { Panel, Root$1 as Root, ToggleIcon, Trigger };
 }
 declare function Root$1({
   className,
   ...props
 }: React$2.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime0.JSX.Element;
-declare function Trigger$1(props: React$2.ComponentProps<typeof Collapsible.Trigger>): react_jsx_runtime0.JSX.Element;
+declare function Trigger(props: React$2.ComponentProps<typeof Collapsible.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Panel({
   className,
   ...props
@@ -813,59 +813,45 @@ type FileMetadata = {
   url: string;
   id: string;
 };
-type FileWithPreview = {
+type UploadStatus = "idle" | "uploading" | "complete" | "error";
+type FileUploadItem = {
   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 = {
+  /** The S3 bucket URL to POST to */
   url: string;
-  fullPath: string;
+  /** The full accessible path after upload (may include signed query params) */
+  full_path: string;
+  /** The S3 object key (e.g., "uuid/filename.pdf") */
+  key?: string;
+  /** Access control level */
+  acl?: string;
+  /** Expected response status from S3 */
+  success_action_status?: string;
+  /** Content-Type for the upload */
+  "Content-Type"?: string;
+  /** Base64-encoded policy document */
+  policy?: string;
+  /** AWS credential string */
+  "x-amz-credential"?: string;
+  /** AWS signing algorithm */
+  "x-amz-algorithm"?: string;
+  /** AWS request date */
+  "x-amz-date"?: string;
+  /** AWS request signature */
+  "x-amz-signature"?: string;
+  /** Additional fields */
   [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;
@@ -878,12 +864,6 @@ type UploadConfig = {
   }>;
   /**
    * 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?: {
@@ -900,74 +880,63 @@ type UploadConfig = {
   /**
    * Called when a single file upload completes
    */
-  onUploadComplete?: (file: FileWithUploadStatus) => void;
+  onUploadComplete?: (file: FileUploadItem) => void;
   /**
    * Called when a single file upload fails
    */
-  onUploadError?: (file: FileWithUploadStatus, error: unknown) => void;
+  onUploadError?: (file: FileUploadItem, error: unknown) => void;
   /**
    * Called when all files finish uploading
    */
-  onAllUploadsComplete?: (files: FileWithUploadStatus[]) => void;
+  onAllUploadsComplete?: (files: FileUploadItem[]) => void;
 };
-type FileUploadWithUploaderOptions = FileUploadOptions & {
+type UseFileUploadOptions = {
+  maxFiles?: number;
+  maxSize?: number;
+  accept?: string;
+  multiple?: boolean;
+  initialFiles?: FileMetadata[];
+  onFilesChange?: (files: FileUploadItem[]) => void;
+  onFilesAdded?: (addedFiles: FileUploadItem[]) => void;
   upload?: UploadConfig;
 };
-type FileUploadWithUploaderState = Omit<FileUploadState, "files"> & {
-  files: FileWithUploadStatus[];
+type UseFileUploadReturn = {
+  files: FileUploadItem[];
+  isDragging: boolean;
   isUploading: boolean;
-};
-type FileUploadWithUploaderActions = Omit<FileUploadActions, "addFiles"> & {
+  errors: string[];
   addFiles: (files: FileList | File[]) => void;
-  uploadFiles: (files?: FileWithUploadStatus[]) => Promise<FileWithUploadStatus[]>;
+  removeFile: (id: string) => void;
+  clearFiles: () => void;
+  clearErrors: () => void;
+  reset: (newFiles?: FileMetadata[]) => void;
+  setFiles: (files: FileUploadItem[] | ((prev: FileUploadItem[]) => FileUploadItem[])) => void;
+  instanceKey: number;
+  uploadFiles: (files?: FileUploadItem[]) => Promise<FileUploadItem[]>;
   retryUpload: (id: string) => Promise<void>;
   cancelUpload: (id: string) => 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 useFileUpload: (options?: FileUploadWithUploaderOptions) => [FileUploadWithUploaderState, FileUploadWithUploaderActions];
+declare const formatBytes: (bytes: number, decimals?: number) => string;
+declare const useFileUpload: (options?: UseFileUploadOptions) => UseFileUploadReturn;
+type FileWithPreview = FileUploadItem;
+type FileWithUploadStatus = FileUploadItem;
+type FileUploadOptions = UseFileUploadOptions;
+type FileUploadWithUploaderOptions = UseFileUploadOptions;
 //#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;
+  /** The upload hook return value */
+  upload: UseFileUploadReturn;
   /** Accepted file types (e.g., "image/*,.pdf") */
   accept?: string;
   /** Allow multiple file selection */
@@ -978,19 +947,7 @@ interface RootProps {
 }
 declare function Root({
   children,
-  files,
-  addFiles,
-  removeFile,
-  clearFiles,
-  retryUpload,
-  openFileDialog,
-  getInputProps,
-  handleDragEnter,
-  handleDragLeave,
-  handleDragOver,
-  handleDrop,
-  isDragActive,
-  isUploading,
+  upload,
   accept,
   multiple,
   disabled,
@@ -1000,156 +957,105 @@ declare const dropzoneVariants: (props?: ({
   size?: "default" | "sm" | "lg" | null | undefined;
   isDragActive?: boolean | null | undefined;
 } & class_variance_authority_types12.ClassProp) | undefined) => string;
+/** State passed to the render prop */
+interface DropzoneState {
+  /** Whether files are being dragged over the dropzone */
+  isDragging: boolean;
+  /** Whether files are currently uploading */
+  isUploading: boolean;
+  /** Whether the dropzone is disabled */
+  disabled: boolean;
+  /** Current files in the upload */
+  files: FileUploadItem[];
+}
+/** Props passed to the render prop element */
+interface DropzoneRenderProps {
+  onDragEnter: React$2.DragEventHandler;
+  onDragLeave: React$2.DragEventHandler;
+  onDragOver: React$2.DragEventHandler;
+  onDrop: React$2.DragEventHandler;
+  onPaste: React$2.ClipboardEventHandler;
+  onKeyDown: React$2.KeyboardEventHandler;
+  onClick: React$2.MouseEventHandler;
+  tabIndex: number;
+  role: string;
+  "aria-disabled": boolean;
+  "data-dragging": boolean;
+}
 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;
+  /**
+   * Render prop for complete customization.
+   * When provided, replaces the default dropzone element.
+   * Receives props to spread and state for conditional styling.
+   */
+  render?: (props: DropzoneRenderProps, state: DropzoneState) => React$2.ReactElement;
 }
 declare function Dropzone({
   className,
   size,
-  children,
   dropzoneText,
   browseText,
-  hideDefaultContent,
+  render,
   ...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;
-  /** Hide the default content */
-  hideDefaultContent?: boolean;
-}
-declare function Trigger({
-  children,
-  uploadingText,
-  showUploadingState,
-  hideDefaultContent,
-  ...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({
+interface HiddenInputProps extends Omit<React$2.ComponentProps<"input">, "type"> {}
+declare function HiddenInput({
   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;
+}: HiddenInputProps): react_jsx_runtime0.JSX.Element;
+interface ListProps extends Omit<React$2.ComponentProps<"div">, "children"> {
+  children?: React$2.ReactNode | ((files: FileUploadItem[]) => 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({
+declare function List({
   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;
+}: ListProps): react_jsx_runtime0.JSX.Element | null;
+interface ListItemProps extends React$2.ComponentProps<"div"> {
+  file: FileUploadItem;
+  /** Show file type icon (default: true) */
+  showIcon?: boolean;
+  /** Show progress bar when uploading (default: true) */
+  showProgress?: boolean;
+  /** Show error message when error (default: true) */
+  showError?: boolean;
+  /** Show remove button (default: true) */
+  showRemove?: boolean;
+  /** Show retry button when error (default: true) */
+  showRetry?: boolean;
+  /** Custom icon component */
+  icon?: React$2.ReactNode;
+  /** Click handler for the list item */
+  onItemClick?: (file: FileUploadItem) => void;
 }
-declare function ImageGridItem({
+declare function ListItem({
   file,
   className,
-  showStatusOverlay,
+  showIcon,
+  showProgress,
+  showError,
+  showRemove,
+  showRetry,
+  icon,
+  onItemClick,
+  ...props
+}: ListItemProps): react_jsx_runtime0.JSX.Element;
+interface ClearAllProps extends React$2.ComponentProps<typeof Button> {}
+declare function ClearAll({
+  children,
   ...props
-}: ImageGridItemProps): react_jsx_runtime0.JSX.Element;
+}: ClearAllProps): react_jsx_runtime0.JSX.Element | null;
 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;
+  HiddenInput: typeof HiddenInput;
+  List: typeof List;
+  ListItem: typeof ListItem;
+  ClearAll: typeof ClearAll;
 };
 //#endregion
 //#region src/components/otp-input.d.ts
@@ -1198,6 +1104,59 @@ declare function StopIcon(props: React.ComponentProps<"svg">): react_jsx_runtime
 //#region src/icons/info-icon.d.ts
 declare function InfoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
+//#region src/icons/pdf-icon.d.ts
+declare function PdfIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/word-icon.d.ts
+declare function WordIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/excel-icon.d.ts
+declare function ExcelIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/image-file-icon.d.ts
+declare function ImageFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/video-icon.d.ts
+declare function VideoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/audio-icon.d.ts
+declare function AudioIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/archive-icon.d.ts
+declare function ArchiveIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/code-file-icon.d.ts
+declare function CodeFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/text-file-icon.d.ts
+declare function TextFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/generic-file-icon.d.ts
+declare function GenericFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/icons/get-file-type-icon.d.ts
+type FileInfo = {
+  name: string;
+  type?: string;
+};
+type IconComponent = React$1.ComponentType<React$1.ComponentProps<"svg">>;
+/**
+ * Get the appropriate file type icon component for a file.
+ * Uses MIME type first, then falls back to file extension.
+ *
+ * @param file - Object with name and optional type (MIME type)
+ * @returns React icon component for the file type
+ *
+ * @example
+ * ```tsx
+ * import { getFileTypeIcon } from "@px-ui/core";
+ *
+ * const Icon = getFileTypeIcon({ name: "document.pdf", type: "application/pdf" });
+ * <Icon className="size-5" />
+ * ```
+ */
+declare function getFileTypeIcon(file: FileInfo): IconComponent;
+//#endregion
 //#region src/hooks/use-intersection-observer.d.ts
 interface UseIntersectionObserverOptions {
   threshold?: number | number[];
@@ -1221,5 +1180,5 @@ declare function useIsMobile(): boolean;
 //#region src/utils/classnames.d.ts
 declare function cn(...inputs: ArgumentArray): string;
 //#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, ChevronDownIcon, ClearButtonProps, collapsible_d_exports as Collapsible, 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, InfoIcon, Input, input_group_d_exports as InputGroup, ItemErrorProps, ItemListProps, ItemNameProps, ItemPreviewProps, ItemProgressProps, ItemProps, ItemRemoveProps, ItemRetryProps, ItemSizeProps, ItemStatusProps, Label, LoadOptionsConfig, menu_d_exports as Menu, OtpInput, PXUIProvider, 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, SendIcon, Separator, Spinner, StopIcon, Switch, tabs_d_exports as Tabs, Textarea, TextareaProps, tooltip_d_exports as Tooltip, TriggerProps, UploadConfig, UploadIcon, UploadStatus, UseInfiniteScrollHookArgs, UseIntersectionObserverOptions, UseIntersectionObserverReturn, anchoredToast, buttonVariants, cn, defineLoadOptions, formatBytes, toast, useAsyncOptions, useFileUpload, useIntersectionObserver, useIsMobile };
+export { ArchiveIcon, AudioIcon, 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, ChevronDownIcon, ClearAllProps, CodeFileIcon, collapsible_d_exports as Collapsible, combobox_d_exports as Combobox, DatePicker, dialog_d_exports as Dialog, DropzoneProps, DropzoneRenderProps, DropzoneState, ExcelIcon, FileIcon, FileMetadata, FileUpload, FileUploadItem, FileUploadOptions, FileUploadWithUploaderOptions, FileWithPreview, FileWithUploadStatus, GenericFileIcon, HiddenInputProps, ImageFileIcon, InferOption, InferOptions, InfoIcon, Input, input_group_d_exports as InputGroup, Label, ListItemProps, ListProps, LoadOptionsConfig, menu_d_exports as Menu, OtpInput, PXUIProvider, PdfIcon, 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, SendIcon, Separator, Spinner, StopIcon, Switch, tabs_d_exports as Tabs, TextFileIcon, Textarea, TextareaProps, tooltip_d_exports as Tooltip, UploadConfig, UploadIcon, UploadStatus, UseFileUploadOptions, UseFileUploadReturn, UseInfiniteScrollHookArgs, UseIntersectionObserverOptions, UseIntersectionObserverReturn, VideoIcon, WordIcon, anchoredToast, buttonVariants, cn, defineLoadOptions, formatBytes, getFileTypeIcon, toast, useAsyncOptions, useFileUpload, useIntersectionObserver, useIsMobile };
 //# sourceMappingURL=index.d.ts.map