@liveblocks/react-ui 2.25.0-aiprivatebeta5 → 2.25.0-aiprivatebeta7

package/dist/primitives/slate/utils/is-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-text.js","sources":["../../../../src/primitives/slate/utils/is-text.ts"],"sourcesContent":["import type { Node as SlateNode, Text as SlateText } from \"slate\";\n\nexport function isText(element: SlateNode): element is SlateText {\n  return (\n    !(\"type\" in element) &&\n    \"text\" in element &&\n    typeof element.text === \"string\"\n  );\n}\n\nexport function isPlainText(node: SlateNode): boolean {\n  return isText(node) && Object.keys(node).length === 1;\n}\n"],"names":[],"mappings":"AAEO,SAAS,OAAO,OAA0C,EAAA;AAC/D,EAAA,OACE,EAAE,MAAU,IAAA,OAAA,CAAA,IACZ,UAAU,OACV,IAAA,OAAO,QAAQ,IAAS,KAAA,QAAA,CAAA;AAE5B,CAAA;AAEO,SAAS,YAAY,IAA0B,EAAA;AACpD,EAAA,OAAO,OAAO,IAAI,CAAA,IAAK,OAAO,IAAK,CAAA,IAAI,EAAE,MAAW,KAAA,CAAA,CAAA;AACtD;;;;"}

package/dist/primitives/slate/utils/is-whitespace-character.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-whitespace-character.cjs","sources":["../../../../src/primitives/slate/utils/is-whitespace-character.ts"],"sourcesContent":["const WHITESPACE_REGEX = /\\s/;\n\nexport function isWhitespaceCharacter(character?: string): boolean {\n  return character ? WHITESPACE_REGEX.test(character) : false;\n}\n"],"names":[],"mappings":";;AAAA,MAAM,gBAAmB,GAAA,IAAA,CAAA;AAElB,SAAS,sBAAsB,SAA6B,EAAA;AACjE,EAAA,OAAO,SAAY,GAAA,gBAAA,CAAiB,IAAK,CAAA,SAAS,CAAI,GAAA,KAAA,CAAA;AACxD;;;;"}

package/dist/primitives/slate/utils/is-whitespace-character.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-whitespace-character.js","sources":["../../../../src/primitives/slate/utils/is-whitespace-character.ts"],"sourcesContent":["const WHITESPACE_REGEX = /\\s/;\n\nexport function isWhitespaceCharacter(character?: string): boolean {\n  return character ? WHITESPACE_REGEX.test(character) : false;\n}\n"],"names":[],"mappings":"AAAA,MAAM,gBAAmB,GAAA,IAAA,CAAA;AAElB,SAAS,sBAAsB,SAA6B,EAAA;AACjE,EAAA,OAAO,SAAY,GAAA,gBAAA,CAAiB,IAAK,CAAA,SAAS,CAAI,GAAA,KAAA,CAAA;AACxD;;;;"}

package/dist/{slate → primitives/slate}/utils/marks.cjs

@@ -3,22 +3,22 @@
 var slate = require('slate');
 var getCharacter = require('./get-character.cjs');
 
