instantsearch-ui-components 0.11.2 → 0.13.0

package/dist/cjs/components/chat/ChatPrompt.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createChatPromptComponent = createChatPromptComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _lib = require("../../lib");
+var _Button = require("../Button");
+var _icons = require("./icons");
+var _excluded = ["classNames", "headerComponent", "footerComponent", "value", "placeholder", "status", "disabled", "maxRows", "autoFocus", "translations", "onInput", "onSubmit", "onKeyDown", "onStop", "promptRef"];
+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) { (0, _defineProperty2.default)(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 createChatPromptComponent(_ref) {
+  var createElement = _ref.createElement;
+  var Button = (0, _Button.createButtonComponent)({
+    createElement: createElement
+  });
+  var textAreaElement = null;
+  var lineHeight = 0;
+  var padding = 0;
+  var adjustHeight = function adjustHeight() {
+    if (!textAreaElement) return;
+    textAreaElement.style.height = 'auto';
+    var fullHeight = textAreaElement.scrollHeight;
+    if (textAreaElement.getAttribute('data-max-rows')) {
+      var maxRows = parseInt(textAreaElement.getAttribute('data-max-rows') || '0', 10);
+      if (maxRows > 0) {
+        var maxHeight = maxRows * lineHeight + padding;
+        textAreaElement.style.overflowY = fullHeight > maxHeight ? 'auto' : 'hidden';
+        textAreaElement.style.height = "".concat(Math.min(fullHeight, maxHeight), "px");
+        return;
+      }
+    }
+    textAreaElement.style.overflowY = 'hidden';
+    textAreaElement.style.height = "".concat(fullHeight, "px");
+  };
+  var setTextAreaRef = function setTextAreaRef(element, promptRef) {
+    textAreaElement = element;
+    if (promptRef) {
+      promptRef.current = element;
+    }
+    if (element) {
+      var styles = getComputedStyle(element);
+      lineHeight = parseFloat(styles.lineHeight);
+      var pt = parseFloat(styles.paddingTop);
+      var pb = parseFloat(styles.paddingBottom);
+      padding = pt + pb;
+      adjustHeight();
+    }
+  };
+  return function ChatPrompt(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      HeaderComponent = userProps.headerComponent,
+      FooterComponent = userProps.footerComponent,
+      value = userProps.value,
+      placeholder = userProps.placeholder,
+      _userProps$status = userProps.status,
+      status = _userProps$status === void 0 ? 'ready' : _userProps$status,
+      _userProps$disabled = userProps.disabled,
+      disabled = _userProps$disabled === void 0 ? false : _userProps$disabled,
+      _userProps$maxRows = userProps.maxRows,
+      maxRows = _userProps$maxRows === void 0 ? 5 : _userProps$maxRows,
+      _userProps$autoFocus = userProps.autoFocus,
+      autoFocus = _userProps$autoFocus === void 0 ? true : _userProps$autoFocus,
+      userTranslations = userProps.translations,
+      _onInput = userProps.onInput,
+      _onSubmit = userProps.onSubmit,
+      _onKeyDown = userProps.onKeyDown,
+      onStop = userProps.onStop,
+      promptRef = userProps.promptRef,
+      props = (0, _objectWithoutProperties2.default)(userProps, _excluded);
+    var translations = _objectSpread({
+      textareaLabel: 'Type your message...',
+      textareaPlaceholder: 'Type your message...',
+      emptyMessageTooltip: 'Message is empty',
+      stopResponseTooltip: 'Stop response',
+      sendMessageTooltip: 'Send message',
+      disclaimer: 'AI can make mistakes. Verify responses.'
+    }, userTranslations);
+    var cssClasses = {
+      root: (0, _lib.cx)('ais-ChatPrompt', classNames.root),
+      header: (0, _lib.cx)('ais-ChatPrompt-header', classNames.header),
+      body: (0, _lib.cx)('ais-ChatPrompt-body', classNames.body),
+      textarea: (0, _lib.cx)('ais-ChatPrompt-textarea ais-Scrollbar', disabled && 'ais-ChatPrompt-textarea--disabled', classNames.textarea),
+      actions: (0, _lib.cx)('ais-ChatPrompt-actions', classNames.actions, disabled && 'ais-ChatPrompt-actions--disabled'),
+      submit: (0, _lib.cx)('ais-ChatPrompt-submit', classNames.submit),
+      footer: (0, _lib.cx)('ais-ChatPrompt-footer', classNames.footer)
+    };
+    var hasValue = typeof value === 'string' ? value.trim() !== '' : Boolean(value);
+    var canStop = status === 'submitted' || status === 'streaming';
+    var buttonDisabled = !hasValue && !canStop || disabled;
+    var submitIcon = canStop ? createElement(_icons.StopIconComponent, {
+      createElement: createElement
+    }) : createElement(_icons.ArrowUpIconComponent, {
+      createElement: createElement
+    });
+    return createElement("form", {
+      className: (0, _lib.cx)(cssClasses.root, props.className),
+      onSubmit: function onSubmit(event) {
+        event.preventDefault();
+        if (canStop) {
+          onStop === null || onStop === void 0 ? void 0 : onStop();
+          return;
+        }
+        if (!hasValue) {
+          return;
+        }
+        _onSubmit === null || _onSubmit === void 0 ? void 0 : _onSubmit(event);
+      }
+    }, HeaderComponent && createElement("div", {
+      className: (0, _lib.cx)(cssClasses.header)
+    }, createElement(HeaderComponent, null)), createElement("div", {
+      className: (0, _lib.cx)(cssClasses.body),
+      onClick: function onClick(e) {
+        var _textAreaElement;
+        if (e.target === textAreaElement) return;
+        (_textAreaElement = textAreaElement) === null || _textAreaElement === void 0 ? void 0 : _textAreaElement.focus();
+      }
+    }, createElement("textarea", (0, _extends2.default)({}, props, {
+      ref: function ref(element) {
+        return setTextAreaRef(element, promptRef);
+      },
+      "data-max-rows": maxRows,
+      className: (0, _lib.cx)(cssClasses.textarea),
+      value: value,
+      placeholder: placeholder || translations.textareaPlaceholder,
+      "aria-label": translations.textareaLabel,
+      disabled: disabled,
+      autoFocus: autoFocus,
+      onInput: function onInput(event) {
+        adjustHeight();
+        _onInput === null || _onInput === void 0 ? void 0 : _onInput(event);
+      },
+      onKeyDown: function onKeyDown(event) {
+        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(event);
+        if (event.key === 'Enter' && !event.shiftKey) {
+          event.preventDefault();
+          if (canStop) {
+            onStop === null || onStop === void 0 ? void 0 : onStop();
+            return;
+          }
+          if (!hasValue) {
+            return;
+          }
+          _onSubmit === null || _onSubmit === void 0 ? void 0 : _onSubmit(event);
+        }
+        if (event.key === 'Escape') {
+          if (event.currentTarget && event.currentTarget.blur) {
+            event.currentTarget.blur();
+          }
+        }
+      }
+    })), createElement("div", {
+      className: (0, _lib.cx)(cssClasses.actions)
+    }, createElement(Button, {
+      type: "submit",
+      variant: "primary",
+      size: "sm",
+      iconOnly: true,
+      className: (0, _lib.cx)(cssClasses.submit),
+      disabled: buttonDisabled,
+      "aria-label": function () {
+        if (buttonDisabled) return translations.emptyMessageTooltip;
+        if (canStop) return translations.stopResponseTooltip;
+        return translations.sendMessageTooltip;
+      }(),
+      "data-status": status
+    }, submitIcon))), createElement("div", {
+      className: (0, _lib.cx)(cssClasses.footer)
+    }, FooterComponent ? createElement(FooterComponent, null) : createElement("div", {
+      className: "ais-ChatPrompt-disclaimer"
+    }, translations.disclaimer)));
+  };
+}

package/dist/cjs/components/chat/ChatToggleButton.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createChatToggleButtonComponent = createChatToggleButtonComponent;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _cx = require("../../lib/cx");
+var _Button = require("../Button");
+var _icons = require("./icons");
+var _excluded = ["open", "onClick", "toggleIconComponent", "classNames", "className"];
+function createChatToggleButtonComponent(_ref) {
+  var createElement = _ref.createElement;
+  var Button = (0, _Button.createButtonComponent)({
+    createElement: createElement
+  });
+  return function ChatToggleButton(_ref2) {
+    var open = _ref2.open,
+      onClick = _ref2.onClick,
+      ToggleIconComponent = _ref2.toggleIconComponent,
+      _ref2$classNames = _ref2.classNames,
+      classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
+      className = _ref2.className,
+      props = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    var defaultIcon = open ? createElement(_icons.ChevronUpIconComponent, {
+      createElement: createElement,
+      width: 28,
+      height: 28
+    }) : createElement(_icons.SparklesIconComponent, {
+      createElement: createElement,
+      width: 28,
+      height: 28
+    });
+    return createElement(Button, (0, _extends2.default)({
+      variant: "primary",
+      size: "md",
+      iconOnly: true,
+      className: (0, _cx.cx)('ais-ChatToggleButton', open && 'ais-ChatToggleButton--open', classNames.root, className),
+      onClick: onClick
+    }, props), ToggleIconComponent ? createElement(ToggleIconComponent, {
+      isOpen: open
+    }) : defaultIcon);
+  };
+}

package/dist/cjs/components/chat/icons.js

@@ -0,0 +1,375 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArrowRightIconComponent = ArrowRightIconComponent;
+exports.ArrowUpIconComponent = ArrowUpIconComponent;
+exports.ChevronDownIconComponent = ChevronDownIconComponent;
+exports.ChevronLeftIconComponent = ChevronLeftIconComponent;
+exports.ChevronRightIconComponent = ChevronRightIconComponent;
+exports.ChevronUpIconComponent = ChevronUpIconComponent;
+exports.CloseIconComponent = CloseIconComponent;
+exports.CopyIconComponent = CopyIconComponent;
+exports.LoadingSpinnerIconComponent = LoadingSpinnerIconComponent;
+exports.MaximizeIconComponent = MaximizeIconComponent;
+exports.MenuIconComponent = MenuIconComponent;
+exports.MinimizeIconComponent = MinimizeIconComponent;
+exports.ReloadIconComponent = ReloadIconComponent;
+exports.SparklesIconComponent = SparklesIconComponent;
+exports.StopIconComponent = StopIconComponent;
+function SparklesIconComponent(_ref) {
+  var createElement = _ref.createElement,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 20 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 20 : _ref$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+    clipRule: "evenodd"
+  }), createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+    clipRule: "evenodd"
+  }));
+}
+function ArrowUpIconComponent(_ref2) {
+  var createElement = _ref2.createElement,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 16 : _ref2$width,
+    _ref2$height = _ref2.height,
+    height = _ref2$height === void 0 ? 16 : _ref2$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "m5 12 7-7 7 7"
+  }), createElement("path", {
+    d: "M12 19V5"
+  }));
+}
+function ArrowRightIconComponent(_ref3) {
+  var createElement = _ref3.createElement,
+    _ref3$width = _ref3.width,
+    width = _ref3$width === void 0 ? 16 : _ref3$width,
+    _ref3$height = _ref3.height,
+    height = _ref3$height === void 0 ? 16 : _ref3$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "M5 12h14"
+  }), createElement("path", {
+    d: "m12 5 7 7-7 7"
+  }));
+}
+function ChevronUpIconComponent(_ref4) {
+  var createElement = _ref4.createElement,
+    _ref4$width = _ref4.width,
+    width = _ref4$width === void 0 ? 16 : _ref4$width,
+    _ref4$height = _ref4.height,
+    height = _ref4$height === void 0 ? 16 : _ref4$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "m18 15-6-6-6 6"
+  }));
+}
+function ChevronDownIconComponent(_ref5) {
+  var createElement = _ref5.createElement,
+    _ref5$width = _ref5.width,
+    width = _ref5$width === void 0 ? 16 : _ref5$width,
+    _ref5$height = _ref5.height,
+    height = _ref5$height === void 0 ? 16 : _ref5$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "m6 9 6 6 6-6"
+  }));
+}
+function CloseIconComponent(_ref6) {
+  var createElement = _ref6.createElement,
+    _ref6$width = _ref6.width,
+    width = _ref6$width === void 0 ? 16 : _ref6$width,
+    _ref6$height = _ref6.height,
+    height = _ref6$height === void 0 ? 16 : _ref6$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "M18 6 6 18"
+  }), createElement("path", {
+    d: "m6 6 12 12"
+  }));
+}
+function MaximizeIconComponent(_ref7) {
+  var createElement = _ref7.createElement,
+    _ref7$width = _ref7.width,
+    width = _ref7$width === void 0 ? 16 : _ref7$width,
+    _ref7$height = _ref7.height,
+    height = _ref7$height === void 0 ? 16 : _ref7$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    strokeWidth: "2",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "M15 3h6v6"
+  }), createElement("path", {
+    d: "m21 3-7 7"
+  }), createElement("path", {
+    d: "m3 21 7-7"
+  }), createElement("path", {
+    d: "M9 21H3v-6"
+  }));
+}
+function MinimizeIconComponent(_ref8) {
+  var createElement = _ref8.createElement,
+    _ref8$width = _ref8.width,
+    width = _ref8$width === void 0 ? 16 : _ref8$width,
+    _ref8$height = _ref8.height,
+    height = _ref8$height === void 0 ? 16 : _ref8$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    strokeWidth: "2",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "m14 10 7-7"
+  }), createElement("path", {
+    d: "M20 10h-6V4"
+  }), createElement("path", {
+    d: "m3 21 7-7"
+  }), createElement("path", {
+    d: "M4 14h6v6"
+  }));
+}
+function StopIconComponent(_ref9) {
+  var createElement = _ref9.createElement,
+    _ref9$width = _ref9.width,
+    width = _ref9$width === void 0 ? 16 : _ref9$width,
+    _ref9$height = _ref9.height,
+    height = _ref9$height === void 0 ? 16 : _ref9$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10"
+  }), createElement("rect", {
+    x: "9",
+    y: "9",
+    width: "6",
+    height: "6",
+    rx: "1"
+  }));
+}
+function ReloadIconComponent(_ref0) {
+  var createElement = _ref0.createElement,
+    _ref0$width = _ref0.width,
+    width = _ref0$width === void 0 ? 16 : _ref0$width,
+    _ref0$height = _ref0.height,
+    height = _ref0$height === void 0 ? 16 : _ref0$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"
+  }), createElement("path", {
+    d: "M21 3v5h-5"
+  }), createElement("path", {
+    d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"
+  }), createElement("path", {
+    d: "M3 21v-5h5"
+  }));
+}
+function CopyIconComponent(_ref1) {
+  var createElement = _ref1.createElement,
+    _ref1$width = _ref1.width,
+    width = _ref1$width === void 0 ? 16 : _ref1$width,
+    _ref1$height = _ref1.height,
+    height = _ref1$height === void 0 ? 16 : _ref1$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("rect", {
+    width: "14",
+    height: "14",
+    x: "8",
+    y: "8",
+    rx: "2",
+    ry: "2"
+  }), createElement("path", {
+    d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"
+  }));
+}
+function MenuIconComponent(_ref10) {
+  var createElement = _ref10.createElement,
+    _ref10$width = _ref10.width,
+    width = _ref10$width === void 0 ? 16 : _ref10$width,
+    _ref10$height = _ref10.height,
+    height = _ref10$height === void 0 ? 16 : _ref10$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "1"
+  }), createElement("circle", {
+    cx: "12",
+    cy: "5",
+    r: "1"
+  }), createElement("circle", {
+    cx: "12",
+    cy: "19",
+    r: "1"
+  }));
+}
+function LoadingSpinnerIconComponent(_ref11) {
+  var createElement = _ref11.createElement,
+    _ref11$width = _ref11.width,
+    width = _ref11$width === void 0 ? 24 : _ref11$width,
+    _ref11$height = _ref11.height,
+    height = _ref11$height === void 0 ? 24 : _ref11$height;
+  return createElement("svg", {
+    viewBox: "12 12 24 24",
+    width: width,
+    height: height,
+    role: "status",
+    "aria-busy": "true",
+    "aria-live": "polite"
+  }, createElement("title", null, "Loading spinner"), createElement("circle", {
+    cx: "24",
+    cy: "24",
+    r: "11",
+    fill: "none",
+    strokeWidth: "2",
+    stroke: "currentColor"
+  }));
+}
+function ChevronLeftIconComponent(_ref12) {
+  var createElement = _ref12.createElement,
+    _ref12$width = _ref12.width,
+    width = _ref12$width === void 0 ? 16 : _ref12$width,
+    _ref12$height = _ref12.height,
+    height = _ref12$height === void 0 ? 16 : _ref12$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "m15 18-6-6 6-6"
+  }));
+}
+function ChevronRightIconComponent(_ref13) {
+  var createElement = _ref13.createElement,
+    _ref13$width = _ref13.width,
+    width = _ref13$width === void 0 ? 16 : _ref13$width,
+    _ref13$height = _ref13.height,
+    height = _ref13$height === void 0 ? 16 : _ref13$height;
+  return createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, createElement("path", {
+    d: "m9 18 6-6-6-6"
+  }));
+}

package/dist/cjs/components/chat/types.js

@@ -0,0 +1 @@
+"use strict";