@sproutsocial/racine 22.5.1 → 23.0.0

package/commonjs/Toast/styles.js

@@ -1,45 +1,71 @@
 "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.default = exports.GlobalToastStyles = exports.CustomIcon = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+exports.ToastRoot = exports.TOAST_Z_INDEX = exports.Container = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 require("react-toastify/dist/ReactToastify.css");
 var _Box = _interopRequireDefault(require("../Box"));
-var _Icon = _interopRequireDefault(require("../Icon"));
+var _reactToastify = require("react-toastify");
 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; }
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 
-var Container = (0, _styledComponents.default)(_Box.default).withConfig({
+var TOAST_Z_INDEX = exports.TOAST_Z_INDEX = 9999;
+var Container = exports.Container = (0, _styledComponents.default)(_Box.default).withConfig({
   displayName: "styles__Container",
   componentId: "sc-oqrk23-0"
-})(["display:flex;align-items:center;font-family:", ";", " position:relative;background:", ";border-left:2px solid ", ";"], function (p) {
-  return p.theme.fontFamily;
-}, function (p) {
-  return p.theme.typography[200];
-}, function (p) {
-  return p.theme.colors.container.background.base;
-}, function (p) {
-  return p.theme.colors.container.border[p.type];
+})(["display:flex;align-items:center;gap:", ";font-family:", ";", " position:relative;padding:", ";"], function (_ref) {
+  var theme = _ref.theme;
+  return theme.space[350];
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.fontFamily;
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.typography[200];
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.space[350];
 });
-var CustomIcon = exports.CustomIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
-  displayName: "styles__CustomIcon",
+var ToastRoot = exports.ToastRoot = (0, _styledComponents.default)(_reactToastify.ToastContainer).attrs({
+  toastClassName: "Toastify-toast-overrides",
+  hideProgressBar: true,
+  closeButton: false,
+  icon: false,
+  position: "bottom-right"
+}).withConfig({
+  displayName: "styles__ToastRoot",
   componentId: "sc-oqrk23-1"
-})(["margin-right:", ";transform:translateY(4px);color:", ";"], function (props) {
-  return props.theme.space[400];
-}, function (p) {
-  return p.customColor ? undefined : p.theme.colors.icon[p.type];
-});
-var GlobalToastStyles = exports.GlobalToastStyles = (0, _styledComponents.createGlobalStyle)([".Toastify__toast{box-shadow:", " !important;background:transparent !important;}.Toastify__toast:last-of-type{margin-bottom:0 !important;}.Toastify-container-overrides{padding:0 !important;width:360px !important;}.Toastify-toast-overrides{padding:0 !important;min-height:0 !important;border-radius:2px !important;}.Toastify__toast-container--bottom-right{bottom:", " !important;right:", " !important;}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial !important;}}"], function (p) {
-  return p.theme.shadows.low;
-}, function (p) {
-  return p.theme.space[400];
-}, function (p) {
-  return p.theme.space[400];
-});
-var _default = exports.default = Container;
+})(["--toastify-z-index:", ";--toastify-toast-offset:", ";--toastify-toast-width:360px;--toastify-toast-min-height:48px;--toastify-toast-max-height:70vh;--toastify-toast-bd-radius:", ";--toastify-toast-background:", ";--toastify-toast-bottom:0;padding:0;.Toastify-toast-overrides{background:", ";color:", ";box-shadow:", ";padding:0;margin-bottom:var(--toastify-toast-offset);}.Toastify__toast-body{padding:0;margin:0;}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial !important;}}@keyframes SproutToast__zoom-in{from{opacity:0;transform:scale3d(0.3,0.3,0.3);}50%{opacity:1;}}@keyframes SproutToast__zoom-out{from{opacity:1;}50%{opacity:0;transform:scale3d(0.3,0.3,0.3) translate3d(0,var(--y),0);}to{opacity:0;}}.SproutToast__zoom-in{animation:SproutToast__zoom-in ", " ", " both;}.SproutToast__zoom-out{animation:SproutToast__zoom-out ", " ", " both;}@keyframes SproutToast__none-in{from{opacity:0;}to{opacity:1;}}@keyframes SproutToast__none-out{from{opacity:1;}to{opacity:0;}}.SproutToast__none-in{animation:SproutToast__none-in 0s both;}.SproutToast__none-out{animation:SproutToast__none-out 0s both;}"], TOAST_Z_INDEX, function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.space[400];
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.radii[400];
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.colors.container.background.base;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.colors.container.background.base;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.colors.text.body;
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.shadows.low;
+}, function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.duration.medium;
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return theme.easing.ease_out;
+}, function (_ref13) {
+  var theme = _ref13.theme;
+  return theme.duration.slow;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.easing.ease_in;
+});

