@algolia/satellite 2.4.0 → 2.5.1

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

@@ -3,8 +3,8 @@ import type { FC, ReactNode } from "react";
 import type { VariantProps } from "tailwind-variants";
 import { accordionStyles } from "./Accordion.styles";
 import type { IconComponentType } from "../../Icons";
-declare type AccordionVariants = VariantProps<typeof accordionStyles>;
-declare type AccordionSharedProps = {
+type AccordionVariants = VariantProps<typeof accordionStyles>;
+type AccordionSharedProps = {
     /**
      * The content of the `Accordion`.
      */
@@ -23,7 +23,7 @@ declare type AccordionSharedProps = {
      */
     variant?: AccordionVariants["variant"];
 };
-declare type AccordionSingleProps = {
+type AccordionSingleProps = {
     /**
      * Whether a single or multiple items can be expanded at a time.
      * @default false
@@ -49,7 +49,7 @@ declare type AccordionSingleProps = {
      */
     collapsible?: boolean;
 };
-declare type AccordionMultipleProps = {
+type AccordionMultipleProps = {
     /**
      * Whether a single or multiple items can be expanded at a time.
      * @default false
@@ -74,8 +74,8 @@ declare type AccordionMultipleProps = {
      */
     collapsible?: never;
 };
-export declare type AccordionProps = AccordionSharedProps & (AccordionSingleProps | AccordionMultipleProps);
-export declare type AccordionItemProps = {
+export type AccordionProps = AccordionSharedProps & (AccordionSingleProps | AccordionMultipleProps);
+export type AccordionItemProps = {
     /**
      * Defines the content of the `AccordionItem`.
      */
@@ -93,7 +93,7 @@ export declare type AccordionItemProps = {
      */
     disabled?: boolean;
 };
-export declare type AccordionHeaderProps = {
+export type AccordionHeaderProps = {
     /**
      * Defines the title of the `AccordionHeader`.
      */
@@ -140,7 +140,7 @@ export declare type AccordionHeaderProps = {
      */
     triggerClassName?: string;
 };
-export declare type AccordionContentProps = {
+export type AccordionContentProps = {
     /**
      * Defines the content of the `AccordionContent`.
      */
@@ -150,7 +150,7 @@ export declare type AccordionContentProps = {
      */
     className?: string;
 };
-declare type AccordionComponent = FC<AccordionProps> & {
+type AccordionComponent = FC<AccordionProps> & {
     Item: typeof AccordionItem;
     Header: typeof AccordionHeader;
     Content: typeof AccordionContent;

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

@@ -1,5 +1,5 @@
 export = accordionPlugin;
 declare const accordionPlugin: {
     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/Button/Button.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { type PolymorphicButtonProps } from "./PolymorphicButton";
-export declare type ButtonProps = Omit<PolymorphicButtonProps<"button">, "as" | "ref">;
+export type ButtonProps = Omit<PolymorphicButtonProps<"button">, "as" | "ref">;
 /**
  * The `Button` component is used to trigger user actions (like "Add", "Close" or "Save") or navigate users elsewhere through the links. It can contain a combination of a clear label and an icon while links are always text.
  *

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

@@ -1,5 +1,5 @@
 export = buttonPlugin;
 declare const buttonPlugin: {
     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/Button/PolymorphicButton.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { ButtonBaseProps, PolymorphicComponentPropWithRef } from "./types";
-export declare type PolymorphicButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, ButtonBaseProps>;
-declare type PolymorphicButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicButtonProps<C>) => React.ReactElement | null) & {
+export type PolymorphicButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, ButtonBaseProps>;
+type PolymorphicButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicButtonProps<C>) => React.ReactNode) & {
     displayName?: string;
 };
 /**

package/dist/cjs/Actions/Button/PolymorphicIconButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonSize, ButtonVariant, PolymorphicComponentPropWithRef } from "./types";
 import type { IconComponentType } from "../../Icons";
 import type { TooltipWrapperBaseProps } from "../../Overlay/TooltipWrapper/types";
@@ -54,8 +53,8 @@ export interface IconButtonBaseProps {
      */
     className?: string;
 }
-export declare type PolymorphicIconButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, IconButtonBaseProps>;
-declare type PolymorphicIconButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicIconButtonProps<C>) => React.ReactElement | null) & {
+export type PolymorphicIconButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, IconButtonBaseProps>;
+type PolymorphicIconButtonComponent = (<C extends React.ElementType = "button">(props: PolymorphicIconButtonProps<C>) => React.ReactNode) & {
     displayName?: string;
 };
 /**

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

@@ -1,8 +1,8 @@
 import type { PropsWithChildren, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
-export declare type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
+export type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
 export declare const buttonSizes: readonly ["small", "medium", "large"];
-export declare type ButtonSize = (typeof buttonSizes)[number];
+export type ButtonSize = (typeof buttonSizes)[number];
 export interface ButtonBaseProps {
     /**
      * The variant of the `Button`.
@@ -42,13 +42,13 @@ export interface ButtonBaseProps {
     className?: string;
 }
 export declare function isButtonType(props: any): props is JSX.IntrinsicElements["button"];
-declare type AsProp<C extends React.ElementType> = {
+type AsProp<C extends React.ElementType> = {
     as?: C;
 };
-declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
+type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
+type PolymorphicComponentProp<C extends React.ElementType, Props = object> = PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+export type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
     ref?: PolymorphicRef<C>;
 };
-export declare type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
+export type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>["ref"];
 export {};

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import type { PolymorphicButtonProps } from "../../Actions/Button/PolymorphicButton";
-export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "ref"> & {
+export type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "ref"> & {
     href: string;
     withExternalLinkIcon?: boolean;
 };
@@ -11,5 +10,5 @@ export declare type ButtonLinkProps = Omit<PolymorphicButtonProps<"a">, "as" | "
  */
 export declare const ButtonLink: import("react").ForwardRefExoticComponent<Omit<PolymorphicButtonProps<"a">, "ref" | "as"> & {
     href: string;
-    withExternalLinkIcon?: boolean | undefined;
+    withExternalLinkIcon?: boolean;
 } & import("react").RefAttributes<HTMLAnchorElement>>;

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/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"
+  }
+};