@wordpress/components 25.14.0 → 25.15.0

package/build-types/base-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,WAAW;8FAQrB,gBAAgB;qDAqEhB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE;CAvBhE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sCAIrB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE,gBAYhE,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAiF9C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sCAIrB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE,gBAYhE,CAAC;AAEF,eAAO,MAAM,WAAW;qDAdrB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE;CAiBhE,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build-types/base-control/stories/index.story.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -9,7 +10,9 @@ import BaseControl from '..';
 declare const meta: Meta<typeof BaseControl>;
 export default meta;
 export declare const Default: StoryFn<typeof BaseControl>;
-export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").BaseControlProps>;
+export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").BaseControlProps & {
+    as?: keyof JSX.IntrinsicElements | null | undefined;
+}>;
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.
  *

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,WAAoC,MAAM,IAAI,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAYnC,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CACd,CAAC;AAMpC,eAAO,MAAM,YAAY,oIAAqC,CAAC;AAM/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,WAAW,CAYxD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,WAAoC,MAAM,IAAI,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAYnC,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,WAAW,CACd,CAAC;AAMpC,eAAO,MAAM,YAAY;;EAAqC,CAAC;AAM/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,WAAW,CAYxD,CAAC"}

package/build-types/color-picker/component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ColorType } from './types';
-export declare const ColorPicker: import("../context").WordPressComponent<import("react").ElementType<any>, {
+export declare const ColorPicker: import("../context").WordPressComponent<import("react").ElementType<any> | null, {
     enableAlpha?: boolean | undefined;
     color?: string | undefined;
     onChange?: ((color: string) => void) | undefined;

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

@@ -15,5 +15,5 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     onChange?: ((color: string) => void) | undefined;
     defaultValue?: string | undefined;
     copyFormat?: import("../types").ColorType | undefined;
-} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "color" | "onChange" | "as" | "defaultValue" | "enableAlpha" | "copyFormat"> & import("react").RefAttributes<any>, import("react").ElementType<any>, boolean>>;
+} & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "color" | "onChange" | "as" | "defaultValue" | "enableAlpha" | "copyFormat"> & import("react").RefAttributes<any>, import("react").ElementType<any> | null, boolean>>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-picker/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAcnC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO;;;;;;2VAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-picker/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,WAAW,CAcnC,CAAC;AACF,eAAe,IAAI,CAAC;AAiBpB,eAAO,MAAM,OAAO;;;;;;kWAAsB,CAAC"}

package/build-types/composite/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composite/test/index.tsx"],"names":[],"mappings":""}

package/build-types/context/wordpress-component.d.ts

@@ -6,13 +6,13 @@ export type WordPressComponentProps<
 /** Prop types. */
 P, 
 /** The HTML element to inherit props from. */
-T extends React.ElementType, 
+T extends React.ElementType | null, 
 /** Supports polymorphism through the `as` prop. */
