@liveblocks/react-ui 2.18.3 → 2.18.4-uns1

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

@@ -1 +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","useState","useEffect","useLatest"],"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;AAKgB,SAAA,UAAA,CAAW,KAAyB,OAAmB,EAAA;AACrE,EAAA,MAAM,CAAC,SAAA,EAAW,UAAU,CAAA,GAAIC,eAAS,KAAK,CAAA,CAAA;AAC9C,EAAM,MAAA,OAAA,GAAU,SAAS,OAAW,IAAA,IAAA,CAAA;AAEpC,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,UAAA,CAAW,MAAM,cAAc,CAAA,CAAA;AAAA,OAChC,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;AAEZ,EAAO,OAAA,SAAA,CAAA;AACT,CAAA;AAEgB,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,EAAAD,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;;;;;"}
+{"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"],"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;AAKgB,SAAA,UAAA,CAAW,KAAyB,OAAmB,EAAA;AACrE,EAAA,MAAM,CAAC,SAAA,EAAW,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,EAAM,MAAA,OAAA,GAAU,SAAS,OAAW,IAAA,IAAA,CAAA;AAEpC,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,UAAA,CAAW,MAAM,cAAc,CAAA,CAAA;AAAA,OAChC,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;AAEZ,EAAO,OAAA,SAAA,CAAA;AACT,CAAA;AAEgB,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/{use-window-focus.mjs → use-window-focus.cjs}

