@elliemae/ds-mobile 2.2.0-alpha.3 → 3.0.0-next.0

package/esm/MobileCard/Card.js

@@ -1,152 +1,131 @@
-import * as React from "react";
-import React2, { useRef } from "react";
-import { describe } from "react-desc";
-import styled from "styled-components";
-import { space } from "@xstyled/styled-components";
-import { color, border, op, truncate, withTheme, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
-import GroupItem from "@elliemae/ds-shared/GroupContext/GroupItem";
-import { Grid } from "@elliemae/ds-grid";
-import { StyledCard as Card } from "./StyledCard";
-import { ExpandChevron } from "./ExpandChevron";
-import { useHeight } from "./useHeight";
-import { ExpandableRegion } from "./ExpandableRegion";
-import { cardPropsTypes } from "./props";
-const TitleEllipsis = styled.div`
-  ${truncate()}
-`;
-const Title = styled.div`
-  ${space}
-  ${truncate()}
-  font-weight: ${(props) => props.theme.fontWeights.semibold};
-  font-size: ${(props) => toMobile(props.theme.fontSizes.title[600])};
-  width: 100%;
-  ${color("neutral", 800)}
-`;
-const Detail = styled.span`
-  ${space}
-  ${truncate()}
-  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-`;
-const SubText = styled.span`
-  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
-  ${truncate()}
-  &:nth-child(2) {
-    padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
-  }
-`;
-const SubTextWrap = styled.div`
-  ${truncate()}
-  border-top: ${(props) => border(props.theme.colors.neutral["300"])};
-  margin-top: 6px;
-  margin-bottom: 2px;
-  padding-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
-  font-size: ${(props) => toMobile(props.theme.fontSizes.subTitle[400])};
-  ${color("neutral", 500)}
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  display: flex;
-  justify-content: space-between;
-`;
-const LeftIcon = styled(Grid)`
-  & > span {
-    height: ${(props) => props.halfM};
-    width: ${(props) => props.halfM};
-  }
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { useRef } from 'react';
+import { describe } from 'react-desc';
+import styled from 'styled-components';
+import { space } from '@xstyled/styled-components';
+import { truncate, toMobile, color, __UNSAFE_SPACE_TO_DIMSUM, border, withTheme, op } from '@elliemae/ds-system';
+import GroupItem from '@elliemae/ds-shared/GroupContext/GroupItem';
+import { Grid } from '@elliemae/ds-grid';
+import { StyledCard } from './StyledCard.js';
+import { ExpandChevron } from './ExpandChevron.js';
+import { useHeight } from './useHeight.js';
+import { ExpandableRegion } from './ExpandableRegion.js';
+import { cardPropsTypes } from './props.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
-  & > span > svg,
-  svg:not([fill]) {
-    height: ${(props) => props.halfM};
-    width: ${(props) => props.halfM};
-  }
-`;
-const CenterWrap = styled.div`
-  display: flex;
-  align-items: center;
-  ${truncate()}
-`;
-const MobileCard = ({
-  children,
-  height = "m",
-  leftAddOn,
-  leftProp,
-  rightProp,
-  subText,
-  subIcons,
-  details,
-  theme,
-  expandable = false,
-  expandedContent,
-  value,
-  cardContent
-}) => {
+const TitleEllipsis = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-10tpzm8-0"
+})(["", ""], truncate());
+const Title = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-10tpzm8-1"
+})(["", " ", " font-weight:", ";font-size:", ";width:100%;", ""], space, truncate(), props => props.theme.fontWeights.semibold, props => toMobile(props.theme.fontSizes.title[600]), color('neutral', 800));
+const Detail = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-10tpzm8-2"
+})(["", " ", " font-size:", ";font-weight:", ";"], space, truncate(), props => toMobile(props.theme.fontSizes.title[500]), props => props.theme.fontWeights.regular);
+const SubText = /*#__PURE__*/styled.span.withConfig({
+  componentId: "sc-10tpzm8-3"
+})(["margin-top:", ";", " &:nth-child(2){padding-left:", ";}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), truncate(), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s));
+const SubTextWrap = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-10tpzm8-4"
+})(["", " border-top:", ";margin-top:6px;margin-bottom:2px;padding-bottom:", ";font-size:", ";", " font-weight:", ";display:flex;justify-content:space-between;"], truncate(), props => border(props.theme.colors.neutral['300']), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => toMobile(props.theme.fontSizes.subTitle[400]), color('neutral', 500), props => props.theme.fontWeights.regular);
+const LeftIcon = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-10tpzm8-5"
+})(["& > span{height:", ";width:", ";}& > span > svg,svg:not([fill]){height:", ";width:", ";}"], props => props.halfM, props => props.halfM, props => props.halfM, props => props.halfM);
+const CenterWrap = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-10tpzm8-6"
+})(["display:flex;align-items:center;", ""], truncate());
+
+const MobileCard = _ref => {
+  var _TitleEllipsis, _SubText, _Grid;
+
+  let {
+    children,
+    height = 'm',
+    leftAddOn,
+    leftProp,
+    rightProp,
+    subText,
+    subIcons,
+    details,
+    theme,
+    expandable = false,
+    expandedContent,
+    value,
+    cardContent
+  } = _ref;
   const subTextRef = useRef(null);
   const subTextHeight = useHeight(subTextRef);
   const isJustChildren = !(subText || subIcons || details);
-  const halfM = op("/", __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);
-  return /* @__PURE__ */ React2.createElement(GroupItem, {
-    render: (context = {}) => {
-      const { activeValue, onChange } = context;
-      const selected = activeValue !== void 0 && (activeValue === value || activeValue?.length && activeValue?.includes(value));
-      return /* @__PURE__ */ React2.createElement(Card, {
+  const halfM = op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.m), 2);
+  return /*#__PURE__*/_jsx(GroupItem, {
+    render: function () {
+      let context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const {
+        activeValue,
+        onChange
+      } = context;
+      const selected = activeValue !== undefined && (activeValue === value || (activeValue === null || activeValue === void 0 ? void 0 : activeValue.length) && (activeValue === null || activeValue === void 0 ? void 0 : activeValue.includes(value)));
+      return /*#__PURE__*/_jsx(StyledCard, {
         "data-testid": "card-wrapper",
-        minHeight: height === "m" ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)
-      }, expandable && /* @__PURE__ */ React2.createElement(ExpandChevron, {
+        minHeight: height === 'm' ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl)
+      }, void 0, expandable && /*#__PURE__*/_jsx(ExpandChevron, {
         isExpanded: selected,
-        onClick: (e) => {
+        onClick: e => {
           e.stopPropagation();
-          onChange({ target: { value } });
+          onChange({
+            target: {
+              value
+            }
+          });
         },
-        align: subText || subIcons ? "top" : "center"
-      }), /* @__PURE__ */ React2.createElement(Grid, {
+        align: subText || subIcons ? 'top' : 'center'
+      }), /*#__PURE__*/_jsx(Grid, {
         pb: (subText || subIcons) && subTextHeight,
-        cols: ["auto", "auto"],
+        cols: ['auto', 'auto'],
         alignItems: "center"
-      }, leftProp && /* @__PURE__ */ React2.createElement(Grid, {
+      }, void 0, leftProp && /*#__PURE__*/_jsx(Grid, {
         ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
-      }, leftProp), leftAddOn && /* @__PURE__ */ React2.createElement(LeftIcon, {
+      }, void 0, leftProp), leftAddOn && /*#__PURE__*/_jsx(LeftIcon, {
         ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-        halfM
-      }, leftAddOn)), /* @__PURE__ */ React2.createElement(Grid, {
+        halfM: halfM
+      }, void 0, leftAddOn)), /*#__PURE__*/_jsx(Grid, {
         pl: !leftAddOn ? __UNSAFE_SPACE_TO_DIMSUM(theme.space.s) : __UNSAFE_SPACE_TO_DIMSUM(theme.space.xs),
         pr: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
         width: "100%"
-      }, /* @__PURE__ */ React2.createElement(CenterWrap, null, /* @__PURE__ */ React2.createElement(Title, {
+      }, void 0, /*#__PURE__*/_jsx(CenterWrap, {}, void 0, /*#__PURE__*/_jsx(Title, {
         pt: !isJustChildren && halfM,
         "data-testid": "card-title"
-      }, /* @__PURE__ */ React2.createElement(TitleEllipsis, null, children), details && /* @__PURE__ */ React2.createElement(Grid, {
+      }, void 0, _TitleEllipsis || (_TitleEllipsis = /*#__PURE__*/_jsx(TitleEllipsis, {}, void 0, children)), details && /*#__PURE__*/_jsx(Grid, {
         "data-testid": "card-details",
-        cols: details.map(() => "min-content"),
+        cols: details.map(() => 'min-content'),
         mb: !(subText || subIcons) && halfM || 0,
-        pt: op("/", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)
-      }, details.map((d, i) => /* @__PURE__ */ React2.createElement(Detail, {
-        key: i
-      }, d, i < details.length - 1 && /* @__PURE__ */ React2.createElement(Detail, {
+        pt: op('/', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs), 2)
+      }, void 0, details.map((d, i) => /*#__PURE__*/_jsx(Detail, {}, i, d, i < details.length - 1 && /*#__PURE__*/_jsx(Detail, {
         px: __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxs)
-      }, "\u2022"))))), rightProp && rightProp.map((prop, i) => /* @__PURE__ */ React2.createElement(Grid, {
-        ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s),
-        key: i
-      }, prop))), subIcons && /* @__PURE__ */ React2.createElement(SubTextWrap, {
-        ref: subTextRef
-      }, /* @__PURE__ */ React2.createElement(SubText, null, subIcons), subText && subText[1] && /* @__PURE__ */ React2.createElement(SubText, {
-        "data-testid": "card-subText"
-      }, subText[1])), subText && !subIcons && /* @__PURE__ */ React2.createElement(SubTextWrap, {
-        ref: subTextRef
-      }, subText.map((s, i) => /* @__PURE__ */ React2.createElement(SubText, {
-        "data-testid": "card-subText",
-        key: i
-      }, s))), /* @__PURE__ */ React2.createElement(ExpandableRegion, {
+      }, void 0, "\u2022"))))), rightProp && rightProp.map((prop, i) => /*#__PURE__*/_jsx(Grid, {
+        ml: __UNSAFE_SPACE_TO_DIMSUM(theme.space.s)
+      }, i, prop))), subIcons && /*#__PURE__*/jsxs(SubTextWrap, {
+        ref: subTextRef,
+        children: [_SubText || (_SubText = /*#__PURE__*/_jsx(SubText, {}, void 0, subIcons)), subText && subText[1] && /*#__PURE__*/_jsx(SubText, {
+          "data-testid": "card-subText"
+        }, void 0, subText[1])]
+      }), subText && !subIcons && /*#__PURE__*/jsx(SubTextWrap, {
+        ref: subTextRef,
+        children: subText.map((s, i) => /*#__PURE__*/_jsx(SubText, {
+          "data-testid": "card-subText"
+        }, i, s))
+      }), /*#__PURE__*/_jsx(ExpandableRegion, {
         show: selected,
         content: expandedContent
-      }), cardContent && /* @__PURE__ */ React2.createElement(Grid, null, cardContent)));
+      }), cardContent && (_Grid || (_Grid = /*#__PURE__*/_jsx(Grid, {}, void 0, cardContent)))));
     }
   });
 };
