@liveblocks/react-ui 2.18.3 → 2.18.4-uns1

package/dist/components/internal/Tooltip.cjs

@@ -0,0 +1,134 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var react = require('react');
+var config = require('../../config.cjs');
+var constants = require('../../constants.cjs');
+var classNames = require('../../utils/class-names.cjs');
+var isApple = require('../../utils/is-apple.cjs');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TooltipPrimitive);
+
+
+const ALT_KEY = { title: "Alt", key: "\u2325" };
+const COMMAND_KEY = { title: "Command", key: "\u2318" };
+const CONTROL_KEY = { title: "Ctrl", key: "\u2303" };
+const SHIFT_KEY = { title: "Shift", key: "\u21E7" };
+const ENTER_KEY = { title: "Enter", key: "\u23CE" };
+const SPACE_KEY = { title: "Space", key: "\u2423" };
+const ESCAPE_KEY = { title: "Escape", key: "\u238B" };
+const KEYS = {
+  alt: () => ALT_KEY,
+  mod: () => isApple.isApple() ? COMMAND_KEY : CONTROL_KEY,
+  control: () => CONTROL_KEY,
+  ctrl: () => CONTROL_KEY,
+  command: () => COMMAND_KEY,
+  cmd: () => COMMAND_KEY,
+  shift: () => SHIFT_KEY,
+  enter: () => ENTER_KEY,
+  " ": () => SPACE_KEY,
+  space: () => SPACE_KEY,
+  escape: () => ESCAPE_KEY,
+  esc: () => ESCAPE_KEY
+};
+function getShortcutKbdFromKeymap(keymap) {
+  const keys = keymap.split("-");
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: keys.map((key, index) => {
+      const lowerKey = key.toLowerCase();
+      if (lowerKey in KEYS) {
+        return /* @__PURE__ */ jsxRuntime.jsx(ShortcutTooltipKey, {
+          name: lowerKey
+        }, index);
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx("span", {
+        children: key
+      }, index);
+    })
+  });
+}
+const Tooltip = react.forwardRef(
+  ({ children, content, multiline, className, ...props }, forwardedRef) => {
+    const { portalContainer } = config.useLiveblocksUIConfig();
+    return /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, {
+      disableHoverableContent: true,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, {
+          asChild: true,
+          ref: forwardedRef,
+          children
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, {
+          container: portalContainer,
+          children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Content, {
+            className: classNames.classNames(
+              "lb-root lb-portal lb-tooltip",
+              multiline && "lb-tooltip:multiline",
+              className
+            ),
+            side: "top",
+            align: "center",
+            sideOffset: constants.FLOATING_ELEMENT_SIDE_OFFSET,
+            collisionPadding: constants.FLOATING_ELEMENT_COLLISION_PADDING,
+            ...props,
+            children: content
+          })
+        })
+      ]
+    });
+  }
+);
+const ShortcutTooltip = react.forwardRef(({ children, content, shortcut, ...props }, forwardedRef) => {
+  const shortcutKbd = react.useMemo(() => {
+    return shortcut ? getShortcutKbdFromKeymap(shortcut) : null;
+  }, [shortcut]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, {
+    content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [
+        content,
+        shortcutKbd && /* @__PURE__ */ jsxRuntime.jsx("kbd", {
+          className: "lb-tooltip-shortcut",
+          children: shortcutKbd
+        })
+      ]
+    }),
+    ...props,
+    ref: forwardedRef,
+    children
+  });
+});
+function ShortcutTooltipKey({ name, ...props }) {
+  const { title, key } = react.useMemo(() => KEYS[name]?.(), [name]);
+  return /* @__PURE__ */ jsxRuntime.jsx("abbr", {
+    title,
+    ...props,
+    children: key
+  });
+}
+
+Object.defineProperty(exports, 'TooltipProvider', {
+  enumerable: true,
+  get: function () { return TooltipPrimitive.TooltipProvider; }
+});
+exports.ShortcutTooltip = ShortcutTooltip;
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=Tooltip.cjs.map

