@liveblocks/react-ui 1.12.0-initial1

package/dist/utils/use-interval.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+
+function useInterval(callback, delay) {
+  const latestCallback = React.useRef(callback);
+  React.useEffect(() => {
+    latestCallback.current = callback;
+  }, [callback]);
+  React.useEffect(() => {
+    if (!delay && delay !== 0) {
+      return;
+    }
+    const id = setInterval(() => {
+      if (latestCallback.current() === false) {
+        clearInterval(id);
+      }
+    }, delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+
+exports.useInterval = useInterval;
+//# sourceMappingURL=use-interval.js.map

package/dist/utils/use-interval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-interval.js","sources":["../../src/utils/use-interval.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * Run a function at a given time interval.\n */\nexport function useInterval(\n  callback: () => void | false,\n  delay?: number | false\n) {\n  const latestCallback = useRef(callback);\n\n  useEffect(() => {\n    latestCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => {\n      if (latestCallback.current() === false) {\n        clearInterval(id);\n      }\n    }, delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;AAKgB,SAAA,WAAA,CACd,UACA,KACA,EAAA;AACA,EAAM,MAAA,cAAA,GAAiBA,aAAO,QAAQ,CAAA,CAAA;AAEtC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,OAAU,GAAA,QAAA,CAAA;AAAA,GAC3B,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAAA,eAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,KAAS,IAAA,KAAA,KAAU,CAAG,EAAA;AACzB,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,EAAA,GAAK,YAAY,MAAM;AAC3B,MAAI,IAAA,cAAA,CAAe,OAAQ,EAAA,KAAM,KAAO,EAAA;AACtC,QAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,OAClB;AAAA,OACC,KAAK,CAAA,CAAA;AAER,IAAO,OAAA,MAAM,cAAc,EAAE,CAAA,CAAA;AAAA,GAC/B,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACZ;;;;"}

package/dist/utils/use-interval.mjs

@@ -0,0 +1,22 @@
+import { useRef, useEffect } from 'react';
+
+function useInterval(callback, delay) {
+  const latestCallback = useRef(callback);
+  useEffect(() => {
+    latestCallback.current = callback;
+  }, [callback]);
+  useEffect(() => {
+    if (!delay && delay !== 0) {
+      return;
+    }
+    const id = setInterval(() => {
+      if (latestCallback.current() === false) {
+        clearInterval(id);
+      }
+    }, delay);
+    return () => clearInterval(id);
+  }, [delay]);
+}
+
+export { useInterval };
+//# sourceMappingURL=use-interval.mjs.map

package/dist/utils/use-interval.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-interval.mjs","sources":["../../src/utils/use-interval.ts"],"sourcesContent":["import { useEffect, useRef } from \"react\";\n\n/**\n * Run a function at a given time interval.\n */\nexport function useInterval(\n  callback: () => void | false,\n  delay?: number | false\n) {\n  const latestCallback = useRef(callback);\n\n  useEffect(() => {\n    latestCallback.current = callback;\n  }, [callback]);\n\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n\n    const id = setInterval(() => {\n      if (latestCallback.current() === false) {\n        clearInterval(id);\n      }\n    }, delay);\n\n    return () => clearInterval(id);\n  }, [delay]);\n}\n"],"names":[],"mappings":";;AAKgB,SAAA,WAAA,CACd,UACA,KACA,EAAA;AACA,EAAM,MAAA,cAAA,GAAiB,OAAO,QAAQ,CAAA,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,OAAU,GAAA,QAAA,CAAA;AAAA,GAC3B,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,KAAS,IAAA,KAAA,KAAU,CAAG,EAAA;AACzB,MAAA,OAAA;AAAA,KACF;AAEA,IAAM,MAAA,EAAA,GAAK,YAAY,MAAM;AAC3B,MAAI,IAAA,cAAA,CAAe,OAAQ,EAAA,KAAM,KAAO,EAAA;AACtC,QAAA,aAAA,CAAc,EAAE,CAAA,CAAA;AAAA,OAClB;AAAA,OACC,KAAK,CAAA,CAAA;AAER,IAAO,OAAA,MAAM,cAAc,EAAE,CAAA,CAAA;AAAA,GAC/B,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AACZ;;;;"}

package/dist/utils/use-latest.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+function useLatest(value) {
+  const ref = React.useRef(value);
+  React.useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
+exports.useLatest = useLatest;
+//# sourceMappingURL=use-latest.js.map

package/dist/utils/use-latest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-latest.js","sources":["../../src/utils/use-latest.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport function useLatest<T>(value: T) {\n  const ref: MutableRefObject<T> = useRef(value);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;AAGO,SAAS,UAAa,KAAU,EAAA;AACrC,EAAM,MAAA,GAAA,GAA2BA,aAAO,KAAK,CAAA,CAAA;AAE7C,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}

package/dist/utils/use-latest.mjs

@@ -0,0 +1,12 @@
+import { useRef, useEffect } from 'react';
+
+function useLatest(value) {
+  const ref = useRef(value);
+  useEffect(() => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
+export { useLatest };
+//# sourceMappingURL=use-latest.mjs.map

package/dist/utils/use-latest.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-latest.mjs","sources":["../../src/utils/use-latest.ts"],"sourcesContent":["import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nexport function useLatest<T>(value: T) {\n  const ref: MutableRefObject<T> = useRef(value);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,UAAa,KAAU,EAAA;AACrC,EAAM,MAAA,GAAA,GAA2B,OAAO,KAAK,CAAA,CAAA;AAE7C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,GAAA,CAAI,OAAU,GAAA,KAAA,CAAA;AAAA,GAChB,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,GAAA,CAAA;AACT;;;;"}

package/dist/utils/use-layout-effect.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var React = require('react');
+
+const useLayoutEffect = typeof window !== "undefined" ? React.useLayoutEffect : React.useEffect;
+
+exports.useLayoutEffect = useLayoutEffect;
+//# sourceMappingURL=use-layout-effect.js.map

package/dist/utils/use-layout-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout-effect.js","sources":["../../src/utils/use-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect as useDefaultLayoutEffect } from \"react\";\n\nexport const useLayoutEffect =\n  typeof window !== \"undefined\" ? useDefaultLayoutEffect : useEffect;\n"],"names":["useDefaultLayoutEffect","useEffect"],"mappings":";;;;AAEO,MAAM,eACX,GAAA,OAAO,MAAW,KAAA,WAAA,GAAcA,qBAAyB,GAAAC;;;;"}

package/dist/utils/use-layout-effect.mjs

@@ -0,0 +1,6 @@
+import { useLayoutEffect as useLayoutEffect$1, useEffect } from 'react';
+
+const useLayoutEffect = typeof window !== "undefined" ? useLayoutEffect$1 : useEffect;
+
+export { useLayoutEffect };
+//# sourceMappingURL=use-layout-effect.mjs.map

package/dist/utils/use-layout-effect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-layout-effect.mjs","sources":["../../src/utils/use-layout-effect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect as useDefaultLayoutEffect } from \"react\";\n\nexport const useLayoutEffect =\n  typeof window !== \"undefined\" ? useDefaultLayoutEffect : useEffect;\n"],"names":["useDefaultLayoutEffect"],"mappings":";;AAEO,MAAM,eACX,GAAA,OAAO,MAAW,KAAA,WAAA,GAAcA,iBAAyB,GAAA;;;;"}

package/dist/utils/use-refs.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+
+function applyRef(ref, value) {
+  if (value) {
+    if (typeof ref === "function") {
+      ref(value);
+    } else if (ref && "current" in ref) {
+      ref.current = value;
+    }
+  }
+}
+function mergeRefs(value, ...refs) {
+  for (const ref of refs) {
+    applyRef(ref, value);
+  }
+}
+function useRefs(...refs) {
+  return React.useCallback((value) => mergeRefs(value, ...refs), [refs]);
+}
+
+exports.useRefs = useRefs;
+//# sourceMappingURL=use-refs.js.map

package/dist/utils/use-refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-refs.js","sources":["../../src/utils/use-refs.ts"],"sourcesContent":["import type { MutableRefObject, Ref, RefCallback } from \"react\";\nimport { useCallback } from \"react\";\n\nfunction applyRef<T>(ref: Ref<T>, value: T) {\n  if (value) {\n    if (typeof ref === \"function\") {\n      ref(value);\n    } else if (ref && \"current\" in ref) {\n      (ref as MutableRefObject<T>).current = value;\n    }\n  }\n}\n\nfunction mergeRefs<T>(value: T, ...refs: Ref<T>[]) {\n  for (const ref of refs) {\n    applyRef(ref, value);\n  }\n}\n\nexport function useRefs<T>(...refs: Ref<T>[]): RefCallback<T> {\n  return useCallback((value: T) => mergeRefs(value, ...refs), [refs]);\n}\n"],"names":["useCallback"],"mappings":";;;;AAGA,SAAS,QAAA,CAAY,KAAa,KAAU,EAAA;AAC1C,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,OAAO,QAAQ,UAAY,EAAA;AAC7B,MAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAAA,KACX,MAAA,IAAW,GAAO,IAAA,SAAA,IAAa,GAAK,EAAA;AAClC,MAAC,IAA4B,OAAU,GAAA,KAAA,CAAA;AAAA,KACzC;AAAA,GACF;AACF,CAAA;AAEA,SAAS,SAAA,CAAa,UAAa,IAAgB,EAAA;AACjD,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,GACrB;AACF,CAAA;AAEO,SAAS,WAAc,IAAgC,EAAA;AAC5D,EAAO,OAAAA,iBAAA,CAAY,CAAC,KAAA,KAAa,SAAU,CAAA,KAAA,EAAO,GAAG,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AACpE;;;;"}

package/dist/utils/use-refs.mjs

@@ -0,0 +1,22 @@
+import { useCallback } from 'react';
+
+function applyRef(ref, value) {
+  if (value) {
+    if (typeof ref === "function") {
+      ref(value);
+    } else if (ref && "current" in ref) {
+      ref.current = value;
+    }
+  }
+}
+function mergeRefs(value, ...refs) {
+  for (const ref of refs) {
+    applyRef(ref, value);
+  }
+}
+function useRefs(...refs) {
+  return useCallback((value) => mergeRefs(value, ...refs), [refs]);
+}
+
+export { useRefs };
+//# sourceMappingURL=use-refs.mjs.map

package/dist/utils/use-refs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-refs.mjs","sources":["../../src/utils/use-refs.ts"],"sourcesContent":["import type { MutableRefObject, Ref, RefCallback } from \"react\";\nimport { useCallback } from \"react\";\n\nfunction applyRef<T>(ref: Ref<T>, value: T) {\n  if (value) {\n    if (typeof ref === \"function\") {\n      ref(value);\n    } else if (ref && \"current\" in ref) {\n      (ref as MutableRefObject<T>).current = value;\n    }\n  }\n}\n\nfunction mergeRefs<T>(value: T, ...refs: Ref<T>[]) {\n  for (const ref of refs) {\n    applyRef(ref, value);\n  }\n}\n\nexport function useRefs<T>(...refs: Ref<T>[]): RefCallback<T> {\n  return useCallback((value: T) => mergeRefs(value, ...refs), [refs]);\n}\n"],"names":[],"mappings":";;AAGA,SAAS,QAAA,CAAY,KAAa,KAAU,EAAA;AAC1C,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,OAAO,QAAQ,UAAY,EAAA;AAC7B,MAAA,GAAA,CAAI,KAAK,CAAA,CAAA;AAAA,KACX,MAAA,IAAW,GAAO,IAAA,SAAA,IAAa,GAAK,EAAA;AAClC,MAAC,IAA4B,OAAU,GAAA,KAAA,CAAA;AAAA,KACzC;AAAA,GACF;AACF,CAAA;AAEA,SAAS,SAAA,CAAa,UAAa,IAAgB,EAAA;AACjD,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAA,QAAA,CAAS,KAAK,KAAK,CAAA,CAAA;AAAA,GACrB;AACF,CAAA;AAEO,SAAS,WAAc,IAAgC,EAAA;AAC5D,EAAO,OAAA,WAAA,CAAY,CAAC,KAAA,KAAa,SAAU,CAAA,KAAA,EAAO,GAAG,IAAI,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AACpE;;;;"}

