@wordpress/components 27.3.0 → 27.4.0

package/build-style/style-rtl.css

@@ -483,6 +483,15 @@ p + .components-button.is-tertiary {
     background-position: right 200px top 0;
   }
 }
+.components-checkbox-control {
+  --checkbox-input-size: 24px;
+}
+@media (min-width: 600px) {
+  .components-checkbox-control {
+    --checkbox-input-size: 20px;
+  }
+}
+
 .components-checkbox-control__input[type=checkbox] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -509,8 +518,8 @@ p + .components-button.is-tertiary {
   padding: 0 !important;
   text-align: center;
   vertical-align: top;
-  width: 24px;
-  height: 24px;
+  width: var(--checkbox-input-size);
+  height: var(--checkbox-input-size);
   -webkit-appearance: none;
           appearance: none;
   transition: 0.1s border-color ease-in-out;
@@ -592,12 +601,6 @@ p + .components-button.is-tertiary {
   cursor: default;
   opacity: 1;
 }
-@media (min-width: 600px) {
-  .components-checkbox-control__input[type=checkbox] {
-    height: 20px;
-    width: 20px;
-  }
-}
 @media (prefers-reduced-motion: reduce) {
   .components-checkbox-control__input[type=checkbox] {
     transition-duration: 0s;
@@ -625,25 +628,21 @@ p + .components-button.is-tertiary {
   display: inline-block;
   margin-left: 12px;
   vertical-align: middle;
-  width: 24px;
-  height: 24px;
-}
-@media (min-width: 600px) {
-  .components-checkbox-control__input-container {
-    width: 20px;
-    height: 20px;
-  }
+  width: var(--checkbox-input-size);
+  aspect-ratio: 1;
 }
 
 svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
+  --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
   cursor: pointer;
   position: absolute;
-  right: 0;
-  top: 0;
-  width: 24px;
-  height: 24px;
+  right: 50%;
+  top: 50%;
+  transform: translate(50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
   -webkit-user-select: none;
           user-select: none;
   pointer-events: none;
@@ -651,8 +650,7 @@ svg.components-checkbox-control__indeterminate {
 @media (min-width: 600px) {
   svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
-    right: -2px;
-    top: -2px;
+    --checkmark-size: calc(var(--checkbox-input-size) + 4px);
   }
 }
 
@@ -1055,6 +1053,12 @@ input.components-combobox-control__input[type=text]:focus {
   margin-right: 10px;
 }
 
+.components-custom-select-control__menu-wrapper {
+  position: absolute;
+  min-width: 100%;
+  bottom: 0;
+}
+
 .components-custom-select-control__menu {
   border: 1px solid #1e1e1e;
   background-color: #fff;
@@ -1313,6 +1317,19 @@ body.is-dragging-components-draggable {
   margin: 2px;
 }
 
+.components-external-link {
+  text-decoration: none;
+}
+
+.components-external-link__contents {
+  text-decoration: underline;
+}
+
+.components-external-link__icon {
+  margin-right: 0.5ch;
+  font-weight: 400;
+}
+
 .components-form-toggle {
   position: relative;
   display: inline-block;
@@ -2250,6 +2267,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   text-align: right;
   margin: 0;
   color: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   -moz-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
   border-radius: 2px;
@@ -2257,14 +2277,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: inset 0 0 0 1px #1e1e1e;
   outline: 1px solid transparent;
 }
-@supports (position: sticky) {
-  .components-placeholder.components-placeholder {
-    display: flex;
-    flex-direction: column;
-    justify-content: top;
-    align-items: flex-start;
-  }
-}
 
 .components-placeholder__error,
 .components-placeholder__instructions,
@@ -3390,14 +3402,9 @@ body.lockscroll {
 }
 
 div.components-toolbar > div {
-  display: block;
+  display: flex;
   margin: 0;
 }
-@supports (position: sticky) {
-  div.components-toolbar > div {
-    display: flex;
-  }
-}
 div.components-toolbar > div + div.has-left-divider {
   margin-right: 6px;
   position: relative;

package/build-style/style.css

@@ -483,6 +483,15 @@ p + .components-button.is-tertiary {
     background-position: 200px 0;
   }
 }
+.components-checkbox-control {
+  --checkbox-input-size: 24px;
+}
+@media (min-width: 600px) {
+  .components-checkbox-control {
+    --checkbox-input-size: 20px;
+  }
+}
+
 .components-checkbox-control__input[type=checkbox] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -509,8 +518,8 @@ p + .components-button.is-tertiary {
   padding: 0 !important;
   text-align: center;
   vertical-align: top;
-  width: 24px;
-  height: 24px;
+  width: var(--checkbox-input-size);
+  height: var(--checkbox-input-size);
   -webkit-appearance: none;
           appearance: none;
   transition: 0.1s border-color ease-in-out;
@@ -592,12 +601,6 @@ p + .components-button.is-tertiary {
   cursor: default;
   opacity: 1;
 }
-@media (min-width: 600px) {
-  .components-checkbox-control__input[type=checkbox] {
-    height: 20px;
-    width: 20px;
-  }
-}
 @media (prefers-reduced-motion: reduce) {
   .components-checkbox-control__input[type=checkbox] {
     transition-duration: 0s;
@@ -625,25 +628,21 @@ p + .components-button.is-tertiary {
   display: inline-block;
   margin-right: 12px;
   vertical-align: middle;
-  width: 24px;
-  height: 24px;
-}
-@media (min-width: 600px) {
-  .components-checkbox-control__input-container {
-    width: 20px;
-    height: 20px;
-  }
+  width: var(--checkbox-input-size);
+  aspect-ratio: 1;
 }
 
 svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
+  --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
   cursor: pointer;
   position: absolute;
-  left: 0;
-  top: 0;
-  width: 24px;
-  height: 24px;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
   -webkit-user-select: none;
           user-select: none;
   pointer-events: none;
@@ -651,8 +650,7 @@ svg.components-checkbox-control__indeterminate {
 @media (min-width: 600px) {
   svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
-    left: -2px;
-    top: -2px;
+    --checkmark-size: calc(var(--checkbox-input-size) + 4px);
   }
 }
 
@@ -1060,6 +1058,12 @@ input.components-combobox-control__input[type=text]:focus {
   margin-left: 10px;
 }
 
+.components-custom-select-control__menu-wrapper {
+  position: absolute;
+  min-width: 100%;
+  bottom: 0;
+}
+
 .components-custom-select-control__menu {
   border: 1px solid #1e1e1e;
   background-color: #fff;
@@ -1318,6 +1322,19 @@ body.is-dragging-components-draggable {
   margin: 2px;
 }
 
+.components-external-link {
+  text-decoration: none;
+}
+
+.components-external-link__contents {
+  text-decoration: underline;
+}
+
+.components-external-link__icon {
+  margin-left: 0.5ch;
+  font-weight: 400;
+}
+
 .components-form-toggle {
   position: relative;
   display: inline-block;
@@ -2257,6 +2274,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   text-align: left;
   margin: 0;
   color: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   -moz-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
   border-radius: 2px;
@@ -2264,14 +2284,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: inset 0 0 0 1px #1e1e1e;
   outline: 1px solid transparent;
 }
-@supports (position: sticky) {
-  .components-placeholder.components-placeholder {
-    display: flex;
-    flex-direction: column;
-    justify-content: top;
-    align-items: flex-start;
-  }
-}
 
 .components-placeholder__error,
 .components-placeholder__instructions,
@@ -3402,14 +3414,9 @@ body.lockscroll {
 }
 
 div.components-toolbar > div {
-  display: block;
+  display: flex;
   margin: 0;
 }
-@supports (position: sticky) {
-  div.components-toolbar > div {
-    display: flex;
-  }
-}
 div.components-toolbar > div + div.has-left-divider {
   margin-left: 6px;
   position: relative;

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

@@ -10,6 +10,6 @@ import AlignmentMatrixControl from '..';
 import type { AlignmentMatrixControlProps } from '../types';
 declare const meta: Meta<typeof AlignmentMatrixControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, AlignmentMatrixControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof AlignmentMatrixControlProps>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlignmentMatrixControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof AlignmentMatrixControlProps>>;
 export declare const IconSubcomponent: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,iWAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,yVAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import { AnglePickerControl } from '..';
 declare const meta: Meta<typeof AnglePickerControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnglePickerControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -8,11 +8,11 @@ import type { Meta } from '@storybook/react';
 import { Animate } from '..';
 declare const meta: Meta<typeof Animate>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAO/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,gIAAsB,CAAC;AAS3C,eAAO,MAAM,aAAa,gIAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,gIAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,gIAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,gIAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,gIAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,gIAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAO/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,wHAAsB,CAAC;AAS3C,eAAO,MAAM,aAAa,wHAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,wHAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,wHAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,wHAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,wHAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,wHAAsB,CAAC"}

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

@@ -10,7 +10,7 @@ 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-0fc72a6d").R, import("../types").BaseControlProps & {
+export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BaseControlProps & {
     as?: keyof JSX.IntrinsicElements | null | undefined;
 }>;
 /**

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

@@ -6,7 +6,7 @@ import type { Meta } from '@storybook/react';
 import { BorderBoxControl } from '../';
 declare const meta: Meta<typeof BorderBoxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../types").AnyBorder) => void;

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

@@ -10,7 +10,7 @@ import { BorderControl } from '..';
 import type { Border } from '../types';
 declare const meta: Meta<typeof BorderControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -29,7 +29,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
 /**
  * Render a slider beside the control.
  */
-export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -48,7 +48,7 @@ export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<imp
 /**
  * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
  */
-export declare const WithSliderCustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSliderCustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -68,7 +68,7 @@ export declare const WithSliderCustomWidth: import("@storybook/types").Annotated
  * Restrict the width of the control and prevent it from expanding to take up additional space.
  * When `true`, the `width` prop will be ignored.
  */
-export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -87,7 +87,7 @@ export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<impo
 /**
  * The `colors` object can contain multiple origins.
  */
-export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -106,7 +106,7 @@ export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedSt
 /**
  * Allow the alpha channel to be edited on each color.
  */
-export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import BoxControl from '../';
 declare const meta: Meta<typeof BoxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -332,7 +332,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -655,7 +655,7 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -978,7 +978,7 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -1301,7 +1301,7 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -1624,7 +1624,7 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {

package/build-types/button/stories/e2e/index.story.d.ts

@@ -10,6 +10,6 @@ import { Button } from '../..';
 declare const meta: Meta<typeof Button>;
 export default meta;
 export declare const VariantStates: StoryFn<typeof Button>;
-export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../../types").ButtonProps & import("../../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../../types").ButtonProps & import("../../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
 export declare const Dashicons: StoryFn<typeof Button>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/button/stories/e2e/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAG9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,MAAM,CAiCjD,CAAC;AAKF,eAAO,MAAM,IAAI,uNAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAgB7C,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/button/stories/e2e/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAG9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,MAAM,CAiCjD,CAAC;AAKF,eAAO,MAAM,IAAI,+MAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAgB7C,CAAC"}

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

@@ -10,12 +10,12 @@ import './style.css';
 import Button from '..';
 declare const meta: Meta<typeof Button>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const IsDestructive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const IsDestructive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
 export declare const GroupedIcons: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AActD;;GAEG;AACH,OAAO,aAAa,CAAC;AACrB,OAAO,MAAM,MAAM,IAAI,CAAC;AAExB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CA+B9B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,iNAAsB,CAAC;AAK3C,eAAO,MAAM,OAAO,iNAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,iNAAsB,CAAC;AAM7C,eAAO,MAAM,QAAQ,iNAAsB,CAAC;AAM5C,eAAO,MAAM,IAAI,iNAAsB,CAAC;AAMxC,eAAO,MAAM,aAAa,iNAAsB,CAAC;AAMjD,eAAO,MAAM,IAAI,iNAAsB,CAAC;AAMxC,eAAO,MAAM,YAAY,mBAYxB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/button/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AActD;;GAEG;AACH,OAAO,aAAa,CAAC;AACrB,OAAO,MAAM,MAAM,IAAI,CAAC;AAExB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CA+B9B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,yMAAsB,CAAC;AAK3C,eAAO,MAAM,OAAO,yMAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,yMAAsB,CAAC;AAM7C,eAAO,MAAM,QAAQ,yMAAsB,CAAC;AAM5C,eAAO,MAAM,IAAI,yMAAsB,CAAC;AAMxC,eAAO,MAAM,aAAa,yMAAsB,CAAC;AAMjD,eAAO,MAAM,IAAI,yMAAsB,CAAC;AAMxC,eAAO,MAAM,YAAY,mBAYxB,CAAC"}

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import { Card } from '..';
 declare const meta: Meta<typeof Card>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../surface/types").SurfaceProps & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../surface/types").SurfaceProps & {
     size?: import("../types").SizeOptions | "extraSmall" | undefined;
 } & {
     elevation?: number | undefined;
@@ -23,7 +23,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
  * `CardMedia` provides a container for full-bleed content within a `Card`,
  * such as images, video, or even just a background color. The corners will be rounded if necessary.
  */
-export declare const FullBleedContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../surface/types").SurfaceProps & {
+export declare const FullBleedContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../surface/types").SurfaceProps & {
     size?: import("../types").SizeOptions | "extraSmall" | undefined;
 } & {
     elevation?: number | undefined;

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

@@ -8,9 +8,9 @@ import type { Meta } from '@storybook/react';
 import CircularOptionPicker from '..';
 declare const meta: Meta<typeof CircularOptionPicker>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").CircularOptionPickerProps>;
-export declare const AsButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").CircularOptionPickerProps>;
-export declare const WithLoopingDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").CircularOptionPickerProps>;
-export declare const WithButtonAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").CircularOptionPickerProps>;
-export declare const WithDropdownLinkAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").CircularOptionPickerProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
+export declare const AsButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
+export declare const WithLoopingDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
+export declare const WithButtonAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
+export declare const WithDropdownLinkAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").CircularOptionPickerProps>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/circular-option-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAKtD;;GAEG;AACH,OAAO,oBAAoB,MAAM,IAAI,CAAC;AAOtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,oBAAoB,CA4C5C,CAAC;AACF,eAAe,IAAI,CAAC;AAiDpB,eAAO,MAAM,OAAO,6IAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,6IAAsB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,6IAAsB,CAAC;AAiBvD,eAAO,MAAM,gBAAgB,6IAAsB,CAAC;AAOpD,eAAO,MAAM,sBAAsB,6IAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/circular-option-picker/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAKtD;;GAEG;AACH,OAAO,oBAAoB,MAAM,IAAI,CAAC;AAOtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,oBAAoB,CA4C5C,CAAC;AACF,eAAe,IAAI,CAAC;AAiDpB,eAAO,MAAM,OAAO,qIAAsB,CAAC;AAM3C,eAAO,MAAM,SAAS,qIAAsB,CAAC;AAM7C,eAAO,MAAM,mBAAmB,qIAAsB,CAAC;AAiBvD,eAAO,MAAM,gBAAgB,qIAAsB,CAAC;AAOpD,eAAO,MAAM,sBAAsB,qIAAsB,CAAC"}

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

@@ -6,8 +6,8 @@ import type { Meta, StoryFn } from '@storybook/react';
 import ColorPalette from '..';
 declare const meta: Meta<typeof ColorPalette>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
-export declare const InitialValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
-export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
+export declare const InitialValue: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
+export declare const MultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
 export declare const CSSVariables: StoryFn<typeof ColorPalette>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-palette/stories/index.story.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAYpC,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,kOAAsB,CAAC;AAS3C,eAAO,MAAM,YAAY,kOAAsB,CAAC;AAUhD,eAAO,MAAM,eAAe,kOAAsB,CAAC;AAsBnD,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CActD,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/color-palette/stories/index.story.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,YAAY,MAAM,IAAI,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,YAAY,CAYpC,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,0NAAsB,CAAC;AAS3C,eAAO,MAAM,YAAY,0NAAsB,CAAC;AAUhD,eAAO,MAAM,eAAe,0NAAsB,CAAC;AAsBnD,eAAO,MAAM,YAAY,EAAE,OAAO,CAAE,OAAO,YAAY,CActD,CAAC"}

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import { ColorPicker } from '../component';
 declare const meta: Meta<typeof ColorPicker>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<{
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../../context").WordPressComponentProps<{
     enableAlpha?: boolean | undefined;
     color?: string | undefined;
     onChange?: ((color: string) => void) | undefined;