instantsearch-ui-components 0.11.2 → 0.12.0

package/dist/es/components/chat/ChatMessages.js

@@ -0,0 +1,185 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _extends from "@babel/runtime/helpers/extends";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+var _excluded = ["classNames", "messages", "messageComponent", "loaderComponent", "errorComponent", "actionsComponent", "tools", "indexUiState", "setIndexUiState", "status", "hideScrollToBottom", "onReload", "onClose", "translations", "userMessageProps", "assistantMessageProps", "isClearing", "onClearTransitionEnd", "isScrollAtBottom", "scrollRef", "contentRef", "onScrollToBottom"];
+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; }
+import { cx } from "../../lib/index.js";
+import { createButtonComponent } from "../Button.js";
+import { createChatMessageComponent } from "./ChatMessage.js";
+import { createChatMessageErrorComponent } from "./ChatMessageError.js";
+import { createChatMessageLoaderComponent } from "./ChatMessageLoader.js";
+import { ChevronDownIconComponent, CopyIconComponent, ReloadIconComponent } from "./icons.js";
+var getTextContent = function getTextContent(message) {
+  return message.parts.map(function (part) {
+    return 'text' in part ? part.text : '';
+  }).join('');
+};
+var hasTextContent = function hasTextContent(message) {
+  return getTextContent(message).trim() !== '';
+};
+var copyToClipboard = function copyToClipboard(message) {
+  navigator.clipboard.writeText(getTextContent(message));
+};
+function createDefaultMessageComponent(_ref) {
+  var createElement = _ref.createElement,
+    Fragment = _ref.Fragment;
+  var ChatMessage = createChatMessageComponent({
+    createElement: createElement,
+    Fragment: Fragment
+  });
+  return function DefaultMessage(_ref2) {
+    var message = _ref2.message,
+      userMessageProps = _ref2.userMessageProps,
+      assistantMessageProps = _ref2.assistantMessageProps,
+      tools = _ref2.tools,
+      indexUiState = _ref2.indexUiState,
+      setIndexUiState = _ref2.setIndexUiState,
+      onReload = _ref2.onReload,
+      onClose = _ref2.onClose,
+      translations = _ref2.translations,
+      actionsComponent = _ref2.actionsComponent;
+    var defaultAssistantActions = [].concat(_toConsumableArray(hasTextContent(message) ? [{
+      title: translations.copyToClipboardLabel,
+      icon: function icon() {
+        return createElement(CopyIconComponent, {
+          createElement: createElement
+        });
+      },
+      onClick: copyToClipboard
+    }] : []), [{
+      title: translations.regenerateLabel,
+      icon: function icon() {
+        return createElement(ReloadIconComponent, {
+          createElement: createElement
+        });
+      },
+      onClick: function onClick(m) {
+        return onReload(m.id);
+      }
+    }]);
+    var messageProps = message.role === 'user' ? userMessageProps : assistantMessageProps;
+    var defaultActions = message.role === 'user' ? undefined : defaultAssistantActions;
+    return createElement(ChatMessage, _extends({
+      side: message.role === 'user' ? 'right' : 'left',
+      variant: message.role === 'user' ? 'neutral' : 'subtle',
+      message: message,
+      tools: tools,
+      indexUiState: indexUiState,
+      setIndexUiState: setIndexUiState,
+      onClose: onClose,
+      actions: defaultActions,
+      actionsComponent: actionsComponent,
+      "data-role": message.role
+    }, messageProps));
+  };
+}
+export function createChatMessagesComponent(_ref3) {
+  var createElement = _ref3.createElement,
+    Fragment = _ref3.Fragment;
+  var Button = createButtonComponent({
+    createElement: createElement
+  });
+  var DefaultMessageComponent = createDefaultMessageComponent({
+    createElement: createElement,
+    Fragment: Fragment
+  });
+  var DefaultLoaderComponent = createChatMessageLoaderComponent({
+    createElement: createElement
+  });
+  var DefaultErrorComponent = createChatMessageErrorComponent({
+    createElement: createElement
+  });
+  return function ChatMessages(userProps) {
+    var _userProps$classNames = userProps.classNames,
+      classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
+      _userProps$messages = userProps.messages,
+      messages = _userProps$messages === void 0 ? [] : _userProps$messages,
+      MessageComponent = userProps.messageComponent,
+      LoaderComponent = userProps.loaderComponent,
+      ErrorComponent = userProps.errorComponent,
+      ActionsComponent = userProps.actionsComponent,
+      tools = userProps.tools,
+      indexUiState = userProps.indexUiState,
+      setIndexUiState = userProps.setIndexUiState,
+      _userProps$status = userProps.status,
+      status = _userProps$status === void 0 ? 'ready' : _userProps$status,
+      _userProps$hideScroll = userProps.hideScrollToBottom,
+      hideScrollToBottom = _userProps$hideScroll === void 0 ? false : _userProps$hideScroll,
+      onReload = userProps.onReload,
+      onClose = userProps.onClose,
+      userTranslations = userProps.translations,
+      userMessageProps = userProps.userMessageProps,
+      assistantMessageProps = userProps.assistantMessageProps,
+      _userProps$isClearing = userProps.isClearing,
+      isClearing = _userProps$isClearing === void 0 ? false : _userProps$isClearing,
+      onClearTransitionEnd = userProps.onClearTransitionEnd,
+      isScrollAtBottom = userProps.isScrollAtBottom,
+      scrollRef = userProps.scrollRef,
+      contentRef = userProps.contentRef,
+      onScrollToBottom = userProps.onScrollToBottom,
+      props = _objectWithoutProperties(userProps, _excluded);
+    var translations = _objectSpread({
+      scrollToBottomLabel: 'Scroll to bottom',
+      copyToClipboardLabel: 'Copy to clipboard',
+      regenerateLabel: 'Regenerate'
+    }, userTranslations);
+    var cssClasses = {
+      root: cx('ais-ChatMessages', classNames.root),
+      scroll: cx('ais-ChatMessages-scroll ais-Scrollbar', classNames.scroll),
+      content: cx('ais-ChatMessages-content', classNames.content),
+      scrollToBottom: cx('ais-ChatMessages-scrollToBottom', classNames.scrollToBottom),
+      scrollToBottomHidden: cx('ais-ChatMessages-scrollToBottom--hidden', classNames.scrollToBottomHidden)
+    };
+    var DefaultMessage = MessageComponent || DefaultMessageComponent;
+    var DefaultLoader = LoaderComponent || DefaultLoaderComponent;
+    var DefaultError = ErrorComponent || DefaultErrorComponent;
+    return createElement("div", _extends({}, props, {
+      className: cx(cssClasses.root, props.className),
+      role: "log",
+      "aria-live": "polite"
+    }), createElement("div", {
+      className: cx(cssClasses.scroll),
+      ref: scrollRef
+    }, createElement("div", {
+      className: cx(cssClasses.content, isClearing && 'ais-ChatMessages-content--clearing'),
+      ref: contentRef,
+      onTransitionEnd: function onTransitionEnd(e) {
+        if (e.target === e.currentTarget && e.propertyName === 'opacity' && isClearing) {
+          onClearTransitionEnd === null || onClearTransitionEnd === void 0 ? void 0 : onClearTransitionEnd();
+        }
+      }
+    }, messages.map(function (message) {
+      return createElement(DefaultMessage, {
+        key: message.id,
+        message: message,
+        userMessageProps: userMessageProps,
+        assistantMessageProps: assistantMessageProps,
+        tools: tools,
+        indexUiState: indexUiState,
+        setIndexUiState: setIndexUiState,
+        onReload: onReload,
+        actionsComponent: ActionsComponent,
+        onClose: onClose,
+        translations: translations
+      });
+    }), status === 'submitted' && createElement(DefaultLoader, {
+      translations: {
+        loaderText: translations.loaderText
+      }
+    }), status === 'error' && createElement(DefaultError, {
+      onReload: onReload
+    }))), createElement(Button, {
+      variant: "outline",
+      size: "sm",
+      iconOnly: true,
+      className: cx(cssClasses.scrollToBottom, (hideScrollToBottom || isScrollAtBottom) && cssClasses.scrollToBottomHidden),
+      onClick: onScrollToBottom,
+      "aria-label": translations.scrollToBottomLabel,
+      tabIndex: isScrollAtBottom ? -1 : 0
+    }, createElement(ChevronDownIconComponent, {
+      createElement: createElement
+    })));
+  };
+}

