@liveblocks/react-ui 2.14.0 → 2.15.0

package/dist/version.js

@@ -1,8 +1,8 @@
 'use strict';
 
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "2.14.0";
-const PKG_FORMAT = "cjs";
+const PKG_VERSION = typeof "2.15.0" === "string" && "2.15.0";
+const PKG_FORMAT = typeof "cjs" === "string" && "cjs";
 
 exports.PKG_FORMAT = PKG_FORMAT;
 exports.PKG_NAME = PKG_NAME;

package/dist/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,SAAA;AACjD,MAAA,UAAA,GAAkD;;;;;;"}
+{"version":3,"file":"version.js","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":";;AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAc,OAAO,QAAA,KAAgB,QAAY,IAAA,SAAA;AACjD,MAAA,UAAA,GAAa,OAAO,KAAA,KAAkB,QAAY,IAAA;;;;;;"}

package/dist/version.mjs

@@ -1,6 +1,6 @@
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = "2.14.0";
-const PKG_FORMAT = "esm";
+const PKG_VERSION = typeof "2.15.0" === "string" && "2.15.0";
+const PKG_FORMAT = typeof "esm" === "string" && "esm";
 
 export { PKG_FORMAT, PKG_NAME, PKG_VERSION };
 //# sourceMappingURL=version.mjs.map

