@algolia/satellite 2.3.0 → 2.5.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/Chat/ChatContextContainer/ChatContextContainer.js

@@ -0,0 +1,66 @@
+import { Children, isValidElement, useMemo, useRef } from "react";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { chatContextContainerStyles } from "./ChatContextContainer.styles";
+import { theme } from "./theme";
+import { IconButtonWithFeedback } from "./../../Actions";
+import { CopyIcon } from "./../../Icons";
+import { uniqueId } from "./../../utils";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * The `ChatContextContainer` component wraps data with an actionable header. Intended for use with the chat interface.
+ */
+export var ChatContextContainer = function ChatContextContainer(_ref) {
+  var className = _ref.className,
+    title = _ref.title,
+    actions = _ref.actions,
+    code = _ref.code,
+    children = _ref.children;
+  var styles = chatContextContainerStyles();
+  var contentContainerRef = useRef(null);
+  var titleId = useMemo(function () {
+    return uniqueId("chat-context-container-title-");
+  }, []);
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.base({
+      className: className
+    }),
+    children: /*#__PURE__*/_jsxs("div", {
+      className: styles.item(),
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: styles.header(),
+        children: [/*#__PURE__*/_jsx("p", {
+          id: titleId,
+          className: styles.title(),
+          children: title !== null && title !== void 0 ? title : code
+        }), actions !== null && actions !== void 0 ? actions : /*#__PURE__*/_jsx(IconButtonWithFeedback, {
+          icon: 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__*/isValidElement(children) || 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__*/_jsx("div", {
+        ref: contentContainerRef,
+        role: "region",
+        "aria-labelledby": titleId,
+        className: styles.content(),
+        children: code !== undefined && typeof children === "string" ? /*#__PURE__*/_jsx(SyntaxHighlighter, {
+          PreTag: "div",
+          language: code,
+          style: theme,
+          children: children
+        }) : children
+      })]
+    })
+  });
+};

package/dist/esm/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/esm/Chat/ChatContextContainer/ChatContextContainer.styles.js

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { tv } from "./../../styles/helpers/tv";
+export var chatContextContainerStyles = tv({
+  slots: {
+    base: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"]))),
+    item: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["border border-grey-200 rounded-[4px] overflow-hidden"]))),
+    header: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["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: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["!typo-display-caption !typo-subdued !m-0"]))),
+    // select "code" to override any selectors added by markdown-content styles
+    content: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["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/esm/Chat/ChatContextContainer/index.d.ts

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

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

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

package/dist/esm/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/esm/Chat/ChatContextContainer/theme.js

@@ -0,0 +1,67 @@
+import { colors } from "./../../index";
+var BACKGROUND = colors.grey[100];
+var PINK = colors.pink[700];
+var BLUE = colors.xenon[600];
+var DARK_BLUE = colors.nebula[900];
+var LIGHT_BLUE = colors.blue[800];
+var GREEN = colors.green[800];
+var ORANGE = colors.orange[700];
+
+// Based on prism theme with design token colors
+export var 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/esm/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/esm/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/esm/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>>;

package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts

@@ -40,8 +40,8 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
     content: 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;
@@ -120,8 +120,8 @@ export declare const chatMessageErrorStyles: import("tailwind-variants").TVRetur
     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/esm/Chat/ChatMessageLoader/ChatMessageLoader.d.ts

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, ReactNode } from "react";
 import type { ChatMessageProps } from "../../Chat/ChatMessage";
-export declare type ChatMessageLoaderProps = Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps, "rtl"> & {
+export type ChatMessageLoaderProps = Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps, "rtl"> & {
     /**
      * Message to display in the loader.
      * If not provided, no message will be shown.
@@ -12,7 +12,7 @@ export declare type ChatMessageLoaderProps = Omit<HTMLAttributes<HTMLElement>, "
  *
  * See the [ChatMessageLoader documentation page](https://satellite.algolia.com/8261d6576/p/06f740-chat-message-loader) for more information.
  */
-export declare const ChatMessageLoader: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps<Record<string, any>>, "rtl"> & {
+export declare const ChatMessageLoader: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLElement>, "children"> & Pick<ChatMessageProps, "rtl"> & {
     /**
      * Message to display in the loader.
      * If not provided, no message will be shown.

package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts

@@ -67,8 +67,8 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
     skeleton: 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;
@@ -147,8 +147,8 @@ export declare const chatMessageLoaderStyles: import("tailwind-variants").TVRetu
     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;