@procore/core-react 11.22.1 → 11.23.0

package/dist/DateSelect/DateSelect.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateSelect.types.js","sourceRoot":"","sources":["../../src/DateSelect/DateSelect.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"DateSelect.types.js","names":[],"sources":["../../src/DateSelect/DateSelect.types.ts"],"sourcesContent":["import { CalendarProps } from '../Calendar/Calendar.types'\nimport { DateInputProps } from '../DateInput/DateInput.types'\nimport { OverlayTriggerProps } from '../OverlayTrigger/OverlayTrigger.types'\nimport { VisibilityConfig } from '../_hooks/Visibility'\n\ntype PickedDateInputProps = Pick<\n  DateInputProps,\n  | 'className'\n  | 'disabled'\n  | 'error'\n  | 'onChange'\n  | 'onClear'\n  | 'tabIndex'\n  | 'variant'\n>\n\ntype PickedCalendarProps = Pick<CalendarProps, 'disabledDate'>\n\ntype PickedOverlayTriggerProps = Pick<\n  OverlayTriggerProps,\n  'beforeHide' | 'beforeShow'\n>\n\ntype PickedVisibilityProps = Pick<VisibilityConfig, 'afterHide' | 'afterShow'>\n\nexport interface DateSelectProps\n  extends PickedDateInputProps,\n    PickedOverlayTriggerProps,\n    PickedVisibilityProps,\n    PickedCalendarProps {\n  /**\n   * @since 10.19.0\n   */\n  value?: Date\n}\n"],"mappings":""}

package/dist/DateSelect/index.js

@@ -1,2 +1,3 @@
 export { DateSelect } from './DateSelect';
+export { DateSelectProps } from './DateSelect.types';
 //# sourceMappingURL=index.js.map

package/dist/DateSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DateSelect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","names":["DateSelect","DateSelectProps"],"sources":["../../src/DateSelect/index.ts"],"sourcesContent":["export { DateSelect } from './DateSelect'\nexport { DateSelectProps } from './DateSelect.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,oBAAoB"}

package/dist/DetailPage/DetailPage.constants.js

