@wordpress/components 19.14.0 → 19.17.0

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

@@ -2,9 +2,10 @@
  * External dependencies
  */
 import type { CSSProperties } from 'react';
-export declare type Props = {
+export declare type ElevationProps = {
     /**
-     * Size of the shadow value when active (see the `value` and `isInteractive` props).
+     * Size of the shadow value when active (see the `value` and `isInteractive`
+     * props).
      */
     active?: number;
     /**
@@ -14,15 +15,18 @@ export declare type Props = {
      */
     borderRadius?: CSSProperties['borderRadius'];
     /**
-     * Size of the shadow value when focused (see the `value` and `isInteractive` props).
+     * Size of the shadow value when focused (see the `value` and
+     * `isInteractive` props).
      */
     focus?: number;
     /**
-     * Size of the shadow value when hovered  (see the `value` and `isInteractive` props).
+     * Size of the shadow value when hovered (see the `value` and
+     * `isInteractive` props).
      */
     hover?: number;
     /**
-     * Determines if hover, active, and focus shadow values should be automatically calculated and rendered.
+     * Determines if `hover`, `active`, and `focus` shadow values should be
+     * automatically calculated and rendered.
      *
      * @default false
      */
@@ -34,20 +38,9 @@ export declare type Props = {
      */
     offset?: number;
     /**
-     * Size of the shadow, based on the Style system's elevation system. The `value` determines the strength of the shadow, which sense of depth.
-     * In the example below, `isInteractive` is activated to give a better sense of depth.
-     *
-     * @example
-     * ```jsx
-     * import { __experimentalElevation as Elevation } from '@wordpress/components';
-     * 	* function Example() {
-     * 	return (
-     * 		<div>
-     * 			<Elevation isInteractive value={ 200 } />
-     * 		</div>
-     * 	);
-     * }
-     * ```
+     * Size of the shadow, based on the Style system's elevation system. The
+     * `value` determines the strength of the shadow, which creates the sense of
+     * depth.
      *
      * @default 0
      */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/elevation/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,KAAK,GAAG;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;;;;;;;;;;;OAiBG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/elevation/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,oBAAY,cAAc,GAAG;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAE,cAAc,CAAE,CAAC;IAC/C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}

package/build-types/external-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/external-link/index.tsx"],"names":[],"mappings":";AAmBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAwC7D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,gwJAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/external-link/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAyD7D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY,gwJAAwC,CAAC;AAElE,eAAe,YAAY,CAAC"}

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

@@ -1,34 +1,29 @@
-export default ConnectedFlex;
+import type { FlexProps } from '../types';
 /**
  * `Flex` is a primitive layout component that adaptively aligns child content
  * horizontally or vertically. `Flex` powers components like `HStack` and
  * `VStack`.
  *
- * `Flex` is used with any of it's two sub-components, `FlexItem` and `FlexBlock`.
+ * `Flex` is used with any of its two sub-components, `FlexItem` and
+ * `FlexBlock`.
  *
- * @example
  * ```jsx
- * import {
- * 	__experimentalFlex as Flex,
- * 	__experimentalFlexBlock as FlexBlock,
- * 	__experimentalFlexItem as FlexItem,
- * 	__experimentalText as Text
- * } from `@wordpress/components`;
+ * import { Flex, FlexBlock, FlexItem } from '@wordpress/components';
  *
  * function Example() {
- * 	return (
- * 		<Flex>
- * 			<FlexItem>
- * 				<Text>Code</Text>
- * 			</FlexItem>
- * 			<FlexBlock>
- * 				<Text>Poetry</Text>
- * 			</FlexBlock>
- * 		</Flex>
- * 	);
+ *   return (
+ *     <Flex>
+ *       <FlexItem>
+ *         <p>Code</p>
+ *       </FlexItem>
+ *       <FlexBlock>
+ *         <p>Poetry</p>
+ *       </FlexBlock>
+ *     </Flex>
+ *   );
  * }
  * ```
- *
  */
-declare const ConnectedFlex: import("../../ui/context").WordPressComponent<"div", import("../types").FlexProps, true>;
+export declare const Flex: import("../../ui/context").WordPressComponent<"div", FlexProps, true>;
+export default Flex;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/component.js"],"names":[],"mappings":";AA0BA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,sHAAqD"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAmB1C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,IAAI,uEAA4C,CAAC;AAE9D,eAAe,IAAI,CAAC"}

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

@@ -1,7 +1,10 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>} props
+ * Internal dependencies
  */
