@wordpress/components 25.13.0 → 25.15.0

package/build-types/dropdown-menu-v2/styles.d.ts

@@ -1,42 +1,96 @@
 /// <reference types="react" />
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import type { DropdownMenuInternalContext } from './types';
+/**
+ * External dependencies
+ */
+import * as Ariakit from '@ariakit/react';
+import type { DropdownMenuContext } from './types';
+export declare const DropdownMenu: import("@emotion/styled").StyledComponent<Ariakit.MenuOptions<"div"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | keyof Ariakit.MenuOptions<"div">> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & Pick<DropdownMenuContext, "variant">, {}, {}>;
+export declare const DropdownMenuItem: import("@emotion/styled").StyledComponent<Ariakit.MenuItemOptions<"div"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | keyof Ariakit.MenuItemOptions<"div">> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const DropdownMenuCheckboxItem: import("@emotion/styled").StyledComponent<Ariakit.MenuItemCheckboxOptions<"div"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | keyof Ariakit.MenuItemCheckboxOptions<"div">> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const DropdownMenuRadioItem: import("@emotion/styled").StyledComponent<Ariakit.MenuItemRadioOptions<"div"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | keyof Ariakit.MenuItemRadioOptions<"div">> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 export declare const ItemPrefixWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const ItemSuffixWrapper: import("@emotion/styled").StyledComponent<{
+export declare const DropdownMenuItemContentWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Pick<DropdownMenuInternalContext, "variant">, {}, {}>;
-export declare const SubContent: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement> & {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropdownMenuItemChildrenWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-} & Pick<DropdownMenuInternalContext, "variant">, {}, {}>;
-export declare const Item: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const CheckboxItem: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ItemSuffixWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const RadioItem: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement> & {
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DropdownMenuGroup: import("@emotion/styled").StyledComponent<Ariakit.MenuGroupOptions<"div"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | keyof Ariakit.MenuGroupOptions<"div">> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const SubTrigger: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement> & {
+export declare const DropdownMenuSeparator: import("@emotion/styled").StyledComponent<Ariakit.MenuSeparatorOptions<"hr"> & {
+    [index: `data-${string}`]: unknown;
+    wrapElement?: import("@ariakit/react-core/cjs/utils/types").WrapElement | undefined;
+    children?: import("@ariakit/react-core/cjs/utils/types").Children<any>;
+    render?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("@ariakit/react-core/cjs/utils/types").RenderProp<import("react").HTMLAttributes<any> & import("react").RefAttributes<any>> | undefined;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "key" | keyof import("react").HTMLAttributes<HTMLHRElement>> & {
+    ref?: ((instance: HTMLHRElement | null) => void) | import("react").RefObject<HTMLHRElement> | null | undefined;
+}, "children" | keyof Ariakit.MenuSeparatorOptions<"hr">> & {
     theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement> & {
+} & Pick<DropdownMenuContext, "variant">, {}, {}>;
+export declare const SubmenuChevronIcon: import("@emotion/styled").StyledComponent<import("../icon").Props & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const Separator: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Pick<DropdownMenuInternalContext, "variant">, {}, {}>;
-export declare const ItemIndicator: import("@emotion/styled").StyledComponent<DropdownMenu.DropdownMenuItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement> & {
+export declare const DropdownMenuItemLabel: import("@emotion/styled").StyledComponent<import("../truncate/types").TruncateProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../truncate/types").TruncateProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const SubmenuRtlChevronIcon: import("@emotion/styled").StyledComponent<import("../icon").Props & {
+export declare const DropdownMenuItemHelpText: import("@emotion/styled").StyledComponent<import("../truncate/types").TruncateProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../truncate/types").TruncateProps> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/dropdown-menu-v2/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAQ9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AA0I3D,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC;AA8CF,eAAO,MAAM,OAAO;;yDAInB,CAAC;AACF,eAAO,MAAM,UAAU;;yDAItB,CAAC;AAEF,eAAO,MAAM,IAAI;;UAEhB,CAAC;AACF,eAAO,MAAM,YAAY;;UAExB,CAAC;AACF,eAAO,MAAM,SAAS;;UAErB,CAAC;AACF,eAAO,MAAM,UAAU;;UAMtB,CAAC;AAEF,eAAO,MAAM,KAAK;;UAgBjB,CAAC;AAEF,eAAO,MAAM,SAAS;;yDAWrB,CAAC;AAEF,eAAO,MAAM,aAAa;;UAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;UASjC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/styles.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAW1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAwDnD,eAAO,MAAM,YAAY;;;;;;;;;iDAmDxB,CAAC;AAmFF,eAAO,MAAM,gBAAgB;;;;;;;;;UAE5B,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;UAEpC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;UAEjC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAmC7B,CAAC;AAEF,eAAO,MAAM,8BAA8B;;;yGAa1C,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAM3C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAqB7B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;UAG7B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;iDAkBjC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;UAU9B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;UAIjC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;UASpC,CAAC"}

package/build-types/dropdown-menu-v2/types.d.ts

@@ -2,23 +2,43 @@
 /**
  * External dependencies
  */
-import type * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-export type DropdownMenuProps = {
+import type * as Ariakit from '@ariakit/react';
+import type { Placement } from '@floating-ui/react-dom';
+export interface DropdownMenuContext {
+    /**
+     * The ariakit store shared across all DropdownMenu subcomponents.
+     */
+    store: Ariakit.MenuStore;
+    /**
+     * The variant used by the underlying menu popover.
+     */
+    variant?: 'toolbar';
+}
+export interface DropdownMenuProps {
+    /**
+     * The trigger button.
+     */
+    trigger: React.ReactElement;
+    /**
+     * The contents of the dropdown.
+     */
+    children?: React.ReactNode;
     /**
      * The open state of the dropdown menu when it is initially rendered. Use when
-     * you do not need to control its open state.
+     * not wanting to control its open state.
      *
+     * @default false
      */
-    defaultOpen?: DropdownMenuPrimitive.DropdownMenuProps['defaultOpen'];
+    defaultOpen?: boolean;
     /**
      * The controlled open state of the dropdown menu. Must be used in conjunction
      * with `onOpenChange`.
      */
-    open?: DropdownMenuPrimitive.DropdownMenuProps['open'];
+    open?: boolean;
     /**
      * Event handler called when the open state of the dropdown menu changes.
      */
-    onOpenChange?: DropdownMenuPrimitive.DropdownMenuProps['onOpenChange'];
+    onOpenChange?: (open: boolean) => void;
     /**
      * The modality of the dropdown menu. When set to true, interaction with
      * outside elements will be disabled and only menu content will be visible to
@@ -26,227 +46,123 @@ export type DropdownMenuProps = {
      *
      * @default true
      */
-    modal?: DropdownMenuPrimitive.DropdownMenuProps['modal'];
+    modal?: boolean;
     /**
-     * The preferred side of the trigger to render against when open.
-     * Will be reversed when collisions occur and avoidCollisions is enabled.
+     * The placement of the dropdown menu popover.
      *
-     * @default 'bottom'
+     * @default 'bottom-start' for root-level menus, 'right-start' for nested menus
      */
-    side?: DropdownMenuPrimitive.DropdownMenuContentProps['side'];
+    placement?: Placement;
     /**
-     * The distance in pixels from the trigger.
+     * The distance between the popover and the anchor element.
      *
-     * @default 0
+     * @default 8 for root-level menus, 16 for nested menus
      */
-    sideOffset?: DropdownMenuPrimitive.DropdownMenuContentProps['sideOffset'];
+    gutter?: number;
     /**
-     * The preferred alignment against the trigger.
-     * May change when collisions occur.
+     * The skidding of the popover along the anchor element. Can be set to
+     * negative values to make the popover shift to the opposite side.
      *
-     * @default 'start'
+     * @default 0 for root-level menus, -8 for nested menus
      */
-    align?: DropdownMenuPrimitive.DropdownMenuContentProps['align'];
+    shift?: number;
     /**
-     * An offset in pixels from the "start" or "end" alignment options.
+     * Determines whether the menu popover will be hidden when the user presses
+     * the Escape key.
      *
-     * @default 0
-     */
-    alignOffset?: DropdownMenuPrimitive.DropdownMenuContentProps['alignOffset'];
-    /**
-     * The trigger button.
+     * @default `( event ) => { event.preventDefault(); return true; }`
      */
-    trigger: React.ReactNode;
+    hideOnEscape?: boolean | ((event: KeyboardEvent | React.KeyboardEvent<Element>) => boolean);
+}
+export interface DropdownMenuGroupProps {
     /**
-     * The contents of the dropdown
+     * The contents of the dropdown menu group.
      */
     children: React.ReactNode;
-};
-export type DropdownSubMenuTriggerProps = {
+}
+export interface DropdownMenuItemProps {
     /**
-     * The contents of the item.
+     * The contents of the menu item.
      */
     children: React.ReactNode;
     /**
-     * The contents of the item's prefix.
+     * The contents of the menu item's prefix.
      */
     prefix?: React.ReactNode;
     /**
-     * The contents of the item's suffix.
-     *
-     * @default The standard chevron icon for a submenu trigger.
+     * The contents of the menu item's suffix.
      */
     suffix?: React.ReactNode;
-};
-export type DropdownSubMenuProps = {
-    /**
-     * The open state of the submenu when it is initially rendered. Use when you
-     * do not need to control its open state.
-     */
-    defaultOpen?: DropdownMenuPrimitive.DropdownMenuSubProps['defaultOpen'];
     /**
-     * The controlled open state of the submenu. Must be used in conjunction with
-     * `onOpenChange`.
-     */
-    open?: DropdownMenuPrimitive.DropdownMenuSubProps['open'];
-    /**
-     * Event handler called when the open state of the submenu changes.
-     */
-    onOpenChange?: DropdownMenuPrimitive.DropdownMenuSubProps['onOpenChange'];
-    /**
-     * When `true`, prevents the user from interacting with the item.
-     */
-    disabled?: DropdownMenuPrimitive.DropdownMenuSubTriggerProps['disabled'];
-    /**
-     * Optional text used for typeahead purposes for the trigger. By default the typeahead
-     * behavior will use the `.textContent` of the trigger. Use this when the content
-     * is complex, or you have non-textual content inside.
-     */
-    textValue?: DropdownMenuPrimitive.DropdownMenuSubTriggerProps['textValue'];
-    /**
-     * The contents rendered inside the trigger. The trigger should be
-     * an instance of the `DropdownSubMenuTriggerProps` component.
+     * Whether to hide the parent menu when the item is clicked.
+     *
+     * @default true
      */
-    trigger: React.ReactNode;
+    hideOnClick?: boolean;
     /**
-     * The contents of the dropdown sub menu
+     * Determines if the element is disabled.
      */
-    children: React.ReactNode;
-};
-export type DropdownMenuItemProps = {
+    disabled?: boolean;
+}
+export interface DropdownMenuCheckboxItemProps extends Omit<DropdownMenuItemProps, 'prefix' | 'hideOnClick'> {
     /**
-     * When true, prevents the user from interacting with the item.
+     * Whether to hide the dropdown menu when the item is clicked.
      *
      * @default false
      */
-    disabled?: DropdownMenuPrimitive.DropdownMenuItemProps['disabled'];
+    hideOnClick?: boolean;
     /**
-     * Event handler called when the user selects an item (via mouse or keyboard).
-     * Calling `event.preventDefault` in this handler will prevent the dropdown
-     * menu from closing when selecting that item.
+     * The checkbox menu item's name.
      */
-    onSelect?: DropdownMenuPrimitive.DropdownMenuItemProps['onSelect'];
+    name: string;
     /**
-     * Optional text used for typeahead purposes. By default the typeahead
-     * behavior will use the `.textContent` of the item. Use this when the content
-     * is complex, or you have non-textual content inside.
+     * The checkbox item's value, useful when using multiple checkbox menu items
+     * associated to the same `name`.
      */
-    textValue?: DropdownMenuPrimitive.DropdownMenuItemProps['textValue'];
+    value?: string;
     /**
-     * The contents of the item
+     * The controlled checked state of the checkbox menu item.
      */
-    children: React.ReactNode;
+    checked?: boolean;
     /**
-     * The contents of the item's prefix
+     * The checked state of the checkbox menu item when it is initially rendered.
+     * Use when not wanting to control its checked state.
      */
-    prefix?: React.ReactNode;
+    defaultChecked?: boolean;
     /**
-     * The contents of the item's suffix
+     * Event handler called when the checked state of the checkbox menu item changes.
      */
-    suffix?: React.ReactNode;
-};
-export type DropdownMenuCheckboxItemProps = {
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface DropdownMenuRadioItemProps extends Omit<DropdownMenuItemProps, 'prefix' | 'hideOnClick'> {
     /**
-     * The controlled checked state of the item.
-     * Must be used in conjunction with `onCheckedChange`.
+     * Whether to hide the dropdown menu when the item is clicked.
      *
      * @default false
      */
-    checked?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['checked'];
+    hideOnClick?: boolean;
     /**
-     * Event handler called when the checked state changes.
+     * The radio item's name.
      */
-    onCheckedChange?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['onCheckedChange'];
+    name: string;
     /**
-     * When `true`, prevents the user from interacting with the item.
+     * The radio item's value.
      */
-    disabled?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['disabled'];
+    value: string | number;
     /**
-     * Event handler called when the user selects an item (via mouse or keyboard).
-     * Calling `event.preventDefault` in this handler will prevent the dropdown
-     * 	menu from closing when selecting that item.
+     * The controlled checked state of the radio menu item.
      */
-    onSelect?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['onSelect'];
+    checked?: boolean;
     /**
-     * Optional text used for typeahead purposes. By default the typeahead
-     * behavior will use the `.textContent` of the item. Use this when the content
-     * is complex, or you have non-textual content inside.
+     * The checked state of the radio menu item when it is initially rendered.
+     * Use when not wanting to control its checked state.
      */
-    textValue?: DropdownMenuPrimitive.DropdownMenuCheckboxItemProps['textValue'];
+    defaultChecked?: boolean;
     /**
-     * The contents of the checkbox item
+     * Event handler called when the checked radio menu item changes.
      */
-    children: React.ReactNode;
-    /**
-     * The contents of the checkbox item's suffix
-     */
-    suffix?: React.ReactNode;
-};
-export type DropdownMenuRadioGroupProps = {
-    /**
-     * The value of the selected item in the group.
-     */
-    value?: DropdownMenuPrimitive.DropdownMenuRadioGroupProps['value'];
-    /**
-     * Event handler called when the value changes.
-     */
-    onValueChange?: DropdownMenuPrimitive.DropdownMenuRadioGroupProps['onValueChange'];
-    /**
-     * The contents of the radio group
-     */
-    children: React.ReactNode;
-};
-export type DropdownMenuRadioItemProps = {
-    /**
-     * The unique value of the item.
-     */
-    value: DropdownMenuPrimitive.DropdownMenuRadioItemProps['value'];
-    /**
-     * When `true`, prevents the user from interacting with the item.
-     */
-    disabled?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['disabled'];
-    /**
-     * Event handler called when the user selects an item (via mouse or keyboard).
-     * Calling `event.preventDefault` in this handler will prevent the dropdown
-     * menu from closing when selecting that item.
-     */
-    onSelect?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['onSelect'];
-    /**
-     * Optional text used for typeahead purposes. By default the typeahead
-     * behavior will use the `.textContent` of the item. Use this when the content
-     * is complex, or you have non-textual content inside.
-     */
-    textValue?: DropdownMenuPrimitive.DropdownMenuRadioItemProps['textValue'];
-    /**
-     * The contents of the radio item
-     */
-    children: React.ReactNode;
-    /**
-     * The contents of the radio item's suffix
-     */
-    suffix?: React.ReactNode;
-};
-export type DropdownMenuLabelProps = {
-    /**
-     * The contents of the label
-     */
-    children: React.ReactNode;
-};
-export type DropdownMenuGroupProps = {
-    /**
-     * The contents of the group
-     */
-    children: React.ReactNode;
-};
-export type DropdownMenuSeparatorProps = {};
-export type DropdownMenuInternalContext = {
-    /**
-     * This variant can be used to change the appearance of the component in
-     * specific contexts, ie. when rendered inside the `Toolbar` component.
-     */
-    variant?: 'toolbar';
-};
-export type DropdownMenuPrivateContext = Pick<DropdownMenuInternalContext, 'variant'> & {
-    portalContainer?: HTMLElement | null;
-};
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+}
+export interface DropdownMenuSeparatorProps {
+}
 //# sourceMappingURL=types.d.ts.map

package/build-types/dropdown-menu-v2/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,mBAAmB;IACnC;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IACjC;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAE,IAAI,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,YAAY,CAAC,EACV,OAAO,GACP,CAAE,CACF,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,aAAa,CAAE,OAAO,CAAE,KAChD,OAAO,CAAE,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACtC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACrC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,6BAChB,SAAQ,IAAI,CAAE,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAE;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,0BAChB,SAAQ,IAAI,CAAE,qBAAqB,EAAE,QAAQ,GAAG,aAAa,CAAE;IAC/D;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAE,gBAAgB,CAAE,KAAM,IAAI,CAAC;CACpE;AAED,MAAM,WAAW,0BAA0B;CAAG"}

package/build-types/duotone-picker/duotone-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"duotone-picker.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/duotone-picker.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,aAAa,CAAE,EACvB,SAAS,EACT,IAAI,EACJ,SAAgB,EAChB,SAAgB,EAChB,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,UAAU,EACb,EAAE,kBAAkB,eA2IpB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"duotone-picker.d.ts","sourceRoot":"","sources":["../../src/duotone-picker/duotone-picker.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,aAAa,CAAE,EACvB,SAAS,EACT,IAAI,EACJ,SAAgB,EAChB,SAAgB,EAChB,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,oBAAoB,EACpB,KAAK,EACL,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,UAAU,EACb,EAAE,kBAAkB,eA+IpB;AAED,eAAe,aAAa,CAAC"}

package/build-types/focal-point-picker/controls.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { FocalPointPickerControlsProps } from './types';
-export default function FocalPointPickerControls({ __nextHasNoMarginBottom, hasHelpText, onChange, point, }: FocalPointPickerControlsProps): JSX.Element;
+export default function FocalPointPickerControls({ __nextHasNoMarginBottom, __next40pxDefaultSize, hasHelpText, onChange, point, }: FocalPointPickerControlsProps): JSX.Element;
 //# sourceMappingURL=controls.d.ts.map

package/build-types/focal-point-picker/controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/focal-point-picker/controls.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAkB,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAM7E,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,uBAAuB,EACvB,WAAW,EACX,QAAe,EACf,KAGC,GACD,EAAE,6BAA6B,eAmD/B"}
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../src/focal-point-picker/controls.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EAAkB,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAM7E,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAE,EACjD,uBAAuB,EACvB,qBAAqB,EACrB,WAAW,EACX,QAAe,EACf,KAGC,GACD,EAAE,6BAA6B,eAsD/B"}

package/build-types/focal-point-picker/index.d.ts

@@ -46,6 +46,6 @@ import type { FocalPointPickerProps } from './types';
  * };
  * ```
  */
-export declare function FocalPointPicker({ __nextHasNoMarginBottom, autoPlay, className, help, label, onChange, onDrag, onDragEnd, onDragStart, resolvePoint, url, value: valueProp, ...restProps }: WordPressComponentProps<FocalPointPickerProps, 'div', false>): JSX.Element;
+export declare function FocalPointPicker({ __nextHasNoMarginBottom, __next40pxDefaultSize, autoPlay, className, help, label, onChange, onDrag, onDragEnd, onDragStart, resolvePoint, url, value: valueProp, ...restProps }: WordPressComponentProps<FocalPointPickerProps, 'div', false>): JSX.Element;
 export default FocalPointPicker;
 //# sourceMappingURL=index.d.ts.map

package/build-types/focal-point-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/focal-point-picker/index.tsx"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAEX,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAKjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,gBAAgB,CAAE,EACjC,uBAAuB,EACvB,QAAe,EACf,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,GAAG,EACH,KAAK,EAAE,SAGN,EACD,GAAG,SAAS,EACZ,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAE,eAsLhE;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/focal-point-picker/index.tsx"],"names":[],"mappings":";AA8BA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,KAAK,EAEX,qBAAqB,EACrB,MAAM,SAAS,CAAC;AAKjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,gBAAgB,CAAE,EACjC,uBAAuB,EACvB,qBAA6B,EAC7B,QAAe,EACf,SAAS,EACT,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,SAAS,EACT,WAAW,EACX,YAAY,EACZ,GAAG,EACH,KAAK,EAAE,SAGN,EACD,GAAG,SAAS,EACZ,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAE,eAuLhE;AAED,eAAe,gBAAgB,CAAC"}

package/build-types/focal-point-picker/stories/index.story.d.ts

@@ -11,6 +11,7 @@ declare const meta: Meta<typeof FocalPointPicker>;
 export default meta;
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
     __nextHasNoMarginBottom?: boolean | undefined;
+    __next40pxDefaultSize?: boolean | undefined;
     autoPlay?: boolean | undefined;
     onChange: (value: import("../types").FocalPoint) => void;
     onDrag?: ((value: import("../types").FocalPoint, event: MouseEvent) => void) | undefined;
@@ -19,9 +20,10 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     resolvePoint?: ((point: import("../types").FocalPoint) => import("../types").FocalPoint) | undefined;
     url: string;
     value: import("../types").FocalPoint;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
 export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
     __nextHasNoMarginBottom?: boolean | undefined;
+    __next40pxDefaultSize?: boolean | undefined;
     autoPlay?: boolean | undefined;
     onChange: (value: import("../types").FocalPoint) => void;
     onDrag?: ((value: import("../types").FocalPoint, event: MouseEvent) => void) | undefined;
@@ -30,9 +32,10 @@ export declare const Image: import("@storybook/types").AnnotatedStoryFn<import("
     resolvePoint?: ((point: import("../types").FocalPoint) => import("../types").FocalPoint) | undefined;
     url: string;
     value: import("../types").FocalPoint;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
 export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
     __nextHasNoMarginBottom?: boolean | undefined;
+    __next40pxDefaultSize?: boolean | undefined;
     autoPlay?: boolean | undefined;
     onChange: (value: import("../types").FocalPoint) => void;
     onDrag?: ((value: import("../types").FocalPoint, event: MouseEvent) => void) | undefined;
@@ -41,9 +44,10 @@ export declare const Video: import("@storybook/types").AnnotatedStoryFn<import("
     resolvePoint?: ((point: import("../types").FocalPoint) => import("../types").FocalPoint) | undefined;
     url: string;
     value: import("../types").FocalPoint;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
 export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "label" | "help" | "hideLabelFromVision"> & {
     __nextHasNoMarginBottom?: boolean | undefined;
+    __next40pxDefaultSize?: boolean | undefined;
     autoPlay?: boolean | undefined;
     onChange: (value: import("../types").FocalPoint) => void;
     onDrag?: ((value: import("../types").FocalPoint, event: MouseEvent) => void) | undefined;
@@ -52,5 +56,5 @@ export declare const Snapping: import("@storybook/types").AnnotatedStoryFn<impor
     resolvePoint?: ((point: import("../types").FocalPoint) => import("../types").FocalPoint) | undefined;
     url: string;
     value: import("../types").FocalPoint;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "label" | "help" | "onChange" | "onDrag" | "onDragEnd" | "onDragStart" | "as" | "autoPlay" | "value" | "url" | "__next40pxDefaultSize" | "hideLabelFromVision" | "__nextHasNoMarginBottom" | "resolvePoint">>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/focal-point-picker/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/focal-point-picker/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAMtD;;GAEG;AACH,OAAO,gBAAgB,MAAM,IAAI,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,gBAAgB,CAYxC,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO;;;;;;;;;;gXAAsB,CAAC;AAE3C,eAAO,MAAM,KAAK;;;;;;;;;;gXAAsB,CAAC;AAMzC,eAAO,MAAM,KAAK;;;;;;;;;;gXAAsB,CAAC;AAMzC,eAAO,MAAM,QAAQ;;;;;;;;;;gXAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/focal-point-picker/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAMtD;;GAEG;AACH,OAAO,gBAAgB,MAAM,IAAI,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,gBAAgB,CAYxC,CAAC;AACF,eAAe,IAAI,CAAC;AAuBpB,eAAO,MAAM,OAAO;;;;;;;;;;;0YAAsB,CAAC;AAE3C,eAAO,MAAM,KAAK;;;;;;;;;;;0YAAsB,CAAC;AAMzC,eAAO,MAAM,KAAK;;;;;;;;;;;0YAAsB,CAAC;AAMzC,eAAO,MAAM,QAAQ;;;;;;;;;;;0YAAsB,CAAC"}

package/build-types/focal-point-picker/types.d.ts

@@ -15,6 +15,12 @@ export type FocalPointPickerProps = Pick<BaseControlProps, 'help' | 'hideLabelFr
      * @default false
      */
     __nextHasNoMarginBottom?: boolean;
+    /**
+     * Start opting into the larger default height that will become the default size in a future version.
+     *
+     * @default false
+     */
+    __next40pxDefaultSize?: boolean;
     /**
      * Autoplays HTML5 video. This only applies to video sources (`url`).
      *
@@ -50,6 +56,7 @@ export type FocalPointPickerProps = Pick<BaseControlProps, 'help' | 'hideLabelFr
 };
 export type FocalPointPickerControlsProps = {
     __nextHasNoMarginBottom?: boolean;
+    __next40pxDefaultSize?: boolean;
     /**
      * A bit of extra bottom margin will be added if a `help` text
      * needs to be rendered under it.