@liveblocks/react-ui 2.25.0-aiprivatebeta1 → 2.25.0-aiprivatebeta11

package/dist/components/internal/AiChatUserMessage.cjs

@@ -2,186 +2,43 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
-require('../../icons/index.cjs');
+require('../../_private/index.cjs');
 var overrides = require('../../overrides.cjs');
 var classNames = require('../../utils/class-names.cjs');
-var formatFileSize = require('../../utils/format-file-size.cjs');
-var AiChatComposer = require('./AiChatComposer.cjs');
-var Spinner = require('../../icons/Spinner.cjs');
+var index = require('../../primitives/AiMessage/index.cjs');
 
+function PlainTextPart({ part }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", {
+    children: part.text
+  });
+}
 const AiChatUserMessage = react.memo(
   react.forwardRef(
-    ({ message, className }, forwardedRef) => {
-      const text = message.content.filter((c) => c.type === "text").map((c) => c.text).join("\n");
-      const images = message.content.filter((c) => c.type === "image");
-      if (message.deletedAt !== void 0) {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", {
-          ref: forwardedRef,
-          className: classNames.classNames("lb-ai-chat-user-message", className),
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: "lb-ai-chat-user-message-deleted",
-            children: "This message has been deleted."
-          })
-        });
-      }
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
+    ({ message, className, overrides: overrides$1 }, forwardedRef) => {
+      const $ = overrides.useOverrides(overrides$1);
+      return /* @__PURE__ */ jsxRuntime.jsx("div", {
         ref: forwardedRef,
-        className: classNames.classNames("lb-ai-chat-user-message", className),
-        children: [
-          images.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: "lb-ai-chat-user-message-attachments",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: "lb-ai-chat-user-message-media-attachments",
-              children: images.map((image) => /* @__PURE__ */ jsxRuntime.jsx(AiChatUserMessageMediaAttachment, {
-                chatId: message.chatId,
-                attachment: image,
-                className: "lb-ai-chat-user-message-attachment"
-              }, image.id))
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            className: "lb-ai-chat-user-message-content",
-            children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-              className: "lb-ai-chat-user-message-body",
-              children: text
-            })
+        className: classNames.classNames(
+          "lb-ai-chat-message lb-ai-chat-user-message",
+          className
+        ),
+        children: message.deletedAt !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: "lb-ai-chat-message-deleted",
+          children: $.AI_CHAT_MESSAGE_DELETED
+        }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
+          className: "lb-ai-chat-message-content",
+          children: /* @__PURE__ */ jsxRuntime.jsx(index.Content, {
+            message,
+            components: {
+              TextPart: PlainTextPart
+            },
+            className: "lb-prose lb-ai-chat-message-text"
           })
-        ]
+        })
       });
     }
   )
 );
-function AiChatUserMessageMediaAttachment({
-  className,
-  chatId,
-  attachment,
-  overrides: overrides$1,
-  onClick,
-  onKeyDown,
-  ...props
-}) {
-  if (!attachment.mimeType.startsWith("image/")) {
-    throw new Error("Only image attachments are supported.");
-  }
-  const { url } = AiChatComposer.useChatAttachmentUrl(chatId, attachment.id);
-  const { base, extension } = AiChatComposer.splitFileName(attachment.name);
-  const $ = overrides.useOverrides(overrides$1);
-  const description = formatFileSize.formatFileSize(attachment.size, $.locale);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    className: classNames.classNames(
-      "lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment",
-      className
-    ),
-    role: url !== void 0 ? "button" : void 0,
-    tabIndex: url !== void 0 ? 0 : -1,
-    onKeyDown: (event) => {
-      onKeyDown?.(event);
-      if (event.isDefaultPrevented())
-        return;
-      if (url === void 0)
-        return;
-      if (event.key === "Enter" || event.key === " ") {
-        window.open(url, "_blank");
-      }
-    },
-    ...props,
-    onClick: (event) => {
-      onClick?.(event);
-      if (event.isDefaultPrevented())
-        return;
-      if (url === void 0)
-        return;
-      window.open(url, "_blank");
-    },
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(AttachmentPreview, {
-        attachment,
-        url
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: "lb-attachment-details",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-            className: "lb-attachment-name",
-            title: attachment.name,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", {
-                className: "lb-attachment-name-base",
-                children: base
-              }),
-              extension && /* @__PURE__ */ jsxRuntime.jsx("span", {
-                className: "lb-attachment-name-extension",
-                children: extension
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", {
-            className: "lb-attachment-description",
-            title: description,
-            children: description
-          })
-        ]
-      })
-    ]
-  });
-}
-function AttachmentPreview({
-  attachment,
-  url,
-  ...props
-}) {
-  const [isUnsupportedPreview, setUnsupportedPreview] = react.useState(false);
-  const [isLoaded, setLoaded] = react.useState(false);
-  if (!isUnsupportedPreview && attachment.size <= AiChatComposer.MAX_DISPLAYED_MEDIA_SIZE) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: "lb-attachment-preview",
-      ...props,
-      children: [
-        !isLoaded ? /* @__PURE__ */ jsxRuntime.jsx(Spinner.SpinnerIcon, {}) : null,
-        url ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-          className: "lb-attachment-preview-media",
-          "data-hidden": !isLoaded ? "" : void 0,
-          children: /* @__PURE__ */ jsxRuntime.jsx("img", {
-            src: url,
-            loading: "lazy",
-            onLoad: () => setLoaded(true),
-            onError: () => setUnsupportedPreview(true)
-          })
-        }) : null
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", {
-    className: "lb-attachment-icon",
-    width: 30,
-    height: 30,
-    viewBox: "0 0 30 30",
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-shadow"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-background"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("path", {
-        d: "M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z",
-        className: "lb-attachment-icon-fold"
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx("g", {
-        className: "lb-attachment-icon-glyph",
-        children: /* @__PURE__ */ jsxRuntime.jsx("path", {
-          d: "M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-        })
-      })
-    ]
-  });
-}
 
 exports.AiChatUserMessage = AiChatUserMessage;
 //# sourceMappingURL=AiChatUserMessage.cjs.map

