@wordpress/components 19.15.0 → 20.0.0

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

@@ -1,5 +1,6 @@
-import type { FunctionComponent } from 'react';
+/// <reference types="react" />
 import type { BaseControlProps, BaseControlVisualLabelProps } from './types';
+import type { WordPressComponentProps } from '../ui/context';
 /**
  * `BaseControl` is a component used to generate labels and help text for components handling user inputs.
  *
@@ -16,7 +17,7 @@ import type { BaseControlProps, BaseControlVisualLabelProps } from './types';
  */
 export declare const BaseControl: {
     ({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: BaseControlProps): JSX.Element;
-    VisualLabel: FunctionComponent<BaseControlVisualLabelProps>;
+    VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
 };
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.
@@ -35,6 +36,6 @@ export declare const BaseControl: {
  * 	</BaseControl>
  * );
  */
-export declare const VisualLabel: FunctionComponent<BaseControlVisualLabelProps>;
+export declare const VisualLabel: ({ className, children, ...props }: WordPressComponentProps<BaseControlVisualLabelProps, 'span'>) => JSX.Element;
 export default BaseControl;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAS7E;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW;8FAQrB,gBAAgB;;CA8ClB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAE,2BAA2B,CAcvE,CAAC;AAGF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/base-control/index.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAE,gBAAgB,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQ7E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAE7D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW;8FAQrB,gBAAgB;qDAqEhB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE;CAvBhE,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,WAAW,sCAIrB,wBAAyB,2BAA2B,EAAE,MAAM,CAAE,gBAYhE,CAAC;AAGF,eAAe,WAAW,CAAC"}

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

@@ -12,7 +12,7 @@ export default meta;
 export declare const Default: ComponentStory<typeof BaseControl>;
 export declare const WithHelpText: ComponentStory<{
     ({ __nextHasNoMarginBottom, id, label, hideLabelFromVision, help, className, children, }: import("../types").BaseControlProps): JSX.Element;
-    VisualLabel: import("react").FunctionComponent<import("../types").BaseControlVisualLabelProps>;
+    VisualLabel: ({ className, children, ...props }: import("../../ui/context").WordPressComponentProps<import("../types").BaseControlVisualLabelProps, "span", true>) => JSX.Element;
 }>;
 /**
  * `BaseControl.VisualLabel` is used to render a purely visual label inside a `BaseControl` component.

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAY5C,CAAC;AACF,eAAe,IAAI,CAAC;AAapB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CACrB,CAAC;AAOpC,eAAO,MAAM,YAAY;;;EAAqC,CAAC;AAO/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAa/D,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base-control/stories/index.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,WAAW,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,WAAW,CAY5C,CAAC;AACF,eAAe,IAAI,CAAC;AAapB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,WAAW,CACrB,CAAC;AAOpC,eAAO,MAAM,YAAY;;;EAAqC,CAAC;AAO/D;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,EAAE,cAAc,CAAE,OAAO,WAAW,CAc/D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"base-control-styles.d.ts","sourceRoot":"","sources":["../../../src/base-control/styles/base-control-styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO;;;yGAGnB,CAAC;AAWF,eAAO,MAAM,WAAW;;;;;yGAMvB,CAAC;AAOF,eAAO,MAAM,WAAW;;;kHAEvB,CAAC;AAWF,eAAO,MAAM,UAAU;;;;;qHAQtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC"}
+{"version":3,"file":"base-control-styles.d.ts","sourceRoot":"","sources":["../../../src/base-control/styles/base-control-styles.ts"],"names":[],"mappings":";AAYA,eAAO,MAAM,OAAO;;;yGAKnB,CAAC;AAWF,eAAO,MAAM,WAAW;;;;;yGAMvB,CAAC;AAcF,eAAO,MAAM,WAAW;;;kHAEvB,CAAC;AAWF,eAAO,MAAM,UAAU;;;;;qHAQtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;2GAE7B,CAAC"}

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

@@ -35,7 +35,6 @@ export declare type BaseControlProps = {
     children: ReactNode;
 };
 export declare type BaseControlVisualLabelProps = {
-    className?: string;
     children: ReactNode;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/base-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,gBAAgB,GAAG;IAC9B;;;;OAIG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC;AAEF,oBAAY,2BAA2B,GAAG;IACzC,QAAQ,EAAE,SAAS,CAAC;CACpB,CAAC"}

package/build-types/border-control/border-control/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;AAkG/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa,iFAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/component.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,kBAAkB,EAAc,MAAM,UAAU,CAAC;AAsG/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,aAAa,iFAGzB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/build-types/border-control/border-control/hook.d.ts

@@ -4,13 +4,13 @@ import type { Border, BorderControlProps } from '../types';
 export declare function useBorderControl(props: WordPressComponentProps<BorderControlProps, 'div'>): {
     className: string;
     innerWrapperClassName: string;
+    inputWidth: string | number | undefined;
     onBorderChange: (newBorder?: Border | undefined) => void;
     onSliderChange: (value?: number | undefined) => void;
     onWidthChange: (newWidth?: string | undefined) => void;
     previousStyleSelection: string | undefined;
     sliderClassName: string;
     value: Border | undefined;
-    widthControlClassName: string;
     widthUnit: string;
     widthValue: number | undefined;
     __next36pxDefaultSize: boolean;

package/build-types/border-control/border-control/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4H3D"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAc3D,wBAAgB,gBAAgB,CAC/B,KAAK,EAAE,uBAAuB,CAAE,kBAAkB,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuH3D"}

package/build-types/border-control/border-control-dropdown/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAIX,aAAa,EAEb,MAAM,UAAU,CAAC;AA8NlB,QAAA,MAAM,8BAA8B,2EAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/component.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAIX,aAAa,EAEb,MAAM,UAAU,CAAC;AAkOlB,QAAA,MAAM,8BAA8B,2EAGnC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

package/build-types/border-control/border-control-dropdown/hook.d.ts

@@ -10,7 +10,6 @@ export declare function useBorderControlDropdown(props: WordPressComponentProps<
     onColorChange: (color?: string | undefined) => void;
     onStyleChange: (style?: string | undefined) => void;
     onReset: () => void;
-    popoverClassName: string;
     popoverContentClassName: string;
     popoverControlsClassName: string;
     resetButtonClassName: string;

package/build-types/border-control/border-control-dropdown/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFtD"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/border-control/border-control-dropdown/hook.ts"],"names":[],"mappings":";AAUA,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,uBAAuB,CAAE,aAAa,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8EtD"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAKnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AA8DpB,eAAO,MAAM,OAAO,oHAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU,oHAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,oHAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS,oHAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB,oHAAsB,CAAC;AAOvD;;GAEG;AACH,eAAO,MAAM,gBAAgB,oHAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/border-control/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQtE;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAKnC,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,aAAa,CAc9C,CAAC;AACF,eAAe,IAAI,CAAC;AAiEpB,eAAO,MAAM,OAAO,oHAAsB,CAAC;AAM3C;;GAEG;AACH,eAAO,MAAM,UAAU,oHAAsB,CAAC;AAM9C;;GAEG;AACH,eAAO,MAAM,qBAAqB,oHAAsB,CAAC;AAQzD;;;GAGG;AACH,eAAO,MAAM,SAAS,oHAAsB,CAAC;AAM7C;;GAEG;AACH,eAAO,MAAM,mBAAmB,oHAAsB,CAAC;AAOvD;;GAEG;AACH,eAAO,MAAM,gBAAgB,oHAAsB,CAAC"}

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

@@ -1,18 +1,15 @@
-import type { CSSProperties } from 'react';
 import type { Border } from './types';
 export declare const borderControl: import("@emotion/utils").SerializedStyles;
 export declare const innerWrapper: () => import("@emotion/utils").SerializedStyles;
-export declare const wrapperWidth: (width: CSSProperties['width']) => import("@emotion/utils").SerializedStyles;
+export declare const wrapperWidth: import("@emotion/utils").SerializedStyles;
 export declare const wrapperHeight: (__next36pxDefaultSize?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const borderControlDropdown: () => import("@emotion/utils").SerializedStyles;
 export declare const colorIndicatorBorder: (border?: Border | undefined) => import("@emotion/utils").SerializedStyles;
 export declare const colorIndicatorWrapper: (border?: Border | undefined, __next36pxDefaultSize?: boolean | undefined) => import("@emotion/utils").SerializedStyles;
-export declare const borderControlPopover: import("@emotion/utils").SerializedStyles;
 export declare const borderControlPopoverControls: import("@emotion/utils").SerializedStyles;
 export declare const borderControlPopoverContent: import("@emotion/utils").SerializedStyles;
 export declare const borderColorIndicator: import("@emotion/utils").SerializedStyles;
 export declare const resetButton: import("@emotion/utils").SerializedStyles;
-export declare const borderWidthControl: () => import("@emotion/utils").SerializedStyles;
 export declare const borderControlStylePicker: import("@emotion/utils").SerializedStyles;
 export declare const borderStyleButton: import("@emotion/utils").SerializedStyles;
 export declare const borderSlider: () => import("@emotion/utils").SerializedStyles;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAiB3C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAEzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAwCxB,CAAC;AAEF,eAAO,MAAM,YAAY,UAAY,aAAa,CAAE,OAAO,CAAE,8CAK5D,CAAC;AAMF,eAAO,MAAM,aAAa,4FAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAyBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4EAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAqCjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2CAMhC,CAAC;AAEF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CASvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,iDAe9B,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDASxB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/border-control/styles.ts"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAEF,eAAO,MAAM,YAAY,iDAQxB,CAAC;AAOF,eAAO,MAAM,YAAY,2CAKxB,CAAC;AAMF,eAAO,MAAM,aAAa,4FAIzB,CAAC;AAEF,eAAO,MAAM,qBAAqB,iDAwBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4EAUhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yHAqCjC,CAAC;AAOF,eAAO,MAAM,4BAA4B,2CAYxC,CAAC;AAEF,eAAO,MAAM,2BAA2B,2CAAQ,CAAC;AACjD,eAAO,MAAM,oBAAoB,2CAAQ,CAAC;AAE1C,eAAO,MAAM,WAAW,2CAWvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,2CAIpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,2CAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,iDASxB,CAAC"}

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

@@ -1,10 +1,9 @@
-export default ConnectedCard;
+import type { Props } from '../types';
 /**
  * `Card` provides a flexible and extensible content container.
  * `Card` also provides a convenient set of sub-components such as `CardBody`,
  * `CardHeader`, `CardFooter`, and more.
  *
- * @example
  * ```jsx
  * import {
  *   Card,
@@ -32,5 +31,6 @@ export default ConnectedCard;
  * }
  * ```
  */
-declare const ConnectedCard: import("../../ui/context").WordPressComponent<"div", import("../types").Props, true>;
+export declare const Card: import("../../ui/context").WordPressComponent<"div", Props, true>;
+export default Card;
 //# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card/component.js"],"names":[],"mappings":";AA0EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,kHAAqD"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card/component.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAsDtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,IAAI,mEAA4C,CAAC;AAE9D,eAAe,IAAI,CAAC"}

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

@@ -1,7 +1,11 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props
+ * Internal dependencies
  */
-export function useCard(props: import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { Props } from '../types';
+declare type CardProps = WordPressComponentProps<Props, 'div'>;
+export declare function useCard(props: CardProps): {
     elevation: number;
     isBorderless: boolean;
     isRounded: boolean;
@@ -266,4 +270,5 @@ export function useCard(props: import('../../ui/context').WordPressComponentProp
     is?: string | undefined;
     as?: keyof JSX.IntrinsicElements | undefined;
 };
+export {};
 //# sourceMappingURL=hook.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card/hook.js"],"names":[],"mappings":"AAyCA;;GAEG;AACH,+BAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgC7F"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card/hook.ts"],"names":[],"mappings":";AAMA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAI7E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtC,aAAK,SAAS,GAAG,uBAAuB,CAAE,KAAK,EAAE,KAAK,CAAE,CAAC;AA6BzD,wBAAgB,OAAO,CAAE,KAAK,EAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BxC"}

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

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

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

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

package/build-types/card/card-body/component.d.ts

@@ -1,9 +1,8 @@
-export default ConnectedCardBody;
+import type { BodyProps } from '../types';
 /**
  * `CardBody` renders an optional content area for a `Card`.
  * Multiple `CardBody` components can be used within `Card` if needed.
  *
- * @example
  * ```jsx
  * import { Card, CardBody } from `@wordpress/components`;
  *
@@ -14,5 +13,6 @@ export default ConnectedCardBody;
  * </Card>
  * ```
  */
-declare const ConnectedCardBody: import("../../ui/context").WordPressComponent<"div", import("../types").BodyProps, true>;
+export declare const CardBody: import("../../ui/context").WordPressComponent<"div", BodyProps, true>;
+export default CardBody;
 //# sourceMappingURL=component.d.ts.map

package/build-types/card/card-body/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-body/component.js"],"names":[],"mappings":";AAsBA;;;;;;;;;;;;;;GAcG;AACH,0HAAiE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-body/component.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAe1C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ,uEAAoD,CAAC;AAE1E,eAAe,QAAQ,CAAC"}

package/build-types/card/card-body/hook.d.ts

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

package/build-types/card/card-body/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-body/hook.js"],"names":[],"mappings":"AAYA;;GAEG;AACH,mCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCjG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-body/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,wBAAgB,WAAW,CAC1B,KAAK,EAAE,uBAAuB,CAAE,SAAS,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BlD"}

package/build-types/card/card-body/index.d.ts

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

package/build-types/card/card-body/index.d.ts.map

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

package/build-types/card/card-divider/component.d.ts

@@ -1,9 +1,8 @@
-export default ConnectedCardDivider;
+import { DividerProps } from '../../divider';
 /**
  * `CardDivider` renders an optional divider within a `Card`.
  * It is typically used to divide multiple `CardBody` components from each other.
  *
- * @example
  * ```jsx
  * import { Card, CardBody, CardDivider } from `@wordpress/components`;
  *
@@ -14,5 +13,6 @@ export default ConnectedCardDivider;
  * </Card>
  * ```
  */
-declare const ConnectedCardDivider: import("../../ui/context").WordPressComponent<"hr", import("../../divider").DividerProps, false>;
+export declare const CardDivider: import("../../ui/context").WordPressComponent<"hr", DividerProps, false>;
+export default CardDivider;
 //# sourceMappingURL=component.d.ts.map

package/build-types/card/card-divider/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-divider/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;GAcG;AACH,qIAA0E"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-divider/component.tsx"],"names":[],"mappings":"AASA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAC;AAYtD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,WAAW,0EAGvB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build-types/card/card-divider/hook.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../../divider').DividerProps, 'hr', false>} props
+ * Internal dependencies
  */
-export function useCardDivider(props: import('../../ui/context').WordPressComponentProps<import('../../divider').DividerProps, 'hr', false>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { DividerProps } from '../../divider';
+export declare function useCardDivider(props: WordPressComponentProps<DividerProps, 'hr', false>): {
     className: string;
     ref?: import("react").Ref<any> | undefined;
     slot?: string | undefined;
@@ -261,8 +264,8 @@ export function useCardDivider(props: import('../../ui/context').WordPressCompon
     is?: string | undefined;
     wrapElement?: ((element: import("react").ReactNode) => import("react").ReactNode) | undefined;
     margin?: import("../../ui/utils/space").SpaceInput | undefined;
-    marginStart?: import("../../ui/utils/space").SpaceInput | undefined;
     marginEnd?: import("../../ui/utils/space").SpaceInput | undefined;
+    marginStart?: import("../../ui/utils/space").SpaceInput | undefined;
     orientation?: "horizontal" | "vertical" | undefined;
 };
 //# sourceMappingURL=hook.d.ts.map

package/build-types/card/card-divider/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-divider/hook.js"],"names":[],"mappings":"AAYA;;GAEG;AACH,sCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,eAAe,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0B/G"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-divider/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,wBAAgB,cAAc,CAC7B,KAAK,EAAE,uBAAuB,CAAE,YAAY,EAAE,IAAI,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyB3D"}

package/build-types/card/card-divider/index.d.ts

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

package/build-types/card/card-divider/index.d.ts.map

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

package/build-types/card/card-footer/component.d.ts

@@ -1,8 +1,7 @@
-export default ConnectedCardFooter;
+import type { FooterProps } from '../types';
 /**
  * `CardFooter` renders an optional footer within a `Card`.
  *
- * @example
  * ```jsx
  * import { Card, CardBody, CardFooter } from `@wordpress/components`;
  *
@@ -12,5 +11,6 @@ export default ConnectedCardFooter;
  * </Card>
  * ```
  */
-declare const ConnectedCardFooter: import("../../ui/context").WordPressComponent<"div", import("../types").FooterProps, true>;
+export declare const CardFooter: import("../../ui/context").WordPressComponent<"div", FooterProps, true>;
+export default CardFooter;
 //# sourceMappingURL=component.d.ts.map

package/build-types/card/card-footer/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-footer/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;GAYG;AACH,8HAAuE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-footer/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAW5C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,yEAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}

package/build-types/card/card-footer/hook.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FooterProps, 'div'>} props
+ * Internal dependencies
  */
-export function useCardFooter(props: import('../../ui/context').WordPressComponentProps<import('../types').FooterProps, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { FooterProps } from '../types';
+export declare function useCardFooter(props: WordPressComponentProps<FooterProps, 'div'>): {
     className: string;
     justify: import("csstype").Property.JustifyContent | undefined;
     children: import("react").ReactNode;

package/build-types/card/card-footer/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-footer/hook.js"],"names":[],"mappings":"AAYA;;GAEG;AACH,qCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCnG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-footer/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,WAAW,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkCpD"}

package/build-types/card/card-footer/index.d.ts

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

package/build-types/card/card-footer/index.d.ts.map

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

package/build-types/card/card-header/component.d.ts

@@ -1,8 +1,7 @@
-export default ConnectedCardHeader;
+/// <reference types="react" />
 /**
  * `CardHeader` renders an optional header within a `Card`.
  *
- * @example
  * ```jsx
  * import { Card, CardBody, CardHeader } from `@wordpress/components`;
  *
@@ -12,7 +11,7 @@ export default ConnectedCardHeader;
  * </Card>
  * ```
  */
-declare const ConnectedCardHeader: import("../../ui/context").WordPressComponent<"div", {
+export declare const CardHeader: import("../../ui/context").WordPressComponent<"div", {
     size?: import("../types").SizeOptions | "extraSmall" | undefined;
 } & {
     children: import("react").ReactNode;
@@ -20,4 +19,5 @@ declare const ConnectedCardHeader: import("../../ui/context").WordPressComponent
 } & {
     isBorderless?: boolean | undefined;
 }, true>;
+export default CardHeader;
 //# sourceMappingURL=component.d.ts.map

package/build-types/card/card-header/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-header/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;GAYG;AACH;;;;;;;SAAuE"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-header/component.tsx"],"names":[],"mappings":";AAsBA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU;;;;;;;QAAwD,CAAC;AAEhF,eAAe,UAAU,CAAC"}

package/build-types/card/card-header/hook.d.ts

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

package/build-types/card/card-header/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-header/hook.js"],"names":[],"mappings":"AAYA;;GAEG;AACH,qCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC,OAAO,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCnG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-header/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,aAAa,CAC5B,KAAK,EAAE,uBAAuB,CAAE,WAAW,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCpD"}

package/build-types/card/card-header/index.d.ts

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

package/build-types/card/card-header/index.d.ts.map

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

package/build-types/card/card-media/component.d.ts

@@ -1,4 +1,4 @@
-export default ConnectedCardMedia;
+import type { MediaProps } from '../types';
 /**
  * `CardMedia` provides a container for media elements within a `Card`.
  *
@@ -16,7 +16,6 @@ export default ConnectedCardMedia;
  * );
  * ```
  */
-declare const ConnectedCardMedia: import("../../ui/context").WordPressComponent<"div", {
-    children: import('react').ReactNode;
-}, true>;
+export declare const CardMedia: import("../../ui/context").WordPressComponent<"div", MediaProps, true>;
+export default CardMedia;
 //# sourceMappingURL=component.d.ts.map

package/build-types/card/card-media/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-media/component.js"],"names":[],"mappings":";AAiBA;;;;;;;;;;;;;;;;GAgBG;AACH;cA1B0E,OAAO,OAAO,EAAE,SAAS;SA0B/B"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/card/card-media/component.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAW3C;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,SAAS,wEAAsD,CAAC;AAE7E,eAAe,SAAS,CAAC"}

package/build-types/card/card-media/hook.d.ts

@@ -1,11 +1,12 @@
+/// <reference types="react" />
 /**
- * @param {import('../../ui/context').WordPressComponentProps<{ children: import('react').ReactNode }, 'div'>} props
+ * Internal dependencies
  */
-export function useCardMedia(props: import('../../ui/context').WordPressComponentProps<{
-    children: import('react').ReactNode;
-}, 'div'>): {
+import { WordPressComponentProps } from '../../ui/context';
+import type { MediaProps } from '../types';
+export declare function useCardMedia(props: WordPressComponentProps<MediaProps, '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/card/card-media/hook.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-media/hook.js"],"names":[],"mappings":"AAYA;;GAEG;AACH,oCAFW,OAAO,kBAAkB,EAAE,uBAAuB,CAAC;IAAE,QAAQ,EAAE,OAAO,OAAO,EAAE,SAAS,CAAA;CAAE,EAAE,KAAK,CAAC;;cAAnC,OAAO,OAAO,EAAE,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuBlG"}
+{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../../src/card/card-media/hook.ts"],"names":[],"mappings":";AAKA;;GAEG;AACH,OAAO,EAAoB,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAG7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,wBAAgB,YAAY,CAC3B,KAAK,EAAE,uBAAuB,CAAE,UAAU,EAAE,KAAK,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsBnD"}

package/build-types/card/card-media/index.d.ts

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

package/build-types/card/card-media/index.d.ts.map

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

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

@@ -1,3 +1,4 @@
-export const CardContext: import("react").Context<{}>;
-export function useCardContext(): {};
+/// <reference types="react" />
+export declare const CardContext: import("react").Context<{}>;
+export declare const useCardContext: () => {};
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/card/context.js"],"names":[],"mappings":"AAKA,sDAA+C;AACxC,qCAAsD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/card/context.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,WAAW,6BAAsB,CAAC;AAC/C,eAAO,MAAM,cAAc,UAAkC,CAAC"}

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

@@ -1,7 +1,7 @@
-export { default as Card, useCard } from "./card";
-export { default as CardBody, useCardBody } from "./card-body";
-export { default as CardDivider, useCardDivider } from "./card-divider";
-export { default as CardFooter, useCardFooter } from "./card-footer";
-export { default as CardHeader, useCardHeader } from "./card-header";
-export { default as CardMedia, useCardMedia } from "./card-media";
+export { default as Card, useCard } from './card';
+export { default as CardBody, useCardBody } from './card-body';
+export { default as CardDivider, useCardDivider } from './card-divider';
+export { default as CardFooter, useCardFooter } from './card-footer';
+export { default as CardHeader, useCardHeader } from './card-header';
+export { default as CardMedia, useCardMedia } from './card-media';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/card/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,WAAW,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/card/stories/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEtE;;GAEG;AACH,OAAO,EACN,IAAI,EAMJ,MAAM,IAAI,CAAC;AAKZ,QAAA,MAAM,IAAI,EAAE,aAAa,CAAE,OAAO,IAAI,CAkBrC,CAAC;AAEF,eAAe,IAAI,CAAC;AAkCpB,eAAO,MAAM,OAAO,EAAE,cAAc,CAAE,OAAO,IAAI,CAAwB,CAAC"}