package/dist/utils/use-rerender.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+
+function useRerender() {
+  const [key, update] = React.useReducer(
+    (key2) => key2 + 1,
+    0
+  );
+  return [update, key];
+}
+
+exports.useRerender = useRerender;
+//# sourceMappingURL=use-rerender.js.map

package/dist/utils/use-rerender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-rerender.js","sources":["../../src/utils/use-rerender.ts"],"sourcesContent":["import { useReducer } from \"react\";\n\n/**\n * Trigger a re-render programmatically, without changing the component's\n * state.\n *\n * @example\n * const rerender = useRerender();\n *\n * return (\n *   <button onClick={rerender}>\n *     {Math.random()}\n *   </button>\n * )\n */\nexport function useRerender(): [() => void, number] {\n  const [key, update] = useReducer(\n    // This implementation works by incrementing a hidden counter value that is\n    // never consumed. Simply incrementing the counter changes the component's\n    // state and, thus, trigger a re-render.\n    (key: number): number => key + 1,\n    0\n  );\n  return [update, key];\n}\n"],"names":["useReducer","key"],"mappings":";;;;AAeO,SAAS,WAAoC,GAAA;AAClD,EAAM,MAAA,CAAC,GAAK,EAAA,MAAM,CAAI,GAAAA,gBAAA;AAAA,IAIpB,CAACC,SAAwBA,IAAM,GAAA,CAAA;AAAA,IAC/B,CAAA;AAAA,GACF,CAAA;AACA,EAAO,OAAA,CAAC,QAAQ,GAAG,CAAA,CAAA;AACrB;;;;"}

