@factorialco/f0-react 1.186.0 → 1.186.2

package/dist/experimental.d.ts

@@ -3697,6 +3697,11 @@ declare interface ReactionsProps {
     items: ReactionProps[];
     onInteraction?: (emoji: string) => void;
     locale?: string;
+    action?: {
+        label: string;
+        icon: IconType;
+        onClick: () => void;
+    };
 }
 
 /**

package/dist/experimental.js

@@ -1,5 +1,5 @@
-import { aB as ov, aC as av, aD as k0, aE as La, aF as jk, aG as Vk, aH as Hk, aI as Vc, aJ as Wk, aK as qk, aL as Uk, aM as U, aN as lv, aO as Kk, aP as Gk, aQ as Jk, aR as ws, aS as Jo, aT as Jl, aU as Yk, aV as el, aW as Zk, aX as Hc, aY as Xk, aZ as Qk, a_ as tl, a$ as ew, b0 as tw, b1 as nw, b2 as w0, b3 as iw, b4 as x0, b5 as rw, b6 as dv, b7 as fv, b8 as sw, b9 as Qs, q as At, a as N, ba as nr, P as Ge, bb as Ve, s as de, j as nt, y as re, bc as _f, L as Nr, bd as je, be as ir, _ as cv, bf as Re, bg as ow, bh as aw, bi as lw, bj as Fh, bk as uv, v as Yl, w as ii, x as ai, bl as dw, bm as Zl, bn as Qu, bo as fw, n as Cf, bp as hv, f as cw, bq as uw, br as hw, bs as pw, b as _0, bt as mw, bu as gw, bv as pv, bw as Bh, bx as yw, c as Sf, by as eo, bz as $h, bA as $t, bB as vw, bC as Tn, bD as bw, bE as mv, bF as kw, bG as Bi, bH as ww, bI as xw, bJ as _w, bK as Cw, bL as Sw, bM as gv, bN as Nw, bO as C0, bP as Lw, ax as to, S as Mi, t as zh, bQ as Mw, bR as yv, bS as Jt, $ as Ma, r as rr, bT as zr, bU as Ew, bV as Xr, bW as jh, a8 as Wn, bX as ye, bY as Yt, bZ as Nf, b_ as Yo, b$ as Tw, c0 as vv, c1 as bv, h as Lf, i as Mf, k as Ef, c2 as Vh, c3 as Ow, c4 as kv, C as mn, c5 as wv, c6 as Aw, c7 as Dw, G as Iw, c8 as xv, c9 as gt, ca as e1, cb as _v, a5 as t1, cc as Rw, cd as Pw, ce as Fw, cf as Bw, cg as $w, ay as Tf, a2 as n1, F as Hh, aA as zw, ch as Ln, az as jw, ci as Cv, cj as an, ck as Sv, cl as hr, cm as Vw, cn as Hw, co as qt, cp as Xl, cq as Nv, cr as Ww, ag as Of, a6 as Wh, al as jr, cs as qh, ct as Uh, cu as Lv, cv as qw, a9 as Uw, a1 as Mv, cw as Kw, cx as Ev, cy as Gw, cz as Jw, cA as Yw, D as Tv, u as Ov, cB as S0, cC as Zw, cD as Ea, cE as Xw, cF as Af, K as Qw, m as ex, cG as tx, cH as nx, cI as ix, cJ as rx, cK as sx, cL as ox, cM as ax, cN as lx, p as dx, an as fx, cO as Av, cP as Df, cQ as N0, Y as Dv, cR as Ta, cS as Iv, cT as Rv, cU as cx, a0 as no, cV as ux, a3 as Pv, I as hx, cW as ft, cX as L0, cY as px, cZ as mx, c_ as gx, c$ as Wc, d0 as yx, d1 as vx, ab as Ql, ao as M0, d2 as Fv, z as If, d3 as Rf, d4 as Pf, E as Ff, aa as Kh, d5 as bx, as as kx, d6 as i1, d7 as wx, d8 as ed, at as xx, d9 as _x, ar as Bv, aq as Cx, ap as Sx, da as Nx, ac as Lx, db as Mx, a4 as Ex, dc as Oa, dd as Gh, de as Jh, df as Aa, dg as $v, dh as zv, di as Tx, au as jv, dj as Vv, ad as Hv, dk as Ox, dl as Ax, dm as Dx, H as Ix, A as Rx, B as Px, e as Fx, g as Bx, V as $x, d as zx, dn as E0, dp as jx, dq as Vx, dr as Hx, ds as Wv, dt as Wx } from "./hooks-C49mI34Y.js";
-import { J as LJ, dv as MJ, a7 as EJ, du as TJ } from "./hooks-C49mI34Y.js";
+import { aB as ov, aC as av, aD as k0, aE as La, aF as jk, aG as Vk, aH as Hk, aI as Vc, aJ as Wk, aK as qk, aL as Uk, aM as U, aN as lv, aO as Kk, aP as Gk, aQ as Jk, aR as ws, aS as Jo, aT as Jl, aU as Yk, aV as el, aW as Zk, aX as Hc, aY as Xk, aZ as Qk, a_ as tl, a$ as ew, b0 as tw, b1 as nw, b2 as w0, b3 as iw, b4 as x0, b5 as rw, b6 as dv, b7 as fv, b8 as sw, b9 as Qs, q as At, a as N, ba as nr, P as Ge, bb as Ve, s as de, j as nt, y as re, bc as _f, L as Nr, bd as je, be as ir, _ as cv, bf as Re, bg as ow, bh as aw, bi as lw, bj as Fh, bk as uv, v as Yl, w as ii, x as ai, bl as dw, bm as Zl, bn as Qu, bo as fw, n as Cf, bp as hv, f as cw, bq as uw, br as hw, bs as pw, b as _0, bt as mw, bu as gw, bv as pv, bw as Bh, bx as yw, c as Sf, by as eo, bz as $h, bA as $t, bB as vw, bC as Tn, bD as bw, bE as mv, bF as kw, bG as Bi, bH as ww, bI as xw, bJ as _w, bK as Cw, bL as Sw, bM as gv, bN as Nw, bO as C0, bP as Lw, ax as to, S as Mi, t as zh, bQ as Mw, bR as yv, bS as Jt, $ as Ma, r as rr, bT as zr, bU as Ew, bV as Xr, bW as jh, a8 as Wn, bX as ye, bY as Yt, bZ as Nf, b_ as Yo, b$ as Tw, c0 as vv, c1 as bv, h as Lf, i as Mf, k as Ef, c2 as Vh, c3 as Ow, c4 as kv, C as mn, c5 as wv, c6 as Aw, c7 as Dw, G as Iw, c8 as xv, c9 as gt, ca as e1, cb as _v, a5 as t1, cc as Rw, cd as Pw, ce as Fw, cf as Bw, cg as $w, ay as Tf, a2 as n1, F as Hh, aA as zw, ch as Ln, az as jw, ci as Cv, cj as an, ck as Sv, cl as hr, cm as Vw, cn as Hw, co as qt, cp as Xl, cq as Nv, cr as Ww, ag as Of, a6 as Wh, al as jr, cs as qh, ct as Uh, cu as Lv, cv as qw, a9 as Uw, a1 as Mv, cw as Kw, cx as Ev, cy as Gw, cz as Jw, cA as Yw, D as Tv, u as Ov, cB as S0, cC as Zw, cD as Ea, cE as Xw, cF as Af, K as Qw, m as ex, cG as tx, cH as nx, cI as ix, cJ as rx, cK as sx, cL as ox, cM as ax, cN as lx, p as dx, an as fx, cO as Av, cP as Df, cQ as N0, Y as Dv, cR as Ta, cS as Iv, cT as Rv, cU as cx, a0 as no, cV as ux, a3 as Pv, I as hx, cW as ft, cX as L0, cY as px, cZ as mx, c_ as gx, c$ as Wc, d0 as yx, d1 as vx, ab as Ql, ao as M0, d2 as Fv, z as If, d3 as Rf, d4 as Pf, E as Ff, aa as Kh, d5 as bx, as as kx, d6 as i1, d7 as wx, d8 as ed, at as xx, d9 as _x, ar as Bv, aq as Cx, ap as Sx, da as Nx, ac as Lx, db as Mx, a4 as Ex, dc as Oa, dd as Gh, de as Jh, df as Aa, dg as $v, dh as zv, di as Tx, au as jv, dj as Vv, ad as Hv, dk as Ox, dl as Ax, dm as Dx, H as Ix, A as Rx, B as Px, e as Fx, g as Bx, V as $x, d as zx, dn as E0, dp as jx, dq as Vx, dr as Hx, ds as Wv, dt as Wx } from "./hooks-BmsAvt-I.js";
+import { J as LJ, dv as MJ, a7 as EJ, du as TJ } from "./hooks-BmsAvt-I.js";
 import { jsxs as b, jsx as f, Fragment as Ne } from "react/jsx-runtime";
 import * as I from "react";
 import X, { forwardRef as H, createContext as Rn, useRef as le, useState as B, useCallback as _e, useContext as ln, useMemo as he, useEffect as ne, PureComponent as qx, useId as Qr, useLayoutEffect as Yh, memo as Da, Fragment as sr, useTransition as Ux, isValidElement as Kx, cloneElement as qv, useDeferredValue as Gx, useDebugValue as Uv, createRef as Jx, createElement as Yx, version as T0, useImperativeHandle as Bf, Children as Kv } from "react";
@@ -13087,19 +13087,35 @@ function xE({
   );
   return h ? /* @__PURE__ */ f(an, { label: h, children: p }) : p;
 }
