@px-ui/core 4.1.0 → 4.3.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_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime0 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";
@@ -34,70 +34,70 @@ declare namespace dialog_d_exports {
 }
 declare function Root$11({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Root>): react_jsx_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Dialog.Portal>): react_jsx_runtime0.JSX.Element;
 declare function Trigger$7({
   ...props
-}: React$2.ComponentProps<typeof Dialog.Trigger>): react_jsx_runtime21.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_runtime21.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_runtime21.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_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function HeaderContent({
   className,
   children,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function HeaderIcon({
   className,
   children,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function Footer$1({
   className,
   ...props
-}: React$2.ComponentProps<"div">): react_jsx_runtime21.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_runtime21.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_runtime21.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$10 as Root, Title$2 as Title, Trigger$6 as Trigger };
 }
-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 Root$10(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_runtime21.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime0.JSX.Element;
 declare function Title$2({
   className,
   ...props
-}: React.ComponentProps<typeof Popover.Title>): react_jsx_runtime21.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_runtime21.JSX.Element;
+}: React.ComponentProps<typeof Popover.Description>): react_jsx_runtime0.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_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function CloseIconButton({
   className,
   ...props
-}: React.ComponentProps<"button">): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<"button">): react_jsx_runtime0.JSX.Element;
 declare function Footer({
   className,
   ...props
-}: React.ComponentProps<"div">): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<"div">): react_jsx_runtime0.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_runtime21.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$9 as Root, Text };
 }