package/dist/utils/use-rerender.mjs

@@ -0,0 +1,12 @@
+import { useReducer } from 'react';
+
+function useRerender() {
+  const [key, update] = useReducer(
+    (key2) => key2 + 1,
+    0
+  );
+  return [update, key];
+}
+
+export { useRerender };
+//# sourceMappingURL=use-rerender.mjs.map

package/dist/utils/use-rerender.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-rerender.mjs","sources":["../../src/utils/use-rerender.ts"],"sourcesContent":["import { useReducer } from \"react\";\n\n/**\n * Trigger a re-render programmatically, without changing the component's\n * state.\n *\n * @example\n * const rerender = useRerender();\n *\n * return (\n *   <button onClick={rerender}>\n *     {Math.random()}\n *   </button>\n * )\n */\nexport function useRerender(): [() => void, number] {\n  const [key, update] = useReducer(\n    // This implementation works by incrementing a hidden counter value that is\n    // never consumed. Simply incrementing the counter changes the component's\n    // state and, thus, trigger a re-render.\n    (key: number): number => key + 1,\n    0\n  );\n  return [update, key];\n}\n"],"names":["key"],"mappings":";;AAeO,SAAS,WAAoC,GAAA;AAClD,EAAM,MAAA,CAAC,GAAK,EAAA,MAAM,CAAI,GAAA,UAAA;AAAA,IAIpB,CAACA,SAAwBA,IAAM,GAAA,CAAA;AAAA,IAC/B,CAAA;AAAA,GACF,CAAA;AACA,EAAO,OAAA,CAAC,QAAQ,GAAG,CAAA,CAAA;AACrB;;;;"}