-function _E({ items: t, onInteraction: e, locale: n }) {
+function _E({
+  items: t,
+  onInteraction: e,
+  locale: n,
+  action: i
+}) {
   return /* @__PURE__ */ b("div", { className: "flex flex-wrap gap-2", children: [
+    i && /* @__PURE__ */ f(
+      re,
+      {
+        label: i.label,
+        icon: i.icon,
+        onClick: i.onClick,
+        variant: "outline",
+        round: !0,
+        hideLabel: !0
+      }
+    ),
     /* @__PURE__ */ f(vp, { onSelect: e, locale: n }),
-    t.map((i) => /* @__PURE__ */ f(
+    t.map((r) => /* @__PURE__ */ f(
       xE,
       {
-        emoji: i.emoji,
-        initialCount: i.initialCount,
-        hasReacted: i.hasReacted,
-        users: i.users,
+        emoji: r.emoji,
+        initialCount: r.initialCount,
+        hasReacted: r.hasReacted,
+        users: r.users,
         onInteraction: e
       },
-      i.emoji
+      r.emoji
     ))
   ] });
 }
@@ -13445,26 +13461,18 @@ const Ug = (t) => {
           ] }),
           l && /* @__PURE__ */ f("div", { className: "w-full md:max-w-[480px]", children: /* @__PURE__ */ f(N6, { ...l }) }),
           /* @__PURE__ */ f("p", { className: "text-f1-foreground-secondary", children: y }),
-          /* @__PURE__ */ b("div", { className: "flex flex-row gap-2.5", children: [
-            !m && /* @__PURE__ */ f(
-              re,
-              {
+          /* @__PURE__ */ f(
+            _E,
+            {
+              items: (c == null ? void 0 : c.items) ?? [],
+              onInteraction: c == null ? void 0 : c.onInteraction,
+              action: m ? void 0 : {
                 label: h.label,
                 onClick: h.onClick,
-                variant: "outline",
-                icon: w_,
-                round: !0,
-                hideLabel: !0
-              }
-            ),
-            /* @__PURE__ */ f(
-              _E,
-              {
-                items: (c == null ? void 0 : c.items) ?? [],
-                onInteraction: c == null ? void 0 : c.onInteraction
+                icon: w_
               }
-            )
-          ] })
+            }
+          )
         ] })
       ]
     }

