@factorialco/f0-react 4.26.0 → 4.27.0

package/dist/experimental.d.ts

@@ -1734,6 +1734,18 @@ declare type CardImageSize = (typeof cardImageSizes)[number];
 
 declare const cardImageSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 
+declare type CardMetadata = {
+    /** Leading icon. Optional — when omitted the row renders just the value. */
+    icon?: IconType;
+    property: Exclude<CardMetadataProperty, {
+        type: "file";
+    }>;
+} | {
+    property: Extract<CardMetadataProperty, {
+        type: "file";
+    }>;
+};
+
 /**
  * Card metadata property renderers.
  * Each metadata item consists of an icon and a property with its data.
@@ -6802,10 +6814,7 @@ declare type KanbanVisualizationOptions<Record extends RecordType, _Filters exte
     title?: (record: Record) => string;
     description?: (record: Record) => string;
     avatar?: (record: Record) => CardAvatarVariant;
-    metadata?: (record: Record) => ReadonlyArray<{
-        icon: IconType;
-        property: CardMetadataProperty;
-    }>;
+    metadata?: (record: Record) => ReadonlyArray<CardMetadata>;
     onMove?: KanbanOnMove<Record>;
     onCreate?: KanbanOnCreate;
 };

package/dist/experimental.js

@@ -2,8 +2,8 @@ import { h as Va, B as Ga, i as Ka, j as qa, k as wn, l as lt, m as tt, n as Ya,
 import { cD as vm, cC as ym, cP as wm, cz as Nm, cA as Cm, cs as km, ct as Im, ct as Sm, cu as Fm, cS as Tm, cB as Am, cL as Em, cM as Rm, cQ as Dm, cv as Pm, cF as Lm, cE as Om, cw as _m, cx as zm, cN as $m, cT as Bm, cO as Mm, cR as jm, cK as Wm, cH as Hm, cJ as Um, cG as Vm, cy as Gm, cI as Km } from "./F0CanvasPanel-CYITfwlc.js";
 import { jsx as t, jsxs as d, Fragment as fe } from "react/jsx-runtime";
 import Te, { forwardRef as de, useRef as z, useTransition as Qi, useState as R, useLayoutEffect as Je, useId as Qt, useContext as Le, createContext as Ie, useEffect as K, useCallback as U, useMemo as J, Fragment as qe, isValidElement as Ji, cloneElement as jr, memo as Wr, Children as Hr } from "react";
-import { C as Xi, P as Zi, a as it, M as eo, p as to, b as no, R as Fn, c as Ur, u as ro, d as ao, e as so, f as io, g as oo, O as Vr, h as Gr, S as lo, A as co, B as uo, L as fo, i as mo, V as ho, j as po, k as go, l as bo } from "./useDataCollectionSource-B2Q8eTpY.js";
-import { r as Ym, s as Qm, o as Jm, H as Xm, t as Zm, z as eh, a8 as th, G as nh, q as rh, aa as ah, a9 as sh, Q as ih, ad as oh, F as lh, Y as ch, U as dh, J as uh, af as fh, K as mh, Z as hh, _ as ph, v as gh, ab as bh, ac as xh, N as vh, $ as yh, a5 as wh, a7 as Nh, w as Ch, y as kh, D as Ih, W as Sh, ae as Fh, X as Th, T as Ah, ag as Eh, x as Rh, E as Dh, m as Ph, n as Lh, a1 as Oh, a2 as _h, a6 as zh, I as $h, a3 as Bh, a0 as Mh, a4 as jh } from "./useDataCollectionSource-B2Q8eTpY.js";
+import { C as Xi, P as Zi, a as it, M as eo, p as to, b as no, R as Fn, c as Ur, u as ro, d as ao, e as so, f as io, g as oo, O as Vr, h as Gr, S as lo, A as co, B as uo, L as fo, i as mo, V as ho, j as po, k as go, l as bo } from "./useDataCollectionSource-C4LIvKAw.js";
+import { r as Ym, s as Qm, o as Jm, H as Xm, t as Zm, z as eh, a8 as th, G as nh, q as rh, aa as ah, a9 as sh, Q as ih, ad as oh, F as lh, Y as ch, U as dh, J as uh, af as fh, K as mh, Z as hh, _ as ph, v as gh, ab as bh, ac as xh, N as vh, $ as yh, a5 as wh, a7 as Nh, w as Ch, y as kh, D as Ih, W as Sh, ae as Fh, X as Th, T as Ah, ag as Eh, x as Rh, E as Dh, m as Ph, n as Lh, a1 as Oh, a2 as _h, a6 as zh, I as $h, a3 as Bh, a0 as Mh, a4 as jh } from "./useDataCollectionSource-C4LIvKAw.js";
 const xo = Va("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]

package/dist/f0.d.ts

@@ -12779,10 +12779,7 @@ declare type KanbanVisualizationOptions<Record extends RecordType, _Filters exte
     title?: (record: Record) => string;
     description?: (record: Record) => string;
     avatar?: (record: Record) => CardAvatarVariant;
-    metadata?: (record: Record) => ReadonlyArray<{
-        icon: IconType;
-        property: CardMetadataProperty;
-    }>;
+    metadata?: (record: Record) => ReadonlyArray<CardMetadata>;
     onMove?: KanbanOnMove<Record>;
     onCreate?: KanbanOnCreate;
 };

package/dist/f0.js

@@ -6,8 +6,8 @@ import React__default, { forwardRef, useRef, useImperativeHandle, Children, crea
 import { D as AIButton, E as ForwardRef$1, G as animate, H as ForwardRef$f, I as ForwardRef$j, J as ForwardRef$k, K as ForwardRef$o, L as ForwardRef$t, M as ForwardRef$x, N as ForwardRef$z, O as F0Box, P as ForwardRef$J, Q as ForwardRef$K, R as ForwardRef$L, S as ForwardRef$M, U as ForwardRef$N, F as FormCardValueFormatterProvider } from "./F0AiProcessingOverlay--OAyX7JL.js";
 import { A as ta, C as ea, t as ia, s as aa, v as na, y as la, l as ra, i as sa, q as oa, z as ca, B as da, p as ua, r as ha, j as ma, e as pa, g as ba, k as Za, T as ya, w as Ma, h as Na, a as ga, n as Wa, m as Ta, o as Ga, b as fa, f as va, x as La, c as Ya, d as Xa, u as Sa } from "./F0AiProcessingOverlay--OAyX7JL.js";
 import { createPortal, unstable_batchedUpdates } from "react-dom";
-import { C as Carousel, F as F0SegmentedControl, ah as isFieldRequired, ai as evaluateRenderIf, aj as buildDynamicSchema, ak as renderFieldInput, al as useF0Form, am as F0Form, G as F0ActionBar, an as F0FormSection, ao as nanoid, ap as dequal, Y as F0TableOfContent, a8 as Dialog$1, aq as FormMessage, Q as F0NumberInput, ar as EmojiPicker, as as data, c as ReorderItem, R as ReorderGroup, u as useDragControls, W as ResourceHeader, O as OneEmptyState, at as UpsellRequestResponseDialog, au as Label$1, av as UpsellingButton, o as BaseBanner, d as useDataCollectionSource, $ as OneDataCollection, aw as extractDisplayValue, ax as navigationFilterTypes, ay as NavigationFilters, az as DialogDescription, aA as PrivacyModeProvider, M as MotionConfig } from "./useDataCollectionSource-B2Q8eTpY.js";
-import { r as Va, s as Ia, H as Ra, t as wa, z as za, aR as Da, aQ as Ca, aM as ka, aC as Oa, aB as Fa, aD as ja, aE as Ea, aa as Ua, a9 as Ja, ad as Pa, U as Ka, J as Ha, af as Aa, K as Qa, v as Ba, aS as $a, ab as qa, ac as tn, N as en, w as an, P as nn, y as ln, D as rn, ae as sn, T as on, ag as dn, x as un, E as hn, aU as mn, m as pn, n as bn, aL as Zn, aH as yn, aG as Mn, aT as Nn, a6 as gn, aJ as Wn, aK as Tn, I as Gn, aV as fn, aW as vn, e as Ln, aN as Yn, aO as Xn, aP as Sn, aI as xn, f as Vn, h as In, aF as Rn, aX as wn } from "./useDataCollectionSource-B2Q8eTpY.js";
+import { C as Carousel, F as F0SegmentedControl, ah as isFieldRequired, ai as evaluateRenderIf, aj as buildDynamicSchema, ak as renderFieldInput, al as useF0Form, am as F0Form, G as F0ActionBar, an as F0FormSection, ao as nanoid, ap as dequal, Y as F0TableOfContent, a8 as Dialog$1, aq as FormMessage, Q as F0NumberInput, ar as EmojiPicker, as as data, c as ReorderItem, R as ReorderGroup, u as useDragControls, W as ResourceHeader, O as OneEmptyState, at as UpsellRequestResponseDialog, au as Label$1, av as UpsellingButton, o as BaseBanner, d as useDataCollectionSource, $ as OneDataCollection, aw as extractDisplayValue, ax as navigationFilterTypes, ay as NavigationFilters, az as DialogDescription, aA as PrivacyModeProvider, M as MotionConfig } from "./useDataCollectionSource-C4LIvKAw.js";
+import { r as Va, s as Ia, H as Ra, t as wa, z as za, aR as Da, aQ as Ca, aM as ka, aC as Oa, aB as Fa, aD as ja, aE as Ea, aa as Ua, a9 as Ja, ad as Pa, U as Ka, J as Ha, af as Aa, K as Qa, v as Ba, aS as $a, ab as qa, ac as tn, N as en, w as an, P as nn, y as ln, D as rn, ae as sn, T as on, ag as dn, x as un, E as hn, aU as mn, m as pn, n as bn, aL as Zn, aH as yn, aG as Mn, aT as Nn, a6 as gn, aJ as Wn, aK as Tn, I as Gn, aV as fn, aW as vn, e as Ln, aN as Yn, aO as Xn, aP as Sn, aI as xn, f as Vn, h as In, aF as Rn, aX as wn } from "./useDataCollectionSource-C4LIvKAw.js";
 import { utils, write as writeSync } from "./xlsx-Bedf3nwD.js";
 import { defaultTranslations as Dn } from "./i18n-provider-defaults.js";
 import './f0.css';const CAROUSEL_COLUMNS = {

package/dist/{useDataCollectionSource-B2Q8eTpY.js → useDataCollectionSource-C4LIvKAw.js}

@@ -2407,7 +2407,7 @@ const DR = ({
       ] })
     }
   ) : /* @__PURE__ */ m(OR, { children: t });