package/dist/utils/use-transition.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var React = require('react');
+
+const useReactTransition = React["useTransition".toString()];
+function useTransitionFallback(transition) {
+  return [false, transition];
+}
+const useTransition = useReactTransition ?? useTransitionFallback;
+
+exports.useTransition = useTransition;
+//# sourceMappingURL=use-transition.js.map

package/dist/utils/use-transition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transition.js","sources":["../../src/utils/use-transition.ts"],"sourcesContent":["import React from \"react\";\n\n// Prevent bundlers from importing `useTransition` directly\n// See https://github.com/radix-ui/primitives/pull/1028\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst useReactTransition: typeof React.useTransition = (React as any)[\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  \"useTransition\".toString()\n];\n\nfunction useTransitionFallback(transition: () => void) {\n  return [false, transition] as ReturnType<typeof useReactTransition>;\n}\n\n// React's `useTransition` is only available in React >=18.\nexport const useTransition: typeof React.useTransition =\n  useReactTransition ?? useTransitionFallback;\n"],"names":[],"mappings":";;;;AAKA,MAAM,kBAAA,GAAkD,KAEtD,CAAA,eAAA,CAAgB,QAAS,EAAA,CAAA,CAAA;AAG3B,SAAS,sBAAsB,UAAwB,EAAA;AACrD,EAAO,OAAA,CAAC,OAAO,UAAU,CAAA,CAAA;AAC3B,CAAA;AAGO,MAAM,gBACX,kBAAsB,IAAA;;;;"}

package/dist/utils/use-transition.mjs

@@ -0,0 +1,10 @@
+import React__default from 'react';
+
+const useReactTransition = React__default["useTransition".toString()];
+function useTransitionFallback(transition) {
+  return [false, transition];
+}
+const useTransition = useReactTransition ?? useTransitionFallback;
+
+export { useTransition };
+//# sourceMappingURL=use-transition.mjs.map

package/dist/utils/use-transition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-transition.mjs","sources":["../../src/utils/use-transition.ts"],"sourcesContent":["import React from \"react\";\n\n// Prevent bundlers from importing `useTransition` directly\n// See https://github.com/radix-ui/primitives/pull/1028\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst useReactTransition: typeof React.useTransition = (React as any)[\n  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n  \"useTransition\".toString()\n];\n\nfunction useTransitionFallback(transition: () => void) {\n  return [false, transition] as ReturnType<typeof useReactTransition>;\n}\n\n// React's `useTransition` is only available in React >=18.\nexport const useTransition: typeof React.useTransition =\n  useReactTransition ?? useTransitionFallback;\n"],"names":["React"],"mappings":";;AAKA,MAAM,kBAAA,GAAkDA,cAEtD,CAAA,eAAA,CAAgB,QAAS,EAAA,CAAA,CAAA;AAG3B,SAAS,sBAAsB,UAAwB,EAAA;AACrD,EAAO,OAAA,CAAC,OAAO,UAAU,CAAA,CAAA;AAC3B,CAAA;AAGO,MAAM,gBACX,kBAAsB,IAAA;;;;"}

package/dist/utils/use-visible.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var React = require('react');
+var useLatest = require('./use-latest.js');
+
+let intersectionObserver;
+const intersectionCallbacks = /* @__PURE__ */ new WeakMap();
+function observe(element, callback) {
+  if (!intersectionObserver) {
+    intersectionObserver = new IntersectionObserver((entries) => {
+      for (const entry of entries) {
+        const callback2 = intersectionCallbacks.get(entry.target);
+        callback2?.(entry);
+      }
+    });
+  }
+  intersectionCallbacks.set(element, callback);
+  intersectionObserver.observe(element);
+}
+function unobserve(element) {
+  intersectionCallbacks.delete(element);
+  intersectionObserver?.unobserve(element);
+}
+function useVisibleCallback(ref, callback, options) {
+  const enabled = options?.enabled ?? true;
+  const latestCallback = useLatest.useLatest(callback);
+  React.useEffect(() => {
+    const element = ref.current;
+    if (!element) {
+      return;
+    }
+    if (enabled) {
+      observe(element, (entry) => {
+        if (entry.isIntersecting) {
+          latestCallback.current();
+        }
+      });
+    } else {
+      unobserve(element);
+    }
+    return () => {
+      unobserve(element);
+    };
+  }, [enabled]);
+}
+
+exports.useVisibleCallback = useVisibleCallback;
+//# sourceMappingURL=use-visible.js.map