@@ -155,7 +155,7 @@ declare function Root$9({
   ...props
 }: React$2.ComponentProps<"div"> & VariantProps<typeof inputGroupVariants> & {
   disabled?: boolean;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: AddonProps): react_jsx_runtime0.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-  size?: "sm" | "icon-sm" | "xs" | "icon-xs" | null | undefined;
+  size?: "sm" | "xs" | "icon-xs" | "icon-sm" | 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_runtime21.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_runtime21.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_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/hooks/use-async-options.d.ts
 type LoadOptionsData<TData$1> = {
@@ -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_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Content$4({
   empty,
   portalProps,
@@ -279,26 +279,26 @@ declare function Content$4({
   positionerProps?: React$2.ComponentProps<typeof Combobox.Positioner>;
   popupProps?: React$2.ComponentProps<typeof Combobox.Popup>;
   widthVariant?: "trigger" | "fit" | "enforced";
-}>): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Item$6({
   className,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Combobox.Item>): react_jsx_runtime0.JSX.Element;
 declare function LoadingIndicator(props: {
   className?: string;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.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_runtime21.JSX.Element;
-declare function SearchableTriggerDropdownAddon(): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
+declare function SearchableTriggerDropdownAddon(): react_jsx_runtime0.JSX.Element;
 interface TriggerProps$1 extends Combobox.Trigger.Props, VariantProps<typeof triggerVariants> {}
 declare function Trigger$5({
   size,
@@ -306,7 +306,7 @@ declare function Trigger$5({
   children,
   className,
   ...props
-}: TriggerProps$1): react_jsx_runtime21.JSX.Element;
+}: TriggerProps$1): react_jsx_runtime0.JSX.Element;
 /**
  * Renders the value, if `value` is a string or an object with `label` property in it,
  * then renders that value else you should provide a render function to render your custom value
@@ -320,7 +320,7 @@ declare function Value$2({
   placeholder?: string;
   children?: React$2.ReactNode | ((selectedValue: any) => React$2.ReactNode);
   className?: string;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare const chipsTriggerVariants: (props?: ({
   size?: "default" | "sm" | null | undefined;
   widthVariant?: "enforced" | "full" | null | undefined;
@@ -333,14 +333,14 @@ declare function ChipsTrigger({
   children: React$2.ReactNode | ((selectedValue: any) => React$2.ReactNode);
   placeholder?: string;
   className?: string;
-} & VariantProps<typeof chipsTriggerVariants>): react_jsx_runtime21.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_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Search({
   placeholder,
   ...props
-}: React$2.ComponentProps<typeof Combobox.Input>): react_jsx_runtime21.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 {
@@ -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_runtime21.JSX.Element;
+}): react_jsx_runtime0.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_runtime21.JSX.Element;
+}>): react_jsx_runtime0.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_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Select.Item>): react_jsx_runtime0.JSX.Element;
 interface TriggerProps extends Select.Trigger.Props, VariantProps<typeof triggerVariants> {}
 declare function Trigger$4({
   size,
   widthVariant,
   ...props
-}: TriggerProps): react_jsx_runtime21.JSX.Element;
+}: TriggerProps): react_jsx_runtime0.JSX.Element;
 declare function MultiSelectedValue({
   selectedValue,
   maxItems
 }: {
   selectedValue: any;
   maxItems: number;
-}): react_jsx_runtime21.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
@@ -398,7 +398,7 @@ declare function Value$1({
   ...props
 }: Select.Value.Props & {
   placeholder?: string;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 type SelectedValue<TValue> = TValue | null | undefined;
 declare const BaseSelect: typeof Select;
 declare namespace menu_d_exports {
@@ -411,7 +411,7 @@ declare function Trigger$3({
   size,
   widthVariant,
   ...props
-}: React$2.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Trigger> & VariantProps<typeof triggerVariants>): react_jsx_runtime0.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_runtime21.JSX.Element;
-declare function DropdownIndicator(): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
+declare function DropdownIndicator(): react_jsx_runtime0.JSX.Element;
 declare function Item$4({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Menu.Item>): react_jsx_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.Separator>): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.GroupLabel>): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime0.JSX.Element;
 declare const BaseTrigger: Menu.Trigger;
 declare const BaseMenu: typeof Menu;
 declare namespace progress_d_exports {
@@ -458,19 +458,19 @@ declare function Track({
   size,
   children,
   ...props
-}: React$2.ComponentProps<typeof Progress.Track> & VariantProps<typeof progressTrackVariants>): react_jsx_runtime21.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_runtime21.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_runtime21.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_runtime21.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$4 as Root };
@@ -482,7 +482,7 @@ declare const segmentedControlItemVariants: (props?: ({
 declare function Root$4({
   className,
   ...props
-}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
 declare function Item$3({
   children,
   className,
@@ -491,7 +491,7 @@ declare function Item$3({
   ...props
 }: React$2.ComponentProps<typeof Radio.Root> & VariantProps<typeof segmentedControlItemVariants> & {
   children: React$2.ReactNode;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace tabs_d_exports {
   export { Content$1 as Content, List$1 as List, Root$3 as Root, Trigger$2 as Trigger };
 }
@@ -502,31 +502,31 @@ declare function Root$3({
   ...props
 }: React$2.ComponentProps<typeof Tabs.Root> & {
   variant?: TabsVariant;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function List$1({
   className,
   children,
   ...props
-}: React$2.ComponentProps<typeof Tabs.List>): react_jsx_runtime21.JSX.Element;
+}: 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_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Tabs.Panel>): react_jsx_runtime0.JSX.Element;
 declare namespace tooltip_d_exports {
   export { BaseProvider, BaseRoot, Content, Root$2 as Root, Trigger$1 as Trigger };
 }
 declare function Root$2({
   ...props
-}: React$2.ComponentProps<typeof Tooltip.Root>): react_jsx_runtime21.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<_base_ui_react0.TooltipProviderProps>;
 declare function Trigger$1({
   ...props
-}: React$2.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Tooltip.Trigger>): react_jsx_runtime0.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_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/checkbox.d.ts
 declare const checkboxVariants: (props?: ({
@@ -549,14 +549,14 @@ interface CheckboxProps extends React.ComponentProps<typeof Checkbox$1.Root>, Va
 declare function Checkbox({
   className,
   ...props
-}: CheckboxProps): react_jsx_runtime21.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 };
 }
 declare function Group$2({
   className,
   ...props
-}: React.ComponentProps<typeof CheckboxGroup>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof CheckboxGroup>): react_jsx_runtime0.JSX.Element;
 declare function Item$2({
   className,
   invalid,
@@ -565,23 +565,23 @@ declare function Item$2({
 }: React.PropsWithChildren<React.ComponentProps<typeof Checkbox>> & {
   className?: string;
   invalid?: boolean;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Header$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Title$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Description$1(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare namespace radio_group_d_exports {
   export { Group$1 as Group, Item };
 }
 declare function Group$1({
   className,
   ...props
-}: React$2.ComponentProps<typeof RadioGroup>): react_jsx_runtime21.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;
@@ -592,14 +592,14 @@ declare function Item({
   variant,
   size,
   ...props
-}: RadioGroupItemProps): react_jsx_runtime21.JSX.Element;
+}: RadioGroupItemProps): react_jsx_runtime0.JSX.Element;
 declare namespace block_radio_group_d_exports {
   export { Description, Group, Header, Item$1 as Item, Title };
 }
 declare function Group({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime21.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup>): react_jsx_runtime0.JSX.Element;
 declare function Item$1({
   className,
   invalid,
@@ -608,30 +608,30 @@ declare function Item$1({
 }: React.PropsWithChildren<React.ComponentProps<typeof Item>> & {
   className?: string;
   invalid?: boolean;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function Header(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Title(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime21.JSX.Element;
+}>): react_jsx_runtime0.JSX.Element;
 declare function Description(props: React.PropsWithChildren<{
   className?: string;
-}>): react_jsx_runtime21.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<"nav">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbList({
   className,
   ...props
-}: React$2.ComponentProps<"ol">): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<"ol">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbItem({
   className,
   ...props
-}: React$2.ComponentProps<"li">): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<"li">): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: React$2.ComponentProps<"span">): react_jsx_runtime0.JSX.Element;
 declare function BreadcrumbSeparator({
   children,
   className,
   ...props
-}: React$2.ComponentProps<"li">): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<"li">): react_jsx_runtime0.JSX.Element;
 declare namespace collapsible_d_exports {
   export { Panel, Root$1 as Root, ToggleIcon, Trigger };
 }
 declare function Root$1({
   className,
   ...props
-}: 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;
+}: React$2.ComponentProps<typeof Collapsible.Root>): react_jsx_runtime0.JSX.Element;
+declare function Trigger(props: React$2.ComponentProps<typeof Collapsible.Trigger>): react_jsx_runtime0.JSX.Element;
 declare function Panel({
   className,
   ...props
-}: React$2.ComponentProps<typeof Collapsible.Panel>): react_jsx_runtime21.JSX.Element;
-declare function ToggleIcon(): react_jsx_runtime21.JSX.Element;
+}: React$2.ComponentProps<typeof Collapsible.Panel>): react_jsx_runtime0.JSX.Element;
+declare function ToggleIcon(): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: DayPickerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/providers/px-ui-provider.d.ts
-declare function PXUIProvider(props: React.PropsWithChildren): react_jsx_runtime21.JSX.Element;
+declare function PXUIProvider(props: React.PropsWithChildren): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: React.ComponentProps<"label">): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: InputProps): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: TextareaProps): react_jsx_runtime0.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_runtime21.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_runtime21.JSX.Element;
+declare function AvatarImpl(props: AvatarImplProps): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: AvatarGroupProps): react_jsx_runtime0.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_runtime21.JSX.Element;
+}: SpinnerProps): react_jsx_runtime0.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_runtime21.JSX.Element;
+}): react_jsx_runtime0.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_runtime21.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Separator {
   var displayName: string;
 }
@@ -803,7 +803,7 @@ declare function DatePicker({
   popoverRootProps,
   popoverContentProps,
   ...calendarProps
-}: DatePickerProps): react_jsx_runtime21.JSX.Element;
+}: DatePickerProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/hooks/use-file-upload.d.ts
 type FileMetadata = {
@@ -897,7 +897,8 @@ type UseFileUploadOptions = {
   multiple?: boolean;
   initialFiles?: FileMetadata[];
   onFilesChange?: (files: FileUploadItem[]) => void;
-  onFilesAdded?: (addedFiles: FileUploadItem[]) => void;
+  onFileAdd?: (addedFile: FileUploadItem) => void;
+  onFileRemove?: (removedFile: FileUploadItem) => void;
   upload?: UploadConfig;
 };
 type UseFileUploadReturn = {
@@ -952,7 +953,7 @@ declare function Root({
   multiple,
   disabled,
   className
-}: RootProps): react_jsx_runtime21.JSX.Element;
+}: RootProps): react_jsx_runtime0.JSX.Element;
 declare const dropzoneVariants: (props?: ({
   size?: "default" | "sm" | "lg" | null | undefined;
   isDragActive?: boolean | null | undefined;
@@ -1001,12 +1002,12 @@ declare function Dropzone({
   browseText,
   render,
   ...props
-}: DropzoneProps): react_jsx_runtime21.JSX.Element;
+}: DropzoneProps): react_jsx_runtime0.JSX.Element;
 interface HiddenInputProps extends Omit<React$2.ComponentProps<"input">, "type"> {}
 declare function HiddenInput({
   className,
   ...props
-}: HiddenInputProps): react_jsx_runtime21.JSX.Element;
+}: HiddenInputProps): react_jsx_runtime0.JSX.Element;
 interface ListProps extends Omit<React$2.ComponentProps<"div">, "children"> {
   children?: React$2.ReactNode | ((files: FileUploadItem[]) => React$2.ReactNode);
 }
@@ -1014,7 +1015,7 @@ declare function List({
   className,
   children,
   ...props
-}: ListProps): react_jsx_runtime21.JSX.Element | null;
+}: ListProps): react_jsx_runtime0.JSX.Element | null;
 interface ListItemProps extends React$2.ComponentProps<"div"> {
   file: FileUploadItem;
   /** Show file type icon (default: true) */
@@ -1029,6 +1030,8 @@ interface ListItemProps extends React$2.ComponentProps<"div"> {
   showRetry?: boolean;
   /** Custom icon component */
   icon?: React$2.ReactNode;
+  /** Click handler for the list item */
+  onItemClick?: (file: FileUploadItem) => void;
 }
 declare function ListItem({
   file,
@@ -1039,13 +1042,14 @@ declare function ListItem({
   showRemove,
   showRetry,
   icon,
+  onItemClick,
   ...props
-}: ListItemProps): react_jsx_runtime21.JSX.Element;
+}: ListItemProps): react_jsx_runtime0.JSX.Element;
 interface ClearAllProps extends React$2.ComponentProps<typeof Button> {}
 declare function ClearAll({
   children,
   ...props
-}: ClearAllProps): react_jsx_runtime21.JSX.Element | null;
+}: ClearAllProps): react_jsx_runtime0.JSX.Element | null;
 declare const FileUpload: {
   Root: typeof Root;
   Dropzone: typeof Dropzone;
@@ -1081,55 +1085,55 @@ declare function OtpInput({
   size,
   "aria-invalid": ariaInvalid,
   ...props
-}: Readonly<OtpInputProps>): react_jsx_runtime21.JSX.Element;
+}: Readonly<OtpInputProps>): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/file-icon.d.ts
-declare function FileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+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_runtime21.JSX.Element;
+declare function UploadIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/chevron-down-icon.d.ts
-declare function ChevronDownIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function ChevronDownIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/send-icon.d.ts
-declare function SendIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function SendIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/stop-icon.d.ts
-declare function StopIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function StopIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/info-icon.d.ts
-declare function InfoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function InfoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/pdf-icon.d.ts
-declare function PdfIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function PdfIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/word-icon.d.ts
-declare function WordIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function WordIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/excel-icon.d.ts
-declare function ExcelIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function ExcelIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/image-file-icon.d.ts
-declare function ImageFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function ImageFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/video-icon.d.ts
-declare function VideoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function VideoIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/audio-icon.d.ts
-declare function AudioIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function AudioIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/archive-icon.d.ts
-declare function ArchiveIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function ArchiveIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/code-file-icon.d.ts
-declare function CodeFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function CodeFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/text-file-icon.d.ts
-declare function TextFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function TextFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/generic-file-icon.d.ts
-declare function GenericFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime21.JSX.Element;
+declare function GenericFileIcon(props: React.ComponentProps<"svg">): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/icons/get-file-type-icon.d.ts
 type FileInfo = {