-}, Ege = kt(
+}, Cge = kt(
   _r("Carousel", DR)
 ), IR = (t, e) => /* @__PURE__ */ R(
   "svg",
@@ -5849,7 +5849,7 @@ const S6 = Gt({
   enable: () => null,
   disable: () => null,
   toggle: () => null
-}), Age = ({ initiallyEnabled: t = !1, children: e }) => {
+}), Ege = ({ initiallyEnabled: t = !1, children: e }) => {
   const [n, i] = J(t), r = oe(() => {
     i(!0);
   }, []), o = oe(() => i(!1), []), s = oe(() => i((a) => !a), []);
@@ -6943,29 +6943,29 @@ const F$ = (t) => {
       }
     )
   ] });
-}, Tge = kt(
+}, Age = kt(
   Pi({ name: "AreaChart", type: "info" }, b$)
-), Nge = kt(
+), Tge = kt(
   Pi({ name: "BarChart", type: "info" }, k$)
-), Oge = kt(
+), Nge = kt(
   Pi(
     { name: "CategoryBarChart", type: "info" },
     _$
   )
-), Mge = kt(
+), Oge = kt(
   Pi({ name: "LineChart", type: "info" }, T$)
-), Dge = kt(
+), Mge = kt(
   Pi({ name: "PieChart", type: "info" }, O$)
-), Ige = kt(
+), Dge = kt(
   Pi(
     { name: "VerticalBarChart", type: "info" },
     z$
   )
-), Pge = kt(
+), Ige = kt(
   Pi({ name: "ProgressBarChart", type: "info" }, D$)
-), Rge = kt(
+), Pge = kt(
   Pi({ name: "ComboChart", type: "info" }, E$)
-), Lge = kt(
+), Rge = kt(
   Pi({ name: "RadarChart", type: "info" }, R$)
 ), j$ = {
   duration: 0.5,
@@ -7039,7 +7039,7 @@ const q$ = (t) => Array.isArray(t) ? t.every((e) => U$(e)) ? t : [
   {
     items: t
   }
-] : [t], Fge = [
+] : [t], Lge = [
   "idle",
   "loading",
   "success",
@@ -7548,7 +7548,7 @@ function tz(t) {
 }
 const T6 = kt(
   tz
-), $ge = ["sm", "md", "lg"], zge = ["compact", "expanded"], ub = Ke(({ className: t, ...e }, n) => /* @__PURE__ */ m(
+), Fge = ["sm", "md", "lg"], $ge = ["compact", "expanded"], ub = Ke(({ className: t, ...e }, n) => /* @__PURE__ */ m(
   ZC,
   {
     ref: n,
@@ -7689,7 +7689,7 @@ function rz({
     }
   ) }) }) });
 }