package/dist/utils/use-visible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-visible.js","sources":["../../src/utils/use-visible.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from \"react\";\n\nimport { useLatest } from \"./use-latest\";\n\ntype Options = { enabled?: boolean };\n\ntype IntersectionObserverSingleCallback = (\n  entry: IntersectionObserverEntry\n) => void;\n\nlet intersectionObserver: IntersectionObserver | undefined;\nconst intersectionCallbacks = new WeakMap<\n  Element,\n  IntersectionObserverSingleCallback\n>();\n\nfunction observe(\n  element: Element,\n  callback: IntersectionObserverSingleCallback\n) {\n  if (!intersectionObserver) {\n    intersectionObserver = new IntersectionObserver((entries) => {\n      for (const entry of entries) {\n        const callback = intersectionCallbacks.get(entry.target);\n\n        callback?.(entry);\n      }\n    });\n  }\n\n  intersectionCallbacks.set(element, callback);\n  intersectionObserver.observe(element);\n}\n\nfunction unobserve(element: Element) {\n  intersectionCallbacks.delete(element);\n  intersectionObserver?.unobserve(element);\n}\n\n/**\n * Observe whether an element is currently visible or not.\n */\nexport function useVisible(ref: RefObject<Element>, options?: Options) {\n  const [isVisible, setVisible] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  useEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    if (enabled) {\n      observe(element, (entry) => {\n        setVisible(entry.isIntersecting);\n      });\n    } else {\n      unobserve(element);\n    }\n\n    return () => {\n      unobserve(element);\n    };\n  }, [enabled]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return isVisible;\n}\n\nexport function useVisibleCallback<T extends (...args: any[]) => void>(\n  ref: RefObject<Element>,\n  callback: T,\n  options?: Options\n) {\n  const enabled = options?.enabled ?? true;\n  const latestCallback = useLatest(callback);\n\n  useEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    if (enabled) {\n      observe(element, (entry) => {\n        if (entry.isIntersecting) {\n          latestCallback.current();\n        }\n      });\n    } else {\n      unobserve(element);\n    }\n\n    return () => {\n      unobserve(element);\n    };\n  }, [enabled]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"names":["callback","useLatest","useEffect"],"mappings":";;;;;AAUA,IAAI,oBAAA,CAAA;AACJ,MAAM,qBAAA,uBAA4B,OAGhC,EAAA,CAAA;AAEF,SAAS,OAAA,CACP,SACA,QACA,EAAA;AACA,EAAA,IAAI,CAAC,oBAAsB,EAAA;AACzB,IAAuB,oBAAA,GAAA,IAAI,oBAAqB,CAAA,CAAC,OAAY,KAAA;AAC3D,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAA,MAAMA,SAAW,GAAA,qBAAA,CAAsB,GAAI,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEvD,QAAAA,YAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAEA,EAAsB,qBAAA,CAAA,GAAA,CAAI,SAAS,QAAQ,CAAA,CAAA;AAC3C,EAAA,oBAAA,CAAqB,QAAQ,OAAO,CAAA,CAAA;AACtC,CAAA;AAEA,SAAS,UAAU,OAAkB,EAAA;AACnC,EAAA,qBAAA,CAAsB,OAAO,OAAO,CAAA,CAAA;AACpC,EAAA,oBAAA,EAAsB,UAAU,OAAO,CAAA,CAAA;AACzC,CAAA;AAgCgB,SAAA,kBAAA,CACd,GACA,EAAA,QAAA,EACA,OACA,EAAA;AACA,EAAM,MAAA,OAAA,GAAU,SAAS,OAAW,IAAA,IAAA,CAAA;AACpC,EAAM,MAAA,cAAA,GAAiBC,oBAAU,QAAQ,CAAA,CAAA;AAEzC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,GAAI,CAAA,OAAA,CAAA;AAEpB,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,IAAI,OAAS,EAAA;AACX,MAAQ,OAAA,CAAA,OAAA,EAAS,CAAC,KAAU,KAAA;AAC1B,QAAA,IAAI,MAAM,cAAgB,EAAA;AACxB,UAAA,cAAA,CAAe,OAAQ,EAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACnB;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AACd;;;;"}

package/dist/utils/use-visible.mjs

@@ -0,0 +1,46 @@
+import { useEffect } from 'react';
+import { useLatest } from './use-latest.mjs';
+
+let intersectionObserver;
+const intersectionCallbacks = /* @__PURE__ */ new WeakMap();
+function observe(element, callback) {
+  if (!intersectionObserver) {
+    intersectionObserver = new IntersectionObserver((entries) => {
+      for (const entry of entries) {
+        const callback2 = intersectionCallbacks.get(entry.target);
+        callback2?.(entry);
+      }
+    });
+  }
+  intersectionCallbacks.set(element, callback);
+  intersectionObserver.observe(element);
+}
+function unobserve(element) {
+  intersectionCallbacks.delete(element);
+  intersectionObserver?.unobserve(element);
+}
+function useVisibleCallback(ref, callback, options) {
+  const enabled = options?.enabled ?? true;
+  const latestCallback = useLatest(callback);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element) {
+      return;
+    }
+    if (enabled) {
+      observe(element, (entry) => {
+        if (entry.isIntersecting) {
+          latestCallback.current();
+        }
+      });
+    } else {
+      unobserve(element);
+    }
+    return () => {
+      unobserve(element);
+    };
+  }, [enabled]);
+}
+
+export { useVisibleCallback };
+//# sourceMappingURL=use-visible.mjs.map

