@px-ui/core 4.0.0 → 4.1.0

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as _base_ui_react0 from "@base-ui/react";
 import { Collapsible, Dialog, Toast } from "@base-ui/react";
 import { ArgumentArray } from "classnames";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { Popover } from "@base-ui/react/popover";
 import { Combobox } from "@base-ui/react/combobox";
 import * as _tanstack_react_query0 from "@tanstack/react-query";
@@ -30,74 +30,74 @@ 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
-}: React$2.ComponentProps<typeof Dialog.Root>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Root>): react_jsx_runtime21.JSX.Element;
 declare function Portal({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime35.JSX.Element;
-declare function Trigger$8({
+}: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime21.JSX.Element;
+declare function Trigger$7({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime21.JSX.Element;
 declare function Close$1({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Close>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Close>): react_jsx_runtime21.JSX.Element;
 declare function Overlay({
   className,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime21.JSX.Element;
 declare function Content$6({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Popup>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Popup>): react_jsx_runtime21.JSX.Element;
 declare function Header$3({
   className,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
 declare function HeaderContent({
   className,
   children,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
 declare function HeaderIcon({
   className,
   children,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
 declare function Footer$1({
   className,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
 declare function Title$3({
   className,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Title>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Title>): react_jsx_runtime21.JSX.Element;
 declare function Description$3({
   className,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Description>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Description>): react_jsx_runtime21.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_runtime35.JSX.Element;
-declare function Trigger$7(props: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime35.JSX.Element;
-declare function Close(props: React.ComponentProps<typeof Popover.Close>): react_jsx_runtime35.JSX.Element;
-declare function Positioner(props: React.ComponentProps<typeof Popover.Positioner>): react_jsx_runtime35.JSX.Element;
+declare function Root$10(props: React.ComponentProps<typeof Popover.Root>): react_jsx_runtime21.JSX.Element;
+declare function Trigger$6(props: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime21.JSX.Element;
+declare function Close(props: React.ComponentProps<typeof Popover.Close>): react_jsx_runtime21.JSX.Element;
+declare function Positioner(props: React.ComponentProps<typeof Popover.Positioner>): react_jsx_runtime21.JSX.Element;
 declare function Header$2({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
 declare function Title$2({
   className,
   ...props
-}: React.ComponentProps<typeof Popover.Title>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<typeof Popover.Title>): react_jsx_runtime21.JSX.Element;
 declare function Description$2({
   className,
   ...props
-}: React.ComponentProps<typeof Popover.Description>): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<typeof Popover.Description>): react_jsx_runtime21.JSX.Element;
 declare function Content$5({
   children,
   className,
@@ -112,15 +112,15 @@ declare function Content$5({
   children: React.ReactNode;
   arrow?: boolean;
   className?: string;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function CloseIconButton({
   className,
   ...props
-}: React.ComponentProps<"button">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"button">): react_jsx_runtime21.JSX.Element;
 declare function Footer({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/tw-styles/dropdown.d.ts
 declare const triggerVariants: (props?: ({
@@ -139,7 +139,7 @@ declare function Button({
   variant,
   size,
   ...props
-}: ButtonProps): react_jsx_runtime35.JSX.Element;
+}: ButtonProps): react_jsx_runtime21.JSX.Element;
 declare namespace input_group_d_exports {
   export { Addon, Button$1 as Button, Input$1 as Input, Root$9 as Root, Text };
 }
@@ -155,7 +155,7 @@ declare function Root$9({
   ...props
 }: React$2.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants> & {
   disabled?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
   align?: "inline-start" | "inline-end" | null | undefined;
 } & class_variance_authority_types12.ClassProp) | undefined) => string;
@@ -164,9 +164,9 @@ declare function Addon({
   className,
   align,
   ...props
-}: AddonProps): react_jsx_runtime35.JSX.Element;
+}: AddonProps): react_jsx_runtime21.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-  size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+  size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
 } & class_variance_authority_types12.ClassProp) | undefined) => string;
 declare function Button$1({
   className,
@@ -174,18 +174,18 @@ declare function Button$1({
   variant,
   size,
   ...props
-}: Omit<React$2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime35.JSX.Element;
+}: Omit<React$2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime21.JSX.Element;
 declare function Text({
   className,
   ...props
-}: React$2.ComponentProps<"span">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"span">): react_jsx_runtime21.JSX.Element;
 declare function Input$1({
   className,
   invalid,
   ...props
 }: React$2.ComponentProps<"input"> & {
   invalid?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/hooks/use-async-options.d.ts
 type LoadOptionsData<TData$1> = {
@@ -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>;
@@ -265,7 +265,7 @@ declare function Root$8<ItemValue, Multiple extends boolean | undefined = false>
   ...props
 }: React$2.ComponentProps<typeof Combobox.Root<ItemValue, Multiple>> & Pick<ComboboxContextValues, "isLoading" | "isLoadingMore" | "isError" | "onLoadMore" | "hasMore" | "invalid"> & {
   loadOptions?: LoadOptionsConfig<ItemValue>;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function Content$4({
   empty,
   portalProps,
@@ -279,34 +279,34 @@ declare function Content$4({
   positionerProps?: React$2.ComponentProps<typeof Combobox.Positioner>;
   popupProps?: React$2.ComponentProps<typeof Combobox.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
-}>): react_jsx_runtime35.JSX.Element;
-declare function Item$7({
+}>): react_jsx_runtime21.JSX.Element;
+declare function Item$6({
   className,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime21.JSX.Element;
 declare function MultiItem$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime21.JSX.Element;
 declare function LoadingIndicator(props: {
   className?: string;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function SearchableTrigger(props: {
   placeholder?: string;
   size?: React$2.ComponentProps<typeof Root$9>["size"];
   widthVariant?: React$2.ComponentProps<typeof Root$9>["widthVariant"];
   className?: string;
   addons?: React$2.ReactNode;
-}): react_jsx_runtime35.JSX.Element;
-declare function SearchableTriggerDropdownAddon(): react_jsx_runtime35.JSX.Element;
-interface TriggerProps$2 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$6({
+}): react_jsx_runtime21.JSX.Element;
+declare function SearchableTriggerDropdownAddon(): react_jsx_runtime21.JSX.Element;
+interface TriggerProps$1 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$5({
   size,
   widthVariant,
   children,
   className,
   ...props
-}: TriggerProps$2): react_jsx_runtime35.JSX.Element;
+}: TriggerProps$1): react_jsx_runtime21.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
@@ -320,7 +320,7 @@ declare function Value$2({
   placeholder?: string;
   children?: React$2.ReactNode | ((selectedValue: any) => React$2.ReactNode);
   className?: string;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare const chipsTriggerVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | null | undefined;
@@ -333,18 +333,18 @@ declare function ChipsTrigger({
   children: React$2.ReactNode | ((selectedValue: any) => React$2.ReactNode);
   placeholder?: string;
   className?: string;
-} & VariantProps<typeof chipsTriggerVariants>): react_jsx_runtime35.JSX.Element;
+} & VariantProps<typeof chipsTriggerVariants>): react_jsx_runtime21.JSX.Element;
 declare function Chip(props: React$2.ComponentProps<typeof Combobox.Chip> & {
   key: React$2.Key;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function Search({
   placeholder,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Input>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Input>): react_jsx_runtime21.JSX.Element;
 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,
@@ -352,7 +352,7 @@ declare function Root$7<Value$3 = any, Multiple extends boolean | undefined = fa
   ...props
 }: React$2.ComponentPropsWithoutRef<typeof Select.Root<Value$3, Multiple>> & {
   invalid?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function Content$3({
   portalProps,
   positionerProps,
@@ -364,29 +364,29 @@ declare function Content$3({
   positionerProps?: React$2.ComponentProps<typeof Select.Positioner>;
   popupProps?: React$2.ComponentProps<typeof Select.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
-}>): react_jsx_runtime35.JSX.Element;
-declare const List$1: React$2.ForwardRefExoticComponent<_base_ui_react0.SelectListProps & React$2.RefAttributes<HTMLDivElement>>;
-declare function Item$6({
+}>): react_jsx_runtime21.JSX.Element;
+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_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime21.JSX.Element;
 declare function MultiItem({
   className,
   ...props
-}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime35.JSX.Element;
-interface TriggerProps$1 extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$5({
+}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime21.JSX.Element;
+interface TriggerProps extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$4({
   size,
   widthVariant,
   ...props
-}: TriggerProps$1): react_jsx_runtime35.JSX.Element;
+}: TriggerProps): react_jsx_runtime21.JSX.Element;
 declare function MultiSelectedValue({
   selectedValue,
   maxItems
 }: {
   selectedValue: any;
   maxItems: number;
-}): react_jsx_runtime35.JSX.Element | null;
+}): react_jsx_runtime21.JSX.Element | null;
 /**
  * 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
@@ -398,20 +398,20 @@ declare function Value$1({
   ...props
 }: Select.Value.Props & {
   placeholder?: string;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 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,
   widthVariant,
   ...props
-}: React$2.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): react_jsx_runtime21.JSX.Element;
 declare function Content$2({
   portalProps,
   positionerProps,
@@ -423,27 +423,27 @@ declare function Content$2({
   positionerProps?: React$2.ComponentProps<typeof Menu.Positioner>;
   popupProps?: React$2.ComponentProps<typeof Menu.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
-}>): react_jsx_runtime35.JSX.Element;
-declare function DropdownIndicator(): react_jsx_runtime35.JSX.Element;
-declare function Item$5({
+}>): react_jsx_runtime21.JSX.Element;
+declare function DropdownIndicator(): react_jsx_runtime21.JSX.Element;
+declare function Item$4({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Menu.Item>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Item>): react_jsx_runtime21.JSX.Element;
 declare function Separator$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Menu.Separator>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Separator>): react_jsx_runtime21.JSX.Element;
 declare const Group$3: React$2.ForwardRefExoticComponent<_base_ui_react0.ContextMenuGroupProps & React$2.RefAttributes<Element>>;
 declare function GroupLabel({
   className,
   ...props
-}: React$2.ComponentProps<typeof Menu.GroupLabel>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.GroupLabel>): react_jsx_runtime21.JSX.Element;
 declare const RadioGroup$1: React$2.NamedExoticComponent<_base_ui_react0.ContextMenuRadioGroupProps & React$2.RefAttributes<Element>>;
 declare function RadioItem({
   className,
   ...props
-}: React$2.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime21.JSX.Element;
 declare const BaseTrigger: Menu.Trigger;
 declare const BaseMenu: typeof Menu;
 declare namespace progress_d_exports {
@@ -458,22 +458,22 @@ declare function Track({
   size,
   children,
   ...props
-}: React$2.ComponentProps<typeof Progress.Track> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Track> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime21.JSX.Element;
 declare function Indicator({
   className,
   ...props
-}: React$2.ComponentProps<typeof Progress.Indicator>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Indicator>): react_jsx_runtime21.JSX.Element;
 declare function Label$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Progress.Label>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Label>): react_jsx_runtime21.JSX.Element;
 declare function Value({
   className,
   ...props
-}: React$2.ComponentProps<typeof Progress.Value>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Value>): react_jsx_runtime21.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;
@@ -482,8 +482,8 @@ declare const segmentedControlItemVariants: (props?: ({
 declare function Root$4({
   className,
   ...props
-}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime35.JSX.Element;
-declare function Item$4({
+}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime21.JSX.Element;
+declare function Item$3({
   children,
   className,
   variant,
@@ -491,9 +491,9 @@ declare function Item$4({
   ...props
 }: React$2.ComponentProps<typeof Radio.Root> & VariantProps<typeof segmentedControlItemVariants> & {
   children: React$2.ReactNode;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.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({
@@ -502,31 +502,31 @@ declare function Root$3({
   ...props
 }: React$2.ComponentProps<typeof Tabs.Root> & {
   variant?: TabsVariant;
-}): react_jsx_runtime35.JSX.Element;
-declare function List({
+}): react_jsx_runtime21.JSX.Element;
+declare function List$1({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime35.JSX.Element;
-declare function Trigger$3({
+}: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime21.JSX.Element;
+declare function Trigger$2({
   className,
   ...props
-}: React$2.ComponentProps<typeof Tabs.Tab>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Tabs.Tab>): react_jsx_runtime21.JSX.Element;
 declare function Content$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Tabs.Panel>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Tabs.Panel>): react_jsx_runtime21.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_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime21.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_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime21.JSX.Element;
 declare function Content({
   className,
   align,
@@ -538,7 +538,7 @@ declare function Content({
   align?: Tooltip.Positioner.Props["align"];
   side?: Tooltip.Positioner.Props["side"];
   sideOffset?: Tooltip.Positioner.Props["sideOffset"];
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/checkbox.d.ts
 declare const checkboxVariants: (props?: ({
@@ -549,15 +549,15 @@ interface CheckboxProps extends React.ComponentProps<typeof Checkbox$1.Root>, Va
 declare function Checkbox({
   className,
   ...props
-}: CheckboxProps): react_jsx_runtime35.JSX.Element;
+}: CheckboxProps): react_jsx_runtime21.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_runtime35.JSX.Element;
-declare function Item$3({
+}: React.ComponentProps<typeof CheckboxGroup>): react_jsx_runtime21.JSX.Element;
+declare function Item$2({
   className,
   invalid,
   children,
@@ -565,73 +565,73 @@ declare function Item$3({
 }: React.PropsWithChildren<React.ComponentProps<typeof Checkbox>> & {
   className?: string;
   invalid?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function Header$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime35.JSX.Element;
+}>): react_jsx_runtime21.JSX.Element;
 declare function Title$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime35.JSX.Element;
+}>): react_jsx_runtime21.JSX.Element;
 declare function Description$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime35.JSX.Element;
+}>): react_jsx_runtime21.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,
   ...props
-}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime21.JSX.Element;
 declare const radioVariants: (props?: ({
   variant?: "default" | null | undefined;
   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_runtime35.JSX.Element;
+}: RadioGroupItemProps): react_jsx_runtime21.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_runtime35.JSX.Element;
-declare function Item$2({
+}: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime21.JSX.Element;
+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_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare function Header(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime35.JSX.Element;
+}>): react_jsx_runtime21.JSX.Element;
 declare function Title(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime35.JSX.Element;
+}>): react_jsx_runtime21.JSX.Element;
 declare function Description(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime35.JSX.Element;
+}>): react_jsx_runtime21.JSX.Element;
 declare namespace breadcrumbs_d_exports {
   export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 }
 declare function Breadcrumb({
   ...props
-}: React$2.ComponentProps<"nav">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"nav">): react_jsx_runtime21.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React$2.ComponentProps<"ol">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"ol">): react_jsx_runtime21.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$2.ComponentProps<"li">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"li">): react_jsx_runtime21.JSX.Element;
 declare function BreadcrumbLink({
   className,
   render,
@@ -640,25 +640,25 @@ declare function BreadcrumbLink({
 declare function BreadcrumbPage({
   className,
   ...props
-}: React$2.ComponentProps<"span">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"span">): react_jsx_runtime21.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$2.ComponentProps<"li">): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<"li">): react_jsx_runtime21.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_runtime35.JSX.Element;
-declare function Trigger$1(props: React$2.ComponentProps<typeof Collapsible.Trigger>): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime21.JSX.Element;
+declare function Trigger(props: React$2.ComponentProps<typeof Collapsible.Trigger>): react_jsx_runtime21.JSX.Element;
 declare function Panel({
   className,
   ...props
-}: React$2.ComponentProps<typeof Collapsible.Panel>): react_jsx_runtime35.JSX.Element;
-declare function ToggleIcon(): react_jsx_runtime35.JSX.Element;
+}: React$2.ComponentProps<typeof Collapsible.Panel>): react_jsx_runtime21.JSX.Element;
+declare function ToggleIcon(): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/calendar.d.ts
 declare function Calendar({
@@ -669,10 +669,10 @@ declare function Calendar({
   formatters,
   components,
   ...props
-}: DayPickerProps): react_jsx_runtime35.JSX.Element;
+}: DayPickerProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/providers/px-ui-provider.d.ts
-declare function PXUIProvider(props: React.PropsWithChildren): react_jsx_runtime35.JSX.Element;
+declare function PXUIProvider(props: React.PropsWithChildren): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/toast.d.ts
 declare const toast: _base_ui_react0.ToastManager;
@@ -682,7 +682,7 @@ declare const anchoredToast: _base_ui_react0.ToastManager;
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<"label">): react_jsx_runtime35.JSX.Element;
+}: React.ComponentProps<"label">): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/input.d.ts
 declare const inputVariants: (props?: ({
@@ -698,7 +698,7 @@ declare function Input({
   invalid,
   widthVariant,
   ...props
-}: InputProps): react_jsx_runtime35.JSX.Element;
+}: InputProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/textarea.d.ts
 declare const textareaVariants: (props?: ({
@@ -714,7 +714,7 @@ declare function Textarea({
   invalid,
   widthVariant,
   ...props
-}: TextareaProps): react_jsx_runtime35.JSX.Element;
+}: TextareaProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/avatar.d.ts
 type AvatarVariant = "squared" | "rounded";
@@ -727,11 +727,11 @@ interface AvatarProps {
   children?: React.ReactNode;
   hideTooltip?: boolean;
 }
-declare function Avatar(props: AvatarProps): react_jsx_runtime35.JSX.Element;
+declare function Avatar(props: AvatarProps): react_jsx_runtime21.JSX.Element;
 type AvatarImplProps = Omit<AvatarProps, "hideTooltip"> & {
   avatarRootProps?: React.ComponentProps<typeof Avatar$1.Root>;
 };
-declare function AvatarImpl(props: AvatarImplProps): react_jsx_runtime35.JSX.Element;
+declare function AvatarImpl(props: AvatarImplProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/avatar-group.d.ts
 interface AvatarGroupProps {
@@ -743,7 +743,7 @@ declare function AvatarGroup({
   max,
   avatars,
   className
-}: AvatarGroupProps): react_jsx_runtime35.JSX.Element;
+}: AvatarGroupProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/spinner.d.ts
 interface SpinnerProps {
@@ -753,7 +753,7 @@ interface SpinnerProps {
 declare function Spinner({
   size,
   className
-}: SpinnerProps): react_jsx_runtime35.JSX.Element;
+}: SpinnerProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/switch.d.ts
 declare function Switch({
@@ -762,7 +762,7 @@ declare function Switch({
   ...props
 }: React$2.ComponentProps<typeof Switch$1.Root> & {
   size?: "sm" | "lg" | "default";
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/components/separator.d.ts
 declare function Separator({
@@ -773,7 +773,7 @@ declare function Separator({
 }: React$2.ComponentProps<"div"> & {
   orientation: "horizontal" | "vertical";
   decorative?: boolean;
-}): react_jsx_runtime35.JSX.Element;
+}): react_jsx_runtime21.JSX.Element;
 declare namespace Separator {
   var displayName: string;
 }
@@ -803,7 +803,7 @@ declare function DatePicker({
   popoverRootProps,
   popoverContentProps,
   ...calendarProps
-}: DatePickerProps): react_jsx_runtime35.JSX.Element;
+}: DatePickerProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/hooks/use-file-upload.d.ts
 type FileMetadata = {
@@ -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,178 +947,112 @@ interface RootProps {
 }
 declare function Root({
   children,
-  files,
-  addFiles,
-  removeFile,
-  clearFiles,
-  retryUpload,
-  openFileDialog,
-  getInputProps,
-  handleDragEnter,
-  handleDragLeave,
-  handleDragOver,
-  handleDrop,
-  isDragActive,
-  isUploading,
+  upload,
   accept,
   multiple,
   disabled,
   className
-}: RootProps): react_jsx_runtime35.JSX.Element;
+}: RootProps): react_jsx_runtime21.JSX.Element;
 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,
-  ...props
-}: DropzoneProps): react_jsx_runtime35.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,
+  render,
   ...props
-}: TriggerProps): react_jsx_runtime35.JSX.Element;
-interface ItemListProps extends Omit<React$2.ComponentProps<"div">, "children"> {
-  children?: React$2.ReactNode | ((files: FileUploadFile[]) => React$2.ReactNode);
-}
-declare function ItemList({
+}: DropzoneProps): react_jsx_runtime21.JSX.Element;
+interface HiddenInputProps extends Omit<React$2.ComponentProps<"input">, "type"> {}
+declare function HiddenInput({
   className,
-  children,
   ...props
-}: ItemListProps): react_jsx_runtime35.JSX.Element | null;
-interface ItemProps extends React$2.ComponentProps<"div"> {
-  file: FileUploadFile;
-  /** Apply error styling based on file status */
-  statusStyles?: boolean;
+}: HiddenInputProps): react_jsx_runtime21.JSX.Element;
+interface ListProps extends Omit<React$2.ComponentProps<"div">, "children"> {
+  children?: React$2.ReactNode | ((files: FileUploadItem[]) => React$2.ReactNode);
 }
-declare function Item({
-  file,
-  className,
-  children,
-  statusStyles,
-  ...props
-}: ItemProps): react_jsx_runtime35.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_runtime35.JSX.Element;
-interface ItemNameProps extends React$2.ComponentProps<"span"> {}
-declare function ItemName({
-  className,
-  ...props
-}: ItemNameProps): react_jsx_runtime35.JSX.Element;
-interface ItemSizeProps extends React$2.ComponentProps<"span"> {}
-declare function ItemSize({
-  className,
-  ...props
-}: ItemSizeProps): react_jsx_runtime35.JSX.Element;
-interface ItemRemoveProps extends React$2.ComponentProps<typeof Button> {}
-declare function ItemRemove({
+declare function List({
   className,
   children,
   ...props
-}: ItemRemoveProps): react_jsx_runtime35.JSX.Element;
-interface ItemProgressProps extends React$2.ComponentProps<"div"> {}
-declare function ItemProgress({
-  className,
-  ...props
-}: ItemProgressProps): react_jsx_runtime35.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;
+}: ListProps): react_jsx_runtime21.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;
 }
-declare function ItemStatus({
-  className,
-  successIcon,
-  uploadingContent,
-  errorContent,
-  ...props
-}: ItemStatusProps): react_jsx_runtime35.JSX.Element | null;
-interface ItemErrorProps extends React$2.ComponentProps<"span"> {}
-declare function ItemError({
-  className,
-  ...props
-}: ItemErrorProps): react_jsx_runtime35.JSX.Element | null;
-interface ItemRetryProps extends React$2.ComponentProps<typeof Button> {}
-declare function ItemRetry({
+declare function ListItem({
+  file,
   className,
-  children,
+  showIcon,
+  showProgress,
+  showError,
+  showRemove,
+  showRetry,
+  icon,
   ...props
-}: ItemRetryProps): react_jsx_runtime35.JSX.Element | null;
-interface ClearButtonProps extends React$2.ComponentProps<typeof Button> {}
-declare function ClearButton({
+}: ListItemProps): react_jsx_runtime21.JSX.Element;
+interface ClearAllProps extends React$2.ComponentProps<typeof Button> {}
+declare function ClearAll({
   children,
   ...props
-}: ClearButtonProps): react_jsx_runtime35.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_runtime35.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_runtime35.JSX.Element;
+}: ClearAllProps): react_jsx_runtime21.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
@@ -1178,16 +1081,78 @@ declare function OtpInput({
   size,
   "aria-invalid": ariaInvalid,
   ...props
-}: Readonly<OtpInputProps>): react_jsx_runtime35.JSX.Element;
+}: Readonly<OtpInputProps>): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/icons/file-icon.d.ts
-declare function FileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime35.JSX.Element;
+declare function FileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/icons/upload-icon.d.ts
-declare function UploadIcon(props: React.ComponentProps<"svg">): react_jsx_runtime35.JSX.Element;
+declare function UploadIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
 //#endregion
 //#region src/icons/chevron-down-icon.d.ts
-declare function ChevronDownIcon(props: React.ComponentProps<"svg">): react_jsx_runtime35.JSX.Element;
+declare function ChevronDownIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/send-icon.d.ts
+declare function SendIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/stop-icon.d.ts
+declare function StopIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/info-icon.d.ts
+declare function InfoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/pdf-icon.d.ts
+declare function PdfIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/word-icon.d.ts
+declare function WordIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/excel-icon.d.ts
+declare function ExcelIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/image-file-icon.d.ts
+declare function ImageFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/video-icon.d.ts
+declare function VideoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/audio-icon.d.ts
+declare function AudioIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/archive-icon.d.ts
+declare function ArchiveIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/code-file-icon.d.ts
+declare function CodeFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/text-file-icon.d.ts
+declare function TextFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+//#endregion
+//#region src/icons/generic-file-icon.d.ts
+declare function GenericFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.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 {
@@ -1212,5 +1177,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, 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, Separator, Spinner, 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