-const Bge = kt(rz);
+const zge = kt(rz);
 function oz(t) {
   if (d7(t)) {
     let i = !1, r = null;
@@ -7735,7 +7735,7 @@ const Fy = (t) => {
   }
   return JSON.stringify(t) ?? "undefined";
 }, sz = 50;
-function jge({
+function Bge({
   dataAdapter: t,
   id: e,
   filters: n,
@@ -7826,7 +7826,7 @@ function az({
   };
 }
 const lz = (t, e) => "id" in t && (typeof t.id == "string" || typeof t.id == "number" || typeof t.id == "symbol") ? t.id : e ?? JSON.stringify(t);
-function Hge(t) {
+function jge(t) {
   const {
     dataSource: e,
     data: n,
@@ -8024,7 +8024,7 @@ function Hge(t) {
     previousItemUrl: ie
   };
 }
-const Vge = QC, Wge = f7, cz = (t, e, n) => {
+const Hge = QC, Vge = f7, cz = (t, e, n) => {
   const i = Xt[n];
   return i ? i.add(t, e) : { from: /* @__PURE__ */ new Date(), to: /* @__PURE__ */ new Date() };
 };
@@ -8387,7 +8387,7 @@ function hz({
     }
   );
 }
-const Uge = {
+const Wge = {
   today: {
     label: "Today",
     granularity: "day",
@@ -8845,7 +8845,7 @@ const xz = kt(
   }
 );
 bm.displayName = "F0NumberInput";
-const qge = bm, D6 = Ke(
+const Uge = bm, D6 = Ke(
   ({
     className: t,
     label: e,
@@ -8922,7 +8922,7 @@ const I6 = Pi(
     type: "form"
   },
   D6
-), Kge = I6, Gge = sm;
+), qge = I6, Kge = sm;
 var Ef = (t) => t.type === "checkbox", Ds = (t) => t instanceof Date, Pn = (t) => t == null;
 const P6 = (t) => typeof t == "object";
 var Kt = (t) => !Pn(t) && !Array.isArray(t) && P6(t) && !Ds(t), R6 = (t) => Kt(t) && t.target ? Ef(t.target) ? t.target.checked : t.target.value : t, Sz = (t) => t.substring(0, t.search(/\.\d+(\.|$)/)) || t, L6 = (t, e) => t.has(Sz(e)), Cz = (t) => {
@@ -41727,7 +41727,7 @@ const ZQ = ({
 }, fN = _r(
   "F0RichTextEditor",
   yf(kee, xee)
-), Qge = fN;
+), Zge = fN;
 function _ee({
   field: t,
   formField: e,
@@ -42843,7 +42843,7 @@ function pN(t, e) {
     return s;
   }, [t, e]);
 }
-function e1e(t, e) {
+function Qge(t, e) {
   const n = cm(t), i = hN(n), r = [], o = {};
   for (const l of i) {
     const c = l.config.section;
@@ -52290,7 +52290,7 @@ const Hre = (t, e) => {
 ), Jre = _r(
   "F0NotesTextEditor",
   yf(Xre, SO)
-), n1e = Jre, i1e = SO, CO = Ke(
+), t1e = Jre, n1e = SO, CO = Ke(
   ({ header: t, actions: e, open: n, onClose: i }, r) => {
     const [o, s] = J(!1), a = oe(() => {
       s(!0);
@@ -52341,7 +52341,7 @@ const Hre = (t, e) => {
   }
 );
 CO.displayName = "Dialog";
-const r1e = kt(
+const i1e = kt(
   Pi(
     { name: "Dialog", type: "info" },
     _r("Dialog", CO)
@@ -52375,7 +52375,7 @@ const r1e = kt(
     showBottomBorder: d,
     onClose: f
   }
-), o1e = _r(
+), r1e = _r(
   "ResourceHeader",
   Zre
 ), Qre = Ke(
@@ -67123,9 +67123,7 @@ function xC(t) {
     )
   ] });
 }
-const wme = (t) => t.map(
-  ({ icon: e, property: n }) => n.type === "file" ? { property: n } : { icon: e, property: n }
-), kme = (t) => !!(t && t.type === "infinite-scroll"), xme = ({
+const wme = (t) => !!(t && t.type === "infinite-scroll"), kme = ({
   lanes: t,
   title: e,
   description: n,
@@ -67202,7 +67200,7 @@ const wme = (t) => t.map(
     l?.(A, T);
   }), E = te(
     () => y.map((A) => {
-      const T = u[A.id], M = T?.paginationInfo?.total, I = kme(T?.paginationInfo) && T?.paginationInfo?.hasMore;
+      const T = u[A.id], M = T?.paginationInfo?.total, I = wme(T?.paginationInfo) && T?.paginationInfo?.hasMore;
       return {
         id: A.id,
         title: A.title,
@@ -67243,7 +67241,7 @@ const wme = (t) => t.map(
           description: n ? n(A) : void 0,
           avatar: i ? i(A) : void 0,
           draggable: o !== void 0,
-          metadata: r ? wme(r(A)) : void 0,
+          metadata: r ? [...r(A)] : void 0,
           compact: !0,
           forceVerticalMetadata: !0,
           selectable: a.selectable !== void 0,
@@ -67297,7 +67295,7 @@ const wme = (t) => t.map(
     S,
     o ? /* @__PURE__ */ m(dE, { driver: lE(p), children: /* @__PURE__ */ m(xC, { ...D }) }) : /* @__PURE__ */ m(xC, { ...D })
   ] });
-}, _me = ({ title: t, avatar: e, description: n }) => /* @__PURE__ */ R("article", { className: "flex w-[calc(100%-72px)] min-w-40 flex-col items-start gap-3 md:w-full md:flex-row md:items-center md:gap-2", children: [
+}, xme = ({ title: t, avatar: e, description: n }) => /* @__PURE__ */ R("article", { className: "flex w-[calc(100%-72px)] min-w-40 flex-col items-start gap-3 md:w-full md:flex-row md:items-center md:gap-2", children: [
   e && /* @__PURE__ */ m(rm, { avatar: e, size: "md" }),
   /* @__PURE__ */ R("div", { className: "flex flex-1 flex-col gap-0.5", children: [
     /* @__PURE__ */ m("header", { children: /* @__PURE__ */ m("h3", { children: /* @__PURE__ */ m(eo, { className: "text-base font-medium text-f1-foreground", children: t }) }) }),
@@ -67306,7 +67304,7 @@ const wme = (t) => t.map(
       r < n.length - 1 && /* @__PURE__ */ m("span", { className: "hidden md:inline", children: " · " })
     ] }, r)) }) })
   ] })
-] }), Sme = ({
+] }), _me = ({
   source: t,
   item: e,
   selectedItems: n,
@@ -67360,7 +67358,7 @@ const wme = (t) => t.map(
             }
           ),
           /* @__PURE__ */ m(
-            _me,
+            xme,
             {
               title: h.title,
               avatar: h.avatar,
@@ -67434,7 +67432,7 @@ const wme = (t) => t.map(
       s && "rounded-b-none"
     ),
     children: e.map((a, l) => /* @__PURE__ */ m(
-      Sme,
+      _me,
       {
         source: t,
         item: a,
@@ -67496,7 +67494,7 @@ const wme = (t) => t.map(
       `skeleton-item-${s}`
     ))
   }
-), Cme = ({
+), Sme = ({
   fields: t,
   itemDefinition: e,
   source: n,
@@ -67701,7 +67699,7 @@ const wme = (t) => t.map(
       default: {}
     },
     render: (t) => /* @__PURE__ */ m(
-      Cme,
+      Sme,
       {
         ...t
       }
@@ -67727,7 +67725,7 @@ const wme = (t) => t.map(
       default: {}
     },
     render: (t) => /* @__PURE__ */ m(
-      xme,
+      kme,
       {
         ...t
       }
@@ -67748,7 +67746,7 @@ const wme = (t) => t.map(
       }
     )
   }
-}, Eme = () => {
+}, Cme = () => {
   const t = {};
   for (const [e, n] of Object.entries(es))
     n.settings.default && (t[e] = { ...n.settings.default });
@@ -67769,11 +67767,11 @@ const wme = (t) => t.map(
       "useTableSettings must be used within a TableSettingsProvider"
     );
   return t;
-}, Ame = ({
+}, Eme = ({
   children: t
 }) => {
   const [e, n] = J({
-    visualization: Eme()
+    visualization: Cme()
   }), i = (r, o) => {
     n(typeof o == "function" ? (s) => ({
       ...s,
@@ -67811,9 +67809,9 @@ function cf(t) {
   if (Array.isArray(t))
     return t.map((n) => cf(n)).filter(Boolean).join("; ");
   const e = t;
-  return "type" in e && "value" in e && typeof e.type == "string" ? Tme(e.type, e.value) : "firstName" in e && "lastName" in e ? `${e.firstName} ${e.lastName}`.trim() : "label" in e && typeof e.label == "string" ? e.label : "text" in e && (typeof e.text == "string" || typeof e.text == "number") ? String(e.text) : "name" in e && typeof e.name == "string" ? e.name : "";
+  return "type" in e && "value" in e && typeof e.type == "string" ? Ame(e.type, e.value) : "firstName" in e && "lastName" in e ? `${e.firstName} ${e.lastName}`.trim() : "label" in e && typeof e.label == "string" ? e.label : "text" in e && (typeof e.text == "string" || typeof e.text == "number") ? String(e.text) : "name" in e && typeof e.name == "string" ? e.name : "";
 }
-function Tme(t, e) {
+function Ame(t, e) {
   if (e == null)
     return "";
   const n = e;
@@ -67867,10 +67865,10 @@ function Tme(t, e) {
       return cf(e);
   }
 }
-function Nme(t, e) {
+function Tme(t, e) {
   return e ? e.split(".").reduce((n, i) => n && typeof n == "object" && i in n ? n[i] : "", t) : t;
 }
-function Ome(t, e, n) {
+function Nme(t, e, n) {
   if (!t)
     return [];
   if (t.type === "table" || t.type === "editableTable") {
@@ -67900,13 +67898,13 @@ function Ome(t, e, n) {
   }
   return [];
 }
-function Mme(t, e) {
+function Ome(t, e) {
   return t.map(
     (n) => e.map((i) => {
       if (i.render)
         return i.render(n);
       if (i.field) {
-        const r = Nme(
+        const r = Tme(
           n,
           i.field
         );
@@ -67916,14 +67914,14 @@ function Mme(t, e) {
     })
   );
 }
-function Dme(t) {
+function Mme(t) {
   const e = (/* @__PURE__ */ new Date()).toISOString().slice(0, 19).replace(/[:-]/g, "");
   return `${t.replace(/[^a-zA-Z0-9-_]/g, "_")}_${e}.csv`;
 }
-function Ime(t, e, n) {
+function Dme(t, e, n) {
   if (!t || t.length === 0)
     throw new Error("No data available for export");
-  let i = Ome(
+  let i = Nme(
     e,
     n?.hiddenColumnIds,
     n?.columnOrder
@@ -67935,7 +67933,7 @@ function Ime(t, e, n) {
       field: a
     }));
   }
-  const r = Mme(t, i), o = n?.includeHeaders !== !1 ? i.map((s) => s.label) : [];
+  const r = Ome(t, i), o = n?.includeHeaders !== !1 ? i.map((s) => s.label) : [];
   return [
     ...o.length > 0 ? [o.map((s) => CC(s)).join(",")] : [],
     ...r.map(
@@ -67944,15 +67942,15 @@ function Ime(t, e, n) {
   ].join(`
 `);
 }
-function Pme(t, e) {
+function Ime(t, e) {
   const n = new Blob(["\uFEFF" + t], {
     type: "text/csv;charset=utf-8"
   }), i = document.createElement("a"), r = URL.createObjectURL(n);
   i.href = r, i.download = e, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(r);
 }
-async function Rme(t, e, n) {
-  const i = Ime(t, e, n), r = Dme(n?.filename || "data_collection");
-  Pme(i, r);
+async function Pme(t, e, n) {
+  const i = Dme(t, e, n), r = Mme(n?.filename || "data_collection");
+  Ime(i, r);
 }
 const Ra = 1e4, EC = 100;
 async function Fu(t) {
@@ -67976,7 +67974,7 @@ async function Fu(t) {
   }
   return t;
 }
-async function Lme(t) {
+async function Rme(t) {
   const { dataAdapter: e } = t, n = [
     ...t.currentSortings ? [
       {
@@ -68041,7 +68039,7 @@ async function Lme(t) {
     })
   )).records ?? []).slice(0, Ra);
 }
-function Fme({
+function Lme({
   source: t,
   currentVisualization: e,
   filename: n,
@@ -68051,8 +68049,8 @@ function Fme({
     if (i) {
       o(!0);
       try {
-        const c = await Lme(t), d = e?.type ?? "table", f = a.visualization[d], u = f?.hidden ? new Set(f.hidden) : void 0, h = f?.order;
-        await Rme(c, e, {
+        const c = await Rme(t), d = e?.type ?? "table", f = a.visualization[d], u = f?.hidden ? new Set(f.hidden) : void 0, h = f?.order;
+        await Pme(c, e, {
           filename: n || "data_collection_export",
           hiddenColumnIds: u,
           columnOrder: h
@@ -68082,13 +68080,13 @@ const o8 = "dc_", In = {
   page: "dc_page",
   /** Selected view id (omitted when no view is selected). */
   preset: "dc_view"
-}, Hl = "..", A0 = "*", s8 = "none", a8 = "-", Hk = 25, l8 = (t) => `${o8}${t}`, c8 = (t) => t instanceof URLSearchParams ? t : typeof t == "string" ? new URLSearchParams(t) : typeof window < "u" ? new URLSearchParams(window.location.search) : new URLSearchParams(), $me = (t) => {
+}, Hl = "..", A0 = "*", s8 = "none", a8 = "-", Hk = 25, l8 = (t) => `${o8}${t}`, c8 = (t) => t instanceof URLSearchParams ? t : typeof t == "string" ? new URLSearchParams(t) : typeof window < "u" ? new URLSearchParams(window.location.search) : new URLSearchParams(), Fme = (t) => {
   new Set(
     [...t.keys()].filter(
       (n) => n.startsWith(o8)
     )
   ).forEach((n) => t.delete(n));
-}, zme = (t) => {
+}, $me = (t) => {
   const e = t.trim();
   if (e === "" || e === s8 || e === "null")
     return null;
@@ -68098,7 +68096,7 @@ const o8 = "dc_", In = {
     return r ? { field: r, order: i } : null;
   }
   return { field: e, order: "asc" };
-}, Bme = (t) => t ? `${String(t.field)}${a8}${t.order}` : s8, py = (t) => t.toISOString().slice(0, 10), d8 = (t) => {
+}, zme = (t) => t ? `${String(t.field)}${a8}${t.order}` : s8, py = (t) => t.toISOString().slice(0, 10), d8 = (t) => {
   if (t == null) return [];
   if (Array.isArray(t))
     return t.filter((e) => e != null).map(String);
@@ -68132,7 +68130,7 @@ const o8 = "dc_", In = {
     // No marker → inclusive (closed). `*` marker → exclusive (open).
     closed: !e
   };
-}, jme = (t) => {
+}, Bme = (t) => {
   if (t.includes(Hl)) {
     const [n, i] = t.split(Hl);
     return {
@@ -68143,28 +68141,28 @@ const o8 = "dc_", In = {
   }
   const e = Number(t);
   return { mode: "single", value: Number.isNaN(e) ? void 0 : e };
-}, Hme = (t) => {
+}, jme = (t) => {
   if (t.includes(Hl)) {
     const [e, n] = t.split(Hl);
     return e ? n ? { from: new Date(e), to: new Date(n) } : { from: new Date(e) } : void 0;
   }
   return t ? new Date(t) : void 0;
-}, Vme = (t, e) => {
+}, Hme = (t, e) => {
   switch (t) {
     case "in":
       return e;
     case "search":
       return e[0];
     case "number":
-      return jme(e[0] ?? "");
+      return Bme(e[0] ?? "");
     case "date":
-      return Hme(e[0] ?? "");
+      return jme(e[0] ?? "");
     default:
       return e.length > 1 ? e : e[0];
   }
-}, Wme = (t, e) => {
+}, Vme = (t, e) => {
   const n = c8(t), i = {};
-  if (n.has(In.search) && (i.search = n.get(In.search) ?? void 0), n.has(In.sortings) && (i.sortings = zme(
+  if (n.has(In.search) && (i.search = n.get(In.search) ?? void 0), n.has(In.sortings) && (i.sortings = $me(
     n.get(In.sortings) ?? ""
   )), n.has(In.visualization)) {
     const r = n.get(In.visualization);
@@ -68183,7 +68181,7 @@ const o8 = "dc_", In = {
     let o = !1;
     for (const [s, a] of Object.entries(e)) {
       const l = l8(s);
-      n.has(l) && (r[s] = Vme(
+      n.has(l) && (r[s] = Hme(
         a.type,
         n.getAll(l)
       ), o = !0);
@@ -68191,11 +68189,11 @@ const o8 = "dc_", In = {
     o && (i.filters = r);
   }
   return i;
-}, TC = /* @__PURE__ */ new Set(), Ume = (t, e) => {
+}, TC = /* @__PURE__ */ new Set(), Wme = (t, e) => {
   TC.has(t) || (TC.add(t), console.warn(
     `[OneDataCollection] Filter "${t}" has ${e} selected values, over the URL limit of ${Hk}; it will not be reflected in the URL (still applied in-memory and persisted via storage).`
   ));
-}, qme = (t) => {
+}, Ume = (t) => {
   const e = d8(t).length;
   return e > 0 && e <= Hk;
 }, f8 = (t, e) => {
@@ -68203,26 +68201,26 @@ const o8 = "dc_", In = {
     for (const [n, i] of Object.entries(e.filters)) {
       const r = d8(i);
       if (r.length > Hk) {
-        Ume(n, r.length);
+        Wme(n, r.length);
         continue;
       }
       r.forEach((o) => t.append(l8(n), o));
     }
   e.search && t.set(In.search, e.search), e.sortings && t.set(
     In.sortings,
-    Bme(e.sortings)
+    zme(e.sortings)
   ), e.visualization && t.set(In.visualization, e.visualization), e.page && e.page > 1 && t.set(In.page, String(e.page)), e.preset && t.set(In.preset, e.preset);
-}, Kme = (t) => !!t.search || !!t.sortings || !!t.visualization || t.page !== void 0 && t.page > 1 || !!t.preset || !!t.filters && Object.values(t.filters).some(qme), s1e = (t = {}) => {
+}, qme = (t) => !!t.search || !!t.sortings || !!t.visualization || t.page !== void 0 && t.page > 1 || !!t.preset || !!t.filters && Object.values(t.filters).some(Ume), o1e = (t = {}) => {
   const e = new URLSearchParams();
   return f8(e, t), e;
-}, Gme = (t, e) => {
+}, Kme = (t, e) => {
   const n = new URLSearchParams(c8(t));
-  return $me(n), Kme(e) && f8(n, e), n;
-}, Yme = (t, e) => {
+  return Fme(n), qme(e) && f8(n, e), n;
+}, Gme = (t, e) => {
   if (typeof window > "u") return null;
-  const i = Gme(window.location.search, t).toString(), r = i ? `${window.location.pathname}?${i}` : window.location.pathname, o = e?.history ?? "replace";
+  const i = Kme(window.location.search, t).toString(), r = i ? `${window.location.pathname}?${i}` : window.location.pathname, o = e?.history ?? "replace";
   return o === "push" ? window.history.pushState(null, "", r) : o === "replace" && window.history.replaceState(null, "", r), i;
-}, a1e = (t, e) => {
+}, s1e = (t, e) => {
   try {
     localStorage.setItem(
       tP(t),
@@ -68230,7 +68228,7 @@ const o8 = "dc_", In = {
     );
   } catch {
   }
-}, Xme = ({
+}, Yme = ({
   disabled: t,
   storageReady: e,
   filtersDefinition: n,
@@ -68249,7 +68247,7 @@ const o8 = "dc_", In = {
   const p = !t, g = a.length > 1, [y, v] = J(!1);
   de(() => {
     if (!p || !e || y) return;
-    const w = Wme(
+    const w = Vme(
       typeof window < "u" ? window.location.search : "",
       n
     );
@@ -68259,7 +68257,7 @@ const o8 = "dc_", In = {
     }
     w.preset !== void 0 && h(w.preset), v(!0);
   }, [p, e]), ib(() => {
-    !p || !y || Yme({
+    !p || !y || Gme({
       filters: i,
       search: r,
       sortings: o,
@@ -68285,18 +68283,18 @@ const o8 = "dc_", In = {
     return i ? i.filter : {};
   }
   return {};
-}, Jme = (t, e, n) => {
+}, Xme = (t, e, n) => {
   const i = e[t];
   return i?.filters ? new Set(Object.keys(i.filters)) : n ? new Set(Object.keys(n)) : null;
-}, Zme = (t, e, n, i) => {
+}, Jme = (t, e, n, i) => {
   if (!T0(e)) return {};
-  const r = Jme(t, n, i);
+  const r = Xme(t, n, i);
   if (!r) return e;
   const o = {};
   for (const [s, a] of Object.entries(e))
     r.has(s) && (o[s] = a);
   return o;
-}, Qme = ({
+}, Zme = ({
   sourceFilters: t,
   sourcePresets: e,
   sourceCurrentFilters: n,
@@ -68428,7 +68426,7 @@ const o8 = "dc_", In = {
       const N = y.current, O = v.current, P = T0(E) ? E : {}, D = {};
       for (const [A, T] of Object.entries(P)) {
         const M = T0(T) ? T : {}, I = Number(A);
-        Number.isInteger(I) && I >= 0 && I < N.length ? D[A] = Zme(
+        Number.isInteger(I) && I >= 0 && I < N.length ? D[A] = Jme(
           I,
           M,
           N,
@@ -68460,7 +68458,7 @@ const o8 = "dc_", In = {
     setAllVisualizationFilters: S,
     hasPerVisualizationFilters: !0
   };
-}, ege = ({
+}, Qme = ({
   visualization: t,
   source: e,
   onSelectItems: n,
@@ -68493,7 +68491,7 @@ const o8 = "dc_", In = {
   return {
     visualization: t
   };
-}, tge = (t, e) => {
+}, ege = (t, e) => {
   if (!e || !(e in es))
     return !0;
   const n = e, i = t.visualization[n], r = es[n]?.settings.default;
@@ -68506,15 +68504,15 @@ function OC(t, e) {
   for (; i.has(`${n} ${r}`); ) r++;
   return `${n} ${r}`;
 }
-const N0 = "dc_shared_view", nge = (t) => {
+const N0 = "dc_shared_view", tge = (t) => {
   const e = new TextEncoder().encode(t);
   let n = "";
   for (const i of e) n += String.fromCharCode(i);
   return btoa(n).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
-}, ige = (t) => {
+}, nge = (t) => {
   const e = t.replace(/-/g, "+").replace(/_/g, "/"), n = atob(e), i = Uint8Array.from(n, (r) => r.charCodeAt(0));
   return new TextDecoder().decode(i);
-}, rge = (t) => {
+}, ige = (t) => {
   const e = {
     label: t.label,
     description: t.description,
@@ -68524,20 +68522,20 @@ const N0 = "dc_shared_view", nge = (t) => {
     visualization: t.visualization,
     settings: t.settings
   };
-  return nge(JSON.stringify(e));
-}, oge = (t) => {
+  return tge(JSON.stringify(e));
+}, rge = (t) => {
   if (!t) return null;
   try {
-    const e = JSON.parse(ige(t));
+    const e = JSON.parse(nge(t));
     return typeof e == "object" && e !== null && typeof e.label == "string" ? e : null;
   } catch {
     return null;
   }
-}, sge = (t) => {
+}, oge = (t) => {
   if (typeof window > "u") return null;
   const { origin: e, pathname: n } = window.location;
-  return `${e}${n}?${N0}=${rge(t)}`;
-}, $u = "__no-sorting__", age = ({
+  return `${e}${n}?${N0}=${ige(t)}`;
+}, $u = "__no-sorting__", sge = ({
   currentSortings: t,
   sortings: e,
   onChange: n
@@ -68590,21 +68588,21 @@ const N0 = "dc_shared_view", nge = (t) => {
       }
     ) })
   ] }) });
-}, lge = (t) => {
+}, age = (t) => {
   if (t === "custom")
     return null;
   const e = es[t];
   if (!e)
     throw new Error(`Visualization type ${t} not found`);
   return e;
-}, u8 = (t) => lge(t.type)?.settings.renderer ?? null, cge = (t) => {
+}, u8 = (t) => age(t.type)?.settings.renderer ?? null, lge = (t) => {
   if (t.type === "custom")
     return !1;
   const e = u8(t);
   return e ? e(
     t.options
   ) !== null : !1;
-}, dge = ({
+}, cge = ({
   visualization: t
 }) => {
   if (t.type === "custom")
@@ -68613,7 +68611,7 @@ const N0 = "dc_shared_view", nge = (t) => {
   return e ? e(
     t.options
   ) : null;
-}, fge = ({
+}, dge = ({
   visualizations: t,
   currentVisualization: e,
   grouping: n,
@@ -68633,7 +68631,7 @@ const N0 = "dc_shared_view", nge = (t) => {
     [e, t?.[e]]
   ), k = te(
     () => /* @__PURE__ */ m(
-      dge,
+      cge,
       {
         visualization: w
       },
@@ -68641,7 +68639,7 @@ const N0 = "dc_shared_view", nge = (t) => {
     ),
     [w]
   ), b = te(
-    () => cge(w),
+    () => lge(w),
     [w]
   ), x = te(
     () => {
@@ -68659,7 +68657,7 @@ const N0 = "dc_shared_view", nge = (t) => {
     if (JSON.stringify(s) !== JSON.stringify(a))
       return !0;
     const E = t[e]?.type;
-    return !tge(
+    return !ege(
       _.settings,
       E
     );
@@ -68706,7 +68704,7 @@ const N0 = "dc_shared_view", nge = (t) => {
             "grouping"
           ) }),
           v && /* @__PURE__ */ m("div", { className: "p-3", children: /* @__PURE__ */ m(
-            age,
+            sge,
             {
               currentSortings: s,
               onChange: l,
@@ -68739,13 +68737,13 @@ const N0 = "dc_shared_view", nge = (t) => {
       }
     )
   ] }) });
-}, uge = 16;
-function hge(t, e, n) {
+}, fge = 16;
+function uge(t, e, n) {
   const [i, r] = J(!1), o = U(!1), s = U(0), a = oe(() => {
     const l = t.current, c = e.current;
     if (!l || !c) return;
     o.current || (s.current = c.scrollWidth);
-    const d = getComputedStyle(l), f = parseFloat(d.paddingLeft) + parseFloat(d.paddingRight), u = n?.current?.offsetWidth ?? 0, h = l.clientWidth - f - (u > 0 ? u + uge : 0), p = s.current > h;
+    const d = getComputedStyle(l), f = parseFloat(d.paddingLeft) + parseFloat(d.paddingRight), u = n?.current?.offsetWidth ?? 0, h = l.clientWidth - f - (u > 0 ? u + fge : 0), p = s.current > h;
     p !== o.current && (o.current = p, r(p));
   }, [t, e, n]);
   return nx({
@@ -68756,19 +68754,19 @@ function hge(t, e, n) {
     onResize: a
   }), i;
 }
-const pge = () => {
+const hge = () => {
   const t = ze();
   return (e) => e.type === "custom" ? { icon: e.icon, label: e.label } : {
     icon: es[e.type].icon,
     label: t.collections.visualizations[e.type]
   };
-}, mge = ({
+}, pge = ({
   visualizations: t,
   currentVisualization: e,
   onVisualizationChange: n,
   hideLabels: i
 }) => {
-  const r = ze(), o = pge();
+  const r = ze(), o = hge();
   if (!t || t.length <= 1)
     return null;
   const s = t.map((a, l) => {
@@ -68785,7 +68783,7 @@ const pge = () => {
       ariaLabel: r.collections.visualizations.viewSelectorLabel
     }
   );
-}, gge = 1500, yge = 2e3, vge = ({
+}, mge = 1500, gge = 2e3, yge = ({
   source: t,
   visualizations: e,
   onSelectItems: n,
@@ -68837,7 +68835,7 @@ const pge = () => {
   ), [ne, Z] = J([]), [V, ie] = J(null), [re] = J(() => {
     if (typeof window > "u") return null;
     const ge = new URLSearchParams(window.location.search);
-    return oge(ge.get(N0));
+    return rge(ge.get(N0));
   }), ae = boe(
     t.searchPreview,
     t.debouncedCurrentSearch
@@ -68849,7 +68847,7 @@ const pge = () => {
     allVisualizationFilters: ve,
     setAllVisualizationFilters: Ee,
     hasPerVisualizationFilters: j
-  } = Qme({
+  } = Zme({
     sourceFilters: g,
     sourcePresets: w,
     sourceCurrentFilters: y,
@@ -68882,7 +68880,7 @@ const pge = () => {
   ), Ve = te(
     () => uoe(A),
     [A]
-  ), We = h && typeof h == "object" ? h.filename : d ? `${d}_export` : void 0, rt = Fme({
+  ), We = h && typeof h == "object" ? h.filename : d ? `${d}_export` : void 0, rt = Lme({
     source: W,
     currentVisualization: e[z],
     filename: We,
@@ -68930,7 +68928,7 @@ const pge = () => {
           (ge) => !("type" in ge && ge.type === "separator")
         )
       };
-  }, [we, De]), [ut, Pt] = J(!1), [ii, rn] = J(0), [Mn, fn] = J(!1), [Qt, Pe] = J("idle"), [Re, Je] = J(!1), yt = U(null), un = U(null), ds = U(null), fs = U(null), us = U(null), hs = hge(
+  }, [we, De]), [ut, Pt] = J(!1), [ii, rn] = J(0), [Mn, fn] = J(!1), [Qt, Pe] = J("idle"), [Re, Je] = J(!1), yt = U(null), un = U(null), ds = U(null), fs = U(null), us = U(null), hs = uge(
     ds,
     fs,
     us
@@ -68944,7 +68942,7 @@ const pge = () => {
     (ge, Ne = !0) => {
       un.current && clearTimeout(un.current), un.current = setTimeout(() => {
         Ne && Pt(!1), ge(), un.current = null;
-      }, gge);
+      }, mge);
     },
     // setShowActionBar is a stable setState ref — safe to omit from deps.
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -69207,7 +69205,7 @@ const pge = () => {
     (ge) => {
       const Ne = ne.find((ri) => ri.id === ge);
       if (!Ne) return;
-      const nt = sge({
+      const nt = oge({
         label: Ne.label,
         description: Ne.description,
         filter: Ne.filter,
@@ -69225,7 +69223,7 @@ const pge = () => {
     if (!_g) return;
     const ge = setTimeout(
       () => Vk(!1),
-      yge
+      gge
     );
     return () => clearTimeout(ge);
   }, [_g]), de(() => {
@@ -69290,7 +69288,7 @@ const pge = () => {
   );
   de(() => {
     Yf && or === null && kg(ct);
-  }, [Yf, or, ct]), Xme({
+  }, [Yf, or, ct]), Yme({
     disabled: !!f,
     storageReady: Yf,
     filtersDefinition: g,
@@ -69428,7 +69426,7 @@ const pge = () => {
                       }
                     ),
                     e && e.length > 1 && /* @__PURE__ */ m(
-                      mge,
+                      pge,
                       {
                         visualizations: e,
                         currentVisualization: z,
@@ -69437,7 +69435,7 @@ const pge = () => {
                       }
                     ),
                     Cg && /* @__PURE__ */ m(
-                      fge,
+                      dge,
                       {
                         visualizations: e,
                         currentVisualization: z,
@@ -69485,7 +69483,7 @@ const pge = () => {
               l && "h-full min-h-0 flex-1"
             ),
             children: /* @__PURE__ */ m(
-              ege,
+              Qme,
               {
                 visualization: e[z],
                 source: W,
@@ -69562,7 +69560,7 @@ const pge = () => {
       ]
     }
   );
-}, bge = (t) => /* @__PURE__ */ m(Ame, { children: /* @__PURE__ */ m(vge, { ...t }) }), wge = kt(bge), l1e = wge, c1e = (t, e = []) => {
+}, vge = (t) => /* @__PURE__ */ m(Eme, { children: /* @__PURE__ */ m(yge, { ...t }) }), bge = kt(vge), a1e = bge, l1e = (t, e = []) => {
   const n = ze(), {
     navigationFilters: i,
     summaries: r,
@@ -69595,52 +69593,52 @@ const pge = () => {
   };
 };
 export {
-  l1e as $,
+  a1e as $,
   b$ as A,
   k$ as B,
-  Ege as C,
-  Lge as D,
-  Fge as E,
+  Cge as C,
+  Rge as D,
+  Lge as E,
   G$ as F,
   Eh as G,
   T6 as H,
-  Wge as I,
-  Vge as J,
-  Gge as K,
+  Vge as I,
+  Hge as J,
+  Kge as K,
   T$ as L,
   mR as M,
-  qge as N,
+  Uge as N,
   fte as O,
-  Bge as P,
+  zge as P,
   bm as Q,
   CR as R,
   ite as S,
-  Kge as T,
+  qge as T,
   I6 as U,
   z$ as V,
-  o1e as W,
+  r1e as W,
   EE as X,
   gE as Y,
   Qc as Z,
   Ec as _,
   gY as a,
-  Fme as a0,
-  Rme as a1,
-  Ime as a2,
+  Lme as a0,
+  Pme as a1,
+  Dme as a2,
   ng as a3,
   pk as a4,
   noe as a5,
-  Uge as a6,
+  Wge as a6,
   Aoe as a7,
-  r1e as a8,
+  i1e as a8,
   SO as a9,
-  Age as aA,
+  Ege as aA,
   vm as aB,
   mb as aC,
   xz as aD,
   nte as aE,
   pN as aF,
-  e1e as aG,
+  Qge as aG,
   Js as aH,
   qB as aI,
   oz as aJ,
@@ -69653,16 +69651,16 @@ export {
   o8 as aQ,
   In as aR,
   Hk as aS,
-  Wme as aT,
-  s1e as aU,
-  Gme as aV,
-  Yme as aW,
-  a1e as aX,
+  Vme as aT,
+  o1e as aU,
+  Kme as aV,
+  Gme as aW,
+  s1e as aX,
   Jre as aa,
-  n1e as ab,
-  i1e as ac,
+  t1e as ab,
+  n1e as ac,
   fN as ad,
-  Qge as ae,
+  Zge as ae,
   bi as af,
   cN as ag,
   uN as ah,
@@ -69686,27 +69684,27 @@ export {
   ub as az,
   a4 as b,
   NR as c,
-  c1e as d,
-  Hge as e,
-  jge as f,
+  l1e as d,
+  jge as e,
+  Bge as f,
   lz as g,
   g$ as h,
   O$ as i,
   _$ as j,
   c$ as k,
   oo as l,
-  $ge as m,
-  zge as n,
+  Fge as m,
+  $ge as n,
   eoe as o,
   l4 as p,
   eN as q,
-  Tge as r,
-  Nge as s,
-  Oge as t,
+  Age as r,
+  Tge as s,
+  Nge as t,
   xR as u,
-  Mge as v,
-  Dge as w,
-  Ige as x,
-  Pge as y,
-  Rge as z
+  Oge as v,
+  Mge as w,
+  Dge as x,
+  Ige as y,
+  Pge as z
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "4.26.0",
+  "version": "4.27.0",
   "private": false,
   "files": [
     "assets",