@sproutsocial/racine 22.5.1 → 23.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "22.5.1",
+  "version": "23.1.0",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -42,14 +42,14 @@
     "format:check": "prettier -c .",
     "lint": "eslint --max-warnings=0 --fix .",
     "lint:check": "eslint --max-warnings=0 --ext .ts,.tsx,.js .",
-    "jest": "jest --no-cache",
+    "jest": "node node_modules/.bin/jest",
     "jest:watch": "jest --watch",
     "typecheck:ts": "tsc --noEmit",
     "typecheck": "npm-run-all typecheck:ts",
-    "test": "yarn jest",
+    "test": "yarn jest --ci",
     "test:visual-regression": "yarn backstop test --config='backstop.config.js' --docker",
-    "backstop-reference": "yarn backstop reference --config='backstop.config.js' --docker",
-    "backstop-approve": "yarn backstop approve --config='backstop.config.js' --docker",
+    "backstop:reference": "yarn backstop reference --config='backstop.config.js' --docker",
+    "backstop:approve": "yarn backstop approve --config='backstop.config.js' --docker",
     "new": "node ./bin/scaffold.js",
     "playground": "node ./bin/scaffold-playground.js && yarn start",
     "release": "yarn build && yarn test && yarn changeset publish",
@@ -59,27 +59,27 @@
     "ts-to-flow": "flowgen $FILE -o $OUTPUT --add-flow-header --no-module-exports"
   },
   "dependencies": {
+    "@react-spring/web": "^9.0.0",
     "@sproutsocial/seeds-react-box": "^1.0.0",
-    "@sproutsocial/seeds-react-checkbox": "^1.0.0",
-    "@sproutsocial/seeds-react-input": "^1.0.0",
-    "@sproutsocial/seeds-react-text": "^1.0.0",
-    "@sproutsocial/seeds-react-radio": "^1.0.0",
     "@sproutsocial/seeds-react-button": "^1.0.0",
-    "@sproutsocial/seeds-react-switch": "^1.0.0",
+    "@sproutsocial/seeds-react-checkbox": "^1.0.0",
     "@sproutsocial/seeds-react-hooks": "^2.0.0",
     "@sproutsocial/seeds-react-icon": "^1.0.0",
+    "@sproutsocial/seeds-react-input": "^1.0.0",
     "@sproutsocial/seeds-react-mixins": "^2.0.0",
     "@sproutsocial/seeds-react-partner-logo": "^1.0.0",
     "@sproutsocial/seeds-react-popout": "^1.0.0",
     "@sproutsocial/seeds-react-portal": "^1.0.0",
+    "@sproutsocial/seeds-react-radio": "^1.0.0",
+    "@sproutsocial/seeds-react-switch": "^1.0.0",
     "@sproutsocial/seeds-react-system-props": "^2.2.0",
-    "@sproutsocial/seeds-react-theme-provider": "^1.0.0",
+    "@sproutsocial/seeds-react-text": "^1.0.0",
     "@sproutsocial/seeds-react-theme": "^1.0.0",
+    "@sproutsocial/seeds-react-theme-provider": "^1.0.0",
     "@sproutsocial/seeds-react-utilities": "^3.0.0",
     "@styled-system/theme-get": "^5.1.2",
     "classnames": "^2.2.6",
     "default-browser-id": "^3.0.0",
-    "flowgen": "^1.21.0",
     "lodash.curry": "^4.1.1",
     "lodash.uniqueid": "^4.0.1",
     "lru-memoize": "~1.0.2",
@@ -89,8 +89,6 @@
     "react-focus-lock": "^2.0.3",
     "react-modal": "^3.16.1",
     "react-popper": "^1.3.11",
-    "react-spring": "^8.0.25",
-    "react-toastify": "^6.0.5",
     "regenerator-runtime": "^0.14.0",
     "scroll-into-view-if-needed": "^2.2.20",
     "styled-system": "^5.1.5",
@@ -108,7 +106,6 @@
     "@babel/preset-typescript": "^7.22.5",
     "@khanacademy/flow-to-ts": "^0.5.2",
     "@sproutsocial/eslint-config-seeds": "*",
-    "@sproutsocial/seeds-typography": "*",
     "@sproutsocial/seeds-border": "*",
     "@sproutsocial/seeds-color": "*",
     "@sproutsocial/seeds-depth": "*",
@@ -117,26 +114,29 @@
     "@sproutsocial/seeds-motion": "*",
     "@sproutsocial/seeds-networkcolor": "*",
     "@sproutsocial/seeds-partner-logos": "*",
+    "@sproutsocial/seeds-react-checkbox": "*",
     "@sproutsocial/seeds-react-testing-library": "*",
+    "@sproutsocial/seeds-react-theme": "*",
     "@sproutsocial/seeds-space": "*",
     "@sproutsocial/seeds-tsconfig": "*",
-    "@storybook/addon-a11y": "^7.0.0",
-    "@storybook/addon-actions": "^7.0.0",
-    "@storybook/addon-essentials": "^7.0.0",
-    "@storybook/addon-storysource": "^7.0.0",
-    "@storybook/addon-viewport": "^7.0.0",
-    "@storybook/addons": "^7.0.0",
-    "@storybook/cli": "^7.2.0",
-    "@storybook/client-api": "^7.4.0",
-    "@storybook/react": "^7.0.0",
-    "@storybook/react-webpack5": "^7.2.0",
-    "@storybook/theming": "^7.0.0",
+    "@sproutsocial/seeds-typography": "*",
+    "@storybook/addon-a11y": "^7.6.20",
+    "@storybook/addon-actions": "^7.6.20",
+    "@storybook/addon-essentials": "^7.6.20",
+    "@storybook/addon-storysource": "^7.6.20",
+    "@storybook/addon-viewport": "^7.6.20",
+    "@storybook/addons": "^7.6.20",
+    "@storybook/cli": "^7.6.20",
+    "@storybook/client-api": "^7.6.20",
+    "@storybook/react": "^7.6.20",
+    "@storybook/react-webpack5": "^7.6.20",
+    "@storybook/theming": "^7.6.20",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^13.0.0",
-    "@types/jest": "^27.0.0",
+    "@types/jest": "^29.0.0",
     "@types/jest-axe": "^3.5.5",
-    "@types/node": "^18.17.1",
+    "@types/node": "^20.0.0",
     "@types/react": "^18.0.0",
     "@types/react-dates": "^21.8.3",
     "@types/react-dom": "^18.0.0",
@@ -146,14 +146,13 @@
     "@typescript-eslint/eslint-plugin": "^6.3.0",
     "@typescript-eslint/parser": "^6.3.0",
     "babel-eslint": "^10.1.0",
-    "babel-jest": "29.x.x",
+    "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-inline-import": "^3.0.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "babel-plugin-polished": "^1.1.0",
     "babel-plugin-styled-components": "^2.0.7",
-    "babel-polyfill": "^6.26.0",
-    "backstopjs": "6.3.3",
+    "backstopjs": "^6.3.23",
     "chalk": "^2.3.2",
     "chokidar": "^3.0.2",
     "csstype": "^3.1.1",
@@ -168,14 +167,15 @@
     "identity-obj-proxy": "^3.0.0",
     "inquirer": "^6.4.1",
     "is-glob": "^4.0.1",
-    "jest": "27.5.1",
+    "jest": "^29.7.0",
     "jest-axe": "^6.0.0",
+    "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "7.1.1",
     "jscodeshift": "^0.13.0",
     "jsdom": "^22.1.0",
     "json-to-scss": "^1.6.2",
-    "moment": "^2.29.4",
     "mkdirp": "1.0.4",
+    "moment": "^2.29.4",
     "npm-run-all": "^4.1.2",
     "outdent": "^0.7.0",
     "pify": "^4.0.1",
@@ -185,19 +185,19 @@
     "react-dates": "^21.8.0",
     "react-docgen-typescript-plugin": "^1.0.5",
     "react-dom": "^18.0.0",
+    "react-toastify": "^10.0.0",
     "rimraf": "^2.6.3",
-    "storybook": "^7.2.1",
+    "storybook": "^7.6.20",
     "storybook-dark-mode": "^3.0.1",
     "styled-components": "^5.2.3",
     "tsc-alias": "^1.8.2",
-    "typescript": "^5.1.6",
+    "typescript": "^5.6.2",
     "webpack": "^5.88.2",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4",
     "ws": "^8.13.0"
   },
   "peerDependencies": {
-    "@sproutsocial/seeds-typography": "*",
     "@sproutsocial/seeds-border": "*",
     "@sproutsocial/seeds-color": "*",
     "@sproutsocial/seeds-depth": "*",
@@ -206,12 +206,16 @@
     "@sproutsocial/seeds-motion": "*",
     "@sproutsocial/seeds-networkcolor": "*",
     "@sproutsocial/seeds-partner-logos": "*",
+    "@sproutsocial/seeds-react-checkbox": "*",
+    "@sproutsocial/seeds-react-theme": "*",
     "@sproutsocial/seeds-space": "*",
+    "@sproutsocial/seeds-typography": "*",
     "moment": "^2.29.4",
     "prop-types": "^15.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dates": "^21.8.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-toastify": "^9.0.0 || ^10.0.0",
     "styled-components": "^5.2.3"
   },
   "resolutions": {

package/commonjs/Drawer/SlideTransition.js

@@ -1,47 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SlideTransition = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _reactSpring = require("react-spring");
-var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
-var _excluded = ["isVisible", "children", "width", "direction"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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; }
-var SlideTransition = exports.SlideTransition = function SlideTransition(_ref) {
-  var isVisible = _ref.isVisible,
-    children = _ref.children,
-    width = _ref.width,
-    direction = _ref.direction,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var offset = width * (direction === "left" ? -1 : 1);
-  var transitions = (0, _reactSpring.useTransition)(isVisible, null, {
-    from: {
-      transform: "translateX(".concat(offset, "px)")
-    },
-    enter: {
-      transform: "translateX(0)"
-    },
-    leave: {
-      transform: "translateX(".concat(offset, "px)")
-    },
-    config: {
-      duration: _seedsMotionUnitless.MOTION_DURATION_MEDIUM * 1000
-    }
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, transitions.map(function (_ref2) {
-    var key = _ref2.key,
-      item = _ref2.item,
-      props = _ref2.props;
-    return children({
-      key: key,
-      isVisible: item,
-      style: props
-    });
-  }));
-};

package/commonjs/Popout/Popout.js

@@ -1,313 +0,0 @@
-"use strict";
-
-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); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Popout = Popout;
-exports.placements = exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _reactSpring = require("react-spring");
-var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
-var _reactPopper = require("react-popper");
-var _seedsMotionUnitless = require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless");
-var _seedsReactHooks = require("@sproutsocial/seeds-react-hooks");
-var _Portal = _interopRequireDefault(require("../Portal"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _styles = require("./styles");
-var _excluded = ["isOpen", "setIsOpen", "content", "children", "placement", "fullWidth", "zIndex", "focusOnContent", "onOpen", "onClose", "qa", "popperProps", "scheduleUpdateRef", "appendToBody", "focusLockProps", "color", "aria-haspopup", "disableWrapperAria", "id"],
-  _excluded2 = ["autoFocus", "returnFocus"],
-  _excluded3 = ["children"];
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-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 _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; }
-var placements = exports.placements = {
-  auto: "auto",
-  top: "top",
-  right: "right",
-  bottom: "bottom",
-  left: "left",
-  "top-start": "top-start",
-  "right-start": "right-start",
-  "bottom-start": "bottom-start",
-  "left-start": "left-start",
-  "top-end": "top-end",
-  "right-end": "right-end",
-  "bottom-end": "bottom-end",
-  "left-end": "left-end"
-};
-var doesRefContainEventTarget = function doesRefContainEventTarget(ref, event) {
-  return ref.current && event.target instanceof Node && ref.current.contains(event.target);
-};
-
-// Transition definitions for fading in and out
-var transitionConfig = {
-  from: {
-    opacity: 0
-  },
-  enter: {
-    opacity: 1
-  },
-  leave: {
-    opacity: 0
-  },
-  config: {
-    duration: _seedsMotionUnitless.MOTION_DURATION_FAST * 1000
-  }
-};
-function Popout(_ref) {
-  var _popoutRef$current;
-  var isOpen = _ref.isOpen,
-    setIsOpen = _ref.setIsOpen,
-    content = _ref.content,
-    children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "auto" : _ref$placement,
-    _ref$fullWidth = _ref.fullWidth,
-    fullWidth = _ref$fullWidth === void 0 ? false : _ref$fullWidth,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 7 : _ref$zIndex,
-    _ref$focusOnContent = _ref.focusOnContent,
-    focusOnContent = _ref$focusOnContent === void 0 ? true : _ref$focusOnContent,
-    onOpen = _ref.onOpen,
-    onClose = _ref.onClose,
-    _ref$qa = _ref.qa,
-    qa = _ref$qa === void 0 ? {} : _ref$qa,
-    popperProps = _ref.popperProps,
-    _ref$scheduleUpdateRe = _ref.scheduleUpdateRef,
-    scheduleUpdateRef = _ref$scheduleUpdateRe === void 0 ? function () {} : _ref$scheduleUpdateRe,
-    _ref$appendToBody = _ref.appendToBody,
-    appendToBody = _ref$appendToBody === void 0 ? true : _ref$appendToBody,
-    _ref$focusLockProps = _ref.focusLockProps,
-    focusLockProps = _ref$focusLockProps === void 0 ? {} : _ref$focusLockProps,
-    color = _ref.color,
-    ariaHasPopup = _ref["aria-haspopup"],
-    _ref$disableWrapperAr = _ref.disableWrapperAria,
-    disableWrapperAria = _ref$disableWrapperAr === void 0 ? false : _ref$disableWrapperAr,
-    id = _ref.id,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var PopoutComponentWrapper = appendToBody ? _Portal.default : React.Fragment;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isInternalShown = _useState2[0],
-    setIsInternalShown = _useState2[1];
-  var isControlled = typeof isOpen === "boolean";
-  var isShown = isControlled ? isOpen : isInternalShown;
-  var setIsShown = (0, _react.useMemo)(function () {
-    return isControlled && setIsOpen ? setIsOpen : function (nextIsShown) {
-      return setIsInternalShown(nextIsShown);
-    };
-  }, [isControlled, setIsOpen]);
-  var targetRef = (0, _react.useRef)();
-  var popoutRef = (0, _react.useRef)();
-  var isFirstRender = (0, _react.useRef)(true);
-
-  // This callback will automatically trigger a recalculation of the popout position if the content is changed
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  var scheduleUpdateCallback = (0, _react.useRef)(function () {});
-  (0, _seedsReactHooks.useMutationObserver)((_popoutRef$current = popoutRef.current) !== null && _popoutRef$current !== void 0 ? _popoutRef$current : null, {
-    childList: true,
-    characterData: true,
-    subtree: true
-  }, scheduleUpdateCallback.current);
-  var _focusLockProps$autoF = focusLockProps.autoFocus,
-    autoFocus = _focusLockProps$autoF === void 0 ? true : _focusLockProps$autoF,
-    _focusLockProps$retur = focusLockProps.returnFocus,
-    returnFocus = _focusLockProps$retur === void 0 ? true : _focusLockProps$retur,
-    restFocusLockProps = _objectWithoutProperties(focusLockProps, _excluded2);
-  var isInvalidContent = content === null || content === undefined;
-
-  // Callbacks for showing, hiding, and toggling visibility of the popout
-  // (Not used when isOpen is passed explicitly)
-  var show = (0, _react.useCallback)(function () {
-    return setIsShown(true);
-  }, [setIsShown]);
-  var hide = (0, _react.useCallback)(function () {
-    return setIsShown(false);
-  }, [setIsShown]);
-  var toggle = (0, _react.useCallback)(function () {
-    return setIsShown(!isShown);
-  }, [isShown, setIsShown]);
-  (0, _react.useEffect)(function () {
-    var documentBody = document.body;
-    if (isShown && documentBody) {
-      // Callback passed to a click handler attached to document.body,
-      // allowing user to close the popout by clicking outside
-      var bodyClick = function bodyClick(e) {
-        if (doesRefContainEventTarget(targetRef, e) || doesRefContainEventTarget(popoutRef, e)) {
-          return;
-        }
-        setIsShown(false, e);
-      };
-
-      // Callback for allowing user to close by keying "esc"
-      var onEsc = function onEsc(e) {
-        // older browsers use "Esc"
-        if (["Escape", "Esc"].includes(e.key)) {
-          // stop propagation to avoid interacting with other components when popout is shown
-          // ie if we have a popout shown in a modal and hit esc, we don't want to close both the popout and modal
-          e.stopPropagation();
-          setIsShown(false, e);
-        }
-      };
-      documentBody.addEventListener("click", bodyClick, {
-        capture: true
-      });
-      documentBody.addEventListener("keydown", onEsc, {
-        capture: true
-      });
-      return function () {
-        documentBody.removeEventListener("click", bodyClick, {
-          capture: true
-        });
-        documentBody.removeEventListener("keydown", onEsc, {
-          capture: true
-        });
-      };
-    }
-  }, [isShown, setIsShown]);
-
-  // Manage onOpen and onClose callbacks
-  (0, _react.useEffect)(function () {
-    // Don't fire onClose on the first render
-    if (isFirstRender.current) {
-      isFirstRender.current = false;
-      return;
-    }
-    if (!onOpen && !onClose) {
-      return;
-    }
-    if (isShown && onOpen) {
-      onOpen();
-    }
-    if (!isShown && onClose) {
-      onClose();
-    }
-  },
-  // eslint-disable-next-line
-  [isShown]);
-  var transitions = (0, _reactSpring.useTransition)(isShown, null, transitionConfig);
-  // WAI-Aria properties for the popout trigger, disabled if necessary
-  var ariaProps = (0, _react.useMemo)(function () {
-    return disableWrapperAria ? {} : {
-      "aria-expanded": isShown,
-      "aria-haspopup": ariaHasPopup ? ariaHasPopup : true
-    };
-  }, [isShown, ariaHasPopup, disableWrapperAria]);
-
-  // In cases where a controlled popout is used (e.g. props.isOpen is true), we need
-  // to wait for the targetRef to receive a value before rendering the popout. Otherwise,
-  // the Popout component renders, but doesn't know how to position itself due the
-  // `refereElement` property being undefined.
-  var _useState3 = (0, _react.useState)(
-    // Only trigger this shouldRenderPopout logic when using a controlled component.
-    // The reason for that is because controlled components may render the popout
-    // immediately before the targetRef has a value set to it.
-    !isControlled),
-    _useState4 = _slicedToArray(_useState3, 2),
-    shouldRenderPopout = _useState4[0],
-    setShouldRenderPopout = _useState4[1];
-  var childrenRef = function childrenRef(el) {
-    targetRef.current = el;
-    if (targetRef.current) {
-      setShouldRenderPopout(true);
-    }
-  };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === "function" ? children({
-    ref: childrenRef,
-    toggle: toggle,
-    show: show,
-    hide: hide,
-    ariaProps: ariaProps
-  }) : /*#__PURE__*/React.createElement(_styles.TargetWrapper, _extends({}, qa, {
-    id: id
-  }, rest, {
-    ref: childrenRef
-  }), /*#__PURE__*/React.cloneElement(children, _objectSpread(_objectSpread({}, ariaProps), !isControlled ? {
-    onClick: toggle
-  } : undefined))), shouldRenderPopout && !isInvalidContent && transitions.map(function (_ref2) {
-    var item = _ref2.item,
-      key = _ref2.key,
-      props = _ref2.props;
-    return item && /*#__PURE__*/React.createElement(PopoutComponentWrapper, {
-      key: key
-    }, /*#__PURE__*/React.createElement(_reactPopper.Popper, _extends({
-      referenceElement: targetRef.current,
-      placement: placement,
-      modifiers: {
-        preventOverflow: {
-          boundariesElement: "viewport"
-        }
-      }
-    }, popperProps), function (_ref3) {
-      var ref = _ref3.ref,
-        style = _ref3.style,
-        placement = _ref3.placement,
-        outOfBoundaries = _ref3.outOfBoundaries,
-        scheduleUpdate = _ref3.scheduleUpdate;
-      var interceptRef = function interceptRef(el) {
-        popoutRef.current = el;
-        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-        // @ts-ignore
-        ref(el);
-      };
-      scheduleUpdateCallback.current = scheduleUpdate;
-      scheduleUpdateRef(scheduleUpdate);
-      return /*#__PURE__*/React.createElement("div", _extends({
-        ref: interceptRef,
-        style: _objectSpread(_objectSpread({}, style), {}, {
-          zIndex: zIndex,
-          width: fullWidth && targetRef.current ? targetRef.current.offsetWidth : "initial"
-        }),
-        "data-placement": placement,
-        "data-qa-popout": "",
-        "data-qa-popout-isopen": isOpen === true
-        // 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
-        // @ts-ignore
-        ,
-        color: color
-      }, rest), item && !outOfBoundaries && /*#__PURE__*/React.createElement(_reactSpring.animated.div, {
-        style: props
-      }, /*#__PURE__*/React.createElement(_reactFocusLock.default, _extends({
-        autoFocus: autoFocus,
-        returnFocus: returnFocus,
-        disabled: !focusOnContent
-      }, restFocusLockProps), typeof content === "function" && content({
-        hide: hide
-      }), typeof content !== "function" && content)));
-    }));
-  }));
-}
-var PopoutContent = function PopoutContent(_ref4) {
-  var children = _ref4.children,
-    rest = _objectWithoutProperties(_ref4, _excluded3);
-  return /*#__PURE__*/React.createElement(_Box.default, _extends({
-    bg: "container.background.base",
-    color: "text.body",
-    border: 500,
-    borderColor: "container.border.base",
-    borderRadius: "outer",
-    boxShadow: "medium",
-    p: 400,
-    m: 300
-  }, rest), children);
-};
-PopoutContent.displayName = "Popout.Content";
-Popout.Content = PopoutContent;
-var _default = exports.default = Popout;

package/commonjs/Popout/PopoutTypes.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/commonjs/Popout/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Popout: true
-};
-Object.defineProperty(exports, "Popout", {
-  enumerable: true,
-  get: function get() {
-    return _Popout.default;
-  }
-});
-exports.default = void 0;
-var _Popout = _interopRequireDefault(require("./Popout"));
-var _PopoutTypes = require("./PopoutTypes");
-Object.keys(_PopoutTypes).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PopoutTypes[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PopoutTypes[key];
-    }
-  });
-});
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = _Popout.default;