package/dist/es/components/chat/ChatPrompt.d.ts

@@ -0,0 +1,119 @@
+/** @jsx createElement */
+import type { ComponentProps, MutableRef, Renderer } from '../../types';
+import type { ChatStatus } from './types';
+export type ChatPromptTranslations = {
+    /**
+     * The label for the textarea
+     */
+    textareaLabel: string;
+    /**
+     * The placeholder text for the textarea
+     */
+    textareaPlaceholder: string;
+    /**
+     * The tooltip for the submit button when message is empty
+     */
+    emptyMessageTooltip: string;
+    /**
+     * The tooltip for the stop button
+     */
+    stopResponseTooltip: string;
+    /**
+     * The tooltip for the send button
+     */
+    sendMessageTooltip: string;
+    /**
+     * The disclaimer text shown in the footer
+     */
+    disclaimer: string;
+};
+export type ChatPromptClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root: string | string[];
+    /**
+     * Class names to apply to the header element
+     */
+    header: string | string[];
+    /**
+     * Class names to apply to the body element
+     */
+    body: string | string[];
+    /**
+     * Class names to apply to the textarea element
+     */
+    textarea: string | string[];
+    /**
+     * Class names to apply to the actions container
+     */
+    actions: string | string[];
+    /**
+     * Class names to apply to the submit button
+     */
+    submit: string | string[];
+    /**
+     * Class names to apply to the footer element
+     */
+    footer: string | string[];
+};
+export type ChatPromptOwnProps = {
+    /**
+     * Content to render above the textarea
+     */
+    headerComponent?: () => JSX.Element;
+    /**
+     * Content to render below the textarea
+     */
+    footerComponent?: () => JSX.Element;
+    /**
+     * The current value of the textarea
+     */
+    value?: string;
+    /**
+     * Placeholder text for the textarea
+     */
+    placeholder?: string;
+    /**
+     * The current status of the chat prompt
+     */
+    status?: ChatStatus;
+    /**
+     * Whether the component is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Maximum number of rows for the textarea
+     */
+    maxRows?: number;
+    /**
+     * Whether to auto-focus the textarea when mounted
+     */
+    autoFocus?: boolean;
+    /**
+     * Optional class names
+     */
+    classNames?: Partial<ChatPromptClassNames>;
+    /**
+     * Optional translations
+     */
+    translations?: Partial<ChatPromptTranslations>;
+    /**
+     * Callback when the stop button is clicked
+     */
+    onStop?: () => void;
+    /**
+     * Callback when the form is submitted
+     */
+    onSubmit?: ComponentProps<'textarea'>['onSubmit'];
+    /**
+     * Callback when the textarea value changes
+     */
+    onInput?: ComponentProps<'textarea'>['onInput'];
+    /**
+     * Ref to the prompt textarea element for focus management
+     */
+    promptRef?: MutableRef<HTMLTextAreaElement | null>;
+};
+export type ChatPromptProps = Omit<ComponentProps<'textarea'>, 'onInput' | 'onSubmit'> & ChatPromptOwnProps;
+export declare function createChatPromptComponent({ createElement }: Renderer): (userProps: ChatPromptProps) => JSX.Element;

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