package/dist/version.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":"AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAiD,SAAA;AACjD,MAAA,UAAA,GAAkD;;;;"}
+{"version":3,"file":"version.mjs","sources":["../src/version.ts"],"sourcesContent":["declare const __VERSION__: string;\ndeclare const ROLLUP_FORMAT: string;\n\nexport const PKG_NAME = \"@liveblocks/react-ui\";\nexport const PKG_VERSION = typeof __VERSION__ === \"string\" && __VERSION__;\nexport const PKG_FORMAT = typeof ROLLUP_FORMAT === \"string\" && ROLLUP_FORMAT;\n"],"names":[],"mappings":"AAGO,MAAM,QAAW,GAAA,uBAAA;AACX,MAAA,WAAA,GAAc,OAAO,QAAA,KAAgB,QAAY,IAAA,SAAA;AACjD,MAAA,UAAA,GAAa,OAAO,KAAA,KAAkB,QAAY,IAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react-ui",
-  "version": "2.14.0",
+  "version": "2.15.0",
   "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",
@@ -63,8 +63,8 @@
     "README.md"
   ],
   "scripts": {
-    "dev": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript --watch",
-    "build": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
+    "dev": "rollup --config rollup.config.mjs --watch",
+    "build": "rollup --config rollup.config.mjs",
     "start": "npm run dev",
     "format": "eslint --fix src/; stylelint --fix src/styles/; prettier --write src/",
     "lint": "eslint src/; stylelint src/styles/",
@@ -75,9 +75,9 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@liveblocks/client": "2.14.0",
-    "@liveblocks/core": "2.14.0",
-    "@liveblocks/react": "2.14.0",
+    "@liveblocks/client": "2.15.0",
+    "@liveblocks/core": "2.15.0",
+    "@liveblocks/react": "2.15.0",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.0",
@@ -87,37 +87,22 @@
     "slate": "^0.110.2",
     "slate-history": "^0.110.3",
     "slate-hyperscript": "^0.100.0",
-    "slate-react": "^0.110.3",
-    "use-sync-external-store": "^1.2.2"
+    "slate-react": "^0.110.3"
   },
   "peerDependencies": {
-    "react": "^16.14.0 || ^17 || ^18 || ^19 || ^19.0.0-rc"
+    "react": "^18 || ^19 || ^19.0.0-rc"
   },
   "devDependencies": {
     "@liveblocks/eslint-config": "*",
     "@liveblocks/jest-config": "*",
-    "@rollup/plugin-replace": "^5.0.5",
-    "@rollup/plugin-typescript": "^11.1.2",
+    "@liveblocks/rollup-config": "*",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.1.1",
-    "@types/use-sync-external-store": "^0.0.6",
     "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",
+    "rollup": "3.28.0",
     "stylelint": "^15.10.2",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-order": "^6.0.3",

package/dist/utils/use-id.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-var useLayoutEffect = require('./use-layout-effect.js');
-
-let isHydrated = false;
-let id = 0;
-function getId() {
-  return ++id;
-}
-const useReactId = React["useId".toString()];
-function useIncrementalId() {
-  const [id2, setId] = React.useState(isHydrated ? getId : null);
-  useLayoutEffect.useLayoutEffect(() => {
-    if (id2 === null) {
-      setId(getId());
-    }
-  }, [id2]);
-  React.useEffect(() => {
-    if (!isHydrated) {
-      isHydrated = true;
-    }
-  }, []);
-  return String(id2) ?? void 0;
-}
-const useId = useReactId ?? useIncrementalId;
-
-exports.useId = useId;
-//# sourceMappingURL=use-id.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-id.js","sources":["../../src/utils/use-id.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useLayoutEffect } from \"./use-layout-effect\";\n\nlet isHydrated = false;\nlet id = 0;\n\nfunction getId() {\n  return ++id;\n}\n\n// Prevent bundlers from importing `useId` directly.\n// See https://github.com/radix-ui/primitives/pull/1028\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\nconst useReactId: typeof React.useId = (React as any)[\"useId\".toString()];\n\nfunction useIncrementalId() {\n  const [id, setId] = useState(isHydrated ? getId : null);\n\n  useLayoutEffect(() => {\n    if (id === null) {\n      setId(getId());\n    }\n  }, [id]);\n\n  useEffect(() => {\n    if (!isHydrated) {\n      isHydrated = true;\n    }\n  }, []);\n\n  return String(id) ?? undefined;\n}\n\n// React's `useId` is only available in React >=18.\nexport const useId: typeof React.useId = useReactId ?? useIncrementalId;\n"],"names":["id","useState","useLayoutEffect","useEffect"],"mappings":";;;;;AAIA,IAAI,UAAa,GAAA,KAAA,CAAA;AACjB,IAAI,EAAK,GAAA,CAAA,CAAA;AAET,SAAS,KAAQ,GAAA;AACf,EAAA,OAAO,EAAE,EAAA,CAAA;AACX,CAAA;AAKA,MAAM,UAAA,GAAkC,KAAc,CAAA,OAAA,CAAQ,QAAS,EAAA,CAAA,CAAA;AAEvE,SAAS,gBAAmB,GAAA;AAC1B,EAAA,MAAM,CAACA,GAAI,EAAA,KAAK,IAAIC,cAAS,CAAA,UAAA,GAAa,QAAQ,IAAI,CAAA,CAAA;AAEtD,EAAAC,+BAAA,CAAgB,MAAM;AACpB,IAAA,IAAIF,QAAO,IAAM,EAAA;AACf,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,KACf;AAAA,GACF,EAAG,CAACA,GAAE,CAAC,CAAA,CAAA;AAEP,EAAAG,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAa,UAAA,GAAA,IAAA,CAAA;AAAA,KACf;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,MAAA,CAAOH,GAAE,CAAK,IAAA,KAAA,CAAA,CAAA;AACvB,CAAA;AAGO,MAAM,QAA4B,UAAc,IAAA;;;;"}

package/dist/utils/use-id.mjs

@@ -1,27 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { useLayoutEffect } from './use-layout-effect.mjs';
-
-let isHydrated = false;
-let id = 0;
-function getId() {
-  return ++id;
-}
-const useReactId = React__default["useId".toString()];
-function useIncrementalId() {
-  const [id2, setId] = useState(isHydrated ? getId : null);
-  useLayoutEffect(() => {
-    if (id2 === null) {
-      setId(getId());
-    }
-  }, [id2]);
-  useEffect(() => {
-    if (!isHydrated) {
-      isHydrated = true;
-    }
-  }, []);
-  return String(id2) ?? void 0;
-}
-const useId = useReactId ?? useIncrementalId;
-
-export { useId };
-//# sourceMappingURL=use-id.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-id.mjs","sources":["../../src/utils/use-id.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { useLayoutEffect } from \"./use-layout-effect\";\n\nlet isHydrated = false;\nlet id = 0;\n\nfunction getId() {\n  return ++id;\n}\n\n// Prevent bundlers from importing `useId` directly.\n// See https://github.com/radix-ui/primitives/pull/1028\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access\nconst useReactId: typeof React.useId = (React as any)[\"useId\".toString()];\n\nfunction useIncrementalId() {\n  const [id, setId] = useState(isHydrated ? getId : null);\n\n  useLayoutEffect(() => {\n    if (id === null) {\n      setId(getId());\n    }\n  }, [id]);\n\n  useEffect(() => {\n    if (!isHydrated) {\n      isHydrated = true;\n    }\n  }, []);\n\n  return String(id) ?? undefined;\n}\n\n// React's `useId` is only available in React >=18.\nexport const useId: typeof React.useId = useReactId ?? useIncrementalId;\n"],"names":["React","id"],"mappings":";;;AAIA,IAAI,UAAa,GAAA,KAAA,CAAA;AACjB,IAAI,EAAK,GAAA,CAAA,CAAA;AAET,SAAS,KAAQ,GAAA;AACf,EAAA,OAAO,EAAE,EAAA,CAAA;AACX,CAAA;AAKA,MAAM,UAAA,GAAkCA,cAAc,CAAA,OAAA,CAAQ,QAAS,EAAA,CAAA,CAAA;AAEvE,SAAS,gBAAmB,GAAA;AAC1B,EAAA,MAAM,CAACC,GAAI,EAAA,KAAK,IAAI,QAAS,CAAA,UAAA,GAAa,QAAQ,IAAI,CAAA,CAAA;AAEtD,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAIA,QAAO,IAAM,EAAA;AACf,MAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,KACf;AAAA,GACF,EAAG,CAACA,GAAE,CAAC,CAAA,CAAA;AAEP,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAa,UAAA,GAAA,IAAA,CAAA;AAAA,KACf;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA,MAAA,CAAOA,GAAE,CAAK,IAAA,KAAA,CAAA,CAAA;AACvB,CAAA;AAGO,MAAM,QAA4B,UAAc,IAAA;;;;"}

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

@@ -1,8 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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-transition.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-transition.js","sources":["../../src/utils/use-transition.ts"],"sourcesContent":["import type { TransitionFunction } from \"react\";\nimport React, { useCallback } 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(): ReturnType<typeof useReactTransition> {\n  const startTransition = useCallback(\n    (callback: TransitionFunction) => callback(),\n    []\n  );\n\n  return [false, startTransition];\n}\n\n// React's `useTransition` is only available in React >=18.\nexport const useTransition: typeof React.useTransition =\n  useReactTransition ?? useTransitionFallback;\n"],"names":["useCallback"],"mappings":";;;;AAMA,MAAM,kBAAA,GAAkD,KAEtD,CAAA,eAAA,CAAgB,QAAS,EAAA,CAAA,CAAA;AAG3B,SAAS,qBAA+D,GAAA;AACtE,EAAA,MAAM,eAAkB,GAAAA,iBAAA;AAAA,IACtB,CAAC,aAAiC,QAAS,EAAA;AAAA,IAC3C,EAAC;AAAA,GACH,CAAA;AAEA,EAAO,OAAA,CAAC,OAAO,eAAe,CAAA,CAAA;AAChC,CAAA;AAGO,MAAM,gBACX,kBAAsB,IAAA;;;;"}

package/dist/utils/use-transition.mjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"use-transition.mjs","sources":["../../src/utils/use-transition.ts"],"sourcesContent":["import type { TransitionFunction } from \"react\";\nimport React, { useCallback } 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(): ReturnType<typeof useReactTransition> {\n  const startTransition = useCallback(\n    (callback: TransitionFunction) => callback(),\n    []\n  );\n\n  return [false, startTransition];\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":";;AAMA,MAAM,kBAAA,GAAkDA,cAEtD,CAAA,eAAA,CAAgB,QAAS,EAAA,CAAA,CAAA;AAG3B,SAAS,qBAA+D,GAAA;AACtE,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,aAAiC,QAAS,EAAA;AAAA,IAC3C,EAAC;AAAA,GACH,CAAA;AAEA,EAAO,OAAA,CAAC,OAAO,eAAe,CAAA,CAAA;AAChC,CAAA;AAGO,MAAM,gBACX,kBAAsB,IAAA;;;;"}