package/dist/f0.js

@@ -1,5 +1,5 @@
-import { C as v, L as pe, c as ve, P as H, a as b, f as ge, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Le, h as U, i as W, j as Pe, k as Y, S as G, l as D, m as X, n as ke, O as Fe, o as J, p as Se, q as Me, F as K, r as De, s as Te, t as Be, D as Re, u as Ie, v as $e, w as Oe, x as Q, y as w, U as Z, z as Ee, E as _e, G as z, H as je, I as ee, J as ze, K as Ve, M as qe, N as Ae, Q as He, R as Ue, X as We, T as Ye, W as Ge, Y as Xe, Z as Je } from "./hooks-C49mI34Y.js";
-import { ao as Ua, _ as Wa, aq as Ya, ay as Ga, $ as Xa, a0 as Ja, a1 as Ka, a2 as Qa, a3 as Za, a4 as er, a5 as ar, a6 as rr, a8 as sr, a9 as tr, aa as lr, ab as or, ad as nr, ae as ir, af as dr, ag as cr, aj as ur, ak as fr, al as hr, am as mr, ac as pr, an as vr, ai as gr, av as br, ap as xr, az as Cr, a7 as yr, ah as wr, ar as Nr, as as Lr, at as Pr, aA as kr, au as Fr, ax as Sr, aw as Mr } from "./hooks-C49mI34Y.js";
+import { C as v, L as pe, c as ve, P as H, a as b, f as ge, b as be, A as xe, B as Ce, d as ye, e as we, g as Ne, V as Le, h as U, i as W, j as Pe, k as Y, S as G, l as D, m as X, n as ke, O as Fe, o as J, p as Se, q as Me, F as K, r as De, s as Te, t as Be, D as Re, u as Ie, v as $e, w as Oe, x as Q, y as w, U as Z, z as Ee, E as _e, G as z, H as je, I as ee, J as ze, K as Ve, M as qe, N as Ae, Q as He, R as Ue, X as We, T as Ye, W as Ge, Y as Xe, Z as Je } from "./hooks-BmsAvt-I.js";
+import { ao as Ua, _ as Wa, aq as Ya, ay as Ga, $ as Xa, a0 as Ja, a1 as Ka, a2 as Qa, a3 as Za, a4 as er, a5 as ar, a6 as rr, a8 as sr, a9 as tr, aa as lr, ab as or, ad as nr, ae as ir, af as dr, ag as cr, aj as ur, ak as fr, al as hr, am as mr, ac as pr, an as vr, ai as gr, av as br, ap as xr, az as Cr, a7 as yr, ah as wr, ar as Nr, as as Lr, at as Pr, aA as kr, au as Fr, ax as Sr, aw as Mr } from "./hooks-BmsAvt-I.js";
 import { jsx as e, jsxs as c, Fragment as O } from "react/jsx-runtime";
 import * as E from "react";
 import Ke, { useState as g, forwardRef as B, useRef as ae, useImperativeHandle as Qe, Children as Ze, useEffect as re, createContext as ea } from "react";

