@pingux/astro 2.106.0-alpha.1 → 2.106.0-alpha.3

package/lib/cjs/components/AIComponents/Suggestions/Suggestion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SuggestionProps } from '../../../types/suggestions';
+declare const Suggestion: (props: SuggestionProps) => React.JSX.Element;
+export default Suggestion;

package/lib/cjs/components/AIComponents/Suggestions/Suggestion.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _PlusIcon = _interopRequireDefault(require("@pingux/mdi-react/PlusIcon"));
+var _index = require("../../../index");
+var _react2 = require("@emotion/react");
+var _excluded = ["isFullScreen", "text", "textProps", "iconProps"];
+var Suggestion = function Suggestion(props) {
+  var isFullScreen = props.isFullScreen,
+    text = props.text,
+    textProps = props.textProps,
+    iconProps = props.iconProps,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  if (isFullScreen) {
+    return (0, _react2.jsx)(_index.Card, (0, _extends2["default"])({
+      variant: "cards.suggestionColumn",
+      tabIndex: "0"
+    }, others), (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
+      icon: _PlusIcon["default"]
+    }, iconProps)), (0, _react2.jsx)(_index.Text, (0, _extends2["default"])({
+      variant: "suggestion"
+    }, textProps), text));
+  }
+  return (0, _react2.jsx)(_index.Card, (0, _extends2["default"])({
+    variant: "cards.suggestionRow",
+    isRow: true,
+    alignItems: "center",
+    tabIndex: "0"
+  }, others), (0, _react2.jsx)(_index.Text, (0, _extends2["default"])({
+    variant: "suggestion"
+  }, textProps), text), (0, _react2.jsx)(_index.Box, {
+    variant: "suggestion.iconContainer"
+  }, (0, _react2.jsx)(_index.Icon, (0, _extends2["default"])({
+    icon: _PlusIcon["default"]
+  }, iconProps))));
+};
+var _default = Suggestion;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SuggestionsProps } from '../../../types/suggestions';
+declare const Suggestions: (props: SuggestionsProps) => React.JSX.Element;
+export default Suggestions;

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.js