@@ -0,0 +1,172 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+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) { _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; }
+import { cx } from "../../lib/index.js";
+import { createButtonComponent } from "../Button.js";
+import { ArrowUpIconComponent, StopIconComponent } from "./icons.js";
+export function createChatPromptComponent(_ref) {
+  var createElement = _ref.createElement;
+  var 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 = _objectWithoutProperties(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: cx('ais-ChatPrompt', classNames.root),
+      header: cx('ais-ChatPrompt-header', classNames.header),
+      body: cx('ais-ChatPrompt-body', classNames.body),
+      textarea: cx('ais-ChatPrompt-textarea ais-Scrollbar', disabled && 'ais-ChatPrompt-textarea--disabled', classNames.textarea),
+      actions: cx('ais-ChatPrompt-actions', classNames.actions, disabled && 'ais-ChatPrompt-actions--disabled'),
+      submit: cx('ais-ChatPrompt-submit', classNames.submit),
+      footer: 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(StopIconComponent, {
+      createElement: createElement
+    }) : createElement(ArrowUpIconComponent, {
+      createElement: createElement
+    });
+    return createElement("form", {
+      className: 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: cx(cssClasses.header)
+    }, createElement(HeaderComponent, null)), createElement("div", {
+      className: 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", _extends({}, props, {
+      ref: function ref(element) {
+        return setTextAreaRef(element, promptRef);
+      },
+      "data-max-rows": maxRows,
+      className: 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: cx(cssClasses.actions)
+    }, createElement(Button, {
+      type: "submit",
+      variant: "primary",
+      size: "sm",
+      iconOnly: true,
+      className: 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: cx(cssClasses.footer)
+    }, FooterComponent ? createElement(FooterComponent, null) : createElement("div", {
+      className: "ais-ChatPrompt-disclaimer"
+    }, translations.disclaimer)));
+  };
+}