package/dist/components/internal/AiChatUserMessage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AiChatUserMessage.cjs","sources":["../../../src/components/internal/AiChatUserMessage.tsx"],"sourcesContent":["import type { UiUserMessage } from \"@liveblocks/core\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, memo, useState } from \"react\";\n\nimport { SpinnerIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\nimport { formatFileSize } from \"../../utils/format-file-size\";\nimport {\n  MAX_DISPLAYED_MEDIA_SIZE,\n  splitFileName,\n  useChatAttachmentUrl,\n} from \"./AiChatComposer\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatUserMessage\n * -----------------------------------------------------------------------------------------------*/\nexport type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The message to display.\n   */\n  message: UiUserMessage;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides>;\n};\n\nexport const AiChatUserMessage = memo(\n  forwardRef<HTMLDivElement, AiChatUserMessageProps>(\n    ({ message, className }, forwardedRef) => {\n      const text = message.content\n        .filter((c) => c.type === \"text\")\n        .map((c) => c.text)\n        .join(\"\\n\");\n\n      const images = message.content.filter((c) => c.type === \"image\");\n\n      if (message.deletedAt !== undefined) {\n        return (\n          <div\n            ref={forwardedRef}\n            className={classNames(\"lb-ai-chat-user-message\", className)}\n          >\n            <div className=\"lb-ai-chat-user-message-deleted\">\n              This message has been deleted.\n            </div>\n          </div>\n        );\n      }\n\n      return (\n        <div\n          ref={forwardedRef}\n          className={classNames(\"lb-ai-chat-user-message\", className)}\n        >\n          {images.length > 0 && (\n            <div className=\"lb-ai-chat-user-message-attachments\">\n              <div className=\"lb-ai-chat-user-message-media-attachments\">\n                {images.map((image) => (\n                  <AiChatUserMessageMediaAttachment\n                    key={image.id}\n                    chatId={message.chatId}\n                    attachment={image}\n                    className=\"lb-ai-chat-user-message-attachment\"\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div className=\"lb-ai-chat-user-message-content\">\n            <div className=\"lb-ai-chat-user-message-body\">{text}</div>\n          </div>\n        </div>\n      );\n    }\n  )\n);\n\ntype AiChatUserMessageMediaAttachmentProps = HTMLAttributes<HTMLDivElement> & {\n  chatId: string;\n  attachment: {\n    id: string;\n    name: string;\n    size: number;\n    mimeType: string;\n  };\n  overrides?: Partial<GlobalOverrides>;\n};\n\nfunction AiChatUserMessageMediaAttachment({\n  className,\n  chatId,\n  attachment,\n  overrides,\n  onClick,\n  onKeyDown,\n  ...props\n}: AiChatUserMessageMediaAttachmentProps) {\n  if (!attachment.mimeType.startsWith(\"image/\")) {\n    throw new Error(\"Only image attachments are supported.\");\n  }\n\n  const { url } = useChatAttachmentUrl(chatId, attachment.id);\n\n  const { base, extension } = splitFileName(attachment.name);\n  const $ = useOverrides(overrides);\n  const description = formatFileSize(attachment.size, $.locale);\n\n  return (\n    <div\n      className={classNames(\n        \"lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment\",\n        className\n      )}\n      role={url !== undefined ? \"button\" : undefined}\n      tabIndex={url !== undefined ? 0 : -1}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (url === undefined) return;\n        if (event.key === \"Enter\" || event.key === \" \") {\n          window.open(url, \"_blank\");\n        }\n      }}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (url === undefined) return;\n        window.open(url, \"_blank\");\n      }}\n    >\n      <AttachmentPreview attachment={attachment} url={url} />\n\n      <div className=\"lb-attachment-details\">\n        <span className=\"lb-attachment-name\" title={attachment.name}>\n          <span className=\"lb-attachment-name-base\">{base}</span>\n          {extension && (\n            <span className=\"lb-attachment-name-extension\">{extension}</span>\n          )}\n        </span>\n\n        <span className=\"lb-attachment-description\" title={description}>\n          {description}\n        </span>\n      </div>\n    </div>\n  );\n}\n\ntype AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {\n  attachment: { name: string; size: number };\n  url: string | undefined;\n};\n\nfunction AttachmentPreview({\n  attachment,\n  url,\n  ...props\n}: AttachmentPreviewProps) {\n  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);\n  const [isLoaded, setLoaded] = useState(false);\n\n  if (!isUnsupportedPreview && attachment.size <= MAX_DISPLAYED_MEDIA_SIZE) {\n    return (\n      <div className=\"lb-attachment-preview\" {...props}>\n        {!isLoaded ? <SpinnerIcon /> : null}\n\n        {url ? (\n          <div\n            className=\"lb-attachment-preview-media\"\n            data-hidden={!isLoaded ? \"\" : undefined}\n          >\n            <img\n              src={url}\n              loading=\"lazy\"\n              onLoad={() => setLoaded(true)}\n              onError={() => setUnsupportedPreview(true)}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      className=\"lb-attachment-icon\"\n      width={30}\n      height={30}\n      viewBox=\"0 0 30 30\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-shadow\"\n      />\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-background\"\n      />\n      <path\n        d=\"M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z\"\n        className=\"lb-attachment-icon-fold\"\n      />\n\n      <g className=\"lb-attachment-icon-glyph\">\n        <path d=\"M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" />\n      </g>\n    </svg>\n  );\n}\n"],"names":["memo","forwardRef","jsx","classNames","jsxs","overrides","useChatAttachmentUrl","splitFileName","useOverrides","formatFileSize","useState","MAX_DISPLAYED_MEDIA_SIZE","SpinnerIcon"],"mappings":"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"}
+{"version":3,"file":"AiChatUserMessage.cjs","sources":["../../../src/components/internal/AiChatUserMessage.tsx"],"sourcesContent":["import type { AiTextPart, UiUserMessage } from \"@liveblocks/core\";\nimport type { ComponentProps } from \"react\";\nimport { forwardRef, memo } from \"react\";\n\nimport { AiMessage } from \"../../_private\";\nimport { type GlobalOverrides, useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatUserMessage\n * -----------------------------------------------------------------------------------------------*/\nexport interface AiChatUserMessageProps extends ComponentProps<\"div\"> {\n  /**\n   * The message to display.\n   */\n  message: UiUserMessage;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides>;\n}\n\ntype PlainTextPartProps = {\n  part: AiTextPart;\n};\n\nfunction PlainTextPart({ part }: PlainTextPartProps) {\n  return <p>{part.text}</p>;\n}\n\nexport const AiChatUserMessage = memo(\n  forwardRef<HTMLDivElement, AiChatUserMessageProps>(\n    ({ message, className, overrides }, forwardedRef) => {\n      const $ = useOverrides(overrides);\n      return (\n        <div\n          ref={forwardedRef}\n          className={classNames(\n            \"lb-ai-chat-message lb-ai-chat-user-message\",\n            className\n          )}\n        >\n          {message.deletedAt !== undefined ? (\n            <div className=\"lb-ai-chat-message-deleted\">\n              {$.AI_CHAT_MESSAGE_DELETED}\n            </div>\n          ) : (\n            <div className=\"lb-ai-chat-message-content\">\n              <AiMessage.Content\n                message={message}\n                components={{\n                  TextPart: PlainTextPart,\n                }}\n                className=\"lb-prose lb-ai-chat-message-text\"\n              />\n            </div>\n          )}\n        </div>\n      );\n    }\n  )\n);\n"],"names":["jsx","memo","forwardRef","overrides","useOverrides","classNames","AiMessage.Content"],"mappings":";;;;;;;;;AA0BA,SAAS,aAAA,CAAc,EAAE,IAAA,EAA4B,EAAA;AACnD,EAAA,uBAAQA,cAAA,CAAA,GAAA,EAAA;AAAA,IAAG,QAAK,EAAA,IAAA,CAAA,IAAA;AAAA,GAAK,CAAA,CAAA;AACvB,CAAA;AAEO,MAAM,iBAAoB,GAAAC,UAAA;AAAA,EAC/BC,gBAAA;AAAA,IACE,CAAC,EAAE,OAAA,EAAS,SAAW,aAAAC,WAAA,IAAa,YAAiB,KAAA;AACnD,MAAM,MAAA,CAAA,GAAIC,uBAAaD,WAAS,CAAA,CAAA;AAChC,MAAA,uBACGH,cAAA,CAAA,KAAA,EAAA;AAAA,QACC,GAAK,EAAA,YAAA;AAAA,QACL,SAAW,EAAAK,qBAAA;AAAA,UACT,4CAAA;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,OAAA,CAAQ,SAAc,KAAA,KAAA,CAAA,mBACpBL,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,4BAAA;AAAA,UACZ,QAAE,EAAA,CAAA,CAAA,uBAAA;AAAA,SACL,oBAECA,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,4BAAA;AAAA,UACb,QAAA,kBAAAA,cAAA,CAACM,aAAA,EAAA;AAAA,YACC,OAAA;AAAA,YACA,UAAY,EAAA;AAAA,cACV,QAAU,EAAA,aAAA;AAAA,aACZ;AAAA,YACA,SAAU,EAAA,kCAAA;AAAA,WACZ,CAAA;AAAA,SACF,CAAA;AAAA,OAEJ,CAAA,CAAA;AAAA,KAEJ;AAAA,GACF;AACF;;;;"}