package/commonjs/ToggleHint/ToggleHint.js

@@ -7,12 +7,14 @@ exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _styles = _interopRequireWildcard(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["icon", "isOpen", "openString", "closeString", "qa", "className", "color"];
 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 _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"); } }
@@ -42,12 +44,12 @@ var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
     _this = _callSuper(this, ToggleHint, [].concat(args));
     _defineProperty(_assertThisInitialized(_this), "getIcon", function () {
       if (_this.props.icon === "chevron") {
-        return /*#__PURE__*/React.createElement(_Icon.default, {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
           name: "chevron-down-outline",
           "aria-hidden": true
         });
       }
-      return /*#__PURE__*/React.createElement(_Icon.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
         name: _this.props.isOpen ? "minus-outline" : "plus-outline",
         "aria-hidden": true
       });
@@ -66,7 +68,7 @@ var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
         className = _this$props.className,
         color = _this$props.color,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default, _objectSpread(_objectSpread(_objectSpread({
         icon: icon,
         isOpen: isOpen,
         className: "ToggleHint ".concat(className),
@@ -76,7 +78,11 @@ var ToggleHint = exports.default = /*#__PURE__*/function (_React$Component) {
         // @ts-ignore
         ,
         color: color
-      }, qa, rest), this.getIcon(), /*#__PURE__*/React.createElement(_styles.IconText, null, isOpen ? closeString : openString));
+      }, qa), rest), {}, {
+        children: [this.getIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.IconText, {
+          children: isOpen ? closeString : openString
+        })]
+      }));
     }
   }]);
   return ToggleHint;

package/commonjs/Token/Token.js

@@ -11,11 +11,16 @@ var _Box = _interopRequireDefault(require("../Box"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 var _VisuallyHidden = require("../VisuallyHidden");
 var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "closeable", "onClick", "qa", "valid", "disabled", "palette"];
 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 _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 Token = function Token(_ref) {
@@ -32,10 +37,10 @@ var Token = function Token(_ref) {
     palette = _ref$palette === void 0 ? "neutral" : _ref$palette,
     rest = _objectWithoutProperties(_ref, _excluded);
   var textContainer = (0, _seedsReactHooks.useTextContent)("");
-  return /*#__PURE__*/React.createElement(_styles.default
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.default
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-ignore some legacy ref type mismatch between divs
-  , _extends({
+  , _objectSpread(_objectSpread(_objectSpread({
     ref: textContainer,
     valid: valid,
     palette: palette,
@@ -48,27 +53,36 @@ var Token = function Token(_ref) {
     "data-qa-token-iscloseable": closeable === true,
     "data-qa-token-isvalid": valid === true,
     "data-qa-token-isdisabled": disabled === true
-  }, qa, rest), !valid && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, {
-    as: "div",
-    role: "status"
-  }, "This is an invalid token"), /*#__PURE__*/React.createElement(_Icon.default, {
-    "aria-hidden": true,
-    pr: 300,
-    name: "circle-exclamation-solid",
-    size: "mini"
-  }), /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, null, "Invalid")), closeable ? /*#__PURE__*/React.createElement(_Box.default, {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, /*#__PURE__*/React.createElement(_Box.default, {
-    as: "span",
-    display: "flex",
-    alignItems: "center"
-  }, children), /*#__PURE__*/React.createElement(_Icon.default, {
-    "aria-hidden": true,
-    pl: 300,
-    name: "x-solid",
-    size: "mini"
-  })) : children);
+  }, qa), rest), {}, {
+    children: [!valid && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+        as: "div",
+        role: "status",
+        children: "This is an invalid token"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        "aria-hidden": true,
+        pr: 300,
+        name: "circle-exclamation-solid",
+        size: "mini"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
+        children: "Invalid"
+      })]
+    }), closeable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
+        as: "span",
+        display: "flex",
+        alignItems: "center",
+        children: children
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+        "aria-hidden": true,
+        pl: 300,
+        name: "x-solid",
+        size: "mini"
+      })]
+    }) : children]
+  }));
 };
 var _default = exports.default = Token;

package/commonjs/TokenInput/TokenInput.js

@@ -12,6 +12,7 @@ var _Token = _interopRequireDefault(require("../Token"));
 var _styles2 = _interopRequireDefault(require("./styles"));
 var _util = require("./util");
 var _TokenScreenReaderStatus = require("./TokenScreenReaderStatus");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["autoFocus", "autocomplete", "disabled", "isInvalid", "hasWarning", "id", "name", "placeholder", "required", "elemBefore", "elemAfter", "maxLength", "ariaDescribedby", "ariaLabel", "innerRef", "value", "onAddToken", "onRemoveToken", "onChangeTokens", "onClickToken", "onBlur", "onChange", "onFocus", "onKeyDown", "onKeyUp", "onPaste", "inputProps", "qa", "tokens"];
 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); }
@@ -19,7 +20,8 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 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 _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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -191,7 +193,7 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         valid = token.valid;
       var iconName = tokenIconName || defaultIconName;
       var isActive = activeId === id;
-      return /*#__PURE__*/React.createElement(_Token.default, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Token.default, {
         id: id,
         onClick: function onClick(e) {
           return _this2.handleClickToken(e, token);
@@ -201,25 +203,27 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         // @ts-ignore
         ,
         active: isActive,
-        disabled: disabled
-      }, /*#__PURE__*/React.createElement(_Box.default, {
-        display: "flex",
-        alignItems: "center"
-      }, iconName && /*#__PURE__*/React.createElement(_Icon.default, _extends({
-        name: iconName,
-        size: "mini",
-        pr: 300
-      }, iconProps)), value));
+        disabled: disabled,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+          display: "flex",
+          alignItems: "center",
+          children: [iconName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, _objectSpread({
+            name: iconName,
+            size: "mini",
+            pr: 300
+          }, iconProps)), value]
+        })
+      });
     }
   }, {
     key: "renderTokens",
     value: function renderTokens(tokens) {
       var _this3 = this;
       return tokens.map(function (token) {
-        return /*#__PURE__*/React.createElement("div", {
-          key: token.id,
-          className: "TokenInput-token"
-        }, _this3.renderToken(token));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "TokenInput-token",
+          children: _this3.renderToken(token)
+        }, token.id);
       });
     }
   }, {
@@ -259,44 +263,48 @@ var TokenInput = exports.default = /*#__PURE__*/function (_React$Component) {
         tokens = _this$props6.tokens,
         rest = _objectWithoutProperties(_this$props6, _excluded);
       var state = this.state;
-      return /*#__PURE__*/React.createElement(_styles2.default, _extends({
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.default, _objectSpread(_objectSpread({
         hasBeforeElement: !!elemBefore,
         hasAfterElement: !!elemAfter,
         disabled: disabled,
         invalid: !!isInvalid,
         warning: hasWarning,
         focused: state.hasFocus
-      }, rest), elemBefore && /*#__PURE__*/React.createElement(_styles.Accessory, {
-        before: true
-      }, elemBefore), tokens && this.renderTokens(tokens), /*#__PURE__*/React.createElement(_TokenScreenReaderStatus.TokenScreenReaderStatus, {
-        tokens: tokens
-      }), /*#__PURE__*/React.createElement("input", _extends({
-        "aria-describedby": ariaDescribedby,
-        "aria-invalid": !!isInvalid,
-        "aria-label": ariaLabel,
-        autoFocus: autoFocus,
-        autoComplete: autocomplete,
-        disabled: disabled,
-        id: id,
-        name: name,
-        placeholder: placeholder,
-        type: "text",
-        required: required,
-        value: state.value,
-        maxLength: maxLength,
-        onBlur: this.handleBlur,
-        onChange: this.handleChangeText,
-        onFocus: this.handleFocus,
-        onKeyDown: this.handleKeyDown,
-        onKeyUp: this.handleKeyUp,
-        onPaste: this.handlePaste,
-        ref: innerRef,
-        "data-qa-input": name || "",
-        "data-qa-input-isdisabled": !!disabled,
-        "data-qa-input-isrequired": !!required
-      }, qa, inputProps)), elemAfter && /*#__PURE__*/React.createElement(_styles.Accessory, {
-        after: true
-      }, elemAfter));
+      }, rest), {}, {
+        children: [elemBefore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Accessory, {
+          before: true,
+          children: elemBefore
+        }), tokens && this.renderTokens(tokens), /*#__PURE__*/(0, _jsxRuntime.jsx)(_TokenScreenReaderStatus.TokenScreenReaderStatus, {
+          tokens: tokens
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", _objectSpread(_objectSpread({
+          "aria-describedby": ariaDescribedby,
+          "aria-invalid": !!isInvalid,
+          "aria-label": ariaLabel,
+          autoFocus: autoFocus,
+          autoComplete: autocomplete,
+          disabled: disabled,
+          id: id,
+          name: name,
+          placeholder: placeholder,
+          type: "text",
+          required: required,
+          value: state.value,
+          maxLength: maxLength,
+          onBlur: this.handleBlur,
+          onChange: this.handleChangeText,
+          onFocus: this.handleFocus,
+          onKeyDown: this.handleKeyDown,
+          onKeyUp: this.handleKeyUp,
+          onPaste: this.handlePaste,
+          ref: innerRef,
+          "data-qa-input": name || "",
+          "data-qa-input-isdisabled": !!disabled,
+          "data-qa-input-isrequired": !!required
+        }, qa), inputProps)), elemAfter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Accessory, {
+          after: true,
+          children: elemAfter
+        })]
+      }));
     }
   }], [{
     key: "getDerivedStateFromProps",

package/commonjs/TokenInput/TokenScreenReaderStatus.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TokenScreenReaderStatus = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _VisuallyHidden = require("../VisuallyHidden");
+var _jsxRuntime = require("react/jsx-runtime");
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -43,8 +44,9 @@ var TokenScreenReaderStatus = exports.TokenScreenReaderStatus = function TokenSc
       }
     }
   }, [prevTokens, tokens, tokenStatus]);
-  return /*#__PURE__*/_react.default.createElement(_VisuallyHidden.VisuallyHidden, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisuallyHidden.VisuallyHidden, {
     as: "div",
-    role: "status"
-  }, tokenStatus);
+    role: "status",
+    children: tokenStatus
+  });
 };

package/commonjs/Tooltip/Tooltip.js

@@ -7,18 +7,14 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var React = _react;
 var _seedsMotionUnitless = _interopRequireDefault(require("@sproutsocial/seeds-motion/dist/seeds-motion-unitless"));
-var _Popout = _interopRequireDefault(require("../Popout"));
+var _seedsReactPopout = _interopRequireDefault(require("@sproutsocial/seeds-react-popout"));
 var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["appearance", "children", "onFocus", "onBlur"],
   _excluded2 = ["content", "children", "enterDelay", "placement", "appearance", "zIndex", "qa", "popoutProps", "truncated", "onFocus", "onBlur"];
 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 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 _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."); }
@@ -26,7 +22,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _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; }
 var idCounter = 0;
@@ -48,7 +48,7 @@ var TooltipBubble = function TooltipBubble(_ref) {
   var handleBlur = function handleBlur(e) {
     onBlur(e);
   };
-  return /*#__PURE__*/React.createElement(_styles.StyledTooltipContent, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StyledTooltipContent, _objectSpread(_objectSpread({
     role: "tooltip",
     appearance: appearance,
     borderRadius: appearance === "box" ? 500 : "5000em",
@@ -65,7 +65,9 @@ var TooltipBubble = function TooltipBubble(_ref) {
     onMouseEnter: handleFocus,
     onMouseLeave: handleBlur,
     tabIndex: 0
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 
 /** Core component */
@@ -146,15 +148,17 @@ var Tooltip = function Tooltip(_ref2) {
 
   /** The wrapped content of whats inside the Tooltip */
   var TooltipContent = function TooltipContent() {
-    return /*#__PURE__*/React.createElement(TooltipBubble, _extends({
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipBubble, _objectSpread(_objectSpread({
       appearance: defaultAppearance,
       onFocus: show,
       onBlur: hide,
       "aria-expanded": isOpen,
       id: id
-    }, rest), content);
+    }, rest), {}, {
+      children: content
+    }));
   };
-  return /*#__PURE__*/React.createElement(_Popout.default, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seedsReactPopout.default, _objectSpread(_objectSpread({
     content: !isInvalidContent ? TooltipContent : undefined,
     isOpen: isOpen,
     placement: placement,
@@ -167,20 +171,23 @@ var Tooltip = function Tooltip(_ref2) {
     "aria-haspopup": "false",
     display: truncated ? "flex" : undefined,
     disableWrapperAria: true // required so that the child span doesnt take in redundant aria props
-  }, popoutProps), /*#__PURE__*/React.createElement("span", {
-    onBlur: hide,
-    onFocus: show,
-    onMouseEnter: show,
-    onMouseLeave: hide,
-    style: truncated ? {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
-    } : {}
-  }, /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
-    //** There may be cases where the Tooltip's child needs to properly describe its role as expanding a drawer, in which case that propery takes priority */
-    "aria-expanded": hasAttribute(children, "aria-expanded") ? children.props["aria-expanded"] : isOpen,
-    "aria-describedby": id
-  }) : children));
+  }, popoutProps), {}, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      onBlur: hide,
+      onFocus: show,
+      onMouseEnter: show,
+      onMouseLeave: hide,
+      style: truncated ? {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      } : {},
+      children: /*#__PURE__*/React.isValidElement(children) ? /*#__PURE__*/React.cloneElement(children, {
+        //** There may be cases where the Tooltip's child needs to properly describe its role as expanding a drawer, in which case that propery takes priority */
+        "aria-expanded": hasAttribute(children, "aria-expanded") ? children.props["aria-expanded"] : isOpen,
+        "aria-describedby": id
+      }) : children
+    })
+  }));
 };
 var _default = exports.default = Tooltip;

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAEV,0BAA0B,EAC1B,qBAAqB,EACrB,eAAe,EAEf,sBAAsB,EACvB,MAAM,eAAe,CAAC;AAkLvB,QAAA,MAAM,eAAe;+IAalB,eAAe;;mDAnJf,qBAAqB;;;;gCAmCsB,sBAAsB;;;;gBAjElC,0BAA0B;;;CAwN3D,CAAC;AAUF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,OAAO,KAAK,EAEV,0BAA0B,EAC1B,qBAAqB,EACrB,eAAe,EAEf,sBAAsB,EACvB,MAAM,eAAe,CAAC;AAwOvB,QAAA,MAAM,eAAe;+IAalB,eAAe;;mDA3Kf,qBAAqB;;;;gCAmCsB,sBAAsB;;;;gBAjElC,0BAA0B;;;CAqO3D,CAAC;AAUF,eAAe,eAAe,CAAC"}

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

