react-peer-chat 0.11.10 → 0.12.0

package/dist/style.css

@@ -0,0 +1,117 @@
+.rpc-font {
+  font-family: Trebuchet MS, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif;
+}
+
+.rpc-main {
+  align-items: center;
+  column-gap: .5rem;
+  display: flex;
+}
+
+.rpc-dialog-container, .rpc-notification {
+  position: relative;
+}
+
+.rpc-notification .rpc-badge {
+  aspect-ratio: 1;
+  background-color: red;
+  border-radius: 100%;
+  width: 6px;
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+
+.rpc-dialog {
+  color: #fff;
+  background-color: #000;
+  border-radius: .4rem;
+  padding: .4rem 0 .25rem;
+  font-size: small;
+  position: absolute;
+}
+
+.rpc-position-left {
+  left: .6rem;
+  translate: -100%;
+}
+
+.rpc-position-center {
+  left: .5rem;
+  translate: -50%;
+}
+
+.rpc-position-right {
+  left: .3rem;
+}
+
+.rpc-hr {
+  border-color: #ffffffb3;
+  margin: .25rem 0;
+}
+
+.rpc-message-container {
+  height: 7rem;
+  margin-bottom: .25rem;
+  padding-inline: .5rem;
+  overflow-y: scroll;
+}
+
+.rpc-message-container::-webkit-scrollbar {
+  width: 2.5px;
+}
+
+.rpc-message-container::-webkit-scrollbar-track {
+  background: gray;
+}
+
+.rpc-message-container::-webkit-scrollbar-thumb {
+  background-color: #fff;
+}
+
+.rpc-heading {
+  text-align: center;
+  padding-inline: .5rem;
+  font-size: medium;
+  font-weight: bold;
+}
+
+.rpc-input-container {
+  column-gap: .25rem;
+  width: 15rem;
+  max-width: 90vw;
+  padding: .25rem .5rem;
+  display: flex;
+}
+
+.rpc-input {
+  color: #fff;
+  background-color: #000;
+  border: none;
+  border-radius: .25rem;
+  outline: 1px solid #fffc;
+  width: 100%;
+  padding: .3rem .25rem;
+}
+
+.rpc-input::placeholder {
+  color: #ffffffb3;
+}
+
+.rpc-input:focus {
+  outline: 2px solid #fff;
+}
+
+.rpc-button {
+  all: unset;
+  display: flex;
+}
+
+.rpc-icon-container {
+  align-items: center;
+  display: flex;
+}
+
+.rpc-invert {
+  filter: invert();
+}

package/dist/types-CwAnkJpd.d.mts

@@ -0,0 +1,59 @@
+import { CSSProperties, DetailedHTMLProps, HTMLAttributes, ReactNode, SetStateAction } from "react";
+import { DataConnection, MediaConnection, PeerError, PeerErrorType, PeerOptions } from "peerjs";
+
+//#region src/types.d.ts
+type Connection = DataConnection | MediaConnection;
+type Listener = (value: unknown) => void;
+type ChildrenOptions = {
+  remotePeers: RemotePeers;
+  messages: Message[];
+  sendMessage: (message: InputMessage) => void;
+  audio: boolean;
+  setAudio: (value: SetStateAction<boolean>) => void;
+};
+type ErrorHandler<E = Error> = (error: E) => void;
+type InputMessage = {
+  id: string;
+  text: string;
+};
+type Message = InputMessage & {
+  name: string;
+};
+type MessageEventHandler = (message: Message) => void;
+type PeerErrorHandler = ErrorHandler<PeerError<`${PeerErrorType}`>>;
+type RemotePeerId = string | string[];
+type ResetConnectionType = "all" | "data" | "call";
+type UseChatProps = {
+  peerId: string;
+  name?: string;
+  remotePeerId?: RemotePeerId;
+  text?: boolean;
+  recoverChat?: boolean;
+  audio?: boolean;
+  peerOptions?: PeerOptions;
+  onError?: ErrorHandler;
+  onPeerError?: PeerErrorHandler;
+  onNetworkError?: PeerErrorHandler;
+  onMessageSent?: MessageEventHandler;
+  onMessageReceived?: MessageEventHandler;
+};
+type UseChatReturn = ChildrenOptions & {
+  peerId: string;
+};
+type VoidFunction = () => void;
+type IconProps = DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+type ChatProps = UseChatProps & {
+  dialogOptions?: DialogOptions;
+  props?: DivProps;
+  children?: Children;
+};
+type Children = (childrenOptions: ChildrenOptions) => ReactNode;
+type DialogOptions = {
+  position?: DialogPosition;
+  style?: CSSProperties;
+};
+type DialogPosition = "left" | "center" | "right";
+type DivProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+type RemotePeers = Record<string, string>;
+//#endregion
+export { RemotePeers as _, DialogOptions as a, UseChatReturn as b, ErrorHandler as c, Listener as d, Message as f, RemotePeerId as g, PeerOptions as h, Connection as i, IconProps as l, PeerErrorHandler as m, Children as n, DialogPosition as o, MessageEventHandler as p, ChildrenOptions as r, DivProps as s, ChatProps as t, InputMessage as u, ResetConnectionType as v, VoidFunction as x, UseChatProps as y };

package/dist/types.d.mts

@@ -0,0 +1,2 @@
+import { _ as RemotePeers, a as DialogOptions, b as UseChatReturn, c as ErrorHandler, d as Listener, f as Message, g as RemotePeerId, h as PeerOptions, i as Connection, l as IconProps, m as PeerErrorHandler, n as Children, o as DialogPosition, p as MessageEventHandler, r as ChildrenOptions, s as DivProps, t as ChatProps, u as InputMessage, v as ResetConnectionType, x as VoidFunction, y as UseChatProps } from "./types-CwAnkJpd.mjs";
+export { ChatProps, Children, ChildrenOptions, Connection, DialogOptions, DialogPosition, DivProps, ErrorHandler, IconProps, InputMessage, Listener, Message, MessageEventHandler, PeerErrorHandler, PeerOptions, RemotePeerId, RemotePeers, ResetConnectionType, UseChatProps, UseChatReturn, VoidFunction };

package/dist/types.mjs

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.11.10",
+  "version": "0.12.0",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "license": "MIT",
   "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",
@@ -15,18 +15,18 @@
   },
   "type": "module",
   "exports": {
-    ".": "./dist/index.js",
-    "./icons": "./dist/icons.js",
-    "./types": "./dist/types.js"
+    ".": "./dist/index.mjs",
+    "./icons": "./dist/icons.mjs",
+    "./style.css": "./dist/style.css",
+    "./types": "./dist/types.mjs"
   },