package/dist/utils/use-visible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-visible.mjs","sources":["../../src/utils/use-visible.ts"],"sourcesContent":["import { type RefObject, useEffect, useState } from \"react\";\n\nimport { useLatest } from \"./use-latest\";\n\ntype Options = { enabled?: boolean };\n\ntype IntersectionObserverSingleCallback = (\n  entry: IntersectionObserverEntry\n) => void;\n\nlet intersectionObserver: IntersectionObserver | undefined;\nconst intersectionCallbacks = new WeakMap<\n  Element,\n  IntersectionObserverSingleCallback\n>();\n\nfunction observe(\n  element: Element,\n  callback: IntersectionObserverSingleCallback\n) {\n  if (!intersectionObserver) {\n    intersectionObserver = new IntersectionObserver((entries) => {\n      for (const entry of entries) {\n        const callback = intersectionCallbacks.get(entry.target);\n\n        callback?.(entry);\n      }\n    });\n  }\n\n  intersectionCallbacks.set(element, callback);\n  intersectionObserver.observe(element);\n}\n\nfunction unobserve(element: Element) {\n  intersectionCallbacks.delete(element);\n  intersectionObserver?.unobserve(element);\n}\n\n/**\n * Observe whether an element is currently visible or not.\n */\nexport function useVisible(ref: RefObject<Element>, options?: Options) {\n  const [isVisible, setVisible] = useState(false);\n  const enabled = options?.enabled ?? true;\n\n  useEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    if (enabled) {\n      observe(element, (entry) => {\n        setVisible(entry.isIntersecting);\n      });\n    } else {\n      unobserve(element);\n    }\n\n    return () => {\n      unobserve(element);\n    };\n  }, [enabled]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return isVisible;\n}\n\nexport function useVisibleCallback<T extends (...args: any[]) => void>(\n  ref: RefObject<Element>,\n  callback: T,\n  options?: Options\n) {\n  const enabled = options?.enabled ?? true;\n  const latestCallback = useLatest(callback);\n\n  useEffect(() => {\n    const element = ref.current;\n\n    if (!element) {\n      return;\n    }\n\n    if (enabled) {\n      observe(element, (entry) => {\n        if (entry.isIntersecting) {\n          latestCallback.current();\n        }\n      });\n    } else {\n      unobserve(element);\n    }\n\n    return () => {\n      unobserve(element);\n    };\n  }, [enabled]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"],"names":["callback"],"mappings":";;;AAUA,IAAI,oBAAA,CAAA;AACJ,MAAM,qBAAA,uBAA4B,OAGhC,EAAA,CAAA;AAEF,SAAS,OAAA,CACP,SACA,QACA,EAAA;AACA,EAAA,IAAI,CAAC,oBAAsB,EAAA;AACzB,IAAuB,oBAAA,GAAA,IAAI,oBAAqB,CAAA,CAAC,OAAY,KAAA;AAC3D,MAAA,KAAA,MAAW,SAAS,OAAS,EAAA;AAC3B,QAAA,MAAMA,SAAW,GAAA,qBAAA,CAAsB,GAAI,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAEvD,QAAAA,YAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAEA,EAAsB,qBAAA,CAAA,GAAA,CAAI,SAAS,QAAQ,CAAA,CAAA;AAC3C,EAAA,oBAAA,CAAqB,QAAQ,OAAO,CAAA,CAAA;AACtC,CAAA;AAEA,SAAS,UAAU,OAAkB,EAAA;AACnC,EAAA,qBAAA,CAAsB,OAAO,OAAO,CAAA,CAAA;AACpC,EAAA,oBAAA,EAAsB,UAAU,OAAO,CAAA,CAAA;AACzC,CAAA;AAgCgB,SAAA,kBAAA,CACd,GACA,EAAA,QAAA,EACA,OACA,EAAA;AACA,EAAM,MAAA,OAAA,GAAU,SAAS,OAAW,IAAA,IAAA,CAAA;AACpC,EAAM,MAAA,cAAA,GAAiB,UAAU,QAAQ,CAAA,CAAA;AAEzC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,UAAU,GAAI,CAAA,OAAA,CAAA;AAEpB,IAAA,IAAI,CAAC,OAAS,EAAA;AACZ,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,IAAI,OAAS,EAAA;AACX,MAAQ,OAAA,CAAA,OAAA,EAAS,CAAC,KAAU,KAAA;AAC1B,QAAA,IAAI,MAAM,cAAgB,EAAA;AACxB,UAAA,cAAA,CAAe,OAAQ,EAAA,CAAA;AAAA,SACzB;AAAA,OACD,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACnB;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,OAAO,CAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AACd;;;;"}

package/dist/utils/visually-hidden.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const visuallyHidden = {
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+};
+
+exports.visuallyHidden = visuallyHidden;
+//# sourceMappingURL=visually-hidden.js.map