package/dist/components/internal/AiChatUserMessage.js

@@ -1,185 +1,42 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { memo, forwardRef, useState } from 'react';
-import '../../icons/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { memo, forwardRef } from 'react';
+import '../../_private/index.js';
 import { useOverrides } from '../../overrides.js';
 import { classNames } from '../../utils/class-names.js';
-import { formatFileSize } from '../../utils/format-file-size.js';
-import { useChatAttachmentUrl, splitFileName, MAX_DISPLAYED_MEDIA_SIZE } from './AiChatComposer.js';
-import { SpinnerIcon } from '../../icons/Spinner.js';
+import { Content as AiMessageContent } from '../../primitives/AiMessage/index.js';
 
+function PlainTextPart({ part }) {
+  return /* @__PURE__ */ jsx("p", {
+    children: part.text
+  });
+}
 const AiChatUserMessage = memo(
   forwardRef(
-    ({ message, className }, forwardedRef) => {
-      const text = message.content.filter((c) => c.type === "text").map((c) => c.text).join("\n");
-      const images = message.content.filter((c) => c.type === "image");
-      if (message.deletedAt !== void 0) {
-        return /* @__PURE__ */ jsx("div", {
-          ref: forwardedRef,
-          className: classNames("lb-ai-chat-user-message", className),
-          children: /* @__PURE__ */ jsx("div", {
-            className: "lb-ai-chat-user-message-deleted",
-            children: "This message has been deleted."
-          })
-        });
-      }
-      return /* @__PURE__ */ jsxs("div", {
+    ({ message, className, overrides }, forwardedRef) => {
+      const $ = useOverrides(overrides);
+      return /* @__PURE__ */ jsx("div", {
         ref: forwardedRef,
-        className: classNames("lb-ai-chat-user-message", className),
-        children: [
-          images.length > 0 && /* @__PURE__ */ jsx("div", {
-            className: "lb-ai-chat-user-message-attachments",
-            children: /* @__PURE__ */ jsx("div", {
-              className: "lb-ai-chat-user-message-media-attachments",
-              children: images.map((image) => /* @__PURE__ */ jsx(AiChatUserMessageMediaAttachment, {
-                chatId: message.chatId,
-                attachment: image,
-                className: "lb-ai-chat-user-message-attachment"
-              }, image.id))
-            })
-          }),
-          /* @__PURE__ */ jsx("div", {
-            className: "lb-ai-chat-user-message-content",
-            children: /* @__PURE__ */ jsx("div", {
-              className: "lb-ai-chat-user-message-body",
-              children: text
-            })
+        className: classNames(
+          "lb-ai-chat-message lb-ai-chat-user-message",
+          className
+        ),
+        children: message.deletedAt !== void 0 ? /* @__PURE__ */ jsx("div", {
+          className: "lb-ai-chat-message-deleted",
+          children: $.AI_CHAT_MESSAGE_DELETED
+        }) : /* @__PURE__ */ jsx("div", {
+          className: "lb-ai-chat-message-content",
+          children: /* @__PURE__ */ jsx(AiMessageContent, {
+            message,
+            components: {
+              TextPart: PlainTextPart
+            },
+            className: "lb-prose lb-ai-chat-message-text"
           })
-        ]
+        })
       });
     }
   )
 );
-function AiChatUserMessageMediaAttachment({
-  className,
-  chatId,
-  attachment,
-  overrides,
-  onClick,
-  onKeyDown,
-  ...props
-}) {
-  if (!attachment.mimeType.startsWith("image/")) {
-    throw new Error("Only image attachments are supported.");
-  }
-  const { url } = useChatAttachmentUrl(chatId, attachment.id);
-  const { base, extension } = splitFileName(attachment.name);
-  const $ = useOverrides(overrides);
-  const description = formatFileSize(attachment.size, $.locale);
-  return /* @__PURE__ */ jsxs("div", {
-    className: classNames(
-      "lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment",
-      className
-    ),
-    role: url !== void 0 ? "button" : void 0,
-    tabIndex: url !== void 0 ? 0 : -1,
-    onKeyDown: (event) => {
-      onKeyDown?.(event);
-      if (event.isDefaultPrevented())
-        return;
-      if (url === void 0)
-        return;
-      if (event.key === "Enter" || event.key === " ") {
-        window.open(url, "_blank");
-      }
-    },
-    ...props,
-    onClick: (event) => {
-      onClick?.(event);
-      if (event.isDefaultPrevented())
-        return;
-      if (url === void 0)
-        return;
-      window.open(url, "_blank");
-    },
-    children: [
-      /* @__PURE__ */ jsx(AttachmentPreview, {
-        attachment,
-        url
-      }),
-      /* @__PURE__ */ jsxs("div", {
-        className: "lb-attachment-details",
-        children: [
-          /* @__PURE__ */ jsxs("span", {
-            className: "lb-attachment-name",
-            title: attachment.name,
-            children: [
-              /* @__PURE__ */ jsx("span", {
-                className: "lb-attachment-name-base",
-                children: base
-              }),
-              extension && /* @__PURE__ */ jsx("span", {
-                className: "lb-attachment-name-extension",
-                children: extension
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: "lb-attachment-description",
-            title: description,
-            children: description
-          })
-        ]
-      })
-    ]
-  });
-}
-function AttachmentPreview({
-  attachment,
-  url,
-  ...props
-}) {
-  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);
-  const [isLoaded, setLoaded] = useState(false);
-  if (!isUnsupportedPreview && attachment.size <= MAX_DISPLAYED_MEDIA_SIZE) {
-    return /* @__PURE__ */ jsxs("div", {
-      className: "lb-attachment-preview",
-      ...props,
-      children: [
-        !isLoaded ? /* @__PURE__ */ jsx(SpinnerIcon, {}) : null,
-        url ? /* @__PURE__ */ jsx("div", {
-          className: "lb-attachment-preview-media",
-          "data-hidden": !isLoaded ? "" : void 0,
-          children: /* @__PURE__ */ jsx("img", {
-            src: url,
-            loading: "lazy",
-            onLoad: () => setLoaded(true),
-            onError: () => setUnsupportedPreview(true)
-          })
-        }) : null
-      ]
-    });
-  }
-  return /* @__PURE__ */ jsxs("svg", {
-    className: "lb-attachment-icon",
-    width: 30,
-    height: 30,
-    viewBox: "0 0 30 30",
-    fill: "currentColor",
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [
-      /* @__PURE__ */ jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-shadow"
-      }),
-      /* @__PURE__ */ jsx("path", {
-        d: "M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z",
-        className: "lb-attachment-icon-background"
-      }),
-      /* @__PURE__ */ jsx("path", {
-        d: "M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z",
-        className: "lb-attachment-icon-fold"
-      }),
-      /* @__PURE__ */ jsx("g", {
-        className: "lb-attachment-icon-glyph",
-        children: /* @__PURE__ */ jsx("path", {
-          d: "M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
-        })
-      })
-    ]
-  });
-}
 
 export { AiChatUserMessage };
 //# sourceMappingURL=AiChatUserMessage.js.map

package/dist/components/internal/AiChatUserMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiChatUserMessage.js","sources":["../../../src/components/internal/AiChatUserMessage.tsx"],"sourcesContent":["import type { UiUserMessage } from \"@liveblocks/core\";\nimport type { HTMLAttributes } from \"react\";\nimport { forwardRef, memo, useState } from \"react\";\n\nimport { SpinnerIcon } from \"../../icons\";\nimport type { GlobalOverrides } from \"../../overrides\";\nimport { useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\nimport { formatFileSize } from \"../../utils/format-file-size\";\nimport {\n  MAX_DISPLAYED_MEDIA_SIZE,\n  splitFileName,\n  useChatAttachmentUrl,\n} from \"./AiChatComposer\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatUserMessage\n * -----------------------------------------------------------------------------------------------*/\nexport type AiChatUserMessageProps = HTMLAttributes<HTMLDivElement> & {\n  /**\n   * The message to display.\n   */\n  message: UiUserMessage;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides>;\n};\n\nexport const AiChatUserMessage = memo(\n  forwardRef<HTMLDivElement, AiChatUserMessageProps>(\n    ({ message, className }, forwardedRef) => {\n      const text = message.content\n        .filter((c) => c.type === \"text\")\n        .map((c) => c.text)\n        .join(\"\\n\");\n\n      const images = message.content.filter((c) => c.type === \"image\");\n\n      if (message.deletedAt !== undefined) {\n        return (\n          <div\n            ref={forwardedRef}\n            className={classNames(\"lb-ai-chat-user-message\", className)}\n          >\n            <div className=\"lb-ai-chat-user-message-deleted\">\n              This message has been deleted.\n            </div>\n          </div>\n        );\n      }\n\n      return (\n        <div\n          ref={forwardedRef}\n          className={classNames(\"lb-ai-chat-user-message\", className)}\n        >\n          {images.length > 0 && (\n            <div className=\"lb-ai-chat-user-message-attachments\">\n              <div className=\"lb-ai-chat-user-message-media-attachments\">\n                {images.map((image) => (\n                  <AiChatUserMessageMediaAttachment\n                    key={image.id}\n                    chatId={message.chatId}\n                    attachment={image}\n                    className=\"lb-ai-chat-user-message-attachment\"\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div className=\"lb-ai-chat-user-message-content\">\n            <div className=\"lb-ai-chat-user-message-body\">{text}</div>\n          </div>\n        </div>\n      );\n    }\n  )\n);\n\ntype AiChatUserMessageMediaAttachmentProps = HTMLAttributes<HTMLDivElement> & {\n  chatId: string;\n  attachment: {\n    id: string;\n    name: string;\n    size: number;\n    mimeType: string;\n  };\n  overrides?: Partial<GlobalOverrides>;\n};\n\nfunction AiChatUserMessageMediaAttachment({\n  className,\n  chatId,\n  attachment,\n  overrides,\n  onClick,\n  onKeyDown,\n  ...props\n}: AiChatUserMessageMediaAttachmentProps) {\n  if (!attachment.mimeType.startsWith(\"image/\")) {\n    throw new Error(\"Only image attachments are supported.\");\n  }\n\n  const { url } = useChatAttachmentUrl(chatId, attachment.id);\n\n  const { base, extension } = splitFileName(attachment.name);\n  const $ = useOverrides(overrides);\n  const description = formatFileSize(attachment.size, $.locale);\n\n  return (\n    <div\n      className={classNames(\n        \"lb-ai-chat-user-message-attachment lb-attachment lb-media-attachment\",\n        className\n      )}\n      role={url !== undefined ? \"button\" : undefined}\n      tabIndex={url !== undefined ? 0 : -1}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (url === undefined) return;\n        if (event.key === \"Enter\" || event.key === \" \") {\n          window.open(url, \"_blank\");\n        }\n      }}\n      {...props}\n      onClick={(event) => {\n        onClick?.(event);\n        if (event.isDefaultPrevented()) return;\n\n        if (url === undefined) return;\n        window.open(url, \"_blank\");\n      }}\n    >\n      <AttachmentPreview attachment={attachment} url={url} />\n\n      <div className=\"lb-attachment-details\">\n        <span className=\"lb-attachment-name\" title={attachment.name}>\n          <span className=\"lb-attachment-name-base\">{base}</span>\n          {extension && (\n            <span className=\"lb-attachment-name-extension\">{extension}</span>\n          )}\n        </span>\n\n        <span className=\"lb-attachment-description\" title={description}>\n          {description}\n        </span>\n      </div>\n    </div>\n  );\n}\n\ntype AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {\n  attachment: { name: string; size: number };\n  url: string | undefined;\n};\n\nfunction AttachmentPreview({\n  attachment,\n  url,\n  ...props\n}: AttachmentPreviewProps) {\n  const [isUnsupportedPreview, setUnsupportedPreview] = useState(false);\n  const [isLoaded, setLoaded] = useState(false);\n\n  if (!isUnsupportedPreview && attachment.size <= MAX_DISPLAYED_MEDIA_SIZE) {\n    return (\n      <div className=\"lb-attachment-preview\" {...props}>\n        {!isLoaded ? <SpinnerIcon /> : null}\n\n        {url ? (\n          <div\n            className=\"lb-attachment-preview-media\"\n            data-hidden={!isLoaded ? \"\" : undefined}\n          >\n            <img\n              src={url}\n              loading=\"lazy\"\n              onLoad={() => setLoaded(true)}\n              onError={() => setUnsupportedPreview(true)}\n            />\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <svg\n      className=\"lb-attachment-icon\"\n      width={30}\n      height={30}\n      viewBox=\"0 0 30 30\"\n      fill=\"currentColor\"\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-shadow\"\n      />\n      <path\n        d=\"M6 5a2 2 0 0 1 2-2h5.843a4 4 0 0 1 2.829 1.172l6.156 6.156A4 4 0 0 1 24 13.157V25a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V5Z\"\n        className=\"lb-attachment-icon-background\"\n      />\n      <path\n        d=\"M14.382 3.037a4 4 0 0 1 2.29 1.135l6.156 6.157a4 4 0 0 1 1.136 2.289A2 2 0 0 0 22 11h-4a2 2 0 0 1-2-2V5a2 2 0 0 0-1.618-1.963Z\"\n        className=\"lb-attachment-icon-fold\"\n      />\n\n      <g className=\"lb-attachment-icon-glyph\">\n        <path d=\"M12 16h6a1 1 0 0 1 1 1v3l-1.293-1.293a1 1 0 0 0-1.414 0L14.09 20.91l-.464-.386a1 1 0 0 0-1.265-.013l-1.231.985A.995.995 0 0 1 11 21v-4a1 1 0 0 1 1-1Zm-2 1a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2v-4Zm3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" />\n      </g>\n    </svg>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AiChatUserMessage.js","sources":["../../../src/components/internal/AiChatUserMessage.tsx"],"sourcesContent":["import type { AiTextPart, UiUserMessage } from \"@liveblocks/core\";\nimport type { ComponentProps } from \"react\";\nimport { forwardRef, memo } from \"react\";\n\nimport { AiMessage } from \"../../_private\";\nimport { type GlobalOverrides, useOverrides } from \"../../overrides\";\nimport { classNames } from \"../../utils/class-names\";\n\n/* -------------------------------------------------------------------------------------------------\n * AiChatUserMessage\n * -----------------------------------------------------------------------------------------------*/\nexport interface AiChatUserMessageProps extends ComponentProps<\"div\"> {\n  /**\n   * The message to display.\n   */\n  message: UiUserMessage;\n  /**\n   * Override the component's strings.\n   */\n  overrides?: Partial<GlobalOverrides>;\n}\n\ntype PlainTextPartProps = {\n  part: AiTextPart;\n};\n\nfunction PlainTextPart({ part }: PlainTextPartProps) {\n  return <p>{part.text}</p>;\n}\n\nexport const AiChatUserMessage = memo(\n  forwardRef<HTMLDivElement, AiChatUserMessageProps>(\n    ({ message, className, overrides }, forwardedRef) => {\n      const $ = useOverrides(overrides);\n      return (\n        <div\n          ref={forwardedRef}\n          className={classNames(\n            \"lb-ai-chat-message lb-ai-chat-user-message\",\n            className\n          )}\n        >\n          {message.deletedAt !== undefined ? (\n            <div className=\"lb-ai-chat-message-deleted\">\n              {$.AI_CHAT_MESSAGE_DELETED}\n            </div>\n          ) : (\n            <div className=\"lb-ai-chat-message-content\">\n              <AiMessage.Content\n                message={message}\n                components={{\n                  TextPart: PlainTextPart,\n                }}\n                className=\"lb-prose lb-ai-chat-message-text\"\n              />\n            </div>\n          )}\n        </div>\n      );\n    }\n  )\n);\n"],"names":["AiMessage.Content"],"mappings":";;;;;;;AA0BA,SAAS,aAAA,CAAc,EAAE,IAAA,EAA4B,EAAA;AACnD,EAAA,uBAAQ,GAAA,CAAA,GAAA,EAAA;AAAA,IAAG,QAAK,EAAA,IAAA,CAAA,IAAA;AAAA,GAAK,CAAA,CAAA;AACvB,CAAA;AAEO,MAAM,iBAAoB,GAAA,IAAA;AAAA,EAC/B,UAAA;AAAA,IACE,CAAC,EAAE,OAAA,EAAS,SAAW,EAAA,SAAA,IAAa,YAAiB,KAAA;AACnD,MAAM,MAAA,CAAA,GAAI,aAAa,SAAS,CAAA,CAAA;AAChC,MAAA,uBACG,GAAA,CAAA,KAAA,EAAA;AAAA,QACC,GAAK,EAAA,YAAA;AAAA,QACL,SAAW,EAAA,UAAA;AAAA,UACT,4CAAA;AAAA,UACA,SAAA;AAAA,SACF;AAAA,QAEC,QAAA,EAAA,OAAA,CAAQ,SAAc,KAAA,KAAA,CAAA,mBACpB,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,4BAAA;AAAA,UACZ,QAAE,EAAA,CAAA,CAAA,uBAAA;AAAA,SACL,oBAEC,GAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,4BAAA;AAAA,UACb,QAAA,kBAAA,GAAA,CAACA,gBAAA,EAAA;AAAA,YACC,OAAA;AAAA,YACA,UAAY,EAAA;AAAA,cACV,QAAU,EAAA,aAAA;AAAA,aACZ;AAAA,YACA,SAAU,EAAA,kCAAA;AAAA,WACZ,CAAA;AAAA,SACF,CAAA;AAAA,OAEJ,CAAA,CAAA;AAAA,KAEJ;AAAA,GACF;AACF;;;;"}

package/dist/components/internal/Button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.cjs","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"toolbar\" | \"outline\" | \"primary\" | \"secondary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n\nexport const SelectButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, className, ...props }, forwardedRef) => {\n    return (\n      <CustomButton\n        {...props}\n        type=\"button\"\n        className={classNames(\"lb-select-button\", className)}\n        ref={forwardedRef}\n      >\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n        <span className=\"lb-select-button-chevron\">\n          <ChevronDownIcon />\n        </span>\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAeO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;AAEO;AAAqB;AAExB;AACG;AACK;AACC;AAC8C;AAC9C;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;;;"}
+{"version":3,"file":"Button.cjs","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?:\n    | \"default\"\n    | \"toolbar\"\n    | \"outline\"\n    | \"primary\"\n    | \"secondary\"\n    | \"destructive\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n\nexport const SelectButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, className, ...props }, forwardedRef) => {\n    return (\n      <CustomButton\n        {...props}\n        type=\"button\"\n        className={classNames(\"lb-select-button\", className)}\n        ref={forwardedRef}\n      >\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n        <span className=\"lb-select-button-chevron\">\n          <ChevronDownIcon />\n        </span>\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;AAqBO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;AAEO;AAAqB;AAExB;AACG;AACK;AACC;AAC8C;AAC9C;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;;;"}

package/dist/components/internal/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?: \"default\" | \"toolbar\" | \"outline\" | \"primary\" | \"secondary\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n\nexport const SelectButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, className, ...props }, forwardedRef) => {\n    return (\n      <CustomButton\n        {...props}\n        type=\"button\"\n        className={classNames(\"lb-select-button\", className)}\n        ref={forwardedRef}\n      >\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n        <span className=\"lb-select-button-chevron\">\n          <ChevronDownIcon />\n        </span>\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAeO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;AAEO;AAAqB;AAExB;AACG;AACK;AACC;AAC8C;AAC9C;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/internal/Button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef } from \"react\";\n\nimport { ChevronDownIcon } from \"../../icons/ChevronDown\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface ButtonProps extends ComponentProps<\"button\"> {\n  variant?:\n    | \"default\"\n    | \"toolbar\"\n    | \"outline\"\n    | \"primary\"\n    | \"secondary\"\n    | \"destructive\";\n  size?: \"default\" | \"large\";\n  disableable?: boolean;\n  icon?: ReactNode;\n}\n\nexport const CustomButton = forwardRef<\n  HTMLButtonElement,\n  Omit<ButtonProps, \"icon\">\n>(\n  (\n    {\n      variant = \"default\",\n      size = \"default\",\n      disableable = true,\n      className,\n      children,\n      ...props\n    },\n    forwardedRef\n  ) => {\n    return (\n      <button\n        type=\"button\"\n        className={classNames(\n          \"lb-button\",\n          !disableable && \"lb-button:non-disableable\",\n          className\n        )}\n        data-variant={variant}\n        data-size={size}\n        {...props}\n        ref={forwardedRef}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, ...props }, forwardedRef) => {\n    return (\n      <CustomButton {...props} ref={forwardedRef}>\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n      </CustomButton>\n    );\n  }\n);\n\nexport const SelectButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ icon, children, className, ...props }, forwardedRef) => {\n    return (\n      <CustomButton\n        {...props}\n        type=\"button\"\n        className={classNames(\"lb-select-button\", className)}\n        ref={forwardedRef}\n      >\n        {icon ? <span className=\"lb-icon-container\">{icon}</span> : null}\n        {children ? <span className=\"lb-button-label\">{children}</span> : null}\n        <span className=\"lb-select-button-chevron\">\n          <ChevronDownIcon />\n        </span>\n      </CustomButton>\n    );\n  }\n);\n"],"names":[],"mappings":";;;;;;;AAqBO;AAAqB;AAKxB;AACY;AACH;AACO;AACd;AACA;AACG;AAIL;AACG;AACM;AACM;AACT;AACgB;AAChB;AACF;AACc;AACH;AACP;AACC;AAEJ;AACH;AAGN;AAEO;AAAe;AAElB;AACG;AAAiB;AAAY;AAC3B;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AAAA;AACpE;AAGN;AAEO;AAAqB;AAExB;AACG;AACK;AACC;AAC8C;AAC9C;AAEJ;AAAQ;AAAe;AAAqB;AAAe;AAC/C;AAAe;AAAmB;AAAmB;AACjE;AAAe;AACG;AACnB;AAAA;AACF;AAGN;;"}