-export function useFlex(props: import('../../ui/context').WordPressComponentProps<import('../types').FlexProps, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { FlexProps } from '../types';
+export declare function useFlex(props: WordPressComponentProps<FlexProps, 'div'>): {
     className: string;
     isColumn: boolean;
     children: import("react").ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.js"],"names":[],"mappings":"AAwCA;;GAEG;AACH,+BAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGjG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex/hook.ts"],"names":[],"mappings":";AAWA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAK7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAqB1C,wBAAgB,OAAO,CAAE,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwG1E"}

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

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

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

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

package/build-types/flex/flex-block/component.d.ts

@@ -1,13 +1,20 @@
-export default ConnectedFlexBlock;
+import type { FlexBlockProps } from '../types';
 /**
- * `FlexBlock` is a primitive layout component that adaptively resizes content within layout containers like `Flex`.
+ * `FlexBlock` is a primitive layout component that adaptively resizes content
+ * within layout containers like `Flex`.
  *
- * @example
  * ```jsx
- * <Flex>
- * 	<FlexBlock>...</FlexBlock>
- * </Flex>
+ * import { Flex, FlexBlock } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <Flex>
+ *       <FlexBlock>...</FlexBlock>
+ *     </Flex>
+ *   );
+ * }
  * ```
  */
-declare const ConnectedFlexBlock: import("../../ui/context").WordPressComponent<"div", import("../types").FlexBlockProps, true>;
+export declare const FlexBlock: import("../../ui/context").WordPressComponent<"div", FlexBlockProps, true>;
+export default FlexBlock;
 //# sourceMappingURL=component.d.ts.map

package/build-types/flex/flex-block/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;GASG;AACH,gIAAoE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAY/C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,4EAAsD,CAAC;AAE7E,eAAe,SAAS,CAAC"}

package/build-types/flex/flex-block/hook.d.ts

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

package/build-types/flex/flex-block/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/hook.js"],"names":[],"mappings":"AAMA;;GAEG;AACH,oCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,cAAc,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOtG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/hook.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAE7E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,cAAc,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMvD"}

package/build-types/flex/flex-block/index.d.ts

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

package/build-types/flex/flex-block/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-block/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/build-types/flex/flex-item/component.d.ts

@@ -1,13 +1,20 @@
-export default ConnectedFlexItem;
+import type { FlexItemProps } from '../types';
 /**
- * `FlexItem` is a primitive layout component that aligns content within layout containers like `Flex`.
+ * `FlexItem` is a primitive layout component that aligns content within layout
+ * containers like `Flex`.
  *
- * @example
  * ```jsx
- * <Flex>
- * 	<FlexItem>...</FlexItem>
- * </Flex>
+ * import { Flex, FlexItem } from '@wordpress/components';
+ *
+ * function Example() {
+ *   return (
+ *     <Flex>
+ *       <FlexItem>...</FlexItem>
+ *     </Flex>
+ *   );
+ * }
  * ```
  */
-declare const ConnectedFlexItem: import("../../ui/context").WordPressComponent<"div", import("../types").FlexItemProps, true>;
+export declare const FlexItem: import("../../ui/context").WordPressComponent<"div", FlexItemProps, true>;
+export default FlexItem;
 //# sourceMappingURL=component.d.ts.map

package/build-types/flex/flex-item/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;GASG;AACH,8HAAiE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAW9C;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ,2EAAoD,CAAC;AAE1E,eAAe,QAAQ,CAAC"}

package/build-types/flex/flex-item/hook.d.ts

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

package/build-types/flex/flex-item/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/hook.js"],"names":[],"mappings":"AAaA;;GAEG;AACH,mCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,aAAa,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BrG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAI7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,WAAW,CAC1B,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCtD"}

package/build-types/flex/flex-item/index.d.ts

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

package/build-types/flex/flex-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/flex-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC"}

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

@@ -1,4 +1,4 @@
-export { default as Flex, useFlex } from "./flex";
-export { default as FlexItem, useFlexItem } from "./flex-item";
-export { default as FlexBlock, useFlexBlock } from "./flex-block";
+export { default as Flex, useFlex } from './flex';
+export { default as FlexItem, useFlexItem } from './flex-item';
+export { default as FlexBlock, useFlexBlock } from './flex-block';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flex/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/flex/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAGhD,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,IAAI,CAuBrC,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,IAAI,CAchD,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,cAAc,CAAE,OAAO,IAAI,CAmB5D,CAAC"}

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

@@ -1,6 +1,6 @@
-export const Flex: import("@emotion/utils").SerializedStyles;
-export const Item: import("@emotion/utils").SerializedStyles;
-export const block: import("@emotion/utils").SerializedStyles;
+export declare const Flex: import("@emotion/utils").SerializedStyles;
+export declare const Item: import("@emotion/utils").SerializedStyles;
+export declare const block: import("@emotion/utils").SerializedStyles;
 /**
  * Workaround to optimize DOM rendering.
  * We'll enhance alignment with naive parent flex assumptions.
@@ -12,6 +12,6 @@ export const block: import("@emotion/utils").SerializedStyles;
  * Improves stability of width/height rendering.
  * https://github.com/ItsJonQ/g2/pull/149
  */
-export const ItemsColumn: import("@emotion/utils").SerializedStyles;
-export const ItemsRow: import("@emotion/utils").SerializedStyles;
+export declare const ItemsColumn: import("@emotion/utils").SerializedStyles;
+export declare const ItemsRow: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/flex/styles.js"],"names":[],"mappings":"AAKA,6DAEE;AAEF,6DAME;AAEF,8DAEE;AAEF;;;;;;GAMG;AAEH;;;GAGG;AACH,oEAIE;AAEF,iEAIE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/flex/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,2CAEhB,CAAC;AAEF,eAAO,MAAM,IAAI,2CAMhB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAEjB,CAAC;AAEF;;;;;;GAMG;AAEH;;;GAGG;AACH,eAAO,MAAM,WAAW,2CAIvB,CAAC;AAEF,eAAO,MAAM,QAAQ,2CAIpB,CAAC"}

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 /**
  * Internal dependencies
  */
@@ -10,33 +10,40 @@ import type { SpaceInput } from '../ui/utils/space';
 export declare type FlexDirection = ResponsiveCSSValue<CSSProperties['flexDirection']>;
 export declare type FlexProps = {
     /**
-     * Aligns children using CSS Flexbox `align-items`. Vertically aligns content if the `direction` is `row`, or horizontally aligns content if the `direction` is `column`.
-     *
-     * In the example below, `flex-start` will align the children content to the top.
+     * Aligns children using CSS Flexbox `align-items`. Vertically aligns
+     * content if the `direction` is `row`, or horizontally aligns content if
+     * the `direction` is `column`.
      *
      * @default 'center'
      */
     align?: CSSProperties['alignItems'];
     /**
-     * The direction flow of the children content can be adjusted with `direction`. `column` will align children vertically and `row` will align children horizontally.
+     * The direction flow of the children content can be adjusted with
+     * `direction`. `column` will align children vertically and `row` will align
+     * children horizontally.
      *
      * @default 'row'
      */
     direction?: FlexDirection;
     /**
-     * Expands to the maximum available width (if horizontal) or height (if vertical).
+     * Expands to the maximum available width (if horizontal) or height (if
+     * vertical).
      *
      * @default true
      */
     expanded?: boolean;
     /**
-     * Spacing in between each child can be adjusted by using `gap`. The value of `gap` works as a multiplier to the library's grid system (base of `4px`).
+     * Spacing in between each child can be adjusted by using `gap`.
+     *
+     * 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.
      *
      * @default 2
      */
     gap?: SpaceInput;
     /**
-     * Horizontally aligns content if the `direction` is `row`, or vertically aligns content if the `direction` is `column`.
+     * Horizontally aligns content if the `direction` is `row`, or vertically
+     * aligns content if the `direction` is `column`.
      *
      * @default 'space-between'
      */
@@ -50,7 +57,7 @@ export declare type FlexProps = {
     /**
      * The children elements.
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * @deprecated
      */
@@ -70,7 +77,7 @@ export declare type FlexItemProps = {
     /**
      * The children elements.
      */
-    children: React.ReactNode;
+    children?: ReactNode;
 };
 export declare type FlexBlockProps = Omit<FlexItemProps, 'isBlock'>;
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flex/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,aAAa,GAAG,kBAAkB,CAC7C,aAAa,CAAE,eAAe,CAAE,CAChC,CAAC;AAEF,oBAAY,SAAS,GAAG;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACtC;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,SAAS,CAAE,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,oBAAY,cAAc,GAAG,IAAI,CAAE,aAAa,EAAE,SAAS,CAAE,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/flex/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,aAAa,GAAG,kBAAkB,CAC7C,aAAa,CAAE,eAAe,CAAE,CAChC,CAAC;AAEF,oBAAY,SAAS,GAAG;IACvB;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,aAAa,CAAE,YAAY,CAAE,CAAC;IACtC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,gBAAgB,CAAE,CAAC;IAC5C;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,aAAa,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAE,SAAS,CAAE,CAAC;IACrC;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,oBAAY,cAAc,GAAG,IAAI,CAAE,aAAa,EAAE,SAAS,CAAE,CAAC"}

package/build-types/flyout/context.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @type {import('react').Context<import('./types').Context>}
+ */
+export const FlyoutContext: import('react').Context<import('./types').Context>;
+export function useFlyoutContext(): import("./types").Context;
+//# sourceMappingURL=context.d.ts.map

package/build-types/flyout/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/flyout/context.js"],"names":[],"mappings":"AAKA;;GAEG;AACH,4BAFU,OAAO,OAAO,EAAE,OAAO,CAAC,OAAO,SAAS,EAAE,OAAO,CAAC,CAEX;AAC1C,8DAA0D"}

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

@@ -0,0 +1,21 @@
+export default ConnectedFlyout;
+/**
+ * `Flyout` is a component to render a floating content modal.
+ * It is similar in purpose to a tooltip, but renders content of any sort,
+ * not only simple text.
+ *
+ * @example
+ * ```jsx
+ * import { Button, __experimentalFlyout as Flyout, __experimentalText as } from '@wordpress/components';
+ *
+ * function Example() {
+ * 	return (
+ * 		<Flyout trigger={ <Button>Show/Hide content</Button> }>
+ *			<Text>Code is Poetry</Text>
+ * 		</Flyout>
+ * 	);
+ * }
+ * ```
+ */
+declare const ConnectedFlyout: import("../../ui/context").WordPressComponent<"div", import("../types").Props, false>;
+//# sourceMappingURL=component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout/component.js"],"names":[],"mappings":";AA0FA;;;;;;;;;;;;;;;;;GAiBG;AACH,qHAA2D"}