@@ -1,47 +1,47 @@
 export var gridConfig = {
-    md: {
-        width: {
-            desktopMd: 8,
-            desktopSm: 8,
-            tabletLg: 8,
-            tabletMd: 10,
-            tabletSm: 12,
-            mobileLg: 12,
-        },
-        offset: {
-            desktopMd: 2,
-            desktopSm: 2,
-            tabletLg: 2,
-            tabletMd: 1,
-            tabletSm: 0,
-            mobileLg: 0,
-        },
+  md: {
+    width: {
+      desktopMd: 8,
+      desktopSm: 8,
+      tabletLg: 8,
+      tabletMd: 10,
+      tabletSm: 12,
+      mobileLg: 12
     },
-    lg: {
-        width: {
-            desktopMd: 10,
-            desktopSm: 10,
-            tabletLg: 10,
-            tabletMd: 10,
-            tabletSm: 12,
-            mobileLg: 12,
-        },
-        offset: {
-            desktopMd: 1,
-            desktopSm: 1,
-            tabletLg: 1,
-            tabletMd: 1,
-            tabletSm: 0,
-            mobileLg: 0,
-        },
-    },
-    xl: {
-        width: 12,
-        offset: 0,
-    },
-    block: {
-        width: 12,
-        offset: 0,
+    offset: {
+      desktopMd: 2,
+      desktopSm: 2,
+      tabletLg: 2,
+      tabletMd: 1,
+      tabletSm: 0,
+      mobileLg: 0
+    }
+  },
+  lg: {
+    width: {
+      desktopMd: 10,
+      desktopSm: 10,
+      tabletLg: 10,
+      tabletMd: 10,
+      tabletSm: 12,
+      mobileLg: 12
     },
+    offset: {
+      desktopMd: 1,
+      desktopSm: 1,
+      tabletLg: 1,
+      tabletMd: 1,
+      tabletSm: 0,
+      mobileLg: 0
+    }
+  },
+  xl: {
+    width: 12,
+    offset: 0
+  },
+  block: {
+    width: 12,
+    offset: 0
+  }
 };
 //# sourceMappingURL=DetailPage.constants.js.map

package/dist/DetailPage/DetailPage.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.constants.js","sourceRoot":"","sources":["../../src/DetailPage/DetailPage.constants.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,IAAM,UAAU,GAGnB;IACF,EAAE,EAAE;QACF,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE;YACL,SAAS,EAAE,EAAE;YACb,SAAS,EAAE,EAAE;YACb,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,EAAE;SACb;QACD,MAAM,EAAE;YACN,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,CAAC;YACZ,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,CAAC;SACZ;KACF;IACD,EAAE,EAAE;QACF,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;KACV;IACD,KAAK,EAAE;QACL,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;KACV;CACF,CAAA"}
+{"version":3,"file":"DetailPage.constants.js","names":["gridConfig","md","width","desktopMd","desktopSm","tabletLg","tabletMd","tabletSm","mobileLg","offset","lg","xl","block"],"sources":["../../src/DetailPage/DetailPage.constants.ts"],"sourcesContent":["import { OffsetByBreakpoint, SpanByBreakpoint } from '../Grid/Grid.types'\nimport { DetailPageWidth } from './DetailPage.types'\n\nexport const gridConfig: Record<\n  DetailPageWidth,\n  { width: SpanByBreakpoint | number; offset: OffsetByBreakpoint | number }\n> = {\n  md: {\n    width: {\n      desktopMd: 8,\n      desktopSm: 8,\n      tabletLg: 8,\n      tabletMd: 10,\n      tabletSm: 12,\n      mobileLg: 12,\n    },\n    offset: {\n      desktopMd: 2,\n      desktopSm: 2,\n      tabletLg: 2,\n      tabletMd: 1,\n      tabletSm: 0,\n      mobileLg: 0,\n    },\n  },\n  lg: {\n    width: {\n      desktopMd: 10,\n      desktopSm: 10,\n      tabletLg: 10,\n      tabletMd: 10,\n      tabletSm: 12,\n      mobileLg: 12,\n    },\n    offset: {\n      desktopMd: 1,\n      desktopSm: 1,\n      tabletLg: 1,\n      tabletMd: 1,\n      tabletSm: 0,\n      mobileLg: 0,\n    },\n  },\n  xl: {\n    width: 12,\n    offset: 0,\n  },\n  block: {\n    width: 12,\n    offset: 0,\n  },\n}\n"],"mappings":"AAGA,OAAO,IAAMA,UAGZ,GAAG;EACFC,EAAE,EAAE;IACFC,KAAK,EAAE;MACLC,SAAS,EAAE,CAAC;MACZC,SAAS,EAAE,CAAC;MACZC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,EAAE;MACZC,QAAQ,EAAE,EAAE;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACNN,SAAS,EAAE,CAAC;MACZC,SAAS,EAAE,CAAC;MACZC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ;EACF,CAAC;EACDE,EAAE,EAAE;IACFR,KAAK,EAAE;MACLC,SAAS,EAAE,EAAE;MACbC,SAAS,EAAE,EAAE;MACbC,QAAQ,EAAE,EAAE;MACZC,QAAQ,EAAE,EAAE;MACZC,QAAQ,EAAE,EAAE;MACZC,QAAQ,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACNN,SAAS,EAAE,CAAC;MACZC,SAAS,EAAE,CAAC;MACZC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE,CAAC;MACXC,QAAQ,EAAE;IACZ;EACF,CAAC;EACDG,EAAE,EAAE;IACFT,KAAK,EAAE,EAAE;IACTO,MAAM,EAAE;EACV,CAAC;EACDG,KAAK,EAAE;IACLV,KAAK,EAAE,EAAE;IACTO,MAAM,EAAE;EACV;AACF,CAAC"}

package/dist/DetailPage/DetailPage.js

@@ -1,25 +1,8 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["width", "children"],
+  _excluded2 = ["children"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
 import { Grid } from '../Grid/Grid';
 import { Page } from '../PageLayout/PageLayout';
@@ -27,45 +10,66 @@ import { Section, SectionProvider } from '../Section/Section';
 import { H1 } from '../Semantic/Semantic';
 import { addSubcomponents } from '../_utils/addSubcomponents';
 import { gridConfig } from './DetailPage.constants';
-import { StyledDetailPageBody, StyledDetailPageCard, StyledDetailPageFooter, StyledDetailPageFooterActions, StyledDetailPageFooterContent, StyledDetailPageFooterNotation, } from './DetailPage.styles';
-export var DetailPageViewContext = React.createContext({
-    width: 'md',
+import { StyledDetailPageBody, StyledDetailPageCard, StyledDetailPageFooter, StyledDetailPageFooterActions, StyledDetailPageFooterContent, StyledDetailPageFooterNotation } from './DetailPage.styles';
+export var DetailPageViewContext = /*#__PURE__*/React.createContext({
+  width: 'md'
 });
-var DetailPage_ = React.forwardRef(function DetailPage_(_a, ref) {
-    var _b = _a.width, width = _b === void 0 ? 'md' : _b, children = _a.children, props = __rest(_a, ["width", "children"]);
-    return (React.createElement(DetailPageViewContext.Provider, { value: { width: width } },
-        React.createElement(Page, __assign({ ref: ref }, props), children)));
+var DetailPage_ = /*#__PURE__*/React.forwardRef(function DetailPage_(_ref, ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'md' : _ref$width,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(DetailPageViewContext.Provider, {
+    value: {
+      width: width
+    }
+  }, /*#__PURE__*/React.createElement(Page, _extends({
+    ref: ref
+  }, props), children));
 });
-export var Heading = React.forwardRef(function Heading(props, ref) {
-    return React.createElement(H1, __assign({ ref: ref }, props));
+export var Heading = /*#__PURE__*/React.forwardRef(function Heading(props, ref) {
+  return /*#__PURE__*/React.createElement(H1, _extends({
+    ref: ref
+  }, props));
 });
-export var Body = React.forwardRef(function Body(props, ref) {
-    var width = React.useContext(DetailPageViewContext).width;
-    return (React.createElement(Page.Body, null,
-        React.createElement(Grid.Row, null,
-            React.createElement(Grid.Col, { colWidth: gridConfig[width].width, colStart: gridConfig[width].offset },
-                React.createElement(StyledDetailPageBody, __assign({ ref: ref }, props))))));
+export var Body = /*#__PURE__*/React.forwardRef(function Body(props, ref) {
+  var _React$useContext = React.useContext(DetailPageViewContext),
+    width = _React$useContext.width;
+  return /*#__PURE__*/React.createElement(Page.Body, null, /*#__PURE__*/React.createElement(Grid.Row, null, /*#__PURE__*/React.createElement(Grid.Col, {
+    colWidth: gridConfig[width].width,
+    colStart: gridConfig[width].offset
+  }, /*#__PURE__*/React.createElement(StyledDetailPageBody, _extends({
+    ref: ref
+  }, props)))));
 });
-export var Footer = React.forwardRef(function Footer(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledDetailPageFooter, __assign({ ref: ref }, props),
-        React.createElement(StyledDetailPageFooterContent, null, children)));
+export var Footer = /*#__PURE__*/React.forwardRef(function Footer(_ref2, ref) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(StyledDetailPageFooter, _extends({
+    ref: ref
+  }, props), /*#__PURE__*/React.createElement(StyledDetailPageFooterContent, null, children));
 });
-export var FooterNotation = React.forwardRef(function FooterNotation(props, ref) {
-    return React.createElement(StyledDetailPageFooterNotation, __assign({ ref: ref }, props));
+export var FooterNotation = /*#__PURE__*/React.forwardRef(function FooterNotation(props, ref) {
+  return /*#__PURE__*/React.createElement(StyledDetailPageFooterNotation, _extends({
+    ref: ref
+  }, props));
 });
-export var FooterActions = React.forwardRef(function Actions(props, ref) {
-    return React.createElement(StyledDetailPageFooterActions, __assign({ ref: ref }, props));
+export var FooterActions = /*#__PURE__*/React.forwardRef(function Actions(props, ref) {
+  return /*#__PURE__*/React.createElement(StyledDetailPageFooterActions, _extends({
+    ref: ref
+  }, props));
 });
-export var Card = React.forwardRef(function Card(props, ref) {
-    return (React.createElement(SectionProvider, null,
-        React.createElement(StyledDetailPageCard, __assign({ ref: ref }, props))));
+export var Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
+  return /*#__PURE__*/React.createElement(SectionProvider, null, /*#__PURE__*/React.createElement(StyledDetailPageCard, _extends({
+    ref: ref
+  }, props)));
 });
 DetailPage_.displayName = 'DetailPage';
 Heading.displayName = 'DetailPage.Heading';
 Body.displayName = 'DetailPage.Body';
 Footer.displayName = 'DetailPage.Footer';
 Card.displayName = 'DetailPage.Card';
+
 /**
 
  A detail page is used when an object is selected from a list page. The layout
@@ -105,19 +109,19 @@ Card.displayName = 'DetailPage.Card';
 
  */
 export var DetailPage = addSubcomponents({
-    Main: Page.Main,
-    Header: Page.Header,
-    Breadcrumbs: Page.Breadcrumbs,
-    Card: Card,
-    Banner: Page.Banner,
-    Title: Page.Title,
-    Heading: Heading,
-    Tabs: Page.Tabs,
-    Footer: Footer,
-    FooterActions: FooterActions,
-    FooterNotation: FooterNotation,
-    Section: Section,
-    Body: Body,
-    Aside: Page.Aside,
+  Main: Page.Main,
+  Header: Page.Header,
+  Breadcrumbs: Page.Breadcrumbs,
+  Card: Card,
+  Banner: Page.Banner,
+  Title: Page.Title,
+  Heading: Heading,
+  Tabs: Page.Tabs,
+  Footer: Footer,
+  FooterActions: FooterActions,
+  FooterNotation: FooterNotation,
+  Section: Section,
+  Body: Body,
+  Aside: Page.Aside
 }, DetailPage_);
 //# sourceMappingURL=DetailPage.js.map

package/dist/DetailPage/DetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.js","sourceRoot":"","sources":["../../src/DetailPage/DetailPage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"DetailPage.js","names":["React","Grid","Page","Section","SectionProvider","H1","addSubcomponents","gridConfig","StyledDetailPageBody","StyledDetailPageCard","StyledDetailPageFooter","StyledDetailPageFooterActions","StyledDetailPageFooterContent","StyledDetailPageFooterNotation","DetailPageViewContext","createContext","width","DetailPage_","forwardRef","_ref","ref","_ref$width","children","props","_objectWithoutProperties","_excluded","createElement","Provider","value","_extends","Heading","Body","_React$useContext","useContext","Row","Col","colWidth","colStart","offset","Footer","_ref2","_excluded2","FooterNotation","FooterActions","Actions","Card","displayName","DetailPage","Main","Header","Breadcrumbs","Banner","Title","Tabs","Aside"],"sources":["../../src/DetailPage/DetailPage.tsx"],"sourcesContent":["import React from 'react'\nimport { Grid } from '../Grid/Grid'\nimport { Page } from '../PageLayout/PageLayout'\nimport {\n  PageComponentProps,\n  PageFooterProps,\n} from '../PageLayout/PageLayout.types'\nimport { Section, SectionProvider } from '../Section/Section'\nimport { H1 } from '../Semantic/Semantic'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { Props } from '../_utils/types'\nimport { gridConfig } from './DetailPage.constants'\nimport {\n  StyledDetailPageBody,\n  StyledDetailPageCard,\n  StyledDetailPageFooter,\n  StyledDetailPageFooterActions,\n  StyledDetailPageFooterContent,\n  StyledDetailPageFooterNotation,\n} from './DetailPage.styles'\nimport { DetailPageProps, DetailPageWidth } from './DetailPage.types'\n\nexport const DetailPageViewContext = React.createContext<{\n  width: DetailPageWidth\n}>({\n  width: 'md',\n})\n\nconst DetailPage_ = React.forwardRef<HTMLDivElement, DetailPageProps>(\n  function DetailPage_({ width = 'md', children, ...props }, ref) {\n    return (\n      <DetailPageViewContext.Provider value={{ width }}>\n        <Page ref={ref} {...props}>\n          {children}\n        </Page>\n      </DetailPageViewContext.Provider>\n    )\n  }\n)\n\nexport const Heading = React.forwardRef<HTMLDivElement, Props>(function Heading(\n  props,\n  ref\n) {\n  return <H1 ref={ref} {...props} />\n})\n\nexport const Body = React.forwardRef<HTMLDivElement, PageComponentProps>(\n  function Body(props, ref) {\n    const { width } = React.useContext(DetailPageViewContext)\n\n    return (\n      <Page.Body>\n        <Grid.Row>\n          <Grid.Col\n            colWidth={gridConfig[width].width}\n            colStart={gridConfig[width].offset}\n          >\n            <StyledDetailPageBody ref={ref} {...props} />\n          </Grid.Col>\n        </Grid.Row>\n      </Page.Body>\n    )\n  }\n)\n\nexport const Footer = React.forwardRef<HTMLDivElement, PageFooterProps>(\n  function Footer({ children, ...props }, ref) {\n    return (\n      <StyledDetailPageFooter ref={ref} {...props}>\n        <StyledDetailPageFooterContent>\n          {children}\n        </StyledDetailPageFooterContent>\n      </StyledDetailPageFooter>\n    )\n  }\n)\n\nexport const FooterNotation = React.forwardRef<HTMLDivElement, Props>(\n  function FooterNotation(props, ref) {\n    return <StyledDetailPageFooterNotation ref={ref} {...props} />\n  }\n)\n\nexport const FooterActions = React.forwardRef<HTMLDivElement, Props>(\n  function Actions(props, ref) {\n    return <StyledDetailPageFooterActions ref={ref} {...props} />\n  }\n)\n\nexport const Card = React.forwardRef<HTMLDivElement, Props>(function Card(\n  props,\n  ref\n) {\n  return (\n    <SectionProvider>\n      <StyledDetailPageCard ref={ref} {...props} />\n    </SectionProvider>\n  )\n})\n\nDetailPage_.displayName = 'DetailPage'\nHeading.displayName = 'DetailPage.Heading'\nBody.displayName = 'DetailPage.Body'\nFooter.displayName = 'DetailPage.Footer'\nCard.displayName = 'DetailPage.Card'\n\n/**\n\n A detail page is used when an object is selected from a list page. The layout\n can adhere to varying predefined widths depending on use case.\n\n  - DetailPage\n    - DetailPage.Main\n      - DetailPage.Header\n        - DetailPage.Breadcrumbs\n          - Breadcrumbs\n        - DetailPage.Banner\n          - Banner\n        - DetailPage.Title\n          - Title or H1\n        - DetailPage.Tabs\n          - Tabs\n      - DetailPage.Body\n        - DetailPage.Title\n        - DetailPage.Banner\n        - DetailPage.Card\n          - DetailPage.Banner\n          - DetailPage.Section\n            - DetailPage.Section\n          - DetailPage.Section\n      - DetailPage.Footer\n        - DetailPage.FooterNotation\n        - DetailPage.FooterActions\n          - Button\n    - DetailPage.Aside\n      - Panel\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-detailpage--edit)\n\n @see [Design Guidelines](https://design.procore.com/detail)\n\n */\nexport const DetailPage = addSubcomponents(\n  {\n    Main: Page.Main,\n    Header: Page.Header,\n    Breadcrumbs: Page.Breadcrumbs,\n    Card,\n    Banner: Page.Banner,\n    Title: Page.Title,\n    Heading,\n    Tabs: Page.Tabs,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Section,\n    Body,\n    Aside: Page.Aside,\n  },\n  DetailPage_\n)\n"],"mappings":"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"}

package/dist/DetailPage/DetailPage.styles.js

@@ -1,22 +1,38 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled from 'styled-components';
 import { Box } from '../Box/Box';
 import { Card } from '../Card/Card';
 import { Page } from '../PageLayout/PageLayout';
-import { getActions, StyledPageBanner, StyledPageTitle, } from '../PageLayout/PageLayout.styles';
-import { sectionClassnames, StyledSection, StyledSectionInner, } from '../Section/Section.styles';
+import { getActions, StyledPageBanner, StyledPageTitle } from '../PageLayout/PageLayout.styles';
+import { sectionClassnames, StyledSection, StyledSectionInner } from '../Section/Section.styles';
 import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
-export var StyledDetailPage = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  background-color: ", ";\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n"])), colors.gray96);
-export var StyledDetailPageBody = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding-bottom: ", "px;\n\n  > ", ":first-child, > ", " {\n    margin-top: ", "px;\n  }\n"], ["\n  padding-bottom: ", "px;\n\n  > ", ":first-child, > ", " {\n    margin-top: ", "px;\n  }\n"])), spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
-export var StyledDetailPageFooterNotation = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex-grow: 1;\n  z-index: 1;\n"], ["\n  flex-grow: 1;\n  z-index: 1;\n"])));
-export var StyledDetailPageFooter = styled(Page.Footer)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  padding: ", "px 0;\n  background-color: ", ";\n  justify-content: center;\n"], ["\n  display: flex;\n  padding: ", "px 0;\n  background-color: ", ";\n  justify-content: center;\n"])), spacing.lg, colors.white);
-export var StyledDetailPageFooterActions = styled(Box)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getActions());
+export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDetailPage",
+  componentId: "core-11_23_0__sc-cytnlo-0"
+})(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
+export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDetailPageBody",
+  componentId: "core-11_23_0__sc-cytnlo-1"
+})(["padding-bottom:", "px;> ", ":first-child,> ", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
+export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDetailPageFooterNotation",
+  componentId: "core-11_23_0__sc-cytnlo-2"
+})(["flex-grow:1;z-index:1;"]);
+export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
+  displayName: "StyledDetailPageFooter",
+  componentId: "core-11_23_0__sc-cytnlo-3"
+})(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
+export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
+  displayName: "StyledDetailPageFooterActions",
+  componentId: "core-11_23_0__sc-cytnlo-4"
+})(["", ""], getActions());
 var maxFooterContentWidth = 1920;
-export var StyledDetailPageFooterContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ", "px;\n  max-width: ", "px;\n"], ["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ", "px;\n  max-width: ", "px;\n"])), spacing.xl, maxFooterContentWidth);
-export var StyledDetailPageCard = styled(Card)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  margin-top: ", "px;\n  width: 100%;\n\n  & > ", " {\n    padding: ", "px ", "px 0 ", "px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ", " + ", " > ", " {\n    border-top: 0;\n  }\n\n  > .", ":first-child\n    + .", ",\n    > ", "\n    + .", "\n    + .", " {\n    margin-top: ", "px;\n  }\n"], ["\n  margin-top: ", "px;\n  width: 100%;\n\n  & > ", " {\n    padding: ", "px ", "px 0 ", "px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ", " + ", " > ", " {\n    border-top: 0;\n  }\n\n  > .", ":first-child\n    + .", ",\n    > ", "\n    + .", "\n    + .", " {\n    margin-top: ", "px;\n  }\n"])), spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledDetailPageFooterContent",
+  componentId: "core-11_23_0__sc-cytnlo-5"
+})(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
+export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
+  displayName: "StyledDetailPageCard",
+  componentId: "core-11_23_0__sc-cytnlo-6"
+})(["margin-top:", "px;width:100%;& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

package/dist/DetailPage/DetailPage.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.styles.js","sourceRoot":"","sources":["../../src/DetailPage/DetailPage.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AAC/C,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,eAAe,GAChB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,iBAAiB,EACjB,aAAa,EACb,kBAAkB,GACnB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kPAAA,wBACpB,EAAa,qJAOlC,KAPqB,MAAM,CAAC,MAAM,CAOlC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,kKAAA,sBAC1B,EAAU,aAExB,EAAgB,kBAAmB,EAAe,sBACtC,EAAU,YAE3B,KALmB,OAAO,CAAC,EAAE,EAExB,gBAAgB,EAAmB,eAAe,EACtC,OAAO,CAAC,EAAE,CAE3B,CAAA;AAED,MAAM,CAAC,IAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,uGAAA,oCAGvD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,sKAAA,iCAE5C,EAAU,6BACD,EAAY,iCAEjC,KAHY,OAAO,CAAC,EAAE,EACD,MAAM,CAAC,KAAK,CAEjC,CAAA;AAED,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAC,+EAAA,MACpD,EAAY,IACf,KADG,UAAU,EAAE,CACf,CAAA;AAED,IAAM,qBAAqB,GAAG,IAAI,CAAA;AAElC,MAAM,CAAC,IAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,2MAAA,yGAKxC,EAAU,oBACV,EAAqB,OACnC,KAFc,OAAO,CAAC,EAAE,EACV,qBAAqB,CACnC,CAAA;AAED,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,8YAAA,kBAChC,EAAU,+BAGlB,EAAgB,mBACT,EAAU,KAAM,EAAU,OAAQ,EAAU,qFAQnD,EAAgB,KAAM,EAAa,KAAM,EAAkB,sCAI5D,EAAgC,uBAC9B,EAA0B,WAC3B,EAAgB,WACf,EAAgC,WAChC,EAA0B,sBACjB,EAAgB,YAEjC,KAvBe,OAAO,CAAC,EAAE,EAGlB,gBAAgB,EACT,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAAQ,OAAO,CAAC,EAAE,EAQnD,gBAAgB,EAAM,aAAa,EAAM,kBAAkB,EAI5D,iBAAiB,CAAC,cAAc,EAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EAC3B,gBAAgB,EACf,iBAAiB,CAAC,cAAc,EAChC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,EACjB,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAEjC,CAAA"}
+{"version":3,"file":"DetailPage.styles.js","names":["styled","Box","Card","Page","getActions","StyledPageBanner","StyledPageTitle","sectionClassnames","StyledSection","StyledSectionInner","colors","spacing","StyledDetailPage","div","withConfig","displayName","componentId","gray96","StyledDetailPageBody","xl","StyledDetailPageFooterNotation","StyledDetailPageFooter","Footer","lg","white","StyledDetailPageFooterActions","maxFooterContentWidth","StyledDetailPageFooterContent","StyledDetailPageCard","levelAnonymous","level","xxl"],"sources":["../../src/DetailPage/DetailPage.styles.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Box } from '../Box/Box'\nimport { Card } from '../Card/Card'\nimport { Page } from '../PageLayout/PageLayout'\nimport {\n  getActions,\n  StyledPageBanner,\n  StyledPageTitle,\n} from '../PageLayout/PageLayout.styles'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionInner,\n} from '../Section/Section.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledDetailPage = styled.div`\n  background-color: ${colors.gray96};\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n`\n\nexport const StyledDetailPageBody = styled.div`\n  padding-bottom: ${spacing.xl}px;\n\n  > ${StyledPageBanner}:first-child, > ${StyledPageTitle} {\n    margin-top: ${spacing.xl}px;\n  }\n`\n\nexport const StyledDetailPageFooterNotation = styled.div`\n  flex-grow: 1;\n  z-index: 1;\n`\n\nexport const StyledDetailPageFooter = styled(Page.Footer)`\n  display: flex;\n  padding: ${spacing.lg}px 0;\n  background-color: ${colors.white};\n  justify-content: center;\n`\n\nexport const StyledDetailPageFooterActions = styled(Box)`\n  ${getActions()}\n`\n\nconst maxFooterContentWidth = 1920\n\nexport const StyledDetailPageFooterContent = styled.div`\n  width: 100%;\n  align-items: center;\n  display: flex;\n  justify-content: flex-end;\n  padding: 0 ${spacing.xl}px;\n  max-width: ${maxFooterContentWidth}px;\n`\n\nexport const StyledDetailPageCard = styled(Card)`\n  margin-top: ${spacing.xl}px;\n  width: 100%;\n\n  & > ${StyledPageBanner} {\n    padding: ${spacing.xl}px ${spacing.xl}px 0 ${spacing.xl}px;\n    max-width: 100%;\n\n    &:empty {\n      padding: 0;\n    }\n  }\n\n  & > ${StyledPageBanner} + ${StyledSection} > ${StyledSectionInner} {\n    border-top: 0;\n  }\n\n  > .${sectionClassnames.levelAnonymous}:first-child\n    + .${sectionClassnames.level(2)},\n    > ${StyledPageBanner}\n    + .${sectionClassnames.levelAnonymous}\n    + .${sectionClassnames.level(2)} {\n    margin-top: ${spacing.xxl * -1}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SACEC,UAAU,EACVC,gBAAgB,EAChBC,eAAe,QACV,iCAAiC;AACxC,SACEC,iBAAiB,EACjBC,aAAa,EACbC,kBAAkB,QACb,2BAA2B;AAClC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,gBAAgB,gBAAGZ,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iJACpBN,MAAM,CAACO,MAAM,CAOlC;AAED,OAAO,IAAMC,oBAAoB,gBAAGlB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4EAC1BL,OAAO,CAACQ,EAAE,EAExBd,gBAAgB,EAAmBC,eAAe,EACtCK,OAAO,CAACQ,EAAE,CAE3B;AAED,OAAO,IAAMC,8BAA8B,gBAAGpB,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAGvD;AAED,OAAO,IAAMK,sBAAsB,gBAAGrB,MAAM,CAACG,IAAI,CAACmB,MAAM,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oFAE5CL,OAAO,CAACY,EAAE,EACDb,MAAM,CAACc,KAAK,CAEjC;AAED,OAAO,IAAMC,6BAA6B,gBAAGzB,MAAM,CAACC,GAAG,CAAC,CAAAa,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpDZ,UAAU,CAAC,CAAC,CACf;AAED,IAAMsB,qBAAqB,GAAG,IAAI;AAElC,OAAO,IAAMC,6BAA6B,gBAAG3B,MAAM,CAACa,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+GAKxCL,OAAO,CAACQ,EAAE,EACVO,qBAAqB,CACnC;AAED,OAAO,IAAME,oBAAoB,gBAAG5B,MAAM,CAACE,IAAI,CAAC,CAAAY,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4NAChCL,OAAO,CAACQ,EAAE,EAGlBd,gBAAgB,EACTM,OAAO,CAACQ,EAAE,EAAMR,OAAO,CAACQ,EAAE,EAAQR,OAAO,CAACQ,EAAE,EAQnDd,gBAAgB,EAAMG,aAAa,EAAMC,kBAAkB,EAI5DF,iBAAiB,CAACsB,cAAc,EAC9BtB,iBAAiB,CAACuB,KAAK,CAAC,CAAC,CAAC,EAC3BzB,gBAAgB,EACfE,iBAAiB,CAACsB,cAAc,EAChCtB,iBAAiB,CAACuB,KAAK,CAAC,CAAC,CAAC,EACjBnB,OAAO,CAACoB,GAAG,GAAG,CAAC,CAAC,CAEjC"}

package/dist/DetailPage/DetailPage.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailPage.types.js","sourceRoot":"","sources":["../../src/DetailPage/DetailPage.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"DetailPage.types.js","names":[],"sources":["../../src/DetailPage/DetailPage.types.ts"],"sourcesContent":["import { PageAsideProps, PageHeaderProps } from '../PageLayout/PageLayout.types'\nimport { SectionProps } from '../Section/Section.types'\nimport { Props } from '../_utils/types'\n\nexport type DetailPageWidth = 'md' | 'lg' | 'xl' | 'block'\n\nexport interface DetailPageProps extends Props {\n  /**\n   * @description Width of the content\n   * @since 10.19.0\n   */\n  width?: DetailPageWidth\n}\nexport interface DetailPageAsideProps extends PageAsideProps {}\n\nexport interface DetailPageHeaderProps extends PageHeaderProps {}\n\nexport interface DetailPageSectionProps extends SectionProps {}\n"],"mappings":""}

package/dist/DetailPage/RankedHeading.js

@@ -1,14 +1,14 @@
 import React from 'react';
 import { H1, H2, H3 } from '../Semantic/Semantic';
-export var RankedHeadingContext = React.createContext({
-    rank: 1,
+export var RankedHeadingContext = /*#__PURE__*/React.createContext({
+  rank: 1
 });
 export var headingsByRank = {
-    1: H1,
-    2: H2,
-    3: H3,
-    4: H3,
-    5: H3,
-    6: H3,
+  1: H1,
+  2: H2,
+  3: H3,
+  4: H3,
+  5: H3,
+  6: H3
 };
 //# sourceMappingURL=RankedHeading.js.map

package/dist/DetailPage/RankedHeading.js.map

@@ -1 +1 @@
-{"version":3,"file":"RankedHeading.js","sourceRoot":"","sources":["../../src/DetailPage/RankedHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,sBAAsB,CAAA;AAEjD,MAAM,CAAC,IAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAmB;IACxE,IAAI,EAAE,CAAC;CACR,CAAC,CAAA;AAEF,MAAM,CAAC,IAAM,cAAc,GACzB;IACE,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;CACN,CAAA"}
+{"version":3,"file":"RankedHeading.js","names":["React","H1","H2","H3","RankedHeadingContext","createContext","rank","headingsByRank"],"sources":["../../src/DetailPage/RankedHeading.tsx"],"sourcesContent":["import React from 'react'\nimport { H1, H2, H3 } from '../Semantic/Semantic'\n\nexport const RankedHeadingContext = React.createContext<{ rank: number }>({\n  rank: 1,\n})\n\nexport const headingsByRank: Record<number, typeof H1 | typeof H2 | typeof H3> =\n  {\n    1: H1,\n    2: H2,\n    3: H3,\n    4: H3,\n    5: H3,\n    6: H3,\n  }\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,EAAE,EAAEC,EAAE,QAAQ,sBAAsB;AAEjD,OAAO,IAAMC,oBAAoB,gBAAGJ,KAAK,CAACK,aAAa,CAAmB;EACxEC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,OAAO,IAAMC,cAAiE,GAC5E;EACE,CAAC,EAAEN,EAAE;EACL,CAAC,EAAEC,EAAE;EACL,CAAC,EAAEC,EAAE;EACL,CAAC,EAAEA,EAAE;EACL,CAAC,EAAEA,EAAE;EACL,CAAC,EAAEA;AACL,CAAC"}

package/dist/DetailPage/index.js

@@ -1,2 +1,3 @@
 export { DetailPage, DetailPageViewContext } from './DetailPage';
+export { DetailPageAsideProps, DetailPageHeaderProps, DetailPageProps, DetailPageSectionProps } from './DetailPage.types';
 //# sourceMappingURL=index.js.map

package/dist/DetailPage/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/DetailPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","names":["DetailPage","DetailPageViewContext","DetailPageAsideProps","DetailPageHeaderProps","DetailPageProps","DetailPageSectionProps"],"sources":["../../src/DetailPage/index.ts"],"sourcesContent":["export { DetailPage, DetailPageViewContext } from './DetailPage'\nexport {\n  DetailPageAsideProps,\n  DetailPageHeaderProps,\n  DetailPageProps,\n  DetailPageSectionProps,\n} from './DetailPage.types'\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,qBAAqB,QAAQ,cAAc;AAChE,SACEC,oBAAoB,EACpBC,qBAAqB,EACrBC,eAAe,EACfC,sBAAsB,QACjB,oBAAoB"}