package/dist/components/internal/CodeBlock.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+require('../../icons/index.cjs');
+var Button = require('./Button.cjs');
+var Tooltip = require('./Tooltip.cjs');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var Check = require('../../icons/Check.cjs');
+var Copy = require('../../icons/Copy.cjs');
+
+const COPY_DELAY = 1500;
+function CodeBlock({ title, code }) {
+  const [isCopied, setCopied] = react.useState(false);
+  const timeoutRef = react.useRef(null);
+  react.useEffect(() => {
+    if (isCopied) {
+      timeoutRef.current = setTimeout(() => {
+        setCopied(false);
+      }, COPY_DELAY);
+    }
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [isCopied]);
+  const handleCopy = react.useCallback(() => {
+    try {
+      navigator.clipboard.writeText(code);
+      setCopied(true);
+    } catch (error) {
+      console.error(error);
+    }
+  }, [code]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive.TooltipProvider, {
+    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
+      className: "lb-code-block",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", {
+          className: "lb-code-block-header",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", {
+              className: "lb-code-block-title",
+              children: title
+            }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", {
+              className: "lb-code-block-header-actions",
+              children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, {
+                content: isCopied ? null : "Copy",
+                children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, {
+                  className: "lb-code-block-header-action",
+                  icon: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Check.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(Copy.CopyIcon, {}),
+                  onClick: handleCopy
+                })
+              })
+            })
+          ]
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", {
+          className: "lb-code-block-content",
+          children: /* @__PURE__ */ jsxRuntime.jsx("code", {
+            children: code
+          })
+        })
+      ]
+    })
+  });
+}
+
+exports.CodeBlock = CodeBlock;
+//# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/internal/CodeBlock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.cjs","sources":["../../../src/components/internal/CodeBlock.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { CheckIcon, CopyIcon } from \"../../icons\";\nimport { Button } from \"./Button\";\nimport { Tooltip, TooltipProvider } from \"./Tooltip\";\n\nconst COPY_DELAY = 1500;\n\ninterface CodeBlockProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  title: string;\n  code: string;\n}\n\nexport function CodeBlock({ title, code }: CodeBlockProps) {\n  const [isCopied, setCopied] = useState(false);\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (isCopied) {\n      timeoutRef.current = setTimeout(() => {\n        setCopied(false);\n      }, COPY_DELAY);\n    }\n\n    return () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    };\n  }, [isCopied]);\n\n  const handleCopy = useCallback(() => {\n    try {\n      navigator.clipboard.writeText(code);\n      setCopied(true);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [code]);\n\n  return (\n    <TooltipProvider>\n      <div className=\"lb-code-block\">\n        <div className=\"lb-code-block-header\">\n          <span className=\"lb-code-block-title\">{title}</span>\n          <div className=\"lb-code-block-header-actions\">\n            <Tooltip content={isCopied ? null : \"Copy\"}>\n              <Button\n                className=\"lb-code-block-header-action\"\n                icon={isCopied ? <CheckIcon /> : <CopyIcon />}\n                onClick={handleCopy}\n              />\n            </Tooltip>\n          </div>\n        </div>\n        <pre className=\"lb-code-block-content\">\n          <code>{code}</code>\n        </pre>\n      </div>\n    </TooltipProvider>\n  );\n}\n"],"names":["useState","useRef","useEffect","useCallback","jsx","TooltipProvider","jsxs","Tooltip","Button","CheckIcon","CopyIcon"],"mappings":";;;;;;;;;;;AAOA,MAAM,UAAa,GAAA,IAAA,CAAA;AAOZ,SAAS,SAAU,CAAA,EAAE,KAAO,EAAA,IAAA,EAAwB,EAAA;AACzD,EAAA,MAAM,CAAC,QAAA,EAAU,SAAS,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,UAAA,GAAaC,aAA6C,IAAI,CAAA,CAAA;AAEpE,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAW,UAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACpC,QAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,SACd,UAAU,CAAA,CAAA;AAAA,KACf;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAW,OAAS,EAAA;AACtB,QAAA,YAAA,CAAa,WAAW,OAAO,CAAA,CAAA;AAAA,OACjC;AAAA,KACF,CAAA;AAAA,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAI,IAAA;AACF,MAAU,SAAA,CAAA,SAAA,CAAU,UAAU,IAAI,CAAA,CAAA;AAClC,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,aACP,KAAP,EAAA;AACA,MAAA,OAAA,CAAQ,MAAM,KAAK,CAAA,CAAA;AAAA,KACrB;AAAA,GACF,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,uBACGC,cAAA,CAAAC,gCAAA,EAAA;AAAA,IACC,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA;AAAA,MAAI,SAAU,EAAA,eAAA;AAAA,MACb,QAAA,EAAA;AAAA,wBAACA,eAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,sBAAA;AAAA,UACb,QAAA,EAAA;AAAA,4BAACF,cAAA,CAAA,MAAA,EAAA;AAAA,cAAK,SAAU,EAAA,qBAAA;AAAA,cAAuB,QAAA,EAAA,KAAA;AAAA,aAAM,CAAA;AAAA,4BAC5CA,cAAA,CAAA,KAAA,EAAA;AAAA,cAAI,SAAU,EAAA,8BAAA;AAAA,cACb,QAAC,kBAAAA,cAAA,CAAAG,eAAA,EAAA;AAAA,gBAAQ,OAAA,EAAS,WAAW,IAAO,GAAA,MAAA;AAAA,gBAClC,QAAC,kBAAAH,cAAA,CAAAI,aAAA,EAAA;AAAA,kBACC,SAAU,EAAA,6BAAA;AAAA,kBACV,MAAM,QAAW,mBAAAJ,cAAA,CAACK,eAAU,EAAA,EAAA,CAAA,kCAAMC,aAAS,EAAA,EAAA,CAAA;AAAA,kBAC3C,OAAS,EAAA,UAAA;AAAA,iBACX,CAAA;AAAA,eACF,CAAA;AAAA,aACF,CAAA;AAAA,WAAA;AAAA,SACF,CAAA;AAAA,wBACCN,cAAA,CAAA,KAAA,EAAA;AAAA,UAAI,SAAU,EAAA,uBAAA;AAAA,UACb,QAAC,kBAAAA,cAAA,CAAA,MAAA,EAAA;AAAA,YAAM,QAAA,EAAA,IAAA;AAAA,WAAK,CAAA;AAAA,SACd,CAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GACF,CAAA,CAAA;AAEJ;;;;"}