@algolia/satellite 2.3.0 → 2.5.0

package/dist/cjs/Actions/IconButton/IconButton.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PolymorphicIconButtonProps } from "../../Actions/Button/PolymorphicIconButton";
-export declare type IconButtonProps = Omit<PolymorphicIconButtonProps<"button">, "as" | "ref">;
+export type IconButtonProps = Omit<PolymorphicIconButtonProps<"button">, "as" | "ref">;
 /**
  * The `IconButton` component is used to trigger user actions (like "Add", "Close" or "Save"). It can only contain an icon.
  *

package/dist/cjs/Actions/IconButtonLink/IconButtonLink.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PolymorphicIconButtonProps } from "../../Actions/Button/PolymorphicIconButton";
-export declare type IconButtonLinkProps = Omit<PolymorphicIconButtonProps<"a">, "as" | "ref"> & {
+export type IconButtonLinkProps = Omit<PolymorphicIconButtonProps<"a">, "as" | "ref"> & {
     href: string;
 };
 /**

package/dist/cjs/Actions/IconButtonWithFeedback/IconButtonWithFeedback.d.ts

@@ -2,7 +2,7 @@ import type { FC, MouseEvent } from "react";
 import type { IconButtonProps } from "../../Actions/IconButton/IconButton";
 import type { IconComponentType } from "../../Icons";
 export declare const RESET_STATUS_DELAY = 100;
-export declare type IconButtonWithFeedbackLocale = {
+export type IconButtonWithFeedbackLocale = {
     /**
      * The tooltip message shown after a successful click.
      * @default "Success"
@@ -19,7 +19,7 @@ export declare type IconButtonWithFeedbackLocale = {
      */
     loading?: string;
 };
