@wordpress/components 19.14.0 → 19.17.0

package/build-types/scroll-lock/index.d.ts

@@ -1,7 +1,36 @@
 /**
- * A component that will lock scrolling when it is mounted and unlock scrolling when it is unmounted.
+ * ScrollLock is a content-free React component for declaratively preventing
+ * scroll bleed from modal UI to the page body. This component applies a
+ * `lockscroll` class to the `document.documentElement` and
+ * `document.scrollingElement` elements to stop the body from scrolling. When it
+ * is present, the lock is applied.
  *
- * @return {null} Render nothing.
+ * ```jsx
+ * import { ScrollLock, Button } from '@wordpress/components';
+ * import { useState } from '@wordpress/element';
+ *
+ * const MyScrollLock = () => {
+ *   const [ isScrollLocked, setIsScrollLocked ] = useState( false );
+ *
+ *   const toggleLock = () => {
+ *     setIsScrollLocked( ( locked ) => ! locked ) );
+ *   };
+ *
+ *   return (
+ *     <div>
+ *       <Button variant="secondary" onClick={ toggleLock }>
+ *         Toggle scroll lock
+ *       </Button>
+ *       { isScrollLocked && <ScrollLock /> }
+ *       <p>
+ *         Scroll locked:
+ *         <strong>{ isScrollLocked ? 'Yes' : 'No' }</strong>
+ *       </p>
+ *     </div>
+ *   );
+ * };
+ * ```
  */
-export default function ScrollLock(): null;
+export declare function ScrollLock(): null;
+export default ScrollLock;
 //# sourceMappingURL=index.d.ts.map

package/build-types/scroll-lock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll-lock/index.js"],"names":[],"mappings":"AAqCA;;;;GAIG;AACH,sCAFY,IAAI,CAoBf"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll-lock/index.tsx"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,UAAU,IAAI,IAAI,CAkBjC;AAED,eAAe,UAAU,CAAC"}

package/build-types/scroll-lock/stories/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import ScrollLock from '..';
+declare const meta: ComponentMeta<typeof ScrollLock>;
+export default meta;
+export declare const Default: ComponentStory<typeof ScrollLock>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/scroll-lock/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scroll-lock/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAYtE,OAAO,UAAU,MAAM,IAAI,CAAC;AAE5B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,UAAU,CAO3C,CAAC;AACF,eAAe,IAAI,CAAC;AAoCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,UAAU,CAkCtD,CAAC"}

package/build-types/scroll-lock/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/scroll-lock/test/index.d.ts.map

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

package/build-types/scrollable/component.d.ts

@@ -1,8 +1,7 @@
-export default ConnectedScrollable;
+import type { ScrollableProps } from './types';
 /**
  * `Scrollable` is a layout component that content in a scrollable container.
  *
- * @example
  * ```jsx
  * import { __experimentalScrollable as Scrollable } from `@wordpress/components`;
  *
@@ -15,5 +14,6 @@ export default ConnectedScrollable;
  * }
  * ```
  */
-declare const ConnectedScrollable: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
+export declare const Scrollable: import("../ui/context").WordPressComponent<"div", ScrollableProps, true>;
+export default Scrollable;
 //# sourceMappingURL=component.d.ts.map

package/build-types/scrollable/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;GAeG;AAEH,oHAAuE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/scrollable/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW/C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,0EAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}

package/build-types/scrollable/hook.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="react" />
 /**
- * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props
+ * Internal dependencies
  */