-IsPolymorphic extends boolean = true> = P & Omit<React.ComponentPropsWithoutRef<T>, 'as' | keyof P | 'children'> & (IsPolymorphic extends true ? {
+IsPolymorphic extends boolean = true> = P & (T extends React.ElementType ? Omit<React.ComponentPropsWithoutRef<T>, 'as' | keyof P | 'children'> : {}) & (IsPolymorphic extends true ? {
     /** The HTML element or React component to render the component as. */
     as?: T | keyof JSX.IntrinsicElements;
 } : {});
-export type WordPressComponent<T extends React.ElementType, O, IsPolymorphic extends boolean> = {
+export type WordPressComponent<T extends React.ElementType | null, O, IsPolymorphic extends boolean> = {
     <TT extends React.ElementType>(props: WordPressComponentProps<O, TT, IsPolymorphic> & (IsPolymorphic extends true ? {
         as: TT;
     } : {})): JSX.Element | null;

package/build-types/context/wordpress-component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wordpress-component.d.ts","sourceRoot":"","sources":["../../src/context/wordpress-component.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,uBAAuB;AAClC,kBAAkB;AAClB,CAAC;AACD,8CAA8C;AAC9C,CAAC,SAAS,KAAK,CAAC,WAAW;AAC3B,mDAAmD;AACnD,aAAa,SAAS,OAAO,GAAG,IAAI,IACjC,CAAC,GAIJ,IAAI,CAAE,KAAK,CAAC,wBAAwB,CAAE,CAAC,CAAE,EAAE,IAAI,GAAG,MAAM,CAAC,GAAG,UAAU,CAAE,GACxE,CAAE,aAAa,SAAS,IAAI,GACzB;IACA,sEAAsE;IACtE,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACpC,GACD,EAAE,CAAE,CAAC;AAET,MAAM,MAAM,kBAAkB,CAC7B,CAAC,SAAS,KAAK,CAAC,WAAW,EAC3B,CAAC,EACD,aAAa,SAAS,OAAO,IAC1B;IACH,CAAE,EAAE,SAAS,KAAK,CAAC,WAAW,EAC7B,KAAK,EAAE,uBAAuB,CAAE,CAAC,EAAE,EAAE,EAAE,aAAa,CAAE,GACrD,CAAE,aAAa,SAAS,IAAI,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,GAAG,EAAE,CAAE,GAC/C,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CACC,KAAK,EAAE,uBAAuB,CAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAE,GACnD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,IAAK,MAAO,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,2BAA2B,CACtC,KAAK,EACL,WAAW,SAAS,OAAO,GAAG,IAAI,IAC/B,KAAK,SAAS,uBAAuB,CAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAE,GACnE,kBAAkB,CAClB,CAAC,EACD,CAAC,GAAG,CAAE,WAAW,SAAS,IAAI,GAAG,KAAK,CAAC,aAAa,CAAE,GAAG,CAAE,GAAG,EAAE,CAAE,EAClE,CAAC,CACA,GACD,KAAK,CAAC"}
+{"version":3,"file":"wordpress-component.d.ts","sourceRoot":"","sources":["../../src/context/wordpress-component.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,MAAM,MAAM,uBAAuB;AAClC,kBAAkB;AAClB,CAAC;AACD,8CAA8C;AAC9C,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI;AAClC,mDAAmD;AACnD,aAAa,SAAS,OAAO,GAAG,IAAI,IACjC,CAAC,GACJ,CAAE,CAAC,SAAS,KAAK,CAAC,WAAW,GAI1B,IAAI,CACJ,KAAK,CAAC,wBAAwB,CAAE,CAAC,CAAE,EACnC,IAAI,GAAG,MAAM,CAAC,GAAG,UAAU,CAC1B,GACD,EAAE,CAAE,GACP,CAAE,aAAa,SAAS,IAAI,GACzB;IACA,sEAAsE;IACtE,EAAE,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,iBAAiB,CAAC;CACpC,GACD,EAAE,CAAE,CAAC;AAET,MAAM,MAAM,kBAAkB,CAC7B,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,EAClC,CAAC,EACD,aAAa,SAAS,OAAO,IAC1B;IACH,CAAE,EAAE,SAAS,KAAK,CAAC,WAAW,EAC7B,KAAK,EAAE,uBAAuB,CAAE,CAAC,EAAE,EAAE,EAAE,aAAa,CAAE,GACrD,CAAE,aAAa,SAAS,IAAI,GAAG;QAAE,EAAE,EAAE,EAAE,CAAA;KAAE,GAAG,EAAE,CAAE,GAC/C,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CACC,KAAK,EAAE,uBAAuB,CAAE,CAAC,EAAE,CAAC,EAAE,aAAa,CAAE,GACnD,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,IAAK,MAAO,EAAE,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,2BAA2B,CACtC,KAAK,EACL,WAAW,SAAS,OAAO,GAAG,IAAI,IAC/B,KAAK,SAAS,uBAAuB,CAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAE,GACnE,kBAAkB,CAClB,CAAC,EACD,CAAC,GAAG,CAAE,WAAW,SAAS,IAAI,GAAG,KAAK,CAAC,aAAa,CAAE,GAAG,CAAE,GAAG,EAAE,CAAE,EAClE,CAAC,CACA,GACD,KAAK,CAAC"}

package/build-types/custom-select-control-v2/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import type { CustomSelectProps, CustomSelectItemProps, CustomSelectContext as CustomSelectContextType } from './types';
+import type { WordPressComponentProps } from '../context';
 export declare const CustomSelectContext: import("react").Context<CustomSelectContextType>;
-export declare function CustomSelect(props: CustomSelectProps): JSX.Element;
-export declare function CustomSelectItem({ children, ...props }: CustomSelectItemProps): JSX.Element;
+export declare function CustomSelect({ children, defaultValue, label, onChange, size, value, renderSelectedValue, ...props }: WordPressComponentProps<CustomSelectProps, 'button', false>): JSX.Element;
+export declare function CustomSelectItem({ children, ...props }: WordPressComponentProps<CustomSelectItemProps, 'div', false>): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build-types/custom-select-control-v2/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/index.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EACX,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,IAAI,uBAAuB,EAC9C,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,kDACsB,CAAC;AAqBvD,wBAAgB,YAAY,CAAE,KAAK,EAAE,iBAAiB,eAuCrD;AAED,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,qBAAqB,eAWvB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/index.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EACX,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,IAAI,uBAAuB,EAC9C,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D,eAAO,MAAM,mBAAmB,kDACsB,CAAC;AAqBvD,wBAAgB,YAAY,CAAE,EAC7B,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,IAAgB,EAChB,KAAK,EACL,mBAAgD,EAChD,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,CAAE,eA8B/D;AAED,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAE,eAWhE"}

package/build-types/custom-select-control-v2/stories/index.story.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * External dependencies
  */
@@ -8,12 +9,12 @@ import type { Meta } from '@storybook/react';
 import { CustomSelect } from '..';
 declare const meta: Meta<typeof CustomSelect>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomSelectProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomSelectProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").CustomSelectProps>>;
 /**
  * Multiple selection can be enabled by using an array for the `value` and
  * `defaultValue` props. The argument of the `onChange` function will also
  * change accordingly.
  */
-export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomSelectProps>;
-export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomSelectProps>;
+export declare const MultiSelect: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomSelectProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").CustomSelectProps>>;
+export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomSelectProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>>, "as" | keyof import("../types").CustomSelectProps>>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/custom-select-control-v2/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,YAAY,EAAoB,MAAM,IAAI,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,qIAAsB,CAAC;AAe3C;;;;GAIG;AACH,eAAO,MAAM,WAAW,qIAAsB,CAAC;AA8C/C,eAAO,MAAM,UAAU,qIAAgC,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,YAAY,EAAoB,MAAM,IAAI,CAAC;AAEpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CA+BpC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,2XAAsB,CAAC;AAe3C;;;;GAIG;AACH,eAAO,MAAM,WAAW,2XAAsB,CAAC;AA8C/C,eAAO,MAAM,UAAU,2XAAgC,CAAC"}

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

@@ -25,6 +25,6 @@ import type { DropdownProps } from './types';
  * );
  * ```
  */
-export declare const Dropdown: import("../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":";AAmBA,OAAO,KAAK,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AA0ItE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,QAAQ,wIAAoD,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("../../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("../../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("../../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,CA0BhC,CAAC;AACF,eAAe,IAAI,CAAC;AAQpB,eAAO,MAAM,OAAO,kQAAsB,CAAC;AAU3C;;;GAGG;AACH,eAAO,MAAM,eAAe,kQAAsB,CAAC;AAUnD;;;;GAIG;AACH,eAAO,MAAM,aAAa,kQAAsB,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-menu/index.d.ts

@@ -80,6 +80,6 @@ import type { DropdownMenuProps } from './types';
  * ```
  *
  */
-export declare const DropdownMenu: import("../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;AA2MjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+EG;AACH,eAAO,MAAM,YAAY,uGAGxB,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("../../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("../../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;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,iOAAsB,CAAC;AAoB3C,eAAO,MAAM,YAAY,iOAAsB,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-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("../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,uGAGxB,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("../../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,iOAAsB,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,CA6CpC,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"}