-export declare type IconButtonWithFeedbackProps = Omit<IconButtonProps, "title" | "showTooltip" | "loading" | "onClick"> & {
+export type IconButtonWithFeedbackProps = Omit<IconButtonProps, "title" | "showTooltip" | "loading" | "onClick"> & {
     /**
      * The icon to display when the action succeeds.
      * Set to `false` to disable the success icon.

package/dist/cjs/Actions/SegmentedControl/SegmentedControl.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = segmentedControlPlugin;
 declare const segmentedControlPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config>;
 };

package/dist/cjs/Actions/SegmentedControl/types.d.ts

@@ -1,4 +1,4 @@
-export declare type SegmentedControlSize = "small" | "medium" | "large";
+export type SegmentedControlSize = "small" | "medium" | "large";
 export interface SegmentedControlContextValue {
     name: string;
     value: string;

package/dist/cjs/Actions/ToggleButton/ToggleButton.d.ts

@@ -1,7 +1,7 @@
 import type { ToggleProps } from "@radix-ui/react-toggle";
 import type { PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "./ToggleButtonBase";
-export declare type ToggleButtonProps = PropsWithChildren<{
+export type ToggleButtonProps = PropsWithChildren<{
     /**
      * The pressed state of the `ToggleButton`.
      */

package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.d.ts

@@ -1,7 +1,7 @@
 import type { CSSProperties, ReactNode } from "react";
 import type { ButtonSize } from "../../Actions/Button/types";
 import type { IconComponentType } from "../../Icons";
-declare type IconOnlyToggleButtonBaseProps = {
+type IconOnlyToggleButtonBaseProps = {
     /**
      * The icon to display for the `ToggleButton`.
      */
@@ -11,7 +11,7 @@ declare type IconOnlyToggleButtonBaseProps = {
      */
     label: string;
 };
-declare type TextToggleButtonBaseProps = {
+type TextToggleButtonBaseProps = {
     /**
      * The icon to display for the `ToggleButton`.
      */
@@ -21,7 +21,7 @@ declare type TextToggleButtonBaseProps = {
      */
     children: ReactNode;
 };
-export declare type ToggleButtonBaseProps = {
+export type ToggleButtonBaseProps = {
     /**
      * The id of the `ToggleButton`.
      */

package/dist/cjs/Actions/ToggleGroup/ToggleGroup.d.ts

@@ -1,6 +1,6 @@
 import type { FC, PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "../../Actions/ToggleButton/ToggleButtonBase";
-declare type ToggleGroupSharedProps = {
+type ToggleGroupSharedProps = {
     /**
      * The class name of the `ToggleGroup`.
      */
@@ -11,7 +11,7 @@ declare type ToggleGroupSharedProps = {
      */
     disabled?: boolean;
 };
-declare type ToggleGroupSingleProps<T extends string = string> = {
+type ToggleGroupSingleProps<T extends string = string> = {
     /**
      * Defines whether a single or multiple items can be pressed at a time.
      */
@@ -31,7 +31,7 @@ declare type ToggleGroupSingleProps<T extends string = string> = {
      */
     onChange?: (value: T) => void;
 };
-declare type ToggleGroupMultipleProps<T extends string = string> = {
+type ToggleGroupMultipleProps<T extends string = string> = {
     /**
      * Defines whether a single or multiple items can be pressed at a time.
      */
@@ -51,11 +51,11 @@ declare type ToggleGroupMultipleProps<T extends string = string> = {
      */
     onChange?: (value: T[]) => void;
 };
-export declare type ToggleGroupProps<T extends string = string> = ToggleGroupSharedProps & (ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>);
-export declare type ToggleGroupComponent<T extends string = string> = FC<PropsWithChildren<ToggleGroupProps<T>>> & {
+export type ToggleGroupProps<T extends string = string> = ToggleGroupSharedProps & (ToggleGroupSingleProps<T> | ToggleGroupMultipleProps<T>);
+export type ToggleGroupComponent<T extends string = string> = FC<PropsWithChildren<ToggleGroupProps<T>>> & {
     Item: FC<PropsWithChildren<ToggleGroupItemProps<T>>>;
 };
-export declare type ToggleGroupItemProps<T extends string = string> = PropsWithChildren<ToggleButtonBaseProps & {
+export type ToggleGroupItemProps<T extends string = string> = PropsWithChildren<ToggleButtonBaseProps & {
     /** Defines a unique value for the item. */
     value: T;
 }>;

package/dist/cjs/Actions/ToggleGroup/ToggleGroup.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = toggleGroupPlugin;
 declare const toggleGroupPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config>;
 };

package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.d.ts

@@ -1,7 +1,7 @@
 import type { HTMLAttributes, ReactNode } from "react";
 import type { AccordionProps } from "../../Actions";
 import type { IconComponentType } from "../../Icons";
-export declare type ChatContextAccordionProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & Omit<AccordionProps, "multiple" | "defaultValue" | "value" | "onChange"> & {
+export type ChatContextAccordionProps = Omit<HTMLAttributes<HTMLDivElement>, "onChange"> & Omit<AccordionProps, "multiple" | "defaultValue" | "value" | "onChange"> & {
     /**
      * The header of the accordion.
      */

package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts

@@ -7,8 +7,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             content?: import("tailwind-merge").ClassNameValue;
             item?: import("tailwind-merge").ClassNameValue;
             trigger?: import("tailwind-merge").ClassNameValue;
-            iconBg?: import("tailwind-merge").ClassNameValue;
             titleWrapper?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {
@@ -20,8 +20,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             content?: import("tailwind-merge").ClassNameValue;
             item?: import("tailwind-merge").ClassNameValue;
             trigger?: import("tailwind-merge").ClassNameValue;
-            iconBg?: import("tailwind-merge").ClassNameValue;
             titleWrapper?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -48,8 +48,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             content?: import("tailwind-merge").ClassNameValue;
             item?: import("tailwind-merge").ClassNameValue;
             trigger?: import("tailwind-merge").ClassNameValue;
-            iconBg?: import("tailwind-merge").ClassNameValue;
             titleWrapper?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}, {
@@ -79,8 +79,8 @@ export declare const chatContextAccordionStyles: import("tailwind-variants").TVR
             content?: import("tailwind-merge").ClassNameValue;
             item?: import("tailwind-merge").ClassNameValue;
             trigger?: import("tailwind-merge").ClassNameValue;
-            iconBg?: import("tailwind-merge").ClassNameValue;
             titleWrapper?: import("tailwind-merge").ClassNameValue;
+            iconBg?: import("tailwind-merge").ClassNameValue;
         };
     };
 } | {}>, unknown, unknown, undefined>>;

package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.d.ts

@@ -0,0 +1,23 @@
+import { type PropsWithChildren, type ReactNode } from "react";
+export type ChatContextContainerProps = PropsWithChildren<{
+    /**
+     * Class to apply to the root element.
+     */
+    className?: string;
+    /**
+     * The content, ideally an actionable button, to render on the right side of the header.
+     */
+    actions?: ReactNode;
+    /**
+     * The title to display in the header.
+     */
+    title?: string;
+    /**
+     * The code language that represents the provided children, which will provide syntax highlighting if recognized.
+     */
+    code?: string;
+}>;
+/**
+ * The `ChatContextContainer` component wraps data with an actionable header. Intended for use with the chat interface.
+ */
+export declare const ChatContextContainer: ({ className, title, actions, code, children }: ChatContextContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatContextContainer = void 0;
+var _react = require("react");
+var _reactSyntaxHighlighter = require("react-syntax-highlighter");
+var _ChatContextContainer = require("./ChatContextContainer.styles");
+var _theme = require("./theme");
+var _Actions = require("./../../Actions");
+var _Icons = require("./../../Icons");
+var _utils = require("./../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * The `ChatContextContainer` component wraps data with an actionable header. Intended for use with the chat interface.
+ */
+var ChatContextContainer = exports.ChatContextContainer = function ChatContextContainer(_ref) {
+  var className = _ref.className,
+    title = _ref.title,
+    actions = _ref.actions,
+    code = _ref.code,
+    children = _ref.children;
+  var styles = (0, _ChatContextContainer.chatContextContainerStyles)();
+  var contentContainerRef = (0, _react.useRef)(null);
+  var titleId = (0, _react.useMemo)(function () {
+    return (0, _utils.uniqueId)("chat-context-container-title-");
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: styles.base({
+      className: className
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: styles.item(),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: styles.header(),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          id: titleId,
+          className: styles.title(),
+          children: title !== null && title !== void 0 ? title : code
+        }), actions !== null && actions !== void 0 ? actions : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Actions.IconButtonWithFeedback, {
+          icon: _Icons.CopyIcon,
+          variant: "subtle",
+          size: "small",
+          message: "Copy to clipboard",
+          tooltipSide: "bottom",
+          tooltipDelay: 0,
+          tooltipHideDelay: 0,
+          onClick: function onClick() {
+            var _contentContainerRef$;
+            // Fallback to unformatted HTML as text if content is JSX or array of JSX
+            var content = /*#__PURE__*/(0, _react.isValidElement)(children) || _react.Children.count(children) > 1 ? (_contentContainerRef$ = contentContainerRef.current) === null || _contentContainerRef$ === void 0 ? void 0 : _contentContainerRef$.innerHTML : children === null || children === void 0 ? void 0 : children.toString();
+            if (content) {
+              void navigator.clipboard.writeText(content);
+            }
+          }
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: contentContainerRef,
+        role: "region",
+        "aria-labelledby": titleId,
+        className: styles.content(),
+        children: code !== undefined && typeof children === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSyntaxHighlighter.Prism, {
+          PreTag: "div",
+          language: code,
+          style: _theme.theme,
+          children: children
+        }) : children
+      })]
+    })
+  });
+};

package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts

@@ -0,0 +1,65 @@
+export declare const chatContextContainerStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    item: string;
+    header: string;
+    title: string;
+    content: string;
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {} | undefined;
+} & import("tailwind-variants/dist/config").TWMConfig & {
+    twMergeConfig: {
+        prefix: string;
+    };
+}, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    item: string;
+    header: string;
+    title: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    item: string;
+    header: string;
+    title: string;
+    content: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            header?: import("tailwind-merge").ClassNameValue;
+            title?: import("tailwind-merge").ClassNameValue;
+            content?: import("tailwind-merge").ClassNameValue;
+            item?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chatContextContainerStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _tv = require("./../../styles/helpers/tv");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var chatContextContainerStyles = exports.chatContextContainerStyles = (0, _tv.tv)({
+  slots: {
+    base: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"]))),
+    item: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["border border-grey-200 rounded-[4px] overflow-hidden"]))),
+    header: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex items-center justify-between bg-white border-b border-grey-200 transition-colors duration-500 pl-3 pr-1 min-h-8"]))),
+    // override markdown-content styles for "p" tags
+    title: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["!typo-display-caption !typo-subdued !m-0"]))),
+    // select "code" to override any selectors added by markdown-content styles
+    content: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 [&_code]:bg-grey-100 text-grey-600 [&_code]:text-grey-600 text-sm [&_code]:text-sm leading-[20px] [&_code]:leading-[20px] px-3 py-2 [&_code]:p-0 [&_code]:m-0 overflow-y-auto max-h-80 thin-scrollbar"])))
+  }
+});

package/dist/cjs/Chat/ChatContextContainer/index.d.ts

@@ -0,0 +1 @@
+export * from "./ChatContextContainer";

package/dist/cjs/Chat/ChatContextContainer/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ChatContextContainer = require("./ChatContextContainer");
+Object.keys(_ChatContextContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ChatContextContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ChatContextContainer[key];
+    }
+  });
+});

package/dist/cjs/Chat/ChatContextContainer/theme.d.ts

@@ -0,0 +1,57 @@
+export declare const theme: {
+    'pre[class*="language-"]': {
+        whiteSpace: string;
+    };
+    comment: {
+        color: string;
+    };
+    tag: {
+        color: string;
+    };
+    boolean: {
+        color: string;
+    };
+    number: {
+        color: string;
+    };
+    constant: {
+        color: string;
+    };
+    symbol: {
+        color: string;
+    };
+    selector: {
+        color: string;
+    };
+    "attr-name": {
+        color: string;
+    };
+    string: {
+        color: string;
+    };
+    char: {
+        color: string;
+    };
+    inserted: {
+        color: string;
+    };
+    url: {
+        color: string;
+        background: string;
+    };
+    "attr-value": {
+        color: string;
+    };
+    function: {
+        color: string;
+    };
+    keyword: {
+        color: string;
+    };
+    bold: {
+        fontWeight: string;
+    };
+    italic: {
+        fontStyle: string;
+    };
+};

package/dist/cjs/Chat/ChatContextContainer/theme.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.theme = void 0;
+var _index = require("./../../index");
+var BACKGROUND = _index.colors.grey[100];
+var PINK = _index.colors.pink[700];
+var BLUE = _index.colors.xenon[600];
+var DARK_BLUE = _index.colors.nebula[900];
+var LIGHT_BLUE = _index.colors.blue[800];
+var GREEN = _index.colors.green[800];
+var ORANGE = _index.colors.orange[700];
+
+// Based on prism theme with design token colors
+var theme = exports.theme = {
+  'pre[class*="language-"]': {
+    whiteSpace: "pre"
+  },
+  comment: {
+    color: DARK_BLUE
+  },
+  tag: {
+    color: ORANGE
+  },
+  "boolean": {
+    color: BLUE
+  },
+  number: {
+    color: BLUE
+  },
+  constant: {
+    color: BLUE
+  },
+  symbol: {
+    color: BLUE
+  },
+  selector: {
+    color: GREEN
+  },
+  "attr-name": {
+    color: GREEN
+  },
+  string: {
+    color: GREEN
+  },
+  "char": {
+    color: GREEN
+  },
+  inserted: {
+    color: GREEN
+  },
+  url: {
+    color: BLUE,
+    background: BACKGROUND
+  },
+  "attr-value": {
+    color: PINK
+  },
+  "function": {
+    color: LIGHT_BLUE
+  },
+  keyword: {
+    color: PINK
+  },
+  bold: {
+    fontWeight: "bold"
+  },
+  italic: {
+    fontStyle: "italic"
+  }
+};

package/dist/cjs/Chat/ChatMessage/ChatMessage.d.ts

@@ -3,11 +3,11 @@ import type { VariantProps } from "tailwind-variants";
 import { chatMessageStyles } from "./ChatMessage.styles";
 import type { IconButtonWithFeedbackProps } from "../../Actions";
 import type { UserAvatarProps } from "../../Indicators";
-declare type ChatMessageVariants = VariantProps<typeof chatMessageStyles>;
-declare type Actions<ActionsExtraData extends Record<string, any> = Record<string, any>> = Array<Omit<IconButtonWithFeedbackProps, "onClick" | "tooltipDelay" | "tooltipHideDelay"> & {
+type ChatMessageVariants = VariantProps<typeof chatMessageStyles>;
+type Actions<ActionsExtraData extends Record<string, any> = Record<string, any>> = Array<Omit<IconButtonWithFeedbackProps, "onClick" | "tooltipDelay" | "tooltipHideDelay"> & {
     onClick?: (e: MouseEvent<HTMLButtonElement>, actionsExtraData?: ActionsExtraData) => Promise<void> | void;
 }>;
-export declare type ChatMessageProps<ActionsExtraData extends Record<string, any> = Record<string, any>> = Omit<HTMLAttributes<HTMLElement>, "children" | "content"> & {
+export type ChatMessageProps<ActionsExtraData extends Record<string, any> = Record<string, any>> = Omit<HTMLAttributes<HTMLElement>, "children" | "content"> & {
     /**
      * The content of the message.
      */
@@ -62,56 +62,7 @@ export declare type ChatMessageProps<ActionsExtraData extends Record<string, any
  *
  * See the [ChatMessage documentation page](https://satellite.algolia.com/8261d6576/p/06f740-chat-message) for more information.
  */
-export declare const ChatMessage: <ActionsExtraData extends Record<string, any> = Record<string, any>>(props: Omit<HTMLAttributes<HTMLElement>, "children" | "content"> & {
-    /**
-     * The content of the message.
-     */
-    content: ReactNode;
-    /**
-     * The avatar of the message.
-     */
-    avatar?: import("../../Indicators/Avatars/types").MinimalUser | undefined;
-    /**
-     * The size of the avatar.
-     */
-    avatarSize?: UserAvatarProps["size"];
-    /**
-     * The side of the message.
-     */
-    side?: ChatMessageVariants["side"];
-    /**
-     * The variant of the message.
-     */
-    variant?: ChatMessageVariants["variant"];
-    /**
-     * The actions of the message.
-     */
-    actions?: Actions<ActionsExtraData> | undefined;
-    /**
-     * Whether to automatically hide the actions.
-     */
-    autoHideActions?: boolean | undefined;
-    /**
-     * The leading content of the message.
-     */
-    renderLeading?: ReactNode;
-    /**
-     * The actions content of the message.
-     */
-    renderActions?: ((actions?: Actions<ActionsExtraData> | undefined) => ReactNode) | undefined;
-    /**
-     * The footer content of the message.
-     */
-    renderFooter?: ReactNode;
-    /**
-     * The extra data of the actions.
-     */
-    actionsExtraData?: ActionsExtraData | undefined;
-    /**
-     * Whether to render the message in RTL.
-     */
-    rtl?: boolean | undefined;
-} & {
-    ref?: Ref<HTMLDivElement> | undefined;
+export declare const ChatMessage: <ActionsExtraData extends Record<string, any> = Record<string, any>>(props: ChatMessageProps<ActionsExtraData> & {
+    ref?: Ref<HTMLDivElement>;
 }) => ReactElement | null;
 export {};

package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.d.ts

@@ -34,8 +34,8 @@ export declare const chatMessageStyles: import("tailwind-variants").TVReturnType
     footer: string;
 }, undefined, {
     responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
-        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         leading?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         side?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         actions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
         autoHideActions?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;

package/dist/cjs/Chat/ChatMessageError/ChatMessageError.d.ts

@@ -1,11 +1,11 @@
 import type { HTMLAttributes, ReactNode } from "react";
 import type { ButtonProps } from "../../Actions";
 import type { ChatMessageProps } from "../../Chat/ChatMessage";
-export declare type ChatMessageErrorLocale = {
+export type ChatMessageErrorLocale = {
     error?: string;
     retry?: string;
 };
-export declare type ChatMessageErrorProps = Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps, "rtl"> & {
+export type ChatMessageErrorProps = Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps, "rtl"> & {
     /**
      * Content to render as the error message.
      * If not provided, a default error message will be shown.
@@ -35,7 +35,7 @@ export declare type ChatMessageErrorProps = Omit<HTMLAttributes<HTMLElement>, "c
  *
  * See the [ChatMessageError documentation page](https://satellite.algolia.com/8261d6576/p/06f740-chat-message-error) for more information.
  */
-export declare const ChatMessageError: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps<Record<string, any>>, "rtl"> & {
+export declare const ChatMessageError: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps, "rtl"> & {
     /**
      * Content to render as the error message.
      * If not provided, a default error message will be shown.
@@ -49,14 +49,14 @@ export declare const ChatMessageError: import("react").ForwardRefExoticComponent
      * Optional actions to display below the error message.
      * If not provided, a default retry button will be shown.
      */
-    actions?: ButtonProps[] | undefined;
+    actions?: ButtonProps[];
     /**
      * Callback function to be called when the retry button is clicked.
      * If not provided, the default retry button will not have any action.
      */
-    onReload?: (() => void) | undefined;
+    onReload?: () => void;
     /**
      * Optional locale.
      */
-    locale?: ChatMessageErrorLocale | undefined;
+    locale?: ChatMessageErrorLocale;
 } & import("react").RefAttributes<HTMLElement>>;