package/dist/components/internal/{Tooltip.mjs.map → Tooltip.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.mjs","sources":["../../../src/components/internal/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { classNames } from \"../../utils/class-names\";\nimport { isApple } from \"../../utils/is-apple\";\n\nconst ALT_KEY = { title: \"Alt\", key: \"⌥\" };\nconst COMMAND_KEY = { title: \"Command\", key: \"⌘\" };\nconst CONTROL_KEY = { title: \"Ctrl\", key: \"⌃\" };\nconst SHIFT_KEY = { title: \"Shift\", key: \"⇧\" };\nconst ENTER_KEY = { title: \"Enter\", key: \"⏎\" };\nconst SPACE_KEY = { title: \"Space\", key: \"␣\" };\nconst ESCAPE_KEY = { title: \"Escape\", key: \"⎋\" };\n\nconst KEYS = {\n  alt: () => ALT_KEY,\n  mod: () => (isApple() ? COMMAND_KEY : CONTROL_KEY),\n  control: () => CONTROL_KEY,\n  ctrl: () => CONTROL_KEY,\n  command: () => COMMAND_KEY,\n  cmd: () => COMMAND_KEY,\n  shift: () => SHIFT_KEY,\n  enter: () => ENTER_KEY,\n  \" \": () => SPACE_KEY,\n  space: () => SPACE_KEY,\n  escape: () => ESCAPE_KEY,\n  esc: () => ESCAPE_KEY,\n} as const;\n\nexport interface TooltipProps\n  extends Pick<TooltipPrimitive.TooltipTriggerProps, \"children\">,\n    Omit<TooltipPrimitive.TooltipContentProps, \"content\"> {\n  content: ReactNode;\n  multiline?: boolean;\n}\n\nexport interface ShortcutTooltipProps extends TooltipProps {\n  shortcut?: string;\n}\n\nexport interface ShortcutTooltipKeyProps extends ComponentProps<\"abbr\"> {\n  name: keyof typeof KEYS;\n}\n\nfunction getShortcutKbdFromKeymap(keymap: string) {\n  const keys = keymap.split(\"-\");\n\n  return (\n    <>\n      {keys.map((key, index) => {\n        const lowerKey = key.toLowerCase();\n\n        if (lowerKey in KEYS) {\n          return (\n            <ShortcutTooltipKey\n              key={index}\n              name={lowerKey as keyof typeof KEYS}\n            />\n          );\n        }\n\n        return <span key={index}>{key}</span>;\n      })}\n    </>\n  );\n}\n\nexport const Tooltip = forwardRef<HTMLButtonElement, TooltipProps>(\n  ({ children, content, multiline, className, ...props }, forwardedRef) => {\n    const { portalContainer } = useLiveblocksUIConfig();\n\n    return (\n      <TooltipPrimitive.Root disableHoverableContent>\n        <TooltipPrimitive.Trigger asChild ref={forwardedRef}>\n          {children}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={portalContainer}>\n          <TooltipPrimitive.Content\n            className={classNames(\n              \"lb-root lb-portal lb-tooltip\",\n              multiline && \"lb-tooltip:multiline\",\n              className\n            )}\n            side=\"top\"\n            align=\"center\"\n            sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nexport const ShortcutTooltip = forwardRef<\n  HTMLButtonElement,\n  ShortcutTooltipProps\n>(({ children, content, shortcut, ...props }, forwardedRef) => {\n  const shortcutKbd = useMemo(() => {\n    return shortcut ? getShortcutKbdFromKeymap(shortcut) : null;\n  }, [shortcut]);\n\n  return (\n    <Tooltip\n      content={\n        <>\n          {content}\n          {shortcutKbd && (\n            <kbd className=\"lb-tooltip-shortcut\">{shortcutKbd}</kbd>\n          )}\n        </>\n      }\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nfunction ShortcutTooltipKey({ name, ...props }: ShortcutTooltipKeyProps) {\n  const { title, key } = useMemo(() => KEYS[name]?.(), [name]);\n\n  return (\n    <abbr title={title} {...props}>\n      {key}\n    </abbr>\n  );\n}\n\nexport { TooltipProvider } from \"@radix-ui/react-tooltip\";\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAa;AACA;AAC2B;AACvB;AACH;AACG;AACJ;AACE;AACA;AACF;AACE;AACC;AAEhB;AAiBA;AACE;AAEA;AACE;AAEI;AAEA;AACE;AACG;AAEO;AACR;AAIJ;AAAQ;AAAkB;AAAI;AAC/B;AAGP;AAEO;AAAgB;AAEnB;AAEA;AACG;AAA6C;AAC5C;AAAC;AAAgC;AAAM;AACpC;AACH;AACC;AAAmC;AACjC;AACY;AACT;AACa;AACb;AACF;AACK;AACC;AACM;AACM;AACd;AAEH;AACH;AACF;AAAA;AACF;AAGN;AAEa;AAIX;AACE;AAAuD;AAGzD;AACG;AAEG;AACG;AAAA;AAEE;AAAc;AAAuB;AAAY;AAAA;AAEtD;AAEE;AACC;AAEJ;AAGP;AAEA;AACE;AAEA;AACG;AAAK;AAAkB;AACrB;AAGP;;"}
+{"version":3,"file":"Tooltip.cjs","sources":["../../../src/components/internal/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { classNames } from \"../../utils/class-names\";\nimport { isApple } from \"../../utils/is-apple\";\n\nconst ALT_KEY = { title: \"Alt\", key: \"⌥\" };\nconst COMMAND_KEY = { title: \"Command\", key: \"⌘\" };\nconst CONTROL_KEY = { title: \"Ctrl\", key: \"⌃\" };\nconst SHIFT_KEY = { title: \"Shift\", key: \"⇧\" };\nconst ENTER_KEY = { title: \"Enter\", key: \"⏎\" };\nconst SPACE_KEY = { title: \"Space\", key: \"␣\" };\nconst ESCAPE_KEY = { title: \"Escape\", key: \"⎋\" };\n\nconst KEYS = {\n  alt: () => ALT_KEY,\n  mod: () => (isApple() ? COMMAND_KEY : CONTROL_KEY),\n  control: () => CONTROL_KEY,\n  ctrl: () => CONTROL_KEY,\n  command: () => COMMAND_KEY,\n  cmd: () => COMMAND_KEY,\n  shift: () => SHIFT_KEY,\n  enter: () => ENTER_KEY,\n  \" \": () => SPACE_KEY,\n  space: () => SPACE_KEY,\n  escape: () => ESCAPE_KEY,\n  esc: () => ESCAPE_KEY,\n} as const;\n\nexport interface TooltipProps\n  extends Pick<TooltipPrimitive.TooltipTriggerProps, \"children\">,\n    Omit<TooltipPrimitive.TooltipContentProps, \"content\"> {\n  content: ReactNode;\n  multiline?: boolean;\n}\n\nexport interface ShortcutTooltipProps extends TooltipProps {\n  shortcut?: string;\n}\n\nexport interface ShortcutTooltipKeyProps extends ComponentProps<\"abbr\"> {\n  name: keyof typeof KEYS;\n}\n\nfunction getShortcutKbdFromKeymap(keymap: string) {\n  const keys = keymap.split(\"-\");\n\n  return (\n    <>\n      {keys.map((key, index) => {\n        const lowerKey = key.toLowerCase();\n\n        if (lowerKey in KEYS) {\n          return (\n            <ShortcutTooltipKey\n              key={index}\n              name={lowerKey as keyof typeof KEYS}\n            />\n          );\n        }\n\n        return <span key={index}>{key}</span>;\n      })}\n    </>\n  );\n}\n\nexport const Tooltip = forwardRef<HTMLButtonElement, TooltipProps>(\n  ({ children, content, multiline, className, ...props }, forwardedRef) => {\n    const { portalContainer } = useLiveblocksUIConfig();\n\n    return (\n      <TooltipPrimitive.Root disableHoverableContent>\n        <TooltipPrimitive.Trigger asChild ref={forwardedRef}>\n          {children}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={portalContainer}>\n          <TooltipPrimitive.Content\n            className={classNames(\n              \"lb-root lb-portal lb-tooltip\",\n              multiline && \"lb-tooltip:multiline\",\n              className\n            )}\n            side=\"top\"\n            align=\"center\"\n            sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nexport const ShortcutTooltip = forwardRef<\n  HTMLButtonElement,\n  ShortcutTooltipProps\n>(({ children, content, shortcut, ...props }, forwardedRef) => {\n  const shortcutKbd = useMemo(() => {\n    return shortcut ? getShortcutKbdFromKeymap(shortcut) : null;\n  }, [shortcut]);\n\n  return (\n    <Tooltip\n      content={\n        <>\n          {content}\n          {shortcutKbd && (\n            <kbd className=\"lb-tooltip-shortcut\">{shortcutKbd}</kbd>\n          )}\n        </>\n      }\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nfunction ShortcutTooltipKey({ name, ...props }: ShortcutTooltipKeyProps) {\n  const { title, key } = useMemo(() => KEYS[name]?.(), [name]);\n\n  return (\n    <abbr title={title} {...props}>\n      {key}\n    </abbr>\n  );\n}\n\nexport { TooltipProvider } from \"@radix-ui/react-tooltip\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAa;AACA;AAC2B;AACvB;AACH;AACG;AACJ;AACE;AACA;AACF;AACE;AACC;AAEhB;AAiBA;AACE;AAEA;AACE;AAEI;AAEA;AACE;AACG;AAEO;AACR;AAIJ;AAAQ;AAAkB;AAAI;AAC/B;AAGP;AAEO;AAAgB;AAEnB;AAEA;AACG;AAA6C;AAC5C;AAAC;AAAgC;AAAM;AACpC;AACH;AACC;AAAmC;AACjC;AACY;AACT;AACa;AACb;AACF;AACK;AACC;AACM;AACM;AACd;AAEH;AACH;AACF;AAAA;AACF;AAGN;AAEa;AAIX;AACE;AAAuD;AAGzD;AACG;AAEG;AACG;AAAA;AAEE;AAAc;AAAuB;AAAY;AAAA;AAEtD;AAEE;AACC;AAEJ;AAGP;AAEA;AACE;AAEA;AACG;AAAK;AAAkB;AACrB;AAGP;;;;;;;"}

package/dist/components/internal/Tooltip.js

@@ -1,32 +1,12 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-var react = require('react');
-var config = require('../../config.js');
-var constants = require('../../constants.js');
-var classNames = require('../../utils/class-names.js');
-var isApple = require('../../utils/is-apple.js');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(TooltipPrimitive);
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+export { TooltipProvider } from '@radix-ui/react-tooltip';
+import { forwardRef, useMemo } from 'react';
+import { useLiveblocksUIConfig } from '../../config.js';
+import { FLOATING_ELEMENT_SIDE_OFFSET, FLOATING_ELEMENT_COLLISION_PADDING } from '../../constants.js';
+import { classNames } from '../../utils/class-names.js';
+import { isApple } from '../../utils/is-apple.js';
 
 
 const ALT_KEY = { title: "Alt", key: "\u2325" };
@@ -38,7 +18,7 @@ const SPACE_KEY = { title: "Space", key: "\u2423" };
 const ESCAPE_KEY = { title: "Escape", key: "\u238B" };
 const KEYS = {
   alt: () => ALT_KEY,
-  mod: () => isApple.isApple() ? COMMAND_KEY : CONTROL_KEY,
+  mod: () => isApple() ? COMMAND_KEY : CONTROL_KEY,
   control: () => CONTROL_KEY,
   ctrl: () => CONTROL_KEY,
   command: () => COMMAND_KEY,
@@ -52,43 +32,43 @@ const KEYS = {
 };
 function getShortcutKbdFromKeymap(keymap) {
   const keys = keymap.split("-");
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
+  return /* @__PURE__ */ jsx(Fragment, {
     children: keys.map((key, index) => {
       const lowerKey = key.toLowerCase();
       if (lowerKey in KEYS) {
-        return /* @__PURE__ */ jsxRuntime.jsx(ShortcutTooltipKey, {
+        return /* @__PURE__ */ jsx(ShortcutTooltipKey, {
           name: lowerKey
         }, index);
       }
-      return /* @__PURE__ */ jsxRuntime.jsx("span", {
+      return /* @__PURE__ */ jsx("span", {
         children: key
       }, index);
     })
   });
 }
-const Tooltip = react.forwardRef(
+const Tooltip = forwardRef(
   ({ children, content, multiline, className, ...props }, forwardedRef) => {
-    const { portalContainer } = config.useLiveblocksUIConfig();
-    return /* @__PURE__ */ jsxRuntime.jsxs(TooltipPrimitive__namespace.Root, {
+    const { portalContainer } = useLiveblocksUIConfig();
+    return /* @__PURE__ */ jsxs(TooltipPrimitive.Root, {
       disableHoverableContent: true,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Trigger, {
+        /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
           asChild: true,
           ref: forwardedRef,
           children
         }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, {
+        /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
           container: portalContainer,
-          children: /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Content, {
-            className: classNames.classNames(
+          children: /* @__PURE__ */ jsx(TooltipPrimitive.Content, {
+            className: classNames(
               "lb-root lb-portal lb-tooltip",
               multiline && "lb-tooltip:multiline",
               className
             ),
             side: "top",
             align: "center",
-            sideOffset: constants.FLOATING_ELEMENT_SIDE_OFFSET,
-            collisionPadding: constants.FLOATING_ELEMENT_COLLISION_PADDING,
+            sideOffset: FLOATING_ELEMENT_SIDE_OFFSET,
+            collisionPadding: FLOATING_ELEMENT_COLLISION_PADDING,
             ...props,
             children: content
           })
@@ -97,15 +77,15 @@ const Tooltip = react.forwardRef(
     });
   }
 );
-const ShortcutTooltip = react.forwardRef(({ children, content, shortcut, ...props }, forwardedRef) => {
-  const shortcutKbd = react.useMemo(() => {
+const ShortcutTooltip = forwardRef(({ children, content, shortcut, ...props }, forwardedRef) => {
+  const shortcutKbd = useMemo(() => {
     return shortcut ? getShortcutKbdFromKeymap(shortcut) : null;
   }, [shortcut]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, {
-    content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  return /* @__PURE__ */ jsx(Tooltip, {
+    content: /* @__PURE__ */ jsxs(Fragment, {
       children: [
         content,
-        shortcutKbd && /* @__PURE__ */ jsxRuntime.jsx("kbd", {
+        shortcutKbd && /* @__PURE__ */ jsx("kbd", {
           className: "lb-tooltip-shortcut",
           children: shortcutKbd
         })
@@ -117,18 +97,13 @@ const ShortcutTooltip = react.forwardRef(({ children, content, shortcut, ...prop
   });
 });
 function ShortcutTooltipKey({ name, ...props }) {
-  const { title, key } = react.useMemo(() => KEYS[name]?.(), [name]);
-  return /* @__PURE__ */ jsxRuntime.jsx("abbr", {
+  const { title, key } = useMemo(() => KEYS[name]?.(), [name]);
+  return /* @__PURE__ */ jsx("abbr", {
     title,
     ...props,
     children: key
   });
 }
 
-Object.defineProperty(exports, 'TooltipProvider', {
-  enumerable: true,
-  get: function () { return TooltipPrimitive.TooltipProvider; }
-});
-exports.ShortcutTooltip = ShortcutTooltip;
-exports.Tooltip = Tooltip;
+export { ShortcutTooltip, Tooltip };
 //# sourceMappingURL=Tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../src/components/internal/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { classNames } from \"../../utils/class-names\";\nimport { isApple } from \"../../utils/is-apple\";\n\nconst ALT_KEY = { title: \"Alt\", key: \"⌥\" };\nconst COMMAND_KEY = { title: \"Command\", key: \"⌘\" };\nconst CONTROL_KEY = { title: \"Ctrl\", key: \"⌃\" };\nconst SHIFT_KEY = { title: \"Shift\", key: \"⇧\" };\nconst ENTER_KEY = { title: \"Enter\", key: \"⏎\" };\nconst SPACE_KEY = { title: \"Space\", key: \"␣\" };\nconst ESCAPE_KEY = { title: \"Escape\", key: \"⎋\" };\n\nconst KEYS = {\n  alt: () => ALT_KEY,\n  mod: () => (isApple() ? COMMAND_KEY : CONTROL_KEY),\n  control: () => CONTROL_KEY,\n  ctrl: () => CONTROL_KEY,\n  command: () => COMMAND_KEY,\n  cmd: () => COMMAND_KEY,\n  shift: () => SHIFT_KEY,\n  enter: () => ENTER_KEY,\n  \" \": () => SPACE_KEY,\n  space: () => SPACE_KEY,\n  escape: () => ESCAPE_KEY,\n  esc: () => ESCAPE_KEY,\n} as const;\n\nexport interface TooltipProps\n  extends Pick<TooltipPrimitive.TooltipTriggerProps, \"children\">,\n    Omit<TooltipPrimitive.TooltipContentProps, \"content\"> {\n  content: ReactNode;\n  multiline?: boolean;\n}\n\nexport interface ShortcutTooltipProps extends TooltipProps {\n  shortcut?: string;\n}\n\nexport interface ShortcutTooltipKeyProps extends ComponentProps<\"abbr\"> {\n  name: keyof typeof KEYS;\n}\n\nfunction getShortcutKbdFromKeymap(keymap: string) {\n  const keys = keymap.split(\"-\");\n\n  return (\n    <>\n      {keys.map((key, index) => {\n        const lowerKey = key.toLowerCase();\n\n        if (lowerKey in KEYS) {\n          return (\n            <ShortcutTooltipKey\n              key={index}\n              name={lowerKey as keyof typeof KEYS}\n            />\n          );\n        }\n\n        return <span key={index}>{key}</span>;\n      })}\n    </>\n  );\n}\n\nexport const Tooltip = forwardRef<HTMLButtonElement, TooltipProps>(\n  ({ children, content, multiline, className, ...props }, forwardedRef) => {\n    const { portalContainer } = useLiveblocksUIConfig();\n\n    return (\n      <TooltipPrimitive.Root disableHoverableContent>\n        <TooltipPrimitive.Trigger asChild ref={forwardedRef}>\n          {children}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={portalContainer}>\n          <TooltipPrimitive.Content\n            className={classNames(\n              \"lb-root lb-portal lb-tooltip\",\n              multiline && \"lb-tooltip:multiline\",\n              className\n            )}\n            side=\"top\"\n            align=\"center\"\n            sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nexport const ShortcutTooltip = forwardRef<\n  HTMLButtonElement,\n  ShortcutTooltipProps\n>(({ children, content, shortcut, ...props }, forwardedRef) => {\n  const shortcutKbd = useMemo(() => {\n    return shortcut ? getShortcutKbdFromKeymap(shortcut) : null;\n  }, [shortcut]);\n\n  return (\n    <Tooltip\n      content={\n        <>\n          {content}\n          {shortcutKbd && (\n            <kbd className=\"lb-tooltip-shortcut\">{shortcutKbd}</kbd>\n          )}\n        </>\n      }\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nfunction ShortcutTooltipKey({ name, ...props }: ShortcutTooltipKeyProps) {\n  const { title, key } = useMemo(() => KEYS[name]?.(), [name]);\n\n  return (\n    <abbr title={title} {...props}>\n      {key}\n    </abbr>\n  );\n}\n\nexport { TooltipProvider } from \"@radix-ui/react-tooltip\";\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAa;AACA;AAC2B;AACvB;AACH;AACG;AACJ;AACE;AACA;AACF;AACE;AACC;AAEhB;AAiBA;AACE;AAEA;AACE;AAEI;AAEA;AACE;AACG;AAEO;AACR;AAIJ;AAAQ;AAAkB;AAAI;AAC/B;AAGP;AAEO;AAAgB;AAEnB;AAEA;AACG;AAA6C;AAC5C;AAAC;AAAgC;AAAM;AACpC;AACH;AACC;AAAmC;AACjC;AACY;AACT;AACa;AACb;AACF;AACK;AACC;AACM;AACM;AACd;AAEH;AACH;AACF;AAAA;AACF;AAGN;AAEa;AAIX;AACE;AAAuD;AAGzD;AACG;AAEG;AACG;AAAA;AAEE;AAAc;AAAuB;AAAY;AAAA;AAEtD;AAEE;AACC;AAEJ;AAGP;AAEA;AACE;AAEA;AACG;AAAK;AAAkB;AACrB;AAGP;;;;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../../src/components/internal/Tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport { useLiveblocksUIConfig } from \"../../config\";\nimport {\n  FLOATING_ELEMENT_COLLISION_PADDING,\n  FLOATING_ELEMENT_SIDE_OFFSET,\n} from \"../../constants\";\nimport { classNames } from \"../../utils/class-names\";\nimport { isApple } from \"../../utils/is-apple\";\n\nconst ALT_KEY = { title: \"Alt\", key: \"⌥\" };\nconst COMMAND_KEY = { title: \"Command\", key: \"⌘\" };\nconst CONTROL_KEY = { title: \"Ctrl\", key: \"⌃\" };\nconst SHIFT_KEY = { title: \"Shift\", key: \"⇧\" };\nconst ENTER_KEY = { title: \"Enter\", key: \"⏎\" };\nconst SPACE_KEY = { title: \"Space\", key: \"␣\" };\nconst ESCAPE_KEY = { title: \"Escape\", key: \"⎋\" };\n\nconst KEYS = {\n  alt: () => ALT_KEY,\n  mod: () => (isApple() ? COMMAND_KEY : CONTROL_KEY),\n  control: () => CONTROL_KEY,\n  ctrl: () => CONTROL_KEY,\n  command: () => COMMAND_KEY,\n  cmd: () => COMMAND_KEY,\n  shift: () => SHIFT_KEY,\n  enter: () => ENTER_KEY,\n  \" \": () => SPACE_KEY,\n  space: () => SPACE_KEY,\n  escape: () => ESCAPE_KEY,\n  esc: () => ESCAPE_KEY,\n} as const;\n\nexport interface TooltipProps\n  extends Pick<TooltipPrimitive.TooltipTriggerProps, \"children\">,\n    Omit<TooltipPrimitive.TooltipContentProps, \"content\"> {\n  content: ReactNode;\n  multiline?: boolean;\n}\n\nexport interface ShortcutTooltipProps extends TooltipProps {\n  shortcut?: string;\n}\n\nexport interface ShortcutTooltipKeyProps extends ComponentProps<\"abbr\"> {\n  name: keyof typeof KEYS;\n}\n\nfunction getShortcutKbdFromKeymap(keymap: string) {\n  const keys = keymap.split(\"-\");\n\n  return (\n    <>\n      {keys.map((key, index) => {\n        const lowerKey = key.toLowerCase();\n\n        if (lowerKey in KEYS) {\n          return (\n            <ShortcutTooltipKey\n              key={index}\n              name={lowerKey as keyof typeof KEYS}\n            />\n          );\n        }\n\n        return <span key={index}>{key}</span>;\n      })}\n    </>\n  );\n}\n\nexport const Tooltip = forwardRef<HTMLButtonElement, TooltipProps>(\n  ({ children, content, multiline, className, ...props }, forwardedRef) => {\n    const { portalContainer } = useLiveblocksUIConfig();\n\n    return (\n      <TooltipPrimitive.Root disableHoverableContent>\n        <TooltipPrimitive.Trigger asChild ref={forwardedRef}>\n          {children}\n        </TooltipPrimitive.Trigger>\n        <TooltipPrimitive.Portal container={portalContainer}>\n          <TooltipPrimitive.Content\n            className={classNames(\n              \"lb-root lb-portal lb-tooltip\",\n              multiline && \"lb-tooltip:multiline\",\n              className\n            )}\n            side=\"top\"\n            align=\"center\"\n            sideOffset={FLOATING_ELEMENT_SIDE_OFFSET}\n            collisionPadding={FLOATING_ELEMENT_COLLISION_PADDING}\n            {...props}\n          >\n            {content}\n          </TooltipPrimitive.Content>\n        </TooltipPrimitive.Portal>\n      </TooltipPrimitive.Root>\n    );\n  }\n);\n\nexport const ShortcutTooltip = forwardRef<\n  HTMLButtonElement,\n  ShortcutTooltipProps\n>(({ children, content, shortcut, ...props }, forwardedRef) => {\n  const shortcutKbd = useMemo(() => {\n    return shortcut ? getShortcutKbdFromKeymap(shortcut) : null;\n  }, [shortcut]);\n\n  return (\n    <Tooltip\n      content={\n        <>\n          {content}\n          {shortcutKbd && (\n            <kbd className=\"lb-tooltip-shortcut\">{shortcutKbd}</kbd>\n          )}\n        </>\n      }\n      {...props}\n      ref={forwardedRef}\n    >\n      {children}\n    </Tooltip>\n  );\n});\n\nfunction ShortcutTooltipKey({ name, ...props }: ShortcutTooltipKeyProps) {\n  const { title, key } = useMemo(() => KEYS[name]?.(), [name]);\n\n  return (\n    <abbr title={title} {...props}>\n      {key}\n    </abbr>\n  );\n}\n\nexport { TooltipProvider } from \"@radix-ui/react-tooltip\";\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAa;AACA;AAC2B;AACvB;AACH;AACG;AACJ;AACE;AACA;AACF;AACE;AACC;AAEhB;AAiBA;AACE;AAEA;AACE;AAEI;AAEA;AACE;AACG;AAEO;AACR;AAIJ;AAAQ;AAAkB;AAAI;AAC/B;AAGP;AAEO;AAAgB;AAEnB;AAEA;AACG;AAA6C;AAC5C;AAAC;AAAgC;AAAM;AACpC;AACH;AACC;AAAmC;AACjC;AACY;AACT;AACa;AACb;AACF;AACK;AACC;AACM;AACM;AACd;AAEH;AACH;AACF;AAAA;AACF;AAGN;AAEa;AAIX;AACE;AAAuD;AAGzD;AACG;AAEG;AACG;AAAA;AAEE;AAAc;AAAuB;AAAY;AAAA;AAEtD;AAEE;AACC;AAEJ;AAGP;AAEA;AACE;AAEA;AACG;AAAK;AAAkB;AACrB;AAGP;;"}

package/dist/components/internal/User.cjs

@@ -0,0 +1,28 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@liveblocks/react');
+var react$1 = require('react');
+var overrides = require('../../overrides.cjs');
+var shared = require('../../shared.cjs');
+var classNames = require('../../utils/class-names.cjs');
+
+
+function User({ userId, replaceSelf, className, ...props }) {
+  const currentId = shared.useCurrentUserId();
+  const { user, isLoading } = react.useUser(userId);
+  const $ = overrides.useOverrides();
+  const resolvedUserName = react$1.useMemo(() => {
+    return replaceSelf && currentId === userId ? $.USER_SELF : user?.name ?? $.USER_UNKNOWN;
+  }, [replaceSelf, currentId, userId, $.USER_SELF, $.USER_UNKNOWN, user?.name]);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", {
+    className: classNames.classNames("lb-name lb-user", className),
+    "data-loading": isLoading ? "" : void 0,
+    ...props,
+    children: isLoading ? null : resolvedUserName
+  });
+}
+
+exports.User = User;
+//# sourceMappingURL=User.cjs.map

package/dist/components/internal/{User.mjs.map → User.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"User.mjs","sources":["../../../src/components/internal/User.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { useOverrides } from \"../../overrides\";\nimport { useCurrentUserId } from \"../../shared\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface UserProps extends ComponentProps<\"span\"> {\n  /**\n   * The user ID to display the user name for.\n   */\n  userId: string;\n\n  /**\n   * Whether to replace the user name with \"you\" ($.USER_SELF) for the current user.\n   */\n  replaceSelf?: boolean;\n}\n\nexport function User({ userId, replaceSelf, className, ...props }: UserProps) {\n  const currentId = useCurrentUserId();\n  const { user, isLoading } = useUser(userId);\n  const $ = useOverrides();\n  const resolvedUserName = useMemo(() => {\n    return replaceSelf && currentId === userId\n      ? $.USER_SELF\n      : user?.name ?? $.USER_UNKNOWN;\n  }, [replaceSelf, currentId, userId, $.USER_SELF, $.USER_UNKNOWN, user?.name]);\n\n  return (\n    <span\n      className={classNames(\"lb-name lb-user\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : resolvedUserName}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAAA;AAsBO;AACL;AACA;AACA;AACA;AACE;AAEoB;AAGtB;AACG;AACmD;AACnB;AAC3B;AAEgB;AAG1B;;"}
+{"version":3,"file":"User.cjs","sources":["../../../src/components/internal/User.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { useOverrides } from \"../../overrides\";\nimport { useCurrentUserId } from \"../../shared\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface UserProps extends ComponentProps<\"span\"> {\n  /**\n   * The user ID to display the user name for.\n   */\n  userId: string;\n\n  /**\n   * Whether to replace the user name with \"you\" ($.USER_SELF) for the current user.\n   */\n  replaceSelf?: boolean;\n}\n\nexport function User({ userId, replaceSelf, className, ...props }: UserProps) {\n  const currentId = useCurrentUserId();\n  const { user, isLoading } = useUser(userId);\n  const $ = useOverrides();\n  const resolvedUserName = useMemo(() => {\n    return replaceSelf && currentId === userId\n      ? $.USER_SELF\n      : (user?.name ?? $.USER_UNKNOWN);\n  }, [replaceSelf, currentId, userId, $.USER_SELF, $.USER_UNKNOWN, user?.name]);\n\n  return (\n    <span\n      className={classNames(\"lb-name lb-user\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : resolvedUserName}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AAsBO;AACL;AACA;AACA;AACA;AACE;AAEqB;AAGvB;AACG;AACmD;AACnB;AAC3B;AAEgB;AAG1B;;"}

package/dist/components/internal/User.js

@@ -1,28 +1,26 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@liveblocks/react');
-var react$1 = require('react');
-var overrides = require('../../overrides.js');
-var shared = require('../../shared.js');
-var classNames = require('../../utils/class-names.js');
+import { jsx } from 'react/jsx-runtime';
+import { useUser } from '@liveblocks/react';
+import { useMemo } from 'react';
+import { useOverrides } from '../../overrides.js';
+import { useCurrentUserId } from '../../shared.js';
+import { classNames } from '../../utils/class-names.js';
 
 
 function User({ userId, replaceSelf, className, ...props }) {
-  const currentId = shared.useCurrentUserId();
-  const { user, isLoading } = react.useUser(userId);
-  const $ = overrides.useOverrides();
-  const resolvedUserName = react$1.useMemo(() => {
+  const currentId = useCurrentUserId();
+  const { user, isLoading } = useUser(userId);
+  const $ = useOverrides();
+  const resolvedUserName = useMemo(() => {
     return replaceSelf && currentId === userId ? $.USER_SELF : user?.name ?? $.USER_UNKNOWN;
   }, [replaceSelf, currentId, userId, $.USER_SELF, $.USER_UNKNOWN, user?.name]);
-  return /* @__PURE__ */ jsxRuntime.jsx("span", {
-    className: classNames.classNames("lb-name lb-user", className),
+  return /* @__PURE__ */ jsx("span", {
+    className: classNames("lb-name lb-user", className),
     "data-loading": isLoading ? "" : void 0,
     ...props,
     children: isLoading ? null : resolvedUserName
   });
 }
 
-exports.User = User;
+export { User };
 //# sourceMappingURL=User.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"User.js","sources":["../../../src/components/internal/User.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { useOverrides } from \"../../overrides\";\nimport { useCurrentUserId } from \"../../shared\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface UserProps extends ComponentProps<\"span\"> {\n  /**\n   * The user ID to display the user name for.\n   */\n  userId: string;\n\n  /**\n   * Whether to replace the user name with \"you\" ($.USER_SELF) for the current user.\n   */\n  replaceSelf?: boolean;\n}\n\nexport function User({ userId, replaceSelf, className, ...props }: UserProps) {\n  const currentId = useCurrentUserId();\n  const { user, isLoading } = useUser(userId);\n  const $ = useOverrides();\n  const resolvedUserName = useMemo(() => {\n    return replaceSelf && currentId === userId\n      ? $.USER_SELF\n      : user?.name ?? $.USER_UNKNOWN;\n  }, [replaceSelf, currentId, userId, $.USER_SELF, $.USER_UNKNOWN, user?.name]);\n\n  return (\n    <span\n      className={classNames(\"lb-name lb-user\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : resolvedUserName}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAAA;AAsBO;AACL;AACA;AACA;AACA;AACE;AAEoB;AAGtB;AACG;AACmD;AACnB;AAC3B;AAEgB;AAG1B;;"}
+{"version":3,"file":"User.js","sources":["../../../src/components/internal/User.tsx"],"sourcesContent":["\"use client\";\n\nimport { useUser } from \"@liveblocks/react\";\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { useOverrides } from \"../../overrides\";\nimport { useCurrentUserId } from \"../../shared\";\nimport { classNames } from \"../../utils/class-names\";\n\nexport interface UserProps extends ComponentProps<\"span\"> {\n  /**\n   * The user ID to display the user name for.\n   */\n  userId: string;\n\n  /**\n   * Whether to replace the user name with \"you\" ($.USER_SELF) for the current user.\n   */\n  replaceSelf?: boolean;\n}\n\nexport function User({ userId, replaceSelf, className, ...props }: UserProps) {\n  const currentId = useCurrentUserId();\n  const { user, isLoading } = useUser(userId);\n  const $ = useOverrides();\n  const resolvedUserName = useMemo(() => {\n    return replaceSelf && currentId === userId\n      ? $.USER_SELF\n      : (user?.name ?? $.USER_UNKNOWN);\n  }, [replaceSelf, currentId, userId, $.USER_SELF, $.USER_UNKNOWN, user?.name]);\n\n  return (\n    <span\n      className={classNames(\"lb-name lb-user\", className)}\n      data-loading={isLoading ? \"\" : undefined}\n      {...props}\n    >\n      {isLoading ? null : resolvedUserName}\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAAA;AAsBO;AACL;AACA;AACA;AACA;AACE;AAEqB;AAGvB;AACG;AACmD;AACnB;AAC3B;AAEgB;AAG1B;;"}

package/dist/components.cjs

@@ -0,0 +1,48 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+
+
+const defaultComponents = {
+  Anchor: "a"
+};
+const ComponentsContext = react.createContext(
+  void 0
+);
+function useComponents(components) {
+  const contextComponents = react.useContext(ComponentsContext);
+  return react.useMemo(
+    () => ({
+      ...defaultComponents,
+      ...contextComponents,
+      ...components
+    }),
+    [contextComponents, components]
+  );
+}
+function ComponentsProvider({
+  children,
+  components: providerComponents
+}) {
+  const contextComponents = react.useContext(ComponentsContext);
+  const components = react.useMemo(
+    () => ({
+      ...defaultComponents,
+      ...contextComponents,
+      ...providerComponents
+    }),
+    [contextComponents, providerComponents]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ComponentsContext.Provider, {
+    value: components,
+    children
+  });
+}
+
+exports.ComponentsContext = ComponentsContext;
+exports.ComponentsProvider = ComponentsProvider;
+exports.defaultComponents = defaultComponents;
+exports.useComponents = useComponents;
+//# sourceMappingURL=components.cjs.map

package/dist/{components.mjs.map → components.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"components.mjs","sources":["../src/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  PropsWithChildren,\n} from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport interface GlobalComponents {\n  Anchor: ComponentType<ComponentPropsWithoutRef<\"a\">> | \"a\";\n}\n\nexport type Components = GlobalComponents;\n\ntype ComponentsProviderProps = PropsWithChildren<{\n  components?: Partial<Components>;\n}>;\n\nexport const defaultComponents: Components = {\n  Anchor: \"a\",\n};\n\nexport const ComponentsContext = createContext<Components | undefined>(\n  undefined\n);\n\nexport function useComponents(components?: Partial<Components>): Components {\n  const contextComponents = useContext(ComponentsContext);\n\n  return useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...components,\n    }),\n    [contextComponents, components]\n  );\n}\n\nexport function ComponentsProvider({\n  children,\n  components: providerComponents,\n}: ComponentsProviderProps) {\n  const contextComponents = useContext(ComponentsContext);\n  const components = useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...providerComponents,\n    }),\n    [contextComponents, providerComponents]\n  );\n\n  return (\n    <ComponentsContext.Provider value={components}>\n      {children}\n    </ComponentsContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;AAAA;AAmBO;AAAsC;AAE7C;AAEO;AAA0B;AAEjC;AAEO;AACL;AAEA;AAAO;AACE;AACF;AACA;AACA;AACL;AAC8B;AAElC;AAEO;AAA4B;AACjC;AAEF;AACE;AACA;AAAmB;AACV;AACF;AACA;AACA;AACL;AACsC;AAGxC;AACG;AAAkC;AAChC;AAGP;;"}
+{"version":3,"file":"components.cjs","sources":["../src/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  PropsWithChildren,\n} from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport interface GlobalComponents {\n  Anchor: ComponentType<ComponentPropsWithoutRef<\"a\">> | \"a\";\n}\n\nexport type Components = GlobalComponents;\n\ntype ComponentsProviderProps = PropsWithChildren<{\n  components?: Partial<Components>;\n}>;\n\nexport const defaultComponents: Components = {\n  Anchor: \"a\",\n};\n\nexport const ComponentsContext = createContext<Components | undefined>(\n  undefined\n);\n\nexport function useComponents(components?: Partial<Components>): Components {\n  const contextComponents = useContext(ComponentsContext);\n\n  return useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...components,\n    }),\n    [contextComponents, components]\n  );\n}\n\nexport function ComponentsProvider({\n  children,\n  components: providerComponents,\n}: ComponentsProviderProps) {\n  const contextComponents = useContext(ComponentsContext);\n  const components = useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...providerComponents,\n    }),\n    [contextComponents, providerComponents]\n  );\n\n  return (\n    <ComponentsContext.Provider value={components}>\n      {children}\n    </ComponentsContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAAA;AAmBO;AAAsC;AAE7C;AAEO;AAA0B;AAEjC;AAEO;AACL;AAEA;AAAO;AACE;AACF;AACA;AACA;AACL;AAC8B;AAElC;AAEO;AAA4B;AACjC;AAEF;AACE;AACA;AAAmB;AACV;AACF;AACA;AACA;AACL;AACsC;AAGxC;AACG;AAAkC;AAChC;AAGP;;;;;"}

package/dist/components.js

@@ -1,19 +1,17 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useContext, useMemo } from 'react';
 
 
 const defaultComponents = {
   Anchor: "a"
 };
-const ComponentsContext = react.createContext(
+const ComponentsContext = createContext(
   void 0
 );
 function useComponents(components) {
-  const contextComponents = react.useContext(ComponentsContext);
-  return react.useMemo(
+  const contextComponents = useContext(ComponentsContext);
+  return useMemo(
     () => ({
       ...defaultComponents,
       ...contextComponents,
@@ -26,8 +24,8 @@ function ComponentsProvider({
   children,
   components: providerComponents
 }) {
-  const contextComponents = react.useContext(ComponentsContext);
-  const components = react.useMemo(
+  const contextComponents = useContext(ComponentsContext);
+  const components = useMemo(
     () => ({
       ...defaultComponents,
       ...contextComponents,
@@ -35,14 +33,11 @@ function ComponentsProvider({
     }),
     [contextComponents, providerComponents]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(ComponentsContext.Provider, {
+  return /* @__PURE__ */ jsx(ComponentsContext.Provider, {
     value: components,
     children
   });
 }
 
-exports.ComponentsContext = ComponentsContext;
-exports.ComponentsProvider = ComponentsProvider;
-exports.defaultComponents = defaultComponents;
-exports.useComponents = useComponents;
+export { ComponentsContext, ComponentsProvider, defaultComponents, useComponents };
 //# sourceMappingURL=components.js.map

package/dist/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../src/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  PropsWithChildren,\n} from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport interface GlobalComponents {\n  Anchor: ComponentType<ComponentPropsWithoutRef<\"a\">> | \"a\";\n}\n\nexport type Components = GlobalComponents;\n\ntype ComponentsProviderProps = PropsWithChildren<{\n  components?: Partial<Components>;\n}>;\n\nexport const defaultComponents: Components = {\n  Anchor: \"a\",\n};\n\nexport const ComponentsContext = createContext<Components | undefined>(\n  undefined\n);\n\nexport function useComponents(components?: Partial<Components>): Components {\n  const contextComponents = useContext(ComponentsContext);\n\n  return useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...components,\n    }),\n    [contextComponents, components]\n  );\n}\n\nexport function ComponentsProvider({\n  children,\n  components: providerComponents,\n}: ComponentsProviderProps) {\n  const contextComponents = useContext(ComponentsContext);\n  const components = useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...providerComponents,\n    }),\n    [contextComponents, providerComponents]\n  );\n\n  return (\n    <ComponentsContext.Provider value={components}>\n      {children}\n    </ComponentsContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAAA;AAmBO;AAAsC;AAE7C;AAEO;AAA0B;AAEjC;AAEO;AACL;AAEA;AAAO;AACE;AACF;AACA;AACA;AACL;AAC8B;AAElC;AAEO;AAA4B;AACjC;AAEF;AACE;AACA;AAAmB;AACV;AACF;AACA;AACA;AACL;AACsC;AAGxC;AACG;AAAkC;AAChC;AAGP;;;;;"}
+{"version":3,"file":"components.js","sources":["../src/components.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  ComponentPropsWithoutRef,\n  ComponentType,\n  PropsWithChildren,\n} from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nexport interface GlobalComponents {\n  Anchor: ComponentType<ComponentPropsWithoutRef<\"a\">> | \"a\";\n}\n\nexport type Components = GlobalComponents;\n\ntype ComponentsProviderProps = PropsWithChildren<{\n  components?: Partial<Components>;\n}>;\n\nexport const defaultComponents: Components = {\n  Anchor: \"a\",\n};\n\nexport const ComponentsContext = createContext<Components | undefined>(\n  undefined\n);\n\nexport function useComponents(components?: Partial<Components>): Components {\n  const contextComponents = useContext(ComponentsContext);\n\n  return useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...components,\n    }),\n    [contextComponents, components]\n  );\n}\n\nexport function ComponentsProvider({\n  children,\n  components: providerComponents,\n}: ComponentsProviderProps) {\n  const contextComponents = useContext(ComponentsContext);\n  const components = useMemo(\n    () => ({\n      ...defaultComponents,\n      ...contextComponents,\n      ...providerComponents,\n    }),\n    [contextComponents, providerComponents]\n  );\n\n  return (\n    <ComponentsContext.Provider value={components}>\n      {children}\n    </ComponentsContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;AAAA;AAmBO;AAAsC;AAE7C;AAEO;AAA0B;AAEjC;AAEO;AACL;AAEA;AAAO;AACE;AACF;AACA;AACA;AACL;AAC8B;AAElC;AAEO;AAA4B;AACjC;AAEF;AACE;AACA;AAAmB;AACV;AACF;AACA;AACA;AACL;AACsC;AAGxC;AACG;AAAkC;AAChC;AAGP;;"}

package/dist/config.cjs

@@ -0,0 +1,39 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var components = require('./components.cjs');
+var overrides = require('./overrides.cjs');
+
+
+const LiveblocksUIConfigContext = react.createContext({});
+function useLiveblocksUIConfig() {
+  return react.useContext(LiveblocksUIConfigContext);
+}
+function LiveblocksUIConfig({
+  overrides: overrides$1,
+  components: components$1,
+  portalContainer,
+  preventUnsavedComposerChanges = true,
+  children
+}) {
+  const liveblocksUIConfig = react.useMemo(
+    () => ({ portalContainer, preventUnsavedComposerChanges }),
+    [portalContainer, preventUnsavedComposerChanges]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(LiveblocksUIConfigContext.Provider, {
+    value: liveblocksUIConfig,
+    children: /* @__PURE__ */ jsxRuntime.jsx(overrides.OverridesProvider, {
+      overrides: overrides$1,
+      children: /* @__PURE__ */ jsxRuntime.jsx(components.ComponentsProvider, {
+        components: components$1,
+        children
+      })
+    })
+  });
+}
+
+exports.LiveblocksUIConfig = LiveblocksUIConfig;
+exports.useLiveblocksUIConfig = useLiveblocksUIConfig;
+//# sourceMappingURL=config.cjs.map

package/dist/{config.mjs.map → config.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"config.mjs","sources":["../src/config.tsx"],"sourcesContent":["\"use client\";\n\nimport type { PropsWithChildren } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { type Components, ComponentsProvider } from \"./components\";\nimport type { Overrides } from \"./overrides\";\nimport { OverridesProvider } from \"./overrides\";\n\ntype LiveblocksUIConfigProps = PropsWithChildren<{\n  /**\n   * Override the components' strings.\n   */\n  overrides?: Partial<Overrides>;\n\n  /**\n   * Override the components' components.\n   */\n  components?: Partial<Components>;\n\n  /**\n   * The container to render the portal into.\n   */\n  portalContainer?: HTMLElement;\n\n  /**\n   * When `preventUnsavedChanges` is set on your Liveblocks client (or set on\n   * <LiveblocksProvider>), then closing a browser tab will be prevented when\n   * there are unsaved changes.\n   *\n   * By default, that will include draft texts or attachments that are (being)\n   * uploaded via comments/threads composers, but not submitted yet.\n   *\n   * If you want to prevent unsaved changes with Liveblocks, but not for\n   * composers, you can opt-out by setting this option to `false`.\n   */\n  preventUnsavedComposerChanges?: boolean;\n}>;\n\ninterface LiveblocksUIConfigContext {\n  portalContainer?: HTMLElement;\n  preventUnsavedComposerChanges?: boolean;\n}\n\nconst LiveblocksUIConfigContext = createContext<LiveblocksUIConfigContext>({});\n\nexport function useLiveblocksUIConfig() {\n  return useContext(LiveblocksUIConfigContext);\n}\n\n/**\n * Set configuration options for all components.\n *\n * @example\n * <LiveblocksUIConfig overrides={{ locale: \"fr\", USER_UNKNOWN: \"Anonyme\", ... }}>\n *   <App />\n * </LiveblocksUIConfig>\n */\nexport function LiveblocksUIConfig({\n  overrides,\n  components,\n  portalContainer,\n  preventUnsavedComposerChanges = true,\n  children,\n}: LiveblocksUIConfigProps) {\n  const liveblocksUIConfig = useMemo(\n    () => ({ portalContainer, preventUnsavedComposerChanges }),\n    [portalContainer, preventUnsavedComposerChanges]\n  );\n\n  return (\n    <LiveblocksUIConfigContext.Provider value={liveblocksUIConfig}>\n      <OverridesProvider overrides={overrides}>\n        <ComponentsProvider components={components}>\n          {children}\n        </ComponentsProvider>\n      </OverridesProvider>\n    </LiveblocksUIConfigContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAAA;AA4CA;AAEO;AACL;AACF;AAUO;AAA4B;AACjC;AACA;AACA;AACgC;AAElC;AACE;AAA2B;AAC+B;AACT;AAGjD;AACG;AAA0C;AACxC;AAAkB;AAChB;AAAmB;AACjB;AACH;AACF;AAGN;;"}
+{"version":3,"file":"config.cjs","sources":["../src/config.tsx"],"sourcesContent":["\"use client\";\n\nimport type { PropsWithChildren } from \"react\";\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { type Components, ComponentsProvider } from \"./components\";\nimport type { Overrides } from \"./overrides\";\nimport { OverridesProvider } from \"./overrides\";\n\ntype LiveblocksUIConfigProps = PropsWithChildren<{\n  /**\n   * Override the components' strings.\n   */\n  overrides?: Partial<Overrides>;\n\n  /**\n   * Override the components' components.\n   */\n  components?: Partial<Components>;\n\n  /**\n   * The container to render the portal into.\n   */\n  portalContainer?: HTMLElement;\n\n  /**\n   * When `preventUnsavedChanges` is set on your Liveblocks client (or set on\n   * <LiveblocksProvider>), then closing a browser tab will be prevented when\n   * there are unsaved changes.\n   *\n   * By default, that will include draft texts or attachments that are (being)\n   * uploaded via comments/threads composers, but not submitted yet.\n   *\n   * If you want to prevent unsaved changes with Liveblocks, but not for\n   * composers, you can opt-out by setting this option to `false`.\n   */\n  preventUnsavedComposerChanges?: boolean;\n}>;\n\ninterface LiveblocksUIConfigContext {\n  portalContainer?: HTMLElement;\n  preventUnsavedComposerChanges?: boolean;\n}\n\nconst LiveblocksUIConfigContext = createContext<LiveblocksUIConfigContext>({});\n\nexport function useLiveblocksUIConfig() {\n  return useContext(LiveblocksUIConfigContext);\n}\n\n/**\n * Set configuration options for all components.\n *\n * @example\n * <LiveblocksUIConfig overrides={{ locale: \"fr\", USER_UNKNOWN: \"Anonyme\", ... }}>\n *   <App />\n * </LiveblocksUIConfig>\n */\nexport function LiveblocksUIConfig({\n  overrides,\n  components,\n  portalContainer,\n  preventUnsavedComposerChanges = true,\n  children,\n}: LiveblocksUIConfigProps) {\n  const liveblocksUIConfig = useMemo(\n    () => ({ portalContainer, preventUnsavedComposerChanges }),\n    [portalContainer, preventUnsavedComposerChanges]\n  );\n\n  return (\n    <LiveblocksUIConfigContext.Provider value={liveblocksUIConfig}>\n      <OverridesProvider overrides={overrides}>\n        <ComponentsProvider components={components}>\n          {children}\n        </ComponentsProvider>\n      </OverridesProvider>\n    </LiveblocksUIConfigContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAAA;AA4CA;AAEO;AACL;AACF;AAUO;AAA4B;AACjC;AACA;AACA;AACgC;AAElC;AACE;AAA2B;AAC+B;AACT;AAGjD;AACG;AAA0C;AACxC;AAAkB;AAChB;AAAmB;AACjB;AACH;AACF;AAGN;;;"}