@sproutsocial/racine 22.5.1 → 23.0.0

package/lib/Avatar/Avatar.js

@@ -1,12 +1,17 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["fontSize"],
   _excluded2 = ["appearance", "name", "src", "variant", "type", "size", "bg", "color"];
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 * as React from "react";
@@ -16,13 +21,14 @@ import classnames from "classnames";
 import Box from "../Box";
 import Image from "../Image";
 import Text from "../Text";
+import { jsx as _jsx } from "react/jsx-runtime";
 var defaultType = "neutral";
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 var AvatarText = styled(function (_ref) {
   var fontSize = _ref.fontSize,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Text, rest);
+  return /*#__PURE__*/_jsx(Text, _objectSpread({}, rest));
 }).withConfig({
   displayName: "Avatar__AvatarText",
   componentId: "sc-1ffu253-0"
@@ -100,7 +106,7 @@ export var Avatar = function Avatar(_ref4) {
 
   // Font size for initials is half the size of the avatar, rounded down.
   var fontSize = Math.floor(Number(size.replace("px", "")) * 0.4);
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
     className: classnames(variant),
     size: size,
     overflow: "hidden",
@@ -117,19 +123,22 @@ export var Avatar = function Avatar(_ref4) {
     "data-qa-user-avatar": name,
     $src: src,
     imageFailedLoading: imageFailedLoading
-  }, rest), !src || imageFailedLoading ? /*#__PURE__*/React.createElement(AvatarText, {
-    lineHeight: size,
-    fontWeight: "semibold",
-    fontSize: fontSize,
-    type: colorType,
-    color: color
-  }, initials) : /*#__PURE__*/React.createElement(Image, {
-    alt: name,
-    width: "auto",
-    height: "100%",
-    src: src,
-    onError: handleError,
-    m: 0
+  }, rest), {}, {
+    children: !src || imageFailedLoading ? /*#__PURE__*/_jsx(AvatarText, {
+      lineHeight: size,
+      fontWeight: "semibold",
+      fontSize: fontSize,
+      type: colorType,
+      color: color,
+      children: initials
+    }) : /*#__PURE__*/_jsx(Image, {
+      alt: name,
+      width: "auto",
+      height: "100%",
+      src: src,
+      onError: handleError,
+      m: 0
+    })
   }));
 };
 export default /*#__PURE__*/memo(Avatar);

package/lib/Badge/Badge.js

@@ -1,11 +1,18 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "text", "iconName", "type", "tip", "size", "badgeColor", "color"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 * as React from "react";
 import Box from "../Box";
 import Icon from "../Icon";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Badge = function Badge(_ref) {
   var children = _ref.children,
     text = _ref.text,
@@ -21,7 +28,7 @@ var Badge = function Badge(_ref) {
   if (children && text) {
     throw new Error("can't use both `children` and `text` props. Text is deprecated, consider using children.");
   }
-  return /*#__PURE__*/React.createElement(Container, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({}, rest), {}, {
     // size previously included default, which currently maps to small.  Once consumers have updated this can be simplified.
     size: size === "default" ? "large" : size,
     badgeColor: badgeColor,
@@ -34,16 +41,18 @@ var Badge = function Badge(_ref) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     ,
-    color: color
-  }), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center"
-  }, iconName ? /*#__PURE__*/React.createElement(Icon, {
-    mr: 200,
-    name: iconName,
-    size: size === "small" ? "mini" : "small",
-    "aria-hidden": true
-  }) : null, children || text));
+    color: color,
+    children: /*#__PURE__*/_jsxs(Box, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      children: [iconName ? /*#__PURE__*/_jsx(Icon, {
+        mr: 200,
+        name: iconName,
+        size: size === "small" ? "mini" : "small",
+        "aria-hidden": true
+      }) : null, children || text]
+    })
+  }));
 };
 export default Badge;

