@factorialco/f0-react 4.40.0 → 4.41.0

package/dist/f0.d.ts

@@ -4902,6 +4902,8 @@ export declare const defaultTranslations: {
         readonly noResults: "No chats found";
         readonly backToLatest: "Jump to latest";
         readonly muted: "Muted";
+        readonly mute: "Mute";
+        readonly unmute: "Unmute";
         readonly attachFile: "Attach file";
         readonly addEmoji: "Add emoji";
         readonly recordAudio: "Record audio";
@@ -4928,6 +4930,13 @@ export declare const defaultTranslations: {
         readonly twoTyping: "{{first}} and {{second}} are writing…";
         readonly severalTyping: "Several people are writing…";
         readonly deletedMessage: "Message deleted";
+        readonly location: "Location";
+        readonly voiceNote: "Voice note";
+        readonly sendVoiceNote: "Send voice note";
+        readonly sendingVoiceNote: "Sending voice note…";
+        readonly sending: "Sending…";
+        readonly notSent: "Not sent";
+        readonly retry: "Retry";
         readonly moreActions: "Message actions";
         readonly options: "Options";
         readonly pin: "Pin";
@@ -4966,6 +4975,22 @@ export declare const defaultTranslations: {
         };
         readonly scrollToBottom: "Scroll to bottom";
         readonly newMessages: "New messages";
+        readonly system: {
+            readonly memberAdded: {
+                readonly one: "{{members}} was added to the group";
+                readonly other: "{{members}} were added to the group";
+            };
+            readonly memberRemoved: {
+                readonly one: "{{members}} was removed from the group";
+                readonly other: "{{members}} were removed from the group";
+            };
+            readonly memberLeft: {
+                readonly one: "{{members}} left the group";
+                readonly other: "{{members}} left the group";
+            };
+            readonly membersWithLast: "{{names}} and {{last}}";
+            readonly membersWithMore: "{{names}} and {{count}} more";
+        };
         readonly unreadCount: {
             readonly one: "{{count}} unread";
             readonly other: "{{count}} unread";

package/dist/f0.js

@@ -1,13 +1,13 @@
-import { gR as LayoutProvider$1, a8 as withDataTestId, c0 as Component, o as cn, q as cva, gz as useDeepCompareEffect, p as motion, eU as isEqual, gS as Text, af as withSkeleton, U as Skeleton, u as useI18n, H as F0Icon, dp as ForwardRef, A as AnimatePresence, j as DropdownInternal, L as ButtonInternal, bP as ForwardRef$2, a9 as experimentalComponent, a5 as Dropdown, gT as require_baseFlatten, ae as OneEllipsis, gw as Tag$1, gU as useNormalizeNumericValueWithFormatter, gV as numericFormatter, gW as numericFinalValue, e2 as F0TagBalance, gX as actionButtonVariants, gY as actionSizes, ft as useControllableState, gZ as createContextScope, g_ as createCollection, g$ as composeEventHandlers, h0 as Primitive, h1 as useComposedRefs, h2 as useDirection, h3 as clamp$1, h4 as useSize, h5 as usePrevious, cj as ForwardRef$3, ci as ForwardRef$4, v as focusRing, J as DropdownMenu, K as DropdownMenuTrigger, Q as F0Button, O as DropdownMenuContent, fZ as DropdownMenuLabel, Y as DropdownMenuItem, ad as ForwardRef$5, _ as DropdownMenuSeparator, aQ as useReducedMotion, am as ScrollArea, h6 as actionLinkVariants, b9 as Collapsible, dZ as CollapsibleTrigger, bN as ForwardRef$6, ba as ForwardRef$7, bb as CollapsibleContent, aE as Popover, aF as PopoverTrigger, aG as PopoverContent, cP as Chip, fH as ScrollBar, h7 as OverflowList, gy as getDataCollectionStorageKey, fy as INPUTFIELD_SIZES, h8 as getFilterType, fr as DataTestIdWrapper, h9 as FilterPickerInternal, aa as ForwardRef$8, ar as Counter, c_ as ForwardRef$9, bW as ForwardRef$a, g5 as unwrapToZodObject, g6 as getF0Config, g8 as objectType, gF as inferFieldType, fX as InputMessages, ha as getAugmentedNamespace, eE as getDefaultExportFromCjs, hb as invariant, ey as clsx, dA as ForwardRef$b, at as ForwardRef$c, aw as F0Select, dF as ForwardRef$d, bV as ForwardRef$f, fW as Label, hc as F0AvatarIcon, dy as ForwardRef$g, gm as GroupHeader, a3 as F0TagStatus, fq as Progress, cl as ForwardRef$h, gO as Metadata, bA as HoverCard, bB as HoverCardTrigger, bC as HoverCardContent, d as F0OneIcon, G as ForwardRef$k, d4 as ForwardRef$l, dM as ForwardRef$m, dx as ForwardRef$o, co as ForwardRef$p, bL as ForwardRef$q, cU as ForwardRef$r, f$ as DropdownMenuSub, g0 as DropdownMenuSubTrigger, N as DropdownMenuPortal, g1 as DropdownMenuSubContent, f_ as DropdownMenuGroup, bX as ForwardRef$t, dv as ForwardRef$u, bm as ForwardRef$v, be as F0Icon$1, cv as Switch, a2 as Tooltip, dz as ForwardRef$x, d_ as F0Checkbox, cu as F0TextInput, $ as ForwardRef$y, aZ as F0TagRaw, aD as F0DialogContext, gf as f0FormField, hd as unknownType, he as booleanType, hf as arrayType, hg as stringType, hh as numberType, hi as dateType, bQ as ForwardRef$A, bR as ForwardRef$B, dX as F0Dialog$1, hj as ProgressBarCell, aT as F0AvatarModule, bS as Dialog$1, bT as DialogContent, bU as DialogTitle, c1 as Card, c5 as CardContent, cc as CardFooter, dO as ForwardRef$C, c2 as CardHeader, b8 as ForwardRef$D, S as ForwardRef$E, bd as F0Avatar, a1 as ForwardRef$F, bv as ForwardRef$G, dL as ForwardRef$H, fu as ToggleGroup, fv as ToggleGroupItem, hk as F0ButtonToggleInternal, aY as F0RichTextDisplay2, c6 as ForwardRef$I, a6 as ForwardRef$O, b$ as ForwardRef$P, gC as OneFilterPicker, fI as toArray, bH as F0AvatarAlert, b0 as F0Link, y as useMediaQuery, hl as useIsomorphicLayoutEffect, hm as UserPlatformProvider, hn as L10nProvider, I as I18nProvider, ho as LinkProvider, hp as XRayProvider, hq as ImageProvider, hr as DataCollectionStorageProvider } from "./F0CanvasPanel-C9dAQPQK.js";
-import { hH as fe, C as ve, D as Le, aR as Ye, c as Xe, F as Se, a as Ve, hA as xe, f as Ie, bh as Re, aS as we, ce as ze, dU as De, aJ as Ce, bq as ke, al as Oe, e1 as Fe, au as je, cs as Ee, g as Ue, bD as Je, ct as Pe, hv as Ke, hM as He, bI as Ae, e as Qe, bM as Be, c7 as _e, hC as $e, b4 as qe, hD as ti, hF as ei, hG as ii, cS as ai, hJ as ni, cL as li, cM as ri, P as si, cQ as oi, hE as ci, cN as di, hI as ui, hN as hi, hs as mi, ht as pi, hu as bi, cO as Zi, hL as yi, hB as Mi, hy as Ni, hx as Wi, cR as Gi, fU as Ti, gn as gi, hK as fi, aW as vi, cK as Li, cH as Yi, cJ as Xi, cG as Si, hz as Vi, gp as xi, gj as Ii, g9 as Ri, hQ as wi, cy as zi, cI as Di, hP as Ci, br as ki, dV as Oi, fT as Fi, ga as ji, b as Ei, bu as Ui, gE as Ji, aU as Pi, dW as Ki, hw as Hi, gl as Ai, gk as Qi, hO as Bi } from "./F0CanvasPanel-C9dAQPQK.js";
+import { gT as LayoutProvider$1, a9 as withDataTestId, c8 as Component, p as cn, r as cva, gB as useDeepCompareEffect, q as motion, eW as isEqual, gU as Text, ag as withSkeleton, V as Skeleton, u as useI18n, J as F0Icon, du as ForwardRef, E as AnimatePresence, k as DropdownInternal, M as ButtonInternal, bR as ForwardRef$2, aa as experimentalComponent, a6 as Dropdown, gV as require_baseFlatten, af as OneEllipsis, gy as Tag$1, gW as useNormalizeNumericValueWithFormatter, gX as numericFormatter, gY as numericFinalValue, e5 as F0TagBalance, gZ as actionButtonVariants, g_ as actionSizes, fv as useControllableState, g$ as createContextScope, h0 as createCollection, h1 as composeEventHandlers, h2 as Primitive, h3 as useComposedRefs, h4 as useDirection, h5 as clamp$1, h6 as useSize, h7 as usePrevious, c1 as ForwardRef$3, c2 as ForwardRef$4, w as focusRing, K as DropdownMenu, L as DropdownMenuTrigger, S as F0Button, Q as DropdownMenuContent, f$ as DropdownMenuLabel, Z as DropdownMenuItem, ae as ForwardRef$5, $ as DropdownMenuSeparator, aR as useReducedMotion, an as ScrollArea, h8 as actionLinkVariants, ba as Collapsible, e2 as CollapsibleTrigger, bP as ForwardRef$6, bb as ForwardRef$7, bc as CollapsibleContent, aF as Popover, aG as PopoverTrigger, aH as PopoverContent, cV as Chip, fJ as ScrollBar, h9 as OverflowList, gA as getDataCollectionStorageKey, fA as INPUTFIELD_SIZES, ha as getFilterType, ft as DataTestIdWrapper, hb as FilterPickerInternal, ab as ForwardRef$8, as as Counter, d4 as ForwardRef$9, bY as ForwardRef$a, g7 as unwrapToZodObject, g8 as getF0Config, ga as objectType, gH as inferFieldType, fZ as InputMessages, hc as getAugmentedNamespace, h as getDefaultExportFromCjs, hd as invariant, eB as clsx, dF as ForwardRef$b, au as ForwardRef$c, ax as F0Select, dK as ForwardRef$d, bX as ForwardRef$f, fY as Label, he as F0AvatarIcon, dD as ForwardRef$g, go as GroupHeader, a4 as F0TagStatus, fs as Progress, cr as ForwardRef$h, gQ as Metadata, by as ForwardRef$j, bD as HoverCard, bE as HoverCardTrigger, bF as HoverCardContent, d as F0OneIcon, H as ForwardRef$k, da as ForwardRef$l, dR as ForwardRef$m, dC as ForwardRef$o, cu as ForwardRef$p, bN as ForwardRef$q, c_ as ForwardRef$r, g1 as DropdownMenuSub, g2 as DropdownMenuSubTrigger, O as DropdownMenuPortal, g3 as DropdownMenuSubContent, g0 as DropdownMenuGroup, bZ as ForwardRef$t, dA as ForwardRef$u, bn as ForwardRef$v, bf as F0Icon$1, cB as Switch, a3 as Tooltip, dE as ForwardRef$x, e3 as F0Checkbox, cA as F0TextInput, a0 as ForwardRef$y, a_ as F0TagRaw, aE as F0DialogContext, gh as f0FormField, hf as unknownType, hg as booleanType, hh as arrayType, hi as stringType, hj as numberType, hk as dateType, bS as ForwardRef$A, bT as ForwardRef$B, e0 as F0Dialog$1, hl as ProgressBarCell, aU as F0AvatarModule, bU as Dialog$1, bV as DialogContent, bW as DialogTitle, c9 as Card, cd as CardContent, ck as CardFooter, dT as ForwardRef$C, ca as CardHeader, b9 as ForwardRef$D, U as ForwardRef$E, be as F0Avatar, a2 as ForwardRef$F, bw as ForwardRef$G, dQ as ForwardRef$H, fw as ToggleGroup, fx as ToggleGroupItem, hm as F0ButtonToggleInternal, aZ as F0RichTextDisplay2, ce as ForwardRef$I, a7 as ForwardRef$O, c7 as ForwardRef$P, gE as OneFilterPicker, fK as toArray, bK as F0AvatarAlert, b1 as F0Link, z as useMediaQuery, hn as useIsomorphicLayoutEffect, ho as UserPlatformProvider, hp as L10nProvider, I as I18nProvider, hq as LinkProvider, hr as XRayProvider, hs as ImageProvider, ht as DataCollectionStorageProvider } from "./F0CanvasPanel-G_pQo8tM.js";
+import { hJ as fe, C as ve, D as Le, aS as Ye, c as Xe, F as Se, a as Ve, hC as xe, f as Ie, bi as Re, aT as we, cm as ze, dZ as De, aK as Ce, br as ke, am as Oe, e4 as Fe, av as je, cy as Ee, g as Ue, bG as Je, cz as Pe, hx as Ke, hO as He, bL as Ae, e as Qe, bO as Be, cf as _e, hE as $e, b5 as qe, hF as ti, hH as ei, hI as ii, cY as ai, hL as ni, cR as li, cS as ri, P as si, cW as oi, hG as ci, cT as di, hK as ui, hP as hi, hu as mi, hv as pi, hw as bi, cU as Zi, hN as yi, hD as Mi, hA as Ni, hz as Wi, cX as Gi, fW as Ti, gp as gi, hM as fi, aX as vi, cQ as Li, cN as Yi, cP as Xi, cM as Si, hB as Vi, gr as xi, gl as Ii, gb as Ri, hS as wi, cE as zi, cO as Di, hR as Ci, bs as ki, d_ as Oi, fV as Fi, gc as ji, b as Ei, bv as Ui, gG as Ji, aV as Pi, d$ as Ki, hy as Hi, gn as Ai, gm as Qi, hQ as Bi } from "./F0CanvasPanel-G_pQo8tM.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import React__default, { forwardRef, useRef, useImperativeHandle, Children, createContext, useContext, useState, useMemo, useEffect, useCallback, useLayoutEffect, isValidElement, Fragment as Fragment$1, useSyncExternalStore, useId, useReducer, memo } from "react";
-import { D as AIButton, E as ForwardRef$1, G as ForwardRef$e, H as ForwardRef$i, I as ForwardRef$j, J as ForwardRef$n, K as ForwardRef$s, L as ForwardRef$w, M as ForwardRef$z, N as F0Box, O as ForwardRef$J, P as ForwardRef$K, Q as ForwardRef$L, R as ForwardRef$M, S as ForwardRef$N, F as FormCardValueFormatterProvider } from "./F0AiProcessingOverlay-BLmKNois.js";
-import { A as $i, C as qi, t as ta, s as ea, v as ia, y as aa, l as na, i as la, q as ra, z as sa, B as oa, p as ca, r as da, j as ua, e as ha, g as ma, k as pa, T as ba, w as Za, h as ya, a as Ma, n as Na, m as Wa, o as Ga, b as Ta, f as ga, x as fa, c as va, d as La, u as Ya } from "./F0AiProcessingOverlay-BLmKNois.js";
+import { D as AIButton, E as ForwardRef$1, G as ForwardRef$e, H as ForwardRef$i, I as ForwardRef$n, J as ForwardRef$s, K as ForwardRef$w, L as ForwardRef$z, M as F0Box, N as ForwardRef$J, O as ForwardRef$K, P as ForwardRef$L, Q as ForwardRef$M, R as ForwardRef$N, F as FormCardValueFormatterProvider } from "./F0AiProcessingOverlay-BoowZoPM.js";
+import { A as $i, C as qi, t as ta, s as ea, v as ia, y as aa, l as na, i as la, q as ra, z as sa, B as oa, p as ca, r as da, j as ua, e as ha, g as ma, k as pa, T as ba, w as Za, h as ya, a as Ma, n as Na, m as Wa, o as Ga, b as Ta, f as ga, x as fa, c as va, d as La, u as Ya } from "./F0AiProcessingOverlay-BoowZoPM.js";
 import { createPortal } from "react-dom";
-import { C as Carousel, ai as useSortable, aj as CSS$1, ak as useSensors, al as useSensor, am as sortableKeyboardCoordinates, an as KeyboardSensor, ao as PointerSensor, ap as DndContext, aq as SortableContext, ar as DragOverlay, as as arrayMove, F as F0SegmentedControl, at as Header, au as Content, av as Footer, aw as DialogWrapper, ax as dialogAlikePrivateProps, ay as F0Dialog, az as useF0Form, aA as F0Form, G as F0ActionBar, aB as F0FormSection, aC as formOverlaysStore, aD as isFieldRequired, aE as evaluateRenderIf, aF as buildDynamicSchema, aG as renderFieldInput, aH as nanoid, aI as mountFormOverlay, aJ as unmountFormOverlay, aK as openFormDialog, aL as dequal, Y as F0TableOfContent, a9 as Dialog, aM as FormMessage, Q as F0NumberInput, aN as EmojiPicker, aO as data, c as ReorderItem, R as ReorderGroup, u as useDragControls, W as ResourceHeader, O as OneEmptyState, aP as UpsellRequestResponseDialog, aQ as Label$1, aR as UpsellingButton, o as BaseBanner, d as useDataCollectionSource, a0 as OneDataCollection, aS as extractDisplayValue, aT as navigationFilterTypes, aU as NavigationFilters, aV as DialogInternal, aW as DialogDescription, aX as PrivacyModeProvider, M as MotionConfig } from "./index-CtSPmGXi.js";
-import { r as Sa, s as Va, H as xa, t as Ia, z as Ra, bf as wa, be as za, ba as Da, aZ as Ca, aY as ka, a_ as Oa, a$ as Fa, b1 as ja, b2 as Ea, ab as Ua, aa as Ja, ae as Pa, U as Ka, J as Ha, ag as Aa, K as Qa, v as Ba, bg as $a, ac as qa, ad as tn, N as en, w as an, P as nn, y as ln, D as rn, af as sn, T as on, ah as dn, x as un, E as hn, bi as mn, m as pn, n as bn, b9 as Zn, b5 as yn, b4 as Mn, bh as Nn, a7 as Wn, b7 as Gn, b8 as Tn, I as gn, bj as fn, bk as vn, e as Ln, bb as Yn, bc as Xn, bd as Sn, b0 as Vn, b6 as xn, f as In, h as Rn, b3 as wn, bl as zn } from "./index-CtSPmGXi.js";
+import { C as Carousel, aj as useSortable, ak as CSS$1, al as useSensors, am as useSensor, an as sortableKeyboardCoordinates, ao as KeyboardSensor, ap as PointerSensor, aq as DndContext, ar as SortableContext, as as DragOverlay, at as arrayMove, h as useAudioPlayer, F as F0SegmentedControl, au as Header, av as Content, aw as Footer, ax as DialogWrapper, ay as dialogAlikePrivateProps, az as F0Dialog, aA as useF0Form, aB as F0Form, H as F0ActionBar, aC as F0FormSection, aD as formOverlaysStore, aE as isFieldRequired, aF as evaluateRenderIf, aG as buildDynamicSchema, aH as renderFieldInput, aI as nanoid, aJ as mountFormOverlay, aK as unmountFormOverlay, aL as openFormDialog, aM as dequal, Z as F0TableOfContent, aa as Dialog, aN as FormMessage, T as F0NumberInput, aO as EmojiPicker, aP as data, c as ReorderItem, R as ReorderGroup, u as useDragControls, X as ResourceHeader, O as OneEmptyState, aQ as UpsellRequestResponseDialog, aR as Label$1, aS as UpsellingButton, q as BaseBanner, d as useDataCollectionSource, a1 as OneDataCollection, aT as extractDisplayValue, aU as navigationFilterTypes, aV as NavigationFilters, aW as DialogInternal, aX as DialogDescription, aY as PrivacyModeProvider, M as MotionConfig } from "./index-BOxXUdnM.js";
+import { s as Sa, t as Va, I as xa, v as Ia, D as Ra, bg as wa, bf as za, bb as Da, a_ as Ca, aZ as ka, a$ as Oa, b0 as Fa, b2 as ja, b3 as Ea, ac as Ua, ab as Ja, af as Pa, W as Ka, K as Ha, ah as Aa, N as Qa, w as Ba, bh as $a, ad as qa, ae as tn, Q as en, x as an, P as nn, z as ln, E as rn, ag as sn, U as on, ai as dn, y as un, G as hn, bj as mn, n as pn, o as bn, ba as Zn, b6 as yn, b5 as Mn, bi as Nn, a8 as Wn, b8 as Gn, b9 as Tn, J as gn, bk as fn, bl as vn, e as Ln, bc as Yn, bd as Xn, be as Sn, b1 as Vn, b7 as xn, f as In, i as Rn, b4 as wn, bm as zn } from "./index-BOxXUdnM.js";
 import { utils, write as writeSync } from "./xlsx-Bedf3nwD.js";
 import { defaultTranslations as Cn } from "./i18n-provider-defaults.js";
 import './f0.css';const CAROUSEL_COLUMNS = {
@@ -55318,72 +55318,6 @@ const Slider = Root, SliderTrack = Track, SliderRange = Range, SliderThumb = Thu
       children: /* @__PURE__ */ jsx(Y, { className: W === "sm" ? "size-5" : "size-6" })
     }
   );
-}, useAudioPlayer = (G, Z = {}, W = 0) => {
-  const T = useRef(Z);
-  T.current = Z;
-  const L = useRef(W);
-  L.current = W;
-  const [Y, X] = useState(!1), [S, V] = useState(0), [I, R] = useState(W), [z, D] = useState(0), [C, O] = useState(1), [F, E] = useState(!0), [U, J] = useState(null);
-  useEffect(() => {
-    const _ = G.current;
-    if (!_) return;
-    const q = () => {
-      R(
-        Number.isFinite(_.duration) ? _.duration : L.current
-      ), E(!1);
-    }, et = () => {
-      V(_.currentTime), T.current.onTimeUpdate?.(_.currentTime);
-    }, tt = () => {
-      X(!0), T.current.onPlay?.();
-    }, ot = () => {
-      X(!1), T.current.onPause?.();
-    }, nt = () => {
-      X(!1), T.current.onEnded?.();
-    }, ht = () => {
-      _.buffered.length > 0 && D(_.buffered.end(_.buffered.length - 1));
-    }, pt = () => E(!0), mt = () => E(!1), ut = () => O(_.playbackRate), at = () => {
-      J(_.error), E(!1), T.current.onError?.(_.error);
-    };
-    return _.addEventListener("loadedmetadata", q), _.addEventListener("timeupdate", et), _.addEventListener("play", tt), _.addEventListener("pause", ot), _.addEventListener("ended", nt), _.addEventListener("progress", ht), _.addEventListener("waiting", pt), _.addEventListener("canplay", mt), _.addEventListener("ratechange", ut), _.addEventListener("error", at), _.readyState >= 1 && q(), () => {
-      _.removeEventListener("loadedmetadata", q), _.removeEventListener("timeupdate", et), _.removeEventListener("play", tt), _.removeEventListener("pause", ot), _.removeEventListener("ended", nt), _.removeEventListener("progress", ht), _.removeEventListener("waiting", pt), _.removeEventListener("canplay", mt), _.removeEventListener("ratechange", ut), _.removeEventListener("error", at);
-    };
-  }, [G]);
-  const P = useCallback(() => {
-    G.current?.play().catch(() => {
-    });
-  }, [G]), A = useCallback(() => {
-    G.current?.pause();
-  }, [G]), K = useCallback(() => {
-    Y ? A() : P();
-  }, [Y, P, A]), Q = useCallback(
-    (_) => {
-      const q = G.current;
-      if (!q) return;
-      const et = Number.isFinite(q.duration) ? q.duration : _, tt = Math.min(Math.max(_, 0), et);
-      q.currentTime = tt, V(tt), T.current.onSeek?.(tt);
-    },
-    [G]
-  ), B = useCallback(
-    (_) => {
-      const q = G.current;
-      q && (q.playbackRate = _, O(_));
-    },
-    [G]
-  );
-  return {
-    isPlaying: Y,
-    currentTime: S,
-    duration: I,
-    buffered: z,
-    playbackRate: C,
-    isLoading: F,
-    error: U,
-    play: P,
-    pause: A,
-    toggle: K,
-    seek: Q,
-    setPlaybackRate: B
-  };
 }, usePlayerController = (G) => {
   const {
     src: Z,
@@ -55860,7 +55794,7 @@ const audioPlayerSizes = ["sm", "md"], F0AudioPlayer = experimentalComponent(
     "aria-live": "polite",
     className: cn(
       "flex flex-col rounded-md border border-solid border-f1-border-secondary",
-      "overflow-hidden bg-f1-background shadow"
+      "overflow-hidden bg-f1-background"
     ),
     children: Array.from({ length: G }).map((Z, W) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
       W > 0 && /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-f1-border-secondary" }),
@@ -55887,7 +55821,7 @@ const audioPlayerSizes = ["sm", "md"], F0AudioPlayer = experimentalComponent(
         ...X,
         className: cn(
           "flex flex-col rounded-md border border-solid border-f1-border-secondary",
-          "overflow-hidden bg-f1-background shadow"
+          "overflow-hidden bg-f1-background"
         ),
         children: W.map((z, D) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
           D > 0 && /* @__PURE__ */ jsx("div", { className: "h-px w-full bg-f1-border-secondary" }),

package/dist/i18n-provider-defaults.d.ts

@@ -582,6 +582,8 @@ export declare const defaultTranslations: {
         readonly noResults: "No chats found";
         readonly backToLatest: "Jump to latest";
         readonly muted: "Muted";
+        readonly mute: "Mute";
+        readonly unmute: "Unmute";
         readonly attachFile: "Attach file";
         readonly addEmoji: "Add emoji";
         readonly recordAudio: "Record audio";
@@ -608,6 +610,13 @@ export declare const defaultTranslations: {
         readonly twoTyping: "{{first}} and {{second}} are writing…";
         readonly severalTyping: "Several people are writing…";
         readonly deletedMessage: "Message deleted";
+        readonly location: "Location";
+        readonly voiceNote: "Voice note";
+        readonly sendVoiceNote: "Send voice note";
+        readonly sendingVoiceNote: "Sending voice note…";
+        readonly sending: "Sending…";
+        readonly notSent: "Not sent";
+        readonly retry: "Retry";
         readonly moreActions: "Message actions";
         readonly options: "Options";
         readonly pin: "Pin";
@@ -646,6 +655,22 @@ export declare const defaultTranslations: {
         };
         readonly scrollToBottom: "Scroll to bottom";
         readonly newMessages: "New messages";
+        readonly system: {
+            readonly memberAdded: {
+                readonly one: "{{members}} was added to the group";
+                readonly other: "{{members}} were added to the group";
+            };
+            readonly memberRemoved: {
+                readonly one: "{{members}} was removed from the group";
+                readonly other: "{{members}} were removed from the group";
+            };
+            readonly memberLeft: {
+                readonly one: "{{members}} left the group";
+                readonly other: "{{members}} left the group";
+            };
+            readonly membersWithLast: "{{names}} and {{last}}";
+            readonly membersWithMore: "{{names}} and {{count}} more";
+        };
         readonly unreadCount: {
             readonly one: "{{count}} unread";
             readonly other: "{{count}} unread";

package/dist/i18n-provider-defaults.js

@@ -582,6 +582,8 @@ const e = {
     noResults: "No chats found",
     backToLatest: "Jump to latest",
     muted: "Muted",
+    mute: "Mute",
+    unmute: "Unmute",
     attachFile: "Attach file",
     addEmoji: "Add emoji",
     recordAudio: "Record audio",
@@ -611,6 +613,17 @@ const e = {
     twoTyping: "{{first}} and {{second}} are writing…",
     severalTyping: "Several people are writing…",
     deletedMessage: "Message deleted",
+    // Shared-location attachments (map preview card + reply quote descriptor).
+    location: "Location",
+    // Voice notes (mic in the composer records + sends audio, no transcript).
+    voiceNote: "Voice note",
+    sendVoiceNote: "Send voice note",
+    sendingVoiceNote: "Sending voice note…",
+    // Delivery-state indicators beside your own bubble (icon labels + the
+    // failed message's reduced actions menu).
+    sending: "Sending…",
+    notSent: "Not sent",
+    retry: "Retry",
     moreActions: "Message actions",
     // Header overflow menu (the ellipsis dropdown) + its pin/favourite action.
     options: "Options",
@@ -658,6 +671,29 @@ const e = {
     },
     scrollToBottom: "Scroll to bottom",
     newMessages: "New messages",
+    // Centered membership system rows. `{{members}}` / `{{names}}` / `{{last}}`
+    // are replaced with React nodes (`@name` hover-card chips) by the component
+    // via token split — NOT through `t(key, args)`, whose interpolation is
+    // string-only. The fragment keys compose the name list ("@Pedro, @Juan and
+    // @Raúl" / "…and 5 more") so every language words the conjunction its own
+    // way. Plural shape mirrors `readBy`.
+    system: {
+      memberAdded: {
+        one: "{{members}} was added to the group",
+        other: "{{members}} were added to the group"
+      },
+      memberRemoved: {
+        one: "{{members}} was removed from the group",
+        other: "{{members}} were removed from the group"
+      },
+      memberLeft: {
+        one: "{{members}} left the group",
+        other: "{{members}} left the group"
+      },
+      // Name-list fragments: "Ana, Luis and Carla" / "Ana, Luis, Carla and 5 more".
+      membersWithLast: "{{names}} and {{last}}",
+      membersWithMore: "{{names}} and {{count}} more"
+    },
     unreadCount: {
       one: "{{count}} unread",
       other: "{{count}} unread"