@factorialco/f0-react 1.186.1 → 1.187.0

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;
+    };
 }
 
 /**
@@ -4462,6 +4467,7 @@ export declare const TwoColumnsList: ForwardRefExoticComponent<TwoColumnsListTyp
 
 declare interface TwoColumnsListType {
     title?: string;
+    titleValue?: string;
     list: TwoColumnsItemType[];
 }
 

package/dist/experimental.js

@@ -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
+                icon: w_
               }
-            ),
-            /* @__PURE__ */ f(
-              _E,
-              {
-                items: (c == null ? void 0 : c.items) ?? [],
-                onInteraction: c == null ? void 0 : c.onInteraction
-              }
-            )
-          ] })
+            }
+          )
         ] })
       ]
     }
@@ -55121,12 +55129,15 @@ function kJ({
 }
 const xK = ({ title: t, info: e }) => /* @__PURE__ */ b("div", { className: "flex items-center justify-between", children: [
   /* @__PURE__ */ f("p", { className: "flex text-f1-foreground-secondary", children: t }),
-  /* @__PURE__ */ f("div", { className: "basis-16 justify-self-end text-right font-medium", children: e })
+  /* @__PURE__ */ f("div", { className: "max-w-32 flex-shrink-0 overflow-hidden text-ellipsis whitespace-nowrap text-right font-medium", children: e })
 ] }), wJ = H(
-  function({ title: e, list: n }, i) {
-    return /* @__PURE__ */ b("div", { ref: i, className: "flex flex-col gap-2", children: [
-      e && /* @__PURE__ */ f("div", { className: "font-medium", children: e }),
-      n.map((r) => /* @__PURE__ */ f(xK, { title: r.title, info: r.info }, r.title))
+  function({ title: e, titleValue: n, list: i }, r) {
+    return /* @__PURE__ */ b("div", { ref: r, className: "flex flex-col gap-2", children: [
+      e && /* @__PURE__ */ b("div", { className: "flex items-center justify-between gap-2 font-medium", children: [
+        /* @__PURE__ */ f("div", { children: e }),
+        n && /* @__PURE__ */ f("div", { children: n })
+      ] }),
+      i.map((s) => /* @__PURE__ */ f(xK, { title: s.title, info: s.info }, s.title))
     ] });
   }
 );