@@ -1,4 +1,6 @@
-import { useSyncExternalStore } from 'react';
+'use strict';
+
+var react = require('react');
 
 function subscribe(callback) {
   window.addEventListener("blur", callback);
@@ -15,8 +17,8 @@ function getServerSnapshot() {
   return true;
 }
 function useWindowFocus() {
-  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 
-export { useWindowFocus };
-//# sourceMappingURL=use-window-focus.mjs.map
+exports.useWindowFocus = useWindowFocus;
+//# sourceMappingURL=use-window-focus.cjs.map

package/dist/utils/use-window-focus.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-window-focus.cjs","sources":["../../src/utils/use-window-focus.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"blur\", callback);\n  window.addEventListener(\"focus\", callback);\n\n  return () => {\n    window.removeEventListener(\"blur\", callback);\n    window.removeEventListener(\"focus\", callback);\n  };\n}\n\nfunction getSnapshot() {\n  return document.hasFocus();\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\nexport function useWindowFocus() {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"names":["useSyncExternalStore"],"mappings":";;;;AAEA,SAAS,UAAU,QAAsB,EAAA;AACvC,EAAO,MAAA,CAAA,gBAAA,CAAiB,QAAQ,QAAQ,CAAA,CAAA;AACxC,EAAO,MAAA,CAAA,gBAAA,CAAiB,SAAS,QAAQ,CAAA,CAAA;AAEzC,EAAA,OAAO,MAAM;AACX,IAAO,MAAA,CAAA,mBAAA,CAAoB,QAAQ,QAAQ,CAAA,CAAA;AAC3C,IAAO,MAAA,CAAA,mBAAA,CAAoB,SAAS,QAAQ,CAAA,CAAA;AAAA,GAC9C,CAAA;AACF,CAAA;AAEA,SAAS,WAAc,GAAA;AACrB,EAAA,OAAO,SAAS,QAAS,EAAA,CAAA;AAC3B,CAAA;AAEA,SAAS,iBAAoB,GAAA;AAC3B,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAAA,0BAAA,CAAqB,SAAW,EAAA,WAAA,EAAa,iBAAiB,CAAA,CAAA;AACvE;;;;"}

package/dist/utils/use-window-focus.js

@@ -1,6 +1,4 @@
-'use strict';
-
-var react = require('react');
+import { useSyncExternalStore } from 'react';
 
 function subscribe(callback) {
   window.addEventListener("blur", callback);
@@ -17,8 +15,8 @@ function getServerSnapshot() {
   return true;
 }
 function useWindowFocus() {
-  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 
-exports.useWindowFocus = useWindowFocus;
+export { useWindowFocus };
 //# sourceMappingURL=use-window-focus.js.map

package/dist/utils/use-window-focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-window-focus.js","sources":["../../src/utils/use-window-focus.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"blur\", callback);\n  window.addEventListener(\"focus\", callback);\n\n  return () => {\n    window.removeEventListener(\"blur\", callback);\n    window.removeEventListener(\"focus\", callback);\n  };\n}\n\nfunction getSnapshot() {\n  return document.hasFocus();\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\nexport function useWindowFocus() {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"names":["useSyncExternalStore"],"mappings":";;;;AAEA,SAAS,UAAU,QAAsB,EAAA;AACvC,EAAO,MAAA,CAAA,gBAAA,CAAiB,QAAQ,QAAQ,CAAA,CAAA;AACxC,EAAO,MAAA,CAAA,gBAAA,CAAiB,SAAS,QAAQ,CAAA,CAAA;AAEzC,EAAA,OAAO,MAAM;AACX,IAAO,MAAA,CAAA,mBAAA,CAAoB,QAAQ,QAAQ,CAAA,CAAA;AAC3C,IAAO,MAAA,CAAA,mBAAA,CAAoB,SAAS,QAAQ,CAAA,CAAA;AAAA,GAC9C,CAAA;AACF,CAAA;AAEA,SAAS,WAAc,GAAA;AACrB,EAAA,OAAO,SAAS,QAAS,EAAA,CAAA;AAC3B,CAAA;AAEA,SAAS,iBAAoB,GAAA;AAC3B,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAAA,0BAAA,CAAqB,SAAW,EAAA,WAAA,EAAa,iBAAiB,CAAA,CAAA;AACvE;;;;"}
+{"version":3,"file":"use-window-focus.js","sources":["../../src/utils/use-window-focus.ts"],"sourcesContent":["import { useSyncExternalStore } from \"react\";\n\nfunction subscribe(callback: () => void) {\n  window.addEventListener(\"blur\", callback);\n  window.addEventListener(\"focus\", callback);\n\n  return () => {\n    window.removeEventListener(\"blur\", callback);\n    window.removeEventListener(\"focus\", callback);\n  };\n}\n\nfunction getSnapshot() {\n  return document.hasFocus();\n}\n\nfunction getServerSnapshot() {\n  return true;\n}\n\nexport function useWindowFocus() {\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"names":[],"mappings":";;AAEA,SAAS,UAAU,QAAsB,EAAA;AACvC,EAAO,MAAA,CAAA,gBAAA,CAAiB,QAAQ,QAAQ,CAAA,CAAA;AACxC,EAAO,MAAA,CAAA,gBAAA,CAAiB,SAAS,QAAQ,CAAA,CAAA;AAEzC,EAAA,OAAO,MAAM;AACX,IAAO,MAAA,CAAA,mBAAA,CAAoB,QAAQ,QAAQ,CAAA,CAAA;AAC3C,IAAO,MAAA,CAAA,mBAAA,CAAoB,SAAS,QAAQ,CAAA,CAAA;AAAA,GAC9C,CAAA;AACF,CAAA;AAEA,SAAS,WAAc,GAAA;AACrB,EAAA,OAAO,SAAS,QAAS,EAAA,CAAA;AAC3B,CAAA;AAEA,SAAS,iBAAoB,GAAA;AAC3B,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,oBAAA,CAAqB,SAAW,EAAA,WAAA,EAAa,iBAAiB,CAAA,CAAA;AACvE;;;;"}

package/dist/utils/{visually-hidden.mjs → visually-hidden.cjs}

@@ -1,3 +1,5 @@
+'use strict';
+
 const visuallyHidden = {
   position: "absolute",
   border: 0,
@@ -11,5 +13,5 @@ const visuallyHidden = {
   wordWrap: "normal"
 };
 
-export { visuallyHidden };
-//# sourceMappingURL=visually-hidden.mjs.map
+exports.visuallyHidden = visuallyHidden;
+//# sourceMappingURL=visually-hidden.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.cjs","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.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const visuallyHidden = {
   position: "absolute",
   border: 0,
@@ -13,5 +11,5 @@ const visuallyHidden = {
   wordWrap: "normal"
 };
 
-exports.visuallyHidden = visuallyHidden;
+export { visuallyHidden };
 //# sourceMappingURL=visually-hidden.js.map

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

@@ -1 +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;;;;"}
+{"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/{wrap.mjs → wrap.cjs}

@@ -1,7 +1,9 @@
+'use strict';
+
 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
+exports.wrap = wrap;
+//# sourceMappingURL=wrap.cjs.map

package/dist/utils/wrap.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrap.cjs","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.js

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

package/dist/utils/wrap.js.map

@@ -1 +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;;;;"}
+{"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/version.cjs

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

package/dist/{version.mjs.map → version.cjs.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,GAAc,OAAO,QAAA,KAAgB,QAAY,IAAA,SAAA;AACjD,MAAA,UAAA,GAAa,OAAO,KAAA,KAAkB,QAAY,IAAA;;;;"}
+{"version":3,"file":"version.cjs","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,aAAA,KAAgB,QAAY,IAAA,cAAA;AACjD,MAAA,UAAA,GAAa,OAAO,KAAA,KAAkB,QAAY,IAAA;;;;;;"}

package/dist/version.js

@@ -1,10 +1,6 @@
-'use strict';
-
 const PKG_NAME = "@liveblocks/react-ui";
-const PKG_VERSION = typeof "2.18.3" === "string" && "2.18.3";
-const PKG_FORMAT = typeof "cjs" === "string" && "cjs";
+const PKG_VERSION = typeof "2.18.4-uns1" === "string" && "2.18.4-uns1";
+const PKG_FORMAT = typeof "esm" === "string" && "esm";
 
-exports.PKG_FORMAT = PKG_FORMAT;
-exports.PKG_NAME = PKG_NAME;
-exports.PKG_VERSION = PKG_VERSION;
+export { PKG_FORMAT, PKG_NAME, PKG_VERSION };
 //# sourceMappingURL=version.js.map

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,GAAc,OAAO,QAAA,KAAgB,QAAY,IAAA,SAAA;AACjD,MAAA,UAAA,GAAa,OAAO,KAAA,KAAkB,QAAY,IAAA;;;;;;"}
+{"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,aAAA,KAAgB,QAAY,IAAA,cAAA;AACjD,MAAA,UAAA,GAAa,OAAO,KAAA,KAAkB,QAAY,IAAA;;;;"}

package/package.json

@@ -1,55 +1,55 @@
 {
   "name": "@liveblocks/react-ui",
-  "version": "2.18.3",
+  "version": "2.18.4-uns1",
   "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",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.cts",
   "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"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "module": "./dist/index.js",
+        "default": "./dist/index.cjs"
       }
     },
     "./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"
+      },
+      "require": {
+        "types": "./dist/primitives/index.d.cts",
+        "module": "./dist/primitives/index.js",
+        "default": "./dist/primitives/index.cjs"
       }
     },
     "./_private": {
       "import": {
-        "types": "./dist/_private/index.d.mts",
-        "default": "./dist/_private/index.mjs"
-      },
-      "require": {
         "types": "./dist/_private/index.d.ts",
-        "module": "./dist/_private/index.mjs",
         "default": "./dist/_private/index.js"
+      },
+      "require": {
+        "types": "./dist/_private/index.d.cts",
+        "module": "./dist/_private/index.js",
+        "default": "./dist/_private/index.cjs"
       }
     },
     "./styles.css": {
-      "types": "./styles.css.d.ts",
+      "types": "./styles.css.d.cts",
       "default": "./styles.css"
     },
     "./styles/dark/media-query.css": {
-      "types": "./styles/dark/media-query.css.d.ts",
+      "types": "./styles/dark/media-query.css.d.cts",
       "default": "./styles/dark/media-query.css"
     },
     "./styles/dark/attributes.css": {
-      "types": "./styles/dark/attributes.css.d.ts",
+      "types": "./styles/dark/attributes.css.d.cts",
       "default": "./styles/dark/attributes.css"
     }
   },
@@ -58,13 +58,14 @@
     "primitives/**",
     "_private/**",
     "**/*.css",
+    "**/*.css.d.cts",
     "**/*.css.d.ts",
     "**/*.css.map",
     "README.md"
   ],
   "scripts": {
-    "dev": "rollup --config rollup.config.mjs --watch",
-    "build": "rollup --config rollup.config.mjs",
+    "dev": "rollup --config rollup.config.js --watch",
+    "build": "rollup --config rollup.config.js",
     "start": "npm run dev",
     "format": "eslint --fix src/; stylelint --fix src/styles/; prettier --write src/",
     "lint": "eslint src/; stylelint src/styles/",
@@ -75,9 +76,9 @@
   },
   "dependencies": {
     "@floating-ui/react-dom": "^2.1.2",
-    "@liveblocks/client": "2.18.3",
-    "@liveblocks/core": "2.18.3",
-    "@liveblocks/react": "2.18.3",
+    "@liveblocks/client": "2.18.4-uns1",
+    "@liveblocks/core": "2.18.4-uns1",
+    "@liveblocks/react": "2.18.4-uns1",
     "@radix-ui/react-dropdown-menu": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.2",
     "@radix-ui/react-slot": "^1.1.0",

package/styles/dark/attributes.css.d.cts

@@ -0,0 +1 @@
+declare module "@liveblocks/react-ui/styles/dark/attributes.css";

package/styles/dark/media-query.css.d.cts

@@ -0,0 +1 @@
+declare module "@liveblocks/react-ui/styles/dark/media-query.css";

package/styles.css.d.cts

@@ -0,0 +1 @@
+declare module "@liveblocks/react-ui/styles.css";

package/dist/_private/index.mjs

@@ -1,55 +0,0 @@
-export { Button, SelectButton } from '../components/internal/Button.mjs';
-export { List } from '../components/internal/List.mjs';
-export { ShortcutTooltip, Tooltip } from '../components/internal/Tooltip.mjs';
-export { User } from '../components/internal/User.mjs';
-import '../icons/index.mjs';
-export { capitalize } from '../utils/capitalize.mjs';
-export { useInitial } from '../utils/use-initial.mjs';
-export { useRefs } from '../utils/use-refs.mjs';
-export { TooltipProvider } from '@radix-ui/react-tooltip';
-export { ArrowCornerDownRightIcon } from '../icons/ArrowCornerDownRight.mjs';
-export { ArrowCornerUpRightIcon } from '../icons/ArrowCornerUpRight.mjs';
-export { ArrowDownIcon } from '../icons/ArrowDown.mjs';
-export { ArrowUpIcon } from '../icons/ArrowUp.mjs';
-export { AttachmentIcon } from '../icons/Attachment.mjs';
-export { BlockquoteIcon } from '../icons/Blockquote.mjs';
-export { BoldIcon } from '../icons/Bold.mjs';
-export { CheckIcon } from '../icons/Check.mjs';
-export { ChevronDownIcon } from '../icons/ChevronDown.mjs';
-export { ChevronLeftIcon } from '../icons/ChevronLeft.mjs';
-export { ChevronRightIcon } from '../icons/ChevronRight.mjs';
-export { ChevronUpIcon } from '../icons/ChevronUp.mjs';
-export { CodeIcon } from '../icons/Code.mjs';
-export { CommentIcon } from '../icons/Comment.mjs';
-export { CrossIcon } from '../icons/Cross.mjs';
-export { DeleteIcon } from '../icons/Delete.mjs';
-export { EditIcon } from '../icons/Edit.mjs';
-export { EllipsisIcon } from '../icons/Ellipsis.mjs';
-export { EmojiIcon } from '../icons/Emoji.mjs';
-export { EmojiAddIcon } from '../icons/EmojiAdd.mjs';
-export { H1Icon } from '../icons/H1.mjs';
-export { H2Icon } from '../icons/H2.mjs';
-export { H3Icon } from '../icons/H3.mjs';
-export { ItalicIcon } from '../icons/Italic.mjs';
-export { LengthenIcon } from '../icons/Lengthen.mjs';
-export { ListOrderedIcon } from '../icons/ListOrdered.mjs';
-export { ListUnorderedIcon } from '../icons/ListUnordered.mjs';
-export { MentionIcon } from '../icons/Mention.mjs';
-export { QuestionMarkIcon } from '../icons/QuestionMark.mjs';
-export { RedoIcon } from '../icons/Redo.mjs';
-export { ResolveIcon } from '../icons/Resolve.mjs';
-export { ResolvedIcon } from '../icons/Resolved.mjs';
-export { RestoreIcon } from '../icons/Restore.mjs';
-export { SearchIcon } from '../icons/Search.mjs';
-export { SendIcon } from '../icons/Send.mjs';
-export { ShortenIcon } from '../icons/Shorten.mjs';
-export { SparklesIcon } from '../icons/Sparkles.mjs';
-export { SparklesTextIcon } from '../icons/SparklesText.mjs';
-export { SpinnerIcon } from '../icons/Spinner.mjs';
-export { StrikethroughIcon } from '../icons/Strikethrough.mjs';
-export { TextIcon } from '../icons/Text.mjs';
-export { TranslateIcon } from '../icons/Translate.mjs';
-export { UnderlineIcon } from '../icons/Underline.mjs';
-export { UndoIcon } from '../icons/Undo.mjs';
-export { WarningIcon } from '../icons/Warning.mjs';
-//# sourceMappingURL=index.mjs.map

package/dist/_private/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/HistoryVersionSummary.mjs

@@ -1,43 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useOverrides } from '../overrides.mjs';
-import '../primitives/index.mjs';
-import { classNames } from '../utils/class-names.mjs';
-import { List } from './internal/List.mjs';
-import { User } from './internal/User.mjs';
-import { Timestamp } from '../primitives/Timestamp.mjs';
-
-
-const AUTHORS_TRUNCATE = 3;
-const HistoryVersionSummary = forwardRef(({ version, selected, className, ...props }, forwardedRef) => {
-  const $ = useOverrides();
-  return /* @__PURE__ */ jsxs("button", {
-    ...props,
-    className: classNames("lb-root lb-history-version-summary", className),
-    ref: forwardedRef,
-    "data-selected": selected ? "" : void 0,
-    children: [
-      /* @__PURE__ */ jsx(Timestamp, {
-        locale: $.locale,
-        date: version.createdAt,
-        className: "lb-date lb-history-version-summary-date"
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: "lb-history-version-summary-authors",
-        children: /* @__PURE__ */ jsx(List, {
-          values: version.authors.map((author) => /* @__PURE__ */ jsx(User, {
-            userId: author.id,
-            replaceSelf: true
-          }, author.id)),
-          formatRemaining: $.LIST_REMAINING_USERS,
-          truncate: AUTHORS_TRUNCATE,
-          locale: $.locale
-        })
-      })
-    ]
-  });
-});
-
-export { HistoryVersionSummary };
-//# sourceMappingURL=HistoryVersionSummary.mjs.map

package/dist/components/HistoryVersionSummaryList.mjs

@@ -1,23 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, Children } from 'react';
-import { classNames } from '../utils/class-names.mjs';
-
-
-const HistoryVersionSummaryList = forwardRef(({ children, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsx("ol", {
-    className: classNames(
-      "lb-root lb-history-version-summary-list",
-      className
-    ),
-    ...props,
-    ref: forwardedRef,
-    children: Children.map(children, (child, index) => /* @__PURE__ */ jsx("li", {
-      className: "lb-history-version-summary-list-item",
-      children: child
-    }, index))
-  });
-});
-
-export { HistoryVersionSummaryList };
-//# sourceMappingURL=HistoryVersionSummaryList.mjs.map

package/dist/components/InboxNotificationList.mjs

@@ -1,40 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useRef, forwardRef, Children } from 'react';
-import { classNames } from '../utils/class-names.mjs';
-import { useVisibleCallback } from '../utils/use-visible.mjs';
-
-
-function ReachEndMarker({
-  enabled,
-  onReachEnd
-}) {
-  const markerRef = useRef(null);
-  useVisibleCallback(markerRef, onReachEnd, {
-    enabled
-  });
-  return /* @__PURE__ */ jsx("div", {
-    ref: markerRef,
-    style: { height: 0 }
-  });
-}
-const InboxNotificationList = forwardRef(({ onReachEnd, children, className, ...props }, forwardedRef) => {
-  return /* @__PURE__ */ jsxs("ol", {
-    className: classNames("lb-root lb-inbox-notification-list", className),
-    ...props,
-    ref: forwardedRef,
-    children: [
-      Children.map(children, (child, index) => /* @__PURE__ */ jsx("li", {
-        className: "lb-inbox-notification-list-item",
-        children: child
-      }, index)),
-      onReachEnd && /* @__PURE__ */ jsx(ReachEndMarker, {
-        onReachEnd,
-        enabled: Children.count(children) > 0
-      })
-    ]
-  });
-});
-
-export { InboxNotificationList };
-//# sourceMappingURL=InboxNotificationList.mjs.map

package/dist/components/internal/Avatar.mjs

@@ -1,46 +0,0 @@
-"use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useUser } from '@liveblocks/react';
-import { useMemo } from 'react';
-import { classNames } from '../../utils/class-names.mjs';
-import { getInitials } from '../../utils/get-initials.mjs';
-
-
-function Avatar({ userId, className, ...props }) {
-  const { user, isLoading } = useUser(userId);
-  const resolvedUserName = useMemo(() => user?.name, [user]);
-  const resolvedUserAvatar = useMemo(() => user?.avatar, [user]);
-  const resolvedUserInitials = useMemo(
-    () => resolvedUserName ? getInitials(resolvedUserName) : void 0,
-    [resolvedUserName]
-  );
-  const resolvedUserIdInitials = useMemo(
-    () => !isLoading && !user ? getInitials(userId) : void 0,
-    [isLoading, user, userId]
-  );
-  return /* @__PURE__ */ jsxs("div", {
-    className: classNames("lb-avatar", className),
-    "data-loading": isLoading ? "" : void 0,
-    ...props,
-    children: [
-      resolvedUserAvatar && /* @__PURE__ */ jsx("img", {
-        className: "lb-avatar-image",
-        src: resolvedUserAvatar,
-        alt: resolvedUserName
-      }),
-      resolvedUserInitials ? /* @__PURE__ */ jsx("span", {
-        className: "lb-avatar-fallback",
-        "aria-hidden": true,
-        children: resolvedUserInitials
-      }) : resolvedUserIdInitials ? /* @__PURE__ */ jsx("span", {
-        className: "lb-avatar-fallback",
-        "aria-label": userId,
-        title: userId,
-        children: resolvedUserIdInitials
-      }) : null
-    ]
-  });
-}
-
-export { Avatar };
-//# sourceMappingURL=Avatar.mjs.map

package/dist/components/internal/Button.mjs

@@ -1,76 +0,0 @@
-"use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ChevronDownIcon } from '../../icons/ChevronDown.mjs';
-import { classNames } from '../../utils/class-names.mjs';
-
-
-const CustomButton = forwardRef(
-  ({
-    variant = "default",
-    size = "default",
-    disableable = true,
-    className,
-    children,
-    ...props
-  }, forwardedRef) => {
-    return /* @__PURE__ */ jsx("button", {
-      type: "button",
-      className: classNames(
-        "lb-button",
-        !disableable && "lb-button:non-disableable",
-        className
-      ),
-      "data-variant": variant,
-      "data-size": size,
-      ...props,
-      ref: forwardedRef,
-      children
-    });
-  }
-);
-const Button = forwardRef(
-  ({ icon, children, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(CustomButton, {
-      ...props,
-      ref: forwardedRef,
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", {
-          className: "lb-icon-container",
-          children: icon
-        }) : null,
-        children ? /* @__PURE__ */ jsx("span", {
-          className: "lb-button-label",
-          children
-        }) : null
-      ]
-    });
-  }
-);
-const SelectButton = forwardRef(
-  ({ icon, children, className, ...props }, forwardedRef) => {
-    return /* @__PURE__ */ jsxs(CustomButton, {
-      ...props,
-      type: "button",
-      className: classNames("lb-select-button", className),
-      ref: forwardedRef,
-      children: [
-        icon ? /* @__PURE__ */ jsx("span", {
-          className: "lb-icon-container",
-          children: icon
-        }) : null,
-        children ? /* @__PURE__ */ jsx("span", {
-          className: "lb-button-label",
-          children
-        }) : null,
-        /* @__PURE__ */ jsx("span", {
-          className: "lb-select-button-chevron",
-          children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
-        })
-      ]
-    });
-  }
-);
-
-export { Button, CustomButton, SelectButton };
-//# sourceMappingURL=Button.mjs.map