@factorialco/f0-react 1.186.2 → 1.187.0

package/dist/experimental.d.ts

@@ -4467,6 +4467,7 @@ export declare const TwoColumnsList: ForwardRefExoticComponent<TwoColumnsListTyp
 
 declare interface TwoColumnsListType {
     title?: string;
+    titleValue?: string;
     list: TwoColumnsItemType[];
 }
 

package/dist/experimental.js

@@ -55129,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))
     ] });
   }
 );