-const defaultMarks = {
+const defaultComposerBodyMarks = {
   bold: false,
   italic: false,
   strikethrough: false,
   code: false
 };
-function isMarkActive(editor, mark) {
-  const marks = slate.Editor.marks(editor);
-  return marks ? marks[mark] === true : false;
-}
-function getMarks(editor) {
+function getComposerBodyMarks(editor) {
   if (!editor) {
-    return { ...defaultMarks };
+    return { ...defaultComposerBodyMarks };
   }
   const marks = slate.Editor.marks(editor);
-  return { ...defaultMarks, ...marks };
+  return { ...defaultComposerBodyMarks, ...marks };
+}
+function isMarkActive(editor, mark) {
+  const marks = slate.Editor.marks(editor);
+  return marks ? marks[mark] === true : false;
 }
 function filterActiveMarks(value) {
   return Object.keys(value ?? {}).filter(
@@ -54,7 +54,7 @@ function leaveMarkEdge(editor, edge) {
 }
 
 exports.filterActiveMarks = filterActiveMarks;
-exports.getMarks = getMarks;
+exports.getComposerBodyMarks = getComposerBodyMarks;
 exports.isMarkActive = isMarkActive;
 exports.leaveMarkEdge = leaveMarkEdge;
 exports.removeMarks = removeMarks;

package/dist/primitives/slate/utils/marks.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.cjs","sources":["../../../../src/primitives/slate/utils/marks.ts"],"sourcesContent":["import type { Text } from \"slate\";\nimport { Editor as SlateEditor, Range as SlateRange } from \"slate\";\n\nimport type { ComposerBodyMarks } from \"../../../types\";\nimport { getCharacterAfter, getCharacterBefore } from \"./get-character\";\n\nconst defaultComposerBodyMarks: Required<ComposerBodyMarks> = {\n  bold: false,\n  italic: false,\n  strikethrough: false,\n  code: false,\n};\n\nexport function getComposerBodyMarks(editor?: SlateEditor) {\n  if (!editor) {\n    return { ...defaultComposerBodyMarks };\n  }\n\n  const marks = SlateEditor.marks(editor);\n\n  return { ...defaultComposerBodyMarks, ...marks };\n}\n\nexport function isMarkActive<M = ComposerBodyMarks>(\n  editor: SlateEditor,\n  mark: keyof M\n) {\n  const marks = SlateEditor.marks(editor) as M | null;\n\n  return marks ? marks[mark] === true : false;\n}\n\nexport function filterActiveMarks(\n  value: Text | ComposerBodyMarks | null | undefined\n) {\n  return Object.keys(value ?? {}).filter(\n    (key) => key !== \"text\"\n  ) as (keyof ComposerBodyMarks)[];\n}\n\nexport function toggleMark(editor: SlateEditor, mark: keyof ComposerBodyMarks) {\n  const isActive = isMarkActive(editor, mark);\n\n  if (isActive) {\n    SlateEditor.removeMark(editor, mark);\n  } else {\n    SlateEditor.addMark(editor, mark, true);\n  }\n}\n\nexport function removeMarks(editor: SlateEditor) {\n  const marks = SlateEditor.marks(editor);\n\n  if (marks) {\n    for (const mark in marks) {\n      SlateEditor.removeMark(editor, mark);\n    }\n  }\n}\n\nexport function leaveMarkEdge(editor: SlateEditor, edge: \"start\" | \"end\") {\n  if (editor.selection && SlateRange.isCollapsed(editor.selection)) {\n    const marks = Object.keys(SlateEditor.marks(editor) ?? {});\n\n    if (marks.length > 0) {\n      const sibling =\n        edge === \"start\"\n          ? getCharacterBefore(editor, editor.selection)\n          : getCharacterAfter(editor, editor.selection);\n\n      if (!sibling) {\n        removeMarks(editor);\n      }\n    }\n  }\n}\n"],"names":["SlateEditor","SlateRange","getCharacterBefore","getCharacterAfter"],"mappings":";;;;;AAMA,MAAM,wBAAwD,GAAA;AAAA,EAC5D,IAAM,EAAA,KAAA;AAAA,EACN,MAAQ,EAAA,KAAA;AAAA,EACR,aAAe,EAAA,KAAA;AAAA,EACf,IAAM,EAAA,KAAA;AACR,CAAA,CAAA;AAEO,SAAS,qBAAqB,MAAsB,EAAA;AACzD,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,OAAA,EAAE,GAAG,wBAAyB,EAAA,CAAA;AAAA,GACvC;AAEA,EAAM,MAAA,KAAA,GAAQA,YAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEtC,EAAA,OAAO,EAAE,GAAG,wBAA0B,EAAA,GAAG,KAAM,EAAA,CAAA;AACjD,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,IACA,EAAA;AACA,EAAM,MAAA,KAAA,GAAQA,YAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEtC,EAAO,OAAA,KAAA,GAAQ,KAAM,CAAA,IAAA,CAAA,KAAU,IAAO,GAAA,KAAA,CAAA;AACxC,CAAA;AAEO,SAAS,kBACd,KACA,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,IAAA,CAAK,KAAS,IAAA,EAAE,CAAE,CAAA,MAAA;AAAA,IAC9B,CAAC,QAAQ,GAAQ,KAAA,MAAA;AAAA,GACnB,CAAA;AACF,CAAA;AAEgB,SAAA,UAAA,CAAW,QAAqB,IAA+B,EAAA;AAC7E,EAAM,MAAA,QAAA,GAAW,YAAa,CAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAE1C,EAAA,IAAI,QAAU,EAAA;AACZ,IAAYA,YAAA,CAAA,UAAA,CAAW,QAAQ,IAAI,CAAA,CAAA;AAAA,GAC9B,MAAA;AACL,IAAYA,YAAA,CAAA,OAAA,CAAQ,MAAQ,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,CAAA;AAEO,SAAS,YAAY,MAAqB,EAAA;AAC/C,EAAM,MAAA,KAAA,GAAQA,YAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEtC,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,MAAYA,YAAA,CAAA,UAAA,CAAW,QAAQ,IAAI,CAAA,CAAA;AAAA,KACrC;AAAA,GACF;AACF,CAAA;AAEgB,SAAA,aAAA,CAAc,QAAqB,IAAuB,EAAA;AACxE,EAAA,IAAI,OAAO,SAAa,IAAAC,WAAA,CAAW,WAAY,CAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AAChE,IAAM,MAAA,KAAA,GAAQ,OAAO,IAAK,CAAAD,YAAA,CAAY,MAAM,MAAM,CAAA,IAAK,EAAE,CAAA,CAAA;AAEzD,IAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,MAAM,MAAA,OAAA,GACJ,IAAS,KAAA,OAAA,GACLE,+BAAmB,CAAA,MAAA,EAAQ,MAAO,CAAA,SAAS,CAC3C,GAAAC,8BAAA,CAAkB,MAAQ,EAAA,MAAA,CAAO,SAAS,CAAA,CAAA;AAEhD,MAAA,IAAI,CAAC,OAAS,EAAA;AACZ,QAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,GACF;AACF;;;;;;;;;"}

package/dist/{slate → primitives/slate}/utils/marks.js

@@ -1,22 +1,22 @@
 import { Editor, Range } from 'slate';
 import { getCharacterBefore, getCharacterAfter } from './get-character.js';
 
-const defaultMarks = {
+const defaultComposerBodyMarks = {
   bold: false,
   italic: false,
   strikethrough: false,
   code: false
 };
-function isMarkActive(editor, mark) {
-  const marks = Editor.marks(editor);
-  return marks ? marks[mark] === true : false;
-}
-function getMarks(editor) {
+function getComposerBodyMarks(editor) {
   if (!editor) {
-    return { ...defaultMarks };
+    return { ...defaultComposerBodyMarks };
   }
   const marks = Editor.marks(editor);
-  return { ...defaultMarks, ...marks };
+  return { ...defaultComposerBodyMarks, ...marks };
+}
+function isMarkActive(editor, mark) {
+  const marks = Editor.marks(editor);
+  return marks ? marks[mark] === true : false;
 }
 function filterActiveMarks(value) {
   return Object.keys(value ?? {}).filter(
@@ -51,5 +51,5 @@ function leaveMarkEdge(editor, edge) {
   }
 }
 
-export { filterActiveMarks, getMarks, isMarkActive, leaveMarkEdge, removeMarks, toggleMark };
+export { filterActiveMarks, getComposerBodyMarks, isMarkActive, leaveMarkEdge, removeMarks, toggleMark };
 //# sourceMappingURL=marks.js.map

package/dist/primitives/slate/utils/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","sources":["../../../../src/primitives/slate/utils/marks.ts"],"sourcesContent":["import type { Text } from \"slate\";\nimport { Editor as SlateEditor, Range as SlateRange } from \"slate\";\n\nimport type { ComposerBodyMarks } from \"../../../types\";\nimport { getCharacterAfter, getCharacterBefore } from \"./get-character\";\n\nconst defaultComposerBodyMarks: Required<ComposerBodyMarks> = {\n  bold: false,\n  italic: false,\n  strikethrough: false,\n  code: false,\n};\n\nexport function getComposerBodyMarks(editor?: SlateEditor) {\n  if (!editor) {\n    return { ...defaultComposerBodyMarks };\n  }\n\n  const marks = SlateEditor.marks(editor);\n\n  return { ...defaultComposerBodyMarks, ...marks };\n}\n\nexport function isMarkActive<M = ComposerBodyMarks>(\n  editor: SlateEditor,\n  mark: keyof M\n) {\n  const marks = SlateEditor.marks(editor) as M | null;\n\n  return marks ? marks[mark] === true : false;\n}\n\nexport function filterActiveMarks(\n  value: Text | ComposerBodyMarks | null | undefined\n) {\n  return Object.keys(value ?? {}).filter(\n    (key) => key !== \"text\"\n  ) as (keyof ComposerBodyMarks)[];\n}\n\nexport function toggleMark(editor: SlateEditor, mark: keyof ComposerBodyMarks) {\n  const isActive = isMarkActive(editor, mark);\n\n  if (isActive) {\n    SlateEditor.removeMark(editor, mark);\n  } else {\n    SlateEditor.addMark(editor, mark, true);\n  }\n}\n\nexport function removeMarks(editor: SlateEditor) {\n  const marks = SlateEditor.marks(editor);\n\n  if (marks) {\n    for (const mark in marks) {\n      SlateEditor.removeMark(editor, mark);\n    }\n  }\n}\n\nexport function leaveMarkEdge(editor: SlateEditor, edge: \"start\" | \"end\") {\n  if (editor.selection && SlateRange.isCollapsed(editor.selection)) {\n    const marks = Object.keys(SlateEditor.marks(editor) ?? {});\n\n    if (marks.length > 0) {\n      const sibling =\n        edge === \"start\"\n          ? getCharacterBefore(editor, editor.selection)\n          : getCharacterAfter(editor, editor.selection);\n\n      if (!sibling) {\n        removeMarks(editor);\n      }\n    }\n  }\n}\n"],"names":["SlateEditor","SlateRange"],"mappings":";;;AAMA,MAAM,wBAAwD,GAAA;AAAA,EAC5D,IAAM,EAAA,KAAA;AAAA,EACN,MAAQ,EAAA,KAAA;AAAA,EACR,aAAe,EAAA,KAAA;AAAA,EACf,IAAM,EAAA,KAAA;AACR,CAAA,CAAA;AAEO,SAAS,qBAAqB,MAAsB,EAAA;AACzD,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,OAAA,EAAE,GAAG,wBAAyB,EAAA,CAAA;AAAA,GACvC;AAEA,EAAM,MAAA,KAAA,GAAQA,MAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEtC,EAAA,OAAO,EAAE,GAAG,wBAA0B,EAAA,GAAG,KAAM,EAAA,CAAA;AACjD,CAAA;AAEgB,SAAA,YAAA,CACd,QACA,IACA,EAAA;AACA,EAAM,MAAA,KAAA,GAAQA,MAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEtC,EAAO,OAAA,KAAA,GAAQ,KAAM,CAAA,IAAA,CAAA,KAAU,IAAO,GAAA,KAAA,CAAA;AACxC,CAAA;AAEO,SAAS,kBACd,KACA,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,IAAA,CAAK,KAAS,IAAA,EAAE,CAAE,CAAA,MAAA;AAAA,IAC9B,CAAC,QAAQ,GAAQ,KAAA,MAAA;AAAA,GACnB,CAAA;AACF,CAAA;AAEgB,SAAA,UAAA,CAAW,QAAqB,IAA+B,EAAA;AAC7E,EAAM,MAAA,QAAA,GAAW,YAAa,CAAA,MAAA,EAAQ,IAAI,CAAA,CAAA;AAE1C,EAAA,IAAI,QAAU,EAAA;AACZ,IAAYA,MAAA,CAAA,UAAA,CAAW,QAAQ,IAAI,CAAA,CAAA;AAAA,GAC9B,MAAA;AACL,IAAYA,MAAA,CAAA,OAAA,CAAQ,MAAQ,EAAA,IAAA,EAAM,IAAI,CAAA,CAAA;AAAA,GACxC;AACF,CAAA;AAEO,SAAS,YAAY,MAAqB,EAAA;AAC/C,EAAM,MAAA,KAAA,GAAQA,MAAY,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEtC,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AACxB,MAAYA,MAAA,CAAA,UAAA,CAAW,QAAQ,IAAI,CAAA,CAAA;AAAA,KACrC;AAAA,GACF;AACF,CAAA;AAEgB,SAAA,aAAA,CAAc,QAAqB,IAAuB,EAAA;AACxE,EAAA,IAAI,OAAO,SAAa,IAAAC,KAAA,CAAW,WAAY,CAAA,MAAA,CAAO,SAAS,CAAG,EAAA;AAChE,IAAM,MAAA,KAAA,GAAQ,OAAO,IAAK,CAAAD,MAAA,CAAY,MAAM,MAAM,CAAA,IAAK,EAAE,CAAA,CAAA;AAEzD,IAAI,IAAA,KAAA,CAAM,SAAS,CAAG,EAAA;AACpB,MAAM,MAAA,OAAA,GACJ,IAAS,KAAA,OAAA,GACL,kBAAmB,CAAA,MAAA,EAAQ,MAAO,CAAA,SAAS,CAC3C,GAAA,iBAAA,CAAkB,MAAQ,EAAA,MAAA,CAAO,SAAS,CAAA,CAAA;AAEhD,MAAA,IAAI,CAAC,OAAS,EAAA;AACZ,QAAA,WAAA,CAAY,MAAM,CAAA,CAAA;AAAA,OACpB;AAAA,KACF;AAAA,GACF;AACF;;;;"}

package/dist/primitives/slate/utils/selection-contains-inlines.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-contains-inlines.cjs","sources":["../../../../src/primitives/slate/utils/selection-contains-inlines.ts"],"sourcesContent":["import type { Node as SlateNode } from \"slate\";\nimport {\n  Editor as SlateEditor,\n  Element as SlateElement,\n  Range as SlateRange,\n} from \"slate\";\n\nexport function selectionContainsInlines(\n  editor: SlateEditor,\n  match: (node: SlateNode) => boolean\n) {\n  const { selection } = editor;\n  if (!selection) {\n    return false;\n  }\n\n  const roots = Array.from(\n    SlateEditor.nodes(editor, {\n      at: selection,\n      match: (node) =>\n        SlateElement.isElement(node) && SlateEditor.isBlock(editor, node),\n      mode: \"lowest\",\n    })\n  );\n\n  for (const [, rootPath] of roots) {\n    const intersectingSelection = SlateRange.isRange(selection)\n      ? SlateRange.intersection(selection, SlateEditor.range(editor, rootPath))\n      : selection;\n\n    if (!intersectingSelection) {\n      continue;\n    }\n\n    const matches = Array.from(\n      SlateEditor.nodes(editor, {\n        at: intersectingSelection,\n        match: (node) =>\n          SlateEditor.isInline(editor, node as SlateElement) && match(node),\n      })\n    );\n\n    if (matches.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":["SlateEditor","SlateElement","SlateRange"],"mappings":";;;;AAOgB,SAAA,wBAAA,CACd,QACA,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,MAAA,CAAA;AACtB,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,QAAQ,KAAM,CAAA,IAAA;AAAA,IAClBA,YAAA,CAAY,MAAM,MAAQ,EAAA;AAAA,MACxB,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,CAAC,IAAA,KACNC,aAAa,CAAA,SAAA,CAAU,IAAI,CAAK,IAAAD,YAAA,CAAY,OAAQ,CAAA,MAAA,EAAQ,IAAI,CAAA;AAAA,MAClE,IAAM,EAAA,QAAA;AAAA,KACP,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,KAAA,MAAW,GAAG,QAAQ,CAAA,IAAK,KAAO,EAAA;AAChC,IAAA,MAAM,qBAAwB,GAAAE,WAAA,CAAW,OAAQ,CAAA,SAAS,CACtD,GAAAA,WAAA,CAAW,YAAa,CAAA,SAAA,EAAWF,YAAY,CAAA,KAAA,CAAM,MAAQ,EAAA,QAAQ,CAAC,CACtE,GAAA,SAAA,CAAA;AAEJ,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,MAAM,UAAU,KAAM,CAAA,IAAA;AAAA,MACpBA,YAAA,CAAY,MAAM,MAAQ,EAAA;AAAA,QACxB,EAAI,EAAA,qBAAA;AAAA,QACJ,KAAA,EAAO,CAAC,IACN,KAAAA,YAAA,CAAY,SAAS,MAAQ,EAAA,IAAoB,CAAK,IAAA,KAAA,CAAM,IAAI,CAAA;AAAA,OACnE,CAAA;AAAA,KACH,CAAA;AAEA,IAAI,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,GACF;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/primitives/slate/utils/selection-contains-inlines.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-contains-inlines.js","sources":["../../../../src/primitives/slate/utils/selection-contains-inlines.ts"],"sourcesContent":["import type { Node as SlateNode } from \"slate\";\nimport {\n  Editor as SlateEditor,\n  Element as SlateElement,\n  Range as SlateRange,\n} from \"slate\";\n\nexport function selectionContainsInlines(\n  editor: SlateEditor,\n  match: (node: SlateNode) => boolean\n) {\n  const { selection } = editor;\n  if (!selection) {\n    return false;\n  }\n\n  const roots = Array.from(\n    SlateEditor.nodes(editor, {\n      at: selection,\n      match: (node) =>\n        SlateElement.isElement(node) && SlateEditor.isBlock(editor, node),\n      mode: \"lowest\",\n    })\n  );\n\n  for (const [, rootPath] of roots) {\n    const intersectingSelection = SlateRange.isRange(selection)\n      ? SlateRange.intersection(selection, SlateEditor.range(editor, rootPath))\n      : selection;\n\n    if (!intersectingSelection) {\n      continue;\n    }\n\n    const matches = Array.from(\n      SlateEditor.nodes(editor, {\n        at: intersectingSelection,\n        match: (node) =>\n          SlateEditor.isInline(editor, node as SlateElement) && match(node),\n      })\n    );\n\n    if (matches.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":["SlateEditor","SlateElement","SlateRange"],"mappings":";;AAOgB,SAAA,wBAAA,CACd,QACA,KACA,EAAA;AACA,EAAM,MAAA,EAAE,WAAc,GAAA,MAAA,CAAA;AACtB,EAAA,IAAI,CAAC,SAAW,EAAA;AACd,IAAO,OAAA,KAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,QAAQ,KAAM,CAAA,IAAA;AAAA,IAClBA,MAAA,CAAY,MAAM,MAAQ,EAAA;AAAA,MACxB,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,CAAC,IAAA,KACNC,OAAa,CAAA,SAAA,CAAU,IAAI,CAAK,IAAAD,MAAA,CAAY,OAAQ,CAAA,MAAA,EAAQ,IAAI,CAAA;AAAA,MAClE,IAAM,EAAA,QAAA;AAAA,KACP,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,KAAA,MAAW,GAAG,QAAQ,CAAA,IAAK,KAAO,EAAA;AAChC,IAAA,MAAM,qBAAwB,GAAAE,KAAA,CAAW,OAAQ,CAAA,SAAS,CACtD,GAAAA,KAAA,CAAW,YAAa,CAAA,SAAA,EAAWF,MAAY,CAAA,KAAA,CAAM,MAAQ,EAAA,QAAQ,CAAC,CACtE,GAAA,SAAA,CAAA;AAEJ,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,MAAM,UAAU,KAAM,CAAA,IAAA;AAAA,MACpBA,MAAA,CAAY,MAAM,MAAQ,EAAA;AAAA,QACxB,EAAI,EAAA,qBAAA;AAAA,QACJ,KAAA,EAAO,CAAC,IACN,KAAAA,MAAA,CAAY,SAAS,MAAQ,EAAA,IAAoB,CAAK,IAAA,KAAA,CAAM,IAAI,CAAA;AAAA,OACnE,CAAA;AAAA,KACH,CAAA;AAEA,IAAI,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACtB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,GACF;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/version.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = typeof "2.25.0-aiprivatebeta5" === "string" && "2.25.0-aiprivatebeta5";
+const PKG_VERSION = typeof "2.25.0-aiprivatebeta7" === "string" && "2.25.0-aiprivatebeta7";
 const PKG_FORMAT = typeof "cjs" === "string" && "cjs";
 
 exports.PKG_FORMAT = PKG_FORMAT;

package/dist/version.js

@@ -1,5 +1,5 @@
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = typeof "2.25.0-aiprivatebeta5" === "string" && "2.25.0-aiprivatebeta5";
+const PKG_VERSION = typeof "2.25.0-aiprivatebeta7" === "string" && "2.25.0-aiprivatebeta7";
 const PKG_FORMAT = typeof "esm" === "string" && "esm";
 
 export { PKG_FORMAT, PKG_NAME, PKG_VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react-ui",
-  "version": "2.25.0-aiprivatebeta5",
+  "version": "2.25.0-aiprivatebeta7",
   "description": "A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
   "license": "Apache-2.0",
   "type": "module",
@@ -76,9 +76,9 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@liveblocks/client": "2.25.0-aiprivatebeta5",
-    "@liveblocks/core": "2.25.0-aiprivatebeta5",
-    "@liveblocks/react": "2.25.0-aiprivatebeta5",
+    "@liveblocks/client": "2.25.0-aiprivatebeta7",
+    "@liveblocks/core": "2.25.0-aiprivatebeta7",
+    "@liveblocks/react": "2.25.0-aiprivatebeta7",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.0",

package/src/styles/index.css

@@ -2,7 +2,7 @@
 @import "./constants";
 
 .lb-root {
-  /** 
+  /**
    * Basic
    */
   --lb-radius: 0.5em;
@@ -14,7 +14,7 @@
   --lb-background: #fff;
   --lb-foreground: #111;
 
-  /** 
+  /**
   * Advanced
   */
   --lb-line-height: 1.5;
@@ -32,7 +32,7 @@
   --lb-destructive-contrast: 8%;
   --lb-foreground-contrast: 8%;
 
-  /** 
+  /**
    * Colors
    */
   --lb-background-foreground-faint: color-mix-scale(
@@ -2137,76 +2137,25 @@
   margin-inline-end: auto;
 }
 
-/*************************************
- *     Chat composer attachments     *
- *************************************/
-.lb-ai-chat-composer-attachments {
-  display: flex;
-  flex-direction: column;
-  gap: calc(0.75 * var(--lb-spacing));
-  padding-inline: var(--lb-spacing);
-  padding-block-start: calc(0.75 * var(--lb-spacing));
-}
-
-.lb-ai-chat-composer-editor-container:where([data-drop]) * {
-  pointer-events: none;
-}
-
 /*************************************
  *           Chat message            *
  *************************************/
-.lb-ai-chat-user-message {
-  display: flex;
-  flex-direction: column;
-  gap: calc(0.75 * var(--lb-spacing));
 
-  &,
-  * {
-    line-height: var(--lb-line-height);
-  }
-}
-
-.lb-ai-chat-user-message-content {
-  padding: calc(0.75 * var(--lb-spacing)) calc(1.375 * var(--lb-spacing));
-  border-radius: calc(3 * var(--lb-radius));
-  background: var(--lb-background-foreground-faint);
-  color: var(--lb-foreground);
-  white-space: break-spaces;
-}
-
-.lb-ai-chat-user-message-attachments {
-  display: flex;
-  flex-direction: column;
-  gap: calc(0.75 * var(--lb-spacing));
-}
-
-.lb-ai-chat-user-message-media-attachments {
-  display: flex;
-  flex-wrap: wrap;
-  gap: calc(0.75 * var(--lb-spacing));
-  justify-content: flex-end;
-}
-
-.lb-ai-chat-user-message-attachment {
-  flex-shrink: 1;
-  flex-basis: 300px;
-}
-
-.lb-ai-chat-assistant-message {
+.lb-ai-chat-message {
   display: flex;
   flex-direction: column;
   gap: calc(0.75 * var(--lb-spacing));
   color: var(--lb-foreground);
 
   @media (hover: hover) {
-    &:where(.lb-ai-chat-assistant-message\:show-actions-hover) {
-      :where(.lb-ai-chat-assistant-message-actions) {
+    &:where(.lb-ai-chat-message\:show-actions-hover) {
+      :where(.lb-ai-chat-message-actions) {
         opacity: 0;
         transition-property: opacity;
       }
 
       &:where(:is(:hover, :focus-within)) {
-        :where(.lb-ai-chat-assistant-message-actions) {
+        :where(.lb-ai-chat-message-actions) {
           opacity: 1;
         }
       }
@@ -2214,11 +2163,21 @@
   }
 }
 
-.lb-ai-chat-assistant-message-content {
+.lb-ai-chat-message-content {
   inline-size: 100%;
+  white-space: break-spaces;
+}
+
+.lb-ai-chat-user-message {
+  :where(.lb-ai-chat-message-content) {
+    padding: calc(0.5 * var(--lb-spacing)) var(--lb-spacing);
+    border-radius: calc(3 * var(--lb-radius));
+    background: var(--lb-background-foreground-faint);
+    color: var(--lb-foreground);
+  }
 }
 
-.lb-ai-chat-assistant-message-text-part {
+.lb-ai-chat-message-text {
   display: flex;
   flex-direction: column;
 
@@ -2357,15 +2316,11 @@
   }
 }
 
-.lb-ai-chat-assistant-message-thinking {
-  @include truncate;
-
-  user-select: none;
-  animation: lb-animation-shimmer-small 8s linear infinite;
+.lb-ai-chat-message-tool {
+  margin-block: calc(0.25 * var(--lb-spacing));
 }
 
-.lb-ai-chat-user-message-deleted,
-.lb-ai-chat-assistant-message-deleted {
+.lb-ai-chat-message-deleted {
   position: relative;
   align-items: center;
   inline-size: 100%;
@@ -2374,7 +2329,7 @@
   text-wrap: balance;
 }
 
-.lb-ai-chat-assitant-message-error {
+.lb-ai-chat-message-error {
   --lb-dynamic-background: var(--lb-background-destructive-subtle);
 
   position: relative;
@@ -2394,7 +2349,7 @@
   }
 }
 
-.lb-ai-chat-assistant-message-reasoning-part {
+.lb-ai-chat-assistant-message-collapsible {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -2403,19 +2358,16 @@
   font-size: 0.875em;
 }
 
-.lb-ai-chat-assistant-message-reasoning-part-trigger {
+.lb-ai-chat-message-collapsible-trigger {
   @include truncate;
 
   display: flex;
   gap: calc(0.25 * var(--lb-spacing));
   align-items: center;
-
-  &:where([data-reasoning]) {
-    animation: lb-animation-shimmer-small 8s linear infinite;
-  }
+  cursor: pointer;
 }
 
-.lb-ai-chat-assistant-message-reasoning-part-content {
+.lb-ai-chat-message-collapsible-content {
   display: flex;
   gap: calc(0.5 * var(--lb-spacing));
   line-height: var(--lb-line-height);
@@ -2425,26 +2377,12 @@
   }
 }
 
-.lb-ai-chat-assistant-message-actions {
+.lb-ai-chat-message-actions {
   display: flex;
   gap: calc(0.125 * var(--lb-spacing));
   align-items: center;
 }
 
-.lb-ai-chat {
-  --lb-ai-chat-container-width: 100%;
-
-  display: flex;
-  flex-direction: column;
-  inline-size: 100%;
-  block-size: 100%;
-  background: var(--lb-background);
-
-  /* overflow-block: auto; doesn't work as expected */
-  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
-  overflow-y: auto;
-}
-
 .lb-ai-chat-messages {
   display: flex;
   flex-direction: column;
@@ -2457,84 +2395,132 @@
   margin-inline: auto;
   padding-block-start: var(--lb-spacing);
   padding-block-end: calc(5 * var(--lb-spacing));
-}
 
-.lb-ai-chat-loading,
-.lb-ai-chat-error {
-  position: relative;
-  flex: 1 1 auto;
-}
+  :where(.lb-ai-chat-user-message) {
+    max-inline-size: 80%;
+    margin-inline-start: auto;
 
-.lb-ai-chat-messages-user-message {
-  max-inline-size: 80%;
-  margin-inline-start: auto;
+    :where(.lb-ai-chat-message-actions) {
+      margin-inline-start: auto;
+    }
+  }
 }
 
 .lb-ai-chat-footer {
-  position: sticky;
-  inset-block-end: 0;
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: calc(0.75 * var(--lb-spacing));
   inline-size: 100%;
-  margin-block-start: auto;
-  padding: var(--lb-spacing);
-  padding-block-start: 0;
+}
 
-  &::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    inset-block-start: calc(-3 * var(--lb-spacing));
-    background: linear-gradient(
-      to bottom,
-      transparent 0%,
-      var(--lb-background) calc(3 * var(--lb-spacing))
-    );
-    pointer-events: none;
+.lb-ai-chat {
+  --lb-ai-chat-container-width: 100%;
+
+  display: flex;
+  flex-direction: column;
+  inline-size: 100%;
+  block-size: 100%;
+  background: var(--lb-background);
+  isolation: isolate;
+
+  /* overflow-block: auto; doesn't work as expected */
+  /* stylelint-disable-next-line plugin/use-logical-properties-and-values */
+  overflow-y: auto;
+
+  :where(.lb-ai-chat-footer) {
+    position: sticky;
+    inset-block-end: 0;
+    z-index: 1;
+    margin-block-start: auto;
+    padding: var(--lb-spacing);
+    padding-block-start: 0;
+
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      inset-block-start: calc(-3 * var(--lb-spacing));
+      background: linear-gradient(
+        to bottom,
+        transparent 0%,
+        var(--lb-background) calc(3.5 * var(--lb-spacing))
+      );
+      pointer-events: none;
+    }
+  }
+
+  :where(.lb-ai-chat-composer) {
+    max-inline-size: var(--lb-ai-chat-container-width);
+    margin-inline: auto;
+    border-radius: calc(2 * var(--lb-radius));
+    background: var(--lb-dynamic-background);
+    box-shadow: var(--lb-elevation-shadow-small);
   }
 }
 
 .lb-ai-chat-footer-actions {
   position: absolute;
   inset-inline: 0;
-  inset-block-start: calc(-3 * var(--lb-spacing));
+  inset-block-start: calc(-1 * var(--lb-spacing));
   display: flex;
   justify-content: center;
   pointer-events: none;
+  transform: translateY(-100%);
 }
 
 .lb-ai-chat-composer {
   position: relative;
   inline-size: 100%;
-  max-inline-size: var(--lb-ai-chat-container-width);
-  margin-inline: auto;
-  margin-block-start: auto;
-  border-radius: calc(2 * var(--lb-radius));
-  background: var(--lb-dynamic-background);
-  box-shadow: var(--lb-elevation-shadow-small);
+}
+
+.lb-ai-chat-scroll-indicator {
+  border-radius: $lb-radius-full;
+  color: var(--lb-foreground-moderate);
+  opacity: 0;
+  pointer-events: none;
+  transition-property: transform, opacity, background;
+  transform: scale(0.8);
+  transform-origin: bottom;
+
+  &:where([data-visible]) {
+    opacity: 1;
+    pointer-events: all;
+    transform: scale(1);
+  }
+}
+
+.lb-ai-chat-scroll-indicator-button {
+  @include button-base;
+
+  padding: calc(0.375 * var(--lb-spacing));
+  border-radius: $lb-radius-full;
+  color: var(--lb-foreground-moderate);
+  transition-property: opacity, color;
+
+  &:where(:hover, :focus-visible) {
+    color: var(--lb-foreground-secondary);
+  }
 
   &::after {
     content: "";
     position: absolute;
     inset: 0;
-    z-index: 1;
     border-radius: inherit;
-    box-shadow: var(--lb-inset-shadow);
     pointer-events: none;
+    transition-property: box-shadow;
+  }
+
+  &:where(:focus-visible)::after {
+    box-shadow: inset var(--lb-accent) 0 0 0 2px;
   }
 }
 
-.lb-ai-chat-scroll-button {
-  border-radius: $lb-radius-full;
-  opacity: 0;
-  pointer-events: none;
-  transition-property: opacity;
+.lb-ai-chat-pending {
+  @include truncate;
 
-  &:where([data-visible]) {
-    opacity: 1;
-    pointer-events: all;
-  }
+  user-select: none;
+  animation: lb-animation-shimmer-small 8s linear infinite;
 }
 
 /*************************************

package/src/styles/utils.css

@@ -1,5 +1,5 @@
 /* Because of `all: unset`, we have to re-define some these values. */
-@mixin button {
+@mixin button-base {
   all: unset;
   position: relative;
   box-sizing: inherit;
@@ -8,8 +8,13 @@
   user-select: none;
   transition-timing-function: var(--lb-transition-easing);
   transition-duration: var(--lb-transition-duration);
-  transition-property: background, color, opacity;
   -webkit-tap-highlight-color: transparent;
+}
+
+@mixin button {
+  @include button-base;
+
+  transition-property: background, color, opacity;
 
   &::after {
     content: "";