@@ -0,0 +1,42 @@
+"use strict";
+
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../../hooks");
+var _index = require("../../../index");
+var _react2 = require("@emotion/react");
+var _excluded = ["children", "isFullScreen", "className"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Suggestions = function Suggestions(props) {
+  var children = props.children,
+    isFullScreen = props.isFullScreen,
+    className = props.className,
+    others = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  var _useStatusClasses = (0, _hooks.useStatusClasses)(className, {
+      isFullScreen: isFullScreen
+    }),
+    classNames = _useStatusClasses.classNames;
+  return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({}, others, {
+    className: classNames,
+    isRow: isFullScreen,
+    variant: "suggestions"
+  }), (0, _map["default"])(_react.Children).call(_react.Children, children, function (child) {
+    return (0, _react2.jsx)(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].cloneElement(child, {
+      isFullScreen: isFullScreen
+    }));
+  }));
+};
+var _default = Suggestions;
+exports["default"] = _default;

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: (props: import("../../../types/suggestions").SuggestionsProps) => React.JSX.Element;
+};
+export default _default;
+export declare const Default: () => React.JSX.Element;
+export declare const FullScreen: () => React.JSX.Element;

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.FullScreen = exports.Default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _index = require("../../../index");
+var _Suggestion = _interopRequireDefault(require("./Suggestion"));
+var _Suggestions = _interopRequireDefault(require("./Suggestions"));
+var _react2 = require("@emotion/react");
+var _default = {
+  title: 'Ai Components/Suggestions',
+  component: _Suggestions["default"]
+};
+exports["default"] = _default;
+var lorem = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
+var Default = function Default() {
+  return (0, _react2.jsx)(_index.AstroWrapper, {
+    theme: _index.NextGenTheme
+  }, (0, _react2.jsx)(_Suggestions["default"], null, (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  }), (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  }), (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  }), (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  })));
+};
+exports.Default = Default;
+var FullScreen = function FullScreen() {
+  return (0, _react2.jsx)(_index.AstroWrapper, {
+    theme: _index.NextGenTheme
+  }, (0, _react2.jsx)(_Suggestions["default"], {
+    isFullScreen: true
+  }, (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  }), (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  }), (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  }), (0, _react2.jsx)(_Suggestion["default"], {
+    text: lorem
+  })));
+};
+exports.FullScreen = FullScreen;

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/AIComponents/Suggestions/Suggestions.test.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _defineProperty = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _ = require("../../..");
+var _testWrapper = require("../../../utils/testUtils/testWrapper");
+var _Suggestion = _interopRequireDefault(require("./Suggestion"));
+var _Suggestions = _interopRequireDefault(require("./Suggestions"));
+var _react2 = require("@emotion/react");
+var containerTestId = 'suggestions-container';
+var defaultProps = {
+  isFullScreen: false,
+  'data-testid': containerTestId
+};
+var getComponent = function getComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_.AstroProvider, {
+    theme: _.NextGenTheme
+  }, (0, _react2.jsx)(_Suggestions["default"], (0, _extends2["default"])({}, defaultProps, props), (0, _react2.jsx)(_Suggestion["default"], {
+    text: "Suggestion 1"
+  }))));
+};
+test('Suggestions component renders correctly', function () {
+  (0, _defineProperty["default"])(window, 'matchMedia', {
+    writable: true,
+    value: jest.fn().mockImplementation(function (query) {
+      return {
+        matches: query === '(max-width: 993px)',
+        media: query,
+        onchange: null,
+        addListener: jest.fn(),
+        removeListener: jest.fn()
+      };
+    })
+  });
+  getComponent();
+  expect(_testWrapper.screen.getAllByText('Suggestion 1')[0]).toBeInTheDocument();
+});
+test('Suggestions component applies isFullScreen prop correctly', function () {
+  getComponent({
+    isFullScreen: true
+  });
+  var suggestions = _testWrapper.screen.getByTestId(containerTestId);
+  expect(suggestions).toHaveClass('is-full-screen');
+});

package/lib/cjs/components/AIComponents/Suggestions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Suggestion } from './Suggestion';
+export { default } from './Suggestions';

package/lib/cjs/components/AIComponents/Suggestions/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "Suggestion", {
+  enumerable: true,
+  get: function get() {
+    return _Suggestion["default"];
+  }
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Suggestions["default"];
+  }
+});
+var _Suggestion = _interopRequireDefault(require("./Suggestion"));
+var _Suggestions = _interopRequireDefault(require("./Suggestions"));

package/lib/cjs/components/NavigationHeader/HeaderAccountMenu.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { AvatarProps } from '../../types';
+import { AvatarProps, ButtonProps } from '../../types';
 import { userDataProps } from './NavigationHeader.stories';
 interface HeaderAccountMenuProps {
     userData?: userDataProps;
     avatarProps?: AvatarProps;
+    buttonProps?: ButtonProps;
 }
 declare const HeaderAccountMenu: (props: HeaderAccountMenuProps) => React.JSX.Element;
 export default HeaderAccountMenu;

package/lib/cjs/components/NavigationHeader/HeaderAccountMenu.js