package/dist/{hooks-C49mI34Y.js → hooks-BmsAvt-I.js}

@@ -18930,9 +18930,9 @@ const the = Gt({
     ), t = c[t] ?? "md";
   }
   const s = {
-    xs: -0.5,
+    xs: -2,
     sm: -3,
-    md: -10
+    md: -4
   }[t] ?? 0, u = zt(() => ({
     xs: 20,
     sm: 24,
@@ -18968,13 +18968,20 @@ const the = Gt({
       renderDropdownItem: () => null,
       forceShowingOverflowIndicator: a !== void 0,
       renderOverflowIndicator: (c) => /* @__PURE__ */ b(
-        nhe,
+        "div",
         {
-          count: (a ?? 0) + c,
-          size: t,
-          type: n === "person" ? "rounded" : "base",
-          avatarType: n,
-          list: a ? void 0 : e.slice(e.length - c)
+          className: "flex h-fit w-fit items-center",
+          style: { marginLeft: s },
+          children: /* @__PURE__ */ b(
+            nhe,
+            {
+              count: (a ?? 0) + c,
+              size: t,
+              type: n === "person" ? "rounded" : "base",
+              avatarType: n,
+              list: a ? void 0 : e.slice(e.length - c)
+            }
+          )
         }
       ),
       overflowIndicatorWithPopover: !1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "1.186.0",
+  "version": "1.186.2",
   "main": "dist/f0.js",
   "typings": "dist/f0.d.ts",
   "private": false,