package/dist/utils/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","sources":["../../src/utils/visually-hidden.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport const visuallyHidden: CSSProperties = {\n  position: \"absolute\",\n  border: 0,\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: \"hidden\",\n  clip: \"rect(0, 0, 0, 0)\",\n  whiteSpace: \"nowrap\",\n  wordWrap: \"normal\",\n};\n"],"names":[],"mappings":";;AAEO,MAAM,cAAgC,GAAA;AAAA,EAC3C,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,CAAA;AAAA,EACR,KAAO,EAAA,CAAA;AAAA,EACP,MAAQ,EAAA,CAAA;AAAA,EACR,OAAS,EAAA,CAAA;AAAA,EACT,MAAQ,EAAA,CAAA,CAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,kBAAA;AAAA,EACN,UAAY,EAAA,QAAA;AAAA,EACZ,QAAU,EAAA,QAAA;AACZ;;;;"}

package/dist/utils/visually-hidden.mjs

@@ -0,0 +1,15 @@
+const visuallyHidden = {
+  position: "absolute",
+  border: 0,
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0, 0, 0, 0)",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+};
+
+export { visuallyHidden };
+//# sourceMappingURL=visually-hidden.mjs.map

package/dist/utils/visually-hidden.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.mjs","sources":["../../src/utils/visually-hidden.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nexport const visuallyHidden: CSSProperties = {\n  position: \"absolute\",\n  border: 0,\n  width: 1,\n  height: 1,\n  padding: 0,\n  margin: -1,\n  overflow: \"hidden\",\n  clip: \"rect(0, 0, 0, 0)\",\n  whiteSpace: \"nowrap\",\n  wordWrap: \"normal\",\n};\n"],"names":[],"mappings":"AAEO,MAAM,cAAgC,GAAA;AAAA,EAC3C,QAAU,EAAA,UAAA;AAAA,EACV,MAAQ,EAAA,CAAA;AAAA,EACR,KAAO,EAAA,CAAA;AAAA,EACP,MAAQ,EAAA,CAAA;AAAA,EACR,OAAS,EAAA,CAAA;AAAA,EACT,MAAQ,EAAA,CAAA,CAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,kBAAA;AAAA,EACN,UAAY,EAAA,QAAA;AAAA,EACZ,QAAU,EAAA,QAAA;AACZ;;;;"}

package/dist/utils/wrap.js

@@ -0,0 +1,9 @@
+'use strict';
+
+function wrap(value, min, max) {
+  const range = max - min;
+  return range > 0 ? ((value - min) % range + range) % range + min : 0;
+}
+
+exports.wrap = wrap;
+//# sourceMappingURL=wrap.js.map

package/dist/utils/wrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap.js","sources":["../../src/utils/wrap.ts"],"sourcesContent":["export function wrap(value: number, min: number, max: number) {\n  const range = max - min;\n\n  return range > 0 ? ((((value - min) % range) + range) % range) + min : 0;\n}\n"],"names":[],"mappings":";;AAAgB,SAAA,IAAA,CAAK,KAAe,EAAA,GAAA,EAAa,GAAa,EAAA;AAC5D,EAAA,MAAM,QAAQ,GAAM,GAAA,GAAA,CAAA;AAEpB,EAAA,OAAO,QAAQ,CAAQ,GAAA,CAAA,CAAA,KAAA,GAAQ,OAAO,KAAS,GAAA,KAAA,IAAS,QAAS,GAAM,GAAA,CAAA,CAAA;AACzE;;;;"}

package/dist/utils/wrap.mjs

@@ -0,0 +1,7 @@
+function wrap(value, min, max) {
+  const range = max - min;
+  return range > 0 ? ((value - min) % range + range) % range + min : 0;
+}
+
+export { wrap };
+//# sourceMappingURL=wrap.mjs.map

package/dist/utils/wrap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap.mjs","sources":["../../src/utils/wrap.ts"],"sourcesContent":["export function wrap(value: number, min: number, max: number) {\n  const range = max - min;\n\n  return range > 0 ? ((((value - min) % range) + range) % range) + min : 0;\n}\n"],"names":[],"mappings":"AAAgB,SAAA,IAAA,CAAK,KAAe,EAAA,GAAA,EAAa,GAAa,EAAA;AAC5D,EAAA,MAAM,QAAQ,GAAM,GAAA,GAAA,CAAA;AAEpB,EAAA,OAAO,QAAQ,CAAQ,GAAA,CAAA,CAAA,KAAA,GAAQ,OAAO,KAAS,GAAA,KAAA,IAAS,QAAS,GAAM,GAAA,CAAA,CAAA;AACzE;;;;"}

package/dist/version.js

@@ -0,0 +1,10 @@
+'use strict';
+
+const PKG_NAME = "@liveblocks/react-ui";
+const PKG_VERSION = "1.12.0";
+const PKG_FORMAT = "cjs";
+
+exports.PKG_FORMAT = PKG_FORMAT;
+exports.PKG_NAME = PKG_NAME;
+exports.PKG_VERSION = PKG_VERSION;
+//# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,SAAA;AACjD,MAAA,UAAA,GAAgD;;;;;;"}

package/dist/version.mjs