-  "main": "dist/index.js",
   "files": [
     "dist"
   ],
   "sideEffects": [
     "**/*.css"
   ],
-  "types": "dist/index.d.ts",
+  "types": "./dist/index.d.mts",
   "dependencies": {
     "peerjs": "^1.5.5"
   },
@@ -35,11 +35,12 @@
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@release-it/conventional-changelog": "^10.0.4",
-    "@types/react": "^19.2.9",
+    "@release-it/conventional-changelog": "^10.0.6",
+    "@tsdown/css": "^0.21.2",
+    "@types/react": "^19.2.14",
     "prettier-package-json": "^2.8.0",
     "release-it": "^19.2.4",
-    "tsup": "^8.5.1",
+    "tsdown": "^0.21.2",
     "typescript": "^5.9.3"
   },
   "keywords": [
@@ -60,8 +61,8 @@
   ],
   "scripts": {
     "build": "pnpm i && pnpm run compile",
-    "compile": "tsup",
-    "dev": "tsup --watch",
+    "compile": "tsdown",
+    "dev": "tsdown --watch",
     "dry-release": "release-it --ci --dry-run",
     "prettier": "prettier-package-json --write package.json",
     "pub": "pnpm login && pnpm publish",

package/dist/chunks/chunk-6FW6VHDM.js

@@ -1,81 +0,0 @@
-import { useChat } from './chunk-R74TCSLB.js';
-import { BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunk-QIPTWGEX.js';
-import { __objRest, __spreadValues } from './chunk-FZ4QVG4I.js';
-import React, { useRef, useState, useEffect } from 'react';
-
-// src/styles.css
-function injectStyle(css) {
-  if (typeof document === "undefined") return;
-  const head = document.head || document.getElementsByTagName("head")[0];
-  const style = document.createElement("style");
-  style.type = "text/css";
-  if (head.firstChild) {
-    head.insertBefore(style, head.firstChild);
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-injectStyle('.rpc-font {\n  font-family:\n    "Trebuchet MS",\n    "Lucida Sans Unicode",\n    "Lucida Grande",\n    "Lucida Sans",\n    Arial,\n    sans-serif;\n}\n.rpc-main {\n  display: flex;\n  align-items: center;\n  column-gap: 0.5rem;\n}\n.rpc-dialog-container {\n  position: relative;\n}\n.rpc-notification {\n  position: relative;\n}\n.rpc-notification .rpc-badge {\n  background-color: red;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 6px;\n  aspect-ratio: 1;\n  border-radius: 100%;\n}\n.rpc-dialog {\n  position: absolute;\n  background-color: black;\n  color: white;\n  padding: 0.4rem 0 0.25rem 0;\n  border-radius: 0.4rem;\n  font-size: small;\n}\n.rpc-position-left {\n  left: 0.6rem;\n  translate: -100%;\n}\n.rpc-position-center {\n  left: 0.5rem;\n  translate: -50%;\n}\n.rpc-position-right {\n  left: 0.3rem;\n}\n.rpc-hr {\n  margin: 0.25rem 0;\n  border-color: rgba(255, 255, 255, 0.7);\n}\n.rpc-message-container {\n  height: 7rem;\n  overflow-y: scroll;\n  padding-inline: 0.5rem;\n  margin-bottom: 0.25rem;\n}\n.rpc-message-container::-webkit-scrollbar {\n  width: 2.5px;\n}\n.rpc-message-container::-webkit-scrollbar-track {\n  background: gray;\n}\n.rpc-message-container::-webkit-scrollbar-thumb {\n  background-color: white;\n}\n.rpc-heading {\n  text-align: center;\n  font-size: medium;\n  font-weight: bold;\n  padding-inline: 0.5rem;\n}\n.rpc-input-container {\n  display: flex;\n  width: 15rem;\n  max-width: 90vw;\n  column-gap: 0.25rem;\n  padding: 0.25rem 0.5rem;\n}\n.rpc-input {\n  color: white;\n  width: 100%;\n  background-color: black;\n  border: none;\n  outline: 1px solid rgba(255, 255, 255, 0.8);\n  border-radius: 0.25rem;\n  padding: 0.3rem 0.25rem;\n}\n.rpc-input::placeholder {\n  color: rgba(255, 255, 255, 0.7);\n}\n.rpc-input:focus {\n  outline: 2px solid white;\n}\n.rpc-button {\n  all: unset;\n  display: flex;\n}\n.rpc-icon-container {\n  display: flex;\n  align-items: center;\n}\n.rpc-invert {\n  filter: invert(100%);\n}\n');
-
-// src/components.tsx
-function Chat(_a) {
-  var _b = _a, { text = true, audio = true, onMessageReceived, dialogOptions, props = {}, children } = _b, hookProps = __objRest(_b, ["text", "audio", "onMessageReceived", "dialogOptions", "props", "children"]);
-  const _a2 = useChat(__spreadValues({
-    text,
-    audio,
-    onMessageReceived: receiveMessageHandler
-  }, hookProps)), { peerId } = _a2, childrenOptions = __objRest(_a2, ["peerId"]);
-  const { remotePeers, messages, sendMessage, audio: audioEnabled, setAudio } = childrenOptions;
-  const containerRef = useRef(null);
-  const [dialog, setDialog] = useState(false);
-  const dialogRef = useRef(null);
-  const inputRef = useRef(null);
-  const [notification, setNotification] = useState(false);
-  function receiveMessageHandler(message) {
-    var _a3;
-    if (!((_a3 = dialogRef.current) == null ? void 0 : _a3.open)) setNotification(true);
-    onMessageReceived == null ? void 0 : onMessageReceived(message);
-  }
-  useEffect(() => {
-    var _a3, _b2;
-    if (dialog) (_a3 = dialogRef.current) == null ? void 0 : _a3.show();
-    else (_b2 = dialogRef.current) == null ? void 0 : _b2.close();
-  }, [dialog]);
-  useEffect(() => {
-    const container = containerRef.current;
-    if (container) container.scrollTop = container.scrollHeight;
-  }, [dialog, remotePeers, messages]);
-  return /* @__PURE__ */ React.createElement("div", __spreadValues({ className: "rpc-main rpc-font" }, props), typeof children === "function" ? children(childrenOptions) : /* @__PURE__ */ React.createElement(React.Fragment, null, text && /* @__PURE__ */ React.createElement("div", { className: "rpc-dialog-container" }, dialog ? /* @__PURE__ */ React.createElement(BiSolidMessageX, { title: "Close chat", onClick: () => setDialog(false) }) : /* @__PURE__ */ React.createElement("div", { className: "rpc-notification" }, /* @__PURE__ */ React.createElement(
-    BiSolidMessageDetail,
-    {
-      title: "Open chat",
-      onClick: () => {
-        setNotification(false);
-        setDialog(true);
-      }
-    }
-  ), notification && /* @__PURE__ */ React.createElement("span", { className: "rpc-badge" })), /* @__PURE__ */ React.createElement("dialog", { ref: dialogRef, className: `${dialog ? "rpc-dialog" : ""} rpc-position-${(dialogOptions == null ? void 0 : dialogOptions.position) || "center"}`, style: dialogOptions == null ? void 0 : dialogOptions.style }, /* @__PURE__ */ React.createElement("div", { className: "rpc-heading" }, "Chat"), /* @__PURE__ */ React.createElement("hr", { className: "rpc-hr" }), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { ref: containerRef, className: "rpc-message-container" }, messages.map(({ id, name, text: text2 }, i) => /* @__PURE__ */ React.createElement("div", { key: i }, /* @__PURE__ */ React.createElement("strong", null, id === peerId ? "You" : name, ": "), /* @__PURE__ */ React.createElement("span", null, text2)))), /* @__PURE__ */ React.createElement("hr", { className: "rpc-hr" }), /* @__PURE__ */ React.createElement(
-    "form",
-    {
-      className: "rpc-input-container",
-      onSubmit: (e) => {
-        var _a3;
-        e.preventDefault();
-        const text2 = (_a3 = inputRef.current) == null ? void 0 : _a3.value;
-        if (text2) {
-          inputRef.current.value = "";
-          sendMessage({ id: peerId, text: text2 });
-        }
-      }
-    },
-    /* @__PURE__ */ React.createElement("input", { ref: inputRef, className: "rpc-input rpc-font", placeholder: "Enter a message" }),
-    /* @__PURE__ */ React.createElement("button", { type: "submit", className: "rpc-button" }, /* @__PURE__ */ React.createElement(GrSend, { title: "Send message" }))
-  )))), audio && /* @__PURE__ */ React.createElement("button", { className: "rpc-button", onClick: () => setAudio(!audioEnabled) }, audioEnabled ? /* @__PURE__ */ React.createElement(BsFillMicFill, { title: "Turn mic off" }) : /* @__PURE__ */ React.createElement(BsFillMicMuteFill, { title: "Turn mic on" }))));
-}
-
-export { Chat };

package/dist/chunks/chunk-FZ4QVG4I.js

@@ -1,53 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-export { __async, __objRest, __spreadProps, __spreadValues };

package/dist/chunks/chunk-MRYWIJDZ.js

@@ -1,46 +0,0 @@
-// src/lib/storage.ts
-var listeners = /* @__PURE__ */ new Map();
-function clearChat() {
-  removeStorage("rpc-remote-peer", false);
-  removeStorage("rpc-messages", false);
-}
-var getStorageInstance = (local) => local ? localStorage : sessionStorage;
-var getNamespacedKey = (key, local) => `${local ? "local" : "session"}:${key}`;
-function getStorage(key, local, fallbackValue) {
-  if (typeof window === "undefined") return fallbackValue;
-  const value = getStorageInstance(local).getItem(key);
-  if (value) {
-    try {
-      return JSON.parse(value);
-    } catch (e) {
-      removeStorage(key, local);
-    }
-  }
-  if (fallbackValue !== void 0) setStorage(key, fallbackValue, local);
-  return fallbackValue;
-}
-function publish(key, local, value) {
-  const callbacks = listeners.get(getNamespacedKey(key, local));
-  if (callbacks) callbacks.forEach((callback) => callback(value));
-}
-function removeStorage(key, local) {
-  getStorageInstance(local).removeItem(key);
-  publish(key, local);
-}
-function setStorage(key, value, local) {
-  if (typeof value === "function") value = value(getStorage(key, local));
-  getStorageInstance(local).setItem(key, JSON.stringify(value));
-  publish(key, local, value);
-}
-function subscribeToStorage(key, local, callback) {
-  key = getNamespacedKey(key, local);
-  if (!listeners.has(key)) listeners.set(key, /* @__PURE__ */ new Set());
-  const set = listeners.get(key);
-  set.add(callback);
-  return () => {
-    set.delete(callback);
-    if (set.size === 0) listeners.delete(key);
-  };
-}
-
-export { clearChat, getStorage, removeStorage, setStorage, subscribeToStorage };

package/dist/chunks/chunk-QIPTWGEX.js

@@ -1,28 +0,0 @@
-import { __spreadValues } from './chunk-FZ4QVG4I.js';
-import React from 'react';
-
-function BiSolidMessageDetail(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M20 2H4c-1.103 0-2 .894-2 1.992v12.016C2 17.106 2.897 18 4 18h3v4l6.351-4H20c1.103 0 2-.894 2-1.992V3.992A1.998 1.998 0 0 0 20 2zm-6 11H7v-2h7v2zm3-4H7V7h10v2z" })));
-}
-function BiSolidMessageX(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M20 2H4c-1.103 0-2 .894-2 1.992v12.016C2 17.106 2.897 18 4 18h3v4l6.351-4H20c1.103 0 2-.894 2-1.992V3.992A1.998 1.998 0 0 0 20 2zm-3.293 11.293-1.414 1.414L12 11.414l-3.293 3.293-1.414-1.414L10.586 10 7.293 6.707l1.414-1.414L12 8.586l3.293-3.293 1.414 1.414L13.414 10l3.293 3.293z" })));
-}
-function GrSend(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem", className: "rpc-invert" }, /* @__PURE__ */ React.createElement(
-    "path",
-    {
-      fill: "none",
-      stroke: "#000",
-      strokeWidth: 2,
-      d: "M22,3 L2,11 L20.5,19 L22,3 Z M10,20.5 L13,16 M15.5,9.5 L9,14 L9.85884537,20.0119176 C9.93680292,20.5576204 10.0751625,20.5490248 10.1651297,20.009222 L11,15 L15.5,9.5 Z"
-    }
-  )));
-}
-function BsFillMicFill(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z" }), /* @__PURE__ */ React.createElement("path", { d: "M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" })));
-}
-function BsFillMicMuteFill(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M13 8c0 .564-.094 1.107-.266 1.613l-.814-.814A4.02 4.02 0 0 0 12 8V7a.5.5 0 0 1 1 0v1zm-5 4c.818 0 1.578-.245 2.212-.667l.718.719a4.973 4.973 0 0 1-2.43.923V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 1 0v1a4 4 0 0 0 4 4zm3-9v4.879L5.158 2.037A3.001 3.001 0 0 1 11 3z" }), /* @__PURE__ */ React.createElement("path", { d: "M9.486 10.607 5 6.12V8a3 3 0 0 0 4.486 2.607zm-7.84-9.253 12 12 .708-.708-12-12-.708.708z" })));
-}
-
-export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend };