@algolia/satellite 2.5.1 → 2.7.0

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

@@ -0,0 +1,32 @@
+import type { SyntaxHighlighterProps } from "react-syntax-highlighter";
+export type ChatCodeDisplayProps = {
+    /**
+     * Class to apply to the root element.
+     */
+    className?: string;
+    /**
+     * The syntax highlighting theme to use.
+     */
+    theme?: SyntaxHighlighterProps["style"];
+    /**
+     * The code language for syntax highlighting.
+     * @example "json", "js"
+     */
+    language?: SyntaxHighlighterProps["language"];
+    /**
+     * Custom pre tag component to use for rendering the code block.
+     */
+    PreTag?: SyntaxHighlighterProps["PreTag"];
+    /**
+     * Whether to wrap long lines.
+     */
+    wrapLongLines?: boolean;
+    /**
+     * The code to display.
+     */
+    children: string;
+};
+/**
+ * The `ChatCodeDisplay` component displays code with syntax highlighting for use within chat context.
+ */
+export declare const ChatCodeDisplay: ({ className, language, theme, wrapLongLines, PreTag, children, }: ChatCodeDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatCodeDisplay = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _react = require("react");
+var _ChatCodeDisplay = require("./ChatCodeDisplay.styles");
+var _theme = require("./theme");
+var _Indicators = require("./../../Indicators");
+var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _templateObject;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+/**
+ * The `ChatCodeDisplay` component displays code with syntax highlighting for use within chat context.
+ */
+var ChatCodeDisplay = exports.ChatCodeDisplay = function ChatCodeDisplay(_ref) {
+  var className = _ref.className,
+    language = _ref.language,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? _theme.theme : _ref$theme,
+    _ref$wrapLongLines = _ref.wrapLongLines,
+    wrapLongLines = _ref$wrapLongLines === void 0 ? true : _ref$wrapLongLines,
+    _ref$PreTag = _ref.PreTag,
+    PreTag = _ref$PreTag === void 0 ? "div" : _ref$PreTag,
+    children = _ref.children;
+  var styles = (0, _ChatCodeDisplay.chatCodeDisplayStyles)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Suspense, {
+    fallback: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChatCodeDisplaySkeleton, {
+      code: children
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LazyPrism, {
+      className: styles.base({
+        className: className
+      }),
+      codeTagProps: {
+        className: styles.code()
+      },
+      language: language,
+      style: theme,
+      wrapLongLines: wrapLongLines,
+      PreTag: PreTag,
+      children: children
+    })
+  });
+};
+var ChatCodeDisplaySkeleton = function ChatCodeDisplaySkeleton(_ref2) {
+  var code = _ref2.code;
+  var styles = (0, _ChatCodeDisplay.chatCodeDisplaySkeletonStyles)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: styles.base(),
+    children: code.split("\n").map(function (line, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicators.Skeleton, {
+        className: styles.line(),
+        style: {
+          width: "".concat(line.length, "ch")
+        }
+      }, index);
+    })
+  });
+};
+var LazyPrism = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+  var _yield$import, Prism;
+  return _regenerator["default"].wrap(function _callee$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.prev = 0;
+        _context.next = 3;
+        return Promise.resolve().then(function () {
+          return _interopRequireWildcard(require("react-syntax-highlighter"));
+        });
+      case 3:
+        _yield$import = _context.sent;
+        Prism = _yield$import.Prism;
+        return _context.abrupt("return", {
+          "default": Prism
+        });
+      case 8:
+        _context.prev = 8;
+        _context.t0 = _context["catch"](0);
+        if (process.env.NODE_ENV !== "production") {
+          console.warn("react-syntax-highlighter is not installed. Please install it to enable code syntax highlighting in ChatContextContainer.");
+        }
+      case 11:
+        return _context.abrupt("return", {
+          "default": function _default() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["p-2 italic"]))),
+              children: "react-syntax-highlighter is not installed."
+            });
+          }
+        });
+      case 12:
+      case "end":
+        return _context.stop();
+    }
+  }, _callee, null, [[0, 8]]);
+})));

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

