@liveblocks/react-ui 2.18.3 → 2.18.4-uns2

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

@@ -1,6 +1,4 @@
-'use strict';
-
-var slate = require('slate');
+import { Editor, Element, Range } from 'slate';
 
 function selectionContainsInlines(editor, match) {
   const { selection } = editor;
@@ -8,21 +6,21 @@ function selectionContainsInlines(editor, match) {
     return false;
   }
   const roots = Array.from(
-    slate.Editor.nodes(editor, {
+    Editor.nodes(editor, {
       at: selection,
-      match: (node) => slate.Element.isElement(node) && slate.Editor.isBlock(editor, node),
+      match: (node) => Element.isElement(node) && Editor.isBlock(editor, node),
       mode: "lowest"
     })
   );
   for (const [, rootPath] of roots) {
-    const intersectingSelection = slate.Range.isRange(selection) ? slate.Range.intersection(selection, slate.Editor.range(editor, rootPath)) : selection;
+    const intersectingSelection = Range.isRange(selection) ? Range.intersection(selection, Editor.range(editor, rootPath)) : selection;
     if (!intersectingSelection) {
       continue;
     }
     const matches = Array.from(
-      slate.Editor.nodes(editor, {
+      Editor.nodes(editor, {
         at: intersectingSelection,
-        match: (node) => slate.Editor.isInline(editor, node) && match(node)
+        match: (node) => Editor.isInline(editor, node) && match(node)
       })
     );
     if (matches.length > 0) {
@@ -32,5 +30,5 @@ function selectionContainsInlines(editor, match) {
   return false;
 }
 
-exports.selectionContainsInlines = selectionContainsInlines;
+export { selectionContainsInlines };
 //# sourceMappingURL=selection-contains-inlines.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"selection-contains-inlines.js","sources":["../../../src/slate/utils/selection-contains-inlines.ts"],"sourcesContent":["import type { Node } from \"slate\";\nimport { Editor, Element, Range } from \"slate\";\n\nexport function selectionContainsInlines(\n  editor: Editor,\n  match: (node: Node) => boolean\n) {\n  const { selection } = editor;\n  if (!selection) {\n    return false;\n  }\n\n  const roots = Array.from(\n    Editor.nodes(editor, {\n      at: selection,\n      match: (node) => Element.isElement(node) && Editor.isBlock(editor, node),\n      mode: \"lowest\",\n    })\n  );\n\n  for (const [, rootPath] of roots) {\n    const intersectingSelection = Range.isRange(selection)\n      ? Range.intersection(selection, Editor.range(editor, rootPath))\n      : selection;\n\n    if (!intersectingSelection) {\n      continue;\n    }\n\n    const matches = Array.from(\n      Editor.nodes(editor, {\n        at: intersectingSelection,\n        match: (node) =>\n          Editor.isInline(editor, node as Element) && match(node),\n      })\n    );\n\n    if (matches.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":["Editor","Element","Range"],"mappings":";;;;AAGgB,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,CAAO,MAAM,MAAQ,EAAA;AAAA,MACnB,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,CAAC,IAAA,KAASC,aAAQ,CAAA,SAAA,CAAU,IAAI,CAAK,IAAAD,YAAA,CAAO,OAAQ,CAAA,MAAA,EAAQ,IAAI,CAAA;AAAA,MACvE,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,CAAM,OAAQ,CAAA,SAAS,CACjD,GAAAA,WAAA,CAAM,YAAa,CAAA,SAAA,EAAWF,YAAO,CAAA,KAAA,CAAM,MAAQ,EAAA,QAAQ,CAAC,CAC5D,GAAA,SAAA,CAAA;AAEJ,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,MAAM,UAAU,KAAM,CAAA,IAAA;AAAA,MACpBA,YAAA,CAAO,MAAM,MAAQ,EAAA;AAAA,QACnB,EAAI,EAAA,qBAAA;AAAA,QACJ,KAAA,EAAO,CAAC,IACN,KAAAA,YAAA,CAAO,SAAS,MAAQ,EAAA,IAAe,CAAK,IAAA,KAAA,CAAM,IAAI,CAAA;AAAA,OACzD,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;;;;"}
+{"version":3,"file":"selection-contains-inlines.js","sources":["../../../src/slate/utils/selection-contains-inlines.ts"],"sourcesContent":["import type { Node } from \"slate\";\nimport { Editor, Element, Range } from \"slate\";\n\nexport function selectionContainsInlines(\n  editor: Editor,\n  match: (node: Node) => boolean\n) {\n  const { selection } = editor;\n  if (!selection) {\n    return false;\n  }\n\n  const roots = Array.from(\n    Editor.nodes(editor, {\n      at: selection,\n      match: (node) => Element.isElement(node) && Editor.isBlock(editor, node),\n      mode: \"lowest\",\n    })\n  );\n\n  for (const [, rootPath] of roots) {\n    const intersectingSelection = Range.isRange(selection)\n      ? Range.intersection(selection, Editor.range(editor, rootPath))\n      : selection;\n\n    if (!intersectingSelection) {\n      continue;\n    }\n\n    const matches = Array.from(\n      Editor.nodes(editor, {\n        at: intersectingSelection,\n        match: (node) =>\n          Editor.isInline(editor, node as Element) && match(node),\n      })\n    );\n\n    if (matches.length > 0) {\n      return true;\n    }\n  }\n\n  return false;\n}\n"],"names":[],"mappings":";;AAGgB,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,IAClB,MAAA,CAAO,MAAM,MAAQ,EAAA;AAAA,MACnB,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,CAAC,IAAA,KAAS,OAAQ,CAAA,SAAA,CAAU,IAAI,CAAK,IAAA,MAAA,CAAO,OAAQ,CAAA,MAAA,EAAQ,IAAI,CAAA;AAAA,MACvE,IAAM,EAAA,QAAA;AAAA,KACP,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,KAAA,MAAW,GAAG,QAAQ,CAAA,IAAK,KAAO,EAAA;AAChC,IAAA,MAAM,qBAAwB,GAAA,KAAA,CAAM,OAAQ,CAAA,SAAS,CACjD,GAAA,KAAA,CAAM,YAAa,CAAA,SAAA,EAAW,MAAO,CAAA,KAAA,CAAM,MAAQ,EAAA,QAAQ,CAAC,CAC5D,GAAA,SAAA,CAAA;AAEJ,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA,SAAA;AAAA,KACF;AAEA,IAAA,MAAM,UAAU,KAAM,CAAA,IAAA;AAAA,MACpB,MAAA,CAAO,MAAM,MAAQ,EAAA;AAAA,QACnB,EAAI,EAAA,qBAAA;AAAA,QACJ,KAAA,EAAO,CAAC,IACN,KAAA,MAAA,CAAO,SAAS,MAAQ,EAAA,IAAe,CAAK,IAAA,KAAA,CAAM,IAAI,CAAA;AAAA,OACzD,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/utils/{Persist.mjs → Persist.cjs}

@@ -1,26 +1,28 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { nn } from '@liveblocks/core';
-import { useLayoutEffect } from '@liveblocks/react/_private';
-import { createContext, useContext, Children, isValidElement, useRef, useState, useCallback } from 'react';
-import { flushSync } from 'react-dom';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@liveblocks/core');
+var _private = require('@liveblocks/react/_private');
+var react = require('react');
+var reactDom = require('react-dom');
 
 
 const PERSIST_NAME = "Persist";
-const PersistContext = createContext(null);
+const PersistContext = react.createContext(null);
 function usePersist() {
-  const persistContext = useContext(PersistContext);
-  return nn(persistContext, "Persist is missing from the React tree.");
+  const persistContext = react.useContext(PersistContext);
+  return core.nn(persistContext, "Persist is missing from the React tree.");
 }
 function getChild(children) {
-  const child = Array.isArray(children) ? Children.only(children) : children;
-  return isValidElement(child) ? child : void 0;
+  const child = Array.isArray(children) ? react.Children.only(children) : children;
+  return react.isValidElement(child) ? child : void 0;
 }
 function useAnimationPersist(ref) {
   const [isPresent, unmount] = usePersist();
-  const previousAnimationName = useRef(null);
-  const unmountAnimationName = useRef(null);
-  useLayoutEffect(() => {
+  const previousAnimationName = react.useRef(null);
+  const unmountAnimationName = react.useRef(null);
+  _private.useLayoutEffect(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -38,7 +40,7 @@ function useAnimationPersist(ref) {
       element.removeEventListener("animationend", handleAnimationEnd);
     };
   }, [ref, unmount]);
-  useLayoutEffect(() => {
+  _private.useLayoutEffect(() => {
     const element = ref.current;
     let animationFrameId;
     if (!element) {
@@ -59,19 +61,19 @@ function useAnimationPersist(ref) {
   }, [isPresent, ref, unmount]);
 }
 function Persist({ children }) {
-  const [isPersisting, setPersisting] = useState(true);
-  const lastPresentChild = useRef(null);
+  const [isPersisting, setPersisting] = react.useState(true);
+  const lastPresentChild = react.useRef(null);
   const child = getChild(children);
-  const unmount = useCallback(() => {
-    flushSync(() => setPersisting(false));
+  const unmount = react.useCallback(() => {
+    reactDom.flushSync(() => setPersisting(false));
   }, []);
-  useLayoutEffect(() => {
+  _private.useLayoutEffect(() => {
     if (child) {
       setPersisting(true);
       lastPresentChild.current = child;
     }
   }, [child]);
-  return /* @__PURE__ */ jsx(PersistContext.Provider, {
+  return /* @__PURE__ */ jsxRuntime.jsx(PersistContext.Provider, {
     value: [Boolean(child), unmount],
     children: child ?? (isPersisting ? lastPresentChild.current : null)
   });
@@ -80,5 +82,7 @@ if (process.env.NODE_ENV !== "production") {
   Persist.displayName = PERSIST_NAME;
 }
 
-export { Persist, useAnimationPersist, usePersist };
-//# sourceMappingURL=Persist.mjs.map
+exports.Persist = Persist;
+exports.useAnimationPersist = useAnimationPersist;
+exports.usePersist = usePersist;
+//# sourceMappingURL=Persist.cjs.map

package/dist/utils/{Persist.mjs.map → Persist.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Persist.mjs","sources":["../../src/utils/Persist.tsx"],"sourcesContent":["\"use client\";\n\nimport { nn } from \"@liveblocks/core\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport type { ReactNode, RefObject } from \"react\";\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// Persist is an overly simplified version of Framer Motion's AnimatePresence,\n// mostly mimicking its usePresence API: https://github.com/framer/motion/blob/main/packages/framer-motion/src/components/AnimatePresence/use-presence.ts\n\nconst PERSIST_NAME = \"Persist\";\n\ninterface PersistProps {\n  children: Exclude<ReactNode, Iterable<ReactNode>>;\n}\n\ntype PersistContext = [boolean, () => void];\n\nconst PersistContext = createContext<PersistContext | null>(null);\n\nexport function usePersist() {\n  const persistContext = useContext(PersistContext);\n\n  return nn(persistContext, \"Persist is missing from the React tree.\");\n}\n\nfunction getChild(children: ReactNode) {\n  const child: ReactNode = Array.isArray(children)\n    ? Children.only(children)\n    : children;\n\n  return isValidElement(child) ? child : undefined;\n}\n\nexport function useAnimationPersist(ref: RefObject<HTMLElement>) {\n  const [isPresent, unmount] = usePersist();\n  const previousAnimationName = useRef<string | null>(null);\n  const unmountAnimationName = useRef<string | null>(null);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    /**\n     * Stop persisting at the end of the last animation.\n     *\n     * We keep track of all ending animations because animations stay\n     * on getComputedStyle(element).animationName even if they're over,\n     * so we need to keep track of previous animations to truly know if\n     * an animation should be waited on.\n     */\n    const handleAnimationEnd = (event: AnimationEvent) => {\n      if (event.animationName === unmountAnimationName.current) {\n        unmount();\n      }\n\n      previousAnimationName.current = event.animationName;\n    };\n\n    element.addEventListener(\"animationcancel\", handleAnimationEnd);\n    element.addEventListener(\"animationend\", handleAnimationEnd);\n\n    return () => {\n      element.removeEventListener(\"animationcancel\", handleAnimationEnd);\n      element.removeEventListener(\"animationend\", handleAnimationEnd);\n    };\n  }, [ref, unmount]);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    let animationFrameId: number;\n\n    if (!element) {\n      return;\n    }\n\n    if (!isPresent) {\n      // If the element should be unmounting, wait for a repaint and check\n      // if it is visible and has an animation. If not, unmount immediately.\n      animationFrameId = requestAnimationFrame(() => {\n        const styles = getComputedStyle(element);\n        unmountAnimationName.current = styles.animationName;\n\n        if (\n          styles.animationName === \"none\" ||\n          styles.animationName === previousAnimationName.current ||\n          styles.display === \"none\"\n        ) {\n          unmount();\n        }\n      });\n    }\n\n    return () => {\n      cancelAnimationFrame(animationFrameId);\n    };\n  }, [isPresent, ref, unmount]);\n}\n\n/**\n * Persist a component until it decides to unmount by\n * itself (instead of orchestrating the unmount from the parent).\n */\nexport function Persist({ children }: PersistProps) {\n  const [isPersisting, setPersisting] = useState(true);\n  const lastPresentChild = useRef<ReactNode>(null);\n  const child = getChild(children);\n\n  const unmount = useCallback(() => {\n    flushSync(() => setPersisting(false));\n  }, []);\n\n  useLayoutEffect(() => {\n    if (child) {\n      setPersisting(true);\n      lastPresentChild.current = child;\n    }\n  }, [child]);\n\n  return (\n    <PersistContext.Provider value={[Boolean(child), unmount]}>\n      {child ?? (isPersisting ? lastPresentChild.current : null)}\n    </PersistContext.Provider>\n  );\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  Persist.displayName = PERSIST_NAME;\n}\n"],"names":[],"mappings":";;;;;;;AAAA;AAmBA;AAQA;AAEO;AACL;AAEA;AACF;AAEA;AACE;AAIA;AACF;AAEO;AACL;AACA;AACA;AAEA;AACE;AAEA;AACE;AAAA;AAWF;AACE;AACE;AAAQ;AAGV;AAAsC;AAGxC;AACA;AAEA;AACE;AACA;AAA8D;AAChE;AAGF;AACE;AACA;AAEA;AACE;AAAA;AAGF;AAGE;AACE;AACA;AAEA;AAKE;AAAQ;AACV;AACD;AAGH;AACE;AAAqC;AACvC;AAEJ;AAMgB;AACd;AACA;AACA;AAEA;AACE;AAAoC;AAGtC;AACE;AACE;AACA;AAA2B;AAC7B;AAGF;AACG;AAAuD;AACD;AAG3D;AAEA;AACE;AACF;;"}
+{"version":3,"file":"Persist.cjs","sources":["../../src/utils/Persist.tsx"],"sourcesContent":["\"use client\";\n\nimport { nn } from \"@liveblocks/core\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport type { ReactNode, RefObject } from \"react\";\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// Persist is an overly simplified version of Framer Motion's AnimatePresence,\n// mostly mimicking its usePresence API: https://github.com/framer/motion/blob/main/packages/framer-motion/src/components/AnimatePresence/use-presence.ts\n\nconst PERSIST_NAME = \"Persist\";\n\ninterface PersistProps {\n  children: Exclude<ReactNode, Iterable<ReactNode>>;\n}\n\ntype PersistContext = [boolean, () => void];\n\nconst PersistContext = createContext<PersistContext | null>(null);\n\nexport function usePersist() {\n  const persistContext = useContext(PersistContext);\n\n  return nn(persistContext, \"Persist is missing from the React tree.\");\n}\n\nfunction getChild(children: ReactNode) {\n  const child: ReactNode = Array.isArray(children)\n    ? Children.only(children)\n    : children;\n\n  return isValidElement(child) ? child : undefined;\n}\n\nexport function useAnimationPersist(ref: RefObject<HTMLElement>) {\n  const [isPresent, unmount] = usePersist();\n  const previousAnimationName = useRef<string | null>(null);\n  const unmountAnimationName = useRef<string | null>(null);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    /**\n     * Stop persisting at the end of the last animation.\n     *\n     * We keep track of all ending animations because animations stay\n     * on getComputedStyle(element).animationName even if they're over,\n     * so we need to keep track of previous animations to truly know if\n     * an animation should be waited on.\n     */\n    const handleAnimationEnd = (event: AnimationEvent) => {\n      if (event.animationName === unmountAnimationName.current) {\n        unmount();\n      }\n\n      previousAnimationName.current = event.animationName;\n    };\n\n    element.addEventListener(\"animationcancel\", handleAnimationEnd);\n    element.addEventListener(\"animationend\", handleAnimationEnd);\n\n    return () => {\n      element.removeEventListener(\"animationcancel\", handleAnimationEnd);\n      element.removeEventListener(\"animationend\", handleAnimationEnd);\n    };\n  }, [ref, unmount]);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    let animationFrameId: number;\n\n    if (!element) {\n      return;\n    }\n\n    if (!isPresent) {\n      // If the element should be unmounting, wait for a repaint and check\n      // if it is visible and has an animation. If not, unmount immediately.\n      animationFrameId = requestAnimationFrame(() => {\n        const styles = getComputedStyle(element);\n        unmountAnimationName.current = styles.animationName;\n\n        if (\n          styles.animationName === \"none\" ||\n          styles.animationName === previousAnimationName.current ||\n          styles.display === \"none\"\n        ) {\n          unmount();\n        }\n      });\n    }\n\n    return () => {\n      cancelAnimationFrame(animationFrameId);\n    };\n  }, [isPresent, ref, unmount]);\n}\n\n/**\n * Persist a component until it decides to unmount by\n * itself (instead of orchestrating the unmount from the parent).\n */\nexport function Persist({ children }: PersistProps) {\n  const [isPersisting, setPersisting] = useState(true);\n  const lastPresentChild = useRef<ReactNode>(null);\n  const child = getChild(children);\n\n  const unmount = useCallback(() => {\n    flushSync(() => setPersisting(false));\n  }, []);\n\n  useLayoutEffect(() => {\n    if (child) {\n      setPersisting(true);\n      lastPresentChild.current = child;\n    }\n  }, [child]);\n\n  return (\n    <PersistContext.Provider value={[Boolean(child), unmount]}>\n      {child ?? (isPersisting ? lastPresentChild.current : null)}\n    </PersistContext.Provider>\n  );\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  Persist.displayName = PERSIST_NAME;\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA;AAmBA;AAQA;AAEO;AACL;AAEA;AACF;AAEA;AACE;AAIA;AACF;AAEO;AACL;AACA;AACA;AAEA;AACE;AAEA;AACE;AAAA;AAWF;AACE;AACE;AAAQ;AAGV;AAAsC;AAGxC;AACA;AAEA;AACE;AACA;AAA8D;AAChE;AAGF;AACE;AACA;AAEA;AACE;AAAA;AAGF;AAGE;AACE;AACA;AAEA;AAKE;AAAQ;AACV;AACD;AAGH;AACE;AAAqC;AACvC;AAEJ;AAMgB;AACd;AACA;AACA;AAEA;AACE;AAAoC;AAGtC;AACE;AACE;AACA;AAA2B;AAC7B;AAGF;AACG;AAAuD;AACD;AAG3D;AAEA;AACE;AACF;;;;"}

package/dist/utils/Persist.js

@@ -1,28 +1,26 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@liveblocks/core');
-var _private = require('@liveblocks/react/_private');
-var react = require('react');
-var reactDom = require('react-dom');
+import { jsx } from 'react/jsx-runtime';
+import { nn } from '@liveblocks/core';
+import { useLayoutEffect } from '@liveblocks/react/_private';
+import { createContext, useContext, Children, isValidElement, useRef, useState, useCallback } from 'react';
+import { flushSync } from 'react-dom';
 
 
 const PERSIST_NAME = "Persist";
-const PersistContext = react.createContext(null);
+const PersistContext = createContext(null);
 function usePersist() {
-  const persistContext = react.useContext(PersistContext);
-  return core.nn(persistContext, "Persist is missing from the React tree.");
+  const persistContext = useContext(PersistContext);
+  return nn(persistContext, "Persist is missing from the React tree.");
 }
 function getChild(children) {
-  const child = Array.isArray(children) ? react.Children.only(children) : children;
-  return react.isValidElement(child) ? child : void 0;
+  const child = Array.isArray(children) ? Children.only(children) : children;
+  return isValidElement(child) ? child : void 0;
 }
 function useAnimationPersist(ref) {
   const [isPresent, unmount] = usePersist();
-  const previousAnimationName = react.useRef(null);
-  const unmountAnimationName = react.useRef(null);
-  _private.useLayoutEffect(() => {
+  const previousAnimationName = useRef(null);
+  const unmountAnimationName = useRef(null);
+  useLayoutEffect(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -40,7 +38,7 @@ function useAnimationPersist(ref) {
       element.removeEventListener("animationend", handleAnimationEnd);
     };
   }, [ref, unmount]);
-  _private.useLayoutEffect(() => {
+  useLayoutEffect(() => {
     const element = ref.current;
     let animationFrameId;
     if (!element) {
@@ -61,19 +59,19 @@ function useAnimationPersist(ref) {
   }, [isPresent, ref, unmount]);
 }
 function Persist({ children }) {
-  const [isPersisting, setPersisting] = react.useState(true);
-  const lastPresentChild = react.useRef(null);
+  const [isPersisting, setPersisting] = useState(true);
+  const lastPresentChild = useRef(null);
   const child = getChild(children);
-  const unmount = react.useCallback(() => {
-    reactDom.flushSync(() => setPersisting(false));
+  const unmount = useCallback(() => {
+    flushSync(() => setPersisting(false));
   }, []);
-  _private.useLayoutEffect(() => {
+  useLayoutEffect(() => {
     if (child) {
       setPersisting(true);
       lastPresentChild.current = child;
     }
   }, [child]);
-  return /* @__PURE__ */ jsxRuntime.jsx(PersistContext.Provider, {
+  return /* @__PURE__ */ jsx(PersistContext.Provider, {
     value: [Boolean(child), unmount],
     children: child ?? (isPersisting ? lastPresentChild.current : null)
   });
@@ -82,7 +80,5 @@ if (process.env.NODE_ENV !== "production") {
   Persist.displayName = PERSIST_NAME;
 }
 
-exports.Persist = Persist;
-exports.useAnimationPersist = useAnimationPersist;
-exports.usePersist = usePersist;
+export { Persist, useAnimationPersist, usePersist };
 //# sourceMappingURL=Persist.js.map

package/dist/utils/Persist.js.map

@@ -1 +1 @@
-{"version":3,"file":"Persist.js","sources":["../../src/utils/Persist.tsx"],"sourcesContent":["\"use client\";\n\nimport { nn } from \"@liveblocks/core\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport type { ReactNode, RefObject } from \"react\";\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// Persist is an overly simplified version of Framer Motion's AnimatePresence,\n// mostly mimicking its usePresence API: https://github.com/framer/motion/blob/main/packages/framer-motion/src/components/AnimatePresence/use-presence.ts\n\nconst PERSIST_NAME = \"Persist\";\n\ninterface PersistProps {\n  children: Exclude<ReactNode, Iterable<ReactNode>>;\n}\n\ntype PersistContext = [boolean, () => void];\n\nconst PersistContext = createContext<PersistContext | null>(null);\n\nexport function usePersist() {\n  const persistContext = useContext(PersistContext);\n\n  return nn(persistContext, \"Persist is missing from the React tree.\");\n}\n\nfunction getChild(children: ReactNode) {\n  const child: ReactNode = Array.isArray(children)\n    ? Children.only(children)\n    : children;\n\n  return isValidElement(child) ? child : undefined;\n}\n\nexport function useAnimationPersist(ref: RefObject<HTMLElement>) {\n  const [isPresent, unmount] = usePersist();\n  const previousAnimationName = useRef<string | null>(null);\n  const unmountAnimationName = useRef<string | null>(null);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    /**\n     * Stop persisting at the end of the last animation.\n     *\n     * We keep track of all ending animations because animations stay\n     * on getComputedStyle(element).animationName even if they're over,\n     * so we need to keep track of previous animations to truly know if\n     * an animation should be waited on.\n     */\n    const handleAnimationEnd = (event: AnimationEvent) => {\n      if (event.animationName === unmountAnimationName.current) {\n        unmount();\n      }\n\n      previousAnimationName.current = event.animationName;\n    };\n\n    element.addEventListener(\"animationcancel\", handleAnimationEnd);\n    element.addEventListener(\"animationend\", handleAnimationEnd);\n\n    return () => {\n      element.removeEventListener(\"animationcancel\", handleAnimationEnd);\n      element.removeEventListener(\"animationend\", handleAnimationEnd);\n    };\n  }, [ref, unmount]);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    let animationFrameId: number;\n\n    if (!element) {\n      return;\n    }\n\n    if (!isPresent) {\n      // If the element should be unmounting, wait for a repaint and check\n      // if it is visible and has an animation. If not, unmount immediately.\n      animationFrameId = requestAnimationFrame(() => {\n        const styles = getComputedStyle(element);\n        unmountAnimationName.current = styles.animationName;\n\n        if (\n          styles.animationName === \"none\" ||\n          styles.animationName === previousAnimationName.current ||\n          styles.display === \"none\"\n        ) {\n          unmount();\n        }\n      });\n    }\n\n    return () => {\n      cancelAnimationFrame(animationFrameId);\n    };\n  }, [isPresent, ref, unmount]);\n}\n\n/**\n * Persist a component until it decides to unmount by\n * itself (instead of orchestrating the unmount from the parent).\n */\nexport function Persist({ children }: PersistProps) {\n  const [isPersisting, setPersisting] = useState(true);\n  const lastPresentChild = useRef<ReactNode>(null);\n  const child = getChild(children);\n\n  const unmount = useCallback(() => {\n    flushSync(() => setPersisting(false));\n  }, []);\n\n  useLayoutEffect(() => {\n    if (child) {\n      setPersisting(true);\n      lastPresentChild.current = child;\n    }\n  }, [child]);\n\n  return (\n    <PersistContext.Provider value={[Boolean(child), unmount]}>\n      {child ?? (isPersisting ? lastPresentChild.current : null)}\n    </PersistContext.Provider>\n  );\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  Persist.displayName = PERSIST_NAME;\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA;AAmBA;AAQA;AAEO;AACL;AAEA;AACF;AAEA;AACE;AAIA;AACF;AAEO;AACL;AACA;AACA;AAEA;AACE;AAEA;AACE;AAAA;AAWF;AACE;AACE;AAAQ;AAGV;AAAsC;AAGxC;AACA;AAEA;AACE;AACA;AAA8D;AAChE;AAGF;AACE;AACA;AAEA;AACE;AAAA;AAGF;AAGE;AACE;AACA;AAEA;AAKE;AAAQ;AACV;AACD;AAGH;AACE;AAAqC;AACvC;AAEJ;AAMgB;AACd;AACA;AACA;AAEA;AACE;AAAoC;AAGtC;AACE;AACE;AACA;AAA2B;AAC7B;AAGF;AACG;AAAuD;AACD;AAG3D;AAEA;AACE;AACF;;;;"}
+{"version":3,"file":"Persist.js","sources":["../../src/utils/Persist.tsx"],"sourcesContent":["\"use client\";\n\nimport { nn } from \"@liveblocks/core\";\nimport { useLayoutEffect } from \"@liveblocks/react/_private\";\nimport type { ReactNode, RefObject } from \"react\";\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useCallback,\n  useContext,\n  useRef,\n  useState,\n} from \"react\";\nimport { flushSync } from \"react-dom\";\n\n// Persist is an overly simplified version of Framer Motion's AnimatePresence,\n// mostly mimicking its usePresence API: https://github.com/framer/motion/blob/main/packages/framer-motion/src/components/AnimatePresence/use-presence.ts\n\nconst PERSIST_NAME = \"Persist\";\n\ninterface PersistProps {\n  children: Exclude<ReactNode, Iterable<ReactNode>>;\n}\n\ntype PersistContext = [boolean, () => void];\n\nconst PersistContext = createContext<PersistContext | null>(null);\n\nexport function usePersist() {\n  const persistContext = useContext(PersistContext);\n\n  return nn(persistContext, \"Persist is missing from the React tree.\");\n}\n\nfunction getChild(children: ReactNode) {\n  const child: ReactNode = Array.isArray(children)\n    ? Children.only(children)\n    : children;\n\n  return isValidElement(child) ? child : undefined;\n}\n\nexport function useAnimationPersist(ref: RefObject<HTMLElement>) {\n  const [isPresent, unmount] = usePersist();\n  const previousAnimationName = useRef<string | null>(null);\n  const unmountAnimationName = useRef<string | null>(null);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    /**\n     * Stop persisting at the end of the last animation.\n     *\n     * We keep track of all ending animations because animations stay\n     * on getComputedStyle(element).animationName even if they're over,\n     * so we need to keep track of previous animations to truly know if\n     * an animation should be waited on.\n     */\n    const handleAnimationEnd = (event: AnimationEvent) => {\n      if (event.animationName === unmountAnimationName.current) {\n        unmount();\n      }\n\n      previousAnimationName.current = event.animationName;\n    };\n\n    element.addEventListener(\"animationcancel\", handleAnimationEnd);\n    element.addEventListener(\"animationend\", handleAnimationEnd);\n\n    return () => {\n      element.removeEventListener(\"animationcancel\", handleAnimationEnd);\n      element.removeEventListener(\"animationend\", handleAnimationEnd);\n    };\n  }, [ref, unmount]);\n\n  useLayoutEffect(() => {\n    const element = ref.current;\n    let animationFrameId: number;\n\n    if (!element) {\n      return;\n    }\n\n    if (!isPresent) {\n      // If the element should be unmounting, wait for a repaint and check\n      // if it is visible and has an animation. If not, unmount immediately.\n      animationFrameId = requestAnimationFrame(() => {\n        const styles = getComputedStyle(element);\n        unmountAnimationName.current = styles.animationName;\n\n        if (\n          styles.animationName === \"none\" ||\n          styles.animationName === previousAnimationName.current ||\n          styles.display === \"none\"\n        ) {\n          unmount();\n        }\n      });\n    }\n\n    return () => {\n      cancelAnimationFrame(animationFrameId);\n    };\n  }, [isPresent, ref, unmount]);\n}\n\n/**\n * Persist a component until it decides to unmount by\n * itself (instead of orchestrating the unmount from the parent).\n */\nexport function Persist({ children }: PersistProps) {\n  const [isPersisting, setPersisting] = useState(true);\n  const lastPresentChild = useRef<ReactNode>(null);\n  const child = getChild(children);\n\n  const unmount = useCallback(() => {\n    flushSync(() => setPersisting(false));\n  }, []);\n\n  useLayoutEffect(() => {\n    if (child) {\n      setPersisting(true);\n      lastPresentChild.current = child;\n    }\n  }, [child]);\n\n  return (\n    <PersistContext.Provider value={[Boolean(child), unmount]}>\n      {child ?? (isPersisting ? lastPresentChild.current : null)}\n    </PersistContext.Provider>\n  );\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  Persist.displayName = PERSIST_NAME;\n}\n"],"names":[],"mappings":";;;;;;;AAAA;AAmBA;AAQA;AAEO;AACL;AAEA;AACF;AAEA;AACE;AAIA;AACF;AAEO;AACL;AACA;AACA;AAEA;AACE;AAEA;AACE;AAAA;AAWF;AACE;AACE;AAAQ;AAGV;AAAsC;AAGxC;AACA;AAEA;AACE;AACA;AAA8D;AAChE;AAGF;AACE;AACA;AAEA;AACE;AAAA;AAGF;AAGE;AACE;AACA;AAEA;AAKE;AAAQ;AACV;AACD;AAGH;AACE;AAAqC;AACvC;AAEJ;AAMgB;AACd;AACA;AACA;AAEA;AACE;AAAoC;AAGtC;AACE;AACE;AACA;AAA2B;AAC7B;AAGF;AACG;AAAuD;AACD;AAG3D;AAEA;AACE;AACF;;"}

package/dist/utils/Portal.cjs

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var react = require('react');
+var reactDom = require('react-dom');
+
+
+const PORTAL_NAME = "Portal";
+const Portal = react.forwardRef(
+  ({ container = document?.body, asChild, ...props }, forwardedRef) => {
+    const Component = asChild ? reactSlot.Slot : "div";
+    return container ? reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx(Component, {
+        "data-liveblocks-portal": "",
+        ...props,
+        ref: forwardedRef
+      }),
+      container
+    ) : null;
+  }
+);
+if (process.env.NODE_ENV !== "production") {
+  Portal.displayName = PORTAL_NAME;
+}
+
+exports.Portal = Portal;
+//# sourceMappingURL=Portal.cjs.map

package/dist/utils/{Portal.mjs.map → Portal.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Portal.mjs","sources":["../../src/utils/Portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport type { ComponentPropsWithSlot } from \"../types\";\n\nconst PORTAL_NAME = \"Portal\";\n\ninterface PortalProps extends ComponentPropsWithSlot<\"div\"> {\n  /**\n   * The container to render the portal into.\n   */\n  container?: HTMLElement | null;\n}\n\nconst Portal = forwardRef<HTMLDivElement, PortalProps>(\n  ({ container = document?.body, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"div\";\n\n    return container\n      ? createPortal(\n          <Component data-liveblocks-portal=\"\" {...props} ref={forwardedRef} />,\n          container\n        )\n      : null;\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  Portal.displayName = PORTAL_NAME;\n}\n\nexport { Portal };\n"],"names":[],"mappings":";;;;;;AAAA;AAQA;AASA;AAAe;AAEX;AAEA;AACI;AACG;AAAiC;AAAO;AAAY;AAAc;AACnE;AAEF;AAER;AAEA;AACE;AACF;;"}
+{"version":3,"file":"Portal.cjs","sources":["../../src/utils/Portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport type { ComponentPropsWithSlot } from \"../types\";\n\nconst PORTAL_NAME = \"Portal\";\n\ninterface PortalProps extends ComponentPropsWithSlot<\"div\"> {\n  /**\n   * The container to render the portal into.\n   */\n  container?: HTMLElement | null;\n}\n\nconst Portal = forwardRef<HTMLDivElement, PortalProps>(\n  ({ container = document?.body, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"div\";\n\n    return container\n      ? createPortal(\n          <Component data-liveblocks-portal=\"\" {...props} ref={forwardedRef} />,\n          container\n        )\n      : null;\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  Portal.displayName = PORTAL_NAME;\n}\n\nexport { Portal };\n"],"names":[],"mappings":";;;;;;;;AAAA;AAQA;AASA;AAAe;AAEX;AAEA;AACI;AACG;AAAiC;AAAO;AAAY;AAAc;AACnE;AAEF;AAER;AAEA;AACE;AACF;;"}

package/dist/utils/Portal.js

@@ -1,18 +1,16 @@
 "use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var react = require('react');
-var reactDom = require('react-dom');
+import { jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import { forwardRef } from 'react';
+import { createPortal } from 'react-dom';
 
 
 const PORTAL_NAME = "Portal";
-const Portal = react.forwardRef(
+const Portal = forwardRef(
   ({ container = document?.body, asChild, ...props }, forwardedRef) => {
-    const Component = asChild ? reactSlot.Slot : "div";
-    return container ? reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx(Component, {
+    const Component = asChild ? Slot : "div";
+    return container ? createPortal(
+      /* @__PURE__ */ jsx(Component, {
         "data-liveblocks-portal": "",
         ...props,
         ref: forwardedRef
@@ -25,5 +23,5 @@ if (process.env.NODE_ENV !== "production") {
   Portal.displayName = PORTAL_NAME;
 }
 
-exports.Portal = Portal;
+export { Portal };
 //# sourceMappingURL=Portal.js.map

package/dist/utils/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../src/utils/Portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport type { ComponentPropsWithSlot } from \"../types\";\n\nconst PORTAL_NAME = \"Portal\";\n\ninterface PortalProps extends ComponentPropsWithSlot<\"div\"> {\n  /**\n   * The container to render the portal into.\n   */\n  container?: HTMLElement | null;\n}\n\nconst Portal = forwardRef<HTMLDivElement, PortalProps>(\n  ({ container = document?.body, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"div\";\n\n    return container\n      ? createPortal(\n          <Component data-liveblocks-portal=\"\" {...props} ref={forwardedRef} />,\n          container\n        )\n      : null;\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  Portal.displayName = PORTAL_NAME;\n}\n\nexport { Portal };\n"],"names":[],"mappings":";;;;;;;;AAAA;AAQA;AASA;AAAe;AAEX;AAEA;AACI;AACG;AAAiC;AAAO;AAAY;AAAc;AACnE;AAEF;AAER;AAEA;AACE;AACF;;"}
+{"version":3,"file":"Portal.js","sources":["../../src/utils/Portal.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { forwardRef } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport type { ComponentPropsWithSlot } from \"../types\";\n\nconst PORTAL_NAME = \"Portal\";\n\ninterface PortalProps extends ComponentPropsWithSlot<\"div\"> {\n  /**\n   * The container to render the portal into.\n   */\n  container?: HTMLElement | null;\n}\n\nconst Portal = forwardRef<HTMLDivElement, PortalProps>(\n  ({ container = document?.body, asChild, ...props }, forwardedRef) => {\n    const Component = asChild ? Slot : \"div\";\n\n    return container\n      ? createPortal(\n          <Component data-liveblocks-portal=\"\" {...props} ref={forwardedRef} />,\n          container\n        )\n      : null;\n  }\n);\n\nif (process.env.NODE_ENV !== \"production\") {\n  Portal.displayName = PORTAL_NAME;\n}\n\nexport { Portal };\n"],"names":[],"mappings":";;;;;;AAAA;AAQA;AASA;AAAe;AAEX;AAEA;AACI;AACG;AAAiC;AAAO;AAAY;AAAc;AACnE;AAEF;AAER;AAEA;AACE;AACF;;"}

package/dist/utils/{capitalize.mjs → capitalize.cjs}

@@ -1,6 +1,8 @@
+'use strict';
+
 function capitalize(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
-export { capitalize };
-//# sourceMappingURL=capitalize.mjs.map
+exports.capitalize = capitalize;
+//# sourceMappingURL=capitalize.cjs.map

package/dist/utils/capitalize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"capitalize.cjs","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["export function capitalize(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n"],"names":[],"mappings":";;AAAO,SAAS,WAAW,MAAgB,EAAA;AACzC,EAAO,OAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAE,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA;AACxD;;;;"}

package/dist/utils/capitalize.js

@@ -1,8 +1,6 @@
-'use strict';
-
 function capitalize(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
 
-exports.capitalize = capitalize;
+export { capitalize };
 //# sourceMappingURL=capitalize.js.map

package/dist/utils/capitalize.js.map

@@ -1 +1 @@
-{"version":3,"file":"capitalize.js","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["export function capitalize(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n"],"names":[],"mappings":";;AAAO,SAAS,WAAW,MAAgB,EAAA;AACzC,EAAO,OAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAE,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA;AACxD;;;;"}
+{"version":3,"file":"capitalize.js","sources":["../../src/utils/capitalize.ts"],"sourcesContent":["export function capitalize(string: string) {\n  return string.charAt(0).toUpperCase() + string.slice(1);\n}\n"],"names":[],"mappings":"AAAO,SAAS,WAAW,MAAgB,EAAA;AACzC,EAAO,OAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAE,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAC,CAAA,CAAA;AACxD;;;;"}

package/dist/utils/{clamp.mjs → clamp.cjs}

@@ -1,6 +1,8 @@
+'use strict';
+
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 
-export { clamp };
-//# sourceMappingURL=clamp.mjs.map
+exports.clamp = clamp;
+//# sourceMappingURL=clamp.cjs.map

package/dist/utils/clamp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.cjs","sources":["../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,KAAA,CAAM,KAAe,EAAA,GAAA,EAAa,GAAa,EAAA;AAC7D,EAAA,OAAO,KAAK,GAAI,CAAA,IAAA,CAAK,IAAI,KAAO,EAAA,GAAG,GAAG,GAAG,CAAA,CAAA;AAC3C;;;;"}

package/dist/utils/clamp.js

@@ -1,8 +1,6 @@
-'use strict';
-
 function clamp(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
 
-exports.clamp = clamp;
+export { clamp };
 //# sourceMappingURL=clamp.js.map

package/dist/utils/clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"clamp.js","sources":["../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,KAAA,CAAM,KAAe,EAAA,GAAA,EAAa,GAAa,EAAA;AAC7D,EAAA,OAAO,KAAK,GAAI,CAAA,IAAA,CAAK,IAAI,KAAO,EAAA,GAAG,GAAG,GAAG,CAAA,CAAA;AAC3C;;;;"}
+{"version":3,"file":"clamp.js","sources":["../../src/utils/clamp.ts"],"sourcesContent":["export function clamp(value: number, min: number, max: number) {\n  return Math.min(Math.max(value, min), max);\n}\n"],"names":[],"mappings":"AAAgB,SAAA,KAAA,CAAM,KAAe,EAAA,GAAA,EAAa,GAAa,EAAA;AAC7D,EAAA,OAAO,KAAK,GAAI,CAAA,IAAA,CAAK,IAAI,KAAO,EAAA,GAAG,GAAG,GAAG,CAAA,CAAA;AAC3C;;;;"}

package/dist/utils/{class-names.mjs → class-names.cjs}

@@ -1,6 +1,8 @@
+'use strict';
+
 function classNames(...args) {
   return args.filter((arg) => typeof arg === "string" || typeof arg === "number").join(" ");
 }
 
-export { classNames };
-//# sourceMappingURL=class-names.mjs.map
+exports.classNames = classNames;
+//# sourceMappingURL=class-names.cjs.map

package/dist/utils/{class-names.mjs.map → class-names.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"class-names.mjs","sources":["../../src/utils/class-names.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":"AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}
+{"version":3,"file":"class-names.cjs","sources":["../../src/utils/class-names.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":";;AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}

package/dist/utils/class-names.js

@@ -1,8 +1,6 @@
-'use strict';
-
 function classNames(...args) {
   return args.filter((arg) => typeof arg === "string" || typeof arg === "number").join(" ");
 }
 
-exports.classNames = classNames;
+export { classNames };
 //# sourceMappingURL=class-names.js.map

package/dist/utils/class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"class-names.js","sources":["../../src/utils/class-names.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":";;AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}
+{"version":3,"file":"class-names.js","sources":["../../src/utils/class-names.ts"],"sourcesContent":["export function classNames(\n  ...args: (string | number | boolean | undefined | null)[]\n) {\n  return args\n    .filter((arg) => typeof arg === \"string\" || typeof arg === \"number\")\n    .join(\" \");\n}\n"],"names":[],"mappings":"AAAO,SAAS,cACX,IACH,EAAA;AACA,EAAA,OAAO,IACJ,CAAA,MAAA,CAAO,CAAC,GAAA,KAAQ,OAAO,GAAA,KAAQ,QAAY,IAAA,OAAO,GAAQ,KAAA,QAAQ,CAClE,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACb;;;;"}

package/dist/utils/{data-transfer.mjs → data-transfer.cjs}

@@ -1,4 +1,6 @@
-import { exists } from './exists.mjs';
+'use strict';
+
+var exists = require('./exists.cjs');
 
 function getFiles(dataTransfer) {
   if (!dataTransfer.types.includes("Files")) {
@@ -7,12 +9,12 @@ function getFiles(dataTransfer) {
   let files = Array.from(dataTransfer.items).map((item) => {
     const entry = item.webkitGetAsEntry();
     return entry && entry.isFile ? item.getAsFile() : null;
-  }).filter(exists);
+  }).filter(exists.exists);
   if (!files.length) {
     files = Array.from(dataTransfer.files).filter((file) => file.type !== "");
   }
   return files;
 }
 
-export { getFiles };
-//# sourceMappingURL=data-transfer.mjs.map
+exports.getFiles = getFiles;
+//# sourceMappingURL=data-transfer.cjs.map

package/dist/utils/{data-transfer.mjs.map → data-transfer.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"data-transfer.mjs","sources":["../../src/utils/data-transfer.ts"],"sourcesContent":["import { exists } from \"./exists\";\n\nexport function getFiles(dataTransfer: DataTransfer) {\n  if (!dataTransfer.types.includes(\"Files\")) {\n    return [];\n  }\n\n  // We start by attempting to get files with `webkitGetAsEntry` as\n  // it allows us to filter out directories.\n  //\n  // Example: Copying a local file\n  let files = Array.from(dataTransfer.items)\n    .map((item) => {\n      const entry = item.webkitGetAsEntry();\n\n      return entry && entry.isFile ? item.getAsFile() : null;\n    })\n    .filter(exists);\n\n  // Then, since `dataTransfer.types` specifies that there are files\n  // but we couldn't get any with `webkitGetAsEntry`, we try to get\n  // them with `files`\n  //\n  // Example: Copying an image from a website\n  if (!files.length) {\n    files = Array.from(dataTransfer.files).filter((file) => file.type !== \"\");\n  }\n\n  return files;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAS,YAA4B,EAAA;AACnD,EAAA,IAAI,CAAC,YAAA,CAAa,KAAM,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACzC,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAMA,EAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CACtC,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAM,MAAA,KAAA,GAAQ,KAAK,gBAAiB,EAAA,CAAA;AAEpC,IAAA,OAAO,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,GACnD,CACA,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAOhB,EAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,IAAQ,KAAA,GAAA,KAAA,CAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAA,CAAE,OAAO,CAAC,IAAA,KAAS,IAAK,CAAA,IAAA,KAAS,EAAE,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"data-transfer.cjs","sources":["../../src/utils/data-transfer.ts"],"sourcesContent":["import { exists } from \"./exists\";\n\nexport function getFiles(dataTransfer: DataTransfer) {\n  if (!dataTransfer.types.includes(\"Files\")) {\n    return [];\n  }\n\n  // We start by attempting to get files with `webkitGetAsEntry` as\n  // it allows us to filter out directories.\n  //\n  // Example: Copying a local file\n  let files = Array.from(dataTransfer.items)\n    .map((item) => {\n      const entry = item.webkitGetAsEntry();\n\n      return entry && entry.isFile ? item.getAsFile() : null;\n    })\n    .filter(exists);\n\n  // Then, since `dataTransfer.types` specifies that there are files\n  // but we couldn't get any with `webkitGetAsEntry`, we try to get\n  // them with `files`\n  //\n  // Example: Copying an image from a website\n  if (!files.length) {\n    files = Array.from(dataTransfer.files).filter((file) => file.type !== \"\");\n  }\n\n  return files;\n}\n"],"names":["exists"],"mappings":";;;;AAEO,SAAS,SAAS,YAA4B,EAAA;AACnD,EAAA,IAAI,CAAC,YAAA,CAAa,KAAM,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACzC,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAMA,EAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CACtC,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAM,MAAA,KAAA,GAAQ,KAAK,gBAAiB,EAAA,CAAA;AAEpC,IAAA,OAAO,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,GACnD,CACA,CAAA,MAAA,CAAOA,aAAM,CAAA,CAAA;AAOhB,EAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,IAAQ,KAAA,GAAA,KAAA,CAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAA,CAAE,OAAO,CAAC,IAAA,KAAS,IAAK,CAAA,IAAA,KAAS,EAAE,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/utils/data-transfer.js

@@ -1,6 +1,4 @@
-'use strict';
-
-var exists = require('./exists.js');
+import { exists } from './exists.js';
 
 function getFiles(dataTransfer) {
   if (!dataTransfer.types.includes("Files")) {
@@ -9,12 +7,12 @@ function getFiles(dataTransfer) {
   let files = Array.from(dataTransfer.items).map((item) => {
     const entry = item.webkitGetAsEntry();
     return entry && entry.isFile ? item.getAsFile() : null;
-  }).filter(exists.exists);
+  }).filter(exists);
   if (!files.length) {
     files = Array.from(dataTransfer.files).filter((file) => file.type !== "");
   }
   return files;
 }
 
-exports.getFiles = getFiles;
+export { getFiles };
 //# sourceMappingURL=data-transfer.js.map

package/dist/utils/data-transfer.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-transfer.js","sources":["../../src/utils/data-transfer.ts"],"sourcesContent":["import { exists } from \"./exists\";\n\nexport function getFiles(dataTransfer: DataTransfer) {\n  if (!dataTransfer.types.includes(\"Files\")) {\n    return [];\n  }\n\n  // We start by attempting to get files with `webkitGetAsEntry` as\n  // it allows us to filter out directories.\n  //\n  // Example: Copying a local file\n  let files = Array.from(dataTransfer.items)\n    .map((item) => {\n      const entry = item.webkitGetAsEntry();\n\n      return entry && entry.isFile ? item.getAsFile() : null;\n    })\n    .filter(exists);\n\n  // Then, since `dataTransfer.types` specifies that there are files\n  // but we couldn't get any with `webkitGetAsEntry`, we try to get\n  // them with `files`\n  //\n  // Example: Copying an image from a website\n  if (!files.length) {\n    files = Array.from(dataTransfer.files).filter((file) => file.type !== \"\");\n  }\n\n  return files;\n}\n"],"names":["exists"],"mappings":";;;;AAEO,SAAS,SAAS,YAA4B,EAAA;AACnD,EAAA,IAAI,CAAC,YAAA,CAAa,KAAM,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACzC,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAMA,EAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CACtC,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAM,MAAA,KAAA,GAAQ,KAAK,gBAAiB,EAAA,CAAA;AAEpC,IAAA,OAAO,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,GACnD,CACA,CAAA,MAAA,CAAOA,aAAM,CAAA,CAAA;AAOhB,EAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,IAAQ,KAAA,GAAA,KAAA,CAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAA,CAAE,OAAO,CAAC,IAAA,KAAS,IAAK,CAAA,IAAA,KAAS,EAAE,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"data-transfer.js","sources":["../../src/utils/data-transfer.ts"],"sourcesContent":["import { exists } from \"./exists\";\n\nexport function getFiles(dataTransfer: DataTransfer) {\n  if (!dataTransfer.types.includes(\"Files\")) {\n    return [];\n  }\n\n  // We start by attempting to get files with `webkitGetAsEntry` as\n  // it allows us to filter out directories.\n  //\n  // Example: Copying a local file\n  let files = Array.from(dataTransfer.items)\n    .map((item) => {\n      const entry = item.webkitGetAsEntry();\n\n      return entry && entry.isFile ? item.getAsFile() : null;\n    })\n    .filter(exists);\n\n  // Then, since `dataTransfer.types` specifies that there are files\n  // but we couldn't get any with `webkitGetAsEntry`, we try to get\n  // them with `files`\n  //\n  // Example: Copying an image from a website\n  if (!files.length) {\n    files = Array.from(dataTransfer.files).filter((file) => file.type !== \"\");\n  }\n\n  return files;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAS,YAA4B,EAAA;AACnD,EAAA,IAAI,CAAC,YAAA,CAAa,KAAM,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AACzC,IAAA,OAAO,EAAC,CAAA;AAAA,GACV;AAMA,EAAI,IAAA,KAAA,GAAQ,MAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CACtC,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAM,MAAA,KAAA,GAAQ,KAAK,gBAAiB,EAAA,CAAA;AAEpC,IAAA,OAAO,KAAS,IAAA,KAAA,CAAM,MAAS,GAAA,IAAA,CAAK,WAAc,GAAA,IAAA,CAAA;AAAA,GACnD,CACA,CAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAOhB,EAAI,IAAA,CAAC,MAAM,MAAQ,EAAA;AACjB,IAAQ,KAAA,GAAA,KAAA,CAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAA,CAAE,OAAO,CAAC,IAAA,KAAS,IAAK,CAAA,IAAA,KAAS,EAAE,CAAA,CAAA;AAAA,GAC1E;AAEA,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/utils/{download.mjs → download.cjs}

@@ -1,3 +1,5 @@
+'use strict';
+
 function download(url, name) {
   const a = document.createElement("a");
   a.href = url;
@@ -8,5 +10,5 @@ function download(url, name) {
   document.body.removeChild(a);
 }
 
-export { download };
-//# sourceMappingURL=download.mjs.map
+exports.download = download;
+//# sourceMappingURL=download.cjs.map

package/dist/utils/download.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.cjs","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}

package/dist/utils/download.js

@@ -1,5 +1,3 @@
-'use strict';
-
 function download(url, name) {
   const a = document.createElement("a");
   a.href = url;
@@ -10,5 +8,5 @@ function download(url, name) {
   document.body.removeChild(a);
 }
 
-exports.download = download;
+export { download };
 //# sourceMappingURL=download.js.map

package/dist/utils/download.js.map

@@ -1 +1 @@
-{"version":3,"file":"download.js","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}
+{"version":3,"file":"download.js","sources":["../../src/utils/download.ts"],"sourcesContent":["export function download(url: string, name: string) {\n  const a = document.createElement(\"a\");\n  a.href = url;\n  a.download = name;\n  a.style.display = \"none\";\n\n  document.body.appendChild(a);\n  a.click();\n  document.body.removeChild(a);\n}\n"],"names":[],"mappings":"AAAgB,SAAA,QAAA,CAAS,KAAa,IAAc,EAAA;AAClD,EAAM,MAAA,CAAA,GAAI,QAAS,CAAA,aAAA,CAAc,GAAG,CAAA,CAAA;AACpC,EAAA,CAAA,CAAE,IAAO,GAAA,GAAA,CAAA;AACT,EAAA,CAAA,CAAE,QAAW,GAAA,IAAA,CAAA;AACb,EAAA,CAAA,CAAE,MAAM,OAAU,GAAA,MAAA,CAAA;AAElB,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC3B,EAAA,CAAA,CAAE,KAAM,EAAA,CAAA;AACR,EAAS,QAAA,CAAA,IAAA,CAAK,YAAY,CAAC,CAAA,CAAA;AAC7B;;;;"}

package/dist/utils/exists.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+function exists(input) {
+  return input !== null && input !== void 0;
+}
+
+exports.exists = exists;
+//# sourceMappingURL=exists.cjs.map

package/dist/utils/exists.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"exists.cjs","sources":["../../src/utils/exists.ts"],"sourcesContent":["export function exists<T>(input: null | undefined | T): input is T {\n  return input !== null && input !== undefined;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,OAAU,KAAyC,EAAA;AACjE,EAAO,OAAA,KAAA,KAAU,QAAQ,KAAU,KAAA,KAAA,CAAA,CAAA;AACrC;;;;"}

package/dist/utils/exists.js

@@ -1,8 +1,6 @@
-'use strict';
-
 function exists(input) {
   return input !== null && input !== void 0;
 }
 
-exports.exists = exists;
+export { exists };
 //# sourceMappingURL=exists.js.map

package/dist/utils/exists.js.map

@@ -1 +1 @@
-{"version":3,"file":"exists.js","sources":["../../src/utils/exists.ts"],"sourcesContent":["export function exists<T>(input: null | undefined | T): input is T {\n  return input !== null && input !== undefined;\n}\n"],"names":[],"mappings":";;AAAO,SAAS,OAAU,KAAyC,EAAA;AACjE,EAAO,OAAA,KAAA,KAAU,QAAQ,KAAU,KAAA,KAAA,CAAA,CAAA;AACrC;;;;"}
+{"version":3,"file":"exists.js","sources":["../../src/utils/exists.ts"],"sourcesContent":["export function exists<T>(input: null | undefined | T): input is T {\n  return input !== null && input !== undefined;\n}\n"],"names":[],"mappings":"AAAO,SAAS,OAAU,KAAyC,EAAA;AACjE,EAAO,OAAA,KAAA,KAAU,QAAQ,KAAU,KAAA,KAAA,CAAA,CAAA;AACrC;;;;"}

package/dist/utils/{find-last-index.mjs → find-last-index.cjs}

@@ -1,3 +1,5 @@
+'use strict';
+
 function findLastIndex(array, predicate) {
   let index = array.length - 1;
   while (index >= 0) {
@@ -10,5 +12,5 @@ function findLastIndex(array, predicate) {
   return -1;
 }
 
-export { findLastIndex };
-//# sourceMappingURL=find-last-index.mjs.map
+exports.findLastIndex = findLastIndex;
+//# sourceMappingURL=find-last-index.cjs.map