package/lib/Banner/Banner.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["type", "text", "onClose", "closeButtonLabel", "typeIconProps"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 * as React from "react";
@@ -7,6 +12,8 @@ import Box from "../Box";
 import Button from "../Button";
 import Icon from "../Icon";
 import Container, { StyledBannerIcon } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var getBannerIconName = function getBannerIconName(type) {
   switch (type) {
     case "success":
@@ -48,33 +55,38 @@ var Banner = function Banner(_ref) {
     closeButtonLabel = _ref$closeButtonLabel === void 0 ? "Close" : _ref$closeButtonLabel,
     typeIconProps = _ref.typeIconProps,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
     type: type,
     "data-qa-alert": "",
     "data-qa-alert-type": type,
     "data-qa-alert-text": text
-  }, rest), /*#__PURE__*/React.createElement(Box, {
-    display: "flex",
-    alignItems: "center",
-    width: 1
-  }, /*#__PURE__*/React.createElement(StyledBannerIcon, _extends({
-    name: getBannerIconName(type),
-    color: getBannerIconColor(type),
-    className: "Icon",
-    fixedWidth: true,
-    mt: 100,
-    mr: 350
-  }, typeIconProps)), text, onClose && /*#__PURE__*/React.createElement(Box, {
-    ml: "auto",
-    pl: 400,
-    alignSelf: "flex-start"
-  }, /*#__PURE__*/React.createElement(Button, {
-    p: 0,
-    onClick: onClose,
-    ariaLabel: closeButtonLabel
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "x-outline",
-    "aria-hidden": true
-  })))));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs(Box, {
+      display: "flex",
+      alignItems: "center",
+      width: 1,
+      children: [/*#__PURE__*/_jsx(StyledBannerIcon, _objectSpread({
+        name: getBannerIconName(type),
+        color: getBannerIconColor(type),
+        className: "Icon",
+        fixedWidth: true,
+        mt: 100,
+        mr: 350
+      }, typeIconProps)), text, onClose && /*#__PURE__*/_jsx(Box, {
+        ml: "auto",
+        pl: 400,
+        alignSelf: "flex-start",
+        children: /*#__PURE__*/_jsx(Button, {
+          p: 0,
+          onClick: onClose,
+          ariaLabel: closeButtonLabel,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "x-outline",
+            "aria-hidden": true
+          })
+        })
+      })]
+    })
+  }));
 };
 export default Banner;

package/lib/Box/Box.js

@@ -1,13 +1,19 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["color"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 * as React from "react";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Box = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var color = _ref.color,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(Container, _extends({}, props, {
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref
     // TODO: fix this type since `color` should be valid here. TS can't resolve the correct type.
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment

package/lib/Breadcrumb/Breadcrumb.js

@@ -1,12 +1,11 @@
 var _excluded = ["children", "href"],
   _excluded2 = ["ariaLabel", "overflow", "children"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 * as React from "react";
@@ -14,13 +13,19 @@ import Icon from "../Icon";
 import Link from "../Link";
 import { MenuButton } from "../Menu";
 import Nav from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var children = _ref.children,
     href = _ref.href,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Link, _extends({
-    href: href
-  }, rest), children));
+  return /*#__PURE__*/_jsx("li", {
+    children: /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+      href: href
+    }, rest), {}, {
+      children: children
+    }))
+  });
 };
 var Breadcrumb = function Breadcrumb(_ref2) {
   var ariaLabel = _ref2.ariaLabel,
@@ -29,26 +34,35 @@ var Breadcrumb = function Breadcrumb(_ref2) {
     rest = _objectWithoutProperties(_ref2, _excluded2);
   var listItems = React.Children.toArray(children);
   var lastItem = listItems[listItems.length - 1];
-  return /*#__PURE__*/React.createElement(Nav, _extends({
+  return /*#__PURE__*/_jsx(Nav, _objectSpread(_objectSpread({
     "aria-label": ariaLabel,
     "data-qa-breadcrumb": ariaLabel
-  }, rest), /*#__PURE__*/React.createElement("ol", null, overflow && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(MenuButton, {
-    appearance: "secondary",
-    content: overflow.menu,
-    "aria-label": overflow.label,
-    className: "overflow--menu",
-    px: 200,
-    py: 0
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "ellipsis-horizontal-solid",
-    "aria-hidden": true
-  }))), listItems.map(function (item, i) {
-    // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
-    var itemElem = _typeof(item) === "object" && "props" in item ? item : /*#__PURE__*/React.createElement("span", null, "item");
-    return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
-      "aria-current": listItems[i] === lastItem ? "page" : undefined
-    }));
-  })));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsxs("ol", {
+      children: [overflow && /*#__PURE__*/_jsx("li", {
+        children: /*#__PURE__*/_jsx(MenuButton, {
+          appearance: "secondary",
+          content: overflow.menu,
+          "aria-label": overflow.label,
+          className: "overflow--menu",
+          px: 200,
+          py: 0,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "ellipsis-horizontal-solid",
+            "aria-hidden": true
+          })
+        })
+      }), listItems.map(function (item, i) {
+        // @ts-notes - item is a childNode which can be a string or number but `cloneElement` requires props
+        var itemElem = _typeof(item) === "object" && "props" in item ? item : /*#__PURE__*/_jsx("span", {
+          children: "item"
+        });
+        return /*#__PURE__*/React.cloneElement(itemElem, _objectSpread(_objectSpread({}, itemElem.props), {}, {
+          "aria-current": listItems[i] === lastItem ? "page" : undefined
+        }));
+      })]
+    })
+  }));
 };
 BreadcrumbItem.displayName = "Breadcrumb.Item";
 Breadcrumb.Item = BreadcrumbItem;

