@wordpress/components 26.0.1 → 27.0.0

package/build-module/progress-bar/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","keyframes","COLORS","CONFIG","animateProgressBar","left","INDETERMINATE_TRACK_WIDTH","Track","_styled","process","env","NODE_ENV","target","label","borderWidthFocus","gray","radiusBlockUi","Indicator","isIndeterminate","value","animationDuration","animationTimingFunction","animationIterationCount","animationName","width","transition","ProgressElement","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["@wordpress/components/src/progress-bar/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\n\nconst animateProgressBar = keyframes( {\n\t'0%': {\n\t\tleft: '-50%',\n\t},\n\t'100%': {\n\t\tleft: '100%',\n\t},\n} );\n\n// Width of the indicator for the indeterminate progress bar\nexport const INDETERMINATE_TRACK_WIDTH = 50;\n\nexport const Track = styled.div`\n\tposition: relative;\n\toverflow: hidden;\n\twidth: 100%;\n\tmax-width: 160px;\n\theight: ${ CONFIG.borderWidthFocus };\n\t/* Text color at 10% opacity */\n\tbackground-color: color-mix(\n\t\tin srgb,\n\t\tvar( --wp-components-color-foreground, ${ COLORS.gray[ 900 ] } ),\n\t\ttransparent 90%\n\t);\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\n\t// Windows high contrast mode.\n\toutline: 2px solid transparent;\n\toutline-offset: 2px;\n`;\n\nexport const Indicator = styled.div< {\n\tisIndeterminate: boolean;\n\tvalue?: number;\n} >`\n\tdisplay: inline-block;\n\tposition: absolute;\n\ttop: 0;\n\theight: 100%;\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\t/* Text color at 90% opacity */\n\tbackground-color: color-mix(\n\t\tin srgb,\n\t\tvar( --wp-components-color-foreground, ${ COLORS.gray[ 900 ] } ),\n\t\ttransparent 10%\n\t);\n\n\t// Windows high contrast mode.\n\toutline: 2px solid transparent;\n\toutline-offset: -2px;\n\n\t${ ( { isIndeterminate, value } ) =>\n\t\tisIndeterminate\n\t\t\t? css( {\n\t\t\t\t\tanimationDuration: '1.5s',\n\t\t\t\t\tanimationTimingFunction: 'ease-in-out',\n\t\t\t\t\tanimationIterationCount: 'infinite',\n\t\t\t\t\tanimationName: animateProgressBar,\n\t\t\t\t\twidth: `${ INDETERMINATE_TRACK_WIDTH }%`,\n\t\t\t  } )\n\t\t\t: css( {\n\t\t\t\t\twidth: `${ value }%`,\n\t\t\t\t\ttransition: 'width 0.4s ease-in-out',\n\t\t\t  } ) };\n`;\n\nexport const ProgressElement = styled.progress`\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n`;\n"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,GAAG,EAAEC,SAAS,QAAQ,gBAAgB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AAEzC,MAAMC,kBAAkB,GAAGH,SAAS,CAAE;EACrC,IAAI,EAAE;IACLI,IAAI,EAAE;EACP,CAAC;EACD,MAAM,EAAE;IACPA,IAAI,EAAE;EACP;AACD,CAAE,CAAC;;AAEH;AACA,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAE3C,OAAO,MAAMC,KAAK,GAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,2EAKNV,MAAM,CAACW,gBAAgB,6FAISZ,MAAM,CAACa,IAAI,CAAE,GAAG,CAAE,kDAG3CZ,MAAM,CAACa,aAAa,0DAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,g9FAKtC;AAED,OAAO,MAAMM,SAAS,GAAAT,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,8EAQHV,MAAM,CAACa,aAAa,6FAIKd,MAAM,CAACa,IAAI,CAAE,GAAG,CAAE,sFAQ1D,CAAE;EAAEG,eAAe;EAAEC;AAAM,CAAC,KAC9BD,eAAe,gBACZlB,GAAG,CAAE;EACLoB,iBAAiB,EAAE,MAAM;EACzBC,uBAAuB,EAAE,aAAa;EACtCC,uBAAuB,EAAE,UAAU;EACnCC,aAAa,EAAEnB,kBAAkB;EACjCoB,KAAK,EAAG,GAAGlB,yBAA2B;AACtC,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,88FAAC,CAAC,gBACHX,GAAG,CAAE;EACLwB,KAAK,EAAG,GAAGL,KAAO,GAAE;EACpBM,UAAU,EAAE;AACZ,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,88FAAC,CAAC,SAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,g9FACP;AAED,OAAO,MAAMe,eAAe,GAAAlB,OAAA,aAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAgB,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAO3B"}
+{"version":3,"names":["css","keyframes","COLORS","CONFIG","animateProgressBar","left","INDETERMINATE_TRACK_WIDTH","Track","_styled","process","env","NODE_ENV","target","label","borderWidthFocus","theme","foreground","radiusBlockUi","Indicator","isIndeterminate","value","animationDuration","animationTimingFunction","animationIterationCount","animationName","width","transition","ProgressElement","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["@wordpress/components/src/progress-bar/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport styled from '@emotion/styled';\nimport { css, keyframes } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { COLORS, CONFIG } from '../utils';\n\nconst animateProgressBar = keyframes( {\n\t'0%': {\n\t\tleft: '-50%',\n\t},\n\t'100%': {\n\t\tleft: '100%',\n\t},\n} );\n\n// Width of the indicator for the indeterminate progress bar\nexport const INDETERMINATE_TRACK_WIDTH = 50;\n\nexport const Track = styled.div`\n\tposition: relative;\n\toverflow: hidden;\n\twidth: 100%;\n\tmax-width: 160px;\n\theight: ${ CONFIG.borderWidthFocus };\n\t/* Text color at 10% opacity */\n\tbackground-color: color-mix(\n\t\tin srgb,\n\t\t${ COLORS.theme.foreground },\n\t\ttransparent 90%\n\t);\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\n\t// Windows high contrast mode.\n\toutline: 2px solid transparent;\n\toutline-offset: 2px;\n`;\n\nexport const Indicator = styled.div< {\n\tisIndeterminate: boolean;\n\tvalue?: number;\n} >`\n\tdisplay: inline-block;\n\tposition: absolute;\n\ttop: 0;\n\theight: 100%;\n\tborder-radius: ${ CONFIG.radiusBlockUi };\n\t/* Text color at 90% opacity */\n\tbackground-color: color-mix(\n\t\tin srgb,\n\t\t${ COLORS.theme.foreground },\n\t\ttransparent 10%\n\t);\n\n\t// Windows high contrast mode.\n\toutline: 2px solid transparent;\n\toutline-offset: -2px;\n\n\t${ ( { isIndeterminate, value } ) =>\n\t\tisIndeterminate\n\t\t\t? css( {\n\t\t\t\t\tanimationDuration: '1.5s',\n\t\t\t\t\tanimationTimingFunction: 'ease-in-out',\n\t\t\t\t\tanimationIterationCount: 'infinite',\n\t\t\t\t\tanimationName: animateProgressBar,\n\t\t\t\t\twidth: `${ INDETERMINATE_TRACK_WIDTH }%`,\n\t\t\t  } )\n\t\t\t: css( {\n\t\t\t\t\twidth: `${ value }%`,\n\t\t\t\t\ttransition: 'width 0.4s ease-in-out',\n\t\t\t  } ) };\n`;\n\nexport const ProgressElement = styled.progress`\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n`;\n"],"mappings":";;AAAA;AACA;AACA;;AAEA,SAASA,GAAG,EAAEC,SAAS,QAAQ,gBAAgB;;AAE/C;AACA;AACA;AACA,SAASC,MAAM,EAAEC,MAAM,QAAQ,UAAU;AAEzC,MAAMC,kBAAkB,GAAGH,SAAS,CAAE;EACrC,IAAI,EAAE;IACLI,IAAI,EAAE;EACP,CAAC;EACD,MAAM,EAAE;IACPA,IAAI,EAAE;EACP;AACD,CAAE,CAAC;;AAEH;AACA,OAAO,MAAMC,yBAAyB,GAAG,EAAE;AAE3C,OAAO,MAAMC,KAAK,GAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,2EAKNV,MAAM,CAACW,gBAAgB,sDAI9BZ,MAAM,CAACa,KAAK,CAACC,UAAU,gDAGTb,MAAM,CAACc,aAAa,0DAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA,g3FAKtC;AAED,OAAO,MAAMO,SAAS,GAAAV,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,8EAQHV,MAAM,CAACc,aAAa,sDAIlCf,MAAM,CAACa,KAAK,CAACC,UAAU,oFAQxB,CAAE;EAAEG,eAAe;EAAEC;AAAM,CAAC,KAC9BD,eAAe,gBACZnB,GAAG,CAAE;EACLqB,iBAAiB,EAAE,MAAM;EACzBC,uBAAuB,EAAE,aAAa;EACtCC,uBAAuB,EAAE,UAAU;EACnCC,aAAa,EAAEpB,kBAAkB;EACjCqB,KAAK,EAAG,GAAGnB,yBAA2B;AACtC,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,82FAAC,CAAC,gBACHX,GAAG,CAAE;EACLyB,KAAK,EAAG,GAAGL,KAAO,GAAE;EACpBM,UAAU,EAAE;AACZ,CAAC,EAAAjB,OAAA,CAAAC,GAAA,CAAAC,QAAA,8CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,82FAAC,CAAC,SAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,g3FACP;AAED,OAAO,MAAMgB,eAAe,GAAAnB,OAAA,aAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAiB,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAO3B"}

package/build-module/utils/with-ignore-ime-events.js

@@ -0,0 +1,28 @@
+/**
+ * A higher-order function that wraps a keydown event handler to ensure it is not an IME event.
+ *
+ * In CJK languages, an IME (Input Method Editor) is used to input complex characters.
+ * During an IME composition, keydown events (e.g. Enter or Escape) can be fired
+ * which are intended to control the IME and not the application.
+ * These events should be ignored by any application logic.
+ *
+ * @param keydownHandler The keydown event handler to execute after ensuring it was not an IME event.
+ *
+ * @return A wrapped version of the given event handler that ignores IME events.
+ */
+export function withIgnoreIMEEvents(keydownHandler) {
+  return event => {
+    const {
+      isComposing
+    } = 'nativeEvent' in event ? event.nativeEvent : event;
+    if (isComposing ||
+    // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
+    // is `isComposing=false`, even though it's technically still part of the composition.
+    // These can only be detected by keyCode.
+    event.keyCode === 229) {
+      return;
+    }
+    keydownHandler(event);
+  };
+}
+//# sourceMappingURL=with-ignore-ime-events.js.map

package/build-module/utils/with-ignore-ime-events.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["withIgnoreIMEEvents","keydownHandler","event","isComposing","nativeEvent","keyCode"],"sources":["@wordpress/components/src/utils/with-ignore-ime-events.ts"],"sourcesContent":["/**\n * A higher-order function that wraps a keydown event handler to ensure it is not an IME event.\n *\n * In CJK languages, an IME (Input Method Editor) is used to input complex characters.\n * During an IME composition, keydown events (e.g. Enter or Escape) can be fired\n * which are intended to control the IME and not the application.\n * These events should be ignored by any application logic.\n *\n * @param keydownHandler The keydown event handler to execute after ensuring it was not an IME event.\n *\n * @return A wrapped version of the given event handler that ignores IME events.\n */\nexport function withIgnoreIMEEvents<\n\tE extends React.KeyboardEvent | KeyboardEvent,\n>( keydownHandler: ( event: E ) => void ) {\n\treturn ( event: E ) => {\n\t\tconst { isComposing } =\n\t\t\t'nativeEvent' in event ? event.nativeEvent : event;\n\n\t\tif (\n\t\t\tisComposing ||\n\t\t\t// Workaround for Mac Safari where the final Enter/Backspace of an IME composition\n\t\t\t// is `isComposing=false`, even though it's technically still part of the composition.\n\t\t\t// These can only be detected by keyCode.\n\t\t\tevent.keyCode === 229\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tkeydownHandler( event );\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,mBAAmBA,CAEhCC,cAAoC,EAAG;EACzC,OAASC,KAAQ,IAAM;IACtB,MAAM;MAAEC;IAAY,CAAC,GACpB,aAAa,IAAID,KAAK,GAAGA,KAAK,CAACE,WAAW,GAAGF,KAAK;IAEnD,IACCC,WAAW;IACX;IACA;IACA;IACAD,KAAK,CAACG,OAAO,KAAK,GAAG,EACpB;MACD;IACD;IAEAJ,cAAc,CAAEC,KAAM,CAAC;EACxB,CAAC;AACF"}

package/build-style/style-rtl.css

@@ -1858,6 +1858,7 @@ body.is-dragging-components-draggable {
 }
 
 .components-modal__frame {
+  box-sizing: border-box;
   margin: 40px 0 0 0;
   width: 100%;
   background: #fff;
@@ -1868,6 +1869,11 @@ body.is-dragging-components-draggable {
   animation: components-modal__appear-animation 0.1s ease-out;
   animation-fill-mode: forwards;
 }
+.components-modal__frame *,
+.components-modal__frame *::before,
+.components-modal__frame *::after {
+  box-sizing: inherit;
+}
 @media (prefers-reduced-motion: reduce) {
   .components-modal__frame {
     animation-duration: 1ms;
@@ -3285,7 +3291,7 @@ body.lockscroll {
 }
 .components-accessible-toolbar .components-button:focus::before,
 .components-toolbar .components-button:focus::before {
-  box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-accessible-toolbar .components-button.has-icon.has-icon,
@@ -3351,6 +3357,7 @@ body.lockscroll {
 }
 .components-toolbar-group .components-button.components-button,
 .components-toolbar-group .components-button.has-icon.has-icon {
+  justify-content: center;
   min-width: 36px;
   padding-right: 6px;
   padding-left: 6px;

package/build-style/style.css

@@ -1863,6 +1863,7 @@ body.is-dragging-components-draggable {
 }
 
 .components-modal__frame {
+  box-sizing: border-box;
   margin: 40px 0 0 0;
   width: 100%;
   background: #fff;
@@ -1873,6 +1874,11 @@ body.is-dragging-components-draggable {
   animation: components-modal__appear-animation 0.1s ease-out;
   animation-fill-mode: forwards;
 }
+.components-modal__frame *,
+.components-modal__frame *::before,
+.components-modal__frame *::after {
+  box-sizing: inherit;
+}
 @media (prefers-reduced-motion: reduce) {
   .components-modal__frame {
     animation-duration: 1ms;
@@ -3297,7 +3303,7 @@ body.lockscroll {
 }
 .components-accessible-toolbar .components-button:focus::before,
 .components-toolbar .components-button:focus::before {
-  box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
+  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .components-accessible-toolbar .components-button.has-icon.has-icon,
@@ -3363,6 +3369,7 @@ body.lockscroll {
 }
 .components-toolbar-group .components-button.components-button,
 .components-toolbar-group .components-button.has-icon.has-icon {
+  justify-content: center;
   min-width: 36px;
   padding-left: 6px;
   padding-right: 6px;

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-0a347bb9").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/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 IconSubcomponent: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

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-0a347bb9").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/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> & {
     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-0a347bb9").R, import("../types").AnimateProps>;
-export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
-export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
-export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
-export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
-export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
-export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").AnimateProps>;
+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>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;uBA+FS,aAAa;;EAyO5C;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.tsx"],"names":[],"mappings":";AAiCA,OAAO,KAAK,EACX,iBAAiB,EAMjB,oBAAoB,EAEpB,MAAM,SAAS,CAAC;AAiCjB,wBAAgB,eAAe,CAAE,EAChC,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GACV,EAAE,oBAAoB;;;;;EAgUtB;AAeD,wBAAgB,oBAAoB,CAAE,OAAO,EAAE,oBAAoB;;;;;;;;;;;;EAsClE;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,EACrC,QAAQ,EACR,UAAU,EACV,GAAG,OAAO,EACV,EAAE,iBAAiB,eAQnB"}

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-0a347bb9").R, import("../types").BaseControlProps & {
+export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSliderCustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, import("../../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../types").ButtonProps & import("react").RefAttributes<any>>;
 export declare const Dashicons: StoryFn<typeof Button>;
 //# sourceMappingURL=index.story.d.ts.map

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-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
-export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
-export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
-export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
-export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
-export declare const IsDestructive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
-export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const IsDestructive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ButtonProps & import("react").RefAttributes<any>>;
 export declare const GroupedIcons: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

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-0a347bb9").R, import("../../surface/types").SurfaceProps & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, import("../../surface/types").SurfaceProps & {
+export declare const FullBleedContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, 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-0a347bb9").R, import("../types").CircularOptionPickerProps>;
-export declare const AsButtons: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
-export declare const WithLoopingDisabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
-export declare const WithButtonAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
-export declare const WithDropdownLinkAction: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CircularOptionPickerProps>;
+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>;
 //# sourceMappingURL=index.story.d.ts.map

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-0a347bb9").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-0a347bb9").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-0a347bb9").R, import("../../context").WordPressComponentProps<import("../types").ColorPaletteProps, "div"> & import("react").RefAttributes<any>>;
+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 CSSVariables: StoryFn<typeof ColorPalette>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/color-picker/component.tsx"],"names":[],"mappings":";AA+BA,OAAO,KAAK,EAAoB,SAAS,EAAE,MAAM,SAAS,CAAC;AA0G3D,eAAO,MAAM,WAAW;;;;;;wTAGvB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/color-picker/component.tsx"],"names":[],"mappings":";AAmCA,OAAO,KAAK,EAAoB,SAAS,EAAE,MAAM,SAAS,CAAC;AAiH3D,eAAO,MAAM,WAAW;;;;;;wTAGvB,CAAC;AAEF,eAAe,WAAW,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-0a347bb9").R, import("../../context").WordPressComponentProps<{
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../../context").WordPressComponentProps<{
     enableAlpha?: boolean | undefined;
     color?: string | undefined;
     onChange?: ((color: string) => void) | undefined;

package/build-types/color-picker/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAsBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;UAIhC,CAAC;AAEF,eAAO,MAAM,aAAa;;UAWzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA4C3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/color-picker/styles.ts"],"names":[],"mappings":";AAkBA,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;UAEhC,CAAC;AAEF,eAAO,MAAM,aAAa;;UAGzB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAGxB,CAAC;AASF,eAAO,MAAM,6BAA6B;;;yGAKzC,CAAC;AAEF,eAAO,MAAM,kCAAkC;;;;;;;UAG9C,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;UAK7B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA4C3B,CAAC;AAEF,eAAO,MAAM,UAAU;;UAStB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA+B3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,eA8QpD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAgC3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,eAqQpD;AAED,eAAe,eAAe,CAAC"}

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import ComboboxControl from '..';
 declare const meta: Meta<typeof ComboboxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "className" | "label" | "help" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "className" | "label" | "help" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
     __experimentalRenderItem?: ((args: {
         item: import("../types").ComboboxControlOption;
     }) => import("react").ReactNode) | undefined;
@@ -29,7 +29,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
  * render function to the `__experimentalRenderItem` prop. (This is still an experimental feature
  * and is subject to change.)
  */
-export declare const WithCustomRenderItem: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, Pick<import("../../base-control/types").BaseControlProps, "className" | "label" | "help" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
+export declare const WithCustomRenderItem: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../base-control/types").BaseControlProps, "className" | "label" | "help" | "hideLabelFromVision" | "__nextHasNoMarginBottom"> & {
     __experimentalRenderItem?: ((args: {
         item: import("../types").ComboboxControlOption;
     }) => import("react").ReactNode) | undefined;

package/build-types/confirm-dialog/stories/index.story.d.ts

@@ -6,6 +6,6 @@ import type { Meta } from '@storybook/react';
 import { ConfirmDialog } from '../component';
 declare const meta: Meta<typeof ConfirmDialog>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ConfirmDialogProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").ConfirmDialogProps>>;
-export declare const WithCustomButtonLabels: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").ConfirmDialogProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").ConfirmDialogProps>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ConfirmDialogProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").ConfirmDialogProps>>;
+export declare const WithCustomButtonLabels: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").ConfirmDialogProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").ConfirmDialogProps>>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -8,5 +8,5 @@ import type { Meta } from '@storybook/react';
 import CustomGradientPicker from '../';
 declare const meta: Meta<typeof CustomGradientPicker>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").CustomGradientPickerProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").CustomGradientPickerProps>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-select-control/index.js"],"names":[],"mappings":"AAiEA,qEAkMC;AAED,mEAOC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-select-control/index.js"],"names":[],"mappings":"AAgEA,qEAgLC;AAED,mEAOC"}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { CustomSelectItemProps } from './types';
+import type { WordPressComponentProps } from '../context';
+export declare function CustomSelectItem({ children, ...props }: WordPressComponentProps<CustomSelectItemProps, 'div', false>): JSX.Element;
+export default CustomSelectItem;
+//# sourceMappingURL=custom-select-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-select-item.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/custom-select-item.tsx"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAI1D,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAE,eAUhE;AAED,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CustomSelectContext as CustomSelectContextType, CustomSelectStore, _CustomSelectProps } from './types';
+export declare const CustomSelectContext: import("react").Context<CustomSelectContextType>;
+declare function _CustomSelect(props: _CustomSelectProps & CustomSelectStore): JSX.Element;
+export default _CustomSelect;
+//# sourceMappingURL=custom-select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"custom-select.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/custom-select.tsx"],"names":[],"mappings":";AAYA,OAAO,KAAK,EACX,mBAAmB,IAAI,uBAAuB,EAC9C,iBAAiB,EAEjB,kBAAkB,EAClB,MAAM,SAAS,CAAC;AAOjB,eAAO,MAAM,mBAAmB,kDACsB,CAAC;AAoEvD,iBAAS,aAAa,CAAE,KAAK,EAAE,kBAAkB,GAAG,iBAAiB,eA0BpE;AAED,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { CustomSelectProps } from '../types';
+declare function CustomSelect(props: CustomSelectProps): JSX.Element;
+export default CustomSelect;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/default-component/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAElD,iBAAS,YAAY,CAAE,KAAK,EAAE,iBAAiB,eAU9C;AAED,eAAe,YAAY,CAAC"}

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

@@ -1,7 +1,6 @@
-/// <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({ 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;
+/**
+ * Internal dependencies
+ */
+export { default as CustomSelect } from './legacy-adapter';
+export { default as CustomSelectItem } from './custom-select-item';
 //# 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;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,mBAAmB,EACnB,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,CAAE,eAmC/D;AAED,wBAAgB,gBAAgB,CAAE,EACjC,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAE,eAWhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { CustomSelectProps, LegacyCustomSelectProps } from './types';
+import type { WordPressComponentProps } from '../context';
+declare function CustomSelect(props: LegacyCustomSelectProps | WordPressComponentProps<CustomSelectProps, 'button', false>): JSX.Element;
+export default CustomSelect;
+//# sourceMappingURL=legacy-adapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"legacy-adapter.d.ts","sourceRoot":"","sources":["../../src/custom-select-control-v2/legacy-adapter.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAM1D,iBAAS,YAAY,CACpB,KAAK,EACF,uBAAuB,GACvB,uBAAuB,CAAE,iBAAiB,EAAE,QAAQ,EAAE,KAAK,CAAE,eAOhE;AAED,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { LegacyCustomSelectProps } from '../types';
+declare function CustomSelect(props: LegacyCustomSelectProps): JSX.Element;
+export default CustomSelect;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/custom-select-control-v2/legacy-component/index.tsx"],"names":[],"mappings":";AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAKxD,iBAAS,YAAY,CAAE,KAAK,EAAE,uBAAuB,eAgHpD;AAED,eAAe,YAAY,CAAC"}