@@ -14,7 +14,8 @@ var _useGetTheme2 = _interopRequireDefault(require("../../hooks/useGetTheme"));
 var _react2 = require("@emotion/react");
 var HeaderAccountMenu = function HeaderAccountMenu(props) {
   var userData = props.userData,
-    avatarProps = props.avatarProps;
+    avatarProps = props.avatarProps,
+    buttonProps = props.buttonProps;
   var _ref = userData || {},
     image = _ref.image,
     firstName = _ref.firstName,
@@ -23,9 +24,9 @@ var HeaderAccountMenu = function HeaderAccountMenu(props) {
   var _useGetTheme = (0, _useGetTheme2["default"])(),
     icons = _useGetTheme.icons;
   var MenuDown = icons.MenuDown;
-  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.PopoverMenu, null, (0, _react2.jsx)(_.Button, {
+  return (0, _react2.jsx)(_.OverlayProvider, null, (0, _react2.jsx)(_.PopoverMenu, null, (0, _react2.jsx)(_.Button, (0, _extends2["default"])({
     variant: "navigationHeader.accountButton"
-  }, (0, _react2.jsx)(_.Box, {
+  }, buttonProps), (0, _react2.jsx)(_.Box, {
     isRow: true,
     alignItems: "center",
     gap: "xs"

package/lib/cjs/components/NavigationHeader/NavigationHeader.test.js

@@ -10,7 +10,10 @@ var _Object$setPrototypeOf = require("@babel/runtime-corejs3/core-js-stable/obje
 var _Promise = require("@babel/runtime-corejs3/core-js-stable/promise");
 var _reverseInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/reverse");
 var _sliceInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
@@ -22,13 +25,21 @@ var _index = require("../../index");
 var _images = require("../../utils/devUtils/constants/images");
 var _testWrapper = require("../../utils/testUtils/testWrapper");
 var _universalComponentTest = require("../../utils/testUtils/universalComponentTest");
-var _ = _interopRequireDefault(require("."));
+var _ = _interopRequireWildcard(require("."));
 var _react2 = require("@emotion/react");
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context2; _forEachInstanceProperty(_context2 = ["next", "throw", "return"]).call(_context2, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context3; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context3 = this.tryEntries).call(_context3, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = _Object$defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof _Symbol ? _Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return _Object$defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = _Object$create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = _Object$getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = _Object$create(IteratorPrototype); function defineIteratorMethods(prototype) { var _context3; _forEachInstanceProperty(_context3 = ["next", "throw", "return"]).call(_context3, function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], _forEachInstanceProperty(tryLocsList).call(tryLocsList, pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return _Object$setPrototypeOf ? _Object$setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = _Object$create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = _Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return _reverseInstanceProperty(keys).call(keys), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { var _context4; if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, _forEachInstanceProperty(_context4 = this.tryEntries).call(_context4, resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+_sliceInstanceProperty(name).call(name, 1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
 var breakpointDisplaysXS = ['none', 'none', 'block', 'block', 'block', 'block'];
 var breakpointDisplaySmall = ['none', 'none', 'none', 'none', 'block', 'block'];
 var pingLogoAlt = 'Ping Identity Logo';
 var fallbackAlt = 'Fallback Image';
+var userData = {
+  email: 'bjensen@example.com',
+  firstName: 'Barbara',
+  lastName: 'Jensen',
+  image: _images.userImage
+};
 var getComponent = function getComponent() {
   var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return (0, _testWrapper.render)((0, _react2.jsx)(_["default"], (0, _extends2["default"])({}, props, {
@@ -153,8 +164,80 @@ var getComponent = function getComponent() {
       'aria-label': 'theme icon',
       'data-testid': 'theme-toggle-icon-button'
     }
+  })), (0, _react2.jsx)(_index.Box, {
+    as: "li",
+    display: breakpointDisplaysXS,
+    "data-testid": "header-account-menu"
+  }, (0, _react2.jsx)(_.HeaderAccountMenu, {
+    userData: userData,
+    buttonProps: {
+      'data-testid': 'user-dropdown-button'
+    },
+    avatarProps: {
+      defaultText: 'BJ',
+      size: 'avatar.md',
+      backgroundColor: 'red-100',
+      color: 'red-800'
+    }
   })))));
 };
+var getAccountMenuComponent = function getAccountMenuComponent() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _testWrapper.render)((0, _react2.jsx)(_["default"], {
+    isSticky: true,
+    "aria-labelledby": "next-gen-header"
+  }, (0, _react2.jsx)(_index.Link, {
+    href: "#",
+    variant: "navigationHeader.logoBand",
+    "data-testid": "logo-band"
+  }, (0, _react2.jsx)(_index.Box, {
+    isRow: true,
+    alignItems: "center",
+    justifyContent: "center",
+    py: "sm",
+    flex: "0 0 auto"
+  }, (0, _react2.jsx)(_index.Image, {
+    src: _images.pingLogoHorizontal,
+    alt: pingLogoAlt,
+    mr: "md",
+    sx: {
+      height: '24px'
+    },
+    "data-testid": "ping-logo",
+    fallbackAlt: fallbackAlt
+  }), (0, _react2.jsx)(_index.Separator, {
+    orientation: "vertical",
+    style: {
+      height: '28px',
+      margin: '0'
+    }
+  }), (0, _react2.jsx)(_index.Text, {
+    as: "h2",
+    variant: "navigationHeader.headerPlaceholder",
+    id: "next-gen-header"
+  }, "Marketplace"))), (0, _react2.jsx)(_index.Box, {
+    as: "ul",
+    isRow: true,
+    alignItems: "center",
+    p: "0",
+    ml: "auto",
+    flex: "0 0 auto"
+  }, (0, _react2.jsx)(_index.Box, {
+    as: "li",
+    display: breakpointDisplaysXS,
+    "data-testid": "header-account-menu"
+  }, (0, _react2.jsx)(_.HeaderAccountMenu, (0, _extends2["default"])({}, props, {
+    buttonProps: {
+      'data-testid': 'user-dropdown-button'
+    },
+    avatarProps: {
+      defaultText: 'BJ',
+      size: 'avatar.md',
+      backgroundColor: 'red-100',
+      color: 'red-800'
+    }
+  }))))));
+};
 
 // Needs to be added to each components test file
 (0, _universalComponentTest.universalComponentTests)({
@@ -281,6 +364,18 @@ var getComponent = function getComponent() {
       buttonProps: {
         'aria-label': 'theme icon'
       }
+    })), (0, _react2.jsx)(_index.Box, {
+      as: "li",
+      display: breakpointDisplaysXS,
+      "data-testid": "header-account-menu"
+    }, (0, _react2.jsx)(_.HeaderAccountMenu, {
+      userData: userData,
+      avatarProps: {
+        defaultText: 'BJ',
+        size: 'avatar.md',
+        backgroundColor: 'red-100',
+        color: 'red-800'
+      }
     }))));
   }
 });
@@ -358,4 +453,23 @@ test('should open dropdown menu when clicked', /*#__PURE__*/(0, _asyncToGenerato
         return _context.stop();
     }
   }, _callee);
-})));
+})));
+test('should render HeaderAccountMenu component', function () {
+  getAccountMenuComponent();
+  var headerAccountMenuElement = _testWrapper.screen.getByTestId('header-account-menu');
+  expect(headerAccountMenuElement).toBeInTheDocument();
+});
+test('should render HeaderAccountMenu component with user data', function () {
+  var _context2;
+  getAccountMenuComponent({
+    userData: userData
+  });
+  var headerAccountMenuElement = _testWrapper.screen.getByTestId('user-dropdown-button');
+  _userEvent["default"].click(headerAccountMenuElement);
+  expect(_testWrapper.screen.getByText((0, _concat["default"])(_context2 = "".concat(userData.firstName, " ")).call(_context2, userData.lastName))).toBeInTheDocument();
+  expect(_testWrapper.screen.getByText(userData.email)).toBeInTheDocument();
+});
+test('should render empty HeaderAccountMenu component when userdata is empty', function () {
+  getAccountMenuComponent();
+  expect(_testWrapper.screen.getByText('BJ')).toBeInTheDocument();
+});

