@wordpress/components 19.17.0 → 20.0.2-next.957ca95e4c.0

package/build-module/card/card/component.js

@@ -5,10 +5,10 @@ import { createElement } from "@wordpress/element";
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * WordPress dependencies
  */
-
 import { useMemo } from '@wordpress/element';
 /**
  * Internal dependencies
@@ -21,12 +21,8 @@ import * as styles from '../styles';
 import { useCard } from './hook';
 import CONFIG from '../../utils/config-values';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                   forwardedRef
- */
 
-function Card(props, forwardedRef) {
+function UnconnectedCard(props, forwardedRef) {
   const {
     children,
     elevation,
@@ -39,7 +35,7 @@ function Card(props, forwardedRef) {
   const cx = useCx();
   const elevationClassName = useMemo(() => cx( /*#__PURE__*/css({
     borderRadius: elevationBorderRadius
-  }, process.env.NODE_ENV === "production" ? "" : ";label:elevationClassName;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY2FyZC9jYXJkL2NvbXBvbmVudC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1Q1kiLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy9jYXJkL2NhcmQvY29tcG9uZW50LmpzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIFdvcmRQcmVzcyBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgdXNlTWVtbyB9IGZyb20gJ0B3b3JkcHJlc3MvZWxlbWVudCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNvbnRleHRDb25uZWN0LCBDb250ZXh0U3lzdGVtUHJvdmlkZXIgfSBmcm9tICcuLi8uLi91aS9jb250ZXh0JztcbmltcG9ydCB7IEVsZXZhdGlvbiB9IGZyb20gJy4uLy4uL2VsZXZhdGlvbic7XG5pbXBvcnQgeyBWaWV3IH0gZnJvbSAnLi4vLi4vdmlldyc7XG5pbXBvcnQgKiBhcyBzdHlsZXMgZnJvbSAnLi4vc3R5bGVzJztcbmltcG9ydCB7IHVzZUNhcmQgfSBmcm9tICcuL2hvb2snO1xuaW1wb3J0IENPTkZJRyBmcm9tICcuLi8uLi91dGlscy9jb25maWctdmFsdWVzJztcbmltcG9ydCB7IHVzZUN4IH0gZnJvbSAnLi4vLi4vdXRpbHMvaG9va3MvdXNlLWN4JztcblxuLyoqXG4gKiBAcGFyYW0ge2ltcG9ydCgnLi4vLi4vdWkvY29udGV4dCcpLldvcmRQcmVzc0NvbXBvbmVudFByb3BzPGltcG9ydCgnLi4vdHlwZXMnKS5Qcm9wcywgJ2Rpdic+fSBwcm9wc1xuICogQHBhcmFtIHtpbXBvcnQoJ3JlYWN0JykuRm9yd2FyZGVkUmVmPGFueT59ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZm9yd2FyZGVkUmVmXG4gKi9cbmZ1bmN0aW9uIENhcmQoIHByb3BzLCBmb3J3YXJkZWRSZWYgKSB7XG5cdGNvbnN0IHtcblx0XHRjaGlsZHJlbixcblx0XHRlbGV2YXRpb24sXG5cdFx0aXNCb3JkZXJsZXNzLFxuXHRcdGlzUm91bmRlZCxcblx0XHRzaXplLFxuXHRcdC4uLm90aGVyUHJvcHNcblx0fSA9IHVzZUNhcmQoIHByb3BzICk7XG5cdGNvbnN0IGVsZXZhdGlvbkJvcmRlclJhZGl1cyA9IGlzUm91bmRlZCA/IENPTkZJRy5jYXJkQm9yZGVyUmFkaXVzIDogMDtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgZWxldmF0aW9uQ2xhc3NOYW1lID0gdXNlTWVtbyhcblx0XHQoKSA9PiBjeCggY3NzKCB7IGJvcmRlclJhZGl1czogZWxldmF0aW9uQm9yZGVyUmFkaXVzIH0gKSApLFxuXHRcdFsgY3gsIGVsZXZhdGlvbkJvcmRlclJhZGl1cyBdXG5cdCk7XG5cblx0Y29uc3QgY29udGV4dFByb3ZpZGVyVmFsdWUgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3QgY29udGV4dFByb3BzID0ge1xuXHRcdFx0c2l6ZSxcblx0XHRcdGlzQm9yZGVybGVzcyxcblx0XHR9O1xuXHRcdHJldHVybiB7XG5cdFx0XHRDYXJkQm9keTogY29udGV4dFByb3BzLFxuXHRcdFx0Q2FyZEhlYWRlcjogY29udGV4dFByb3BzLFxuXHRcdFx0Q2FyZEZvb3RlcjogY29udGV4dFByb3BzLFxuXHRcdH07XG5cdH0sIFsgaXNCb3JkZXJsZXNzLCBzaXplIF0gKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxDb250ZXh0U3lzdGVtUHJvdmlkZXIgdmFsdWU9eyBjb250ZXh0UHJvdmlkZXJWYWx1ZSB9PlxuXHRcdFx0PFZpZXcgeyAuLi5vdGhlclByb3BzIH0gcmVmPXsgZm9yd2FyZGVkUmVmIH0+XG5cdFx0XHRcdDxWaWV3IGNsYXNzTmFtZT17IGN4KCBzdHlsZXMuQ29udGVudCApIH0+eyBjaGlsZHJlbiB9PC9WaWV3PlxuXHRcdFx0XHQ8RWxldmF0aW9uXG5cdFx0XHRcdFx0Y2xhc3NOYW1lPXsgZWxldmF0aW9uQ2xhc3NOYW1lIH1cblx0XHRcdFx0XHRpc0ludGVyYWN0aXZlPXsgZmFsc2UgfVxuXHRcdFx0XHRcdHZhbHVlPXsgZWxldmF0aW9uID8gMSA6IDAgfVxuXHRcdFx0XHQvPlxuXHRcdFx0XHQ8RWxldmF0aW9uXG5cdFx0XHRcdFx0Y2xhc3NOYW1lPXsgZWxldmF0aW9uQ2xhc3NOYW1lIH1cblx0XHRcdFx0XHRpc0ludGVyYWN0aXZlPXsgZmFsc2UgfVxuXHRcdFx0XHRcdHZhbHVlPXsgZWxldmF0aW9uIH1cblx0XHRcdFx0Lz5cblx0XHRcdDwvVmlldz5cblx0XHQ8L0NvbnRleHRTeXN0ZW1Qcm92aWRlcj5cblx0KTtcbn1cblxuLyoqXG4gKiBgQ2FyZGAgcHJvdmlkZXMgYSBmbGV4aWJsZSBhbmQgZXh0ZW5zaWJsZSBjb250ZW50IGNvbnRhaW5lci5cbiAqIGBDYXJkYCBhbHNvIHByb3ZpZGVzIGEgY29udmVuaWVudCBzZXQgb2Ygc3ViLWNvbXBvbmVudHMgc3VjaCBhcyBgQ2FyZEJvZHlgLFxuICogYENhcmRIZWFkZXJgLCBgQ2FyZEZvb3RlcmAsIGFuZCBtb3JlLlxuICpcbiAqIEBleGFtcGxlXG4gKiBgYGBqc3hcbiAqIGltcG9ydCB7XG4gKiAgIENhcmQsXG4gKiAgIENhcmRIZWFkZXIsXG4gKiAgIENhcmRCb2R5LFxuICogICBDYXJkRm9vdGVyLFxuICogICBUZXh0LFxuICogICBIZWFkaW5nLFxuICogfSBmcm9tIGBAd29yZHByZXNzL2NvbXBvbmVudHNgO1xuICpcbiAqIGZ1bmN0aW9uIEV4YW1wbGUoKSB7XG4gKiAgIHJldHVybiAoXG4gKiAgICAgPENhcmQ+XG4gKiAgICAgICA8Q2FyZEhlYWRlcj5cbiAqICAgICAgICAgPEhlYWRpbmcgc2l6ZT17IDQgfT5DYXJkIFRpdGxlPC9IZWFkaW5nPlxuICogICAgICAgPC9DYXJkSGVhZGVyPlxuICogICAgICAgPENhcmRCb2R5PlxuICogICAgICAgICA8VGV4dD5DYXJkIENvbnRlbnQ8L1RleHQ+XG4gKiAgICAgICA8L0NhcmRCb2R5PlxuICogICAgICAgPENhcmRGb290ZXI+XG4gKiAgICAgICAgIDxUZXh0PkNhcmQgRm9vdGVyPC9UZXh0PlxuICogICAgICAgPC9DYXJkRm9vdGVyPlxuICogICAgIDwvQ2FyZD5cbiAqICAgKTtcbiAqIH1cbiAqIGBgYFxuICovXG5jb25zdCBDb25uZWN0ZWRDYXJkID0gY29udGV4dENvbm5lY3QoIENhcmQsICdDYXJkJyApO1xuXG5leHBvcnQgZGVmYXVsdCBDb25uZWN0ZWRDYXJkO1xuIl19 */")), [cx, elevationBorderRadius]);
+  }, process.env.NODE_ENV === "production" ? "" : ";label:elevationClassName;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY2FyZC9jYXJkL2NvbXBvbmVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENZIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvY2FyZC9jYXJkL2NvbXBvbmVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgdHlwZSB7IEZvcndhcmRlZFJlZiB9IGZyb20gJ3JlYWN0JztcblxuLyoqXG4gKiBXb3JkUHJlc3MgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdAd29yZHByZXNzL2VsZW1lbnQnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQge1xuXHRjb250ZXh0Q29ubmVjdCxcblx0Q29udGV4dFN5c3RlbVByb3ZpZGVyLFxuXHRXb3JkUHJlc3NDb21wb25lbnRQcm9wcyxcbn0gZnJvbSAnLi4vLi4vdWkvY29udGV4dCc7XG5pbXBvcnQgeyBFbGV2YXRpb24gfSBmcm9tICcuLi8uLi9lbGV2YXRpb24nO1xuaW1wb3J0IHsgVmlldyB9IGZyb20gJy4uLy4uL3ZpZXcnO1xuaW1wb3J0ICogYXMgc3R5bGVzIGZyb20gJy4uL3N0eWxlcyc7XG5pbXBvcnQgeyB1c2VDYXJkIH0gZnJvbSAnLi9ob29rJztcbmltcG9ydCBDT05GSUcgZnJvbSAnLi4vLi4vdXRpbHMvY29uZmlnLXZhbHVlcyc7XG5pbXBvcnQgeyB1c2VDeCB9IGZyb20gJy4uLy4uL3V0aWxzL2hvb2tzL3VzZS1jeCc7XG5pbXBvcnQgdHlwZSB7IFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5mdW5jdGlvbiBVbmNvbm5lY3RlZENhcmQoXG5cdHByb3BzOiBXb3JkUHJlc3NDb21wb25lbnRQcm9wczwgUHJvcHMsICdkaXYnID4sXG5cdGZvcndhcmRlZFJlZjogRm9yd2FyZGVkUmVmPCBhbnkgPlxuKSB7XG5cdGNvbnN0IHtcblx0XHRjaGlsZHJlbixcblx0XHRlbGV2YXRpb24sXG5cdFx0aXNCb3JkZXJsZXNzLFxuXHRcdGlzUm91bmRlZCxcblx0XHRzaXplLFxuXHRcdC4uLm90aGVyUHJvcHNcblx0fSA9IHVzZUNhcmQoIHByb3BzICk7XG5cdGNvbnN0IGVsZXZhdGlvbkJvcmRlclJhZGl1cyA9IGlzUm91bmRlZCA/IENPTkZJRy5jYXJkQm9yZGVyUmFkaXVzIDogMDtcblxuXHRjb25zdCBjeCA9IHVzZUN4KCk7XG5cblx0Y29uc3QgZWxldmF0aW9uQ2xhc3NOYW1lID0gdXNlTWVtbyhcblx0XHQoKSA9PiBjeCggY3NzKCB7IGJvcmRlclJhZGl1czogZWxldmF0aW9uQm9yZGVyUmFkaXVzIH0gKSApLFxuXHRcdFsgY3gsIGVsZXZhdGlvbkJvcmRlclJhZGl1cyBdXG5cdCk7XG5cblx0Y29uc3QgY29udGV4dFByb3ZpZGVyVmFsdWUgPSB1c2VNZW1vKCAoKSA9PiB7XG5cdFx0Y29uc3QgY29udGV4dFByb3BzID0ge1xuXHRcdFx0c2l6ZSxcblx0XHRcdGlzQm9yZGVybGVzcyxcblx0XHR9O1xuXHRcdHJldHVybiB7XG5cdFx0XHRDYXJkQm9keTogY29udGV4dFByb3BzLFxuXHRcdFx0Q2FyZEhlYWRlcjogY29udGV4dFByb3BzLFxuXHRcdFx0Q2FyZEZvb3RlcjogY29udGV4dFByb3BzLFxuXHRcdH07XG5cdH0sIFsgaXNCb3JkZXJsZXNzLCBzaXplIF0gKTtcblxuXHRyZXR1cm4gKFxuXHRcdDxDb250ZXh0U3lzdGVtUHJvdmlkZXIgdmFsdWU9eyBjb250ZXh0UHJvdmlkZXJWYWx1ZSB9PlxuXHRcdFx0PFZpZXcgeyAuLi5vdGhlclByb3BzIH0gcmVmPXsgZm9yd2FyZGVkUmVmIH0+XG5cdFx0XHRcdDxWaWV3IGNsYXNzTmFtZT17IGN4KCBzdHlsZXMuQ29udGVudCApIH0+eyBjaGlsZHJlbiB9PC9WaWV3PlxuXHRcdFx0XHQ8RWxldmF0aW9uXG5cdFx0XHRcdFx0Y2xhc3NOYW1lPXsgZWxldmF0aW9uQ2xhc3NOYW1lIH1cblx0XHRcdFx0XHRpc0ludGVyYWN0aXZlPXsgZmFsc2UgfVxuXHRcdFx0XHRcdHZhbHVlPXsgZWxldmF0aW9uID8gMSA6IDAgfVxuXHRcdFx0XHQvPlxuXHRcdFx0XHQ8RWxldmF0aW9uXG5cdFx0XHRcdFx0Y2xhc3NOYW1lPXsgZWxldmF0aW9uQ2xhc3NOYW1lIH1cblx0XHRcdFx0XHRpc0ludGVyYWN0aXZlPXsgZmFsc2UgfVxuXHRcdFx0XHRcdHZhbHVlPXsgZWxldmF0aW9uIH1cblx0XHRcdFx0Lz5cblx0XHRcdDwvVmlldz5cblx0XHQ8L0NvbnRleHRTeXN0ZW1Qcm92aWRlcj5cblx0KTtcbn1cblxuLyoqXG4gKiBgQ2FyZGAgcHJvdmlkZXMgYSBmbGV4aWJsZSBhbmQgZXh0ZW5zaWJsZSBjb250ZW50IGNvbnRhaW5lci5cbiAqIGBDYXJkYCBhbHNvIHByb3ZpZGVzIGEgY29udmVuaWVudCBzZXQgb2Ygc3ViLWNvbXBvbmVudHMgc3VjaCBhcyBgQ2FyZEJvZHlgLFxuICogYENhcmRIZWFkZXJgLCBgQ2FyZEZvb3RlcmAsIGFuZCBtb3JlLlxuICpcbiAqIGBgYGpzeFxuICogaW1wb3J0IHtcbiAqICAgQ2FyZCxcbiAqICAgQ2FyZEhlYWRlcixcbiAqICAgQ2FyZEJvZHksXG4gKiAgIENhcmRGb290ZXIsXG4gKiAgIFRleHQsXG4gKiAgIEhlYWRpbmcsXG4gKiB9IGZyb20gYEB3b3JkcHJlc3MvY29tcG9uZW50c2A7XG4gKlxuICogZnVuY3Rpb24gRXhhbXBsZSgpIHtcbiAqICAgcmV0dXJuIChcbiAqICAgICA8Q2FyZD5cbiAqICAgICAgIDxDYXJkSGVhZGVyPlxuICogICAgICAgICA8SGVhZGluZyBzaXplPXsgNCB9PkNhcmQgVGl0bGU8L0hlYWRpbmc+XG4gKiAgICAgICA8L0NhcmRIZWFkZXI+XG4gKiAgICAgICA8Q2FyZEJvZHk+XG4gKiAgICAgICAgIDxUZXh0PkNhcmQgQ29udGVudDwvVGV4dD5cbiAqICAgICAgIDwvQ2FyZEJvZHk+XG4gKiAgICAgICA8Q2FyZEZvb3Rlcj5cbiAqICAgICAgICAgPFRleHQ+Q2FyZCBGb290ZXI8L1RleHQ+XG4gKiAgICAgICA8L0NhcmRGb290ZXI+XG4gKiAgICAgPC9DYXJkPlxuICogICApO1xuICogfVxuICogYGBgXG4gKi9cbmV4cG9ydCBjb25zdCBDYXJkID0gY29udGV4dENvbm5lY3QoIFVuY29ubmVjdGVkQ2FyZCwgJ0NhcmQnICk7XG5cbmV4cG9ydCBkZWZhdWx0IENhcmQ7XG4iXX0= */")), [cx, elevationBorderRadius]);
   const contextProviderValue = useMemo(() => {
     const contextProps = {
       size,
@@ -72,7 +68,6 @@ function Card(props, forwardedRef) {
  * `Card` also provides a convenient set of sub-components such as `CardBody`,
  * `CardHeader`, `CardFooter`, and more.
  *
- * @example
  * ```jsx
  * import {
  *   Card,
@@ -102,6 +97,6 @@ function Card(props, forwardedRef) {
  */
 
 
-const ConnectedCard = contextConnect(Card, 'Card');
-export default ConnectedCard;
+export const Card = contextConnect(UnconnectedCard, 'Card');
+export default Card;
 //# sourceMappingURL=component.js.map

package/build-module/card/card/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card/component.js"],"names":["css","useMemo","contextConnect","ContextSystemProvider","Elevation","View","styles","useCard","CONFIG","useCx","Card","props","forwardedRef","children","elevation","isBorderless","isRounded","size","otherProps","elevationBorderRadius","cardBorderRadius","cx","elevationClassName","borderRadius","contextProviderValue","contextProps","CardBody","CardHeader","CardFooter","Content","ConnectedCard"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAEA;AACA;AACA;;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,cAAT,EAAyBC,qBAAzB,QAAsD,kBAAtD;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,OAAT,QAAwB,QAAxB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;AACA;;AACA,SAASC,IAAT,CAAeC,KAAf,EAAsBC,YAAtB,EAAqC;AACpC,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,YAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA,IALK;AAML,OAAGC;AANE,MAOFX,OAAO,CAAEI,KAAF,CAPX;AAQA,QAAMQ,qBAAqB,GAAGH,SAAS,GAAGR,MAAM,CAACY,gBAAV,GAA6B,CAApE;AAEA,QAAMC,EAAE,GAAGZ,KAAK,EAAhB;AAEA,QAAMa,kBAAkB,GAAGrB,OAAO,CACjC,MAAMoB,EAAE,eAAErB,GAAG,CAAE;AAAEuB,IAAAA,YAAY,EAAEJ;AAAhB,GAAF,olIAAL,CADyB,EAEjC,CAAEE,EAAF,EAAMF,qBAAN,CAFiC,CAAlC;AAKA,QAAMK,oBAAoB,GAAGvB,OAAO,CAAE,MAAM;AAC3C,UAAMwB,YAAY,GAAG;AACpBR,MAAAA,IADoB;AAEpBF,MAAAA;AAFoB,KAArB;AAIA,WAAO;AACNW,MAAAA,QAAQ,EAAED,YADJ;AAENE,MAAAA,UAAU,EAAEF,YAFN;AAGNG,MAAAA,UAAU,EAAEH;AAHN,KAAP;AAKA,GAVmC,EAUjC,CAAEV,YAAF,EAAgBE,IAAhB,CAViC,CAApC;AAYA,SACC,cAAC,qBAAD;AAAuB,IAAA,KAAK,EAAGO;AAA/B,KACC,cAAC,IAAD,eAAWN,UAAX;AAAwB,IAAA,GAAG,EAAGN;AAA9B,MACC,cAAC,IAAD;AAAM,IAAA,SAAS,EAAGS,EAAE,CAAEf,MAAM,CAACuB,OAAT;AAApB,KAA2ChB,QAA3C,CADD,EAEC,cAAC,SAAD;AACC,IAAA,SAAS,EAAGS,kBADb;AAEC,IAAA,aAAa,EAAG,KAFjB;AAGC,IAAA,KAAK,EAAGR,SAAS,GAAG,CAAH,GAAO;AAHzB,IAFD,EAOC,cAAC,SAAD;AACC,IAAA,SAAS,EAAGQ,kBADb;AAEC,IAAA,aAAa,EAAG,KAFjB;AAGC,IAAA,KAAK,EAAGR;AAHT,IAPD,CADD,CADD;AAiBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMgB,aAAa,GAAG5B,cAAc,CAAEQ,IAAF,EAAQ,MAAR,CAApC;AAEA,eAAeoB,aAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, ContextSystemProvider } from '../../ui/context';\nimport { Elevation } from '../../elevation';\nimport { View } from '../../view';\nimport * as styles from '../styles';\nimport { useCard } from './hook';\nimport CONFIG from '../../utils/config-values';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                   forwardedRef\n */\nfunction Card( props, forwardedRef ) {\n\tconst {\n\t\tchildren,\n\t\televation,\n\t\tisBorderless,\n\t\tisRounded,\n\t\tsize,\n\t\t...otherProps\n\t} = useCard( props );\n\tconst elevationBorderRadius = isRounded ? CONFIG.cardBorderRadius : 0;\n\n\tconst cx = useCx();\n\n\tconst elevationClassName = useMemo(\n\t\t() => cx( css( { borderRadius: elevationBorderRadius } ) ),\n\t\t[ cx, elevationBorderRadius ]\n\t);\n\n\tconst contextProviderValue = useMemo( () => {\n\t\tconst contextProps = {\n\t\t\tsize,\n\t\t\tisBorderless,\n\t\t};\n\t\treturn {\n\t\t\tCardBody: contextProps,\n\t\t\tCardHeader: contextProps,\n\t\t\tCardFooter: contextProps,\n\t\t};\n\t}, [ isBorderless, size ] );\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextProviderValue }>\n\t\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t\t<View className={ cx( styles.Content ) }>{ children }</View>\n\t\t\t\t<Elevation\n\t\t\t\t\tclassName={ elevationClassName }\n\t\t\t\t\tisInteractive={ false }\n\t\t\t\t\tvalue={ elevation ? 1 : 0 }\n\t\t\t\t/>\n\t\t\t\t<Elevation\n\t\t\t\t\tclassName={ elevationClassName }\n\t\t\t\t\tisInteractive={ false }\n\t\t\t\t\tvalue={ elevation }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</ContextSystemProvider>\n\t);\n}\n\n/**\n * `Card` provides a flexible and extensible content container.\n * `Card` also provides a convenient set of sub-components such as `CardBody`,\n * `CardHeader`, `CardFooter`, and more.\n *\n * @example\n * ```jsx\n * import {\n *   Card,\n *   CardHeader,\n *   CardBody,\n *   CardFooter,\n *   Text,\n *   Heading,\n * } from `@wordpress/components`;\n *\n * function Example() {\n *   return (\n *     <Card>\n *       <CardHeader>\n *         <Heading size={ 4 }>Card Title</Heading>\n *       </CardHeader>\n *       <CardBody>\n *         <Text>Card Content</Text>\n *       </CardBody>\n *       <CardFooter>\n *         <Text>Card Footer</Text>\n *       </CardFooter>\n *     </Card>\n *   );\n * }\n * ```\n */\nconst ConnectedCard = contextConnect( Card, 'Card' );\n\nexport default ConnectedCard;\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card/component.tsx"],"names":["css","useMemo","contextConnect","ContextSystemProvider","Elevation","View","styles","useCard","CONFIG","useCx","UnconnectedCard","props","forwardedRef","children","elevation","isBorderless","isRounded","size","otherProps","elevationBorderRadius","cardBorderRadius","cx","elevationClassName","borderRadius","contextProviderValue","contextProps","CardBody","CardHeader","CardFooter","Content","Card"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;;AAGA;AACA;AACA;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SACCC,cADD,EAECC,qBAFD,QAIO,kBAJP;AAKA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,OAAT,QAAwB,QAAxB;AACA,OAAOC,MAAP,MAAmB,2BAAnB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAGA,SAASC,eAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,SAFK;AAGLC,IAAAA,YAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA,IALK;AAML,OAAGC;AANE,MAOFX,OAAO,CAAEI,KAAF,CAPX;AAQA,QAAMQ,qBAAqB,GAAGH,SAAS,GAAGR,MAAM,CAACY,gBAAV,GAA6B,CAApE;AAEA,QAAMC,EAAE,GAAGZ,KAAK,EAAhB;AAEA,QAAMa,kBAAkB,GAAGrB,OAAO,CACjC,MAAMoB,EAAE,eAAErB,GAAG,CAAE;AAAEuB,IAAAA,YAAY,EAAEJ;AAAhB,GAAF,wiIAAL,CADyB,EAEjC,CAAEE,EAAF,EAAMF,qBAAN,CAFiC,CAAlC;AAKA,QAAMK,oBAAoB,GAAGvB,OAAO,CAAE,MAAM;AAC3C,UAAMwB,YAAY,GAAG;AACpBR,MAAAA,IADoB;AAEpBF,MAAAA;AAFoB,KAArB;AAIA,WAAO;AACNW,MAAAA,QAAQ,EAAED,YADJ;AAENE,MAAAA,UAAU,EAAEF,YAFN;AAGNG,MAAAA,UAAU,EAAEH;AAHN,KAAP;AAKA,GAVmC,EAUjC,CAAEV,YAAF,EAAgBE,IAAhB,CAViC,CAApC;AAYA,SACC,cAAC,qBAAD;AAAuB,IAAA,KAAK,EAAGO;AAA/B,KACC,cAAC,IAAD,eAAWN,UAAX;AAAwB,IAAA,GAAG,EAAGN;AAA9B,MACC,cAAC,IAAD;AAAM,IAAA,SAAS,EAAGS,EAAE,CAAEf,MAAM,CAACuB,OAAT;AAApB,KAA2ChB,QAA3C,CADD,EAEC,cAAC,SAAD;AACC,IAAA,SAAS,EAAGS,kBADb;AAEC,IAAA,aAAa,EAAG,KAFjB;AAGC,IAAA,KAAK,EAAGR,SAAS,GAAG,CAAH,GAAO;AAHzB,IAFD,EAOC,cAAC,SAAD;AACC,IAAA,SAAS,EAAGQ,kBADb;AAEC,IAAA,aAAa,EAAG,KAFjB;AAGC,IAAA,KAAK,EAAGR;AAHT,IAPD,CADD,CADD;AAiBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMgB,IAAI,GAAG5B,cAAc,CAAEQ,eAAF,EAAmB,MAAnB,CAA3B;AAEP,eAAeoB,IAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tcontextConnect,\n\tContextSystemProvider,\n\tWordPressComponentProps,\n} from '../../ui/context';\nimport { Elevation } from '../../elevation';\nimport { View } from '../../view';\nimport * as styles from '../styles';\nimport { useCard } from './hook';\nimport CONFIG from '../../utils/config-values';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { Props } from '../types';\n\nfunction UnconnectedCard(\n\tprops: WordPressComponentProps< Props, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst {\n\t\tchildren,\n\t\televation,\n\t\tisBorderless,\n\t\tisRounded,\n\t\tsize,\n\t\t...otherProps\n\t} = useCard( props );\n\tconst elevationBorderRadius = isRounded ? CONFIG.cardBorderRadius : 0;\n\n\tconst cx = useCx();\n\n\tconst elevationClassName = useMemo(\n\t\t() => cx( css( { borderRadius: elevationBorderRadius } ) ),\n\t\t[ cx, elevationBorderRadius ]\n\t);\n\n\tconst contextProviderValue = useMemo( () => {\n\t\tconst contextProps = {\n\t\t\tsize,\n\t\t\tisBorderless,\n\t\t};\n\t\treturn {\n\t\t\tCardBody: contextProps,\n\t\t\tCardHeader: contextProps,\n\t\t\tCardFooter: contextProps,\n\t\t};\n\t}, [ isBorderless, size ] );\n\n\treturn (\n\t\t<ContextSystemProvider value={ contextProviderValue }>\n\t\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t\t<View className={ cx( styles.Content ) }>{ children }</View>\n\t\t\t\t<Elevation\n\t\t\t\t\tclassName={ elevationClassName }\n\t\t\t\t\tisInteractive={ false }\n\t\t\t\t\tvalue={ elevation ? 1 : 0 }\n\t\t\t\t/>\n\t\t\t\t<Elevation\n\t\t\t\t\tclassName={ elevationClassName }\n\t\t\t\t\tisInteractive={ false }\n\t\t\t\t\tvalue={ elevation }\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</ContextSystemProvider>\n\t);\n}\n\n/**\n * `Card` provides a flexible and extensible content container.\n * `Card` also provides a convenient set of sub-components such as `CardBody`,\n * `CardHeader`, `CardFooter`, and more.\n *\n * ```jsx\n * import {\n *   Card,\n *   CardHeader,\n *   CardBody,\n *   CardFooter,\n *   Text,\n *   Heading,\n * } from `@wordpress/components`;\n *\n * function Example() {\n *   return (\n *     <Card>\n *       <CardHeader>\n *         <Heading size={ 4 }>Card Title</Heading>\n *       </CardHeader>\n *       <CardBody>\n *         <Text>Card Content</Text>\n *       </CardBody>\n *       <CardFooter>\n *         <Text>Card Footer</Text>\n *       </CardFooter>\n *     </Card>\n *   );\n * }\n * ```\n */\nexport const Card = contextConnect( UnconnectedCard, 'Card' );\n\nexport default Card;\n"]}

package/build-module/card/card/hook.js

@@ -11,9 +11,6 @@ import { useContextSystem } from '../../ui/context';
 import { useSurface } from '../../surface';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props
- */
 
 function useDeprecatedProps(_ref) {
   let {
@@ -21,8 +18,6 @@ function useDeprecatedProps(_ref) {
     isElevated,
     ...otherProps
   } = _ref;
-
-  /**@type {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} */
   const propsToReturn = { ...otherProps
   };
   let computedElevation = elevation;
@@ -45,10 +40,6 @@ function useDeprecatedProps(_ref) {
 
   return propsToReturn;
 }
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props
- */
-
 
 export function useCard(props) {
   const {

package/build-module/card/card/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card/hook.js"],"names":["deprecated","useMemo","useContextSystem","useSurface","styles","useCx","useDeprecatedProps","elevation","isElevated","otherProps","propsToReturn","computedElevation","since","alternative","useCard","props","className","isBorderless","isRounded","size","cx","classes","Card","boxShadowless","rounded","surfaceProps"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,uBAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,OAAwE;AAAA,MAA3C;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,UAAb;AAAyB,OAAGC;AAA5B,GAA2C;;AACvE;AACA,QAAMC,aAAa,GAAG,EACrB,GAAGD;AADkB,GAAtB;AAGA,MAAIE,iBAAiB,GAAGJ,SAAxB;;AAEA,MAAKC,UAAL,EAAkB;AAAA;;AACjBR,IAAAA,UAAU,CAAE,sBAAF,EAA0B;AACnCY,MAAAA,KAAK,EAAE,KAD4B;AAEnCC,MAAAA,WAAW,EAAE;AAFsB,KAA1B,CAAV;AAIA,0BAAAF,iBAAiB,UAAjB,yDAAAA,iBAAiB,GAAK,CAAtB;AACA,GAbsE,CAevE;AACA;;;AACA,MAAK,OAAOA,iBAAP,KAA6B,WAAlC,EAAgD;AAC/CD,IAAAA,aAAa,CAACH,SAAd,GAA0BI,iBAA1B;AACA;;AAED,SAAOD,aAAP;AACA;AAED;AACA;AACA;;;AACA,OAAO,SAASI,OAAT,CAAkBC,KAAlB,EAA0B;AAChC,QAAM;AACLC,IAAAA,SADK;AAELT,IAAAA,SAAS,GAAG,CAFP;AAGLU,IAAAA,YAAY,GAAG,KAHV;AAILC,IAAAA,SAAS,GAAG,IAJP;AAKLC,IAAAA,IAAI,GAAG,QALF;AAML,OAAGV;AANE,MAOFP,gBAAgB,CAAEI,kBAAkB,CAAES,KAAF,CAApB,EAA+B,MAA/B,CAPpB;AASA,QAAMK,EAAE,GAAGf,KAAK,EAAhB;AAEA,QAAMgB,OAAO,GAAGpB,OAAO,CAAE,MAAM;AAC9B,WAAOmB,EAAE,CACRhB,MAAM,CAACkB,IADC,EAERL,YAAY,IAAIb,MAAM,CAACmB,aAFf,EAGRL,SAAS,IAAId,MAAM,CAACoB,OAHZ,EAIRR,SAJQ,CAAT;AAMA,GAPsB,EAOpB,CAAEA,SAAF,EAAaI,EAAb,EAAiBH,YAAjB,EAA+BC,SAA/B,CAPoB,CAAvB;AASA,QAAMO,YAAY,GAAGtB,UAAU,CAAE,EAAE,GAAGM,UAAL;AAAiBO,IAAAA,SAAS,EAAEK;AAA5B,GAAF,CAA/B;AAEA,SAAO,EACN,GAAGI,YADG;AAENlB,IAAAA,SAFM;AAGNU,IAAAA,YAHM;AAINC,IAAAA,SAJM;AAKNC,IAAAA;AALM,GAAP;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport { useSurface } from '../../surface';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props\n */\nfunction useDeprecatedProps( { elevation, isElevated, ...otherProps } ) {\n\t/**@type {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} */\n\tconst propsToReturn = {\n\t\t...otherProps,\n\t};\n\tlet computedElevation = elevation;\n\n\tif ( isElevated ) {\n\t\tdeprecated( 'Card isElevated prop', {\n\t\t\tsince: '5.9',\n\t\t\talternative: 'elevation',\n\t\t} );\n\t\tcomputedElevation ??= 2;\n\t}\n\n\t// The `elevation` prop should only be passed when it's not `undefined`,\n\t// otherwise it will override the value that gets derived from `useContextSystem`.\n\tif ( typeof computedElevation !== 'undefined' ) {\n\t\tpropsToReturn.elevation = computedElevation;\n\t}\n\n\treturn propsToReturn;\n}\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').Props, 'div'>} props\n */\nexport function useCard( props ) {\n\tconst {\n\t\tclassName,\n\t\televation = 0,\n\t\tisBorderless = false,\n\t\tisRounded = true,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( useDeprecatedProps( props ), 'Card' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\treturn cx(\n\t\t\tstyles.Card,\n\t\t\tisBorderless && styles.boxShadowless,\n\t\t\tisRounded && styles.rounded,\n\t\t\tclassName\n\t\t);\n\t}, [ className, cx, isBorderless, isRounded ] );\n\n\tconst surfaceProps = useSurface( { ...otherProps, className: classes } );\n\n\treturn {\n\t\t...surfaceProps,\n\t\televation,\n\t\tisBorderless,\n\t\tisRounded,\n\t\tsize,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card/hook.ts"],"names":["deprecated","useMemo","useContextSystem","useSurface","styles","useCx","useDeprecatedProps","elevation","isElevated","otherProps","propsToReturn","computedElevation","since","alternative","useCard","props","className","isBorderless","isRounded","size","cx","classes","Card","boxShadowless","rounded","surfaceProps"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,uBAAvB;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,SAASC,UAAT,QAA2B,eAA3B;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAKA,SAASC,kBAAT,OAIe;AAAA,MAJc;AAC5BC,IAAAA,SAD4B;AAE5BC,IAAAA,UAF4B;AAG5B,OAAGC;AAHyB,GAId;AACd,QAAMC,aAA8C,GAAG,EACtD,GAAGD;AADmD,GAAvD;AAGA,MAAIE,iBAAiB,GAAGJ,SAAxB;;AAEA,MAAKC,UAAL,EAAkB;AAAA;;AACjBR,IAAAA,UAAU,CAAE,sBAAF,EAA0B;AACnCY,MAAAA,KAAK,EAAE,KAD4B;AAEnCC,MAAAA,WAAW,EAAE;AAFsB,KAA1B,CAAV;AAIA,0BAAAF,iBAAiB,UAAjB,yDAAAA,iBAAiB,GAAK,CAAtB;AACA,GAZa,CAcd;AACA;;;AACA,MAAK,OAAOA,iBAAP,KAA6B,WAAlC,EAAgD;AAC/CD,IAAAA,aAAa,CAACH,SAAd,GAA0BI,iBAA1B;AACA;;AAED,SAAOD,aAAP;AACA;;AAED,OAAO,SAASI,OAAT,CAAkBC,KAAlB,EAAqC;AAC3C,QAAM;AACLC,IAAAA,SADK;AAELT,IAAAA,SAAS,GAAG,CAFP;AAGLU,IAAAA,YAAY,GAAG,KAHV;AAILC,IAAAA,SAAS,GAAG,IAJP;AAKLC,IAAAA,IAAI,GAAG,QALF;AAML,OAAGV;AANE,MAOFP,gBAAgB,CAAEI,kBAAkB,CAAES,KAAF,CAApB,EAA+B,MAA/B,CAPpB;AASA,QAAMK,EAAE,GAAGf,KAAK,EAAhB;AAEA,QAAMgB,OAAO,GAAGpB,OAAO,CAAE,MAAM;AAC9B,WAAOmB,EAAE,CACRhB,MAAM,CAACkB,IADC,EAERL,YAAY,IAAIb,MAAM,CAACmB,aAFf,EAGRL,SAAS,IAAId,MAAM,CAACoB,OAHZ,EAIRR,SAJQ,CAAT;AAMA,GAPsB,EAOpB,CAAEA,SAAF,EAAaI,EAAb,EAAiBH,YAAjB,EAA+BC,SAA/B,CAPoB,CAAvB;AASA,QAAMO,YAAY,GAAGtB,UAAU,CAAE,EAAE,GAAGM,UAAL;AAAiBO,IAAAA,SAAS,EAAEK;AAA5B,GAAF,CAA/B;AAEA,SAAO,EACN,GAAGI,YADG;AAENlB,IAAAA,SAFM;AAGNU,IAAAA,YAHM;AAINC,IAAAA,SAJM;AAKNC,IAAAA;AALM,GAAP;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport { useSurface } from '../../surface';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { Props } from '../types';\n\ntype CardProps = WordPressComponentProps< Props, 'div' >;\n\nfunction useDeprecatedProps( {\n\televation,\n\tisElevated,\n\t...otherProps\n}: CardProps ) {\n\tconst propsToReturn: Omit< CardProps, 'isElevated' > = {\n\t\t...otherProps,\n\t};\n\tlet computedElevation = elevation;\n\n\tif ( isElevated ) {\n\t\tdeprecated( 'Card isElevated prop', {\n\t\t\tsince: '5.9',\n\t\t\talternative: 'elevation',\n\t\t} );\n\t\tcomputedElevation ??= 2;\n\t}\n\n\t// The `elevation` prop should only be passed when it's not `undefined`,\n\t// otherwise it will override the value that gets derived from `useContextSystem`.\n\tif ( typeof computedElevation !== 'undefined' ) {\n\t\tpropsToReturn.elevation = computedElevation;\n\t}\n\n\treturn propsToReturn;\n}\n\nexport function useCard( props: CardProps ) {\n\tconst {\n\t\tclassName,\n\t\televation = 0,\n\t\tisBorderless = false,\n\t\tisRounded = true,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( useDeprecatedProps( props ), 'Card' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\treturn cx(\n\t\t\tstyles.Card,\n\t\t\tisBorderless && styles.boxShadowless,\n\t\t\tisRounded && styles.rounded,\n\t\t\tclassName\n\t\t);\n\t}, [ className, cx, isBorderless, isRounded ] );\n\n\tconst surfaceProps = useSurface( { ...otherProps, className: classes } );\n\n\treturn {\n\t\t...surfaceProps,\n\t\televation,\n\t\tisBorderless,\n\t\tisRounded,\n\t\tsize,\n\t};\n}\n"]}

package/build-module/card/card/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card/index.js"],"names":["default","useCard"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './component';\nexport { useCard } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card/index.ts"],"names":["default","useCard"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,OAAT,QAAwB,QAAxB","sourcesContent":["export { default } from './component';\nexport { useCard } from './hook';\n"]}

package/build-module/card/card-body/component.js

@@ -1,6 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
@@ -8,12 +12,8 @@ import { contextConnect } from '../../ui/context';
 import { Scrollable } from '../../scrollable';
 import { View } from '../../view';
 import { useCardBody } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').BodyProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                       forwardedRef
- */
 
-function CardBody(props, forwardedRef) {
+function UnconnectedCardBody(props, forwardedRef) {
   const {
     isScrollable,
     ...otherProps
@@ -33,7 +33,6 @@ function CardBody(props, forwardedRef) {
  * `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`;
  *
@@ -46,6 +45,6 @@ function CardBody(props, forwardedRef) {
  */
 
 
-const ConnectedCardBody = contextConnect(CardBody, 'CardBody');
-export default ConnectedCardBody;
+export const CardBody = contextConnect(UnconnectedCardBody, 'CardBody');
+export default CardBody;
 //# sourceMappingURL=component.js.map

package/build-module/card/card-body/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-body/component.js"],"names":["contextConnect","Scrollable","View","useCardBody","CardBody","props","forwardedRef","isScrollable","otherProps","ConnectedCardBody"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,WAAT,QAA4B,QAA5B;AAEA;AACA;AACA;AACA;;AACA,SAASC,QAAT,CAAmBC,KAAnB,EAA0BC,YAA1B,EAAyC;AACxC,QAAM;AAAEC,IAAAA,YAAF;AAAgB,OAAGC;AAAnB,MAAkCL,WAAW,CAAEE,KAAF,CAAnD;;AAEA,MAAKE,YAAL,EAAoB;AACnB,WAAO,cAAC,UAAD,eAAiBC,UAAjB;AAA8B,MAAA,GAAG,EAAGF;AAApC,OAAP;AACA;;AAED,SAAO,cAAC,IAAD,eAAWE,UAAX;AAAwB,IAAA,GAAG,EAAGF;AAA9B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMG,iBAAiB,GAAGT,cAAc,CAAEI,QAAF,EAAY,UAAZ,CAAxC;AAEA,eAAeK,iBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { Scrollable } from '../../scrollable';\nimport { View } from '../../view';\nimport { useCardBody } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').BodyProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                       forwardedRef\n */\nfunction CardBody( props, forwardedRef ) {\n\tconst { isScrollable, ...otherProps } = useCardBody( props );\n\n\tif ( isScrollable ) {\n\t\treturn <Scrollable { ...otherProps } ref={ forwardedRef } />;\n\t}\n\n\treturn <View { ...otherProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardBody` renders an optional content area for a `Card`.\n * Multiple `CardBody` components can be used within `Card` if needed.\n *\n * @example\n * ```jsx\n * import { Card, CardBody } from `@wordpress/components`;\n *\n * <Card>\n * \t<CardBody>\n * \t\t...\n * \t</CardBody>\n * </Card>\n * ```\n */\nconst ConnectedCardBody = contextConnect( CardBody, 'CardBody' );\n\nexport default ConnectedCardBody;\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-body/component.tsx"],"names":["contextConnect","Scrollable","View","useCardBody","UnconnectedCardBody","props","forwardedRef","isScrollable","otherProps","CardBody"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,UAAT,QAA2B,kBAA3B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,WAAT,QAA4B,QAA5B;;AAGA,SAASC,mBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAM;AAAEC,IAAAA,YAAF;AAAgB,OAAGC;AAAnB,MAAkCL,WAAW,CAAEE,KAAF,CAAnD;;AAEA,MAAKE,YAAL,EAAoB;AACnB,WAAO,cAAC,UAAD,eAAiBC,UAAjB;AAA8B,MAAA,GAAG,EAAGF;AAApC,OAAP;AACA;;AAED,SAAO,cAAC,IAAD,eAAWE,UAAX;AAAwB,IAAA,GAAG,EAAGF;AAA9B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAMG,QAAQ,GAAGT,cAAc,CAAEI,mBAAF,EAAuB,UAAvB,CAA/B;AAEP,eAAeK,QAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { Scrollable } from '../../scrollable';\nimport { View } from '../../view';\nimport { useCardBody } from './hook';\nimport type { BodyProps } from '../types';\n\nfunction UnconnectedCardBody(\n\tprops: WordPressComponentProps< BodyProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst { isScrollable, ...otherProps } = useCardBody( props );\n\n\tif ( isScrollable ) {\n\t\treturn <Scrollable { ...otherProps } ref={ forwardedRef } />;\n\t}\n\n\treturn <View { ...otherProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardBody` renders an optional content area for a `Card`.\n * Multiple `CardBody` components can be used within `Card` if needed.\n *\n * ```jsx\n * import { Card, CardBody } from `@wordpress/components`;\n *\n * <Card>\n * \t<CardBody>\n * \t\t...\n * \t</CardBody>\n * </Card>\n * ```\n */\nexport const CardBody = contextConnect( UnconnectedCardBody, 'CardBody' );\n\nexport default CardBody;\n"]}

package/build-module/card/card-body/hook.js

@@ -9,10 +9,6 @@ import { useMemo } from '@wordpress/element';
 import { useContextSystem } from '../../ui/context';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').BodyProps, 'div'>} props
- */
-
 export function useCardBody(props) {
   const {
     className,

package/build-module/card/card-body/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-body/hook.js"],"names":["useMemo","useContextSystem","styles","useCx","useCardBody","props","className","isScrollable","isShady","size","otherProps","cx","classes","Body","borderRadius","cardPaddings","shady"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,WAAT,CAAsBC,KAAtB,EAA8B;AACpC,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAILC,IAAAA,IAAI,GAAG,QAJF;AAKL,OAAGC;AALE,MAMFT,gBAAgB,CAAEI,KAAF,EAAS,UAAT,CANpB;AAQA,QAAMM,EAAE,GAAGR,KAAK,EAAhB;AAEA,QAAMS,OAAO,GAAGZ,OAAO,CACtB,MACCW,EAAE,CACDT,MAAM,CAACW,IADN,EAEDX,MAAM,CAACY,YAFN,EAGDZ,MAAM,CAACa,YAAP,CAAqBN,IAArB,CAHC,EAIDD,OAAO,IAAIN,MAAM,CAACc,KAJjB,EAKD;AACA,yBANC,EAODV,SAPC,CAFmB,EAWtB,CAAEA,SAAF,EAAaK,EAAb,EAAiBH,OAAjB,EAA0BC,IAA1B,CAXsB,CAAvB;AAcA,SAAO,EACN,GAAGC,UADG;AAENJ,IAAAA,SAAS,EAAEM,OAFL;AAGNL,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').BodyProps, 'div'>} props\n */\nexport function useCardBody( props ) {\n\tconst {\n\t\tclassName,\n\t\tisScrollable = false,\n\t\tisShady = false,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( props, 'CardBody' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Body,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\tstyles.cardPaddings[ size ],\n\t\t\t\tisShady && styles.shady,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__body',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isShady, size ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tisScrollable,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-body/hook.ts"],"names":["useMemo","useContextSystem","styles","useCx","useCardBody","props","className","isScrollable","isShady","size","otherProps","cx","classes","Body","borderRadius","cardPaddings","shady"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAGA,OAAO,SAASC,WAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAILC,IAAAA,IAAI,GAAG,QAJF;AAKL,OAAGC;AALE,MAMFT,gBAAgB,CAAEI,KAAF,EAAS,UAAT,CANpB;AAQA,QAAMM,EAAE,GAAGR,KAAK,EAAhB;AAEA,QAAMS,OAAO,GAAGZ,OAAO,CACtB,MACCW,EAAE,CACDT,MAAM,CAACW,IADN,EAEDX,MAAM,CAACY,YAFN,EAGDZ,MAAM,CAACa,YAAP,CAAqBN,IAArB,CAHC,EAIDD,OAAO,IAAIN,MAAM,CAACc,KAJjB,EAKD;AACA,yBANC,EAODV,SAPC,CAFmB,EAWtB,CAAEA,SAAF,EAAaK,EAAb,EAAiBH,OAAjB,EAA0BC,IAA1B,CAXsB,CAAvB;AAcA,SAAO,EACN,GAAGC,UADG;AAENJ,IAAAA,SAAS,EAAEM,OAFL;AAGNL,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { BodyProps } from '../types';\n\nexport function useCardBody(\n\tprops: WordPressComponentProps< BodyProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\tisScrollable = false,\n\t\tisShady = false,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( props, 'CardBody' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Body,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\tstyles.cardPaddings[ size ],\n\t\t\t\tisShady && styles.shady,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__body',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isShady, size ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tisScrollable,\n\t};\n}\n"]}

package/build-module/card/card-body/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-body/index.js"],"names":["default","useCardBody"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,WAAT,QAA4B,QAA5B","sourcesContent":["export { default } from './component';\nexport { useCardBody } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-body/index.ts"],"names":["default","useCardBody"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,WAAT,QAA4B,QAA5B","sourcesContent":["export { default } from './component';\nexport { useCardBody } from './hook';\n"]}

package/build-module/card/card-divider/component.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../../ui/context';
 import { Divider } from '../../divider';
 import { useCardDivider } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../../divider').DividerProps, 'hr', false>} props
- * @param {import('react').ForwardedRef<any>}                                                                     forwardedRef
- */
 
-function CardDivider(props, forwardedRef) {
+function UnconnectedCardDivider(props, forwardedRef) {
   const dividerProps = useCardDivider(props);
   return createElement(Divider, _extends({}, dividerProps, {
     ref: forwardedRef
@@ -22,7 +22,6 @@ function CardDivider(props, forwardedRef) {
  * `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`;
  *
@@ -35,6 +34,6 @@ function CardDivider(props, forwardedRef) {
  */
 
 
-const ConnectedCardDivider = contextConnect(CardDivider, 'CardDivider');
-export default ConnectedCardDivider;
+export const CardDivider = contextConnect(UnconnectedCardDivider, 'CardDivider');
+export default CardDivider;
 //# sourceMappingURL=component.js.map

package/build-module/card/card-divider/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-divider/component.js"],"names":["contextConnect","Divider","useCardDivider","CardDivider","props","forwardedRef","dividerProps","ConnectedCardDivider"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,OAAT,QAAwB,eAAxB;AACA,SAASC,cAAT,QAA+B,QAA/B;AAEA;AACA;AACA;AACA;;AACA,SAASC,WAAT,CAAsBC,KAAtB,EAA6BC,YAA7B,EAA4C;AAC3C,QAAMC,YAAY,GAAGJ,cAAc,CAAEE,KAAF,CAAnC;AAEA,SAAO,cAAC,OAAD,eAAcE,YAAd;AAA6B,IAAA,GAAG,EAAGD;AAAnC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,oBAAoB,GAAGP,cAAc,CAAEG,WAAF,EAAe,aAAf,CAA3C;AAEA,eAAeI,oBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { Divider } from '../../divider';\nimport { useCardDivider } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../../divider').DividerProps, 'hr', false>} props\n * @param {import('react').ForwardedRef<any>}                                                                     forwardedRef\n */\nfunction CardDivider( props, forwardedRef ) {\n\tconst dividerProps = useCardDivider( props );\n\n\treturn <Divider { ...dividerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardDivider` renders an optional divider within a `Card`.\n * It is typically used to divide multiple `CardBody` components from each other.\n *\n * @example\n * ```jsx\n * import { Card, CardBody, CardDivider } from `@wordpress/components`;\n *\n * <Card>\n *  <CardBody>...</CardBody>\n *  <CardDivider />\n *  <CardBody>...</CardBody>\n * </Card>\n * ```\n */\nconst ConnectedCardDivider = contextConnect( CardDivider, 'CardDivider' );\n\nexport default ConnectedCardDivider;\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-divider/component.tsx"],"names":["contextConnect","Divider","useCardDivider","UnconnectedCardDivider","props","forwardedRef","dividerProps","CardDivider"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,OAAT,QAAsC,eAAtC;AACA,SAASC,cAAT,QAA+B,QAA/B;;AAEA,SAASC,sBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAGJ,cAAc,CAAEE,KAAF,CAAnC;AAEA,SAAO,cAAC,OAAD,eAAcE,YAAd;AAA6B,IAAA,GAAG,EAAGD;AAAnC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,WAAW,GAAGP,cAAc,CACxCG,sBADwC,EAExC,aAFwC,CAAlC;AAKP,eAAeI,WAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { Divider, DividerProps } from '../../divider';\nimport { useCardDivider } from './hook';\n\nfunction UnconnectedCardDivider(\n\tprops: WordPressComponentProps< DividerProps, 'hr', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst dividerProps = useCardDivider( props );\n\n\treturn <Divider { ...dividerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardDivider` renders an optional divider within a `Card`.\n * It is typically used to divide multiple `CardBody` components from each other.\n *\n * ```jsx\n * import { Card, CardBody, CardDivider } from `@wordpress/components`;\n *\n * <Card>\n *  <CardBody>...</CardBody>\n *  <CardDivider />\n *  <CardBody>...</CardBody>\n * </Card>\n * ```\n */\nexport const CardDivider = contextConnect(\n\tUnconnectedCardDivider,\n\t'CardDivider'\n);\n\nexport default CardDivider;\n"]}

package/build-module/card/card-divider/hook.js

@@ -9,10 +9,6 @@ import { useMemo } from '@wordpress/element';
 import { useContextSystem } from '../../ui/context';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../../divider').DividerProps, 'hr', false>} props
- */
-
 export function useCardDivider(props) {
   const {
     className,

package/build-module/card/card-divider/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-divider/hook.js"],"names":["useMemo","useContextSystem","styles","useCx","useCardDivider","props","className","otherProps","cx","classes","Divider","borderColor"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,cAAT,CAAyBC,KAAzB,EAAiC;AACvC,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA+BN,gBAAgB,CACpDI,KADoD,EAEpD,aAFoD,CAArD;AAKA,QAAMG,EAAE,GAAGL,KAAK,EAAhB;AAEA,QAAMM,OAAO,GAAGT,OAAO,CACtB,MACCQ,EAAE,CACDN,MAAM,CAACQ,OADN,EAEDR,MAAM,CAACS,WAFN,EAGD;AACA,4BAJC,EAKDL,SALC,CAFmB,EAStB,CAAEA,SAAF,EAAaE,EAAb,CATsB,CAAvB;AAYA,SAAO,EACN,GAAGD,UADG;AAEND,IAAAA,SAAS,EAAEG;AAFL,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../../divider').DividerProps, 'hr', false>} props\n */\nexport function useCardDivider( props ) {\n\tconst { className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'CardDivider'\n\t);\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Divider,\n\t\t\t\tstyles.borderColor,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__divider',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-divider/hook.ts"],"names":["useMemo","useContextSystem","styles","useCx","useCardDivider","props","className","otherProps","cx","classes","Divider","borderColor"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAGA,OAAO,SAASC,cAAT,CACNC,KADM,EAEL;AACD,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA+BN,gBAAgB,CACpDI,KADoD,EAEpD,aAFoD,CAArD;AAKA,QAAMG,EAAE,GAAGL,KAAK,EAAhB;AAEA,QAAMM,OAAO,GAAGT,OAAO,CACtB,MACCQ,EAAE,CACDN,MAAM,CAACQ,OADN,EAEDR,MAAM,CAACS,WAFN,EAGD;AACA,4BAJC,EAKDL,SALC,CAFmB,EAStB,CAAEA,SAAF,EAAaE,EAAb,CATsB,CAAvB;AAYA,SAAO,EACN,GAAGD,UADG;AAEND,IAAAA,SAAS,EAAEG;AAFL,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { DividerProps } from '../../divider';\n\nexport function useCardDivider(\n\tprops: WordPressComponentProps< DividerProps, 'hr', false >\n) {\n\tconst { className, ...otherProps } = useContextSystem(\n\t\tprops,\n\t\t'CardDivider'\n\t);\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Divider,\n\t\t\t\tstyles.borderColor,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__divider',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}

package/build-module/card/card-divider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-divider/index.js"],"names":["default","useCardDivider"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,cAAT,QAA+B,QAA/B","sourcesContent":["export { default } from './component';\nexport { useCardDivider } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-divider/index.ts"],"names":["default","useCardDivider"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,cAAT,QAA+B,QAA/B","sourcesContent":["export { default } from './component';\nexport { useCardDivider } from './hook';\n"]}

package/build-module/card/card-footer/component.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../../ui/context';
 import { Flex } from '../../flex';
 import { useCardFooter } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FooterProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                         forwardedRef
- */
 
-function CardFooter(props, forwardedRef) {
+function UnconnectedCardFooter(props, forwardedRef) {
   const footerProps = useCardFooter(props);
   return createElement(Flex, _extends({}, footerProps, {
     ref: forwardedRef
@@ -21,7 +21,6 @@ function CardFooter(props, forwardedRef) {
 /**
  * `CardFooter` renders an optional footer within a `Card`.
  *
- * @example
  * ```jsx
  * import { Card, CardBody, CardFooter } from `@wordpress/components`;
  *
@@ -33,6 +32,6 @@ function CardFooter(props, forwardedRef) {
  */
 
 
-const ConnectedCardFooter = contextConnect(CardFooter, 'CardFooter');
-export default ConnectedCardFooter;
+export const CardFooter = contextConnect(UnconnectedCardFooter, 'CardFooter');
+export default CardFooter;
 //# sourceMappingURL=component.js.map

package/build-module/card/card-footer/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-footer/component.js"],"names":["contextConnect","Flex","useCardFooter","CardFooter","props","forwardedRef","footerProps","ConnectedCardFooter"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,aAAT,QAA8B,QAA9B;AAEA;AACA;AACA;AACA;;AACA,SAASC,UAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA2C;AAC1C,QAAMC,WAAW,GAAGJ,aAAa,CAAEE,KAAF,CAAjC;AAEA,SAAO,cAAC,IAAD,eAAWE,WAAX;AAAyB,IAAA,GAAG,EAAGD;AAA/B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,mBAAmB,GAAGP,cAAc,CAAEG,UAAF,EAAc,YAAd,CAA1C;AAEA,eAAeI,mBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { Flex } from '../../flex';\nimport { useCardFooter } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FooterProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                         forwardedRef\n */\nfunction CardFooter( props, forwardedRef ) {\n\tconst footerProps = useCardFooter( props );\n\n\treturn <Flex { ...footerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardFooter` renders an optional footer within a `Card`.\n *\n * @example\n * ```jsx\n * import { Card, CardBody, CardFooter } from `@wordpress/components`;\n *\n * <Card>\n * \t<CardBody>...</CardBody>\n * \t<CardFooter>...</CardFooter>\n * </Card>\n * ```\n */\nconst ConnectedCardFooter = contextConnect( CardFooter, 'CardFooter' );\n\nexport default ConnectedCardFooter;\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-footer/component.tsx"],"names":["contextConnect","Flex","useCardFooter","UnconnectedCardFooter","props","forwardedRef","footerProps","CardFooter"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,aAAT,QAA8B,QAA9B;;AAGA,SAASC,qBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,WAAW,GAAGJ,aAAa,CAAEE,KAAF,CAAjC;AAEA,SAAO,cAAC,IAAD,eAAWE,WAAX;AAAyB,IAAA,GAAG,EAAGD;AAA/B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,UAAU,GAAGP,cAAc,CAAEG,qBAAF,EAAyB,YAAzB,CAAjC;AAEP,eAAeI,UAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { Flex } from '../../flex';\nimport { useCardFooter } from './hook';\nimport type { FooterProps } from '../types';\n\nfunction UnconnectedCardFooter(\n\tprops: WordPressComponentProps< FooterProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst footerProps = useCardFooter( props );\n\n\treturn <Flex { ...footerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardFooter` renders an optional footer within a `Card`.\n *\n * ```jsx\n * import { Card, CardBody, CardFooter } from `@wordpress/components`;\n *\n * <Card>\n * \t<CardBody>...</CardBody>\n * \t<CardFooter>...</CardFooter>\n * </Card>\n * ```\n */\nexport const CardFooter = contextConnect( UnconnectedCardFooter, 'CardFooter' );\n\nexport default CardFooter;\n"]}

package/build-module/card/card-footer/hook.js

@@ -9,10 +9,6 @@ import { useMemo } from '@wordpress/element';
 import { useContextSystem } from '../../ui/context';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').FooterProps, 'div'>} props
- */
-
 export function useCardFooter(props) {
   const {
     className,

package/build-module/card/card-footer/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-footer/hook.js"],"names":["useMemo","useContextSystem","styles","useCx","useCardFooter","props","className","justify","isBorderless","isShady","size","otherProps","cx","classes","Footer","borderRadius","borderColor","cardPaddings","borderless","shady"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AACtC,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,OAFK;AAGLC,IAAAA,YAAY,GAAG,KAHV;AAILC,IAAAA,OAAO,GAAG,KAJL;AAKLC,IAAAA,IAAI,GAAG,QALF;AAML,OAAGC;AANE,MAOFV,gBAAgB,CAAEI,KAAF,EAAS,YAAT,CAPpB;AASA,QAAMO,EAAE,GAAGT,KAAK,EAAhB;AAEA,QAAMU,OAAO,GAAGb,OAAO,CACtB,MACCY,EAAE,CACDV,MAAM,CAACY,MADN,EAEDZ,MAAM,CAACa,YAFN,EAGDb,MAAM,CAACc,WAHN,EAIDd,MAAM,CAACe,YAAP,CAAqBP,IAArB,CAJC,EAKDF,YAAY,IAAIN,MAAM,CAACgB,UALtB,EAMDT,OAAO,IAAIP,MAAM,CAACiB,KANjB,EAOD;AACA,2BARC,EASDb,SATC,CAFmB,EAatB,CAAEA,SAAF,EAAaM,EAAb,EAAiBJ,YAAjB,EAA+BC,OAA/B,EAAwCC,IAAxC,CAbsB,CAAvB;AAgBA,SAAO,EACN,GAAGC,UADG;AAENL,IAAAA,SAAS,EAAEO,OAFL;AAGNN,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').FooterProps, 'div'>} props\n */\nexport function useCardFooter( props ) {\n\tconst {\n\t\tclassName,\n\t\tjustify,\n\t\tisBorderless = false,\n\t\tisShady = false,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( props, 'CardFooter' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Footer,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\tstyles.borderColor,\n\t\t\t\tstyles.cardPaddings[ size ],\n\t\t\t\tisBorderless && styles.borderless,\n\t\t\t\tisShady && styles.shady,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__footer',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBorderless, isShady, size ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tjustify,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-footer/hook.ts"],"names":["useMemo","useContextSystem","styles","useCx","useCardFooter","props","className","justify","isBorderless","isShady","size","otherProps","cx","classes","Footer","borderRadius","borderColor","cardPaddings","borderless","shady"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAGA,OAAO,SAASC,aAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,OAFK;AAGLC,IAAAA,YAAY,GAAG,KAHV;AAILC,IAAAA,OAAO,GAAG,KAJL;AAKLC,IAAAA,IAAI,GAAG,QALF;AAML,OAAGC;AANE,MAOFV,gBAAgB,CAAEI,KAAF,EAAS,YAAT,CAPpB;AASA,QAAMO,EAAE,GAAGT,KAAK,EAAhB;AAEA,QAAMU,OAAO,GAAGb,OAAO,CACtB,MACCY,EAAE,CACDV,MAAM,CAACY,MADN,EAEDZ,MAAM,CAACa,YAFN,EAGDb,MAAM,CAACc,WAHN,EAIDd,MAAM,CAACe,YAAP,CAAqBP,IAArB,CAJC,EAKDF,YAAY,IAAIN,MAAM,CAACgB,UALtB,EAMDT,OAAO,IAAIP,MAAM,CAACiB,KANjB,EAOD;AACA,2BARC,EASDb,SATC,CAFmB,EAatB,CAAEA,SAAF,EAAaM,EAAb,EAAiBJ,YAAjB,EAA+BC,OAA/B,EAAwCC,IAAxC,CAbsB,CAAvB;AAgBA,SAAO,EACN,GAAGC,UADG;AAENL,IAAAA,SAAS,EAAEO,OAFL;AAGNN,IAAAA;AAHM,GAAP;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { FooterProps } from '../types';\n\nexport function useCardFooter(\n\tprops: WordPressComponentProps< FooterProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\tjustify,\n\t\tisBorderless = false,\n\t\tisShady = false,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( props, 'CardFooter' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Footer,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\tstyles.borderColor,\n\t\t\t\tstyles.cardPaddings[ size ],\n\t\t\t\tisBorderless && styles.borderless,\n\t\t\t\tisShady && styles.shady,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__footer',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBorderless, isShady, size ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t\tjustify,\n\t};\n}\n"]}

package/build-module/card/card-footer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-footer/index.js"],"names":["default","useCardFooter"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,QAA9B","sourcesContent":["export { default } from './component';\nexport { useCardFooter } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-footer/index.ts"],"names":["default","useCardFooter"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,QAA9B","sourcesContent":["export { default } from './component';\nexport { useCardFooter } from './hook';\n"]}

package/build-module/card/card-header/component.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../../ui/context';
 import { Flex } from '../../flex';
 import { useCardHeader } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').HeaderProps, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                         forwardedRef
- */
 
-function CardHeader(props, forwardedRef) {
+function UnconnectedCardHeader(props, forwardedRef) {
   const headerProps = useCardHeader(props);
   return createElement(Flex, _extends({}, headerProps, {
     ref: forwardedRef
@@ -21,7 +21,6 @@ function CardHeader(props, forwardedRef) {
 /**
  * `CardHeader` renders an optional header within a `Card`.
  *
- * @example
  * ```jsx
  * import { Card, CardBody, CardHeader } from `@wordpress/components`;
  *
@@ -33,6 +32,6 @@ function CardHeader(props, forwardedRef) {
  */
 
 
-const ConnectedCardHeader = contextConnect(CardHeader, 'CardHeader');
-export default ConnectedCardHeader;
+export const CardHeader = contextConnect(UnconnectedCardHeader, 'CardHeader');
+export default CardHeader;
 //# sourceMappingURL=component.js.map

package/build-module/card/card-header/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-header/component.js"],"names":["contextConnect","Flex","useCardHeader","CardHeader","props","forwardedRef","headerProps","ConnectedCardHeader"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,aAAT,QAA8B,QAA9B;AAEA;AACA;AACA;AACA;;AACA,SAASC,UAAT,CAAqBC,KAArB,EAA4BC,YAA5B,EAA2C;AAC1C,QAAMC,WAAW,GAAGJ,aAAa,CAAEE,KAAF,CAAjC;AAEA,SAAO,cAAC,IAAD,eAAWE,WAAX;AAAyB,IAAA,GAAG,EAAGD;AAA/B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,mBAAmB,GAAGP,cAAc,CAAEG,UAAF,EAAc,YAAd,CAA1C;AAEA,eAAeI,mBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { Flex } from '../../flex';\nimport { useCardHeader } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').HeaderProps, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                         forwardedRef\n */\nfunction CardHeader( props, forwardedRef ) {\n\tconst headerProps = useCardHeader( props );\n\n\treturn <Flex { ...headerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardHeader` renders an optional header within a `Card`.\n *\n * @example\n * ```jsx\n * import { Card, CardBody, CardHeader } from `@wordpress/components`;\n *\n * <Card>\n * \t<CardHeader>...</CardHeader>\n * \t<CardBody>...</CardBody>\n * </Card>\n * ```\n */\nconst ConnectedCardHeader = contextConnect( CardHeader, 'CardHeader' );\n\nexport default ConnectedCardHeader;\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-header/component.tsx"],"names":["contextConnect","Flex","useCardHeader","UnconnectedCardHeader","props","forwardedRef","headerProps","CardHeader"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,aAAT,QAA8B,QAA9B;;AAGA,SAASC,qBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,WAAW,GAAGJ,aAAa,CAAEE,KAAF,CAAjC;AAEA,SAAO,cAAC,IAAD,eAAWE,WAAX;AAAyB,IAAA,GAAG,EAAGD;AAA/B,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,UAAU,GAAGP,cAAc,CAAEG,qBAAF,EAAyB,YAAzB,CAAjC;AAEP,eAAeI,UAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { Flex } from '../../flex';\nimport { useCardHeader } from './hook';\nimport type { HeaderProps } from '../types';\n\nfunction UnconnectedCardHeader(\n\tprops: WordPressComponentProps< HeaderProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst headerProps = useCardHeader( props );\n\n\treturn <Flex { ...headerProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardHeader` renders an optional header within a `Card`.\n *\n * ```jsx\n * import { Card, CardBody, CardHeader } from `@wordpress/components`;\n *\n * <Card>\n * \t<CardHeader>...</CardHeader>\n * \t<CardBody>...</CardBody>\n * </Card>\n * ```\n */\nexport const CardHeader = contextConnect( UnconnectedCardHeader, 'CardHeader' );\n\nexport default CardHeader;\n"]}

package/build-module/card/card-header/hook.js

@@ -9,10 +9,6 @@ import { useMemo } from '@wordpress/element';
 import { useContextSystem } from '../../ui/context';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<import('../types').HeaderProps, 'div'>} props
- */
-
 export function useCardHeader(props) {
   const {
     className,

package/build-module/card/card-header/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-header/hook.js"],"names":["useMemo","useContextSystem","styles","useCx","useCardHeader","props","className","isBorderless","isShady","size","otherProps","cx","classes","Header","borderRadius","borderColor","cardPaddings","borderless","shady"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CAAwBC,KAAxB,EAAgC;AACtC,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAILC,IAAAA,IAAI,GAAG,QAJF;AAKL,OAAGC;AALE,MAMFT,gBAAgB,CAAEI,KAAF,EAAS,YAAT,CANpB;AAQA,QAAMM,EAAE,GAAGR,KAAK,EAAhB;AAEA,QAAMS,OAAO,GAAGZ,OAAO,CACtB,MACCW,EAAE,CACDT,MAAM,CAACW,MADN,EAEDX,MAAM,CAACY,YAFN,EAGDZ,MAAM,CAACa,WAHN,EAIDb,MAAM,CAACc,YAAP,CAAqBP,IAArB,CAJC,EAKDF,YAAY,IAAIL,MAAM,CAACe,UALtB,EAMDT,OAAO,IAAIN,MAAM,CAACgB,KANjB,EAOD;AACA,2BARC,EASDZ,SATC,CAFmB,EAatB,CAAEA,SAAF,EAAaK,EAAb,EAAiBJ,YAAjB,EAA+BC,OAA/B,EAAwCC,IAAxC,CAbsB,CAAvB;AAgBA,SAAO,EACN,GAAGC,UADG;AAENJ,IAAAA,SAAS,EAAEM;AAFL,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<import('../types').HeaderProps, 'div'>} props\n */\nexport function useCardHeader( props ) {\n\tconst {\n\t\tclassName,\n\t\tisBorderless = false,\n\t\tisShady = false,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( props, 'CardHeader' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Header,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\tstyles.borderColor,\n\t\t\t\tstyles.cardPaddings[ size ],\n\t\t\t\tisBorderless && styles.borderless,\n\t\t\t\tisShady && styles.shady,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__header',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBorderless, isShady, size ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-header/hook.ts"],"names":["useMemo","useContextSystem","styles","useCx","useCardHeader","props","className","isBorderless","isShady","size","otherProps","cx","classes","Header","borderRadius","borderColor","cardPaddings","borderless","shady"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAGA,OAAO,SAASC,aAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,SADK;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,OAAO,GAAG,KAHL;AAILC,IAAAA,IAAI,GAAG,QAJF;AAKL,OAAGC;AALE,MAMFT,gBAAgB,CAAEI,KAAF,EAAS,YAAT,CANpB;AAQA,QAAMM,EAAE,GAAGR,KAAK,EAAhB;AAEA,QAAMS,OAAO,GAAGZ,OAAO,CACtB,MACCW,EAAE,CACDT,MAAM,CAACW,MADN,EAEDX,MAAM,CAACY,YAFN,EAGDZ,MAAM,CAACa,WAHN,EAIDb,MAAM,CAACc,YAAP,CAAqBP,IAArB,CAJC,EAKDF,YAAY,IAAIL,MAAM,CAACe,UALtB,EAMDT,OAAO,IAAIN,MAAM,CAACgB,KANjB,EAOD;AACA,2BARC,EASDZ,SATC,CAFmB,EAatB,CAAEA,SAAF,EAAaK,EAAb,EAAiBJ,YAAjB,EAA+BC,OAA/B,EAAwCC,IAAxC,CAbsB,CAAvB;AAgBA,SAAO,EACN,GAAGC,UADG;AAENJ,IAAAA,SAAS,EAAEM;AAFL,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { HeaderProps } from '../types';\n\nexport function useCardHeader(\n\tprops: WordPressComponentProps< HeaderProps, 'div' >\n) {\n\tconst {\n\t\tclassName,\n\t\tisBorderless = false,\n\t\tisShady = false,\n\t\tsize = 'medium',\n\t\t...otherProps\n\t} = useContextSystem( props, 'CardHeader' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Header,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\tstyles.borderColor,\n\t\t\t\tstyles.cardPaddings[ size ],\n\t\t\t\tisBorderless && styles.borderless,\n\t\t\t\tisShady && styles.shady,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__header',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx, isBorderless, isShady, size ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}

package/build-module/card/card-header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-header/index.js"],"names":["default","useCardHeader"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,QAA9B","sourcesContent":["export { default } from './component';\nexport { useCardHeader } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-header/index.ts"],"names":["default","useCardHeader"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,aAAT,QAA8B,QAA9B","sourcesContent":["export { default } from './component';\nexport { useCardHeader } from './hook';\n"]}

package/build-module/card/card-media/component.js

@@ -1,18 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../../ui/context';
 import { View } from '../../view';
 import { useCardMedia } from './hook';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<{ children: import('react').ReactNode }, 'div'>} props
- * @param {import('react').ForwardedRef<any>}                                                                  forwardedRef
- */
 
-function CardMedia(props, forwardedRef) {
+function UnconnectedCardMedia(props, forwardedRef) {
   const cardMediaProps = useCardMedia(props);
   return createElement(View, _extends({}, cardMediaProps, {
     ref: forwardedRef
@@ -37,6 +37,6 @@ function CardMedia(props, forwardedRef) {
  */
 
 
-const ConnectedCardMedia = contextConnect(CardMedia, 'CardMedia');
-export default ConnectedCardMedia;
+export const CardMedia = contextConnect(UnconnectedCardMedia, 'CardMedia');
+export default CardMedia;
 //# sourceMappingURL=component.js.map

package/build-module/card/card-media/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-media/component.js"],"names":["contextConnect","View","useCardMedia","CardMedia","props","forwardedRef","cardMediaProps","ConnectedCardMedia"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,kBAA/B;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,YAAT,QAA6B,QAA7B;AAEA;AACA;AACA;AACA;;AACA,SAASC,SAAT,CAAoBC,KAApB,EAA2BC,YAA3B,EAA0C;AACzC,QAAMC,cAAc,GAAGJ,YAAY,CAAEE,KAAF,CAAnC;AAEA,SAAO,cAAC,IAAD,eAAWE,cAAX;AAA4B,IAAA,GAAG,EAAGD;AAAlC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,kBAAkB,GAAGP,cAAc,CAAEG,SAAF,EAAa,WAAb,CAAzC;AAEA,eAAeI,kBAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../../ui/context';\nimport { View } from '../../view';\nimport { useCardMedia } from './hook';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<{ children: import('react').ReactNode }, 'div'>} props\n * @param {import('react').ForwardedRef<any>}                                                                  forwardedRef\n */\nfunction CardMedia( props, forwardedRef ) {\n\tconst cardMediaProps = useCardMedia( props );\n\n\treturn <View { ...cardMediaProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardMedia` provides a container for media elements within a `Card`.\n *\n * @example\n * ```jsx\n * import { Card, CardBody, CardMedia } from '@wordpress/components';\n *\n * const Example = () => (\n *  <Card>\n *\t  <CardMedia>\n *\t\t  <img src=\"...\" />\n *    </CardMedia>\n *    <CardBody>...</CardBody>\n *  </Card>\n * );\n * ```\n */\nconst ConnectedCardMedia = contextConnect( CardMedia, 'CardMedia' );\n\nexport default ConnectedCardMedia;\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-media/component.tsx"],"names":["contextConnect","View","useCardMedia","UnconnectedCardMedia","props","forwardedRef","cardMediaProps","CardMedia"],"mappings":";;;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAAwD,kBAAxD;AACA,SAASC,IAAT,QAAqB,YAArB;AACA,SAASC,YAAT,QAA6B,QAA7B;;AAGA,SAASC,oBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,cAAc,GAAGJ,YAAY,CAAEE,KAAF,CAAnC;AAEA,SAAO,cAAC,IAAD,eAAWE,cAAX;AAA4B,IAAA,GAAG,EAAGD;AAAlC,KAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,SAAS,GAAGP,cAAc,CAAEG,oBAAF,EAAwB,WAAxB,CAAhC;AAEP,eAAeI,SAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect, WordPressComponentProps } from '../../ui/context';\nimport { View } from '../../view';\nimport { useCardMedia } from './hook';\nimport type { MediaProps } from '../types';\n\nfunction UnconnectedCardMedia(\n\tprops: WordPressComponentProps< MediaProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst cardMediaProps = useCardMedia( props );\n\n\treturn <View { ...cardMediaProps } ref={ forwardedRef } />;\n}\n\n/**\n * `CardMedia` provides a container for media elements within a `Card`.\n *\n * @example\n * ```jsx\n * import { Card, CardBody, CardMedia } from '@wordpress/components';\n *\n * const Example = () => (\n *  <Card>\n *\t  <CardMedia>\n *\t\t  <img src=\"...\" />\n *    </CardMedia>\n *    <CardBody>...</CardBody>\n *  </Card>\n * );\n * ```\n */\nexport const CardMedia = contextConnect( UnconnectedCardMedia, 'CardMedia' );\n\nexport default CardMedia;\n"]}

package/build-module/card/card-media/hook.js

@@ -9,10 +9,6 @@ import { useMemo } from '@wordpress/element';
 import { useContextSystem } from '../../ui/context';
 import * as styles from '../styles';
 import { useCx } from '../../utils/hooks/use-cx';
-/**
- * @param {import('../../ui/context').WordPressComponentProps<{ children: import('react').ReactNode }, 'div'>} props
- */
-
 export function useCardMedia(props) {
   const {
     className,

package/build-module/card/card-media/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-media/hook.js"],"names":["useMemo","useContextSystem","styles","useCx","useCardMedia","props","className","otherProps","cx","classes","Media","borderRadius"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,kBAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAEA;AACA;AACA;;AACA,OAAO,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AACrC,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA+BN,gBAAgB,CAAEI,KAAF,EAAS,WAAT,CAArD;AAEA,QAAMG,EAAE,GAAGL,KAAK,EAAhB;AAEA,QAAMM,OAAO,GAAGT,OAAO,CACtB,MACCQ,EAAE,CACDN,MAAM,CAACQ,KADN,EAEDR,MAAM,CAACS,YAFN,EAGD;AACA,0BAJC,EAKDL,SALC,CAFmB,EAStB,CAAEA,SAAF,EAAaE,EAAb,CATsB,CAAvB;AAYA,SAAO,EACN,GAAGD,UADG;AAEND,IAAAA,SAAS,EAAEG;AAFL,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\n\n/**\n * @param {import('../../ui/context').WordPressComponentProps<{ children: import('react').ReactNode }, 'div'>} props\n */\nexport function useCardMedia( props ) {\n\tconst { className, ...otherProps } = useContextSystem( props, 'CardMedia' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Media,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__media',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-media/hook.ts"],"names":["useMemo","useContextSystem","styles","useCx","useCardMedia","props","className","otherProps","cx","classes","Media","borderRadius"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAA0D,kBAA1D;AACA,OAAO,KAAKC,MAAZ,MAAwB,WAAxB;AACA,SAASC,KAAT,QAAsB,0BAAtB;AAGA,OAAO,SAASC,YAAT,CACNC,KADM,EAEL;AACD,QAAM;AAAEC,IAAAA,SAAF;AAAa,OAAGC;AAAhB,MAA+BN,gBAAgB,CAAEI,KAAF,EAAS,WAAT,CAArD;AAEA,QAAMG,EAAE,GAAGL,KAAK,EAAhB;AAEA,QAAMM,OAAO,GAAGT,OAAO,CACtB,MACCQ,EAAE,CACDN,MAAM,CAACQ,KADN,EAEDR,MAAM,CAACS,YAFN,EAGD;AACA,0BAJC,EAKDL,SALC,CAFmB,EAStB,CAAEA,SAAF,EAAaE,EAAb,CATsB,CAAvB;AAYA,SAAO,EACN,GAAGD,UADG;AAEND,IAAAA,SAAS,EAAEG;AAFL,GAAP;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem, WordPressComponentProps } from '../../ui/context';\nimport * as styles from '../styles';\nimport { useCx } from '../../utils/hooks/use-cx';\nimport type { MediaProps } from '../types';\n\nexport function useCardMedia(\n\tprops: WordPressComponentProps< MediaProps, 'div' >\n) {\n\tconst { className, ...otherProps } = useContextSystem( props, 'CardMedia' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo(\n\t\t() =>\n\t\t\tcx(\n\t\t\t\tstyles.Media,\n\t\t\t\tstyles.borderRadius,\n\t\t\t\t// This classname is added for legacy compatibility reasons.\n\t\t\t\t'components-card__media',\n\t\t\t\tclassName\n\t\t\t),\n\t\t[ className, cx ]\n\t);\n\n\treturn {\n\t\t...otherProps,\n\t\tclassName: classes,\n\t};\n}\n"]}

package/build-module/card/card-media/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/card-media/index.js"],"names":["default","useCardMedia"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,YAAT,QAA6B,QAA7B","sourcesContent":["export { default } from './component';\nexport { useCardMedia } from './hook';\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/card-media/index.ts"],"names":["default","useCardMedia"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB;AACA,SAASC,YAAT,QAA6B,QAA7B","sourcesContent":["export { default } from './component';\nexport { useCardMedia } from './hook';\n"]}

package/build-module/card/context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/card/context.js"],"names":["createContext","useContext","CardContext","useCardContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA,OAAO,MAAMC,WAAW,GAAGF,aAAa,CAAE,EAAF,CAAjC;AACP,OAAO,MAAMG,cAAc,GAAG,MAAMF,UAAU,CAAEC,WAAF,CAAvC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const CardContext = createContext( {} );\nexport const useCardContext = () => useContext( CardContext );\n"]}
+{"version":3,"sources":["@wordpress/components/src/card/context.ts"],"names":["createContext","useContext","CardContext","useCardContext"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAT,EAAwBC,UAAxB,QAA0C,oBAA1C;AAEA,OAAO,MAAMC,WAAW,GAAGF,aAAa,CAAE,EAAF,CAAjC;AACP,OAAO,MAAMG,cAAc,GAAG,MAAMF,UAAU,CAAEC,WAAF,CAAvC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\nexport const CardContext = createContext( {} );\nexport const useCardContext = () => useContext( CardContext );\n"]}