@@ -0,0 +1,88 @@
+export declare const chatCodeDisplayStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    code: 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;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    code: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    code: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const chatCodeDisplaySkeletonStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: 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;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    line: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.chatCodeDisplayStyles = exports.chatCodeDisplaySkeletonStyles = 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;
+var chatCodeDisplayStyles = exports.chatCodeDisplayStyles = (0, _tv.tv)({
+  slots: {
+    base: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100"]))),
+    code: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["text-grey-600 text-sm leading-[20px] p-0 m-0"])))
+  }
+});
+var chatCodeDisplaySkeletonStyles = exports.chatCodeDisplaySkeletonStyles = (0, _tv.tv)({
+  slots: {
+    base: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["space-y-1 pt-0.5 overflow-hidden"]))),
+    line: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["max-w-full h-4"])))
+  }
+});

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

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

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

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

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

@@ -14,7 +14,7 @@ var chatContextAccordionStyles = exports.chatContextAccordionStyles = (0, _tv.tv
     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"])(["border-b border-grey-200 transition-colors duration-500 data-[state=closed]:border-b-transparent [&>div]:px-2"]))),
-    iconBg: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-none !size-auto"]))),
+    iconBg: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["bg-transparent size-auto"]))),
     trigger: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["!px-2 !py-0.5"]))),
     titleWrapper: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["gap-x-1"]))),
     title: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["typo-subdued typo-display-caption"]))),

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

@@ -5,9 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ChatContextContainer = void 0;
 var _react = require("react");
-var _reactSyntaxHighlighter = require("react-syntax-highlighter");
+var _ChatCodeDisplay = require("../ChatCodeDisplay");
 var _ChatContextContainer = require("./ChatContextContainer.styles");
-var _theme = require("./theme");
 var _Actions = require("./../../Actions");
 var _Icons = require("./../../Icons");
 var _utils = require("./../../utils");
@@ -60,10 +59,8 @@ var ChatContextContainer = exports.ChatContextContainer = function ChatContextCo
         role: "region",
         "aria-labelledby": titleId,
         className: styles.content(),
-        children: code !== undefined && typeof children === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSyntaxHighlighter.Prism, {
-          PreTag: "div",
+        children: code !== undefined && typeof children === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatCodeDisplay.ChatCodeDisplay, {
           language: code,
-          style: _theme.theme,
           children: children
         }) : children
       })]

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

@@ -17,6 +17,6 @@ var chatContextContainerStyles = exports.chatContextContainerStyles = (0, _tv.tv
     // 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"])))
+    content: (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 text-grey-600 text-sm leading-[20px] px-3 py-2 overflow-y-auto max-h-80 thin-scrollbar"])))
   }
 });

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

@@ -1,3 +1,5 @@
+export type { ChatCodeDisplayProps as ExperimentalChatCodeDisplayProps } from "./ChatCodeDisplay";
+export { ChatCodeDisplay as ExperimentalChatCodeDisplay } from "./ChatCodeDisplay";
 export type { ChatMessageProps as ExperimentalChatMessageProps } from "./ChatMessage";
 export { ChatMessage as ExperimentalChatMessage } from "./ChatMessage";
 export type { ChatMessagesProps as ExperimentalChatMessagesProps, ChatMessageLocale as ExperimentalChatMessageLocale, } from "./ChatMessages";

