@px-ui/core 1.29.7 → 2.1.0

package/dist/index.d.ts

@@ -1,10 +1,10 @@
 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";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Popover } from "@base-ui-components/react/popover";
 import { Combobox } from "@base-ui-components/react/combobox";
 import * as _tanstack_react_query0 from "@tanstack/react-query";
@@ -22,79 +22,79 @@ 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_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Root>): react_jsx_runtime0.JSX.Element;
 declare function Portal({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime28.JSX.Element;
-declare function Trigger$6({
+}: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime0.JSX.Element;
+declare function Trigger$7({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Close$1({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Close>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Close>): react_jsx_runtime0.JSX.Element;
 declare function Overlay({
   className,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Backdrop>): react_jsx_runtime0.JSX.Element;
 declare function Content$6({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Popup>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Popup>): react_jsx_runtime0.JSX.Element;
 declare function Header$3({
   className,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function HeaderContent({
   className,
   children,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function HeaderIcon({
   className,
   children,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function Footer$1({
   className,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function Title$3({
   className,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Title>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Title>): react_jsx_runtime0.JSX.Element;
 declare function Description$3({
   className,
   ...props
-}: React$2.ComponentProps<typeof Dialog.Description>): react_jsx_runtime28.JSX.Element;
+}: 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_runtime28.JSX.Element;
-declare function Trigger$5(props: React.ComponentProps<typeof Popover.Trigger>): react_jsx_runtime28.JSX.Element;
-declare function Close(props: React.ComponentProps<typeof Popover.Close>): react_jsx_runtime28.JSX.Element;
-declare function Positioner(props: React.ComponentProps<typeof Popover.Positioner>): react_jsx_runtime28.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({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function Title$2({
   className,
   ...props
-}: React.ComponentProps<typeof Popover.Title>): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<typeof Popover.Title>): react_jsx_runtime0.JSX.Element;
 declare function Description$2({
   className,
   ...props
-}: React.ComponentProps<typeof Popover.Description>): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<typeof Popover.Description>): react_jsx_runtime0.JSX.Element;
 declare function Content$5({
   children,
   className,
@@ -109,42 +109,42 @@ declare function Content$5({
   children: React.ReactNode;
   arrow?: boolean;
   className?: string;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function CloseIconButton({
   className,
   ...props
-}: React.ComponentProps<"button">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"button">): react_jsx_runtime0.JSX.Element;
 declare function Footer({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/tw-styles/dropdown.d.ts
 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,
   variant,
   size,
   ...props
-}: ButtonProps): react_jsx_runtime28.JSX.Element;
+}: 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,
@@ -152,37 +152,37 @@ declare function Root$7({
   ...props
 }: React$2.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants> & {
   disabled?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): 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,
   align,
   ...props
-}: AddonProps): react_jsx_runtime28.JSX.Element;
+}: 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,
   variant,
   size,
   ...props
-}: Omit<React$2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime28.JSX.Element;
+}: Omit<React$2.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): react_jsx_runtime0.JSX.Element;
 declare function Text({
   className,
   ...props
-}: React$2.ComponentProps<"span">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
 declare function Input$1({
   className,
   invalid,
   ...props
 }: React$2.ComponentProps<"input"> & {
   invalid?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/hooks/use-async-options.d.ts
 type LoadOptionsData<TData$1> = {
@@ -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,12 +257,12 @@ 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"> & {
   loadOptions?: LoadOptionsConfig<ItemValue>;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Content$4({
   empty,
   portalProps,
@@ -276,34 +276,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_runtime28.JSX.Element;
-declare function Item$6({
+}>): react_jsx_runtime0.JSX.Element;
+declare function Item$7({
   className,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime0.JSX.Element;
 declare function MultiItem$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime0.JSX.Element;
 declare function LoadingIndicator(props: {
   className?: string;
-}): react_jsx_runtime28.JSX.Element;
+}): 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_runtime28.JSX.Element;
-declare function SearchableTriggerDropdownAddon(): react_jsx_runtime28.JSX.Element;
-interface TriggerProps$1 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$4({
+}): 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$5({
   size,
   widthVariant,
   children,
   className,
   ...props
-}: TriggerProps$1): react_jsx_runtime28.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
@@ -317,11 +317,11 @@ declare function Value$2({
   placeholder?: string;
   children: React$2.ReactNode | ((selectedValue: any) => React$2.ReactNode);
   className?: string;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 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,
@@ -330,26 +330,26 @@ declare function ChipsTrigger({
   children: React$2.ReactNode | ((selectedValue: any) => React$2.ReactNode);
   placeholder?: string;
   className?: string;
-} & VariantProps<typeof chipsTriggerVariants>): react_jsx_runtime28.JSX.Element;
+} & VariantProps<typeof chipsTriggerVariants>): react_jsx_runtime0.JSX.Element;
 declare function Chip(props: React$2.ComponentProps<typeof Combobox.Chip> & {
   key: React$2.Key;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Search({
   placeholder,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Input>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Input>): react_jsx_runtime0.JSX.Element;
 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
 }: React$2.ComponentPropsWithoutRef<typeof Select.Root<Value$3, Multiple>> & {
   invalid?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Content$3({
   portalProps,
   positionerProps,
@@ -361,29 +361,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_runtime28.JSX.Element;
+}>): 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_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
 declare function MultiItem({
   className,
   ...props
-}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime28.JSX.Element;
-interface TriggerProps extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
-declare function Trigger$3({
+}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
+interface TriggerProps$1 extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
+declare function Trigger$4({
   size,
   widthVariant,
   ...props
-}: TriggerProps): react_jsx_runtime28.JSX.Element;
+}: TriggerProps$1): react_jsx_runtime0.JSX.Element;
 declare function MultiSelectedValue({
   selectedValue,
   maxItems
 }: {
   selectedValue: any;
   maxItems: number;
-}): react_jsx_runtime28.JSX.Element | null;
+}): react_jsx_runtime0.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
@@ -395,20 +395,20 @@ declare function Value$1({
   ...props
 }: Select.Value.Props & {
   placeholder?: string;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.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$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,
   widthVariant,
   ...props
-}: React$2.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): react_jsx_runtime0.JSX.Element;
 declare function Content$2({
   portalProps,
   positionerProps,
@@ -420,67 +420,67 @@ declare function Content$2({
   positionerProps?: React$2.ComponentProps<typeof Menu.Positioner>;
   popupProps?: React$2.ComponentProps<typeof Menu.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
-}>): react_jsx_runtime28.JSX.Element;
-declare function DropdownIndicator(): react_jsx_runtime28.JSX.Element;
-declare function Item$4({
+}>): react_jsx_runtime0.JSX.Element;
+declare function DropdownIndicator(): react_jsx_runtime0.JSX.Element;
+declare function Item$5({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Menu.Item>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Item>): react_jsx_runtime0.JSX.Element;
 declare function Separator$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Menu.Separator>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Separator>): react_jsx_runtime0.JSX.Element;
 declare const Group$3: React$2.ForwardRefExoticComponent<Menu.Group.Props & React$2.RefAttributes<Element>>;
 declare function GroupLabel({
   className,
   ...props
-}: React$2.ComponentProps<typeof Menu.GroupLabel>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.GroupLabel>): react_jsx_runtime0.JSX.Element;
 declare const RadioGroup$1: React$2.NamedExoticComponent<Menu.RadioGroup.Props & React$2.RefAttributes<Element>>;
 declare function RadioItem({
   className,
   ...props
-}: React$2.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime0.JSX.Element;
 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,
   children,
   ...props
-}: React$2.ComponentProps<typeof Progress.Track> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Track> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime0.JSX.Element;
 declare function Indicator({
   className,
   ...props
-}: React$2.ComponentProps<typeof Progress.Indicator>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Indicator>): react_jsx_runtime0.JSX.Element;
 declare function Label$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Progress.Label>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Progress.Label>): react_jsx_runtime0.JSX.Element;
 declare function Value({
   className,
   ...props
-}: React$2.ComponentProps<typeof Progress.Value>): react_jsx_runtime28.JSX.Element;
+}: 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_runtime28.JSX.Element;
-declare function Item$3({
+}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
+declare function Item$4({
   children,
   className,
   variant,
@@ -488,42 +488,42 @@ declare function Item$3({
   ...props
 }: React$2.ComponentProps<typeof Radio.Root> & VariantProps<typeof segmentedControlItemVariants> & {
   children: React$2.ReactNode;
-}): react_jsx_runtime28.JSX.Element;
+}): 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
 }: React$2.ComponentProps<typeof Tabs.Root> & {
   variant?: TabsVariant;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function List({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime28.JSX.Element;
-declare function Trigger$1({
+}: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime0.JSX.Element;
+declare function Trigger$2({
   className,
   ...props
-}: React$2.ComponentProps<typeof Tabs.Tab>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Tabs.Tab>): react_jsx_runtime0.JSX.Element;
 declare function Content$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof Tabs.Panel>): react_jsx_runtime28.JSX.Element;
+}: 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_runtime28.JSX.Element;
+}: 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_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Content({
   className,
   align,
@@ -535,26 +535,26 @@ declare function Content({
   align?: Tooltip.Positioner.Props["align"];
   side?: Tooltip.Positioner.Props["side"];
   sideOffset?: Tooltip.Positioner.Props["sideOffset"];
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/checkbox.d.ts
 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_runtime28.JSX.Element;
+}: 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_runtime28.JSX.Element;
-declare function Item$2({
+}: React.ComponentProps<typeof CheckboxGroup>): react_jsx_runtime0.JSX.Element;
+declare function Item$3({
   className,
   invalid,
   children,
@@ -562,72 +562,73 @@ declare function Item$2({
 }: React.PropsWithChildren<React.ComponentProps<typeof Checkbox>> & {
   className?: string;
   invalid?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Header$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime28.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Title$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime28.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Description$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime28.JSX.Element;
-//#endregion
-//#region src/components/radio-group.d.ts
-declare function Group({
+}>): react_jsx_runtime0.JSX.Element;
+declare namespace radio_group_d_exports {
+  export { Group$1 as Group, Item$1 as Item };
+}
+declare function Group$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
 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_runtime28.JSX.Element;
+}: RadioGroupItemProps): react_jsx_runtime0.JSX.Element;
 declare namespace block_radio_group_d_exports {
-  export { Description, Group$1 as Group, Header, Item$1 as Item, Title };
+  export { Description, Group, Header, Item$2 as Item, Title };
 }
-declare function Group$1({
+declare function Group({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime28.JSX.Element;
-declare function Item$1({
+}: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
+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_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Header(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime28.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Title(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime28.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Description(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime28.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare namespace breadcrumbs_d_exports {
   export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 }
 declare function Breadcrumb({
   ...props
-}: React$2.ComponentProps<"nav">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React$2.ComponentProps<"ol">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"ol">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$2.ComponentProps<"li">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbLink({
   className,
   render,
@@ -636,12 +637,12 @@ declare function BreadcrumbLink({
 declare function BreadcrumbPage({
   className,
   ...props
-}: React$2.ComponentProps<"span">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$2.ComponentProps<"li">): react_jsx_runtime28.JSX.Element;
+}: React$2.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/calendar.d.ts
 declare function Calendar({
@@ -652,19 +653,19 @@ declare function Calendar({
   formatters,
   components,
   ...props
-}: DayPickerProps): react_jsx_runtime28.JSX.Element;
+}: DayPickerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/label.d.ts
 declare function Label({
   className,
   ...props
-}: React.ComponentProps<"label">): react_jsx_runtime28.JSX.Element;
+}: React.ComponentProps<"label">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/input.d.ts
 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;
 }
@@ -674,13 +675,13 @@ declare function Input({
   invalid,
   widthVariant,
   ...props
-}: InputProps): react_jsx_runtime28.JSX.Element;
+}: InputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/textarea.d.ts
 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;
 }
@@ -690,7 +691,7 @@ declare function Textarea({
   invalid,
   widthVariant,
   ...props
-}: TextareaProps): react_jsx_runtime28.JSX.Element;
+}: TextareaProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/avatar.d.ts
 type AvatarVariant = "squared" | "rounded";
@@ -703,11 +704,11 @@ interface AvatarProps {
   children?: React.ReactNode;
   hideTooltip?: boolean;
 }
-declare function Avatar(props: AvatarProps): react_jsx_runtime28.JSX.Element;
+declare function Avatar(props: AvatarProps): react_jsx_runtime0.JSX.Element;
 type AvatarImplProps = Omit<AvatarProps, "hideTooltip"> & {
   avatarRootProps?: React.ComponentProps<typeof Avatar$1.Root>;
 };
-declare function AvatarImpl(props: AvatarImplProps): react_jsx_runtime28.JSX.Element;
+declare function AvatarImpl(props: AvatarImplProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/avatar-group.d.ts
 interface AvatarGroupProps {
@@ -719,7 +720,7 @@ declare function AvatarGroup({
   max,
   avatars,
   className
-}: AvatarGroupProps): react_jsx_runtime28.JSX.Element;
+}: AvatarGroupProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/spinner.d.ts
 interface SpinnerProps {
@@ -729,7 +730,7 @@ interface SpinnerProps {
 declare function Spinner({
   size,
   className
-}: SpinnerProps): react_jsx_runtime28.JSX.Element;
+}: SpinnerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/switch.d.ts
 declare function Switch({
@@ -738,7 +739,7 @@ declare function Switch({
   ...props
 }: React$2.ComponentProps<typeof Switch$1.Root> & {
   size?: "sm" | "lg";
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/separator.d.ts
 declare function Separator({
@@ -749,7 +750,7 @@ declare function Separator({
 }: React$2.ComponentProps<"div"> & {
   orientation: "horizontal" | "vertical";
   decorative?: boolean;
-}): react_jsx_runtime28.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Separator {
   var displayName: string;
 }
@@ -766,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({
@@ -779,7 +780,357 @@ declare function DatePicker({
   popoverRootProps,
   popoverContentProps,
   ...calendarProps
-}: DatePickerProps): react_jsx_runtime28.JSX.Element;
+}: 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 {
@@ -801,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, Group, InferOption, InferOptions, Input, input_group_d_exports as InputGroup, Item, Label, LoadOptionsConfig, menu_d_exports as Menu, popover_d_exports as Popover, progress_d_exports as Progress, 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, Group, InferOption, InferOptions, Input, input_group_d_exports as InputGroup, Item, Label, LoadOptionsConfig, menu_d_exports as Menu, popover_d_exports as Popover, progress_d_exports as Progress, 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