@factorialco/f0-react 2.34.0 → 2.36.0

package/dist/{useDataCollectionSource-BkSLdJZC.js → useDataCollectionSource-Bp6MCLzM.js}

@@ -1,7 +1,7 @@
 import { jsx as p, jsxs as E, Fragment as Me } from "react/jsx-runtime";
 import * as Ae from "react";
 import z, { useRef as G, useState as j, useCallback as ye, useEffect as re, useContext as On, useMemo as te, createContext as oi, forwardRef as Ke, useLayoutEffect as An, PureComponent as qo, useImperativeHandle as Uo, Fragment as Tr, useId as jc, useDebugValue as jw, createRef as RS, memo as Bw, createElement as pp, version as Dy, isValidElement as PS, cloneElement as IS } from "react";
-import { d$ as Ry, e0 as Bl, e1 as LS, dO as zw, e2 as FS, e3 as $S, e4 as jS, e5 as Yu, e6 as BS, c5 as zS, e7 as HS, n as we, cd as Hw, c7 as VS, H as It, _ as Bc, m as P, N as zc, cy as WS, cz as qS, o as f1, a6 as st, a7 as Si, e8 as to, e9 as US, ea as KS, eb as Py, ec as Iy, ed as Ly, ee as Fy, ef as mf, eg as GS, eh as Vw, ei as JS, ej as YS, ek as XS, dV as Ww, dW as qw, ah as gs, el as Yt, em as Je, en as un, eo as Uw, ep as QS, eq as Kw, er as c1, es as ZS, et as zt, eu as Hc, ev as pt, ew as Gw, ex as Vc, ey as u1, ez as h1, eA as p1, eB as Rt, eC as fn, eD as mp, eE as Wc, eF as eC, eG as Gt, eH as qc, eI as ln, eJ as Ds, eK as m1, eL as Uc, eM as qd, eN as Kc, bt as g1, eO as tC, eP as pd, eQ as gf, eR as nC, eS as iC, eT as rC, eU as sC, eV as oC, eW as aC, eX as Jw, eY as Yw, eZ as Xw, e_ as Qw, e$ as Zw, f0 as lC, f1 as yf, f2 as dC, f3 as fC, f4 as zl, f5 as Ir, dT as Ki, f6 as y1, f7 as Hl, f8 as ex, dU as tx, f9 as cC, fa as uC, dR as hC, fb as pC, dS as mC, fc as Pt, fd as Xt, T as v1, p as b1, q as k1, t as w1, fe as nx, ff as tl, s as hn, fg as ix, bd as ai, A as at, bO as x1, ar as Jt, M as fe, a3 as Rs, a5 as ys, C as je, W as _1, cs as gC, u as Ne, aL as rx, aV as Gc, bs as sx, dK as yC, aF as vC, b7 as Jc, a8 as Yc, fh as bC, fi as kC, fj as wC, fk as ox, aN as xC, Y as Ko, bG as ax, fl as _C, bT as vt, fm as lx, fn as dx, fo as gp, fp as SC, fq as $y, af as Vl, b_ as fx, bU as yp, aB as S1, aC as C1, aD as E1, bY as CC, at as vf, fr as cx, bB as EC, fs as AC, ft as Xu, fu as TC, ax as OC, bH as ux, E as MC, G as NC, cK as Xc, L as DC, X as RC, fv as PC, fw as jy, V as By, bI as A1, fx as IC, fy as LC, K as FC, fz as $C, a2 as Wl, cY as T1, ac as Gi, ao as hx, b8 as jC, b9 as BC, aj as vs, fA as px, cq as mx, fB as Go, fC as Qc, fD as Zc, fE as Jo, dg as gx, bF as O1, d5 as zy, b3 as zC, cr as HC, as as vp, aP as yx, fF as VC, cv as bp, ct as vx, cw as bx, cu as kx, cB as WC, d1 as qC, dn as UC, dk as KC, cZ as wx, c_ as xx, c$ as _x, d6 as M1, db as Sx, cF as Cx, dd as Ex, cG as Ax, da as Tx, df as Ox, ai as Mx, fG as Nx, fH as GC, S as de, aS as JC, ad as eu, b6 as tu, aM as YC, av as XC, cU as QC, cS as ZC, cR as e9, cQ as t9, cT as n9, a1 as Dx, d0 as i9, dr as r9, dh as Rx, br as Yo, c1 as s9, dm as o9, dc as a9, d9 as l9, d8 as d9, aA as f9, fI as c9, aa as u9, aZ as h9, aT as Hy, bc as p9, a0 as Px, $ as bf, bj as Ix, dL as m9, dC as Lx, dD as Fx, dw as $x, ab as g9, by as y9, dq as v9, bq as Vy, aq as N1, fJ as b9, fK as k9, bX as w9, aR as x9, fL as _9, a_ as S9, dj as C9, ba as E9, fM as A9, fN as T9, aX as O9, fO as M9, fP as nu, fQ as D1, be as N9, bf as D9, bg as R9, bi as P9, fR as R1, fS as jx, dJ as P1, de as I9, fT as L9, cp as Bx, cx as kp, al as F9, am as $9, O as j9, fU as kf, fV as B9, fW as z9, ap as H9, d7 as V9, dN as wf, fX as W9, fY as q9, bE as U9, d2 as Wy, dl as K9, cI as G9, cA as J9, cH as Y9, di as X9, fZ as Q9, f_ as Z9, f$ as zx, g0 as e8, g1 as t8 } from "./F0CanvasPanel-EblUp6hE.js";
+import { d$ as Ry, e0 as Bl, e1 as LS, dO as zw, e2 as FS, e3 as $S, e4 as jS, e5 as Yu, e6 as BS, c5 as zS, e7 as HS, n as we, cd as Hw, c7 as VS, H as It, _ as Bc, m as P, N as zc, cy as WS, cz as qS, o as f1, a6 as st, a7 as Si, e8 as to, e9 as US, ea as KS, eb as Py, ec as Iy, ed as Ly, ee as Fy, ef as mf, eg as GS, eh as Vw, ei as JS, ej as YS, ek as XS, dV as Ww, dW as qw, ah as gs, el as Yt, em as Je, en as un, eo as Uw, ep as QS, eq as Kw, er as c1, es as ZS, et as zt, eu as Hc, ev as pt, ew as Gw, ex as Vc, ey as u1, ez as h1, eA as p1, eB as Rt, eC as fn, eD as mp, eE as Wc, eF as eC, eG as Gt, eH as qc, eI as ln, eJ as Ds, eK as m1, eL as Uc, eM as qd, eN as Kc, bt as g1, eO as tC, eP as pd, eQ as gf, eR as nC, eS as iC, eT as rC, eU as sC, eV as oC, eW as aC, eX as Jw, eY as Yw, eZ as Xw, e_ as Qw, e$ as Zw, f0 as lC, f1 as yf, f2 as dC, f3 as fC, f4 as zl, f5 as Ir, dT as Ki, f6 as y1, f7 as Hl, f8 as ex, dU as tx, f9 as cC, fa as uC, dR as hC, fb as pC, dS as mC, fc as Pt, fd as Xt, T as v1, p as b1, q as k1, t as w1, fe as nx, ff as tl, s as hn, fg as ix, bd as ai, A as at, bO as x1, ar as Jt, M as fe, a3 as Rs, a5 as ys, C as Fe, W as _1, cs as gC, u as Ne, aL as rx, aV as Gc, bs as sx, dK as yC, aF as vC, b7 as Jc, a8 as Yc, fh as bC, fi as kC, fj as wC, fk as ox, aN as xC, Y as Ko, bG as ax, fl as _C, bT as vt, fm as lx, fn as dx, fo as gp, fp as SC, fq as $y, af as Vl, b_ as fx, bU as yp, aB as S1, aC as C1, aD as E1, bY as CC, at as vf, fr as cx, bB as EC, fs as AC, ft as Xu, fu as TC, ax as OC, bH as ux, E as MC, G as NC, cK as Xc, L as DC, X as RC, fv as PC, fw as jy, V as By, bI as A1, fx as IC, fy as LC, K as FC, fz as $C, a2 as Wl, cY as T1, ac as Gi, ao as hx, b8 as jC, b9 as BC, aj as vs, fA as px, cq as mx, fB as Go, fC as Qc, fD as Zc, fE as Jo, dg as gx, bF as O1, d5 as zy, b3 as zC, cr as HC, as as vp, aP as yx, fF as VC, cv as bp, ct as vx, cw as bx, cu as kx, cB as WC, d1 as qC, dn as UC, dk as KC, cZ as wx, c_ as xx, c$ as _x, d6 as M1, db as Sx, cF as Cx, dd as Ex, cG as Ax, da as Tx, df as Ox, ai as Mx, fG as Nx, fH as GC, S as de, aS as JC, ad as eu, b6 as tu, aM as YC, av as XC, cU as QC, cS as ZC, cR as e9, cQ as t9, cT as n9, a1 as Dx, d0 as i9, dr as r9, dh as Rx, br as Yo, c1 as s9, dm as o9, dc as a9, d9 as l9, d8 as d9, aA as f9, fI as c9, aa as u9, aZ as h9, aT as Hy, bc as p9, a0 as Px, $ as bf, bj as Ix, dL as m9, dC as Lx, dD as Fx, dw as $x, ab as g9, by as y9, dq as v9, bq as Vy, aq as N1, fJ as b9, fK as k9, bX as w9, aR as x9, fL as _9, a_ as S9, dj as C9, ba as E9, fM as A9, fN as T9, aX as O9, fO as M9, fP as nu, fQ as D1, be as N9, bf as D9, bg as R9, bi as P9, fR as R1, fS as jx, dJ as P1, de as I9, fT as L9, cp as Bx, cx as kp, al as F9, am as $9, O as j9, fU as kf, fV as B9, fW as z9, ap as H9, d7 as V9, dN as wf, fX as W9, fY as q9, bE as U9, d2 as Wy, dl as K9, cI as G9, cA as J9, cH as Y9, di as X9, fZ as Q9, f_ as Z9, f$ as zx, g0 as e8, g1 as t8 } from "./F0CanvasPanel-CzqKtOrT.js";
 import I1 from "react-dom";
 import './useDataCollectionSource.css';const n8 = {
   active: !0,
@@ -7024,14 +7024,14 @@ const RO = (t) => Array.isArray(t) ? t.every((e) => DO(e)) ? t : [
     className: "h-5 w-5 text-f1-icon-positive"
   }
 ) : t === "error" ? /* @__PURE__ */ p(
-  je,
+  Fe,
   {
     icon: _1,
     size: "md",
     color: e ? "critical" : "inverse"
   }
 ) : /* @__PURE__ */ p(
-  je,
+  Fe,
   {
     icon: gC,
     size: "md",
@@ -7250,7 +7250,7 @@ function $O({ checked: t }) {
         "flex h-5 w-5 shrink-0 items-center justify-center rounded-xs transition-colors",
         t ? "bg-f1-background-selected-bold text-f1-foreground-inverse" : "border border-solid border-f1-border bg-f1-background"
       ),
-      children: t && /* @__PURE__ */ p(je, { icon: Yc, size: "sm" })
+      children: t && /* @__PURE__ */ p(Fe, { icon: Yc, size: "sm" })
     }
   );
 }