package/commonjs/Popout/styles.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TargetWrapper = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _seedsReactSystemProps = require("@sproutsocial/seeds-react-system-props");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var TargetWrapper = exports.TargetWrapper = _styledComponents.default.div.withConfig({
-  displayName: "styles__TargetWrapper",
-  componentId: "sc-pftzv7-0"
-})(["display:inline-block;", " ", ""], _seedsReactSystemProps.COMMON, _seedsReactSystemProps.LAYOUT);

package/dist/types/Drawer/SlideTransition.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { AnimatedValue, ForwardedProps } from "react-spring";
-type TypeProps = {
-    children: (arg0: {
-        style: AnimatedValue<ForwardedProps<ForwardedProps<React.CSSProperties>>>;
-        key: number | string;
-        isVisible: boolean;
-    }) => React.ReactNode;
-    isVisible: boolean;
-    width: number;
-    direction: "left" | "right";
-};
-export declare const SlideTransition: ({ isVisible, children, width, direction, ...rest }: TypeProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=SlideTransition.d.ts.map

package/dist/types/Drawer/SlideTransition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideTransition.d.ts","sourceRoot":"","sources":["../../../src/Drawer/SlideTransition.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAiB,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAG5E,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,cAAc,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC1E,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QACrB,SAAS,EAAE,OAAO,CAAC;KACpB,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,eAAe,uDAOzB,SAAS,4CA4BX,CAAC"}

package/dist/types/Popout/Popout.d.ts

@@ -1,14 +0,0 @@
-import { TypeBoxProps } from "../Box";
-import type { TypePopoutProps, EnumPlacements } from "./PopoutTypes";
-export declare const placements: {
-    [key: string]: EnumPlacements;
-};
-export declare function Popout({ isOpen, setIsOpen, content, children, placement, fullWidth, zIndex, focusOnContent, onOpen, onClose, qa, popperProps, scheduleUpdateRef, appendToBody, focusLockProps, color, "aria-haspopup": ariaHasPopup, disableWrapperAria, id, ...rest }: TypePopoutProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Popout {
-    var Content: {
-        ({ children, ...rest }: TypeBoxProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-}
-export default Popout;
-//# sourceMappingURL=Popout.d.ts.map

package/dist/types/Popout/Popout.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popout.d.ts","sourceRoot":"","sources":["../../../src/Popout/Popout.tsx"],"names":[],"mappings":"AAQA,OAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAErE,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAA;CAiBvD,CAAC;AA0BF,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAkB,EAClB,SAAiB,EACjB,MAAU,EACV,cAAqB,EACrB,MAAM,EACN,OAAO,EACP,EAAO,EACP,WAAW,EAEX,iBAA4B,EAC5B,YAAmB,EACnB,cAAmB,EACnB,KAAK,EACL,eAAe,EAAE,YAAY,EAC7B,kBAA0B,EAC1B,EAAE,EACF,GAAG,IAAI,EACR,EAAE,eAAe,2CA+OjB;yBArQe,MAAM;;;;;;AA0RtB,eAAe,MAAM,CAAC"}