-MobileCard.propTypes = cardPropsTypes;
+
 const DSMobileCardWithSchema = describe(MobileCard);
 DSMobileCardWithSchema.propTypes = cardPropsTypes;
-var Card_default = withTheme(MobileCard);
-export {
-  DSMobileCardWithSchema,
-  Card_default as default
-};
-//# sourceMappingURL=Card.js.map
+var MobileCard$1 = withTheme(MobileCard);
+
+export { DSMobileCardWithSchema, MobileCard$1 as default };

package/esm/MobileCard/CardIcons.js

@@ -1,78 +1,29 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-const CardIconsWrapper = styled(Grid)`
-  align-items: center;
-  span,
-  svg {
-    width: 12px !important;
-    height: 12px !important;
-  }
-  span.icon-color-muted svg,
-  svg:not([fill]) {
-    fill: ${(props) => props.theme.colors.neutral["600"]};
-    height: 12px !important;
-    width: 12px !important;
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
 
-    & * {
-      fill: ${(props) => props.theme.colors.neutral["600"]};
-    }
-  }
-  span.icon-color-warn svg,
-  svg:not([fill]) {
-    fill: ${(props) => props.theme.colors.warning["600"]};
-    height: 12px !important;
-    width: 12px !important;
-
-    & * {
-      fill: ${(props) => props.theme.colors.warning["600"]};
-    }
-  }
-  span.icon-color-error svg,
-  svg:not([fill]) {
-    fill: ${(props) => props.theme.colors.danger["900"]};
-    height: 12px !important;
-    width: 12px !important;
-
-    & * {
-      fill: ${(props) => props.theme.colors.danger["900"]};
-    }
-  }
-  span.icon-color-success svg,
-  svg:not([fill]) {
-    fill: ${(props) => props.theme.colors.success["900"]};
-    height: 12px !important;
-    width: 12px !important;
-
-    & * {
-      fill: ${(props) => props.theme.colors.success["900"]};
-    }
-  }
-  span.icon-color-primary svg,
-  svg:not([fill]) {
-    fill: ${(props) => props.theme.colors.brand[600]};
-  }
-  span.icon-color-primary svg,
-  svg:not([fill]) {
-    fill: ${(props) => props.theme.colors.brand[600]};
-  }
-`;
-const SubIcons = ({ icons = [], colors = [] }) => /* @__PURE__ */ React2.createElement(CardIconsWrapper, {
-  cols: icons.map(() => "12px"),
-  gutter: "6px",
-  height: "14px",
-  "data-testid": "card-subIcons"
-}, icons.map((Icon, i) => /* @__PURE__ */ React2.createElement(Icon, {
-  key: i,
-  className: `icon-color-${colors[i] || "muted"}`
-})));
-SubIcons.propTypes = {
-  icons: PropTypes.arrayOf(PropTypes.func),
-  colors: PropTypes.arrayOf(PropTypes.oneOf(["muted", "warn", "error", "success", "primary"]))
+const CardIconsWrapper = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-1vqygz1-0"
+})(["align-items:center;span,svg{width:12px !important;height:12px !important;}span.icon-color-muted svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-warn svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-error svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-success svg,svg:not([fill]){fill:", ";height:12px !important;width:12px !important;& *{fill:", ";}}span.icon-color-primary svg,svg:not([fill]){fill:", ";}span.icon-color-primary svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.neutral['600'], props => props.theme.colors.neutral['600'], props => props.theme.colors.warning['600'], props => props.theme.colors.warning['600'], props => props.theme.colors.danger['900'], props => props.theme.colors.danger['900'], props => props.theme.colors.success['900'], props => props.theme.colors.success['900'], props => props.theme.colors.brand[600], props => props.theme.colors.brand[600]);
+const SubIcons = _ref => {
+  let {
+    icons = [],
+    colors = []
+  } = _ref;
+  return /*#__PURE__*/_jsx(CardIconsWrapper, {
+    cols: icons.map(() => '12px'),
+    gutter: "6px",
+    height: "14px",
+    "data-testid": "card-subIcons"
+  }, void 0, icons.map((Icon, i) =>
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-array-index-key
+  _jsx(Icon, {
+    className: "icon-color-".concat(colors[i] || 'muted')
+  }, i)));
 };
-export {
-  SubIcons
-};
-//# sourceMappingURL=CardIcons.js.map
+
+export { SubIcons };

package/esm/MobileCard/ExpandChevron.js

@@ -1,30 +1,26 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { ChevronDown, ChevronRight } from "@elliemae/ds-icons";
-const ChevronWrap = styled.div`
-  margin-top: ${(props) => props.align === "top" ? "18px" : "0"};
-  align-self: ${(props) => props.align === "top" ? "flex-start" : "center"};
-  margin-left: ${(props) => props.theme.space.xs};
-`;
-const ExpandChevron = ({ isExpanded, onClick, align }) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+import { ChevronDown, ChevronRight } from '@elliemae/ds-icons';
+
+const ChevronWrap = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1l0ask2-0"
+})(["margin-top:", ";align-self:", ";margin-left:", ";"], props => props.align === 'top' ? '18px' : '0', props => props.align === 'top' ? 'flex-start' : 'center', props => props.theme.space.xs);
+const ExpandChevron = _ref => {
+  let {
+    isExpanded,
+    onClick,
+    align
+  } = _ref;
   const Chevron = isExpanded ? ChevronDown : ChevronRight;
-  return /* @__PURE__ */ React2.createElement(ChevronWrap, {
+  return /*#__PURE__*/_jsx(ChevronWrap, {
     "data-testid": "ds-card-expand-chevron",
-    align
-  }, /* @__PURE__ */ React2.createElement(Chevron, {
+    align: align
+  }, void 0, /*#__PURE__*/_jsx(Chevron, {
     size: "s",
-    color: ["brand-primary", 800],
-    onClick
+    color: ['brand-primary', 800],
+    onClick: onClick
   }));
 };
-ExpandChevron.propTypes = {
-  isExpanded: PropTypes.bool,
-  onClick: PropTypes.func.isRequired,
-  align: PropTypes.string.isRequired
-};
-export {
-  ExpandChevron
-};
-//# sourceMappingURL=ExpandChevron.js.map
+
+export { ExpandChevron };

package/esm/MobileCard/ExpandableRegion.js

@@ -1,52 +1,47 @@
-import * as React from "react";
-import React2, { useEffect, useState, useRef } from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { border, truncate } from "@elliemae/ds-system";
-const RegionWrapper = styled.div`
-  width: 100%;
-  height: 100%;
-`;
-const Region = styled.div`
-  display: flex;
-  ${(props) => props.hide ? "visibility: hidden;" : ""}
-  transition: max-height ${(props) => props.animate ? "0.25s" : "0.20s"} linear;
-  max-height: 0;
-  ${(props) => props.animate ? `
-      max-height: ${props.refHeight}px;
-    ` : ""}
-  align-items: center;
-  ${truncate()};
-  border-top: ${(props) => border(props.theme.colors.neutral["300"])};
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-`;
-const ExpandableRegion = ({ show, content }) => {
-  const ref = useRef(null);
-  const [animate, setAnimate] = useState(show);
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useRef, useState, useEffect } from 'react';
+import styled from 'styled-components';
+import { truncate, border } from '@elliemae/ds-system';
+import { jsx } from 'react/jsx-runtime';
+
+const RegionWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-mduzz9-0"
+})(["width:100%;height:100%;"]);
+const Region = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-mduzz9-1"
+})(["display:flex;", " transition:max-height ", " linear;max-height:0;", " align-items:center;", ";border-top:", ";font-weight:", ";"], props => props.hide ? 'visibility: hidden;' : '', props => props.animate ? '0.25s' : '0.20s', props => props.animate ? "\n      max-height: ".concat(props.refHeight, "px;\n    ") : '', truncate(), props => border(props.theme.colors.neutral['300']), props => props.theme.fontWeights.regular);
+const ExpandableRegion = _ref => {
+  var _ref$current;
+
+  let {
+    show,
+    content
+  } = _ref;
+  const ref = useRef(null); // triggers transition
+
+  const [animate, setAnimate] = useState(show); // needed to properly handle the transition. Hide after transition ends
+
   const [hide, setHide] = useState(!show);
   useEffect(() => {
     setAnimate(show);
-    if (show)
-      setHide(false);
+    if (show) setHide(false);
   }, [show]);
+
   const hideOnAnimationEnd = () => {
-    if (!show)
-      setHide(true);
+    if (!show) setHide(true);
   };
-  return /* @__PURE__ */ React2.createElement(Region, {
-    hide,
-    refHeight: ref?.current?.scrollHeight || 9999,
+
+  return /*#__PURE__*/_jsx(Region, {
+    hide: hide // needed to handle transition, `auto` max-height isn't supported
+    ,
+    refHeight: (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollHeight) || 9999,
     onTransitionEnd: hideOnAnimationEnd,
-    animate
-  }, /* @__PURE__ */ React2.createElement(RegionWrapper, {
-    ref
-  }, content));
+    animate: animate
+  }, void 0, /*#__PURE__*/jsx(RegionWrapper, {
+    ref: ref,
+    children: content
+  }));
 };
-ExpandableRegion.propTypes = {
-  show: PropTypes.bool,
-  content: PropTypes.element
-};
-export {
-  ExpandableRegion
-};
-//# sourceMappingURL=ExpandableRegion.js.map
+
+export { ExpandableRegion };