@@ -7498,7 +7498,7 @@ const _Y = st(
             r && "w-full"
           ),
           children: [
-            f.icon && /* @__PURE__ */ p(je, { icon: f.icon, size: "md" }),
+            f.icon && /* @__PURE__ */ p(Fe, { icon: f.icon, size: "md" }),
             f.label
           ]
         },
@@ -7625,7 +7625,7 @@ function qO({
       onClick: n,
       children: [
         /* @__PURE__ */ E(Me, { children: [
-          a === "one-campaign" ? /* @__PURE__ */ p("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ p(je, { icon: WO, size: "lg", className: "!h-8 !w-8" }) }) : /* @__PURE__ */ p("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ p(
+          a === "one-campaign" ? /* @__PURE__ */ p("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ p(Fe, { icon: WO, size: "lg", className: "!h-8 !w-8" }) }) : /* @__PURE__ */ p("div", { className: "relative flex h-8 w-8 shrink-0 items-center justify-center", children: /* @__PURE__ */ p(
             xC,
             {
               module: l.module,
@@ -9690,7 +9690,7 @@ function $p(t, e) {
             i.preventDefault(), t.onCheckedChange(!t.checked);
           },
           children: /* @__PURE__ */ E("div", { className: "flex w-full flex-row items-center gap-2", children: [
-            t.icon && /* @__PURE__ */ p(je, { icon: t.icon, color: "default" }),
+            t.icon && /* @__PURE__ */ p(Fe, { icon: t.icon, color: "default" }),
             /* @__PURE__ */ p("span", { className: "flex-1", children: t.label }),
             /* @__PURE__ */ p(
               A1,
@@ -9707,7 +9707,7 @@ function $p(t, e) {
     if (t.type === "submenu")
       return /* @__PURE__ */ p(jy, { children: /* @__PURE__ */ E(IC, { children: [
         /* @__PURE__ */ p(LC, { className: "mx-1 px-2 data-[state=open]:rounded-sm data-[state=closed]:bg-transparent data-[state=open]:bg-f1-background-hover", children: /* @__PURE__ */ E("div", { className: "flex w-full flex-row items-center gap-2", children: [
-          t.icon && /* @__PURE__ */ p(je, { icon: t.icon, color: "default" }),
+          t.icon && /* @__PURE__ */ p(Fe, { icon: t.icon, color: "default" }),
           /* @__PURE__ */ p("span", { className: "flex-1 text-base font-medium", children: t.label }),
           t.selectedLabel && /* @__PURE__ */ p("span", { className: "mr-1 text-base text-f1-foreground-secondary", children: t.selectedLabel })
         ] }) }),
@@ -9723,9 +9723,9 @@ function $p(t, e) {
       onClick: n.onClick,
       className: P(n.critical && "text-f1-foreground-critical"),
       children: /* @__PURE__ */ E("div", { className: "flex w-full flex-row items-center gap-2", children: [
-        n.icon && /* @__PURE__ */ p(je, { icon: n.icon }),
+        n.icon && /* @__PURE__ */ p(Fe, { icon: n.icon }),
         /* @__PURE__ */ p("span", { className: "flex-1", children: n.label }),
-        n.selected && /* @__PURE__ */ p(je, { icon: Yc, color: "default" })
+        n.selected && /* @__PURE__ */ p(Fe, { icon: Yc, color: "default" })
       ] })
     },
     `item-${e}`
@@ -9822,7 +9822,7 @@ function Y7({
                 {
                   className: "flex flex-shrink-0 cursor-grab items-center justify-center text-f1-icon active:cursor-grabbing",
                   "aria-label": "Drag to reorder",
-                  children: /* @__PURE__ */ p(je, { icon: T1, size: "xs" })
+                  children: /* @__PURE__ */ p(Fe, { icon: T1, size: "xs" })
                 }
               )
             },
@@ -9838,7 +9838,7 @@ function Y7({
                 ease: [0.25, 0.1, 0.25, 1]
               },
               className: "flex flex-shrink-0 items-center justify-center p-0.5 text-f1-icon",
-              children: /* @__PURE__ */ p(je, { icon: g, size: "md" })
+              children: /* @__PURE__ */ p(Fe, { icon: g, size: "md" })
             },
             "icon"
           ) }) }),
@@ -20417,7 +20417,7 @@ function At(t, e) {
   }
   return t;
 }
-function Fe(...t) {
+function $e(...t) {
   return t.filter((e) => !!e).reduce((e, n) => {
     const i = { ...e };
     return Object.entries(n).forEach(([r, s]) => {
@@ -20445,7 +20445,7 @@ function Fe(...t) {
 function zf(t, e) {
   return e.filter((n) => n.type === t.type.name).filter((n) => n.attribute.rendered).map((n) => n.attribute.renderHTML ? n.attribute.renderHTML(t.attrs) || {} : {
     [n.name]: t.attrs[n.name]
-  }).reduce((n, i) => Fe(n, i), {});
+  }).reduce((n, i) => $e(n, i), {});
 }
 function k4(t) {
   return typeof t == "function";
@@ -26570,7 +26570,7 @@ var Bi = {
     value: !0
   }
 };
-let Ft = null, $e = null;
+let Ft = null, je = null;
 const jh = {};
 async function Fb(t) {
   if (jh[t]) return jh[t];
@@ -26586,36 +26586,36 @@ function Ou(t, { caller: e } = {}) {
 async function wF(t) {
   A_ = !0;
   let { emojiVersion: e, set: n, locale: i } = t;
-  if (e || (e = Bi.emojiVersion.value), n || (n = Bi.set.value), i || (i = Bi.locale.value), $e)
-    $e.categories = $e.categories.filter((l) => !l.name);
+  if (e || (e = Bi.emojiVersion.value), n || (n = Bi.set.value), i || (i = Bi.locale.value), je)
+    je.categories = je.categories.filter((l) => !l.name);
   else {
-    $e = (typeof t.data == "function" ? await t.data() : t.data) || await Fb(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${e}/${n}.json`), $e.emoticons = {}, $e.natives = {}, $e.categories.unshift({
+    je = (typeof t.data == "function" ? await t.data() : t.data) || await Fb(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/sets/${e}/${n}.json`), je.emoticons = {}, je.natives = {}, je.categories.unshift({
       id: "frequent",
       emojis: []
     });
-    for (const l in $e.aliases) {
-      const d = $e.aliases[l], f = $e.emojis[d];
+    for (const l in je.aliases) {
+      const d = je.aliases[l], f = je.emojis[d];
       f && (f.aliases || (f.aliases = []), f.aliases.push(l));
     }
-    $e.originalCategories = $e.categories;
+    je.originalCategories = je.categories;
   }
   if (Ft = (typeof t.i18n == "function" ? await t.i18n() : t.i18n) || (i == "en" ? /* @__PURE__ */ f_(C_) : await Fb(`https://cdn.jsdelivr.net/npm/@emoji-mart/data@latest/i18n/${i}.json`)), t.custom) for (let l in t.custom) {
     l = parseInt(l);
     const d = t.custom[l], f = t.custom[l - 1];
     if (!(!d.emojis || !d.emojis.length)) {
-      d.id || (d.id = `custom_${l + 1}`), d.name || (d.name = Ft.categories.custom), f && !d.icon && (d.target = f.target || f), $e.categories.push(d);
-      for (const c of d.emojis) $e.emojis[c.id] = c;
+      d.id || (d.id = `custom_${l + 1}`), d.name || (d.name = Ft.categories.custom), f && !d.icon && (d.target = f.target || f), je.categories.push(d);
+      for (const c of d.emojis) je.emojis[c.id] = c;
     }
   }
-  t.categories && ($e.categories = $e.originalCategories.filter((l) => t.categories.indexOf(l.id) != -1).sort((l, d) => {
+  t.categories && (je.categories = je.originalCategories.filter((l) => t.categories.indexOf(l.id) != -1).sort((l, d) => {
     const f = t.categories.indexOf(l.id), c = t.categories.indexOf(d.id);
     return f - c;
   }));
   let r = null, s = null;
   n == "native" && (r = Lb.latestVersion(), s = t.noCountryFlags || Lb.noCountryFlags());
-  let o = $e.categories.length, a = !1;
+  let o = je.categories.length, a = !1;
   for (; o--; ) {
-    const l = $e.categories[o];
+    const l = je.categories[o];
     if (l.id == "frequent") {
       let { maxFrequentRows: c, perLine: u } = t;
       c = c >= 0 ? c : Bi.maxFrequentRows.value, u || (u = Bi.perLine.value), l.emojis = S_.get({
@@ -26624,7 +26624,7 @@ async function wF(t) {
       });
     }
     if (!l.emojis || !l.emojis.length) {
-      $e.categories.splice(o, 1);
+      je.categories.splice(o, 1);
       continue;
     }
     const { categoryIcons: d } = t;
@@ -26634,7 +26634,7 @@ async function wF(t) {
     }
     let f = l.emojis.length;
     for (; f--; ) {
-      const c = l.emojis[f], u = c.id ? c : $e.emojis[c], h = () => {
+      const c = l.emojis[f], u = c.id ? c : je.emojis[c], h = () => {
         l.emojis.splice(f, 1);
       };
       if (!u || t.exceptEmojis && t.exceptEmojis.includes(u.id)) {
@@ -26675,13 +26675,13 @@ async function wF(t) {
               v
             ]).map((b) => b.toLowerCase())).flat();
         }).flat().filter((g) => g && g.trim()).join(","), u.emoticons) for (const g of u.emoticons)
-          $e.emoticons[g] || ($e.emoticons[g] = u.id);
+          je.emoticons[g] || (je.emoticons[g] = u.id);
         let m = 0;
         for (const g of u.skins) {
           if (!g) continue;
           m++;
           const { native: y } = g;
-          y && ($e.natives[y] = u.id, u.search += `,${y}`);
+          y && (je.natives[y] = u.id, u.search += `,${y}`);
           const v = m == 1 ? "" : `:skin-tone-${m}:`;
           g.shortcodes = `:${u.id}:${v}`;
         }
@@ -26704,7 +26704,7 @@ function O_(t, e, n, i) {
 const xF = /^(?:\:([^\:]+)\:)(?:\:skin-tone-(\d)\:)?$/;
 let ym = null;
 function _F(t) {
-  return t.id ? t : $e.emojis[t] || $e.emojis[$e.aliases[t]] || $e.emojis[$e.natives[t]];
+  return t.id ? t : je.emojis[t] || je.emojis[je.aliases[t]] || je.emojis[je.natives[t]];
 }
 function SF() {
   ym = null;
@@ -26716,7 +26716,7 @@ async function CF(t, { maxResults: e, caller: n } = {}) {
   });
   const i = t.toLowerCase().replace(/(\w)-/, "$1 ").split(/[\s|,]+/).filter((a, l, d) => a.trim() && d.indexOf(a) == l);
   if (!i.length) return;
-  let r = ym || (ym = Object.values($e.emojis)), s, o;
+  let r = ym || (ym = Object.values(je.emojis)), s, o;
   for (const a of i) {
     if (!r.length) break;
     s = [], o = {};
@@ -26995,8 +26995,8 @@ function vm(t) {
         width: t.size,
         height: t.size,
         backgroundImage: `url(${o})`,
-        backgroundSize: `${100 * $e.sheet.cols}% ${100 * $e.sheet.rows}%`,
-        backgroundPosition: `${100 / ($e.sheet.cols - 1) * r.x}% ${100 / ($e.sheet.rows - 1) * r.y}%`
+        backgroundSize: `${100 * je.sheet.cols}% ${100 * je.sheet.rows}%`,
+        backgroundPosition: `${100 / (je.sheet.cols - 1) * r.x}% ${100 / (je.sheet.rows - 1) * r.y}%`
       }
     })
   });
@@ -27370,7 +27370,7 @@ class qF extends Yf {
     });
   }
   constructor() {
-    super(), this.categories = $e.categories.filter((e) => !e.target), this.state = {
+    super(), this.categories = je.categories.filter((e) => !e.target), this.state = {
       categoryId: this.categories[0].id
     };
   }
@@ -27452,9 +27452,9 @@ class KF extends bi {
     this.observers = [].concat(e);
   }
   initGrid() {
-    const { categories: e } = $e;
+    const { categories: e } = je;
     this.refs.categories = /* @__PURE__ */ new Map();
-    const n = $e.categories.map((r) => r.id).join(",");
+    const n = je.categories.map((r) => r.id).join(",");
     this.navKey && this.navKey != n && this.refs.scroll.current && (this.refs.scroll.current.scrollTop = 0), this.navKey = n, this.grid = [], this.grid.setsize = 0;
     const i = (r, s) => {
       const o = [];
@@ -27863,7 +27863,7 @@ class KF extends bi {
     }) : null;
   }
   renderCategories() {
-    const { categories: e } = $e, n = !!this.state.searchResults, i = this.getPerLine();
+    const { categories: e } = je, n = !!this.state.searchResults, i = this.getPerLine();
     return /* @__PURE__ */ K("div", {
       style: {
         visibility: n ? "hidden" : void 0,
@@ -29082,7 +29082,7 @@ const e$ = ({ editor: t, disabled: e }) => {
                           }
                         ),
                         t.isActive("link") && /* @__PURE__ */ p(
-                          je,
+                          Fe,
                           {
                             size: "md",
                             icon: vp,
@@ -29189,7 +29189,7 @@ const e$ = ({ editor: t, disabled: e }) => {
                   "justify-start"
                 ),
                 children: /* @__PURE__ */ E("div", { className: "flex items-center gap-1", children: [
-                  /* @__PURE__ */ p(je, { icon: l.icon, size: "md" }),
+                  /* @__PURE__ */ p(Fe, { icon: l.icon, size: "md" }),
                   /* @__PURE__ */ p("span", { className: "text-sm", children: l.label })
                 ] })
               },
@@ -29556,7 +29556,7 @@ const e$ = ({ editor: t, disabled: e }) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["span", Fe(this.options.HTMLAttributes, t), 0];
+    return ["span", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -29630,7 +29630,7 @@ const e$ = ({ editor: t, disabled: e }) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["mark", Fe(this.options.HTMLAttributes, t), 0];
+    return ["mark", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -29778,7 +29778,7 @@ const e$ = ({ editor: t, disabled: e }) => {
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["u", Fe(this.options.HTMLAttributes, t), 0];
+    return ["u", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -29832,7 +29832,7 @@ const e$ = ({ editor: t, disabled: e }) => {
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "li",
-      Fe(this.options.HTMLAttributes, e, {
+      $e(this.options.HTMLAttributes, e, {
         "data-type": this.name
       }),
       [
@@ -30214,13 +30214,13 @@ const Xf = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, W$ = (t, e,
   renderHTML({ HTMLAttributes: t }) {
     return [
       "details",
-      Fe(this.options.HTMLAttributes, t),
+      $e(this.options.HTMLAttributes, t),
       0
     ];
   },
   addNodeView() {
     return ({ editor: t, getPos: e, node: n, HTMLAttributes: i }) => {
-      const r = document.createElement("div"), s = Fe(this.options.HTMLAttributes, i, {
+      const r = document.createElement("div"), s = $e(this.options.HTMLAttributes, i, {
         "data-type": this.name
       });
       Object.entries(s).forEach(([d, f]) => r.setAttribute(d, f));
@@ -30393,13 +30393,13 @@ const Xf = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, W$ = (t, e,
   renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      Fe(this.options.HTMLAttributes, t, { "data-type": this.name }),
+      $e(this.options.HTMLAttributes, t, { "data-type": this.name }),
       0
     ];
   },
   addNodeView() {
     return ({ HTMLAttributes: t }) => {
-      const e = document.createElement("div"), n = Fe(this.options.HTMLAttributes, t, {
+      const e = document.createElement("div"), n = $e(this.options.HTMLAttributes, t, {
         "data-type": this.name,
         hidden: "hidden"
       });
@@ -30470,7 +30470,7 @@ const Xf = (t, e) => e.view.domAtPos(t).node.offsetParent !== null, W$ = (t, e,
   renderHTML({ HTMLAttributes: t }) {
     return [
       "summary",
-      Fe(this.options.HTMLAttributes, t),
+      $e(this.options.HTMLAttributes, t),
       0
     ];
   }
@@ -31351,9 +31351,9 @@ const gj = Wn.create({
       defaultValidate: (e) => !!Kr(e, this.options.protocols),
       protocols: this.options.protocols,
       defaultProtocol: this.options.defaultProtocol
-    }) ? ["a", Fe(this.options.HTMLAttributes, t), 0] : [
+    }) ? ["a", $e(this.options.HTMLAttributes, t), 0] : [
       "a",
-      Fe(this.options.HTMLAttributes, { ...t, href: "" }),
+      $e(this.options.HTMLAttributes, { ...t, href: "" }),
       0
     ];
   },
@@ -31450,7 +31450,7 @@ const gj = Wn.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["blockquote", Fe(this.options.HTMLAttributes, t), 0];
+    return ["blockquote", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -31499,7 +31499,7 @@ const gj = Wn.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["strong", Fe(this.options.HTMLAttributes, t), 0];
+    return ["strong", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -31558,7 +31558,7 @@ const gj = Wn.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["ul", Fe(this.options.HTMLAttributes, t), 0];
+    return ["ul", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -31602,7 +31602,7 @@ const gj = Wn.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["code", Fe(this.options.HTMLAttributes, t), 0];
+    return ["code", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -31672,7 +31672,7 @@ const gj = Wn.create({
   renderHTML({ node: t, HTMLAttributes: e }) {
     return [
       "pre",
-      Fe(this.options.HTMLAttributes, e),
+      $e(this.options.HTMLAttributes, e),
       [
         "code",
         {
@@ -31893,7 +31893,7 @@ const Ij = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["br", Fe(this.options.HTMLAttributes, t)];
+    return ["br", $e(this.options.HTMLAttributes, t)];
   },
   renderText() {
     return `
@@ -31951,7 +31951,7 @@ const Ij = Ue.create({
     }));
   },
   renderHTML({ node: t, HTMLAttributes: e }) {
-    return [`h${this.options.levels.includes(t.attrs.level) ? t.attrs.level : this.options.levels[0]}`, Fe(this.options.HTMLAttributes, e), 0];
+    return [`h${this.options.levels.includes(t.attrs.level) ? t.attrs.level : this.options.levels[0]}`, $e(this.options.HTMLAttributes, e), 0];
   },
   addCommands() {
     return {
@@ -32352,7 +32352,7 @@ const Q_ = X_(!1, !0), Z_ = X_(!0, !0), Gj = Ue.create({
     return [{ tag: "hr" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["hr", Fe(this.options.HTMLAttributes, t)];
+    return ["hr", $e(this.options.HTMLAttributes, t)];
   },
   addCommands() {
     return {
@@ -32416,7 +32416,7 @@ const Q_ = X_(!1, !0), Z_ = X_(!0, !0), Gj = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["em", Fe(this.options.HTMLAttributes, t), 0];
+    return ["em", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -32474,7 +32474,7 @@ const Q_ = X_(!1, !0), Z_ = X_(!0, !0), Gj = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["li", Fe(this.options.HTMLAttributes, t), 0];
+    return ["li", $e(this.options.HTMLAttributes, t), 0];
   },
   addKeyboardShortcuts() {
     return {
@@ -32518,7 +32518,7 @@ const Q_ = X_(!1, !0), Z_ = X_(!0, !0), Gj = Ue.create({
   },
   renderHTML({ HTMLAttributes: t }) {
     const { start: e, ...n } = t;
-    return e === 1 ? ["ol", Fe(this.options.HTMLAttributes, n), 0] : ["ol", Fe(this.options.HTMLAttributes, t), 0];
+    return e === 1 ? ["ol", $e(this.options.HTMLAttributes, n), 0] : ["ol", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -32565,7 +32565,7 @@ const Q_ = X_(!1, !0), Z_ = X_(!0, !0), Gj = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["p", Fe(this.options.HTMLAttributes, t), 0];
+    return ["p", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -32603,7 +32603,7 @@ const Q_ = X_(!1, !0), Z_ = X_(!0, !0), Gj = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["s", Fe(this.options.HTMLAttributes, t), 0];
+    return ["s", $e(this.options.HTMLAttributes, t), 0];
   },
   addCommands() {
     return {
@@ -34381,7 +34381,7 @@ var az = nt.create({
     return [{ tag: "td" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["td", Fe(this.options.HTMLAttributes, t), 0];
+    return ["td", $e(this.options.HTMLAttributes, t), 0];
   }
 }), lz = nt.create({
   name: "tableHeader",
@@ -34414,7 +34414,7 @@ var az = nt.create({
     return [{ tag: "th" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["th", Fe(this.options.HTMLAttributes, t), 0];
+    return ["th", $e(this.options.HTMLAttributes, t), 0];
   }
 }), dz = nt.create({
   name: "tableRow",
@@ -34429,7 +34429,7 @@ var az = nt.create({
     return [{ tag: "tr" }];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["tr", Fe(this.options.HTMLAttributes, t), 0];
+    return ["tr", $e(this.options.HTMLAttributes, t), 0];
   }
 });
 function Pm(t, e) {
@@ -34603,7 +34603,7 @@ var vz = yz, bz = nt.create({
     }
     const a = [
       "table",
-      Fe(this.options.HTMLAttributes, e, {
+      $e(this.options.HTMLAttributes, e, {
         style: o()
       }),
       n,
@@ -34729,7 +34729,7 @@ const wz = kz.configure({
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["ul", Fe(this.options.HTMLAttributes, t, { "data-type": this.name }), 0];
+    return ["ul", $e(this.options.HTMLAttributes, t, { "data-type": this.name }), 0];
   },
   addCommands() {
     return {
@@ -35010,7 +35010,7 @@ const Oz = new He("mention"), Mz = nt.create({
         var n;
         return [
           "span",
-          Fe(this.HTMLAttributes, t.HTMLAttributes),
+          $e(this.HTMLAttributes, t.HTMLAttributes),
           `${t.suggestion.char}${(n = e.attrs.label) !== null && n !== void 0 ? n : e.attrs.id}`
         ];
       },
@@ -35071,21 +35071,21 @@ const Oz = new He("mention"), Mz = nt.create({
     if (this.options.renderLabel !== void 0)
       return console.warn("renderLabel is deprecated use renderText and renderHTML instead"), [
         "span",
-        Fe({ "data-type": this.name }, this.options.HTMLAttributes, e),
+        $e({ "data-type": this.name }, this.options.HTMLAttributes, e),
         this.options.renderLabel({
           options: this.options,
           node: t
         })
       ];
     const n = { ...this.options };
-    n.HTMLAttributes = Fe({ "data-type": this.name }, this.options.HTMLAttributes, e);
+    n.HTMLAttributes = $e({ "data-type": this.name }, this.options.HTMLAttributes, e);
     const i = this.options.renderHTML({
       options: n,
       node: t
     });
     return typeof i == "string" ? [
       "span",
-      Fe({ "data-type": this.name }, this.options.HTMLAttributes, e),
+      $e({ "data-type": this.name }, this.options.HTMLAttributes, e),
       i
     ] : i;
   },
@@ -35988,7 +35988,7 @@ const sH = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, oH = nt.c
     ];
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["img", Fe(this.options.HTMLAttributes, t)];
+    return ["img", $e(this.options.HTMLAttributes, t)];
   },
   addCommands() {
     return {
@@ -36117,7 +36117,7 @@ const sH = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, oH = nt.c
     return ad(dH);
   },
   renderHTML({ HTMLAttributes: t }) {
-    return ["img", Fe(this.options.HTMLAttributes, t)];
+    return ["img", $e(this.options.HTMLAttributes, t)];
   }
 }).configure({
   inline: !1,
@@ -36282,7 +36282,7 @@ const sH = /(?:^|\s)(!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\))$/, oH = nt.c
             },
             "aria-label": a.actions.edit,
             children: /* @__PURE__ */ p(
-              je,
+              Fe,
               {
                 icon: Lm[s],
                 color: Fm[s],
@@ -36358,7 +36358,7 @@ const hH = ({
                   {
                     className: "-ml-1.5 flex items-center justify-center rounded-full bg-f1-background",
                     children: /* @__PURE__ */ p(
-                      je,
+                      Fe,
                       {
                         icon: Lm[d.mood],
                         size: "lg",
@@ -36388,7 +36388,7 @@ const hH = ({
           ] }),
           r && /* @__PURE__ */ p("div", { className: "text-f1-text-primary flex flex-col gap-2", children: o.days.map((d, f) => /* @__PURE__ */ E("div", { className: "flex flex-row items-center gap-2", children: [
             /* @__PURE__ */ p("div", { className: "flex items-center justify-center rounded-full", children: /* @__PURE__ */ p(
-              je,
+              Fe,
               {
                 icon: Lm[d.mood],
                 size: "lg",
@@ -36589,7 +36589,7 @@ const _H = ({
   renderHTML({ HTMLAttributes: t }) {
     return [
       "div",
-      Fe(t, { "data-video-embed": "" }),
+      $e(t, { "data-video-embed": "" }),
       [
         "iframe",
         {
@@ -36855,7 +36855,7 @@ const _H = ({
                   onMouseEnter: () => s(w),
                   children: [
                     b.emoji ? /* @__PURE__ */ p("span", { className: "text-base", children: b.emoji }) : b.icon ? /* @__PURE__ */ p(
-                      je,
+                      Fe,
                       {
                         icon: b.icon,
                         className: "text-f1-foreground-secondary"
@@ -38366,7 +38366,7 @@ function Xh({
         return /* @__PURE__ */ p("span", { children: n.formattedDate });
       const { icon: i, iconColor: r, textColor: s } = oV[n.icon];
       return /* @__PURE__ */ E("div", { className: "flex items-center justify-center gap-0.5 font-medium", children: [
-        /* @__PURE__ */ p(je, { icon: i, color: r }),
+        /* @__PURE__ */ p(Fe, { icon: i, color: r }),
         /* @__PURE__ */ p("span", { className: s, children: n.formattedDate })
       ] });
     }
@@ -38422,6 +38422,7 @@ function dV({ item: t }) {
     }
   };
   return /* @__PURE__ */ E("div", { className: "flex h-8 items-center gap-2", children: [
+    t.icon && /* @__PURE__ */ p("span", { className: "flex shrink-0 items-center text-f1-foreground-secondary", children: /* @__PURE__ */ p(Fe, { icon: t.icon, size: "md" }) }),
     /* @__PURE__ */ E(
       "div",
       {
@@ -38436,7 +38437,7 @@ function dV({ item: t }) {
             {
               label: t.info.title,
               description: t.info.description,
-              children: /* @__PURE__ */ p(je, { icon: Ix, size: "sm" })
+              children: /* @__PURE__ */ p(Fe, { icon: Ix, size: "sm" })
             }
           ) })
         ]
@@ -38560,7 +38561,7 @@ const fV = Bw(function({ items: e }) {
   }
 ), uV = ({ text: t, isCompleted: e }) => /* @__PURE__ */ E("div", { className: "flex flex-row items-center gap-2", children: [
   /* @__PURE__ */ p(
-    je,
+    Fe,
     {
       className: e ? "text-f1-icon-positive" : "text-f1-icon-secondary",
       icon: e ? g9 : y9,
@@ -46245,9 +46246,10 @@ function ZU({
   secondaryActions: s = [],
   otherActions: o = [],
   status: a,
-  metadata: l = []
+  metadata: l = [],
+  showBottomBorder: d = !1
 }) {
-  const d = [
+  const f = [
     a && {
       label: a.label,
       value: {
@@ -46259,164 +46261,173 @@ function ZU({
       hideLabel: !0
     },
     ...l
-  ], f = s.filter(dp), c = o.filter(dp), u = r && dp(r), h = f.length > 0, m = c.length > 0, g = (b) => !!b && "items" in b, y = (b) => !!b && "label" in b && !("items" in b), v = (b, k) => `${uf(b) ? `${b.value ?? "default"}-${b.items.map((_) => _.value).join("-")}` : b.label}-${k}`;
-  return /* @__PURE__ */ E("div", { className: "resource-header px-page flex flex-col gap-3 pb-5 pt-3", children: [
-    /* @__PURE__ */ E(
-      "div",
-      {
-        className: P(
-          "flex flex-col items-start justify-start gap-4 md:flex-row",
-          !i && "md:items-center"
-        ),
-        children: [
-          /* @__PURE__ */ E(
-            "div",
-            {
-              className: P(
-                "flex grow flex-col items-start justify-start gap-3 md:flex-row md:items-start",
-                !i && "md:items-center"
+  ], c = s.filter(dp), u = o.filter(dp), h = r && dp(r), m = c.length > 0, g = u.length > 0, y = (k) => !!k && "items" in k, v = (k) => !!k && "label" in k && !("items" in k), b = (k, w) => `${uf(k) ? `${k.value ?? "default"}-${k.items.map((x) => x.value).join("-")}` : k.label}-${w}`;
+  return /* @__PURE__ */ E(
+    "div",
+    {
+      className: P(
+        "resource-header px-page flex flex-col gap-3 pb-5 pt-3",
+        d && "border-b border-solid border-f1-border"
+      ),
+      children: [
+        /* @__PURE__ */ E(
+          "div",
+          {
+            className: P(
+              "flex flex-col items-start justify-start gap-4 md:flex-row",
+              !i && "md:items-center"
+            ),
+            children: [
+              /* @__PURE__ */ E(
+                "div",
+                {
+                  className: P(
+                    "flex grow flex-col items-start justify-start gap-3 md:flex-row md:items-start",
+                    !i && "md:items-center"
+                  ),
+                  children: [
+                    e && /* @__PURE__ */ p("div", { className: "flex items-start", children: /* @__PURE__ */ p(
+                      Jc,
+                      {
+                        avatar: {
+                          ...e.type === "generic" ? { ...e, type: "company" } : e
+                        },
+                        size: "xl"
+                      }
+                    ) }),
+                    /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
+                      /* @__PURE__ */ p(
+                        "span",
+                        {
+                          className: P(
+                            "text-2xl font-semibold",
+                            n ? "text-f1-foreground/[0.61]" : "text-f1-foreground"
+                          ),
+                          children: t
+                        }
+                      ),
+                      i && /* @__PURE__ */ p(QU, { description: i })
+                    ] })
+                  ]
+                }
               ),
-              children: [
-                e && /* @__PURE__ */ p("div", { className: "flex items-start", children: /* @__PURE__ */ p(
-                  Jc,
+              f.length > 0 && /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 md:hidden", children: /* @__PURE__ */ p(jm, { items: f }) }),
+              /* @__PURE__ */ E("div", { className: "flex w-full shrink-0 flex-col gap-x-2 gap-y-3 md:hidden", children: [
+                h && v(r) && /* @__PURE__ */ p("div", { className: "w-full md:hidden [&>*]:w-full", children: /* @__PURE__ */ p(
+                  fe,
                   {
-                    avatar: {
-                      ...e.type === "generic" ? { ...e, type: "company" } : e
-                    },
-                    size: "xl"
+                    label: r.label,
+                    onClick: r.onClick,
+                    variant: "default",
+                    icon: r.icon,
+                    size: "lg",
+                    disabled: r.disabled,
+                    tooltip: r.tooltip,
+                    loading: r.loading
                   }
                 ) }),
-                /* @__PURE__ */ E("div", { className: "flex flex-col gap-1", children: [
-                  /* @__PURE__ */ p(
-                    "span",
-                    {
-                      className: P(
-                        "text-2xl font-semibold",
-                        n ? "text-f1-foreground/[0.61]" : "text-f1-foreground"
-                      ),
-                      children: t
-                    }
-                  ),
-                  i && /* @__PURE__ */ p(QU, { description: i })
-                ] })
-              ]
-            }
-          ),
-          d.length > 0 && /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 md:hidden", children: /* @__PURE__ */ p(jm, { items: d }) }),
-          /* @__PURE__ */ E("div", { className: "flex w-full shrink-0 flex-col gap-x-2 gap-y-3 md:hidden", children: [
-            u && y(r) && /* @__PURE__ */ p("div", { className: "w-full md:hidden [&>*]:w-full", children: /* @__PURE__ */ p(
-              fe,
-              {
-                label: r.label,
-                onClick: r.onClick,
-                variant: "default",
-                icon: r.icon,
-                size: "lg",
-                disabled: r.disabled,
-                tooltip: r.tooltip,
-                loading: r.loading
-              }
-            ) }),
-            u && g(r) && /* @__PURE__ */ p("div", { className: "w-full md:hidden [&>*]:w-full", children: /* @__PURE__ */ p(
-              Jt,
-              {
-                items: r.items,
-                onClick: r.onClick,
-                variant: "default",
-                value: r.value,
-                size: "lg",
-                disabled: r.disabled,
-                tooltip: r.tooltip,
-                loading: r.loading
-              }
-            ) }),
-            f.map((b, k) => /* @__PURE__ */ p(Tr, { children: /* @__PURE__ */ p("div", { className: "w-full md:hidden [&>*]:w-full [&>span]:block [&>span_div]:w-full", children: uf(b) ? /* @__PURE__ */ p(
-              Jt,
-              {
-                items: b.items,
-                onClick: b.onClick,
-                variant: b.variant ?? "outline",
-                value: b.value,
-                size: "lg",
-                disabled: b.disabled,
-                tooltip: b.tooltip,
-                loading: b.loading
-              }
-            ) : /* @__PURE__ */ p(
-              fe,
-              {
-                label: b.label,
-                onClick: b.onClick,
-                variant: b.variant ?? "outline",
-                icon: b.icon,
-                size: "lg",
-                hideLabel: b.hideLabel,
-                disabled: b.disabled,
-                tooltip: b.tooltip,
-                loading: b.loading
-              }
-            ) }) }, v(b, k))),
-            c.length > 0 && /* @__PURE__ */ p("div", { className: "w-full [&>*]:w-full [&_button]:w-full", children: /* @__PURE__ */ p(x1, { items: c }) })
-          ] }),
-          /* @__PURE__ */ E("div", { className: "-m-1 hidden w-fit shrink-0 flex-wrap items-center gap-x-2 gap-y-2 p-1 md:flex md:overflow-x-auto", children: [
-            c.length > 0 && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(Rs, { items: c }) }),
-            f.map((b, k) => /* @__PURE__ */ p(Tr, { children: /* @__PURE__ */ p("div", { className: "hidden md:block", children: uf(b) ? /* @__PURE__ */ p(
-              Jt,
-              {
-                items: b.items,
-                onClick: b.onClick,
-                variant: b.variant ?? "outline",
-                value: b.value,
-                size: "md",
-                disabled: b.disabled,
-                tooltip: b.tooltip,
-                loading: b.loading
-              }
-            ) : /* @__PURE__ */ p(
-              fe,
-              {
-                label: b.label,
-                onClick: b.onClick,
-                variant: b.variant ?? "outline",
-                icon: b.icon,
-                hideLabel: b.hideLabel,
-                disabled: b.disabled,
-                tooltip: b.tooltip,
-                loading: b.loading
-              }
-            ) }) }, v(b, k))),
-            u && (h || m) && /* @__PURE__ */ p("div", { className: "mx-1 h-4 w-px bg-f1-background-secondary-hover" }),
-            u && y(r) && /* @__PURE__ */ p("div", { className: "hidden md:block", children: /* @__PURE__ */ p(
-              fe,
-              {
-                label: r.label,
-                onClick: r.onClick,
-                variant: "default",
-                icon: r.icon,
-                disabled: r.disabled,
-                tooltip: r.tooltip,
-                loading: r.loading
-              }
-            ) }),
-            u && g(r) && /* @__PURE__ */ p("div", { className: "hidden md:block", children: /* @__PURE__ */ p(
-              Jt,
-              {
-                items: r.items,
-                onClick: r.onClick,
-                variant: "default",
-                value: r.value,
-                size: "md",
-                disabled: r.disabled,
-                tooltip: r.tooltip,
-                loading: r.loading
-              }
-            ) })
-          ] })
-        ]
-      }
-    ),
-    d.length > 0 && /* @__PURE__ */ p("div", { className: "hidden flex-wrap items-center gap-x-3 gap-y-1 md:block", children: /* @__PURE__ */ p(jm, { items: d }) })
-  ] });
+                h && y(r) && /* @__PURE__ */ p("div", { className: "w-full md:hidden [&>*]:w-full", children: /* @__PURE__ */ p(
+                  Jt,
+                  {
+                    items: r.items,
+                    onClick: r.onClick,
+                    variant: "default",
+                    value: r.value,
+                    size: "lg",
+                    disabled: r.disabled,
+                    tooltip: r.tooltip,
+                    loading: r.loading
+                  }
+                ) }),
+                c.map((k, w) => /* @__PURE__ */ p(Tr, { children: /* @__PURE__ */ p("div", { className: "w-full md:hidden [&>*]:w-full [&>span]:block [&>span_div]:w-full", children: uf(k) ? /* @__PURE__ */ p(
+                  Jt,
+                  {
+                    items: k.items,
+                    onClick: k.onClick,
+                    variant: k.variant ?? "outline",
+                    value: k.value,
+                    size: "lg",
+                    disabled: k.disabled,
+                    tooltip: k.tooltip,
+                    loading: k.loading
+                  }
+                ) : /* @__PURE__ */ p(
+                  fe,
+                  {
+                    label: k.label,
+                    onClick: k.onClick,
+                    variant: k.variant ?? "outline",
+                    icon: k.icon,
+                    size: "lg",
+                    hideLabel: k.hideLabel,
+                    disabled: k.disabled,
+                    tooltip: k.tooltip,
+                    loading: k.loading
+                  }
+                ) }) }, b(k, w))),
+                u.length > 0 && /* @__PURE__ */ p("div", { className: "w-full [&>*]:w-full [&_button]:w-full", children: /* @__PURE__ */ p(x1, { items: u }) })
+              ] }),
+              /* @__PURE__ */ E("div", { className: "-m-1 hidden w-fit shrink-0 flex-wrap items-center gap-x-2 gap-y-2 p-1 md:flex md:overflow-x-auto", children: [
+                u.length > 0 && /* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(Rs, { items: u }) }),
+                c.map((k, w) => /* @__PURE__ */ p(Tr, { children: /* @__PURE__ */ p("div", { className: "hidden md:block", children: uf(k) ? /* @__PURE__ */ p(
+                  Jt,
+                  {
+                    items: k.items,
+                    onClick: k.onClick,
+                    variant: k.variant ?? "outline",
+                    value: k.value,
+                    size: "md",
+                    disabled: k.disabled,
+                    tooltip: k.tooltip,
+                    loading: k.loading
+                  }
+                ) : /* @__PURE__ */ p(
+                  fe,
+                  {
+                    label: k.label,
+                    onClick: k.onClick,
+                    variant: k.variant ?? "outline",
+                    icon: k.icon,
+                    hideLabel: k.hideLabel,
+                    disabled: k.disabled,
+                    tooltip: k.tooltip,
+                    loading: k.loading
+                  }
+                ) }) }, b(k, w))),
+                h && (m || g) && /* @__PURE__ */ p("div", { className: "mx-1 h-4 w-px bg-f1-background-secondary-hover" }),
+                h && v(r) && /* @__PURE__ */ p("div", { className: "hidden md:block", children: /* @__PURE__ */ p(
+                  fe,
+                  {
+                    label: r.label,
+                    onClick: r.onClick,
+                    variant: "default",
+                    icon: r.icon,
+                    disabled: r.disabled,
+                    tooltip: r.tooltip,
+                    loading: r.loading
+                  }
+                ) }),
+                h && y(r) && /* @__PURE__ */ p("div", { className: "hidden md:block", children: /* @__PURE__ */ p(
+                  Jt,
+                  {
+                    items: r.items,
+                    onClick: r.onClick,
+                    variant: "default",
+                    value: r.value,
+                    size: "md",
+                    disabled: r.disabled,
+                    tooltip: r.tooltip,
+                    loading: r.loading
+                  }
+                ) })
+              ] })
+            ]
+          }
+        ),
+        f.length > 0 && /* @__PURE__ */ p("div", { className: "hidden flex-wrap items-center gap-x-3 gap-y-1 md:block", children: /* @__PURE__ */ p(jm, { items: f }) })
+      ]
+    }
+  );
 }
 const uf = (t) => "items" in t, eK = f1({
   base: "flex flex-row items-center justify-center gap-2 p-3",
@@ -46500,7 +46511,7 @@ const uf = (t) => "items" in t, eK = f1({
       ] })
     ] }),
     r && /* @__PURE__ */ E("div", { className: eK({ variant: r.variant }), children: [
-      /* @__PURE__ */ p(je, { icon: r.icon }),
+      /* @__PURE__ */ p(Fe, { icon: r.icon }),
       /* @__PURE__ */ p(Gi, { children: r.title })
     ] })
   ] });
@@ -46749,7 +46760,7 @@ const uf = (t) => "items" in t, eK = f1({
                           className: "flex cursor-move items-center justify-center p-0.5 text-f1-icon-secondary",
                           draggable: !0,
                           "data-drag-handle": !0,
-                          children: /* @__PURE__ */ p(je, { icon: T1, size: "xs" })
+                          children: /* @__PURE__ */ p(Fe, { icon: T1, size: "xs" })
                         }
                       )
                     ] })
@@ -46900,7 +46911,8 @@ const HY = st(
   otherActions: s,
   status: o,
   metadata: a,
-  deactivated: l
+  deactivated: l,
+  showBottomBorder: d
 }) => /* @__PURE__ */ p(
   ZU,
   {
@@ -46912,7 +46924,8 @@ const HY = st(
     otherActions: s,
     status: o,
     metadata: a,
-    deactivated: l
+    deactivated: l,
+    showBottomBorder: d
   }
 ), VY = Si(
   "ResourceHeader",
@@ -47512,7 +47525,7 @@ const _K = ({
       }
     )
   ] });
-}, gw = ({ loading: t }) => t ? /* @__PURE__ */ p(je, { icon: C9, className: "animate-spin" }) : /* @__PURE__ */ p(je, { icon: E9, className: "text" }), SK = ({ value: t, onChange: e, loading: n = !1 }) => {
+}, gw = ({ loading: t }) => t ? /* @__PURE__ */ p(Fe, { icon: C9, className: "animate-spin" }) : /* @__PURE__ */ p(Fe, { icon: E9, className: "text" }), SK = ({ value: t, onChange: e, loading: n = !1 }) => {
   const [i, r] = j(!1), s = jc(), o = G(null), a = G(null), l = Ne(), d = () => {
     e(void 0), r(!1), a?.current && (a.current.value = "");
   };
@@ -47593,7 +47606,7 @@ const _K = ({
                         },
                         role: "button",
                         "aria-label": l.actions.clear,
-                        children: /* @__PURE__ */ p(je, { icon: vp, size: "md", color: "secondary" })
+                        children: /* @__PURE__ */ p(Fe, { icon: vp, size: "md", color: "secondary" })
                       }
                     )
                   ]
@@ -47656,7 +47669,7 @@ const _K = ({
                           role: "button",
                           "aria-label": l.actions.clear,
                           children: /* @__PURE__ */ p(
-                            je,
+                            Fe,
                             {
                               icon: vp,
                               size: "md",
@@ -47915,7 +47928,7 @@ const $6 = ({
       t
     ),
     ...e,
-    children: /* @__PURE__ */ p(je, { icon: Bc })
+    children: /* @__PURE__ */ p(Fe, { icon: Bc })
   }
 );
 $6.displayName = "PaginationPrevious";
@@ -47932,7 +47945,7 @@ const j6 = ({
       t
     ),
     ...e,
-    children: /* @__PURE__ */ p(je, { icon: zc })
+    children: /* @__PURE__ */ p(Fe, { icon: zc })
   }
 );
 j6.displayName = "PaginationNext";
@@ -47946,7 +47959,7 @@ const B6 = ({
     "aria-hidden": !0,
     className: P("flex h-9 w-9 items-center justify-center", t),
     ...e,
-    children: /* @__PURE__ */ p(je, { icon: O9 })
+    children: /* @__PURE__ */ p(Fe, { icon: O9 })
   }
 );
 B6.displayName = "PaginationEllipsis";
@@ -48823,7 +48836,7 @@ function ui({
                 hn()
               ),
               tabIndex: 0,
-              children: /* @__PURE__ */ p(je, { icon: o, size: "sm" })
+              children: /* @__PURE__ */ p(Fe, { icon: o, size: "sm" })
             }
           ) }) }),
           r && /* @__PURE__ */ p(
@@ -48852,7 +48865,7 @@ function ui({
                       duration: 0.2,
                       ease: [0.175, 0.885, 0.32, 1.275]
                     },
-                    children: /* @__PURE__ */ p(je, { icon: kp, size: "xs" })
+                    children: /* @__PURE__ */ p(Fe, { icon: kp, size: "xs" })
                   },
                   "sort-arrow"
                 ),
@@ -48867,7 +48880,7 @@ function ui({
                       duration: 0.2,
                       ease: [0.175, 0.885, 0.32, 1.275]
                     },
-                    children: /* @__PURE__ */ p(je, { icon: kp, size: "xs" })
+                    children: /* @__PURE__ */ p(Fe, { icon: kp, size: "xs" })
                   },
                   "sort-arrow-secondary"
                 )
@@ -50109,7 +50122,7 @@ const pG = (t, e) => /* @__PURE__ */ p(
         onPointerDown: (a) => {
           t.sortable && s.start(a);
         },
-        children: t.sortable ? /* @__PURE__ */ p(je, { icon: T1, size: "xs" }) : /* @__PURE__ */ p(je, { icon: V9, size: "sm" })
+        children: t.sortable ? /* @__PURE__ */ p(Fe, { icon: T1, size: "xs" }) : /* @__PURE__ */ p(Fe, { icon: V9, size: "sm" })
       }
     ),
     /* @__PURE__ */ p(
@@ -50876,7 +50889,7 @@ function RG({ message: t, children: e }) {
         side: "top",
         className: "border-black/10 flex items-center gap-1 bg-[#fff] shadow-md",
         children: [
-          /* @__PURE__ */ p(je, { icon: _1, color: "critical", size: "sm" }),
+          /* @__PURE__ */ p(Fe, { icon: _1, color: "critical", size: "sm" }),
           /* @__PURE__ */ p("span", { className: "text-sm font-medium text-f1-foreground-critical", children: t })
         ]
       }
@@ -50921,7 +50934,7 @@ function Ns({
                 "pointer-events-auto flex shrink-0 cursor-pointer items-center rounded px-1",
                 hn()
               ),
-              children: /* @__PURE__ */ p(je, { icon: o.icon, size: "md", color: o.iconColor })
+              children: /* @__PURE__ */ p(Fe, { icon: o.icon, size: "md", color: o.iconColor })
             }
           ) }),
           /* @__PURE__ */ p(
@@ -53854,7 +53867,7 @@ const d1 = (t) => typeof t == "object" && t !== null && !Array.isArray(t), dr =
         ),
         onClick: () => r(a),
         children: [
-          /* @__PURE__ */ p(je, { icon: l }),
+          /* @__PURE__ */ p(Fe, { icon: l }),
           d
         ]
       },