package/lib/Button/Button.js

@@ -1,9 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["href", "appearance", "active", "disabled", "external", "children", "size", "innerRef", "onClick", "title", "qa", "as", "ariaLabel"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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 Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Button = function Button(_ref) {
   var href = _ref.href,
     _ref$appearance = _ref.appearance,
@@ -27,7 +33,7 @@ var Button = function Button(_ref) {
     // eslint-disable-next-line no-console
     console.warn("Warning: external prop cannot be set without a href declaration");
   }
-  return /*#__PURE__*/React.createElement(Container, _extends({
+  return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread(_objectSpread({
     title: title,
     active: active,
     href: href,
@@ -44,7 +50,9 @@ var Button = function Button(_ref) {
     "data-qa-button": title || "",
     "data-qa-button-isdisabled": disabled === true,
     "aria-label": ariaLabel
-  }, qa, rest), children);
+  }, qa), rest), {}, {
+    children: children
+  }));
 };
 Button.displayName = "Button";
 export default Button;

package/lib/Card/Card.js

@@ -1,5 +1,10 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children", "disabled", "elevation", "href", "onClick", "role", "selected"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -26,7 +31,8 @@ import { SelectedIcon } from "./subComponents";
  *  <Button>Click me</Button>
  * </Card>
  */
-
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var Card = function Card(_ref) {
   var children = _ref.children,
     _ref$disabled = _ref.disabled,
@@ -64,7 +70,7 @@ var Card = function Card(_ref) {
       role: role
     });
   };
-  return /*#__PURE__*/React.createElement(StyledCard, _extends({
+  return /*#__PURE__*/_jsxs(StyledCard, _objectSpread(_objectSpread({
     tabIndex: isRoleLink ? -1 : 0,
     role: isRoleLink ? undefined : role,
     onClick: handleClickConditions,
@@ -77,10 +83,13 @@ var Card = function Card(_ref) {
     "aria-disabled": disabled && disabled,
     $compositionalComponents: hasSubComponent,
     $isRoleLink: isRoleLink
-  }, rest), /*#__PURE__*/React.createElement(SelectedIcon, {
-    $selected: selected
-  }), /*#__PURE__*/React.createElement(SubComponentContext.Provider, {
-    value: cardContext
-  }, children));
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(SelectedIcon, {
+      $selected: selected
+    }), /*#__PURE__*/_jsx(SubComponentContext.Provider, {
+      value: cardContext,
+      children: children
+    })]
+  }));
 };
 export default Card;

package/lib/Card/subComponents.js