@@ -0,0 +1,6 @@
+const PKG_NAME = "@liveblocks/react-ui";
+const PKG_VERSION = "1.12.0";
+const PKG_FORMAT = "esm";
+
+export { PKG_FORMAT, PKG_NAME, PKG_VERSION };
+//# sourceMappingURL=version.mjs.map

package/dist/version.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const TSUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof TSUP_FORMAT === \"string\" && TSUP_FORMAT;\n"],"names":[],"mappings":"AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,SAAA;AACjD,MAAA,UAAA,GAAgD;;;;"}

package/package.json

@@ -0,0 +1,142 @@
+{
+  "name": "@liveblocks/react-ui",
+  "version": "1.12.0-initial1",
+  "description": "A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.",
+  "license": "Apache-2.0",
+  "type": "commonjs",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "module": "./dist/index.mjs",
+        "default": "./dist/index.js"
+      }
+    },
+    "./primitives": {
+      "import": {
+        "types": "./dist/primitives/index.d.mts",
+        "default": "./dist/primitives/index.mjs"
+      },
+      "require": {
+        "types": "./dist/primitives/index.d.ts",
+        "module": "./dist/primitives/index.mjs",
+        "default": "./dist/primitives/index.js"
+      }
+    },
+    "./styles.css": {
+      "types": "./styles.css.d.ts",
+      "default": "./styles.css"
+    },
+    "./styles/dark/media-query.css": {
+      "types": "./styles/dark/media-query.css.d.ts",
+      "default": "./styles/dark/media-query.css"
+    },
+    "./styles/dark/attributes.css": {
+      "types": "./styles/dark/attributes.css.d.ts",
+      "default": "./styles/dark/attributes.css"
+    }
+  },
+  "files": [
+    "dist/**",
+    "primitives/**",
+    "**/*.css",
+    "**/*.css.d.ts",
+    "**/*.css.map",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript --watch",
+    "build": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "start": "npm run dev",
+    "format": "eslint --fix src/; stylelint --fix src/styles/; prettier --write src/",
+    "lint": "eslint src/; stylelint src/styles/",
+    "lint:package": "publint --strict && attw --pack",
+    "test": "jest --silent --verbose --color=always",
+    "test:watch": "jest --silent --verbose --color=always --watch"
+  },
+  "dependencies": {
+    "@floating-ui/react-dom": "^2.0.8",
+    "@liveblocks/client": "1.12.0",
+    "@liveblocks/core": "1.12.0",
+    "@liveblocks/react": "1.12.0",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toggle": "^1.0.3",
+    "@radix-ui/react-tooltip": "^1.0.7",
+    "react-virtuoso": "^4.7.4",
+    "slate": "^0.102.0",
+    "slate-history": "^0.100.0",
+    "slate-react": "^0.102.0",
+    "use-sync-external-store": "^1.2.0"
+  },
+  "peerDependencies": {
+    "react": "^16.14.0 || ^17 || ^18"
+  },
+  "devDependencies": {
+    "@liveblocks/eslint-config": "*",
+    "@liveblocks/jest-config": "*",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-typescript": "^11.1.2",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.1.1",
+    "@types/use-sync-external-store": "^0.0.3",
+    "emojibase": "^15.3.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "msw": "^0.27.1",
+    "postcss": "^8.4.31",
+    "postcss-advanced-variables": "^3.0.1",
+    "postcss-combine-duplicated-selectors": "^10.0.3",
+    "postcss-functions": "^4.0.2",
+    "postcss-import": "^15.1.0",
+    "postcss-lightningcss": "^1.0.0",
+    "postcss-nesting": "^12.0.1",
+    "postcss-reporter": "^7.0.5",
+    "postcss-sort-media-queries": "^5.2.0",
+    "rollup": "^3.28.0",
+    "rollup-plugin-dts": "^5.3.1",
+    "rollup-plugin-esbuild": "^5.0.0",
+    "rollup-plugin-preserve-directives": "^0.2.0",
+    "stylelint": "^15.10.2",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-order": "^6.0.3",
+    "stylelint-plugin-logical-css": "^0.13.2"
+  },
+  "sideEffects": false,
+  "bugs": {
+    "url": "https://github.com/liveblocks/liveblocks/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/liveblocks/liveblocks.git",
+    "directory": "packages/liveblocks-react-ui"
+  },
+  "homepage": "https://liveblocks.io",
+  "keywords": [
+    "react",
+    "components",
+    "comments",
+    "threads",
+    "notifications",
+    "liveblocks",
+    "real-time",
+    "toolkit",
+    "multiplayer",
+    "websockets",
+    "collaboration",
+    "collaborative",
+    "presence",
+    "crdts",
+    "synchronize",
+    "rooms",
+    "documents",
+    "conflict resolution"
+  ]
+}

package/primitives/README.md

@@ -0,0 +1,5 @@
+What is this directory? It exists solely to support subpath imports for node10.
+
+While we're not interested in supporting this long-past EOL version 10 of Node,
+we add this to acknowledge the reality that many TypeScript projects out there
+are still using `--moduleResolution node`.

package/primitives/package.json

@@ -0,0 +1,4 @@
+{
+  "main": "../dist/primitives/index.js",
+  "types": "../dist/primitives/index.d.ts"
+}