-export function useScrollable(props: import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>): {
+import { WordPressComponentProps } from '../ui/context';
+import type { ScrollableProps } from './types';
+export declare function useScrollable(props: WordPressComponentProps<ScrollableProps, 'div'>): {
     className: string;
     children: import("react").ReactNode;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build-types/scrollable/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.js"],"names":[],"mappings":"AAaA;;GAEG;AAEH,qCAHW,OAAO,eAAe,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BzF"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/scrollable/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,eAAe,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0BxD"}

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

@@ -1,3 +1,3 @@
-export { default as Scrollable } from "./component";
-export * from "./hook";
+export { default as Scrollable } from './component';
+export * from './hook';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scrollable/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scrollable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,aAAa,CAAC;AAEpD,cAAc,QAAQ,CAAC"}

package/build-types/scrollable/stories/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+import { Scrollable } from '..';
+declare const meta: ComponentMeta<typeof Scrollable>;
+export default meta;
+export declare const Default: ComponentStory<typeof Scrollable>;
+//# sourceMappingURL=index.d.ts.map

package/build-types/scrollable/stories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/scrollable/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWtE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,UAAU,CAiB3C,CAAC;AACF,eAAe,IAAI,CAAC;AA4CpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,UAAU,CAAwB,CAAC"}

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

@@ -1,8 +1,8 @@
-export const scrollableScrollbar: import("@emotion/utils").SerializedStyles;
-export const Scrollable: import("@emotion/utils").SerializedStyles;
-export const Content: import("@emotion/utils").SerializedStyles;
-export const smoothScroll: import("@emotion/utils").SerializedStyles;
-export const scrollX: import("@emotion/utils").SerializedStyles;
-export const scrollY: import("@emotion/utils").SerializedStyles;
-export const scrollAuto: import("@emotion/utils").SerializedStyles;
+export declare const scrollableScrollbar: import("@emotion/utils").SerializedStyles;
+export declare const Scrollable: import("@emotion/utils").SerializedStyles;
+export declare const Content: import("@emotion/utils").SerializedStyles;
+export declare const smoothScroll: import("@emotion/utils").SerializedStyles;
+export declare const scrollX: import("@emotion/utils").SerializedStyles;
+export declare const scrollY: import("@emotion/utils").SerializedStyles;
+export declare const scrollAuto: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

package/build-types/scrollable/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scrollable/styles.js"],"names":[],"mappings":"AAUA,4EA2BE;AAEF,mEAEE;AAEF,gEAEE;AAEF,qEAEE;AAEF,gEAGE;AAEF,gEAGE;AAEF,mEAEE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/scrollable/styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,mBAAmB,2CA2B/B,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC;AAEF,eAAO,MAAM,OAAO,2CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY,2CAExB,CAAC;AAEF,eAAO,MAAM,OAAO,2CAGnB,CAAC;AAEF,eAAO,MAAM,OAAO,2CAGnB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAEtB,CAAC"}

package/build-types/scrollable/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,6 +1,13 @@
-/// <reference types="react" />
+/**
+ * External dependencies
+ */
+import type { ReactNode } from 'react';
 export declare type ScrollableDirection = 'x' | 'y' | 'auto';
-export declare type Props = {
+export declare type ScrollableProps = {
+    /**
+     * The children elements.
+     */
+    children: ReactNode;
     /**
      * Renders a scrollbar for a specific axis when content overflows.
      *
@@ -13,9 +20,5 @@ export declare type Props = {
      * @default false
      */
     smoothScroll?: boolean;
-    /**
-     * The children elements.
-     */
-    children: React.ReactNode;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scrollable/types.ts"],"names":[],"mappings":";AAAA,oBAAY,mBAAmB,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAErD,oBAAY,KAAK,GAAG;IACnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/scrollable/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC;AAErD,oBAAY,eAAe,GAAG;IAC7B;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAqBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiIlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;2mJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select-control/index.tsx"],"names":[],"mappings":";AAoBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiIlD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,aAAa;;2mJAAyC,CAAC;AAEpE,eAAe,aAAa,CAAC"}

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { SelectControlProps } from '../types';
-interface SelectProps extends Pick<SelectControlProps, 'disabled'> {
+interface SelectProps extends Pick<SelectControlProps, '__next36pxDefaultSize' | 'disabled'> {
     selectSize?: SelectControlProps['size'];
 }
 export declare const Select: import("@emotion/styled").StyledComponent<{

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

@@ -1 +1 @@
-{"version":3,"file":"select-control-styles.d.ts","sourceRoot":"","sources":["../../../src/select-control/styles/select-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,UAAU,WAAY,SAAQ,IAAI,CAAE,kBAAkB,EAAE,UAAU,CAAE;IAGnE,UAAU,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;CAC1C;AA+ED,eAAO,MAAM,MAAM;;;mIAkBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAe5B,CAAC"}
+{"version":3,"file":"select-control-styles.d.ts","sourceRoot":"","sources":["../../../src/select-control/styles/select-control-styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,UAAU,WACT,SAAQ,IAAI,CAAE,kBAAkB,EAAE,uBAAuB,GAAG,UAAU,CAAE;IAGxE,UAAU,CAAC,EAAE,kBAAkB,CAAE,MAAM,CAAE,CAAC;CAC1C;AAsGD,eAAO,MAAM,MAAM;;;mIAkBlB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;yGAc5B,CAAC"}

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

@@ -7,7 +7,7 @@ import type { ChangeEvent, FocusEvent, ReactNode } from 'react';
  */
 import type { InputBaseProps } from '../input-control/types';
 import type { BaseControlProps } from '../base-control/types';
-export interface SelectControlProps extends Pick<InputBaseProps, 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'>, Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> {
+export interface SelectControlProps extends Pick<InputBaseProps, '__next36pxDefaultSize' | 'disabled' | 'hideLabelFromVision' | 'label' | 'labelPosition' | 'prefix' | 'size' | 'suffix'>, Pick<BaseControlProps, 'help' | '__nextHasNoMarginBottom'> {
     /**
      * If this property is added, multiple values can be selected. The value passed should be an array.
      *

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,kBAChB,SAAQ,IAAI,CACV,cAAc,EACZ,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,EACD,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/select-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhE;;GAEG;AACH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,WAAW,kBAChB,SAAQ,IAAI,CACV,cAAc,EACZ,uBAAuB,GACvB,UAAU,GACV,qBAAqB,GACrB,OAAO,GACP,eAAe,GACf,QAAQ,GACR,MAAM,GACN,QAAQ,CACV,EACD,IAAI,CAAE,gBAAgB,EAAE,MAAM,GAAG,yBAAyB,CAAE;IAC7D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CACV,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,EACxB,KAAK,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,WAAW,CAAE,iBAAiB,CAAE,CAAA;KAAE,KAChD,IAAI,CAAC;IACV,OAAO,CAAC,EAAE;QACT;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;QACd;;;WAGG;QACH,KAAK,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ;;;;WAIG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;IACJ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB"}

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

@@ -1,27 +1,8 @@
-export default Shortcut;
-export type Shortcut = string | {
-    display: string;
-    ariaLabel: string;
-};
-export type Props = {
-    /**
-     * Shortcut configuration
-     */
-    shortcut: Shortcut;
-    /**
-     * Classname
-     */
-    className?: string | undefined;
-};
-/** @typedef {string | { display: string, ariaLabel: string }} Shortcut */
-/**
- * @typedef Props
- * @property {Shortcut} shortcut    Shortcut configuration
- * @property {string}   [className] Classname
- */
+/// <reference types="react" />
 /**
- * @param {Props} props Props
- * @return {JSX.Element | null} Element
+ * Internal dependencies
  */
-declare function Shortcut({ shortcut, className }: Props): JSX.Element | null;
+import type { ShortcutProps } from './types';
+declare function Shortcut(props: ShortcutProps): JSX.Element | null;
+export default Shortcut;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shortcut/index.js"],"names":[],"mappings":";uBAKc,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE;;;;;cAG/C,QAAQ;;;;;;AAHtB,0EAA0E;AAC1E;;;;GAIG;AAEH;;;GAGG;AACH,mDAHW,KAAK,GACJ,WAAW,GAAG,IAAI,CAwB7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shortcut/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,iBAAS,QAAQ,CAAE,KAAK,EAAE,aAAa,sBAwBtC;AAED,eAAe,QAAQ,CAAC"}

package/build-types/shortcut/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,14 @@
+export declare type ShortcutProps = {
+    /**
+     * Classname to apply to the shortcut.
+     */
+    className?: string;
+    /**
+     * Shortcut configuration
+     */
+    shortcut?: string | {
+        display: string;
+        ariaLabel: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/shortcut/types.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3D,CAAC"}

package/build-types/slot-fill/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/slot-fill/provider.js"],"names":[],"mappings":"AAgBA;IACC,4BAyBC;IAED,yCAgBC;IAED,6CAGC;IAED,+CAUC;IAED,+CAGC;IAED,wBAEC;IAED,4CAOC;IAED,yBAEC;IAcD,qCAMC;IA1FA,UAAe;IACf,UAAe;IACf,iBAAmB;IACnB;;;;;;;;;MASC;IA4DF,iCAMC;IAED,yBAEC;CAiBD"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/slot-fill/provider.js"],"names":[],"mappings":"AAWA;IACC,4BAyBC;IAED,yCAgBC;IAED,6CAGC;IAED,+CAUC;IAED,+CAIC;IAED,wBAEC;IAED,4CAOC;IAED,yBAEC;IAcD,qCAMC;IA3FA,UAAe;IACf,UAAe;IACf,iBAAmB;IACnB;;;;;;;;;MASC;IA6DF,iCAMC;IAED,yBAEC;CAiBD"}

package/build-types/slot-fill/slot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/slot.js"],"names":[],"mappings":";AAkGA,+CAWC"}
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/slot-fill/slot.js"],"names":[],"mappings":";AA+FA,+CAWC"}

package/build-types/spacer/component.d.ts

@@ -1,8 +1,10 @@
-import type { Props } from './types';
+import type { SpacerProps } from './types';
 /**
  * `Spacer` is a primitive layout component that providers inner (`padding`) or outer (`margin`) space in-between components. It can also be used to adaptively provide space within an `HStack` or `VStack`.
  *
- * `Spacer` comes with a bunch of shorthand props to adjust `margin` and `padding`. The values of these props work as a multiplier to the library's grid system (base of `4px`).
+ * `Spacer` comes with a bunch of shorthand props to adjust `margin` and `padding`. The values of these props
+ * can either be a number (which will act as a multiplier to the library's grid system base of 4px),
+ * or a literal CSS value string.
  *
  * ```jsx
  * import { Spacer } from `@wordpress/components`
@@ -21,6 +23,6 @@ import type { Props } from './types';
  * }
  * ```
  */
-export declare const Spacer: import("../ui/context").WordPressComponent<"div", Props, true>;
+export declare const Spacer: import("../ui/context").WordPressComponent<"div", SpacerProps, true>;
 export default Spacer;
 //# sourceMappingURL=component.d.ts.map

package/build-types/spacer/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/spacer/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAWrC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM,gEAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/spacer/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAW3C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,MAAM,sEAAgD,CAAC;AAEpE,eAAe,MAAM,CAAC"}

package/build-types/spacer/hook.d.ts

@@ -3,8 +3,8 @@
  * Internal dependencies
  */
 import { WordPressComponentProps } from '../ui/context';
-import type { Props } from './types';
-export declare function useSpacer(props: WordPressComponentProps<Props, 'div'>): {
+import type { SpacerProps } from './types';
+export declare function useSpacer(props: WordPressComponentProps<SpacerProps, 'div'>): {
     className: string;
     children?: import("react").ReactNode;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

package/build-types/spacer/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/spacer/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG1E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAKrC,wBAAgB,SAAS,CAAE,KAAK,EAAE,uBAAuB,CAAE,KAAK,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuFxE"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/spacer/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAK3C,wBAAgB,SAAS,CACxB,KAAK,EAAE,uBAAuB,CAAE,WAAW,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwFpD"}

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

@@ -1,4 +1,4 @@
 export { default as Spacer } from './component';
 export { useSpacer } from './hook';
-export type { Props as SpacerProps } from './types';
+export type { SpacerProps } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spacer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/spacer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/build-types/spacer/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -6,68 +6,80 @@ import type { ReactNode } from 'react';
  * Internal dependencies
  */
 import type { SpaceInput } from '../ui/utils/space';
-export declare type Props = {
+export declare type SpacerProps = {
     /**
-     * Adjusts all margins.
-     */
-    margin?: SpaceInput;
-    /**
-     * Adjusts top and bottom margins.
-     */
-    marginY?: SpaceInput;
-    /**
-     * Adjusts left and right margins.
+     * The children elements.
      */
-    marginX?: SpaceInput;
+    children?: ReactNode;
     /**
-     * Adjusts top margins.
+     * Adjusts all margins.
      */
-    marginTop?: SpaceInput;
+    margin?: SpaceInput;
     /**
-     * Adjusts bottom margins.
+     * Adjusts bottom margin, potentially overriding the value from the more
+     * generic `margin` and `marginY` props.
      *
      * @default 2
      */
     marginBottom?: SpaceInput;
     /**
-     * Adjusts left margins.
+     * Adjusts left margin, potentially overriding the value from the more
+     * generic `margin` and `marginX` props.
      */
     marginLeft?: SpaceInput;
     /**
-     * Adjusts right margins.
+     * Adjusts right margin, potentially overriding the value from the more
+     * generic `margin` and `marginX` props.
      */
     marginRight?: SpaceInput;
     /**
-     * Adjusts all padding.
+     * Adjusts top margin, potentially overriding the value from the more
+     * generic `margin` and `marginY` props.
      */
-    padding?: SpaceInput;
+    marginTop?: SpaceInput;
     /**
-     * Adjusts top and bottom padding.
+     * Adjusts left and right margins, potentially overriding the value from the
+     * more generic `margin` prop.
      */
-    paddingY?: SpaceInput;
+    marginX?: SpaceInput;
     /**
-     * Adjusts left and right padding.
+     * Adjusts top and bottom margins, potentially overriding the value from the
+     * more generic `margin` prop.
      */
-    paddingX?: SpaceInput;
+    marginY?: SpaceInput;
     /**
-     * Adjusts top padding.
+     * Adjusts all padding.
      */
-    paddingTop?: SpaceInput;
+    padding?: SpaceInput;
     /**
-     * Adjusts bottom padding.
+     * Adjusts bottom padding, potentially overriding the value from the more
+     * generic `padding` and `paddingY` props.
      */
     paddingBottom?: SpaceInput;
     /**
-     * Adjusts left padding.
+     * Adjusts left padding, potentially overriding the value from the more
+     * generic `padding` and `paddingX` props.
      */
     paddingLeft?: SpaceInput;
     /**
-     * Adjusts right padding.
+     * Adjusts right padding, potentially overriding the value from the more
+     * generic `padding` and `paddingX` props.
      */
     paddingRight?: SpaceInput;
     /**
-     * The children elements.
+     * Adjusts top padding, potentially overriding the value from the more
+     * generic `padding` and `paddingY` props.
      */
-    children?: ReactNode;
+    paddingTop?: SpaceInput;
+    /**
+     * Adjusts left and right padding, potentially overriding the value from the
+     * more generic `padding` prop.
+     */
+    paddingX?: SpaceInput;
+    /**
+     * Adjusts top and bottom padding, potentially overriding the value from the
+     * more generic `padding` prop.
+     */
+    paddingY?: SpaceInput;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/spacer/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,KAAK,GAAG;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;;OAIG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;OAEG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/spacer/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,WAAW,GAAG;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC"}

package/build-types/style-provider/index.d.ts

@@ -1,5 +1,8 @@
-export default function StyleProvider({ children, document }: {
-    children: any;
-    document: any;
-}): JSX.Element | null;
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { StyleProviderProps } from './types';
+export declare function StyleProvider(props: StyleProviderProps): JSX.Element | null;
+export default StyleProvider;
 //# sourceMappingURL=index.d.ts.map

package/build-types/style-provider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/style-provider/index.js"],"names":[],"mappings":"AAsBA;;;uBAQC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/style-provider/index.tsx"],"names":[],"mappings":";AAQA;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAiBlD,wBAAgB,aAAa,CAAE,KAAK,EAAE,kBAAkB,sBAUvD;AAED,eAAe,aAAa,CAAC"}

package/build-types/style-provider/types.d.ts

@@ -0,0 +1,15 @@
+/**
+ * External dependencies
+ */
+import type { ReactNode } from 'react';
+export declare type StyleProviderProps = {
+    /**
+     * The children elements.
+     */
+    children: ReactNode;
+    /**
+     * Current document.
+     */
+    document: Document;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/style-provider/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/style-provider/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,kBAAkB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;CACnB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/swatch/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAI3C,iBAAS,MAAM,CAAE,EAAE,IAAI,EAAE,EAAE,WAAW,eAMrC;AAED,eAAe,MAAM,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * External dependencies
+ */
+import type { CSSProperties } from 'react';
+export declare type SwatchProps = {
+    /**
+     * The color to display in the swatch.
+     */
+    fill?: CSSProperties['background'];
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/swatch/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,WAAW,GAAG;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;CACrC,CAAC"}

package/build-types/text/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.js"],"names":[],"mappings":"AAwBA;;GAEG;AACH,uCAFW,OAAO,eAAe,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoK1F"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.js"],"names":[],"mappings":"AAuBA;;GAEG;AACH,uCAFW,OAAO,eAAe,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuK1F"}

package/build-types/text-highlight/index.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+/**
+ * Internal dependencies
+ */
+import type { TextHighlightProps } from './types';
+/**
+ * Highlights occurrences of a given string within another string of text. Wraps
+ * each match with a `<mark>` tag which provides browser default styling.
+ *
+ * ```jsx
+ * import { TextHighlight } from '@wordpress/components';
+ *
+ * const MyTextHighlight = () => (
+ *   <TextHighlight
+ *     text="Why do we like Gutenberg? Because Gutenberg is the best!"
+ *     highlight="Gutenberg"
+ *   />
+ * );
+ * ```
+ */
+export declare const TextHighlight: (props: TextHighlightProps) => JSX.Element;
+export default TextHighlight;
+//# sourceMappingURL=index.d.ts.map

package/build-types/text-highlight/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text-highlight/index.tsx"],"names":[],"mappings":";AAUA;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,UAAY,kBAAkB,gBAgBvD,CAAC;AAEF,eAAe,aAAa,CAAC"}