package/dist/es/components/chat/ChatToggleButton.d.ts

@@ -0,0 +1,29 @@
+import type { ComponentProps, Renderer } from '../../types';
+export type ChatToggleButtonClassNames = {
+    /**
+     * Class names to apply to the root element
+     */
+    root?: string | string[];
+};
+export type ChatToggleButtonOwnProps = {
+    /**
+     * Whether the chat is open
+     */
+    open: boolean;
+    /**
+     * Callback when the button is clicked
+     */
+    onClick: () => void;
+    /**
+     * Optional toggle icon component
+     */
+    toggleIconComponent?: (props: {
+        isOpen: boolean;
+    }) => JSX.Element;
+    /**
+     * Optional class names
+     */
+    classNames?: Partial<ChatToggleButtonClassNames>;
+};
+export type ChatToggleButtonProps = ComponentProps<'button'> & ChatToggleButtonOwnProps;
+export declare function createChatToggleButtonComponent({ createElement }: Renderer): ({ open, onClick, toggleIconComponent: ToggleIconComponent, classNames, className, ...props }: ChatToggleButtonProps) => JSX.Element;

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

@@ -0,0 +1,39 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["open", "onClick", "toggleIconComponent", "classNames", "className"];
+import { cx } from "../../lib/cx.js";
+import { createButtonComponent } from "../Button.js";
+import { SparklesIconComponent, ChevronUpIconComponent } from "./icons.js";
+export function createChatToggleButtonComponent(_ref) {
+  var createElement = _ref.createElement;
+  var 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 = _objectWithoutProperties(_ref2, _excluded);
+    var defaultIcon = open ? createElement(ChevronUpIconComponent, {
+      createElement: createElement,
+      width: 28,
+      height: 28
+    }) : createElement(SparklesIconComponent, {
+      createElement: createElement,
+      width: 28,
+      height: 28
+    });
+    return createElement(Button, _extends({
+      variant: "primary",
+      size: "md",
+      iconOnly: true,
+      className: cx('ais-ChatToggleButton', open && 'ais-ChatToggleButton--open', classNames.root, className),
+      onClick: onClick
+    }, props), ToggleIconComponent ? createElement(ToggleIconComponent, {
+      isOpen: open
+    }) : defaultIcon);
+  };
+}

package/dist/es/components/chat/icons.d.ts

@@ -0,0 +1,22 @@
+/** @jsx createElement */
+import type { Renderer } from '../../types';
+type IconProps = Pick<Renderer, 'createElement'> & {
+    width?: number;
+    height?: number;
+};
+export declare function SparklesIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ArrowUpIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ArrowRightIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ChevronUpIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ChevronDownIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function CloseIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function MaximizeIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function MinimizeIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function StopIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ReloadIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function CopyIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function MenuIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function LoadingSpinnerIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ChevronLeftIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export declare function ChevronRightIconComponent({ createElement, width, height, }: IconProps): JSX.Element;
+export {};