package/lib/cjs/components/NavigationHeader/index.d.ts

@@ -1 +1,2 @@
+export { default as HeaderAccountMenu } from './HeaderAccountMenu';
 export { default } from './NavigationHeader';

package/lib/cjs/components/NavigationHeader/index.js

@@ -5,10 +5,17 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
+_Object$defineProperty(exports, "HeaderAccountMenu", {
+  enumerable: true,
+  get: function get() {
+    return _HeaderAccountMenu["default"];
+  }
+});
 _Object$defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _NavigationHeader["default"];
   }
 });
+var _HeaderAccountMenu = _interopRequireDefault(require("./HeaderAccountMenu"));
 var _NavigationHeader = _interopRequireDefault(require("./NavigationHeader"));

package/lib/cjs/index.d.ts

@@ -14,6 +14,8 @@ export { default as ResponseAttachment } from './components/AIComponents/Respons
 export { default as ResponseList } from './components/AIComponents/Response/ResponseList';
 export { default as ResponseText } from './components/AIComponents/Response/ResponseText';
 export { default as ResponseToolbar } from './components/AIComponents/Response/ResponseToolbar';
+export { default } from './components/AIComponents/Suggestions';
+export { default as Suggestion } from './components/AIComponents/Suggestions/Suggestion';
 export { default as ArrayField } from './components/ArrayField';
 export * from './components/ArrayField';
 export { default as AstroWrapper } from './components/AstroProvider';