package/dist/cjs/Chat/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "ExperimentalChatCodeDisplay", {
+  enumerable: true,
+  get: function get() {
+    return _ChatCodeDisplay.ChatCodeDisplay;
+  }
+});
 Object.defineProperty(exports, "ExperimentalChatContextAccordion", {
   enumerable: true,
   get: function get() {
@@ -69,6 +75,7 @@ Object.defineProperty(exports, "experimentalIsAiSdkMessageV5", {
     return _helpers.isAiSdkMessageV5;
   }
 });
+var _ChatCodeDisplay = require("./ChatCodeDisplay");
 var _ChatMessage = require("./ChatMessage");
 var _ChatMessages = require("./ChatMessages");
 var _ChatPrompt = require("./ChatPrompt");

package/dist/cjs/Helpers/MarkdownContent/MarkdownContent.tailwind.js

@@ -17,7 +17,7 @@ module.exports = plugin(function (_ref) {
   /** @type {any} */
   var mobile = theme("stlTypography.mobile", {});
   addComponents({
-    ".markdown-content": {
+    ":where(.markdown-content)": {
       "h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, table": {
         "&:not(:first-child)": {
           marginTop: theme("spacing.3")

package/dist/cjs/Icons/index.d.ts

@@ -17,4 +17,4 @@ export { QueryBreakdownIcon } from "./QueryBreakdownIcon";
 export { BulbIcon } from "./BulbIcon";
 export { TestingIcon } from "./TestingIcon";
 export { RocketIcon } from "./RocketIcon";
-export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";
+export { ActivityIcon, AirplayIcon, AlertCircleIcon, AlertOctagonIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AnchorIcon, ApertureIcon, ArchiveIcon, ArrowDownCircleIcon, ArrowDownIcon, ArrowDownLeftIcon, ArrowDownRightIcon, ArrowLeftCircleIcon, ArrowLeftIcon, ArrowRightCircleIcon, ArrowRightIcon, ArrowUpCircleIcon, ArrowUpIcon, ArrowUpLeftIcon, ArrowUpRightIcon, AtSignIcon, AwardIcon, BanIcon, BarChart2Icon, BarChartIcon, BatteryChargingIcon, BatteryIcon, BellIcon, BellOffIcon, BlocksIcon, BluetoothIcon, BoldIcon, BookIcon, BookmarkIcon, BookOpenIcon, BoxIcon, BriefcaseIcon, CalendarIcon, CameraIcon, CameraOffIcon, CastIcon, CheckCircleIcon, CheckIcon, CheckSquareIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsDownIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpIcon, ChevronUpIcon, ChromeIcon, CircleIcon, ClipboardIcon, ClockIcon, CloudDrizzleIcon, CloudIcon, CloudLightningIcon, CloudOffIcon, CloudRainIcon, CloudSnowIcon, CodeIcon, CodepenIcon, CodesandboxIcon, CoffeeIcon, ColumnsIcon, CommandIcon, CompassIcon, CopyIcon, CopyPlus, CornerDownLeftIcon, CornerDownRightIcon, CornerLeftDownIcon, CornerLeftUpIcon, CornerRightDownIcon, CornerRightUpIcon, CornerUpLeftIcon, CornerUpRightIcon, CpuIcon, CreditCardIcon, CropIcon, CrosshairIcon, DatabaseIcon, DeleteIcon, DiscIcon, DivideCircleIcon, DivideIcon, DivideSquareIcon, DollarSignIcon, DownloadCloudIcon, DownloadIcon, DribbbleIcon, DropletIcon, Edit2Icon, Edit3Icon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FacebookIcon, FastForwardIcon, FeatherIcon, FigmaIcon, FileIcon, FileMinusIcon, FilePlusIcon, FileSearchIcon, FileTextIcon, FilmIcon, FilterIcon, FlagIcon, FlaskConicalIcon, FolderIcon, FolderMinusIcon, FolderPlusIcon, FramerIcon, FrownIcon, GiftIcon, GitBranchIcon, GitCommitIcon, GithubIcon, GitlabIcon, GitMergeIcon, GitPullRequestIcon, GlobeIcon, HardDriveIcon, HashIcon, HeadphonesIcon, HeartIcon, HelpCircleIcon, HexagonIcon, HomeIcon, ImageIcon, ImageOffIcon, InboxIcon, InfoIcon, InstagramIcon, ItalicIcon, KeyIcon, Landmark, LayersIcon, LayoutGridIcon, LayoutIcon, LifeBuoyIcon, Link2Icon, LinkedinIcon, LinkIcon, ListIcon, LoaderIcon, LockIcon, LogInIcon, LogOutIcon, MailIcon, MapIcon, MapPinIcon, Maximize2Icon, MaximizeIcon, MehIcon, MenuIcon, MergeIcon, MessageCircleIcon, MessageSquareIcon, MicIcon, MicOffIcon, Minimize2Icon, MinimizeIcon, MinusCircleIcon, MinusIcon, MinusSquareIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoreVerticalIcon, MousePointerIcon, MoveIcon, MusicIcon, Navigation2Icon, NavigationIcon, OctagonIcon, PackageIcon, PaperclipIcon, PauseCircleIcon, PauseIcon, PenToolIcon, PercentIcon, PhoneCallIcon, PhoneForwardedIcon, PhoneIcon, PhoneIncomingIcon, PhoneMissedIcon, PhoneOffIcon, PhoneOutgoingIcon, PieChartIcon, PlayCircleIcon, PlayIcon, PlusCircleIcon, PlusIcon, PlusSquareIcon, PocketIcon, PowerIcon, PrinterIcon, PuzzleIcon, RadioIcon, RefreshCcwIcon, RefreshCwIcon, RepeatIcon, RewindIcon, RotateCcwIcon, RotateCwIcon, RssIcon, SaveIcon, ScissorsIcon, SearchIcon, SearchXIcon, SendIcon, ServerCogIcon, ServerCrashIcon, ServerIcon, SettingsIcon, Share2Icon, ShareIcon, ShieldIcon, ShieldOffIcon, ShoppingBagIcon, ShoppingCartIcon, ShuffleIcon, SidebarIcon, SkipBackIcon, SkipForwardIcon, SlackIcon, SlidersIcon, SmartphoneIcon, SmileIcon, SparklesIcon, SpeakerIcon, SquareIcon, StarIcon, StopCircleIcon, SunIcon, SunriseIcon, SunsetIcon, TableIcon, TabletIcon, TagIcon, TargetIcon, TerminalIcon, ThermometerIcon, ThumbsDownIcon, ThumbsUpIcon, ToggleLeftIcon, ToggleRightIcon, Trash2Icon, TrashIcon, TrelloIcon, TrendingDownIcon, TrendingUpIcon, TriangleIcon, TrophyIcon, TruckIcon, TvIcon, TwitchIcon, TwitterIcon, TypeIcon, UmbrellaIcon, UnderlineIcon, UnlockIcon, UploadCloudIcon, UploadIcon, UserCheckIcon, UserIcon, UserMinusIcon, UserPlusIcon, UsersIcon, UserXIcon, VideoIcon, VideoOffIcon, VoicemailIcon, Volume1Icon, Volume2Icon, VolumeIcon, VolumeXIcon, WatchIcon, WifiIcon, WifiOffIcon, WindIcon, WrenchIcon, XCircleIcon, XIcon, XOctagonIcon, XSquareIcon, YoutubeIcon, ZapIcon, ZapOffIcon, ZoomInIcon, ZoomOutIcon, } from "lucide-react";

package/dist/cjs/Icons/index.js

@@ -471,6 +471,12 @@ Object.defineProperty(exports, "CopyIcon", {
     return _lucideReact.CopyIcon;
   }
 });
+Object.defineProperty(exports, "CopyPlus", {
+  enumerable: true,
+  get: function get() {
+    return _lucideReact.CopyPlus;
+  }
+});
 Object.defineProperty(exports, "CornerDownLeftIcon", {
   enumerable: true,
   get: function get() {

package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.d.ts

@@ -0,0 +1,32 @@
+import type { SyntaxHighlighterProps } from "react-syntax-highlighter";
+export type ChatCodeDisplayProps = {
+    /**
+     * Class to apply to the root element.
+     */
+    className?: string;
+    /**
+     * The syntax highlighting theme to use.
+     */
+    theme?: SyntaxHighlighterProps["style"];
+    /**
+     * The code language for syntax highlighting.
+     * @example "json", "js"
+     */
+    language?: SyntaxHighlighterProps["language"];
+    /**
+     * Custom pre tag component to use for rendering the code block.
+     */
+    PreTag?: SyntaxHighlighterProps["PreTag"];
+    /**
+     * Whether to wrap long lines.
+     */
+    wrapLongLines?: boolean;
+    /**
+     * The code to display.
+     */
+    children: string;
+};
+/**
+ * The `ChatCodeDisplay` component displays code with syntax highlighting for use within chat context.
+ */
+export declare const ChatCodeDisplay: ({ className, language, theme, wrapLongLines, PreTag, children, }: ChatCodeDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.js

@@ -0,0 +1,93 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+var _templateObject;
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { lazy, Suspense } from "react";
+import { chatCodeDisplaySkeletonStyles, chatCodeDisplayStyles } from "./ChatCodeDisplay.styles";
+import { theme as defaultTheme } from "./theme";
+import { Skeleton } from "./../../Indicators";
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * The `ChatCodeDisplay` component displays code with syntax highlighting for use within chat context.
+ */
+export var ChatCodeDisplay = function ChatCodeDisplay(_ref) {
+  var className = _ref.className,
+    language = _ref.language,
+    _ref$theme = _ref.theme,
+    theme = _ref$theme === void 0 ? defaultTheme : _ref$theme,
+    _ref$wrapLongLines = _ref.wrapLongLines,
+    wrapLongLines = _ref$wrapLongLines === void 0 ? true : _ref$wrapLongLines,
+    _ref$PreTag = _ref.PreTag,
+    PreTag = _ref$PreTag === void 0 ? "div" : _ref$PreTag,
+    children = _ref.children;
+  var styles = chatCodeDisplayStyles();
+  return /*#__PURE__*/_jsx(Suspense, {
+    fallback: /*#__PURE__*/_jsx(ChatCodeDisplaySkeleton, {
+      code: children
+    }),
+    children: /*#__PURE__*/_jsx(LazyPrism, {
+      className: styles.base({
+        className: className
+      }),
+      codeTagProps: {
+        className: styles.code()
+      },
+      language: language,
+      style: theme,
+      wrapLongLines: wrapLongLines,
+      PreTag: PreTag,
+      children: children
+    })
+  });
+};
+var ChatCodeDisplaySkeleton = function ChatCodeDisplaySkeleton(_ref2) {
+  var code = _ref2.code;
+  var styles = chatCodeDisplaySkeletonStyles();
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.base(),
+    children: code.split("\n").map(function (line, index) {
+      return /*#__PURE__*/_jsx(Skeleton, {
+        className: styles.line(),
+        style: {
+          width: "".concat(line.length, "ch")
+        }
+      }, index);
+    })
+  });
+};
+var LazyPrism = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var _yield$import, Prism;
+  return _regeneratorRuntime.wrap(function _callee$(_context) {
+    while (1) switch (_context.prev = _context.next) {
+      case 0:
+        _context.prev = 0;
+        _context.next = 3;
+        return import("react-syntax-highlighter");
+      case 3:
+        _yield$import = _context.sent;
+        Prism = _yield$import.Prism;
+        return _context.abrupt("return", {
+          "default": Prism
+        });
+      case 8:
+        _context.prev = 8;
+        _context.t0 = _context["catch"](0);
+        if (process.env.NODE_ENV !== "production") {
+          console.warn("react-syntax-highlighter is not installed. Please install it to enable code syntax highlighting in ChatContextContainer.");
+        }
+      case 11:
+        return _context.abrupt("return", {
+          "default": function _default() {
+            return /*#__PURE__*/_jsx("div", {
+              className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["p-2 italic"]))),
+              children: "react-syntax-highlighter is not installed."
+            });
+          }
+        });
+      case 12:
+      case "end":
+        return _context.stop();
+    }
+  }, _callee, null, [[0, 8]]);
+})));

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

@@ -0,0 +1,88 @@
+export declare const chatCodeDisplayStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    code: 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;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    code: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    code: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            code?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;
+export declare const chatCodeDisplaySkeletonStyles: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: 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;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    line: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    line: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<unknown, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            line?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}>, unknown, unknown, undefined>>;

package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.js

@@ -0,0 +1,16 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import stl from "./../../styles/helpers/satellitePrefixer";
+import { tv } from "./../../styles/helpers/tv";
+export var chatCodeDisplayStyles = tv({
+  slots: {
+    base: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["bg-grey-100"]))),
+    code: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["text-grey-600 text-sm leading-[20px] p-0 m-0"])))
+  }
+});
+export var chatCodeDisplaySkeletonStyles = tv({
+  slots: {
+    base: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["space-y-1 pt-0.5 overflow-hidden"]))),
+    line: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["max-w-full h-4"])))
+  }
+});

package/dist/esm/Chat/ChatCodeDisplay/index.d.ts

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

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

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

package/dist/esm/Chat/ChatContextAccordion/ChatContextAccordion.styles.js

@@ -7,7 +7,7 @@ export var chatContextAccordionStyles = tv({
     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(["border-b border-grey-200 transition-colors duration-500 data-[state=closed]:border-b-transparent [&>div]:px-2"]))),
-    iconBg: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-none !size-auto"]))),
+    iconBg: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["bg-transparent size-auto"]))),
     trigger: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["!px-2 !py-0.5"]))),
     titleWrapper: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["gap-x-1"]))),
     title: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["typo-subdued typo-display-caption"]))),