@factorialco/f0-react 1.244.1 → 1.246.0

package/dist/experimental.d.ts

@@ -39,6 +39,7 @@ import { FolderCellValue } from './types/folder.tsx';
 import { FolderCellValue as FolderCellValue_2 } from '../../value-display/types/folder';
 import { ForwardedRef } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributeAnchorTarget } from 'react';
 import { HTMLAttributes } from 'react';
 import { HTMLInputTypeAttribute } from 'react';
 import { IconCellValue } from './types/icon.tsx';
@@ -93,7 +94,7 @@ declare type Action = {
     label: string;
     onClick: () => void;
     icon?: IconType;
-    variant?: ButtonVariant;
+    variant?: F0ButtonProps["variant"];
     disabled?: boolean;
 };
 
@@ -104,7 +105,90 @@ declare type Action_2 = {
     variant?: "default" | "outline" | "promote";
 };
 
-export declare type ActionDefinition = DropdownItemSeparator | (Omit<DropdownItemObject, "type" | "onClick"> & {
+declare type ActionBaseProps = ActionCommonProps & DataAttributes;
+
+declare type ActionButtonProps = ActionBaseProps & {
+    type?: ButtonType;
+    href?: never;
+    target?: never;
+    onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+
+declare interface ActionCommonProps {
+    /**
+     * Tooltip
+     */
+    tooltip?: string | false;
+    /**
+     * The variant of the action.
+     */
+    variant?: ActionVariant;
+    /**
+     * The children of the action.
+     */
+    children: ReactNode;
+    /**
+     * The prepend of the action.
+     */
+    prepend?: ReactNode;
+    /**
+     * The append of the action.
+     */
+    append?: ReactNode;
+    /**
+     * The prepend outside (next to the button) of the action.
+     */
+    prependOutside?: ReactNode;
+    /**
+     * The append outside of the action.
+     */
+    appendOutside?: ReactNode;
+    /**
+     * The disabled state of the action.
+     */
+    disabled?: boolean;
+    /**
+     * The loading state of the action.
+     */
+    loading?: boolean;
+    /**
+     * The pressed state of the action.
+     */
+    pressed?: boolean;
+    /**
+     * The class name of the action.
+     */
+    className?: string;
+    /**
+     * The size of the action.
+     */
+    size?: ActionSize;
+    /**
+     * The render mode.
+     * @default "default"
+     */
+    mode?: "default" | "only";
+    /**
+     * The title of the action.
+     */
+    title?: string;
+    /**
+     * make the left and right padding of the action smaller.
+     */
+    compact?: boolean;
+    /**
+     * The aria label of the action.
+     */
+    "aria-label"?: string;
+    /**
+     * The tab index of the action.
+     */
+    tabIndex?: number;
+}
+
+export declare type ActionDefinition = DropdownItemSeparator | (Pick<DropdownItemObject, "label" | "icon" | "description" | "critical"> & {
     onClick: () => void;
     enabled?: boolean;
     type?: "primary" | "secondary" | "other";
@@ -118,6 +202,16 @@ export declare interface ActionItemProps {
     inGroup?: boolean;
 }
 
+declare type ActionLinkProps = ActionBaseProps & {
+    href: string;
+    target?: NavTarget;
+    rel?: string;
+    onFocus?: (event: React.FocusEvent<HTMLAnchorElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLAnchorElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    className?: string;
+};
+
 declare type ActionProps = {
     buttonType: "gradient" | "internal";
     label: string;
@@ -127,7 +221,9 @@ declare type ActionProps = {
     icon?: IconType;
 };
 
-declare type ActionProps_2 = {
+declare type ActionProps_2 = ActionLinkProps | ActionButtonProps;
+
+declare type ActionProps_3 = {
     /**
      * The label of the action
      */
@@ -179,6 +275,10 @@ declare type ActionProps_2 = {
     type?: "default";
 });
 
+declare type ActionSize = (typeof actionSizes)[number];
+
+declare const actionSizes: readonly ["sm", "md", "lg"];
+
 declare type ActionType = CopyActionType | NavigateActionType;
 
 export declare type actionType = {
@@ -198,6 +298,10 @@ declare type actionType_2 = {
     variant?: "default" | "outline" | "neutral";
 };
 
+declare type ActionVariant = (typeof actionVariants)[number];
+
+declare const actionVariants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote", "outlinePromote", "link", "unstyled", "mention"];
+
 export declare const ActivityItemList: (({ items, loadingMoreItems, onClickItem, onEndReached, onEndReachedItemsThreshold, }: ActivityItemListProps) => default_2.JSX.Element) & {
     Skeleton: () => default_2.JSX.Element;
 };
@@ -687,7 +791,7 @@ declare interface BaseHeaderProps_2 {
     } | AvatarVariant;
     description?: string;
     primaryAction?: PrimaryActionButton | PrimaryDropdownAction<string>;
-    secondaryActions?: SecondaryAction[];
+    secondaryActions?: HeaderSecondaryAction[];
     otherActions?: (DropdownItem & {
         isVisible?: boolean;
     })[];
@@ -745,13 +849,13 @@ declare type BreadcrumbBaseItemType = NavigationItem & {
     label: string;
 };
 
-declare type BreadcrumbItemType = BreadcrumbLoadingItemType | BreadcrumbNavItemType | BreadcrumbSelectItemType;
+export declare type BreadcrumbItemType = BreadcrumbLoadingItemType | BreadcrumbNavItemType | BreadcrumbSelectItemType;
 
-declare type BreadcrumbLoadingItemType = Pick<BreadcrumbBaseItemType, "id"> & {
+export declare type BreadcrumbLoadingItemType = Pick<BreadcrumbBaseItemType, "id"> & {
     loading: true;
 };
 
-declare type BreadcrumbNavItemType = BreadcrumbBaseItemType & {
+export declare type BreadcrumbNavItemType = BreadcrumbBaseItemType & {
     module?: ModuleId;
 };
 
@@ -780,7 +884,7 @@ export declare function Breadcrumbs({ breadcrumbs, append }: BreadcrumbsProps):
 
 export declare function BreadcrumbSelect<T extends string, R = unknown>({ ...props }: BreadcrumbSelectProps<T, R>): JSX_2.Element;
 
-declare type BreadcrumbSelectItemType = BreadcrumbBaseItemType & {
+export declare type BreadcrumbSelectItemType = BreadcrumbBaseItemType & {
     type: "select";
     searchbox?: boolean;
     externalSearch?: boolean;
@@ -805,6 +909,15 @@ export declare interface BreadcrumbsProps {
     append?: ReactNode;
 }
 
+export declare interface BreadcrumbState {
+    visibleCount: number;
+    headItem: BreadcrumbItemType | null;
+    tailItems: BreadcrumbItemType[];
+    collapsedItems: BreadcrumbItemType[];
+    isOnly: boolean;
+    minWidth: number | undefined;
+}
+
 declare interface BreakType {
     id: string;
     name: string;
@@ -842,8 +955,6 @@ export declare type BulkActionsDefinition<R extends RecordType, Filters extends
     warningMessage: string;
 };
 
-declare const Button: React_2.ForwardRefExoticComponent<ButtonProps_2 & React_2.RefAttributes<HTMLButtonElement>>;
-
 export declare interface ButtonConfig {
     key: string;
     icon: IconType;
@@ -855,11 +966,47 @@ export declare interface ButtonConfig {
     };
 }
 
-declare type ButtonInternalProps = Pick<ComponentProps<typeof Button>, "variant" | "size" | "disabled" | "type" | "round" | "className" | "pressed" | "style"> & DataAttributes & {
+declare type ButtonDropdownItem<T = string> = {
+    /**
+     * The value of the item.
+     */
+    value: T;
+    /**
+     * The label of the item.
+     */
+    label: string;
+    /**
+     * The icon of the item.
+     */
+    icon?: IconType;
+    /**
+     * Whether the item is critical.
+     * @default false
+     */
+    critical?: boolean;
+    /**
+     * The description of the item.
+     */
+    description?: string;
+};
+
+declare type ButtonInternalProps = Pick<ActionProps_2, "size" | "disabled" | "className" | "pressed" | "compact" | "variant" | "tooltip"> & DataAttributes & {
+    /**
+     * The aria-label of the button if not provided title or label will be used.
+     */
+    "aria-label"?: string;
+    /**
+     * The variant of the button.
+     */
+    variant?: ButtonVariant;
     /**
      * Callback fired when the button is clicked. Supports async functions for loading state.
      */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<unknown>;
+    onClick?: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void | Promise<unknown>;
+    /**
+     * The title of the button.
+     */
+    title?: string;
     /**
      * The visible label for the button. Required for accessibility.
      */
@@ -883,52 +1030,63 @@ declare type ButtonInternalProps = Pick<ComponentProps<typeof Button>, "variant"
     /**
      * Sets the button size. 'lg' for mobile, 'md' for desktop, 'sm' for compact/secondary actions.
      */
-    size?: "sm" | "md" | "lg";
+    size?: ButtonSize;
     /**
+     * @private
      * Appends a React node after the button content (for custom UI extensions).
      */
     append?: React.ReactNode;
-    /**
-     * Appends a React node as a separate button, visually grouped with the main button.
-     */
-    appendButton?: React.ReactNode;
     /**
      * If true, the button is inactive and does not respond to user interaction.
      */
     disabled?: boolean;
     /**
+     * @private
      * If true, the button is visually active or selected (pressed state).
      */
     pressed?: boolean;
-};
+    /**
+     * @private
+     * If true, the button will not automatically add a tooltip based on the hideLabel and label properties.
+     */
+    noAutoTooltip?: boolean;
+    /**
+     * @private
+     * If true, the button will not automatically add a title based label
+     */
+    noTitle?: boolean;
+    /**
+     * @private
+     * The style of the button.
+     */
+    style?: React.CSSProperties;
+} & ({
+    /**
+     * The URL to navigate to when the button is clicked.
+     */
+    href: string;
+    /**
+     * The target to navigate to when the button is clicked.
+     */
+    target?: NavTarget;
+    type?: never;
+} | {
+    href?: never;
+    target?: never;
+    type?: ButtonType;
+});
 
-declare type ButtonProps = Omit<ButtonInternalProps, (typeof privateProps)[number]>;
+declare type ButtonSize = (typeof buttonSizes)[number];
 
-declare interface ButtonProps_2 extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    asChild?: boolean;
-    round?: boolean;
-    size?: ButtonSize;
-    variant?: ButtonVariant;
-    appendButton?: React_2.ReactNode;
-    pressed?: boolean;
-}
+declare const buttonSizes: readonly ["sm", "md", "lg"];
 
-declare type ButtonSize = (typeof sizes)[number];
+declare type ButtonType = (typeof buttonTypes)[number];
 
-declare type ButtonVariant = (typeof variants)[number];
+declare const buttonTypes: readonly ["button", "submit", "reset"];
 
-declare const buttonVariants: (props?: ({
-    disabled?: boolean | undefined;
-    pressed?: boolean | undefined;
-    variant?: "default" | "critical" | "promote" | "neutral" | "outline" | "ghost" | "outlinePromote" | undefined;
-    size?: "lg" | "md" | "sm" | undefined;
-} & ({
-    class?: ClassValue;
-    className?: never;
-} | {
-    class?: never;
-    className?: ClassValue;
-})) | undefined) => string;
+declare type ButtonVariant = (typeof buttonVariants)[number];
+
+declare const buttonVariants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote", "outlinePromote"];
 
 export declare type CalendarDate = {
     day: number;
@@ -984,7 +1142,7 @@ declare interface CalloutSkeletonProps {
     variant?: CalloutVariant;
 }
 
-declare type CalloutVariant = (typeof variants_2)[number];
+declare type CalloutVariant = (typeof variants)[number];
 
 declare type CardAvatarVariant = AvatarVariant | {
     type: "emoji";
@@ -1129,7 +1287,7 @@ declare type ChartConfig_2 = {
 
 declare const ChartContainer: React_2.ForwardRefExoticComponent<Omit<ChartContainerComponentProps, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-declare interface ChartContainerComponentProps extends React_2.ComponentProps<"div">, VariantProps<typeof variants_3> {
+declare interface ChartContainerComponentProps extends React_2.ComponentProps<"div">, VariantProps<typeof variants_2> {
     config: ChartConfig_2;
     children: React_2.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
 }
@@ -1421,6 +1579,10 @@ declare type Data<R extends RecordType> = {
  */
 export declare type DataAdapter<R extends RecordType, Filters extends FiltersDefinition> = BaseDataAdapter<R, Filters, BaseFetchOptions<Filters>, BaseResponse<R>> | PaginatedDataAdapter<R, Filters, PaginatedFetchOptions<Filters>, PaginatedResponse<R>>;
 
+declare type DataAttributes_2 = {
+    [key: `data-${string}`]: string | undefined;
+};
+
 export declare type DataCollectionBaseFetchOptions<Filters extends FiltersDefinition, NavigationFilters extends NavigationFiltersDefinition> = BaseFetchOptions<Filters> & DataCollectionExtendFetchOptions<NavigationFilters>;
 
 /**
@@ -1778,6 +1940,7 @@ declare const defaultTranslations: {
         readonly thumbsDown: "Dislike";
         readonly other: "Other actions";
         readonly toggle: "Toggle";
+        readonly toggleDropdownMenu: "Toggle dropdown menu";
     };
     readonly status: {
         readonly selected: {
@@ -1979,17 +2142,17 @@ description: string;
 actions?: {
 primary: {
 label: string;
-onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<unknown>) | undefined;
-disabled?: boolean | undefined | undefined;
 icon?: IconType_2 | undefined;
+onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void | Promise<unknown>) | undefined;
+disabled?: boolean | undefined;
 } & {
 variant?: "default" | "critical" | "neutral";
 };
 secondary: {
 label: string;
-onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<unknown>) | undefined;
-disabled?: boolean | undefined | undefined;
 icon?: IconType_2 | undefined;
+onClick?: ((event: React.MouseEvent<HTMLElement, MouseEvent>) => void | Promise<unknown>) | undefined;
+disabled?: boolean | undefined;
 };
 };
 open?: boolean;
@@ -2017,16 +2180,16 @@ export declare const Dropdown: (props: DropdownProps) => JSX_2.Element;
 declare type DropdownInternalProps = {
     items: DropdownItem[];
     icon?: IconType;
-    size?: ButtonProps["size"];
+    size?: F0ButtonProps["size"];
     children?: default_2.ReactNode;
     align?: "start" | "end";
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
-} & DataAttributes;
+} & DataAttributes_2;
 
 export declare type DropdownItem = DropdownItemObject | DropdownItemSeparator;
 
-export declare type DropdownItemObject = NavigationItem & {
+export declare type DropdownItemObject = Pick<NavigationItem, "label" | "href"> & {
     type?: "item";
     onClick?: () => void;
     icon?: IconType;
@@ -2039,14 +2202,14 @@ declare type DropdownItemSeparator = {
     type: "separator";
 };
 
+export declare type DropdownItemWithoutIcon = Omit<DropdownItemObject, "icon">;
+
 declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
 
 declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
-declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
 declare type DropdownProps = Omit<DropdownInternalProps, (typeof privateProps_2)[number]> & {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
@@ -2068,7 +2231,7 @@ declare type EmptyState = {
     emoji?: string;
     title: string;
     description?: string;
-    actions?: ActionProps_2[];
+    actions?: ActionProps_3[];
 };
 
 declare const emptyStatesTypes: readonly ["no-data", "no-results", "error"];
@@ -2315,16 +2478,7 @@ declare type F0AvatarTeamProps = {
     badge?: AvatarBadge;
 } & Pick<BaseAvatarProps, "aria-label" | "aria-labelledby">;
 
-export declare const F0ButtonToggle: ForwardRefExoticComponent<F0ButtonToggleProps & RefAttributes<HTMLButtonElement>>;
-
-declare interface F0ButtonToggleProps {
-    selected?: boolean;
-    onSelectedChange?: (selected: boolean) => void;
-    label: string;
-    disabled?: boolean;
-    icon: IconType;
-    size?: "sm" | "md" | "lg";
-}
+declare type F0ButtonProps = Omit<ButtonInternalProps, (typeof privateProps)[number]>;
 
 export declare const F0Callout: ForwardRefExoticComponent<CalloutInternalProps & RefAttributes<HTMLDivElement>> & {
     Skeleton: ({ compact, variant }: CalloutSkeletonProps) => JSX_2.Element;
@@ -2350,7 +2504,7 @@ value?: string;
 threshold?: number;
 debounceTime?: number;
 autoFocus?: boolean;
-} & Pick<InputFieldProps<string>, "onChange" | "name" | "onFocus" | "onBlur" | "disabled" | "size" | "loading" | "placeholder" | "clearable"> & RefAttributes<HTMLInputElement>>;
+} & Pick<InputFieldProps<string>, "onChange" | "size" | "name" | "onFocus" | "onBlur" | "disabled" | "placeholder" | "loading" | "clearable"> & RefAttributes<HTMLInputElement>>;
 
 declare type FavoriteMenuItem = ({
     type: "icon";
@@ -2411,7 +2565,7 @@ export declare type FileType = (typeof FILE_TYPES)[keyof typeof FILE_TYPES];
  * @param actions - The actions to filter
  * @returns An array of filtered actions
  */
-export declare const filterActions: (actions: SecondaryActionsDefinition) => SecondaryActionsItemDefinition[];
+export declare const filterActions: (groups: SecondaryActionGroup[]) => SecondaryActionGroup[];
 
 /**
  * Union of all available filter types.
@@ -2571,12 +2725,12 @@ export declare const getGranularitySimpleDefinition: (granularityKey: Granularit
 /**
  * Get the primaryActionsItems from the primaryActionsDefinition or the actions property
  */
-export declare const getPrimaryActions: (primaryActions: PrimaryActionsDefinitionFn | undefined) => PrimaryActionsDefinition[];
+export declare const getPrimaryActions: (primaryActions: PrimaryActionsDefinitionFn | undefined) => PrimaryActionItemDefinition[];
 
 /**
  * Get the secondaryActionsItems from the secondaryActionsDefinition or the actions property
  */
-export declare const getSecondaryActions: (secondaryActions: SecondaryActionsDefinition | undefined) => SecondaryActionsItemDefinition[];
+export declare const getSecondaryActions: (secondaryActions: SecondaryActionsDefinition | undefined) => SecondaryActionGroup[];
 
 export declare interface GranularityDefinition {
     calendarMode?: CalendarMode;
@@ -2687,6 +2841,10 @@ declare type HeaderProps = {
     };
 };
 
+declare type HeaderSecondaryAction = SecondaryAction & {
+    hideLabel?: boolean;
+};
+
 export declare type heightType = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "auto";
 
 export declare const HighlightBanner: ({ title, subtitle, buttonLabel, onClick, }: HighlightBannerProps) => JSX_2.Element;
@@ -2823,7 +2981,7 @@ export declare type InfiniteScrollPaginatedResponse<TRecord> = BasePaginatedResp
 
 export declare const Input: <T extends string = string>(props: InputProps<T>) => JSX_2.Element;
 
-declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "role" | "onFocus" | "onBlur" | "status" | "disabled" | "size" | "icon" | "loading" | "hideLabel" | "append" | "maxLength" | "required" | "error" | "labelIcon" | "onClickContent" | "hint" | "readonly" | "clearable" | "onClear" | "isEmpty" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider"> & React_2.RefAttributes<HTMLInputElement>>;
+declare const Input_2: React_2.ForwardRefExoticComponent<Omit<React_2.InputHTMLAttributes<HTMLInputElement>, "onChange" | "size"> & Pick<InputFieldProps<string>, "label" | "onChange" | "size" | "icon" | "role" | "onFocus" | "onBlur" | "status" | "disabled" | "maxLength" | "required" | "loading" | "error" | "hideLabel" | "append" | "labelIcon" | "onClickContent" | "hint" | "readonly" | "clearable" | "onClear" | "isEmpty" | "emptyValue" | "hideMaxLength" | "appendTag" | "lengthProvider"> & React_2.RefAttributes<HTMLInputElement>>;
 
 declare const INPUTFIELD_SIZES: readonly ["sm", "md"];
 
@@ -3330,7 +3488,7 @@ export declare type NavigationFilterValue<T> = T extends DateNavigatorFilterDefi
 
 declare type NavigationItem = Pick<LinkProps, "href" | "exactMatch" | "onClick"> & {
     label: string;
-} & DataAttributes;
+} & DataAttributes_2;
 
 declare type NavigationProps = {
     previous?: {
@@ -3347,6 +3505,8 @@ declare type NavigationProps = {
     };
 };
 
+declare type NavTarget = HTMLAttributeAnchorTarget;
+
 /**
  * Utility type to extract all possible paths from nested object.
  * Generates hyphenated paths from nested object structure
@@ -3533,30 +3693,6 @@ export declare interface OneDatePickerProps extends Omit<DatePickerPopupProps, "
     hideGoToCurrent?: boolean;
 }
 
-export declare const OneDropdownButton: ({ items, onClick, value, ...props }: OneDropdownButtonProps) => JSX_2.Element | undefined;
-
-export declare type OneDropdownButtonItem<T = string> = Pick<DropdownItemObject, "label" | "icon" | "critical" | "description"> & {
-    value: T;
-};
-
-export declare type OneDropdownButtonProps<T = string> = {
-    size?: OneDropdownButtonSize;
-    items: (OneDropdownButtonItem<T> | DropdownItemSeparator)[];
-    variant?: OneDropdownButtonVariant;
-    value?: T;
-    disabled?: boolean;
-    loading?: boolean;
-    onClick: (value: T, item: OneDropdownButtonItem<T>) => void;
-};
-
-declare type OneDropdownButtonSize = (typeof oneDropdownButtonSizes)[number];
-
-declare const oneDropdownButtonSizes: readonly ["sm", "md", "lg"];
-
-declare type OneDropdownButtonVariant = (typeof oneDropdownButtonVariants)[number];
-
-declare const oneDropdownButtonVariants: readonly ["default", "outline", "neutral"];
-
 export declare function OneEmptyState({ title, description, variant, emoji, actions, }: Types.OneEmptyStateProps): JSX_2.Element;
 
 declare type OneEmptyStateProps = {
@@ -3575,7 +3711,7 @@ declare type OneEmptyStateProps = {
      * and can include a label, click handler, optional icon, and button variant.
      * @optional
      */
-    actions?: ActionProps_2[];
+    actions?: ActionProps_3[];
 } & ({
     /**
      * The variant of the empty state
@@ -3959,13 +4095,13 @@ declare interface PrimaryActionButton extends PrimaryAction {
     onClick: () => void;
 }
 
-export declare type PrimaryActionsDefinition = Pick<DropdownItemObject, "onClick" | "label" | "icon">;
+export declare type PrimaryActionItemDefinition = Pick<DropdownItemObject, "onClick" | "label" | "icon">;
 
 /**
  * Defines the structure and configuration of the primary action that can be performed on a collection.
  * @returns An action
  */
-export declare type PrimaryActionsDefinitionFn = () => PrimaryActionsDefinition | PrimaryActionsDefinition[] | undefined;
+export declare type PrimaryActionsDefinitionFn = () => PrimaryActionItemDefinition | PrimaryActionItemDefinition[] | undefined;
 
 export declare type primaryActionType = {
     action: actionType;
@@ -3973,19 +4109,21 @@ export declare type primaryActionType = {
 };
 
 declare interface PrimaryDropdownAction<T> extends PrimaryAction {
-    items: OneDropdownButtonItem<T>[];
+    items: ButtonDropdownItem<T>[];
     value?: T;
-    onClick: (value: T, item: OneDropdownButtonItem<T>) => void;
+    onClick: (value: T, item: ButtonDropdownItem<T>) => void;
 }
 
 export declare const PrivateBox: FC<PropsWithChildren>;
 
-declare const privateProps: readonly ["append", "appendButton", "className"];
+declare const privateProps: readonly ["append", "className", "pressed", "compact", "noTitle", "noAutoTooltip", "style"];
 
 declare const privateProps_2: readonly [];
 
 declare const privateProps_3: readonly ["compact"];
 
+declare const privateProps_4: readonly ["delay"];
+
 declare type ProductUpdate = {
     title: string;
     href: string;
@@ -4002,7 +4140,7 @@ declare type ProductUpdatesProp = {
     hasUnread?: boolean;
     currentModule: string;
     onOpenChange?: ComponentProps<typeof DropdownMenu>["onOpenChange"];
-    onHeaderClick?: ComponentProps<typeof DropdownMenuTrigger>["onClick"];
+    onHeaderClick?: F0ButtonProps["onClick"];
     onItemClick?: ComponentProps<typeof DropdownMenuItem>["onClick"];
     emptyScreen: {
         title: string;
@@ -4094,7 +4232,7 @@ declare type Props_2 = {
     /** Description text below the title */
     description: string;
     /**  Complementary action specific to the section */
-    action?: Pick<ButtonProps, "label" | "onClick"> & {
+    action?: Pick<F0ButtonProps, "label" | "onClick"> & {
         icon?: IconType;
         variant?: "default" | "outline";
     };
@@ -4310,20 +4448,27 @@ declare interface SecondaryAction extends PrimaryActionButton {
     variant?: "outline" | "critical" | "outlinePromote" | "promote";
 }
 
-export declare type SecondaryActionsDefinition = {
-    expanded: Enumerate<typeof MAX_EXPANDED_ACTIONS>;
-    actions: () => Array<SecondaryActionsItemDefinition> | undefined;
-} | (() => Array<SecondaryActionsItemDefinition> | undefined);
+export declare type SecondaryActionGroup = {
+    label?: string;
+    items: SecondaryActionItem[];
+};
 
 /**
  * Defines the structure and configuration of secondary actions that can be performed on a collection.
  * @returns An array of actions
  */
-export declare type SecondaryActionsItemDefinition = DropdownItem & {
+export declare type SecondaryActionItem = Pick<DropdownItemObject, "label" | "icon" | "description" | "critical" | "onClick"> & {
     enabled?: boolean;
     hideLabelWhenExpanded?: boolean;
 };
 
+export declare type SecondaryActionsDefinition = {
+    expanded: Enumerate<typeof MAX_EXPANDED_ACTIONS>;
+    actions: () => SecondaryActionsItems | undefined;
+} | (() => SecondaryActionsItems | undefined);
+
+export declare type SecondaryActionsItems = SecondaryActionItem[] | SecondaryActionItem[][] | SecondaryActionGroup[];
+
 export declare type secondaryActionsType = secondaryActionType | secondaryActionType[];
 
 export declare type secondaryActionType = (actionType | toggleActionType) & {
@@ -4484,8 +4629,6 @@ declare type SidebarState = "locked" | "unlocked" | "hidden";
  */
 declare type SimpleResult<T> = T[];
 
-declare const sizes: readonly ["sm", "md", "lg"];
-
 declare const skeletonVariants: (props?: ({
     height?: "lg" | "md" | "sm" | undefined;
 } & ({
@@ -4534,7 +4677,7 @@ declare interface SpinnerProps extends VariantProps<typeof spinnerVariants> {
 }
 
 declare const spinnerVariants: (props?: ({
-    size?: "small" | "large" | "medium" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
 } & ({
     class?: ClassValue;
     className?: never;
@@ -4552,8 +4695,8 @@ width?: "auto" | "full" | undefined;
 paddingY?: "none" | "p-2" | "p-4" | "p-8" | "p-12" | "p-16" | undefined;
 basis?: "0" | undefined;
 inline?: boolean | undefined;
-justifyContent?: "center" | "end" | "start" | "stretch" | "space-between" | undefined;
-alignItems?: "center" | "end" | "start" | "stretch" | "space-between" | undefined;
+justifyContent?: "center" | "end" | "start" | "space-between" | "stretch" | undefined;
+alignItems?: "center" | "end" | "start" | "space-between" | "stretch" | undefined;
 grow?: boolean | undefined;
 shrink?: boolean | undefined;
 } & ({
@@ -4582,8 +4725,8 @@ width?: "auto" | "full" | undefined;
 paddingY?: "none" | "p-2" | "p-4" | "p-8" | "p-12" | "p-16" | undefined;
 basis?: "0" | undefined;
 inline?: boolean | undefined;
-justifyContent?: "center" | "end" | "start" | "stretch" | "space-between" | undefined;
-alignItems?: "center" | "end" | "start" | "stretch" | "space-between" | undefined;
+justifyContent?: "center" | "end" | "start" | "space-between" | "stretch" | undefined;
+alignItems?: "center" | "end" | "start" | "space-between" | "stretch" | undefined;
 grow?: boolean | undefined;
 shrink?: boolean | undefined;
 } & ({
@@ -4646,7 +4789,7 @@ export declare type SummaryType = "sum";
 
 export declare function Switch({ title, onCheckedChange, id, disabled, checked, value, hideLabel, presentational, ...rest }: SwitchProps): JSX_2.Element;
 
-declare interface SwitchProps extends DataAttributes {
+declare interface SwitchProps extends DataAttributes_2 {
     /**
      * The title of the switch
      */
@@ -4689,7 +4832,8 @@ export declare type TabItem = {
     label: string;
     index?: boolean;
     variant?: "default" | "upsell";
-} & DataAttributes & ({
+    onClick?: () => void;
+} & DataAttributes_2 & ({
     href: string;
 } | {
     id: string;
@@ -4864,7 +5008,7 @@ export declare const Textarea: React.FC<TextareaProps>;
 
 declare const Textarea_2: React_2.ForwardRefExoticComponent<Omit<React_2.TextareaHTMLAttributes<HTMLTextAreaElement>, "value" | "onChange" | "onFocus" | "onBlur"> & {
     value?: string;
-} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "icon" | "hideLabel" | "maxLength" | "placeholder" | "error" | "labelIcon" | "hint" | "clearable" | "onClear"> & React_2.RefAttributes<HTMLTextAreaElement>>;
+} & Pick<InputFieldProps<string>, "label" | "value" | "onChange" | "icon" | "onFocus" | "onBlur" | "onKeyDown" | "status" | "maxLength" | "placeholder" | "error" | "hideLabel" | "labelIcon" | "hint" | "clearable" | "onClear"> & React_2.RefAttributes<HTMLTextAreaElement>>;
 
 export declare type TextareaProps = Pick<ComponentProps<typeof Textarea_2>, "disabled" | "onChange" | "value" | "placeholder" | "rows" | "cols" | "label" | "labelIcon" | "icon" | "hideLabel" | "maxLength" | "clearable" | "onBlur" | "onFocus" | "name" | "status" | "hint" | "error">;
 
@@ -5015,11 +5159,12 @@ export declare interface ToolbarProps {
     plainHtmlMode?: boolean;
 }
 
-export declare function Tooltip({ label, description, children, shortcut, }: TooltipProps): default_2.JSX.Element;
+export declare const Tooltip: (props: TooltipProps) => default_2.JSX.Element;
 
-declare type TooltipProps = {
+declare type TooltipInternalProps = {
     children: default_2.ReactNode;
     shortcut?: ComponentProps<typeof Shortcut>["keys"];
+    delay?: number;
 } & ({
     label: string;
     description?: string;
@@ -5028,6 +5173,8 @@ declare type TooltipProps = {
     description: string;
 });
 
+export declare type TooltipProps = Omit<TooltipInternalProps, (typeof privateProps_4)[number]>;
+
 declare interface TranscriptLabels {
     deleteBlock: string;
     expand: string;
@@ -5063,7 +5210,7 @@ declare type Type = "bar-chart" | "line-chart";
 
 declare namespace Types {
     export {
-        ActionProps_2 as ActionProps,
+        ActionProps_3 as ActionProps,
         OneEmptyStateProps
     }
 }
@@ -5191,11 +5338,9 @@ declare type ValueDisplayVisualizationType = "table" | "card" | "list" | (string
 
 declare type Variant = "neutral" | "info" | "positive" | "warning" | "critical";
 
-declare const variants: readonly ["default", "outline", "critical", "neutral", "ghost", "promote", "outlinePromote"];
-
-declare const variants_2: readonly ["ai", "critical", "positive", "info", "warning"];
+declare const variants: readonly ["ai", "critical", "positive", "info", "warning"];
 
-declare const variants_3: (props?: ({
+declare const variants_2: (props?: ({
     aspect?: "small" | "square" | "wide" | undefined;
 } & ({
     class?: ClassValue;
@@ -5341,7 +5486,7 @@ export declare interface WidgetProps {
         };
         count?: number;
     };
-    action?: ButtonProps;
+    action?: F0ButtonProps;
     summaries?: Array<{
         label: string;
         value: string | number;
@@ -5456,6 +5601,11 @@ declare module "@tiptap/core" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         moodTracker: {
@@ -5463,8 +5613,3 @@ declare module "@tiptap/core" {
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}