package/lib/cjs/index.js

@@ -24,6 +24,7 @@ var _exportNames = {
   ResponseList: true,
   ResponseText: true,
   ResponseToolbar: true,
+  Suggestion: true,
   ArrayField: true,
   AstroWrapper: true,
   AstroProvider: true,
@@ -841,6 +842,12 @@ _Object$defineProperty(exports, "SuccessCalloutBadge", {
     return _SuccessCalloutBadge["default"];
   }
 });
+_Object$defineProperty(exports, "Suggestion", {
+  enumerable: true,
+  get: function get() {
+    return _Suggestion["default"];
+  }
+});
 _Object$defineProperty(exports, "Switch", {
   enumerable: true,
   get: function get() {
@@ -955,6 +962,12 @@ _Object$defineProperty(exports, "WarningCalloutBadge", {
     return _WarningCalloutBadge["default"];
   }
 });
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Suggestions["default"];
+  }
+});
 _Object$defineProperty(exports, "useOverlayPosition", {
   enumerable: true,
   get: function get() {
@@ -1035,6 +1048,8 @@ var _ResponseAttachment = _interopRequireDefault(require("./components/AICompone
 var _ResponseList = _interopRequireDefault(require("./components/AIComponents/Response/ResponseList"));
 var _ResponseText = _interopRequireDefault(require("./components/AIComponents/Response/ResponseText"));
 var _ResponseToolbar = _interopRequireDefault(require("./components/AIComponents/Response/ResponseToolbar"));
+var _Suggestions = _interopRequireDefault(require("./components/AIComponents/Suggestions"));
+var _Suggestion = _interopRequireDefault(require("./components/AIComponents/Suggestions/Suggestion"));
 var _ArrayField = _interopRequireWildcard(require("./components/ArrayField"));
 _forEachInstanceProperty(_context5 = _Object$keys(_ArrayField)).call(_context5, function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts

@@ -50,6 +50,7 @@ declare const colors: {
         base: string;
         secondary: string;
         card: string;
+        suggestion: string;
     };
     iconWrapper: {
         wrapper: {

package/lib/cjs/styles/themes/next-gen/colors/colors.js

@@ -108,7 +108,8 @@ var overrides = {
 var background = {
   base: 'white',
   secondary: _colorTokens.nextGenColors['gray-100'],
-  card: _colorTokens.nextGenColors['blue-100']
+  card: _colorTokens.nextGenColors['blue-100'],
+  suggestion: '#ecf0f5'
 };
 var card = {
   blue: _colorTokens.nextGenColors['blue-100'],

package/lib/cjs/styles/themes/next-gen/convertedComponentList.js

@@ -17,7 +17,7 @@ var componentSpecificNextGenBlacklist = {
   OverlayPanel: ['Expandable']
 };
 exports.componentSpecificNextGenBlacklist = componentSpecificNextGenBlacklist;
-var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response'];
+var nextGenOnlyComponents = ['NavigationHeader', 'Prompt', 'AI Panel', 'Response', 'Suggestions'];
 exports.nextGenOnlyComponents = nextGenOnlyComponents;
 var _default = nextGenConvertedComponents;
 exports["default"] = _default;