@@ -1,46 +1,63 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["children"],
   _excluded2 = ["children"],
   _excluded3 = ["children"],
   _excluded4 = ["affordance", "children", "external", "color"];
 function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 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, { useContext } from "react";
 import { useChildContext, SubComponentContext } from "./utils";
 import { StyledCardContent, StyledCardHeader, StyledCardFooter, StyledSelectedIcon, SelectedIconWrapper, StyledCardAffordance, StyledCardLink } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export var CardContent = function CardContent(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
   // TODO: It could be cool to possibly adjust the context to include an array of names of child components.
   // Then, if CardHeader or CardFooter aren't used with CardContent throw an error.
   useChildContext();
-  return /*#__PURE__*/React.createElement(StyledCardContent, rest, children);
+  return /*#__PURE__*/_jsx(StyledCardContent, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 export var CardHeader = function CardHeader(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties(_ref2, _excluded2);
   useChildContext();
-  return /*#__PURE__*/React.createElement(StyledCardHeader, rest, children);
+  return /*#__PURE__*/_jsx(StyledCardHeader, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 export var CardFooter = function CardFooter(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded3);
   useChildContext();
-  return /*#__PURE__*/React.createElement(StyledCardFooter, rest, children);
+  return /*#__PURE__*/_jsx(StyledCardFooter, _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
 export var SelectedIcon = function SelectedIcon(_ref4) {
   var $selected = _ref4.$selected;
-  return /*#__PURE__*/React.createElement(SelectedIconWrapper, null, /*#__PURE__*/React.createElement(StyledSelectedIcon, {
-    "aria-hidden": true,
-    color: "icon.base",
-    name: "circle-check-solid",
-    $selected: $selected
-  }));
+  return /*#__PURE__*/_jsx(SelectedIconWrapper, {
+    children: /*#__PURE__*/_jsx(StyledSelectedIcon, {
+      "aria-hidden": true,
+      color: "icon.base",
+      name: "circle-check-solid",
+      $selected: $selected
+    })
+  });
 };
 export var CardAffordance = function CardAffordance(_ref5) {
   var rest = _extends({}, (_objectDestructuringEmpty(_ref5), _ref5));
-  return /*#__PURE__*/React.createElement(StyledCardAffordance, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(StyledCardAffordance, _objectSpread(_objectSpread({}, rest), {}, {
     size: "mini",
     name: "arrow-right-solid"
     // TODO: probably need to make this available to the top level for external links https://sprout.atlassian.net/browse/DS-2223
@@ -63,7 +80,7 @@ export var CardLink = function CardLink(_ref6) {
   var handleClick = function handleClick(e) {
     e.stopPropagation();
   };
-  return /*#__PURE__*/React.createElement(StyledCardLink, _extends({}, rest, {
+  return /*#__PURE__*/_jsx(StyledCardLink, _objectSpread(_objectSpread({}, rest), {}, {
     target: external ? "_blank" : undefined,
     rel: external ? "noreferrer" : undefined,
     href: href,
@@ -73,8 +90,11 @@ export var CardLink = function CardLink(_ref6) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore
     ,
-    color: color
-  }), /*#__PURE__*/React.createElement(React.Fragment, null, children, affordance ? /*#__PURE__*/React.createElement(CardAffordance, {
-    ml: 300
-  }) : null));
+    color: color,
+    children: /*#__PURE__*/_jsxs(_Fragment, {
+      children: [children, affordance ? /*#__PURE__*/_jsx(CardAffordance, {
+        ml: 300
+      }) : null]
+    })
+  }));
 };

package/lib/CharacterCounter/CharacterCounter.js

@@ -1,6 +1,7 @@
 var _excluded = ["size"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 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; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -18,6 +19,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import * as React from "react";
 import Container from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 var CharacterCounter = /*#__PURE__*/function (_React$Component) {
   _inherits(CharacterCounter, _React$Component);
   function CharacterCounter() {
@@ -31,11 +33,13 @@ var CharacterCounter = /*#__PURE__*/function (_React$Component) {
         size = _this$props.size,
         rest = _objectWithoutProperties(_this$props, _excluded);
       var remaining = this.props.maxValue - this.props.currentValue;
-      return /*#__PURE__*/React.createElement(Container, _extends({
+      return /*#__PURE__*/_jsx(Container, _objectSpread(_objectSpread({
         role: "status",
         mini: size === "mini",
         overlimit: remaining < 0
-      }, rest), remaining);
+      }, rest), {}, {
+        children: remaining
+      }));
     }
   }]);
   return CharacterCounter;