@wordpress/components 25.13.0 → 25.15.0

package/build-style/style.css

@@ -780,7 +780,7 @@ svg.components-checkbox-control__indeterminate {
 }
 
 .components-palette-edit__popover-gradient-picker {
-  width: 280px;
+  width: 260px;
   padding: 8px;
 }
 
@@ -2591,6 +2591,11 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   background-color: transparent;
 }
 
+.components-radio-control__option {
+  display: flex;
+  align-items: center;
+}
+
 .components-radio-control__input[type=radio] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -2608,8 +2613,11 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   border-radius: 50%;
   width: 24px;
   height: 24px;
-  margin-top: 0;
-  margin-right: 6px;
+  display: inline-flex;
+  margin: 0 6px 0 0;
+  padding: 0;
+  appearance: none;
+  cursor: pointer;
 }
 @media (prefers-reduced-motion: reduce) {
   .components-radio-control__input[type=radio] {
@@ -2667,6 +2675,21 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   background: var(--wp-admin-theme-color);
   border-color: var(--wp-admin-theme-color);
 }
+.components-radio-control__input[type=radio]:focus {
+  box-shadow: 0 0 0 2px var(--wp-components-color-background, #fff), 0 0 0 4px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-radio-control__input[type=radio]:checked {
+  background: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  border-color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+}
+.components-radio-control__input[type=radio]:checked::before {
+  content: "";
+  border-radius: 50%;
+}
+
+.components-radio-control__label {
+  cursor: pointer;
+}
 
 .components-resizable-box__handle {
   display: none;
@@ -2999,12 +3022,13 @@ body.lockscroll {
   cursor: default;
 }
 .components-snackbar .components-snackbar__content-with-icon {
-  margin-left: 24px;
+  position: relative;
+  padding-left: 24px;
 }
 .components-snackbar .components-snackbar__icon {
   position: absolute;
-  top: 24px;
-  left: 28px;
+  left: -8px;
+  top: calc((5.8px) / -2);
 }
 .components-snackbar .components-snackbar__dismiss-button {
   margin-left: 24px;

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

@@ -2,33 +2,6 @@
 import type { BaseControlProps, BaseControlVisualLabelProps } from './types';
 import type { WordPressComponentProps } from '../context';
 export { useBaseControlProps } from './hooks';
-/**
- * `BaseControl` is a component used to generate labels and help text for components handling user inputs.
- *
- * ```jsx
- * import { BaseControl, useBaseControlProps } from '@wordpress/components';
- *
- * // Render a `BaseControl` for a textarea input
- * const MyCustomTextareaControl = ({ children, ...baseProps }) => (
- * 	// `useBaseControlProps` is a convenience hook to get the props for the `BaseControl`
- * 	// and the inner control itself. Namely, it takes care of generating a unique `id`,
- * 	// properly associating it with the `label` and `help` elements.
- * 	const { baseControlProps, controlProps } = useBaseControlProps( baseProps );
- *
- * 	return (
- * 		<BaseControl { ...baseControlProps } __nextHasNoMarginBottom={ true }>
- * 			<textarea { ...controlProps }>
- * 			  { children }
- * 			</textarea>
- * 		</BaseControl>
- * 	);
- * );
- * ```
- */
-export declare const BaseControl: {
-    ({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: BaseControlProps): JSX.Element;
-    VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
-};
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.
  *
@@ -47,5 +20,8 @@ export declare const BaseControl: {
  * );
  */
 export declare const VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
+export declare const BaseControl: import("../context").WordPressComponent<null, BaseControlProps, true> & {
+    VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
+};
 export default BaseControl;
 //# sourceMappingURL=index.d.ts.map

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/border-control/border-control-dropdown/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":";AAiQA,QAAA,MAAM,8BAA8B;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":";AAmQA,QAAA,MAAM,8BAA8B;;;;;;;;6CAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

package/build-types/border-control/border-control-dropdown/hook.d.ts

@@ -15,6 +15,7 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     popoverContentClassName: string;
     popoverControlsClassName: string;
     resetButtonClassName: string;
+    size: "default" | "__unstable-large";
     __experimentalIsRenderedInSidebar: boolean;
     disableCustomColors?: boolean | undefined;
     __unstablePopoverProps?: Omit<import("../../popover/types").PopoverProps, "children"> | undefined;

package/build-types/border-control/border-control-dropdown/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;4BAkBtB,MAAM;4BAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDtC"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;4BAkBtB,MAAM;4BAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDtC"}

package/build-types/border-control/styles.d.ts

@@ -3,7 +3,7 @@ export declare const borderControl: import("@emotion/utils").SerializedStyles;
 export declare const innerWrapper: () => import("@emotion/utils").SerializedStyles;
 export declare const wrapperWidth: import("@emotion/utils").SerializedStyles;
 export declare const wrapperHeight: (size?: 'default' | '__unstable-large') => import("@emotion/utils").SerializedStyles;
-export declare const borderControlDropdown: (size?: 'default' | '__unstable-large') => import("@emotion/utils").SerializedStyles;
+export declare const borderControlDropdown: import("@emotion/utils").SerializedStyles;
 export declare const colorIndicatorBorder: (border?: Border) => import("@emotion/utils").SerializedStyles;
 export declare const colorIndicatorWrapper: (border?: Border, size?: 'default' | '__unstable-large') => import("@emotion/utils").SerializedStyles;
 export declare const borderControlPopoverControls: import("@emotion/utils").SerializedStyles;

package/build-types/border-control/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,UAAY,SAAS,GAAG,kBAAkB,8CAInE,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAC1B,SAAS,GAAG,kBAAkB,8CA6BrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAc,MAAM,8CAUpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,YACxB,MAAM,SACR,SAAS,GAAG,kBAAkB,8CA8BrC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDAGxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAEF,eAAO,MAAM,aAAa,UAAY,SAAS,GAAG,kBAAkB,8CAInE,CAAC;AAEF,eAAO,MAAM,qBAAqB,2CAuBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,YAAc,MAAM,8CAUpD,CAAC;AAEF,eAAO,MAAM,qBAAqB,YACxB,MAAM,SACR,SAAS,GAAG,kBAAkB,8CA8BrC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDAGxB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAC9B,KAAK,EAAE,uBAAuB,CAAE,oBAAoB,EAAE,OAAO,EAAE,KAAK,CAAE,eA6FtE;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAE1D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,eAAe,CAC9B,KAAK,EAAE,uBAAuB,CAAE,oBAAoB,EAAE,OAAO,EAAE,KAAK,CAAE,eA+FtE;AAED,eAAe,eAAe,CAAC"}

package/build-types/checkbox-control/types.d.ts

@@ -14,9 +14,10 @@ export type CheckboxControlProps = Pick<BaseControlProps, 'help' | '__nextHasNoM
     /**
      * A label for the input field, that appears at the side of the checkbox.
      * The prop will be rendered as content a label element. If no prop is
-     * passed an empty label is rendered.
+     * passed an empty label is rendered. If the prop is set to false no label
+     * is rendered.
      */
-    label?: string;
+    label?: string | false;
     /**
      * If checked is true the checkbox will be checked. If checked is false the
      * checkbox will be unchecked. If no value is passed the checkbox will be

package/build-types/checkbox-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IACrC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,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/date-time/time/timezone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/timezone.tsx"],"names":[],"mappings":";AAYA;;;GAGG;AACH,QAAA,MAAM,QAAQ,0BA8Bb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"timezone.d.ts","sourceRoot":"","sources":["../../../src/date-time/time/timezone.tsx"],"names":[],"mappings":";AAYA;;;GAGG;AACH,QAAA,MAAM,QAAQ,0BA0Cb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dimension-control/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAQ,MAAM,SAAS,CAAC;AAG3D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,qBAAqB,eAwD7D;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dimension-control/index.tsx"],"names":[],"mappings":";AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAQ,MAAM,SAAS,CAAC;AAG3D;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,gBAAgB,CAAE,KAAK,EAAE,qBAAqB,eA0D7D;AAED,eAAe,gBAAgB,CAAC"}

package/build-types/dimension-control/types.d.ts

@@ -43,5 +43,11 @@ export type DimensionControlProps = {
      * @default ''
      */
     className?: string;
+    /**
+     * Start opting into the larger default height that will become the default size in a future version.
+     *
+     * @default false
+     */
+    __next40pxDefaultSize?: boolean;
 };
 //# sourceMappingURL=types.d.ts.map

package/build-types/dimension-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dimension-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dimension-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,IAAI,GAAG;IAClB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAE,KAAK,CAAC,EAAE,MAAM,KAAM,IAAI,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAChC,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"}