@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

package/build-types/divider/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/divider/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAMtD,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAkB/B,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,OAAO,CAAwB,CAAC;AAKzE,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAE,OAAO,OAAO,CAAwB,CAAC;AAOvE,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,OAAO,CAgBpD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/divider/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAMtD,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CA0B/B,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,OAAO,CAAwB,CAAC;AAKzE,eAAO,MAAM,QAAQ,EAAE,OAAO,CAAE,OAAO,OAAO,CAAwB,CAAC;AAOvE,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,OAAO,CAgBpD,CAAC"}

package/build-types/divider/styles.d.ts

@@ -2,10 +2,10 @@
 export declare const DividerView: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Omit<import("reakit").SeparatorProps, "children" | "orientation" | "unstable_system"> & {
-    margin?: import("../ui/utils/space").SpaceInput | undefined;
-    marginEnd?: import("../ui/utils/space").SpaceInput | undefined;
-    marginStart?: import("../ui/utils/space").SpaceInput | undefined;
+} & Omit<import("@ariakit/react").SeparatorProps, "children" | "orientation" | "as" | "render" | "unstable_system"> & {
+    margin?: import("../utils/space").SpaceInput | undefined;
+    marginEnd?: import("../utils/space").SpaceInput | undefined;
+    marginStart?: import("../utils/space").SpaceInput | undefined;
     orientation?: "horizontal" | "vertical" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/divider/types.d.ts

@@ -1,12 +1,12 @@
 /**
  * External dependencies
  */
-import type { SeparatorProps } from 'reakit';
+import type { SeparatorProps } from '@ariakit/react';
 /**
  * Internal dependencies
  */
-import type { SpaceInput } from '../ui/utils/space';
-export type DividerProps = Omit<SeparatorProps, 'children' | 'unstable_system' | 'orientation'> & {
+import type { SpaceInput } from '../utils/space';
+export type DividerProps = Omit<SeparatorProps, 'children' | 'unstable_system' | 'orientation' | 'as' | 'render'> & {
     /**
      * Adjusts all margins on the inline dimension.
      *

package/build-types/divider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/divider/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC9B,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,aAAa,CAC9C,GAAG;IACH;;;;;OAKG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,cAAc,CAAE,aAAa,CAAE,CAAC;CAC9C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/divider/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC9B,cAAc,EACd,UAAU,GAAG,iBAAiB,GAAG,aAAa,GAAG,IAAI,GAAG,QAAQ,CAChE,GAAG;IACH;;;;;OAKG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,cAAc,CAAE,aAAa,CAAE,CAAC;CAC9C,CAAC"}

package/build-types/drop-zone/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { DropZoneProps } from './types';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 /**
  * `DropZone` is a component creating a drop zone area taking the full size of its parent element. It supports dropping files, HTML content or any other HTML drop event.
  *

package/build-types/drop-zone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drop-zone/index.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAE,EAClC,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,GAAG,SAAS,EACZ,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eA8IxD;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/drop-zone/index.tsx"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAY,aAAa,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,iBAAiB,CAAE,EAClC,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,GAAG,SAAS,EACZ,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAE,eA8IxD;AAED,eAAe,iBAAiB,CAAC"}

package/build-types/dropdown/dropdown-content-wrapper.d.ts

@@ -19,6 +19,6 @@ import type { DropdownContentWrapperProps } from './types';
  * />
  * ```
  */
-export declare const DropdownContentWrapper: import("../ui/context").WordPressComponent<"div", DropdownContentWrapperProps & import("react").RefAttributes<any>, false>;
+export declare const DropdownContentWrapper: import("../context").WordPressComponent<"div", DropdownContentWrapperProps & import("react").RefAttributes<any>, false>;
 export default DropdownContentWrapper;
 //# sourceMappingURL=dropdown-content-wrapper.d.ts.map

package/build-types/dropdown/dropdown-content-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-content-wrapper.d.ts","sourceRoot":"","sources":["../../src/dropdown/dropdown-content-wrapper.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAoB3D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,4HAGlC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"dropdown-content-wrapper.d.ts","sourceRoot":"","sources":["../../src/dropdown/dropdown-content-wrapper.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAoB3D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,yHAGlC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/build-types/dropdown/index.d.ts

@@ -25,6 +25,6 @@ import type { DropdownProps } from './types';
  * );
  * ```
  */
-export declare const Dropdown: import("../ui/context").WordPressComponent<import("react").ElementType<any>, DropdownProps & import("react").RefAttributes<any>, boolean>;
+export declare const Dropdown: import("../context").WordPressComponent<import("react").ElementType<any> | null, DropdownProps & import("react").RefAttributes<any>, boolean>;
 export default Dropdown;
 //# sourceMappingURL=index.d.ts.map

package/build-types/dropdown/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AA6JtE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ,2IAAoD,CAAC;AAE1E,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AA0ItE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ,+IAAoD,CAAC;AAE1E,eAAe,QAAQ,CAAC"}

package/build-types/dropdown/stories/index.story.d.ts

@@ -9,16 +9,16 @@ import type { Meta } from '@storybook/react';
 import Dropdown from '..';
 declare const meta: Meta<typeof Dropdown>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any>, boolean>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
 /**
  * To apply more padding to the dropdown content, use the provided `<DropdownContentWrapper>`
  * convenience wrapper. A `paddingSize` of `"medium"` is suitable for relatively larger dropdowns (default is `"small"`).
  */
-export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any>, boolean>>;
+export declare const WithMorePadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
 /**
  * The `<DropdownContentWrapper>` convenience wrapper can also be used to remove padding entirely,
  * with a `paddingSize` of `"none"`. This can also serve as a clean foundation to add arbitrary
  * paddings, for example when child components already have padding on their own.
  */
-export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any>, boolean>>;
+export declare const WithNoPadding: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownProps & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/dropdown/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CAqBhC,CAAC;AACF,eAAe,IAAI,CAAC;AAUpB,eAAO,MAAM,OAAO,qQAAsB,CAAC;AAU3C;;;GAGG;AACH,eAAO,MAAM,eAAe,qQAAsB,CAAC;AAUnD;;;;GAIG;AACH,eAAO,MAAM,aAAa,qQAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,QAAQ,MAAM,IAAI,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,QAAQ,CA0BhC,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO,yQAAsB,CAAC;AAU3C;;;GAGG;AACH,eAAO,MAAM,eAAe,yQAAsB,CAAC;AAUnD;;;;GAIG;AACH,eAAO,MAAM,aAAa,yQAAsB,CAAC"}

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

@@ -58,11 +58,8 @@ export type DropdownProps = {
      */
     onClose?: () => void;
     /**
-     * A callback invoked when the state of the popover changes
+     * A callback invoked when the state of the dropdown changes
      * from open to closed and vice versa.
-     * The callback receives a boolean as a parameter.
-     * If true, the popover will open.
-     * If false, the popover will close.
      */
     onToggle?: (willOpen: boolean) => void;
     /**
@@ -104,6 +101,17 @@ export type DropdownProps = {
      * @deprecated
      */
     position?: PopoverProps['position'];
+    /**
+     * The controlled open state of the dropdown.
+     * Must be used in conjunction with `onToggle`.
+     */
+    open?: boolean;
+    /**
+     * The open state of the dropdown when initially rendered.
+     * Use when you do not need to control its open state. It will be overridden
+     * by the `open` prop if it is specified on the component's first render.
+     */
+    defaultOpen?: boolean;
 };
 export type DropdownInternalContext = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,KAAK,aAAa,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,IAAI,CAClB,wBAAwB,CAAE,OAAO,OAAO,CAAE,EAC1C,UAAU,CACV,CAAC;IACF;;;OAGG;IACH,aAAa,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACrD;;;;;;;;;;OAUG;IACH,YAAY,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhF;;GAEG;AACH,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,KAAK,aAAa,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,cAAc,GAAG,OAAO,CAAC;IACxC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,OAAO,KAAM,IAAI,CAAC;IACzC;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,IAAI,CAClB,wBAAwB,CAAE,OAAO,OAAO,CAAE,EAC1C,UAAU,CACV,CAAC;IACF;;;OAGG;IACH,aAAa,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACrD;;;;;;;;;;OAUG;IACH,YAAY,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,SAAS,CAAC;IACpD;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAE,UAAU,CAAE,CAAC;IACtC;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}

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

@@ -80,6 +80,6 @@ import type { DropdownMenuProps } from './types';
  * ```
  *
  */
-export declare const DropdownMenu: import("../ui/context").WordPressComponent<import("react").ElementType<any>, DropdownMenuProps, boolean>;
+export declare const DropdownMenu: import("../context").WordPressComponent<import("react").ElementType<any> | null, DropdownMenuProps, boolean>;
 export default DropdownMenu;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EACX,iBAAiB,EAGjB,MAAM,SAAS,CAAC;AAoMjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,eAAO,MAAM,YAAY,0GAGxB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/index.tsx"],"names":[],"mappings":";AAiBA,OAAO,KAAK,EACX,iBAAiB,EAGjB,MAAM,SAAS,CAAC;AA2MjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,eAAO,MAAM,YAAY,8GAGxB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/build-types/dropdown-menu/stories/index.story.d.ts

@@ -9,6 +9,6 @@ import type { Meta } from '@storybook/react';
 import { DropdownMenu } from '..';
 declare const meta: Meta<typeof DropdownMenu>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any>, boolean>>;
-export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any>, boolean>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
+export declare const WithChildren: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any> | null, boolean>>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/dropdown-menu/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AACtD;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAgBlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAcpC,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO,oOAAsB,CAAC;AAoB3C,eAAO,MAAM,YAAY,oOAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAC;AAgBlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAkBpC,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO,wOAAsB,CAAC;AAoB3C,eAAO,MAAM,YAAY,wOAAsB,CAAC"}

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

@@ -1,18 +1,18 @@
 /**
  * External dependencies
  */
-import type { ReactNode } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 /**
  * Internal dependencies
  */
 import type { ButtonAsButtonProps } from '../button/types';
-import type { WordPressComponentProps } from '../ui/context';
+import type { WordPressComponentProps } from '../context';
 import type { DropdownProps } from '../dropdown/types';
 import type { Props as IconProps } from '../icon';
 import type { NavigableMenuProps } from '../navigable-container/types';
 export type DropdownOption = {
     /**
-     * The Dashicon icon slug to be shown for the option.
+     * The icon to be shown for the option.
      */
     icon?: IconProps['icon'];
     /**
@@ -28,7 +28,7 @@ export type DropdownOption = {
     /**
      * A callback function to invoke when the option is selected.
      */
-    onClick?: () => void;
+    onClick?: (event?: React.MouseEvent) => void;
     /**
      * Whether or not the control is currently active.
      */
@@ -40,7 +40,7 @@ export type DropdownOption = {
     /**
      * The role to apply to the option's HTML element
      */
-    role?: HTMLElement['role'];
+    role?: HTMLAttributes<HTMLElement>['role'];
 };
 type DropdownCallbackProps = {
     isOpen: boolean;
@@ -49,10 +49,11 @@ type DropdownCallbackProps = {
 };
 type ToggleProps = Partial<Omit<WordPressComponentProps<ButtonAsButtonProps, 'button', false>, 'label' | 'text'>> & {
     as?: React.ElementType | keyof JSX.IntrinsicElements;
+    'data-toolbar-item'?: boolean;
 };
 export type DropdownMenuProps = {
     /**
-     * The Dashicon icon slug to be shown in the collapsed menu button.
+     * The icon to be shown in the collapsed menu button.
      *
      * @default "menu"
      */
@@ -129,6 +130,22 @@ export type DropdownMenuProps = {
      * A valid DropdownMenu must specify a `controls` or `children` prop, or both.
      */
     controls?: DropdownOption[] | DropdownOption[][];
+    /**
+     * The controlled open state of the dropdown menu.
+     * Must be used in conjunction with `onToggle`.
+     */
+    open?: boolean;
+    /**
+     * The open state of the dropdown menu when initially rendered.
+     * Use when you do not need to control its open state. It will be overridden
+     * by the `open` prop if it is specified on the component's first render.
+     */
+    defaultOpen?: boolean;
+    /**
+     * A callback invoked when the state of the dropdown menu changes
+     * from open to closed and vice versa.
+     */
+    onToggle?: (willOpen: boolean) => void;
 };
 export type DropdownMenuInternalContext = {
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAE,MAAM,CAAE,CAAC;CAC7B,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAIF,KAAK,WAAW,GAAG,OAAO,CACzB,IAAI,CACH,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,EAC/D,OAAO,GAAG,MAAM,CAChB,CACD,GAAG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,CAAC;IAC/C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,IAAI,CAAE,OAAO,CAAE,kBAAkB,CAAE,EAAE,UAAU,CAAE,CAAC;IAC9D;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAE,aAAa,EAAE,qBAAqB,KAAM,SAAS,CAAC;IACjE;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,EAAE,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD;;GAEG;AACH,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,KAAM,IAAI,CAAC;IAC/C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,cAAc,CAAE,WAAW,CAAE,CAAE,MAAM,CAAE,CAAC;CAC/C,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAIF,KAAK,WAAW,GAAG,OAAO,CACzB,IAAI,CACH,uBAAuB,CAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,CAAE,EAC/D,OAAO,GAAG,MAAM,CAChB,CACD,GAAG;IACH,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAE,MAAM,CAAE,GAAG,IAAI,CAAC;IAClC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,CAAC;IAC/C;;;;;;;OAOG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,IAAI,CAAE,OAAO,CAAE,kBAAkB,CAAE,EAAE,UAAU,CAAE,CAAC;IAC9D;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,CAAE,aAAa,EAAE,qBAAqB,KAAM,SAAS,CAAC;IACjE;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,EAAE,CAAC;IACjD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,QAAQ,EAAE,OAAO,KAAM,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACzC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}

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

@@ -1,17 +1,20 @@
 /// <reference types="react" />
-import type { DropdownMenuProps, DropdownSubMenuProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuGroupProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownSubMenuTriggerProps } from './types';
-/**
- * `DropdownMenu` displays a menu to the user (such as a set of actions
- * or functions) triggered by a button.
- */
-export declare const DropdownMenu: import("../ui/context").WordPressComponent<import("react").ElementType<any>, DropdownMenuProps, boolean>;
-export declare const DropdownSubMenuTrigger: ({ prefix, suffix, children, }: DropdownSubMenuTriggerProps) => JSX.Element;
-export declare const DropdownSubMenu: ({ defaultOpen, open, onOpenChange, disabled, textValue, children, trigger, }: DropdownSubMenuProps) => JSX.Element;
-export declare const DropdownMenuLabel: (props: DropdownMenuLabelProps) => JSX.Element;
-export declare const DropdownMenuGroup: (props: DropdownMenuGroupProps) => JSX.Element;
-export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<any>>;
-export declare const DropdownMenuCheckboxItem: ({ children, checked, suffix, ...props }: DropdownMenuCheckboxItemProps) => JSX.Element;
-export declare const DropdownMenuRadioGroup: (props: DropdownMenuRadioGroupProps) => JSX.Element;
-export declare const DropdownMenuRadioItem: ({ children, suffix, ...props }: DropdownMenuRadioItemProps) => JSX.Element;
-export declare const DropdownMenuSeparator: (props: DropdownMenuSeparatorProps) => JSX.Element;
+import type { DropdownMenuContext as DropdownMenuContextType, DropdownMenuProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps } from './types';
+export declare const DropdownMenuContext: import("react").Context<DropdownMenuContextType | undefined>;
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof DropdownMenuItemProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof DropdownMenuCheckboxItemProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<DropdownMenuRadioItemProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof DropdownMenuRadioItemProps> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuGroupProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenu: import("../context").WordPressComponent<"div", DropdownMenuProps & import("react").RefAttributes<any>, false>;
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<DropdownMenuSeparatorProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "key" | keyof import("react").HTMLAttributes<HTMLHRElement>>, "children" | "as"> & import("react").RefAttributes<HTMLHRElement>>;
+export declare const DropdownMenuItemLabel: import("react").ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "children" | "as"> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuItemHelpText: import("react").ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "children" | "as"> & {
+    as?: keyof JSX.IntrinsicElements | undefined;
+} & import("react").RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/index.tsx"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EACX,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,sBAAsB,EACtB,6BAA6B,EAC7B,2BAA2B,EAC3B,0BAA0B,EAC1B,0BAA0B,EAC1B,2BAA2B,EAG3B,MAAM,SAAS,CAAC;AA+EjB;;;GAGG;AACH,eAAO,MAAM,YAAY,0GAGxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kCAShC,2BAA2B,gBAgB7B,CAAC;AAEF,eAAO,MAAM,eAAe,iFAWzB,oBAAoB,gBA6BtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAY,sBAAsB,gBAE/D,CAAC;AAEF,eAAO,MAAM,iBAAiB,UAAY,sBAAsB,gBAE/D,CAAC;AAEF,eAAO,MAAM,gBAAgB,uGAqB5B,CAAC;AAEF,eAAO,MAAM,wBAAwB,4CAKlC,6BAA6B,gBAuB/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAC3B,2BAA2B,gBACmB,CAAC;AAQvD,eAAO,MAAM,qBAAqB,mCAI/B,0BAA0B,gBAgB5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAY,0BAA0B,gBAGvE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown-menu-v2/index.tsx"],"names":[],"mappings":";AA4BA,OAAO,KAAK,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,iBAAiB,EACjB,sBAAsB,EACtB,qBAAqB,EACrB,6BAA6B,EAC7B,0BAA0B,EAC1B,0BAA0B,EAC1B,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,mBAAmB,8DAElB,CAAC;AAEf,eAAO,MAAM,gBAAgB,oUAgC1B,CAAC;AAEJ,eAAO,MAAM,wBAAwB,oVAuClC,CAAC;AAQJ,eAAO,MAAM,qBAAqB,8UAuC/B,CAAC;AAEJ,eAAO,MAAM,iBAAiB,oTAY3B,CAAC;AAiKJ,eAAO,MAAM,YAAY,+GAGxB,CAAC;AAEF,eAAO,MAAM,qBAAqB,oTAa/B,CAAC;AAEJ,eAAO,MAAM,qBAAqB;cAEI,MAAM,SAAS;;;mDASlD,CAAC;AAEJ,eAAO,MAAM,wBAAwB;cAEC,MAAM,SAAS;;;mDASlD,CAAC"}

package/build-types/dropdown-menu-v2/stories/index.story.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -6,6 +5,12 @@ import type { Meta, StoryFn } from '@storybook/react';
 import { DropdownMenu } from '..';
 declare const meta: Meta<typeof DropdownMenu>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../../ui/context").WordPressComponentProps<import("../types").DropdownMenuProps, import("react").ElementType<any>, boolean>>;
+export declare const Default: StoryFn<typeof DropdownMenu>;
+export declare const WithSubmenu: StoryFn<typeof DropdownMenu>;
+export declare const WithCheckboxes: StoryFn<typeof DropdownMenu>;
+export declare const WithRadios: StoryFn<typeof DropdownMenu>;
+export declare const WithModals: StoryFn<typeof DropdownMenu>;
+export declare const WithSlotFill: StoryFn<typeof DropdownMenu>;
 export declare const ToolbarVariant: StoryFn<typeof DropdownMenu>;
+export declare const InsideModal: StoryFn<typeof DropdownMenu>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD,OAAO,EACN,YAAY,EAUZ,MAAM,IAAI,CAAC;AAeZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+CpC,CAAC;AACF,eAAe,IAAI,CAAC;AA6DpB,eAAO,MAAM,OAAO,oOAAsB,CAAC;AAoE3C,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAIxD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAatD,OAAO,EACN,YAAY,EASZ,MAAM,IAAI,CAAC;AAOZ,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA8CpC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,YAAY,CA6CjD,CAAC;AASF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAoCrD,CAAC;AAKF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CAoIxD,CAAC;AAKF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAqDpD,CAAC;AAYF,eAAO,MAAM,UAAU,EAAE,OAAO,CAAE,OAAO,YAAY,CAmDpD,CAAC;AAwDF,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CAkCtD,CAAC;AAUF,eAAO,MAAM,cAAc,EAAE,OAAO,CAAE,OAAO,YAAY,CA0BxD,CAAC;AAKF,eAAO,MAAM,WAAW,EAAE,OAAO,CAAE,OAAO,YAAY,CAgDrD,CAAC"}

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"}