@@ -3,6 +3,7 @@ import { TypeStyledComponentsCommonProps } from "../types/styled-components";
 import { TypeSystemCommonProps } from "@sproutsocial/seeds-react-system-props";
 import { TypeBoxProps } from "../Box";
 import { TypeButtonProps } from "../Button";
+type DrawerAnimationDirection = "left" | "right";
 export interface TypeDrawerContext {
     /** Callback for close button */
     onClose?: () => any;
@@ -20,15 +21,16 @@ export interface TypeDrawerHeaderProps extends TypeBoxProps {
     /** An optional function that receives the context of the parent drawer as an argument. Can be used to customize the appearance of the header. */
     render?: React.FC<TypeDrawerContext>;
 }
-export interface TypeInnerDrawerProps extends Omit<TypeDrawerProps, "closeButtonLabel" | "isOpen"> {
-    style: any;
+export interface TypeInnerDrawerProps extends Omit<TypeDrawerProps, "closeButtonLabel"> {
+    width: number;
+    direction: DrawerAnimationDirection;
 }
 export interface TypeDrawerProps extends TypeStyledComponentsCommonProps, TypeSystemCommonProps, Omit<React.ComponentPropsWithoutRef<"nav">, "color"> {
     children: React.ReactNode;
     /** Label for the close button. Usually this should be "Close" */
     closeButtonLabel: string;
     /** Whether the drawer slides in from the left or right side of the screen */
-    direction?: "left" | "right";
+    direction?: DrawerAnimationDirection;
     /** In some cases, you may not want the user to be able to click outside of the drawer to close it. You can disable that with this prop. */
     disableCloseOnClickOutside?: boolean;
     id: string;
@@ -43,4 +45,5 @@ export interface TypeDrawerProps extends TypeStyledComponentsCommonProps, TypeSy
 export interface TypeDrawerContentProps extends TypeBoxProps {
     children?: React.ReactNode;
 }
+export {};
 //# sourceMappingURL=DrawerTypes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrawerTypes.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAEhC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IAEpB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC,0IAA0I;IAC1I,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iJAAiJ;IACjJ,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,kBAAkB,GAAG,QAAQ,CAAC;IAE5D,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,WAAW,eACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iEAAiE;IACjE,gBAAgB,EAAE,MAAM,CAAC;IAEzB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE7B,2IAA2I;IAC3I,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAC1D;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}
+{"version":3,"file":"DrawerTypes.d.ts","sourceRoot":"","sources":["../../../src/Drawer/DrawerTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,KAAK,wBAAwB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEjD,MAAM,WAAW,iBAAiB;IAChC,gCAAgC;IAEhC,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IAEpB,yCAAyC;IACzC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC;IACzC,0IAA0I;IAC1I,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,YAAY;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,iJAAiJ;IACjJ,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,wBAAwB,CAAC;CACrC;AAED,MAAM,WAAW,eACf,SAAQ,+BAA+B,EACrC,qBAAqB,EACrB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,iEAAiE;IACjE,gBAAgB,EAAE,MAAM,CAAC;IAEzB,6EAA6E;IAC7E,SAAS,CAAC,EAAE,wBAAwB,CAAC;IAErC,2IAA2I;IAC3I,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,OAAO,CAAC;CAC1D;AAED,MAAM,WAAW,sBAAuB,SAAQ,YAAY;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/types/Listbox/ListboxTypes.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { TypeButtonProps } from "../Button";
-import { TypePopoutProps } from "../Popout/PopoutTypes";
+import { TypePopoutProps } from "@sproutsocial/seeds-react-popout";
 import { TypeMenuProps, TypeMenuButtonContext, TypeMenuButtonProps } from "../Menu";
 export interface TypeListboxProps extends TypeMenuProps {
     role?: "listbox";