@wordpress/components 19.15.0 → 20.0.0

package/build-types/dropdown/dropdown-content-wrapper.d.ts

@@ -0,0 +1,23 @@
+import type { DropdownContentWrapperProps } from './types';
+/**
+ * A convenience wrapper for the `renderContent` when you want to apply
+ * different padding. (Default is `paddingSize="small"`).
+ *
+ * ```jsx
+ * import {
+ *   Dropdown,
+ *   __experimentalDropdownContentWrapper as DropdownContentWrapper,
+ * } from '@wordpress/components';
+ *
+ * <Dropdown
+ *   renderContent={ () => (
+ *     <DropdownContentWrapper paddingSize="medium">
+ *       My dropdown content
+ *     </DropdownContentWrapper>
+ * ) }
+ * />
+ * ```
+ */
+export declare const DropdownContentWrapper: import("../ui/context").WordPressComponent<"div", DropdownContentWrapperProps, false>;
+export default DropdownContentWrapper;
+//# sourceMappingURL=dropdown-content-wrapper.d.ts.map

package/build-types/dropdown/dropdown-content-wrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-content-wrapper.d.ts","sourceRoot":"","sources":["../../src/dropdown/dropdown-content-wrapper.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAoB3D;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,sBAAsB,uFAGlC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.js"],"names":[],"mappings":"AA6BA,0DAkGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dropdown/index.js"],"names":[],"mappings":"AA6BA,0DAgGC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { DropdownContentWrapperProps } from './types';
+export declare const DropdownContentWrapperDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & DropdownContentWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/dropdown/styles.ts"],"names":[],"mappings":";AAUA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAe3D,eAAO,MAAM,yBAAyB;;;uIAYrC,CAAC"}

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

@@ -0,0 +1,9 @@
+export declare type DropdownContentWrapperProps = {
+    /**
+     * Amount of padding to apply on the dropdown content.
+     *
+     * @default 'small'
+     */
+    paddingSize?: 'none' | 'small' | 'medium';
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/dropdown/types.ts"],"names":[],"mappings":"AAAA,oBAAY,2BAA2B,GAAG;IACzC;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CAC1C,CAAC"}

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

@@ -1,10 +1,10 @@
-export default ConnectedElevation;
+import type { ElevationProps } from './types';
 /**
- * `Elevation` is a core component that renders shadow, using the library's shadow system.
+ * `Elevation` is a core component that renders shadow, using the component
+ * system's shadow system.
  *
  * The shadow effect is generated using the `value` prop.
  *
- * @example
  * ```jsx
  * import {
  *	__experimentalElevation as Elevation,
@@ -13,14 +13,15 @@ export default ConnectedElevation;
  * } from '@wordpress/components';
  *
  * function Example() {
- * 	return (
- * 		<Surface>
- * 			<Text>Code is Poetry</Text>
- * 			<Elevation value={ 5 } />
- * 		</Surface>
- * 	);
+ *   return (
+ *     <Surface>
+ *       <Text>Code is Poetry</Text>
+ *       <Elevation value={ 5 } />
+ *     </Surface>
+ *   );
  * }
  * ```
  */
-declare const ConnectedElevation: import("../ui/context").WordPressComponent<"div", import("./types").Props, true>;
+export declare const Elevation: import("../ui/context").WordPressComponent<"div", ElevationProps, true>;
+export default Elevation;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/elevation/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,mHAAoE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/elevation/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAW9C;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,SAAS,yEAAsD,CAAC;AAE7E,eAAe,SAAS,CAAC"}

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

@@ -1,12 +1,11 @@
+/// <reference types="react" />
 /**
- * @param {number} value
- * @return {string} The box shadow value.
+ * Internal dependencies
  */
-export function getBoxShadow(value: number): string;
-/**
- * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>} props
- */
-export function useElevation(props: import('../ui/context').WordPressComponentProps<import('./types').Props, 'div'>): {
+import { WordPressComponentProps } from '../ui/context';
+import type { ElevationProps } from './types';
+export declare function getBoxShadow(value: number): string;
+export declare function useElevation(props: WordPressComponentProps<ElevationProps, 'div'>): {
     className: string;
     'aria-hidden': boolean;
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/elevation/hook.js"],"names":[],"mappings":"AAmBA;;;GAGG;AACH,oCAHW,MAAM,GACL,MAAM,CAQjB;AAED;;GAEG;AACH,oCAFW,OAAO,eAAe,EAAE,uBAAuB,CAAC,OAAO,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FzF"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/elevation/hook.ts"],"names":[],"mappings":";AAUA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAK1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,YAAY,CAAE,KAAK,EAAE,MAAM,UAM1C;AAED,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,cAAc,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGvD"}

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

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

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

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

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

@@ -0,0 +1,22 @@
+/**
+ * External dependencies
+ */
+import type { ComponentMeta, ComponentStory } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Elevation } from '..';
+declare const meta: ComponentMeta<typeof Elevation>;
+export default meta;
+export declare const Default: ComponentStory<typeof Elevation>;
+/**
+ * Enable the `isInteractive` prop to automatically generate values
+ * for the hover/active/focus states.
+ */
+export declare const WithInteractive: ComponentStory<typeof Elevation>;
+/**
+ * You can also provide custom values for the hover/active/focus states
+ * instead of using the `isInteractive` prop.
+ */
+export declare const WithCustomInteractive: ComponentStory<typeof Elevation>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elevation/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,SAAS,CAa1C,CAAC;AACF,eAAe,IAAI,CAAC;AAiCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,SAAS,CAAwB,CAAC;AAK/E;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,SAAS,CAC/B,CAAC;AAMhC;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,cAAc,CAAE,OAAO,SAAS,CACrC,CAAC"}

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

@@ -1,2 +1,2 @@
-export const Elevation: import("@emotion/utils").SerializedStyles;
+export declare const Elevation: import("@emotion/utils").SerializedStyles;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/elevation/styles.js"],"names":[],"mappings":"AAKA,kEAOE"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/elevation/styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,2CAOrB,CAAC"}

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

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

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

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

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":";AAkBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AA+C7D;;;;;;;;;;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":""}