@factorialco/f0-react 8.37.0 → 9.1.0

package/dist/{MapProvider-DrUuwDLP.js → CoachmarkProvider-BXGXfIw-.js}

@@ -1,11 +1,11 @@
 import { jsx as m, jsxs as R, Fragment as We } from "react/jsx-runtime";
 import * as qe from "react";
 import oe, { useRef as L, useState as J, useCallback as K, useEffect as ie, useContext as ht, useMemo as X, createContext as Ft, forwardRef as Qe, useLayoutEffect as Lt, memo as Mt, useReducer as kz, cloneElement as iO, PureComponent as cd, useId as mi, useImperativeHandle as ia, Fragment as Hf, createElement as Im, isValidElement as _z, Suspense as Sz, lazy as Cz, useDebugValue as rO, version as N4, createRef as oO, useSyncExternalStore as A4 } from "react";
-import { fb as T4, fc as Ju, fd as Ez, cU as sO, fe as Nz, ff as Az, fg as Tz, fh as Dv, fi as Oz, fj as Iz, fk as Dz, fl as Mz, fm as Pz, fn as Rz, fo as Lz, a8 as it, fp as aO, fq as Fz, co as Vt, aL as Zu, aM as dd, aw as $z, ax as Bz, cW as go, E as $t, G as ii, H as fd, dn as Pk, eC as Rk, eD as Dm, S as Be, fr as lO, eE as Lk, u as Re, v as st, bm as Qu, cr as xc, bu as Fy, r as Fk, c_ as zz, cD as cO, cX as jz, dk as Hz, ea as dO, z as De, a_ as eh, fs as Vz, b6 as Wz, b7 as Uz, ft as qz, cy as fO, dO as uO, fu as hO, df as pO, fv as Kz, fw as Gz, fx as _a, fy as zt, fz as Ni, fA as mO, fB as Yz, fC as gO, fD as Xz, fE as Xn, fF as $y, fG as pn, fH as yO, fI as By, fJ as $k, fK as Bk, fL as zk, fM as Wn, fN as Ci, fO as Vb, fP as zy, fQ as Jz, fR as ai, fS as $o, fT as ki, fU as gl, fV as jk, fW as jy, fX as Yp, fY as Hy, eH as Hk, fZ as Zz, f_ as Xh, f$ as Mm, g0 as Qz, g1 as ej, g2 as tj, g3 as nj, g4 as ij, g5 as rj, g6 as vO, g7 as bO, g8 as wO, g9 as xO, ga as kO, gb as oj, gc as Pm, gd as sj, ge as aj, gf as th, gg as ra, d2 as Jo, gh as Vk, gi as Wo, gj as _O, d3 as SO, gk as lj, gl as cj, d0 as dj, gm as fj, d1 as uj, dq as li, gn as ci, go as hj, gp as pj, gq as mj, gr as gj, gs as yj, gt as Wb, gu as vj, a9 as CO, gv as EO, eB as _r, a7 as Jt, eU as bj, dw as mr, cn as ud, da as Xa, ao as nh, ap as wj, dN as xj, gw as NO, gx as AO, o as TO, af as is, i as hd, eF as OO, cK as IO, cL as Wk, a6 as ih, N as Vy, eZ as $n, gy as Mv, gz as kj, dC as _j, gA as DO, gB as MO, gC as Ub, gD as Sj, gE as O4, gF as PO, ey as oa, f4 as RO, dB as LO, e$ as Wy, K as Uy, L as Uk, M as qy, f2 as Cj, l as Qn, aG as I4, aO as Ej, b0 as Nj, bz as qk, gG as FO, gH as Aj, e_ as Kk, gI as Gk, gJ as $O, gK as yl, bY as BO, cx as vl, ak as br, gL as zO, dr as Gs, ev as Tj, gM as D4, er as Yk, gN as Oj, dZ as Ij, ee as Dj, ec as Mj, gO as jO, gP as Pj, cV as Rj, gQ as Lj, gR as HO, ah as VO, gS as Fj, gT as $j, gU as Bj, gV as M4, gW as P4, gX as R4, gY as L4, gZ as zj, aE as jj, g_ as WO, dy as Hj, g$ as Vj, h0 as UO, h1 as Wj, h2 as Rm, h3 as Uj, h4 as qj, h5 as Ba, h6 as Kj, h7 as F4, h8 as Gj, h9 as Yj, ha as Lm, hb as Xj, hc as Jj, hd as Zj, he as qO, hf as Qj, hg as KO, hh as eH, hi as ti, hj as ln, hk as Ky, hl as pd, hm as GO, aI as YO, bx as tH, hn as XO, ho as nH, hp as Xk, hq as iH, O as JO, Q as ZO, U as QO, hr as rH, hs as oH, ht as $4, dX as Fm, eS as Vf, W as eI, X as tI, Z as nI, _ as iI, w as sa, cs as Hr, s as sH, x as aH, ex as lH, hu as cH, A as Gy, hv as rI, cT as Wf, hw as dH, d4 as rh, hx as fH, cQ as oh, ad as Ja, av as qb, dt as uH, du as hH, cz as oI, cA as sI, cB as aI, hy as Jk, hz as pH, d9 as lI, bS as sh, aU as rs, hA as mH, hB as gH, hC as yH, hD as Zk, ep as cI, eq as dI, aX as vH, ch as fI, dM as bH, hE as $m, hF as Do, n as wH, c5 as xH, hG as kH, e4 as _H, aT as Bm, c8 as uI, c3 as SH, J as B4, eo as CH, a$ as EH, hH as NH, hI as Yy, hJ as Xy, hK as Jy, cC as Zy, hL as AH, hM as zm, hN as TH, hO as OH, dv as IH, hP as hI, bB as Pv, hQ as DH, hR as MH, bE as PH, bK as RH, hS as z4, hT as LH, hU as j4, hV as Rv, hW as pI, a3 as mI, c4 as FH, ab as $H, j as Qk, hX as BH, hY as zH, dU as jH, k as e2, eL as HH, bX as VH, bO as WH, bw as H4, bA as t2, cd as UH, em as qH, hZ as gI, h_ as KH, m as GH, az as YH, aV as XH, c6 as JH, h$ as ZH, i0 as QH, B as eV, i1 as tV, i2 as nV, i3 as iV, cg as rV, i4 as n2, i5 as oV, i6 as sV, i7 as aV, i8 as Lv, i9 as lV, ia as Ie, ib as ah, ic as cV, id as dV, ie as fV, ig as uV, ih as V4, ii as hV, ij as jm, V as pV, ik as mV, il as Fv, im as Jh, io as gV, ip as yV, iq as vV, ir as bV, is as wV, ay as xV, c as kV, c7 as _V, Y as $v, it as lh, iu as i2, iv as r2, iw as ch, ix as SV, c1 as CV, eM as o2, eh as W4, an as EV, aj as NV, ek as AV, aB as TV, bv as OV, cf as IV, cb as DV, bo as yI, bp as vI, bq as bI, bN as wI, aK as xI, as as kI, aq as _I, at as SI, ar as CI, aQ as EI, c0 as NI, cE as AI, iy as TI, iz as MV, cP as PV, bc as RV, ba as LV, b9 as FV, b8 as $V, bb as BV, br as zV, ci as jV, cq as HV, cp as VV, ce as WV, bI as UV, bR as qV, a4 as KV, cv as GV, iA as YV, iB as Bv, iC as XV, iD as s2, iE as Fs, iF as ac, iG as OI, iH as II, cO as JV, iI as ZV, iJ as QV, iK as eW, iL as tW, cJ as nW, dW as iW, cu as rW, iM as oW } from "./F0CanvasPanel-kbwLvapQ.js";
+import { fb as T4, fc as Ju, fd as Ez, cU as sO, fe as Nz, ff as Az, fg as Tz, fh as Dv, fi as Oz, fj as Iz, fk as Dz, fl as Mz, fm as Pz, fn as Rz, fo as Lz, a8 as it, fp as aO, fq as Fz, co as Vt, aL as Zu, aM as dd, aw as $z, ax as Bz, cW as go, E as $t, G as ii, H as fd, dn as Pk, eC as Rk, eD as Dm, S as Be, fr as lO, eE as Lk, u as Re, v as st, bm as Qu, cr as xc, bu as Fy, r as Fk, c_ as zz, cD as cO, cX as jz, dk as Hz, ea as dO, z as De, a_ as eh, fs as Vz, b6 as Wz, b7 as Uz, ft as qz, cy as fO, dO as uO, fu as hO, df as pO, fv as Kz, fw as Gz, fx as _a, fy as zt, fz as Ni, fA as mO, fB as Yz, fC as gO, fD as Xz, fE as Xn, fF as $y, fG as pn, fH as yO, fI as By, fJ as $k, fK as Bk, fL as zk, fM as Wn, fN as Ci, fO as Vb, fP as zy, fQ as Jz, fR as ai, fS as $o, fT as ki, fU as gl, fV as jk, fW as jy, fX as Yp, fY as Hy, eH as Hk, fZ as Zz, f_ as Xh, f$ as Mm, g0 as Qz, g1 as ej, g2 as tj, g3 as nj, g4 as ij, g5 as rj, g6 as vO, g7 as bO, g8 as wO, g9 as xO, ga as kO, gb as oj, gc as Pm, gd as sj, ge as aj, gf as th, gg as ra, d2 as Jo, gh as Vk, gi as Wo, gj as _O, d3 as SO, gk as lj, gl as cj, d0 as dj, gm as fj, d1 as uj, dq as li, gn as ci, go as hj, gp as pj, gq as mj, gr as gj, gs as yj, gt as Wb, gu as vj, a9 as CO, gv as EO, eB as _r, a7 as Jt, eU as bj, dw as mr, cn as ud, da as Xa, ao as nh, ap as wj, dN as xj, gw as NO, gx as AO, o as TO, af as is, i as hd, eF as OO, cK as IO, cL as Wk, a6 as ih, N as Vy, eZ as $n, gy as Mv, gz as kj, dC as _j, gA as DO, gB as MO, gC as Ub, gD as Sj, gE as O4, gF as PO, ey as oa, f4 as RO, dB as LO, e$ as Wy, K as Uy, L as Uk, M as qy, f2 as Cj, l as Qn, aG as I4, aO as Ej, b0 as Nj, bz as qk, gG as FO, gH as Aj, e_ as Kk, gI as Gk, gJ as $O, gK as yl, bY as BO, cx as vl, ak as br, gL as zO, dr as Gs, ev as Tj, gM as D4, er as Yk, gN as Oj, d$ as Ij, ee as Dj, ec as Mj, gO as jO, gP as Pj, cV as Rj, gQ as Lj, gR as HO, ah as VO, gS as Fj, gT as $j, gU as Bj, gV as M4, gW as P4, gX as R4, gY as L4, gZ as zj, aE as jj, g_ as WO, dy as Hj, g$ as Vj, h0 as UO, h1 as Wj, h2 as Rm, h3 as Uj, h4 as qj, h5 as Ba, h6 as Kj, h7 as F4, h8 as Gj, h9 as Yj, ha as Lm, hb as Xj, hc as Jj, hd as Zj, he as qO, hf as Qj, hg as KO, hh as eH, hi as ti, hj as ln, hk as Ky, hl as pd, hm as GO, aI as YO, bx as tH, hn as XO, ho as nH, hp as Xk, hq as iH, O as JO, Q as ZO, U as QO, hr as rH, hs as oH, ht as $4, d_ as Fm, eS as Vf, W as eI, X as tI, Z as nI, _ as iI, w as sa, cs as Hr, s as sH, x as aH, ex as lH, hu as cH, A as Gy, hv as rI, cT as Wf, hw as dH, d4 as rh, hx as fH, cQ as oh, hy as Jk, hz as uH, d9 as oI, ad as Ja, av as qb, dt as hH, du as pH, cz as sI, cA as aI, cB as lI, bS as sh, aU as rs, hA as mH, hB as gH, hC as yH, hD as Zk, ep as cI, eq as dI, aX as vH, ch as fI, dM as bH, hE as $m, hF as Do, n as wH, c5 as xH, hG as kH, e4 as _H, aT as Bm, c8 as uI, c3 as SH, J as B4, eo as CH, a$ as EH, hH as NH, hI as Yy, hJ as Xy, hK as Jy, cC as Zy, hL as AH, hM as zm, hN as TH, hO as OH, dv as IH, hP as hI, bB as Pv, hQ as DH, hR as MH, bE as PH, bK as RH, hS as z4, hT as LH, hU as j4, hV as Rv, hW as pI, a3 as mI, c4 as FH, ab as $H, j as Qk, hX as BH, hY as zH, dU as jH, k as e2, eL as HH, bX as VH, bO as WH, bw as H4, bA as t2, cd as UH, em as qH, hZ as gI, h_ as KH, m as GH, az as YH, aV as XH, c6 as JH, h$ as ZH, i0 as QH, B as eV, i1 as tV, i2 as nV, i3 as iV, cg as rV, i4 as n2, i5 as oV, i6 as sV, i7 as aV, i8 as Lv, i9 as lV, ia as Ie, ib as ah, ic as cV, id as dV, ie as fV, ig as uV, ih as V4, ii as hV, ij as jm, V as pV, ik as mV, il as Fv, im as Jh, io as gV, ip as yV, iq as vV, ir as bV, is as wV, ay as xV, c as kV, c7 as _V, Y as $v, it as lh, iu as i2, iv as r2, iw as ch, ix as SV, c1 as CV, eM as o2, eh as W4, an as EV, aj as NV, ek as AV, aB as TV, bv as OV, cf as IV, cb as DV, bo as yI, bp as vI, bq as bI, bN as wI, aK as xI, as as kI, aq as _I, at as SI, ar as CI, aQ as EI, c0 as NI, cE as AI, iy as TI, iz as MV, cP as PV, bc as RV, ba as LV, b9 as FV, b8 as $V, bb as BV, br as zV, ci as jV, cq as HV, cp as VV, ce as WV, bI as UV, bR as qV, a4 as KV, cv as GV, iA as YV, iB as Bv, iC as XV, iD as s2, iE as Fs, iF as ac, iG as OI, iH as II, cO as JV, iI as ZV, iJ as QV, iK as eW, iL as tW, cJ as nW, dZ as iW, cu as rW, iM as oW } from "./F0CanvasPanel-D25Wuumh.js";
 import { d as U, g as sW, e as di, T as dh, a as fh, b as uh, f as tn, u as a2, S as aW, c as Qy } from "./tooltip-CrXp1Uaz.js";
 import { g as hh } from "./_commonjsHelpers-ByX85dGu.js";
 import DI, { unstable_batchedUpdates as Zh, createPortal as e1, flushSync as lW } from "react-dom";
-import './MapProvider.css';const cW = {
+import './CoachmarkProvider.css';const cW = {
   active: !0,
   breakpoints: {},
   delay: 4e3,
@@ -2516,32 +2516,7 @@ const MU = ({
   ) : /* @__PURE__ */ m(IU, { children: e });
 }, KTe = $t(
   ii("Carousel", MU)
-), PU = (e, t) => /* @__PURE__ */ R(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ref: t,
-    ...e,
-    children: [
-      /* @__PURE__ */ m(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M11.0004 15.35C11.3592 15.3502 11.6508 15.6415 11.6508 16.0004C11.6506 16.3591 11.3591 16.6506 11.0004 16.6508H5.00039C4.64153 16.6508 4.35021 16.3592 4.35 16.0004C4.35 15.6414 4.6414 15.35 5.00039 15.35H11.0004ZM19.0004 11.35C19.3592 11.3502 19.6508 11.6415 19.6508 12.0004C19.6506 12.3591 19.3591 12.6506 19.0004 12.6508H5.00039C4.64153 12.6508 4.35021 12.3592 4.35 12.0004C4.35 11.6414 4.6414 11.35 5.00039 11.35H19.0004ZM19.0004 7.35C19.3592 7.35021 19.6508 7.64153 19.6508 8.00039C19.6506 8.35906 19.3591 8.65057 19.0004 8.65078H5.00039C4.64153 8.65078 4.35021 8.35919 4.35 8.00039C4.35 7.6414 4.6414 7.35 5.00039 7.35H19.0004Z"
-        }
-      ),
-      /* @__PURE__ */ m(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M16.7248 19.4251L16.7187 19.3021C16.6573 18.6987 16.1473 18.2281 15.5277 18.2281C15.2093 18.2281 14.9508 17.9696 14.9508 17.6512C14.9509 17.3726 15.1489 17.1401 15.4116 17.0864L15.5277 17.0751L15.6498 17.0691C16.2534 17.0079 16.7248 16.4978 16.7248 15.8781C16.7248 15.5597 16.9825 15.3013 17.3008 15.3012C17.6192 15.3012 17.8777 15.5596 17.8777 15.8781C17.8777 16.539 18.4138 17.0751 19.0748 17.0751C19.3929 17.0754 19.6507 17.333 19.6508 17.6512C19.6508 17.9694 19.393 18.2278 19.0748 18.2281C18.4138 18.2281 17.8777 18.7642 17.8777 19.4251L17.8656 19.5412C17.8117 19.8038 17.5793 20.0012 17.3008 20.0012C17.0224 20.0011 16.7899 19.8037 16.736 19.5412L16.7248 19.4251Z"
-        }
-      )
-    ]
-  }
-), RU = Qe(PU), UI = Ft({
+), UI = Ft({
   enabled: !1,
   enable: () => null,
   disable: () => null,
@@ -2556,7 +2531,7 @@ const MU = ({
   if (!e)
     throw "usePrivacyMode requires wrapping the component in a PrivacyModeProvider";
   return e;
-}, LU = ({ children: e }) => {
+}, PU = ({ children: e }) => {
   const { enabled: t } = g2();
   return /* @__PURE__ */ m(
     "div",
@@ -2580,7 +2555,32 @@ const MU = ({
       )
     }
   );
-}, qI = Qe(
+}, RU = (e, t) => /* @__PURE__ */ R(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    ref: t,
+    ...e,
+    children: [
+      /* @__PURE__ */ m(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M11.0004 15.35C11.3592 15.3502 11.6508 15.6415 11.6508 16.0004C11.6506 16.3591 11.3591 16.6506 11.0004 16.6508H5.00039C4.64153 16.6508 4.35021 16.3592 4.35 16.0004C4.35 15.6414 4.6414 15.35 5.00039 15.35H11.0004ZM19.0004 11.35C19.3592 11.3502 19.6508 11.6415 19.6508 12.0004C19.6506 12.3591 19.3591 12.6506 19.0004 12.6508H5.00039C4.64153 12.6508 4.35021 12.3592 4.35 12.0004C4.35 11.6414 4.6414 11.35 5.00039 11.35H19.0004ZM19.0004 7.35C19.3592 7.35021 19.6508 7.64153 19.6508 8.00039C19.6506 8.35906 19.3591 8.65057 19.0004 8.65078H5.00039C4.64153 8.65078 4.35021 8.35919 4.35 8.00039C4.35 7.6414 4.6414 7.35 5.00039 7.35H19.0004Z"
+        }
+      ),
+      /* @__PURE__ */ m(
+        "path",
+        {
+          fill: "currentColor",
+          d: "M16.7248 19.4251L16.7187 19.3021C16.6573 18.6987 16.1473 18.2281 15.5277 18.2281C15.2093 18.2281 14.9508 17.9696 14.9508 17.6512C14.9509 17.3726 15.1489 17.1401 15.4116 17.0864L15.5277 17.0751L15.6498 17.0691C16.2534 17.0079 16.7248 16.4978 16.7248 15.8781C16.7248 15.5597 16.9825 15.3013 17.3008 15.3012C17.6192 15.3012 17.8777 15.5596 17.8777 15.8781C17.8777 16.539 18.4138 17.0751 19.0748 17.0751C19.3929 17.0754 19.6507 17.333 19.6508 17.6512C19.6508 17.9694 19.393 18.2278 19.0748 18.2281C18.4138 18.2281 17.8777 18.7642 17.8777 19.4251L17.8656 19.5412C17.8117 19.8038 17.5793 20.0012 17.3008 20.0012C17.0224 20.0011 16.7899 19.8037 16.736 19.5412L16.7248 19.4251Z"
+        }
+      )
+    ]
+  }
+), LU = Qe(RU), qI = Qe(
   function({ bare: t = !1, ...n }, i) {
     return /* @__PURE__ */ m(
       "div",
@@ -2753,7 +2753,7 @@ const MU = ({
             ] })
           ] }),
           t.comment ? /* @__PURE__ */ R("div", { className: "flex flex-row items-center gap-3 overflow-visible", children: [
-            /* @__PURE__ */ m(LU, { children: /* @__PURE__ */ m(Vz, { children: t.comment }) }),
+            /* @__PURE__ */ m(PU, { children: /* @__PURE__ */ m(Vz, { children: t.comment }) }),
             t.canBeBlurred ? /* @__PURE__ */ m("span", { children: /* @__PURE__ */ m(
               De,
               {
@@ -21020,1668 +21020,1668 @@ function ene({
     }
   );
 }
-const Y2 = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m("div", { className: "relative w-full", children: /* @__PURE__ */ m(
-  "table",
-  {
-    ref: n,
-    className: U(
-      "w-full caption-bottom border-spacing-0 border-0 border-none text-base",
-      e
-    ),
-    ...t
-  }
-) }));
-Y2.displayName = "Table";
-const _M = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  "thead",
-  {
-    ref: n,
-    className: U(
-      "relative min-h-10 [&_tr]:hover:bg-transparent",
-      "before:absolute before:inset-x-0 before:top-0 before:h-px before:w-full before:bg-f1-border-secondary before:content-['']",
-      e
-    ),
-    ...t
-  }
-));
-_M.displayName = "TableHeader";
-const SM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m("tbody", { ref: n, className: U("border-0", e), ...t }));
-SM.displayName = "TableBody";
-const CM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  "tfoot",
-  {
-    ref: n,
-    className: U(
-      "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-      e
-    ),
-    ...t
-  }
-));
-CM.displayName = "TableFooter";
-const EM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  "tr",
-  {
-    ref: n,
-    className: U(
-      "group relative transition-colors after:absolute after:inset-x-0 after:bottom-0 after:h-px after:w-full after:bg-f1-border-secondary after:content-[''] hover:bg-f1-background-hover",
-      e
-    ),
-    ...t
-  }
-));
-EM.displayName = "TableRow";
-const NM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  "th",
-  {
-    ref: n,
-    className: U(
-      "relative px-3 py-2.5 text-left align-middle font-medium text-f1-foreground-secondary first:pl-6 last:pr-6",
-      "after:pointer-events-none after:absolute after:inset-x-0 after:inset-y-1 after:rounded after:bg-transparent after:transition-colors after:content-[''] first:after:left-3 last:after:right-3 hover:after:bg-f1-background-hover",
-      "[&:has([role=checkbox])]:px-2 [&:has([role=checkbox])]:py-2 [&:has([role=checkbox])]:hover:after:bg-transparent",
-      e
-    ),
-    ...t
-  }
-));
-NM.displayName = "TableHead";
-const AM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  "td",
-  {
-    ref: n,
-    className: U(
-      // `pb` is 1px larger than `pt` on purpose: the row paints its separator on
-      // its own last pixel (`after:bottom-0` on TableRow), so a symmetric `py`
-      // leaves content looking 1px high — the gap below it is a pixel shorter
-      // than the gap above once the rule is drawn over it.
-      "relative min-h-[48px] whitespace-nowrap px-3 pb-[9px] pt-2 align-top first:pl-6 last:pr-6",
-      "[&:has([role=checkbox])]:px-2",
-      e
-    ),
-    ...t
-  }
-));
-AM.displayName = "TableCell";
-const tne = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
-  "caption",
-  {
-    ref: n,
-    className: U("text-muted-foreground mt-4 text-sm", e),
-    ...t
-  }
-));
-tne.displayName = "TableCaption";
-function X2({ children: e }) {
-  return /* @__PURE__ */ m(SM, { children: e });
+function tne({ message: e, children: t }) {
+  const [n, i] = J(!1), r = K(() => {
+    e && i(!0);
+  }, [e]), o = K(() => i(!1), []);
+  return ie(() => {
+    e || i(!1);
+  }, [e]), /* @__PURE__ */ m("div", { className: "relative h-full w-full", children: /* @__PURE__ */ m(dh, { delayDuration: 100, disableHoverableContent: !0, children: /* @__PURE__ */ R(fh, { open: n && !!e, onOpenChange: i, children: [
+    /* @__PURE__ */ m(uh, { asChild: !0, className: "pointer-events-auto h-full w-full", children: /* @__PURE__ */ m(
+      "div",
+      {
+        className: "flex h-full w-full items-center",
+        onFocusCapture: r,
+        onBlurCapture: o,
+        children: t
+      }
+    ) }),
+    e ? /* @__PURE__ */ R(
+      Qy,
+      {
+        side: "top",
+        className: "border-black/10 flex items-center gap-1 bg-[#fff] shadow-md",
+        children: [
+          /* @__PURE__ */ m(st, { icon: nh, color: "critical", size: "sm" }),
+          /* @__PURE__ */ m("span", { className: "text-sm font-medium text-f1-foreground-critical", children: e })
+        ]
+      }
+    ) : null
+  ] }) }) });
 }
 const nne = {
-  auto: void 0,
-  fit: 1
-}, ine = (e) => typeof e == "number", dg = (e) => ine(e) ? e : nne[e], _d = Ft(
-  void 0
-);
-function TM() {
-  const e = ht(_d);
-  if (!e)
-    throw new Error("useTable must be used within a TableProvider");
-  return e;
-}
-const S1 = 32, fg = 24, im = 18, rne = "1px", Ds = 8, one = 32, Sw = 4, Cw = 40, sne = Cw - fg, ane = 24, lne = 16, J2 = ({
-  depth: e,
-  padding: t = 0
-}) => `${e * S1 + t}px`, cne = ({
-  depth: e
-}) => J2({
-  depth: e,
-  padding: -Sw
-}), OM = (e, t) => e && t > 0, IM = (e, t) => e && t, dne = (e, t) => e && t, DM = (e, t) => e && t, fne = (e, t, n) => !t && DM(e, n), une = (e, t) => e && t?.nestedVariant === "detailed", hne = ({
-  width: e,
-  linkRef: t,
-  firstCell: n,
-  nestedRowProps: i,
-  children: r,
-  onClick: o
-}) => {
-  const { collections: s } = Re(), a = IM(
-    n,
-    !!i?.rowWithChildren
-  ), l = OM(
-    n,
-    i?.depth ?? 0
-  ), c = fne(
-    n,
-    !!i?.rowWithChildren,
-    !!i?.tableWithChildren
-  ), d = une(n, i), f = i?.onLoadMoreChildren, u = i?.onAddRow, h = i?.depth ?? 0, p = l ? J2({
-    depth: a ? h : h + 1
-  }) : void 0, y = f || u;
+  text: "cursor-text",
+  pointer: "cursor-pointer",
+  default: "cursor-default",
+  "not-allowed": "cursor-not-allowed"
+};
+function Qo({
+  disabled: e = !1,
+  readonly: t = !1,
+  showRightBorder: n = !0,
+  cursor: i = "text",
+  isActive: r = !1,
+  borderOnHover: o = !0,
+  error: s,
+  hint: a,
+  hintPosition: l = "left",
+  children: c
+}) {
+  const d = a && !s && /* @__PURE__ */ m(dh, { delayDuration: 100, children: /* @__PURE__ */ R(fh, { children: [
+    /* @__PURE__ */ m(uh, { asChild: !0, children: /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        "aria-label": a.message,
+        className: U(
+          "pointer-events-auto flex shrink-0 cursor-pointer items-center rounded px-1",
+          tn()
+        ),
+        children: /* @__PURE__ */ m(st, { icon: a.icon, size: "md", color: a.iconColor })
+      }
+    ) }),
+    /* @__PURE__ */ m(
+      Qy,
+      {
+        side: "top",
+        className: "border-black/10 max-w-64 cursor-default text-f1-foreground shadow-md",
+        children: /* @__PURE__ */ m("span", { className: "text-sm font-medium text-f1-foreground", children: a.message })
+      }
+    )
+  ] }) });
   return /* @__PURE__ */ m(
     "div",
     {
       className: U(
-        e !== "auto" && "overflow-hidden",
-        "relative z-[1] h-full",
-        a && "flex items-center gap-2"
+        "flex w-full h-full min-w-0 min-h-12 border-solid",
+        "border-0 border-r-[1px] border-f1-border-secondary",
+        !n && "border-r-0",
+        nne[i],
+        s ? "relative z-[1] border-r-0 bg-f1-background-critical/10 shadow-[inset_0_0_0_1px_hsl(var(--critical-50))]" : r ? "relative z-[1] border-r-0 bg-f1-background shadow-[inset_0_0_0_1px_hsl(var(--selected-50))]" : o ? "shadow-none [&:not(:focus-within)]:hover:shadow-[inset_0_0_0_1px_hsl(var(--neutral-30))] focus-within:relative focus-within:z-[1] focus-within:border-r-0 focus-within:bg-f1-background focus-within:shadow-[inset_0_0_0_1px_hsl(var(--selected-50))]" : "shadow-none",
+        t && "bg-f1-background-secondary",
+        e && "bg-f1-background-disabled"
       ),
-      style: {
-        marginLeft: y ? cne({
-          depth: h + (d ? 0 : 1)
-        }) : p
-      },
-      onClick: () => {
-        y || (t.current?.click(), o?.());
-      },
-      children: u ? /* @__PURE__ */ m(
+      children: /* @__PURE__ */ R(tne, { message: s, children: [
+        l === "left" ? d : null,
+        /* @__PURE__ */ m("div", { className: "min-w-0 flex-1", children: c }),
+        l === "right" ? d : null
+      ] })
+    }
+  );
+}
+const ine = "yyyy-MM-dd";
+function rne({
+  editableColumn: e,
+  value: t,
+  inputPlaceholder: n,
+  error: i,
+  loading: r,
+  isLastColumn: o,
+  onChange: s,
+  hint: a,
+  item: l
+}) {
+  const c = typeof e.dateConfig == "function" ? e.dateConfig(l) : e.dateConfig, d = X(() => {
+    if (!t)
+      return;
+    const u = Ym(t);
+    if (Jk(u))
+      return { granularity: "day", value: { from: u, to: u } };
+  }, [t]), f = (u) => {
+    const h = u?.value?.from, p = h ? rh(h, ine) : "";
+    p !== t && s(p);
+  };
+  return /* @__PURE__ */ m(
+    Qo,
+    {
+      showRightBorder: !o,
+      error: i,
+      hint: a,
+      cursor: "pointer",
+      children: /* @__PURE__ */ m(
         "div",
         {
           className: U(
-            "pointer-events-auto flex items-center w-full h-full",
-            d && "pl-3"
+            "flex w-full min-w-0 items-center",
+            e.align === "right" && "justify-end"
           ),
-          children: u.actions.length === 1 ? /* @__PURE__ */ m(
-            De,
-            {
-              variant: "outline",
-              size: "sm",
-              icon: u.actions[0].icon ?? Ja,
-              label: u.actions[0].label,
-              onClick: (g) => {
-                g.stopPropagation(), u.actions[0].onClick?.();
-              },
-              loading: u.actions[0].loading,
-              disabled: u.actions[0].disabled
-            }
-          ) : u.actions.some((g) => g.description !== void 0) ? /* @__PURE__ */ m(
-            mr,
-            {
-              mode: "dropdown",
-              variant: "outline",
-              size: "sm",
-              trigger: u.label,
-              disabled: u.actions.every((g) => g.disabled),
-              loading: u.actions.some((g) => g.loading),
-              items: u.actions.map((g, v) => ({
-                value: v.toString(),
-                label: g.label,
-                icon: g.icon,
-                description: g.description
-              })),
-              onClick: (g) => {
-                u.actions[Number(g)]?.onClick?.();
-              }
-            }
-          ) : /* @__PURE__ */ m(
-            mr,
+          children: /* @__PURE__ */ m(
+            h1,
             {
-              variant: "outline",
-              size: "sm",
-              disabled: u.actions.every((g) => g.disabled),
-              loading: u.actions.some((g) => g.loading),
-              items: u.actions.map((g, v) => ({
-                value: v.toString(),
-                label: g.label,
-                icon: g.icon
-              })),
-              onClick: (g) => {
-                u.actions[Number(g)]?.onClick?.();
-              }
+              className: U(
+                "[&_input]:!py-0",
+                // The cell is taller (48px) than a standalone input, so the icon's
+                // fixed top offset no longer centers it — pin it to the full height
+                // and let its auto margins center it vertically.
+                "[&_[data-slot='icon']]:!inset-y-0",
+                "[&_[data-slot='placeholder']]:!flex",
+                "[&_[data-slot='placeholder']]:!items-center",
+                "[&_[data-slot='placeholder']]:!py-0",
+                // The placeholder is absolutely positioned with no right edge, so
+                // bound it to the cell width; only then does truncate clip the
+                // text instead of letting it spill past the column.
+                "[&_[data-slot='placeholder']]:!right-0",
+                "[&_[data-slot='placeholder']]:!truncate"
+              ),
+              placeholder: n ?? e.inputPlaceholder,
+              label: e.label,
+              hideLabel: !0,
+              transparent: !0,
+              showIcon: c?.showIcon ?? !0,
+              clearable: c?.clearable,
+              displayFormat: "default",
+              value: d,
+              onChange: f,
+              loading: r,
+              minDate: c?.minDate,
+              maxDate: c?.maxDate
             }
           )
         }
-      ) : f ? /* @__PURE__ */ m(
+      )
+    }
+  );
+}
+let f0 = null;
+function one(e, t) {
+  f0 || (f0 = document.createElement("canvas"));
+  const n = f0.getContext("2d");
+  return n ? (n.font = t, Math.ceil(n.measureText(e).width)) : 0;
+}
+function sne(e, t = 26, n = 48) {
+  const [i, r] = J(null), o = K((a) => {
+    if (a) {
+      const l = a.querySelector("input");
+      l && r(getComputedStyle(l).font);
+    }
+  }, []), s = i ? Math.max(one(e || " ", i) + t, n) : void 0;
+  return { ref: o, width: s };
+}
+function Y2(e, t) {
+  if (e?.units)
+    return typeof e.units == "function" ? e.units(t) : e.units;
+}
+function ane(e, t, n) {
+  const { locale: i } = oa(), r = e?.locale ?? i, o = Y2(e, n), s = o ? e?.unitsPosition === "before" : !1, a = e?.grouping ?? !0, l = X(
+    () => new Intl.NumberFormat(r, {
+      maximumFractionDigits: e?.maxDecimals,
+      useGrouping: a
+    }),
+    [r, e?.maxDecimals, a]
+  ), c = t != null ? l.format(t) : "", d = o ? s ? `${o} ${c}` : `${c} ${o}` : c, { ref: f, width: u } = sne(d);
+  return { ref: f, width: u, locale: r, units: o, unitsBefore: s, grouping: a };
+}
+function _M({
+  editableColumn: e,
+  value: t,
+  inputPlaceholder: n,
+  error: i,
+  loading: r,
+  onChange: o,
+  onBlur: s,
+  item: a,
+  hint: l
+}) {
+  const c = e.numberConfig, d = typeof t == "string" ? t.trim() : t, f = d !== "" && d != null ? Number(d) : NaN, u = isFinite(f) ? f : null, { ref: h, width: p, locale: y, units: g, unitsBefore: v, grouping: b } = ane(c, u, a), w = (_) => {
+    if (_ == null) {
+      t !== "" && o(null);
+      return;
+    }
+    let S = _;
+    c?.min != null && S < c.min && (S = c.min), c?.max != null && S > c.max && (S = c.max);
+    const E = String(S);
+    E !== t && o(E);
+  }, x = g && /* @__PURE__ */ m("span", { className: "flex shrink-0 select-none items-center self-center pt-[1px] text-sm text-f1-foreground", children: g }), k = K((_) => {
+    const S = _.currentTarget.querySelector("input");
+    S && _.target !== S && S.focus();
+  }, []);
+  return /* @__PURE__ */ m(Qo, { error: i, hint: l, children: /* @__PURE__ */ m(
+    "div",
+    {
+      ref: h,
+      onClick: k,
+      className: U(
+        "flex h-full w-full cursor-text items-center",
+        e.align === "right" && "justify-end"
+      ),
+      children: /* @__PURE__ */ R(
         "div",
         {
           className: U(
-            "pointer-events-auto cursor-pointer flex items-center w-full h-full border-0 border-r-[1px] border-solid border-f1-border-secondary"
+            "flex h-full max-w-full items-center gap-1",
+            v && "pl-3 [&_input]:pl-1",
+            !v && g && "pr-3 [&_input]:pr-1"
           ),
-          children: /* @__PURE__ */ m(
-            De,
-            {
-              variant: "ghost",
-              size: "md",
-              icon: qb,
-              label: s.table.seeMoreChildren,
-              onClick: (g) => {
-                g.stopPropagation(), f?.();
-              }
-            }
-          )
-        }
-      ) : /* @__PURE__ */ R(We, { children: [
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: U(
-              "flex h-[var(--chevron-parent-size)] w-[var(--chevron-parent-size)] min-w-[var(--chevron-parent-size)] items-center justify-center",
-              a && "pointer-events-auto cursor-pointer rounded-sm hover:bg-f1-foreground-disabled"
-            ),
-            style: {
-              "--chevron-parent-size": `${fg}px`,
-              "--chevron-size": `${im}px`,
-              "--spacing-factor": `${S1}px`
-            },
-            onClick: (g) => {
-              a && (g.stopPropagation(), i?.onExpand?.());
-            },
-            children: a ? i?.expanded ? /* @__PURE__ */ m(
-              uH,
-              {
-                className: "pointer-events-none shrink-0",
-                size: im
-              }
-            ) : /* @__PURE__ */ m(
-              hH,
+          style: { width: p },
+          children: [
+            v ? x : null,
+            /* @__PURE__ */ m(
+              m1,
               {
-                className: "pointer-events-none shrink-0",
-                size: im
+                label: e.label,
+                hideLabel: !0,
+                value: u,
+                placeholder: n ?? e.inputPlaceholder,
+                onChange: w,
+                onBlur: s,
+                loading: r,
+                transparent: !0,
+                hint: "",
+                locale: y,
+                grouping: b,
+                min: c?.min,
+                max: c?.max,
+                step: c?.step,
+                maxDecimals: c?.maxDecimals
               }
-            ) : null
-          }
-        ),
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: U(
-              a && "min-w-0 w-full h-full",
-              c && "pl-[var(--spacing-factor)]",
-              "relative"
             ),
-            children: r
-          }
-        )
-      ] })
+            v ? null : x
+          ]
+        }
+      )
     }
-  );
-}, pne = ({
-  horizontalOffset: e,
-  isDetailedVariant: t,
-  lineHeight: n
-}) => {
-  const i = t ? 12 : 0;
-  return {
-    "--horizontal-offset": `${e + (t ? 12 : 8)}px`,
-    "--starting-y": "52px",
-    ...n ? { "--line-height": `calc(${n} - ${i}px)` } : {}
-  };
-}, mne = (e, t, n) => {
-  const { rowWithChildren: i, nestedVariant: r, onLoadMoreChildren: o, onAddRow: s } = t ?? {}, a = r === "detailed", l = o || s, c = l ? one / 2 - Ds : fg / 2 - Ds, d = i && !l ? sne : a ? Cw - 6 : Cw, f = e !== 0 && `calc(${e}px - ${fg + Ds}px )`, u = n === "editableTable" ? pne({
-    horizontalOffset: c,
-    isDetailedVariant: a,
-    lineHeight: f
-  }) : {}, h = n === "editableTable" ? ane : lne, p = t?.selectableRow ? h : 0;
-  return {
-    "--line-left": `-${2 * im - p}px`,
-    "--line-width": rne,
-    "--horizontal-offset": `${c}px`,
-    "--horizontal-left": `calc(4px - ${p}px)`,
-    "--horizontal-height": `${S1 / 2}px`,
-    "--connector-width": `${d}px`,
-    ...f ? { "--line-height": f } : {},
-    "--starting-y": "40px",
-    ...u
-  };
-}, gne = "h-full overflow-visible before:absolute before:-left-[var(--line-left)] before:top-[var(--starting-y)] before:h-[var(--line-height)] before:w-[var(--line-width)] before:bg-f1-foreground-disabled before:content-['']", yne = "after:absolute after:left-[var(--horizontal-left)] after:top-[var(--horizontal-offset)] after:h-[var(--horizontal-height)] after:w-[var(--connector-width)] after:rounded-bl-[var(--horizontal-height)] after:content-[''] after:shadow-[inset_1px_-1px_0_0_hsl(var(--neutral-30))]", vne = ({
-  firstCell: e,
-  nestedRowProps: t,
-  fromVisualization: n
+  ) });
+}
+const lne = (e, t = "USD") => {
+  try {
+    const n = new Intl.NumberFormat(e, {
+      style: "currency",
+      currency: t
+    }).formatToParts(1), i = n.find((s) => s.type === "currency"), r = n.findIndex((s) => s.type === "currency"), o = n.findIndex((s) => s.type === "integer");
+    return {
+      symbol: i?.value ?? t,
+      before: r < o
+    };
+  } catch {
+    return;
+  }
+};
+function cne(e) {
+  const { locale: t } = oa(), n = e.editableColumn.numberConfig, i = n?.locale ?? t, r = Y2(n, e.item), o = X(
+    () => r ? lne(i, r) : void 0,
+    [i, r]
+  ), s = X(() => r ? n?.unitsPosition ? n.unitsPosition === "before" : o?.before ?? !1 : !1, [r, n?.unitsPosition, o]);
+  return /* @__PURE__ */ m(
+    _M,
+    {
+      ...e,
+      editableColumn: {
+        ...e.editableColumn,
+        numberConfig: {
+          ...n,
+          units: o?.symbol ?? r ?? "$",
+          unitsPosition: s ? "before" : "after"
+        }
+      }
+    }
+  );
+}
+const u0 = {
+  default: "-",
+  list: void 0
+}, Th = ({
+  item: e,
+  property: t,
+  visualization: n,
+  i18n: i,
+  tableAlign: r
 }) => {
-  const i = OM(
-    e,
-    t?.depth ?? 0
-  ), r = dne(
-    t?.expanded ?? !1,
-    e
-  ), o = t === void 0 || t?.nestedVariant === "basic", s = t?.nestedVariant === "detailed", a = o || t?.rowWithChildren, l = s && (t?.onLoadMoreChildren || t?.onAddRow), c = i ? J2({
-    depth: t?.depth ?? 0,
-    padding: 0
-  }) : void 0, d = t?.connectorHeight ?? 0;
-  return !r && !i && !t?.rowWithChildren ? null : /* @__PURE__ */ m(
+  const o = t.render(e), s = n in u0 ? u0[n] : u0.default;
+  return uH(
+    o,
+    {
+      visualization: n,
+      i18n: i,
+      tableAlign: r
+    },
+    s
+  );
+}, ZC = /* @__PURE__ */ new Set();
+function dne(e, t) {
+  if (t === void 0)
+    return [];
+  const n = e[t];
+  return Array.isArray(n) ? n.filter((i) => typeof i == "string") : [];
+}
+function fne({
+  editableColumn: e,
+  error: t,
+  loading: n,
+  onChange: i,
+  item: r,
+  hint: o
+}) {
+  const s = Re(), [a, l] = J(!1), c = e.selectConfig;
+  if (!c)
+    return ZC.has(e.label) || (ZC.add(e.label), console.warn(
+      `MultiSelectCell: column "${e.label}" has editType "multiselect" but no selectConfig`
+    )), /* @__PURE__ */ m(Qo, { children: Th({
+      item: r,
+      property: e,
+      visualization: "editableTable",
+      i18n: s
+    }) });
+  const d = dne(r, e.id), f = {
+    label: e.label,
+    hideLabel: !0,
+    value: d,
+    onChange: (h) => i(h),
+    loading: n,
+    size: "sm",
+    placeholder: c.placeholder ?? s.t("common.selectPlaceholder"),
+    showSearchBox: c.showSearchBox,
+    multiple: !0,
+    onOpenChange: l
+  }, u = c.clearable ? { clearable: !0 } : {};
+  return /* @__PURE__ */ m(Qo, { error: t, isActive: a, hint: o, cursor: "pointer", children: /* @__PURE__ */ m(
     "div",
     {
       className: U(
-        "absolute inset-0 h-full",
-        t?.parentHasChildren && r && gne,
-        t?.parentHasChildren && i && a && !l && yne
+        "flex w-full min-w-0 h-full",
+        "items-center",
+        "[&_[data-testid=input-field-wrapper]]:border-0",
+        "[&_[data-testid=input-field-wrapper]]:bg-transparent",
+        "[&_[data-testid=input-field-wrapper]]:shadow-none",
+        "[&_[data-testid=input-field-wrapper]]:ring-0",
+        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-0",
+        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-offset-0",
+        "[&_[data-testid=input-field-wrapper]]:h-full",
+        "[&_[data-testid=input-field-wrapper]_.absolute]:top-1/2",
+        "[&_[data-testid=input-field-wrapper]_.absolute]:-translate-y-1/2",
+        "[&_[data-testid=input-field-wrapper]_.absolute]:bottom-auto",
+        "[&>div]:h-full",
+        "[&>div]:w-full",
+        "[&>div>button]:h-full",
+        e.align === "right" && "justify-end"
       ),
-      style: {
-        marginLeft: c,
-        ...mne(
-          d,
-          t,
-          n
-        )
-      }
+      children: "source" in c && c.source ? /* @__PURE__ */ m(
+        Qn,
+        {
+          ...f,
+          ...u,
+          source: c.source,
+          mapOptions: c.mapOptions
+        }
+      ) : /* @__PURE__ */ m(
+        Qn,
+        {
+          ...f,
+          ...u,
+          options: typeof c.options == "function" ? c.options(r) : c.options
+        }
+      )
     }
+  ) });
+}
+const QC = /* @__PURE__ */ new Set();
+function une({
+  editableColumn: e,
+  value: t,
+  error: n,
+  loading: i,
+  onChange: r,
+  item: o,
+  hint: s
+}) {
+  const a = Re(), [l, c] = J(!1), d = e.selectConfig;
+  if (!d)
+    return QC.has(e.label) || (QC.add(e.label), console.warn(
+      `SelectCell: column "${e.label}" has editType "select" but no selectConfig`
+    )), /* @__PURE__ */ m(Qo, { children: Th({
+      item: o,
+      property: e,
+      visualization: "editableTable",
+      i18n: a
+    }) });
+  const f = {
+    label: e.label,
+    hideLabel: !0,
+    value: t || void 0,
+    onChange: (h, p) => {
+      const y = h ?? "";
+      y !== t && r(y, { selectedItem: p });
+    },
+    loading: i,
+    size: "sm",
+    placeholder: d.placeholder ?? a.t("common.selectPlaceholder"),
+    showSearchBox: d.showSearchBox,
+    defaultItem: d.defaultItem?.(o),
+    multiple: !1,
+    onOpenChange: c,
+    actions: typeof d.actions == "function" ? d.actions(o) : d.actions
+  }, u = d.clearable ? { clearable: !0 } : {};
+  return /* @__PURE__ */ m(Qo, { error: n, isActive: l, hint: s, cursor: "pointer", children: /* @__PURE__ */ m(
+    "div",
+    {
+      className: U(
+        "flex w-full min-w-0 h-full",
+        "items-center",
+        "[&_[data-testid=input-field-wrapper]]:border-0",
+        "[&_[data-testid=input-field-wrapper]]:bg-transparent",
+        "[&_[data-testid=input-field-wrapper]]:shadow-none",
+        "[&_[data-testid=input-field-wrapper]]:ring-0",
+        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-0",
+        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-offset-0",
+        "[&_[data-testid=input-field-wrapper]]:h-full",
+        "[&_[data-testid=input-field-wrapper]_.absolute]:top-1/2",
+        "[&_[data-testid=input-field-wrapper]_.absolute]:-translate-y-1/2",
+        "[&_[data-testid=input-field-wrapper]_.absolute]:bottom-auto",
+        "[&>div]:h-full",
+        "[&>div]:w-full",
+        "[&>div>button]:h-full",
+        e.align === "right" && "justify-end"
+      ),
+      children: "source" in d && d.source ? /* @__PURE__ */ m(
+        Qn,
+        {
+          ...f,
+          ...u,
+          source: d.source,
+          mapOptions: d.mapOptions
+        }
+      ) : /* @__PURE__ */ m(
+        Qn,
+        {
+          ...f,
+          ...u,
+          options: typeof d.options == "function" ? d.options(o) : d.options
+        }
+      )
+    }
+  ) });
+}
+function hne(e, t, n) {
+  if (!e.dateConfig || e.id === void 0)
+    return;
+  const i = t[e.id];
+  if (!(typeof i != "string" || !i || !Jk(Ym(i))))
+    return rh(Ym(i), "dd MMM yyyy", { locale: n });
+}
+function pne(e, t, n) {
+  const i = e.selectConfig, r = i && typeof i.options == "function" ? i.options(t) : i?.options, o = new Map(
+    (Array.isArray(r) ? r : []).filter((s) => "value" in s).map((s) => [s.value, s.label])
   );
-}, f0 = "repeating-linear-gradient(45deg,transparent_0px,transparent_8px,hsl(var(--neutral-20))_8px,hsl(var(--neutral-20))_9px)", u0 = "before:absolute before:inset-0 before:z-[-1] before:h-[calc(100%-1px)] before:w-full before:transition-all before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-px after:w-full after:bg-f1-border-secondary after:content-['']", ZC = {
-  none: `bg-f1-background ${u0} before:bg-f1-background group-hover:before:bg-f1-background-hover`,
-  striped: `bg-f1-background bg-[${f0}] [background-size:100%_100px] ${u0} before:bg-[${f0},_var(--f1-background)] before:[background-size:100%_100px,_100%_100%] group-hover:before:bg-[${f0},_var(--f1-background-hover)] group-hover:before:[background-size:100%_100px,_100%_100%]`,
-  striked: `bg-f1-background ${u0} before:bg-f1-background group-hover:before:bg-f1-background-hover`
-};
-function jn({
-  children: e,
-  href: t,
-  onClick: n,
-  width: i = "auto",
-  minWidth: r,
-  firstCell: o = !1,
-  sticky: s,
-  colSpan: a,
-  className: l,
-  loading: c = !1,
-  nestedRowProps: d,
-  fromVisualization: f,
-  referenceRowType: u = "none",
-  highlighted: h = !1
+  return n.map((s) => o.get(s) ?? String(s)).join(", ");
+}
+function SM({
+  editableColumn: e,
+  item: t,
+  className: n,
+  showFieldAffordances: i = !0
 }) {
-  const { isScrolled: p, isScrolledRight: y } = TM(), { actions: g } = Re(), v = s?.left !== void 0, b = s?.right !== void 0, w = v || b, x = s?.left, k = s?.right, _ = dg(i), S = r !== void 0 ? dg(r) : _, E = L(null), C = d?.depth ?? 0, A = d?.nestedVariant === "detailed", T = DM(
-    o,
-    !!d?.tableWithChildren
-  ) && {
-    marginLeft: `${(C + (A ? 0 : 1)) * S1}px`
-  };
-  return /* @__PURE__ */ R(
-    AM,
+  const r = Re(), o = oI(), s = e.align === "right", a = hne(e, t, o), l = e.id !== void 0 ? t[e.id] : void 0, c = Array.isArray(l) ? pne(e, t, l) : void 0, d = i ? Y2(e.numberConfig, t) : void 0, f = e.numberConfig?.unitsPosition === "before", u = d ? /* @__PURE__ */ m("span", { className: "shrink-0 select-none pt-px text-sm", children: d }) : null;
+  return /* @__PURE__ */ m(
+    "div",
     {
-      colSpan: a,
       className: U(
-        "h-full",
-        o && "peer font-medium",
-        w && p && ZC[u],
-        w && "sticky z-10",
-        b && ZC[u],
-        // The row hover keeps reading through the highlighted cell, so a hovered
-        // row stays one uniform surface.
-        h && "bg-[hsl(var(--neutral-2))] group-hover:bg-f1-background-hover",
-        // Sticky cells paint their opaque background on the `before` layer;
-        // the highlighted tint has to land there too or it stays hidden under it.
-        h && w && "before:bg-[hsl(var(--neutral-2))] group-hover:before:bg-f1-background-hover",
-        t && "cursor-pointer",
-        l
+        "flex h-full w-full min-w-0 items-center gap-1.5",
+        "px-3",
+        s && "justify-end",
+        n
       ),
-      style: {
-        width: _,
-        maxWidth: _,
-        minWidth: S,
-        left: x,
-        right: k
-      },
-      children: [
-        /* @__PURE__ */ m(Jt, { children: v && p || b && y ? /* @__PURE__ */ m(
-          it.div,
-          {
-            className: U(
-              "absolute inset-y-0 h-full w-4 from-f1-foreground-secondary to-transparent",
-              v && "-right-4 bg-gradient-to-r",
-              b && "-left-4 bg-gradient-to-l"
-            ),
-            initial: { opacity: 0 },
-            animate: { opacity: 0.1 },
-            exit: { opacity: 0 }
-          },
-          "cell-shadow-gradient"
-        ) : null }),
-        o && d?.tableWithChildren ? /* @__PURE__ */ m(
-          vne,
-          {
-            firstCell: o,
-            nestedRowProps: d,
-            fromVisualization: f
-          }
-        ) : null,
-        c ? /* @__PURE__ */ m(
-          "div",
-          {
-            style: { ...T },
-            className: U(
-              "flex h-full items-center",
-              f === "editableTable" ? "min-h-[32px]" : "min-h-[24px]"
-            ),
-            children: /* @__PURE__ */ m(Be, { className: "h-4 w-full" })
-          }
-        ) : null,
-        c ? null : /* @__PURE__ */ R(We, { children: [
-          /* @__PURE__ */ m(
-            "div",
-            {
-              className: U(
-                "[&:has([role=checkbox])]:relative [&:has([role=checkbox])]:z-[1]",
-                "[&:has([type=button])]:relative [&:has([type=button])]:z-[1]",
-                "[&:has(a)]:relative [&:has(a)]:z-[1]",
-                "pointer-events-none h-full items-start"
-              ),
-              children: IM(
-                o,
-                !!d?.rowWithChildren
-              ) ? /* @__PURE__ */ m(
-                hne,
-                {
-                  linkRef: E,
-                  firstCell: o,
-                  nestedRowProps: d,
-                  children: e
-                }
-              ) : /* @__PURE__ */ m(
-                "div",
-                {
-                  className: U(
-                    i !== "auto" && "overflow-hidden",
-                    "relative z-[1] h-full"
-                  ),
-                  style: {
-                    ...T
-                  },
-                  onClick: () => {
-                    E.current?.click(), n?.();
-                  },
-                  children: e
-                }
-              )
-            }
-          ),
-          t ? /* @__PURE__ */ m(
-            fO,
-            {
-              ref: E,
-              href: t,
-              className: "pointer-events-auto absolute inset-0 !z-0 block",
-              tabIndex: o ? void 0 : -1,
-              children: /* @__PURE__ */ m("span", { className: "sr-only", children: g.view })
-            }
-          ) : null,
-          n ? /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: (I) => {
-                I.stopPropagation(), n();
-              },
-              "data-testid": "table-cell-action-button",
-              className: "table-cell-action-button absolute inset-0 !z-0 block",
-              tabIndex: o ? void 0 : -1,
-              onKeyDown: (I) => {
-                (I.key === "Enter" || I.key === " ") && (I.preventDefault(), n());
-              },
-              children: /* @__PURE__ */ m("span", { className: "sr-only", children: g.view })
-            }
-          ) : null
-        ] })
-      ]
+      children: /* @__PURE__ */ R("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+        f ? u : null,
+        /* @__PURE__ */ m("span", { className: "min-w-0 truncate", children: a ?? c ?? Th({
+          item: t,
+          property: e,
+          visualization: "editableTable",
+          i18n: r
+        }) }),
+        f ? null : u
+      ] })
     }
   );
 }
-function bne({
-  info: e,
-  icon: t,
-  label: n
+function mne({
+  editableColumn: e,
+  item: t,
+  hint: n
 }) {
-  const [i, r] = J(!1), { forms: o } = Re();
-  return /* @__PURE__ */ R(
-    oI,
+  return /* @__PURE__ */ m(
+    Qo,
     {
-      open: i,
-      onOpenChange: r,
-      openDelay: 300,
-      closeDelay: 100,
-      children: [
-        /* @__PURE__ */ m(sI, { asChild: !0, children: /* @__PURE__ */ m(
-          "button",
-          {
-            type: "button",
-            className: U(
-              "flex h-5 w-5 items-center justify-center rounded-xs text-f1-foreground-secondary",
-              tn()
-            ),
-            "aria-label": e.label ?? n ?? o.moreInformation,
-            children: /* @__PURE__ */ m(st, { icon: t, size: "sm" })
-          }
-        ) }),
-        /* @__PURE__ */ m(aI, { className: "w-auto max-w-xs px-3 py-2 shadow-md", children: /* @__PURE__ */ R("div", { className: "flex flex-col gap-1 whitespace-normal text-left", children: [
-          /* @__PURE__ */ m("p", { children: e.title }),
-          /* @__PURE__ */ m("p", { className: "text-f1-foreground-inverse-secondary", children: e.description }),
-          e.link ? /* @__PURE__ */ m(
-            "button",
-            {
-              type: "button",
-              onClick: () => {
-                r(!1), e.link?.onClick();
-              },
-              className: U(
-                "mt-1 w-fit rounded-xs font-medium text-f1-foreground-inverse underline underline-offset-2 transition-colors hover:text-f1-foreground-inverse-secondary",
-                tn()
-              ),
-              children: e.link.label
-            }
-          ) : null
-        ] }) })
-      ]
+      disabled: !0,
+      borderOnHover: !1,
+      hint: n,
+      hintPosition: n?.hintPosition ?? "right",
+      cursor: "not-allowed",
+      children: /* @__PURE__ */ m(
+        SM,
+        {
+          editableColumn: e,
+          item: t,
+          className: "min-h-12 [&_*]:text-f1-foreground-secondary"
+        }
+      )
     }
   );
 }
-function MM({
-  info: e,
-  icon: t = Fy,
-  label: n
+function CM({
+  editableColumn: e,
+  item: t,
+  isLastColumn: n,
+  hint: i
 }) {
-  return typeof e != "string" ? /* @__PURE__ */ m(bne, { info: e, icon: t, label: n }) : /* @__PURE__ */ m(xc, { label: e, children: /* @__PURE__ */ m(
-    "div",
+  return /* @__PURE__ */ m(
+    Qo,
     {
-      className: U(
-        "flex h-5 w-5 items-center justify-center rounded-xs",
-        tn()
-      ),
-      tabIndex: 0,
-      children: /* @__PURE__ */ m(st, { icon: t, size: "sm" })
+      showRightBorder: !n,
+      borderOnHover: !1,
+      hint: i,
+      hintPosition: i?.hintPosition ?? "right",
+      cursor: "default",
+      children: /* @__PURE__ */ m(
+        SM,
+        {
+          editableColumn: e,
+          item: t,
+          showFieldAffordances: !1
+        }
+      )
     }
-  ) });
+  );
 }
-function zi({
-  children: e,
-  width: t = "auto",
-  minWidth: n,
-  sortState: i = "none",
-  onSortClick: r,
-  onClick: o,
-  info: s,
-  infoIcon: a = Fy,
-  sticky: l,
-  hidden: c = !1,
-  highlighted: d = !1,
-  align: f = "left",
-  className: u,
-  colSpan: h
+function gne(e) {
+  if (e)
+    return e.icon ? e.icon : Ch(e.inputType);
+}
+function yne({
+  editableColumn: e,
+  value: t,
+  inputPlaceholder: n,
+  error: i,
+  loading: r,
+  onChange: o,
+  hint: s
 }) {
-  const { isScrolled: p, isScrolledRight: y } = TM(), g = l?.left !== void 0, v = l?.right !== void 0, b = g || v, w = l?.left ?? 0, x = l?.right ?? 0, k = r || s, _ = r || o ? () => {
-    r?.(), o?.();
-  } : void 0, S = /* @__PURE__ */ R(
+  const a = e.textConfig, l = a?.inputType ?? "text", c = gne(a);
+  return /* @__PURE__ */ m(Qo, { error: i, hint: s, children: /* @__PURE__ */ m(
     "div",
     {
       className: U(
-        "flex items-center whitespace-nowrap",
-        k && "gap-1",
-        f === "right" && "flex-row-reverse"
+        "flex w-full min-w-0",
+        "cursor-text items-center",
+        e.align === "right" && "[&_input]:text-right"
       ),
-      children: [
-        typeof e == "string" ? /* @__PURE__ */ m(Hr, { className: U(t !== "auto" && "overflow-hidden"), children: e }) : /* @__PURE__ */ m("div", { className: U("truncate", t !== "auto" && "overflow-hidden"), children: e }),
-        k ? /* @__PURE__ */ R("div", { className: "flex items-center", children: [
-          s ? /* @__PURE__ */ m(
-            "div",
-            {
-              className: "flex h-6 w-6 items-center justify-center text-f1-foreground-secondary",
-              onClick: (A) => A.stopPropagation(),
-              children: /* @__PURE__ */ m(
-                MM,
-                {
-                  info: s,
-                  icon: a,
-                  label: typeof e == "string" ? e : void 0
-                }
-              )
-            }
-          ) : null,
-          r ? /* @__PURE__ */ m(
-            it.button,
-            {
-              className: U(
-                "relative h-5 w-5 rounded-xs p-1 text-f1-foreground-secondary opacity-0 transition-all focus-within:opacity-100 hover:bg-f1-background-hover group-hover:opacity-100",
-                tn()
-              ),
-              "aria-label": "Sort",
-              whileTap: { scale: 0.8 },
-              transition: { duration: 0.1 },
-              children: /* @__PURE__ */ R(Jt, { children: [
-                /* @__PURE__ */ m(
-                  it.div,
-                  {
-                    className: "absolute left-1 top-1 flex h-3 w-3 items-center justify-center",
-                    animate: {
-                      rotate: i === "desc" ? 0 : 180,
-                      x: i === "none" ? -3 : 0,
-                      y: i === "none" ? -1 : 0,
-                      scale: i === "none" ? 0.9 : 1
-                    },
-                    transition: {
-                      duration: 0.2,
-                      ease: [0.175, 0.885, 0.32, 1.275]
-                    },
-                    children: /* @__PURE__ */ m(st, { icon: qb, size: "xs" })
-                  },
-                  "sort-arrow"
-                ),
-                i === "none" ? /* @__PURE__ */ m(
-                  it.div,
-                  {
-                    className: "absolute left-1 top-1 flex h-3 w-3 items-center justify-center",
-                    initial: { opacity: 0, x: 0, y: 0, scale: 0.9 },
-                    animate: { opacity: 1, x: 3, y: 1, scale: 0.9 },
-                    exit: { opacity: 0, x: 0, y: 0, scale: 0.9 },
-                    transition: {
-                      duration: 0.2,
-                      ease: [0.175, 0.885, 0.32, 1.275]
-                    },
-                    children: /* @__PURE__ */ m(st, { icon: qb, size: "xs" })
-                  },
-                  "sort-arrow-secondary"
-                ) : null
-              ] })
-            }
-          ) : null
-        ] }) : null
-      ]
-    }
-  ), E = dg(t), C = n !== void 0 ? dg(n) : E;
-  return /* @__PURE__ */ R(
-    NM,
-    {
-      className: U(
-        "group h-11",
-        "bg-f1-background",
-        b && (p || y) && "relative bg-f1-background z-10 before:absolute before:inset-x-0 before:bottom-0 before:h-px before:w-full before:bg-f1-border-secondary before:content-['']",
-        b && "sticky",
-        // The tint is a background-image over the opaque header background,
-        // not a bg-color swap: an alpha bg-color would let the `thead::before`
-        // top rule bleed through and double up with the one painted on top.
-        d && "bg-[linear-gradient(hsl(var(--neutral-2)),hsl(var(--neutral-2)))]",
-        c && "after:hidden",
-        _ && "cursor-pointer",
-        u
-      ),
-      "data-highlighted": d ? "true" : void 0,
-      onClick: _,
-      tabIndex: l ? 0 : void 0,
-      colSpan: h,
-      style: {
-        width: E,
-        maxWidth: E,
-        minWidth: C,
-        left: w,
-        right: x
-      },
-      role: c ? "presentation" : void 0,
-      "aria-sort": r ? i === "asc" ? "ascending" : i === "desc" ? "descending" : "none" : void 0,
-      children: [
-        /* @__PURE__ */ m("div", { className: "absolute inset-x-0 top-0 z-[1] h-px w-full bg-f1-border-secondary" }),
-        /* @__PURE__ */ m(Jt, { children: g && p || v && y ? /* @__PURE__ */ m(
-          it.div,
-          {
-            className: U(
-              "absolute inset-y-0 h-full w-4 from-f1-foreground-secondary to-transparent",
-              g && "-right-4 bg-gradient-to-r",
-              v && "-left-4 bg-gradient-to-l"
-            ),
-            initial: { opacity: 0 },
-            animate: { opacity: 0.1 },
-            exit: { opacity: 0 }
-          },
-          "shadow-gradient"
-        ) : null }),
-        c ? null : S
-      ]
+      children: /* @__PURE__ */ m(
+        oh,
+        {
+          type: l,
+          icon: c,
+          label: e.label,
+          hideLabel: !0,
+          value: t,
+          placeholder: n ?? e.inputPlaceholder,
+          onChange: o,
+          loading: r,
+          transparent: !0
+        }
+      )
     }
-  );
+  ) });
 }
-const Mc = 40, _i = Qe(
-  ({ children: e, selected: t, className: n, sticky: i, style: r }, o) => {
-    const a = ht(_d)?.stickyHeaderHeight ?? Mc;
-    return /* @__PURE__ */ m(
-      EM,
-      {
-        ref: o,
-        className: U(
-          t && "bg-f1-background-selected hover:bg-f1-background-selected",
-          n,
-          "relative before:pointer-events-none before:absolute before:inset-0 before:z-10 before:content-['']",
-          "[&:has(.table-cell-action-button:focus)]:before:rounded-sm [&:has(.table-cell-action-button:focus)]:before:ring-1 [&:has(.table-cell-action-button:focus)]:before:ring-inset [&:has(.table-cell-action-button:focus)]:before:ring-f1-special-ring",
-          "[&:has(a:focus)]:before:rounded-sm [&:has(a:focus)]:before:ring-1 [&:has(a:focus)]:before:ring-inset [&:has(a:focus)]:before:ring-f1-special-ring",
-          // A sticky row is lifted above the rows scrolling underneath it, so its
-          // background has to stay opaque in every state. `bg-f1-background-hover`
-          // is a 4%-alpha tint — right for a plain row, where it tints the page
-          // behind it, but on a sticky row it would own `background-color` and let
-          // those rows show through. So the opaque colour is kept on hover too and
-          // the tint rides over it as a background-image layer, the same way the
-          // highlighted table header paints its own.
-          i && "sticky z-20 bg-f1-background hover:bg-f1-background hover:bg-[linear-gradient(hsl(var(--neutral-5)),hsl(var(--neutral-5)))]"
-        ),
-        style: {
-          ...i ? { top: a } : void 0,
-          ...r
-        },
-        children: e
+const vne = {
+  text: yne,
+  number: _M,
+  money: cne,
+  date: rne,
+  select: une,
+  multiselect: fne,
+  "display-only": CM,
+  disabled: mne
+}, bne = /* @__PURE__ */ new Set([
+  "text",
+  "number",
+  "money"
+]), wne = 250, EM = Ft(null);
+function NM({
+  item: e,
+  onCellChange: t,
+  children: n
+}) {
+  const [i, r] = J(e), [o, s] = J({}), [a, l] = J({}), { t: c } = Re(), d = L(i);
+  d.current = i;
+  const f = L(null);
+  ie(() => {
+    const x = { ...e, ...f.current?.updates };
+    d.current = x, r(x);
+  }, [e]);
+  const u = (x, k) => {
+    l((_) => {
+      const S = { ..._ };
+      for (const E of x)
+        S[E] = k;
+      return S;
+    });
+  }, h = (x, k) => {
+    s((_) => {
+      if (k === void 0) {
+        const E = new Set(x);
+        return Object.fromEntries(
+          Object.entries(_).filter(([C]) => !E.has(C))
+        );
       }
-    );
-  }
-);
-_i.displayName = "TableRow";
-function Z2({ children: e, sticky: t = !1 }) {
-  const n = L(null), r = ht(_d)?.setStickyHeaderHeight;
-  return Lt(() => {
-    if (!r)
+      const S = { ..._ };
+      for (const E of x)
+        S[E] = k;
+      return S;
+    });
+  }, p = (x) => {
+    const k = Object.keys(x), _ = d.current, S = {};
+    for (const E of k)
+      S[E] = [x[E], _[E]];
+    u(k, !0), t({
+      updatedItem: _,
+      changes: S
+    }).then((E) => {
+      E && Object.keys(E).length > 0 && s((C) => ({ ...C, ...E }));
+    }).catch((E) => {
+      const C = E instanceof Error ? E.message : c("collections.editableTable.errors.saveFailed");
+      h(k, C);
+    }).finally(() => {
+      u(k, !1);
+    });
+  }, y = () => {
+    const x = f.current;
+    x && (x.timer && clearTimeout(x.timer), f.current = null, p(x.previousValues));
+  }, g = L(y);
+  g.current = y, ie(() => () => g.current(), []);
+  const v = (x, k) => {
+    const _ = Object.keys(x);
+    if (_.length === 0)
       return;
-    if (!t) {
-      r(Mc);
+    const S = d.current, E = {};
+    for (const I of _)
+      E[I] = S[I];
+    const C = { ...S, ...x };
+    if (d.current = C, r(C), h(_, void 0), !k?.debounce && k?.commitOn !== "blur") {
+      y(), p(E);
       return;
     }
-    const o = n.current;
-    if (!o)
-      return;
-    const s = (l) => {
-      const c = l?.borderBoxSize?.[0]?.blockSize ?? o.getBoundingClientRect().height;
-      c > 0 && r(c);
-    };
-    s();
-    const a = new ResizeObserver(([l]) => s(l));
-    return a.observe(o), () => {
-      a.disconnect(), r(Mc);
-    };
-  }, [t, r]), /* @__PURE__ */ m(_M, { ref: n, className: U(t && "sticky top-0 z-30"), children: e });
-}
-function wne({ children: e, loading: t = !1 }) {
-  const [n, i] = J(!1), [r, o] = J(!1), [s, a] = J(
-    Mc
-  ), l = L(null);
-  ie(() => {
-    const d = l.current;
-    if (!d)
-      return;
-    const f = () => {
-      i(d.scrollLeft > 0), o(
-        d.scrollWidth - d.scrollLeft - d.clientWidth > 0
-      );
-    };
-    return f(), d.addEventListener("scroll", f), () => {
-      d.removeEventListener("scroll", f);
+    const A = f.current;
+    A?.timer && clearTimeout(A.timer);
+    const T = A?.deferred || k?.commitOn === "blur";
+    f.current = {
+      previousValues: { ...E, ...A?.previousValues },
+      updates: { ...A?.updates, ...x },
+      deferred: T,
+      timer: T ? void 0 : setTimeout(() => g.current(), wne)
     };
-  }, []);
-  const c = X(
-    () => ({
-      isScrolled: n,
-      setIsScrolled: i,
-      isScrolledRight: r,
-      setIsScrolledRight: o,
-      stickyHeaderHeight: s,
-      setStickyHeaderHeight: a
-    }),
-    [n, r, s]
-  );
-  return /* @__PURE__ */ m(_d.Provider, { value: c, children: /* @__PURE__ */ R("div", { ref: l, className: "relative h-full w-full overflow-auto", children: [
-    /* @__PURE__ */ m(
-      Y2,
-      {
-        className: U(t && "select-none opacity-50 transition-opacity"),
-        "aria-live": t ? "polite" : void 0,
-        "aria-busy": t ? "true" : void 0,
-        children: e
-      }
-    ),
-    /* @__PURE__ */ m(Jt, { children: t ? /* @__PURE__ */ m(
-      it.div,
-      {
-        className: "absolute inset-0 flex cursor-progress items-center justify-center",
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        exit: { opacity: 0 },
-        children: /* @__PURE__ */ m(Xa, {})
-      }
-    ) : null })
-  ] }) });
-}
-function xne({ columns: e = 5 }) {
+  }, b = (x, k, _) => v({ [x]: k }, _), w = (x, k) => v(x, k);
   return /* @__PURE__ */ m(
-    _d.Provider,
+    EM.Provider,
     {
       value: {
-        isScrolled: !1,
-        setIsScrolled: () => {
-        },
-        isScrolledRight: !1,
-        setIsScrolledRight: () => {
-        },
-        stickyHeaderHeight: Mc,
-        setStickyHeaderHeight: () => {
-        }
+        localItem: i,
+        cellErrors: o,
+        cellLoading: a,
+        handleCellChange: b,
+        batchCellChanges: w,
+        flushPendingChanges: y
       },
-      children: /* @__PURE__ */ R(
-        Y2,
-        {
-          className: "cursor-progress",
-          role: "presentation",
-          "aria-hidden": "true",
-          children: [
-            /* @__PURE__ */ m(Z2, { children: /* @__PURE__ */ m(_i, { children: Array.from({ length: e }).map((t, n) => /* @__PURE__ */ m(zi, { children: /* @__PURE__ */ m(Be, { className: "h-4 w-[80px]" }) }, `skeleton-header-${n}`)) }) }),
-            /* @__PURE__ */ m(X2, { children: Array.from({ length: 5 }).map((t, n) => /* @__PURE__ */ m(_i, { children: Array.from({ length: e }).map((i, r) => /* @__PURE__ */ m(jn, { children: /* @__PURE__ */ m(Be, { className: "h-4 w-[80px]" }) }, `skeleton-cell-${n}-${r}`)) }, `skeleton-row-${n}`)) })
-          ]
-        }
-      )
+      children: n
     }
   );
 }
-const Ew = fd(wne, xne);
-function kne({ children: e }) {
-  return /* @__PURE__ */ m(
-    CM,
-    {
-      className: U(
-        "bg-f1-background-default sticky bottom-0 z-30 shadow-[0_-1px_0_0_var(--f1-border-secondary)]"
-      ),
-      children: e
-    }
-  );
+function xne() {
+  return ht(EM);
 }
-function _ne({ message: e, children: t }) {
-  const [n, i] = J(!1), r = K(() => {
-    e && i(!0);
-  }, [e]), o = K(() => i(!1), []);
-  return ie(() => {
-    e || i(!1);
-  }, [e]), /* @__PURE__ */ m("div", { className: "relative h-full w-full", children: /* @__PURE__ */ m(dh, { delayDuration: 100, disableHoverableContent: !0, children: /* @__PURE__ */ R(fh, { open: n && !!e, onOpenChange: i, children: [
-    /* @__PURE__ */ m(uh, { asChild: !0, className: "pointer-events-auto h-full w-full", children: /* @__PURE__ */ m(
-      "div",
-      {
-        className: "flex h-full w-full items-center",
-        onFocusCapture: r,
-        onBlurCapture: o,
-        children: t
-      }
-    ) }),
-    e ? /* @__PURE__ */ R(
-      Qy,
-      {
-        side: "top",
-        className: "border-black/10 flex items-center gap-1 bg-[#fff] shadow-md",
-        children: [
-          /* @__PURE__ */ m(st, { icon: nh, color: "critical", size: "sm" }),
-          /* @__PURE__ */ m("span", { className: "text-sm font-medium text-f1-foreground-critical", children: e })
-        ]
-      }
-    ) : null
-  ] }) }) });
+function e5(e, t) {
+  if (t.id !== void 0 && t.id in e) {
+    const i = e[t.id];
+    return i == null ? "" : String(i);
+  }
+  const n = t.render(e);
+  return typeof n == "string" ? n : typeof n == "number" ? String(n) : "";
 }
-const Sne = {
-  text: "cursor-text",
-  pointer: "cursor-pointer",
-  default: "cursor-default",
-  "not-allowed": "cursor-not-allowed"
-};
-function Qo({
-  disabled: e = !1,
-  readonly: t = !1,
-  showRightBorder: n = !0,
-  cursor: i = "text",
-  isActive: r = !1,
-  borderOnHover: o = !0,
-  error: s,
-  hint: a,
-  hintPosition: l = "left",
-  children: c
-}) {
-  const d = a && !s && /* @__PURE__ */ m(dh, { delayDuration: 100, children: /* @__PURE__ */ R(fh, { children: [
-    /* @__PURE__ */ m(uh, { asChild: !0, children: /* @__PURE__ */ m(
-      "button",
-      {
-        type: "button",
-        "aria-label": a.message,
-        className: U(
-          "pointer-events-auto flex shrink-0 cursor-pointer items-center rounded px-1",
-          tn()
-        ),
-        children: /* @__PURE__ */ m(st, { icon: a.icon, size: "md", color: a.iconColor })
-      }
-    ) }),
-    /* @__PURE__ */ m(
-      Qy,
-      {
-        side: "top",
-        className: "border-black/10 max-w-64 cursor-default text-f1-foreground shadow-md",
-        children: /* @__PURE__ */ m("span", { className: "text-sm font-medium text-f1-foreground", children: a.message })
-      }
-    )
-  ] }) });
-  return /* @__PURE__ */ m(
-    "div",
-    {
-      className: U(
-        "flex w-full h-full min-w-0 min-h-12 border-solid",
-        "border-0 border-r-[1px] border-f1-border-secondary",
-        !n && "border-r-0",
-        Sne[i],
-        s ? "relative z-[1] border-r-0 bg-f1-background-critical/10 shadow-[inset_0_0_0_1px_hsl(var(--critical-50))]" : r ? "relative z-[1] border-r-0 bg-f1-background shadow-[inset_0_0_0_1px_hsl(var(--selected-50))]" : o ? "shadow-none [&:not(:focus-within)]:hover:shadow-[inset_0_0_0_1px_hsl(var(--neutral-30))] focus-within:relative focus-within:z-[1] focus-within:border-r-0 focus-within:bg-f1-background focus-within:shadow-[inset_0_0_0_1px_hsl(var(--selected-50))]" : "shadow-none",
-        t && "bg-f1-background-secondary",
-        e && "bg-f1-background-disabled"
-      ),
-      children: /* @__PURE__ */ R(_ne, { message: s, children: [
-        l === "left" ? d : null,
-        /* @__PURE__ */ m("div", { className: "min-w-0 flex-1", children: c }),
-        l === "right" ? d : null
-      ] })
-    }
-  );
+function kne(e, t) {
+  const n = (e === "number" || e === "money") && t.numberConfig?.commitOn === "blur" ? "blur" : void 0, i = n !== "blur" && e !== void 0 && bne.has(e);
+  return { commitOn: n, debounce: i };
 }
-const Cne = "yyyy-MM-dd";
-function Ene({
+function _ne({
   editableColumn: e,
-  value: t,
-  inputPlaceholder: n,
-  error: i,
-  loading: r,
-  isLastColumn: o,
-  onChange: s,
-  hint: a,
-  item: l
+  localItem: t,
+  debounce: n,
+  commitOn: i,
+  handleCellChange: r,
+  batchCellChanges: o
 }) {
-  const c = typeof e.dateConfig == "function" ? e.dateConfig(l) : e.dateConfig, d = X(() => {
-    if (!t)
+  return (s, a) => {
+    if (e.id === void 0)
+      return;
+    const l = e.formula;
+    if (!l) {
+      r(e.id, s, { debounce: n, commitOn: i });
       return;
-    const u = Ym(t);
-    if (Jk(u))
-      return { granularity: "day", value: { from: u, to: u } };
-  }, [t]), f = (u) => {
-    const h = u?.value?.from, p = h ? rh(h, Cne) : "";
-    p !== t && s(p);
-  };
-  return /* @__PURE__ */ m(
-    Qo,
-    {
-      showRightBorder: !o,
-      error: i,
-      hint: a,
-      cursor: "pointer",
-      children: /* @__PURE__ */ m(
-        "div",
-        {
-          className: U(
-            "flex w-full min-w-0 items-center",
-            e.align === "right" && "justify-end"
-          ),
-          children: /* @__PURE__ */ m(
-            h1,
-            {
-              className: U(
-                "[&_input]:!py-0",
-                // The cell is taller (48px) than a standalone input, so the icon's
-                // fixed top offset no longer centers it — pin it to the full height
-                // and let its auto margins center it vertically.
-                "[&_[data-slot='icon']]:!inset-y-0",
-                "[&_[data-slot='placeholder']]:!flex",
-                "[&_[data-slot='placeholder']]:!items-center",
-                "[&_[data-slot='placeholder']]:!py-0",
-                // The placeholder is absolutely positioned with no right edge, so
-                // bound it to the cell width; only then does truncate clip the
-                // text instead of letting it spill past the column.
-                "[&_[data-slot='placeholder']]:!right-0",
-                "[&_[data-slot='placeholder']]:!truncate"
-              ),
-              placeholder: n ?? e.inputPlaceholder,
-              label: e.label,
-              hideLabel: !0,
-              transparent: !0,
-              showIcon: c?.showIcon ?? !0,
-              clearable: c?.clearable,
-              displayFormat: "default",
-              value: d,
-              onChange: f,
-              loading: r,
-              minDate: c?.minDate,
-              maxDate: c?.maxDate
-            }
-          )
-        }
-      )
-    }
-  );
-}
-let h0 = null;
-function Nne(e, t) {
-  h0 || (h0 = document.createElement("canvas"));
-  const n = h0.getContext("2d");
-  return n ? (n.font = t, Math.ceil(n.measureText(e).width)) : 0;
-}
-function Ane(e, t = 26, n = 48) {
-  const [i, r] = J(null), o = K((a) => {
-    if (a) {
-      const l = a.querySelector("input");
-      l && r(getComputedStyle(l).font);
     }
-  }, []), s = i ? Math.max(Nne(e || " ", i) + t, n) : void 0;
-  return { ref: o, width: s };
-}
-function Q2(e, t) {
-  if (e?.units)
-    return typeof e.units == "function" ? e.units(t) : e.units;
-}
-function Tne(e, t, n) {
-  const { locale: i } = oa(), r = e?.locale ?? i, o = Q2(e, n), s = o ? e?.unitsPosition === "before" : !1, a = e?.grouping ?? !0, l = X(
-    () => new Intl.NumberFormat(r, {
-      maximumFractionDigits: e?.maxDecimals,
-      useGrouping: a
-    }),
-    [r, e?.maxDecimals, a]
-  ), c = t != null ? l.format(t) : "", d = o ? s ? `${o} ${c}` : `${c} ${o}` : c, { ref: f, width: u } = Ane(d);
-  return { ref: f, width: u, locale: r, units: o, unitsBefore: s, grouping: a };
+    const c = {};
+    l({
+      value: s,
+      item: t,
+      selectedItem: a?.selectedItem,
+      setCellValue: (d, f) => {
+        c[d] = f;
+      }
+    }), o(
+      {
+        [e.id]: s,
+        ...c
+      },
+      { debounce: n, commitOn: i }
+    );
+  };
 }
-function PM({
-  editableColumn: e,
-  value: t,
-  inputPlaceholder: n,
-  error: i,
-  loading: r,
-  onChange: o,
-  onBlur: s,
-  item: a,
-  hint: l
+function AM({
+  column: e,
+  children: t,
+  isLastColumn: n,
+  externalError: i
 }) {
-  const c = e.numberConfig, d = typeof t == "string" ? t.trim() : t, f = d !== "" && d != null ? Number(d) : NaN, u = isFinite(f) ? f : null, { ref: h, width: p, locale: y, units: g, unitsBefore: v, grouping: b } = Tne(c, u, a), w = (_) => {
-    if (_ == null) {
-      t !== "" && o(null);
-      return;
-    }
-    let S = _;
-    c?.min != null && S < c.min && (S = c.min), c?.max != null && S > c.max && (S = c.max);
-    const E = String(S);
-    E !== t && o(E);
-  }, x = g && /* @__PURE__ */ m("span", { className: "flex shrink-0 select-none items-center self-center pt-[1px] text-sm text-f1-foreground", children: g }), k = K((_) => {
-    const S = _.currentTarget.querySelector("input");
-    S && _.target !== S && S.focus();
-  }, []);
-  return /* @__PURE__ */ m(Qo, { error: i, hint: l, children: /* @__PURE__ */ m(
-    "div",
-    {
-      ref: h,
-      onClick: k,
-      className: U(
-        "flex h-full w-full cursor-text items-center",
-        e.align === "right" && "justify-end"
-      ),
-      children: /* @__PURE__ */ R(
-        "div",
-        {
-          className: U(
-            "flex h-full max-w-full items-center gap-1",
-            v && "pl-3 [&_input]:pl-1",
-            !v && g && "pr-3 [&_input]:pr-1"
-          ),
-          style: { width: p },
-          children: [
-            v ? x : null,
-            /* @__PURE__ */ m(
-              m1,
+  const r = xne();
+  if (!r)
+    return /* @__PURE__ */ m(We, { children: t });
+  const {
+    localItem: o,
+    cellErrors: s,
+    cellLoading: a,
+    handleCellChange: l,
+    batchCellChanges: c,
+    flushPendingChanges: d
+  } = r, f = e, u = f.editType?.(o), h = f.id !== void 0, { commitOn: p, debounce: y } = kne(u, f), g = _ne({
+    editableColumn: f,
+    localItem: o,
+    debounce: y,
+    commitOn: p,
+    handleCellChange: l,
+    batchCellChanges: c
+  });
+  if (h && u) {
+    const v = vne[u], b = e5(o, f);
+    if (v) {
+      const w = (f.id ? s[f.id] : void 0) ?? i, x = f.id ? a[f.id] ?? !1 : !1;
+      return (
+        // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- stops cell navigation (href/onClick) from bubbling to the row after child interactions complete
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: "pointer-events-auto h-full",
+            onClick: (k) => k.stopPropagation(),
+            onMouseDown: (k) => k.stopPropagation(),
+            children: /* @__PURE__ */ m(
+              v,
               {
-                label: e.label,
-                hideLabel: !0,
-                value: u,
-                placeholder: n ?? e.inputPlaceholder,
-                onChange: w,
-                onBlur: s,
-                loading: r,
-                transparent: !0,
-                hint: "",
-                locale: y,
-                grouping: b,
-                min: c?.min,
-                max: c?.max,
-                step: c?.step,
-                maxDecimals: c?.maxDecimals
+                editableColumn: f,
+                value: b,
+                inputPlaceholder: f.inputPlaceholder,
+                error: w,
+                item: o,
+                isLastColumn: n,
+                loading: x,
+                onChange: g,
+                onBlur: p === "blur" ? () => d() : void 0,
+                hint: f.cellHint?.(o)
               }
-            ),
-            v ? null : x
-          ]
-        }
-      )
+            )
+          }
+        )
+      );
     }
-  ) });
-}
-const One = (e, t = "USD") => {
-  try {
-    const n = new Intl.NumberFormat(e, {
-      style: "currency",
-      currency: t
-    }).formatToParts(1), i = n.find((s) => s.type === "currency"), r = n.findIndex((s) => s.type === "currency"), o = n.findIndex((s) => s.type === "integer");
-    return {
-      symbol: i?.value ?? t,
-      before: r < o
-    };
-  } catch {
-    return;
   }
-};
-function Ine(e) {
-  const { locale: t } = oa(), n = e.editableColumn.numberConfig, i = n?.locale ?? t, r = Q2(n, e.item), o = X(
-    () => r ? One(i, r) : void 0,
-    [i, r]
-  ), s = X(() => r ? n?.unitsPosition ? n.unitsPosition === "before" : o?.before ?? !1 : !1, [r, n?.unitsPosition, o]);
   return /* @__PURE__ */ m(
-    PM,
+    CM,
     {
-      ...e,
-      editableColumn: {
-        ...e.editableColumn,
-        numberConfig: {
-          ...n,
-          units: o?.symbol ?? r ?? "$",
-          unitsPosition: s ? "before" : "after"
-        }
-      }
+      editableColumn: f,
+      item: o,
+      value: e5(o, f),
+      isLastColumn: n,
+      onChange: g
     }
   );
 }
-const p0 = {
-  default: "-",
-  list: void 0
-}, Th = ({
-  item: e,
-  property: t,
-  visualization: n,
-  i18n: i,
-  tableAlign: r
-}) => {
-  const o = t.render(e), s = n in p0 ? p0[n] : p0.default;
-  return pH(
-    o,
-    {
-      visualization: n,
-      i18n: i,
-      tableAlign: r
-    },
-    s
-  );
-}, QC = /* @__PURE__ */ new Set();
-function Dne(e, t) {
-  if (t === void 0)
-    return [];
-  const n = e[t];
-  return Array.isArray(n) ? n.filter((i) => typeof i == "string") : [];
-}
-function Mne({
-  editableColumn: e,
-  error: t,
-  loading: n,
-  onChange: i,
-  item: r,
-  hint: o
-}) {
-  const s = Re(), [a, l] = J(!1), c = e.selectConfig;
-  if (!c)
-    return QC.has(e.label) || (QC.add(e.label), console.warn(
-      `MultiSelectCell: column "${e.label}" has editType "multiselect" but no selectConfig`
-    )), /* @__PURE__ */ m(Qo, { children: Th({
-      item: r,
-      property: e,
-      visualization: "editableTable",
-      i18n: s
-    }) });
-  const d = Dne(r, e.id), f = {
-    label: e.label,
-    hideLabel: !0,
-    value: d,
-    onChange: (h) => i(h),
-    loading: n,
-    size: "sm",
-    placeholder: c.placeholder ?? s.t("common.selectPlaceholder"),
-    showSearchBox: c.showSearchBox,
-    multiple: !0,
-    onOpenChange: l
-  }, u = c.clearable ? { clearable: !0 } : {};
-  return /* @__PURE__ */ m(Qo, { error: t, isActive: a, hint: o, cursor: "pointer", children: /* @__PURE__ */ m(
-    "div",
-    {
-      className: U(
-        "flex w-full min-w-0 h-full",
-        "items-center",
-        "[&_[data-testid=input-field-wrapper]]:border-0",
-        "[&_[data-testid=input-field-wrapper]]:bg-transparent",
-        "[&_[data-testid=input-field-wrapper]]:shadow-none",
-        "[&_[data-testid=input-field-wrapper]]:ring-0",
-        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-0",
-        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-offset-0",
-        "[&_[data-testid=input-field-wrapper]]:h-full",
-        "[&_[data-testid=input-field-wrapper]_.absolute]:top-1/2",
-        "[&_[data-testid=input-field-wrapper]_.absolute]:-translate-y-1/2",
-        "[&_[data-testid=input-field-wrapper]_.absolute]:bottom-auto",
-        "[&>div]:h-full",
-        "[&>div]:w-full",
-        "[&>div>button]:h-full",
-        e.align === "right" && "justify-end"
-      ),
-      children: "source" in c && c.source ? /* @__PURE__ */ m(
-        Qn,
-        {
-          ...f,
-          ...u,
-          source: c.source,
-          mapOptions: c.mapOptions
-        }
-      ) : /* @__PURE__ */ m(
-        Qn,
-        {
-          ...f,
-          ...u,
-          options: typeof c.options == "function" ? c.options(r) : c.options
-        }
-      )
-    }
-  ) });
+const X2 = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m("div", { className: "relative w-full", children: /* @__PURE__ */ m(
+  "table",
+  {
+    ref: n,
+    className: U(
+      "w-full caption-bottom border-spacing-0 border-0 border-none text-base",
+      e
+    ),
+    ...t
+  }
+) }));
+X2.displayName = "Table";
+const TM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  "thead",
+  {
+    ref: n,
+    className: U(
+      "relative min-h-10 [&_tr]:hover:bg-transparent",
+      "before:absolute before:inset-x-0 before:top-0 before:h-px before:w-full before:bg-f1-border-secondary before:content-['']",
+      e
+    ),
+    ...t
+  }
+));
+TM.displayName = "TableHeader";
+const OM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m("tbody", { ref: n, className: U("border-0", e), ...t }));
+OM.displayName = "TableBody";
+const IM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  "tfoot",
+  {
+    ref: n,
+    className: U(
+      "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...t
+  }
+));
+IM.displayName = "TableFooter";
+const DM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  "tr",
+  {
+    ref: n,
+    className: U(
+      "group relative transition-colors after:absolute after:inset-x-0 after:bottom-0 after:h-px after:w-full after:bg-f1-border-secondary after:content-[''] hover:bg-f1-background-hover",
+      e
+    ),
+    ...t
+  }
+));
+DM.displayName = "TableRow";
+const MM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  "th",
+  {
+    ref: n,
+    className: U(
+      "relative px-3 py-2.5 text-left align-middle font-medium text-f1-foreground-secondary first:pl-6 last:pr-6",
+      "after:pointer-events-none after:absolute after:inset-x-0 after:inset-y-1 after:rounded after:bg-transparent after:transition-colors after:content-[''] first:after:left-3 last:after:right-3 hover:after:bg-f1-background-hover",
+      "[&:has([role=checkbox])]:px-2 [&:has([role=checkbox])]:py-2 [&:has([role=checkbox])]:hover:after:bg-transparent",
+      e
+    ),
+    ...t
+  }
+));
+MM.displayName = "TableHead";
+const PM = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  "td",
+  {
+    ref: n,
+    className: U(
+      // `pb` is 1px larger than `pt` on purpose: the row paints its separator on
+      // its own last pixel (`after:bottom-0` on TableRow), so a symmetric `py`
+      // leaves content looking 1px high — the gap below it is a pixel shorter
+      // than the gap above once the rule is drawn over it.
+      "relative min-h-[48px] whitespace-nowrap px-3 pb-[9px] pt-2 align-top first:pl-6 last:pr-6",
+      "[&:has([role=checkbox])]:px-2",
+      e
+    ),
+    ...t
+  }
+));
+PM.displayName = "TableCell";
+const Sne = qe.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m(
+  "caption",
+  {
+    ref: n,
+    className: U("text-muted-foreground mt-4 text-sm", e),
+    ...t
+  }
+));
+Sne.displayName = "TableCaption";
+function J2({ children: e }) {
+  return /* @__PURE__ */ m(OM, { children: e });
 }
-const e5 = /* @__PURE__ */ new Set();
-function Pne({
-  editableColumn: e,
-  value: t,
-  error: n,
-  loading: i,
-  onChange: r,
-  item: o,
-  hint: s
-}) {
-  const a = Re(), [l, c] = J(!1), d = e.selectConfig;
-  if (!d)
-    return e5.has(e.label) || (e5.add(e.label), console.warn(
-      `SelectCell: column "${e.label}" has editType "select" but no selectConfig`
-    )), /* @__PURE__ */ m(Qo, { children: Th({
-      item: o,
-      property: e,
-      visualization: "editableTable",
-      i18n: a
-    }) });
-  const f = {
-    label: e.label,
-    hideLabel: !0,
-    value: t || void 0,
-    onChange: (h, p) => {
-      const y = h ?? "";
-      y !== t && r(y, { selectedItem: p });
-    },
-    loading: i,
-    size: "sm",
-    placeholder: d.placeholder ?? a.t("common.selectPlaceholder"),
-    showSearchBox: d.showSearchBox,
-    defaultItem: d.defaultItem?.(o),
-    multiple: !1,
-    onOpenChange: c,
-    actions: typeof d.actions == "function" ? d.actions(o) : d.actions
-  }, u = d.clearable ? { clearable: !0 } : {};
-  return /* @__PURE__ */ m(Qo, { error: n, isActive: l, hint: s, cursor: "pointer", children: /* @__PURE__ */ m(
+const Cne = {
+  auto: void 0,
+  fit: 1
+}, Ene = (e) => typeof e == "number", dg = (e) => Ene(e) ? e : Cne[e], _d = Ft(
+  void 0
+);
+function RM() {
+  const e = ht(_d);
+  if (!e)
+    throw new Error("useTable must be used within a TableProvider");
+  return e;
+}
+const S1 = 32, fg = 24, im = 18, Nne = "1px", Ds = 8, Ane = 32, Sw = 4, Cw = 40, Tne = Cw - fg, One = 24, Ine = 16, Z2 = ({
+  depth: e,
+  padding: t = 0
+}) => `${e * S1 + t}px`, Dne = ({
+  depth: e
+}) => Z2({
+  depth: e,
+  padding: -Sw
+}), LM = (e, t) => e && t > 0, FM = (e, t) => e && t, Mne = (e, t) => e && t, $M = (e, t) => e && t, Pne = (e, t, n) => !t && $M(e, n), Rne = (e, t) => e && t?.nestedVariant === "detailed", Lne = ({
+  width: e,
+  linkRef: t,
+  firstCell: n,
+  nestedRowProps: i,
+  children: r,
+  onClick: o
+}) => {
+  const { collections: s } = Re(), a = FM(
+    n,
+    !!i?.rowWithChildren
+  ), l = LM(
+    n,
+    i?.depth ?? 0
+  ), c = Pne(
+    n,
+    !!i?.rowWithChildren,
+    !!i?.tableWithChildren
+  ), d = Rne(n, i), f = i?.onLoadMoreChildren, u = i?.onAddRow, h = i?.depth ?? 0, p = l ? Z2({
+    depth: a ? h : h + 1
+  }) : void 0, y = f || u;
+  return /* @__PURE__ */ m(
     "div",
     {
       className: U(
-        "flex w-full min-w-0 h-full",
-        "items-center",
-        "[&_[data-testid=input-field-wrapper]]:border-0",
-        "[&_[data-testid=input-field-wrapper]]:bg-transparent",
-        "[&_[data-testid=input-field-wrapper]]:shadow-none",
-        "[&_[data-testid=input-field-wrapper]]:ring-0",
-        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-0",
-        "[&_[data-testid=input-field-wrapper]]:focus-within:ring-offset-0",
-        "[&_[data-testid=input-field-wrapper]]:h-full",
-        "[&_[data-testid=input-field-wrapper]_.absolute]:top-1/2",
-        "[&_[data-testid=input-field-wrapper]_.absolute]:-translate-y-1/2",
-        "[&_[data-testid=input-field-wrapper]_.absolute]:bottom-auto",
-        "[&>div]:h-full",
-        "[&>div]:w-full",
-        "[&>div>button]:h-full",
-        e.align === "right" && "justify-end"
+        e !== "auto" && "overflow-hidden",
+        "relative z-[1] h-full",
+        a && "flex items-center gap-2"
       ),
-      children: "source" in d && d.source ? /* @__PURE__ */ m(
-        Qn,
+      style: {
+        marginLeft: y ? Dne({
+          depth: h + (d ? 0 : 1)
+        }) : p
+      },
+      onClick: () => {
+        y || (t.current?.click(), o?.());
+      },
+      children: u ? /* @__PURE__ */ m(
+        "div",
         {
-          ...f,
-          ...u,
-          source: d.source,
-          mapOptions: d.mapOptions
+          className: U(
+            "pointer-events-auto flex items-center w-full h-full",
+            d && "pl-3"
+          ),
+          children: u.actions.length === 1 ? /* @__PURE__ */ m(
+            De,
+            {
+              variant: "outline",
+              size: "sm",
+              icon: u.actions[0].icon ?? Ja,
+              label: u.actions[0].label,
+              onClick: (g) => {
+                g.stopPropagation(), u.actions[0].onClick?.();
+              },
+              loading: u.actions[0].loading,
+              disabled: u.actions[0].disabled
+            }
+          ) : u.actions.some((g) => g.description !== void 0) ? /* @__PURE__ */ m(
+            mr,
+            {
+              mode: "dropdown",
+              variant: "outline",
+              size: "sm",
+              trigger: u.label,
+              disabled: u.actions.every((g) => g.disabled),
+              loading: u.actions.some((g) => g.loading),
+              items: u.actions.map((g, v) => ({
+                value: v.toString(),
+                label: g.label,
+                icon: g.icon,
+                description: g.description
+              })),
+              onClick: (g) => {
+                u.actions[Number(g)]?.onClick?.();
+              }
+            }
+          ) : /* @__PURE__ */ m(
+            mr,
+            {
+              variant: "outline",
+              size: "sm",
+              disabled: u.actions.every((g) => g.disabled),
+              loading: u.actions.some((g) => g.loading),
+              items: u.actions.map((g, v) => ({
+                value: v.toString(),
+                label: g.label,
+                icon: g.icon
+              })),
+              onClick: (g) => {
+                u.actions[Number(g)]?.onClick?.();
+              }
+            }
+          )
         }
-      ) : /* @__PURE__ */ m(
-        Qn,
+      ) : f ? /* @__PURE__ */ m(
+        "div",
         {
-          ...f,
-          ...u,
-          options: typeof d.options == "function" ? d.options(o) : d.options
+          className: U(
+            "pointer-events-auto cursor-pointer flex items-center w-full h-full border-0 border-r-[1px] border-solid border-f1-border-secondary"
+          ),
+          children: /* @__PURE__ */ m(
+            De,
+            {
+              variant: "ghost",
+              size: "md",
+              icon: qb,
+              label: s.table.seeMoreChildren,
+              onClick: (g) => {
+                g.stopPropagation(), f?.();
+              }
+            }
+          )
         }
-      )
+      ) : /* @__PURE__ */ R(We, { children: [
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: U(
+              "flex h-[var(--chevron-parent-size)] w-[var(--chevron-parent-size)] min-w-[var(--chevron-parent-size)] items-center justify-center",
+              a && "pointer-events-auto cursor-pointer rounded-sm hover:bg-f1-foreground-disabled"
+            ),
+            style: {
+              "--chevron-parent-size": `${fg}px`,
+              "--chevron-size": `${im}px`,
+              "--spacing-factor": `${S1}px`
+            },
+            onClick: (g) => {
+              a && (g.stopPropagation(), i?.onExpand?.());
+            },
+            children: a ? i?.expanded ? /* @__PURE__ */ m(
+              hH,
+              {
+                className: "pointer-events-none shrink-0",
+                size: im
+              }
+            ) : /* @__PURE__ */ m(
+              pH,
+              {
+                className: "pointer-events-none shrink-0",
+                size: im
+              }
+            ) : null
+          }
+        ),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: U(
+              a && "min-w-0 w-full h-full",
+              c && "pl-[var(--spacing-factor)]",
+              "relative"
+            ),
+            children: r
+          }
+        )
+      ] })
     }
-  ) });
-}
-function Rne(e, t, n) {
-  if (!e.dateConfig || e.id === void 0)
-    return;
-  const i = t[e.id];
-  if (!(typeof i != "string" || !i || !Jk(Ym(i))))
-    return rh(Ym(i), "dd MMM yyyy", { locale: n });
-}
-function Lne(e, t, n) {
-  const i = e.selectConfig, r = i && typeof i.options == "function" ? i.options(t) : i?.options, o = new Map(
-    (Array.isArray(r) ? r : []).filter((s) => "value" in s).map((s) => [s.value, s.label])
   );
-  return n.map((s) => o.get(s) ?? String(s)).join(", ");
-}
-function RM({
-  editableColumn: e,
-  item: t,
-  className: n,
-  showFieldAffordances: i = !0
-}) {
-  const r = Re(), o = lI(), s = e.align === "right", a = Rne(e, t, o), l = e.id !== void 0 ? t[e.id] : void 0, c = Array.isArray(l) ? Lne(e, t, l) : void 0, d = i ? Q2(e.numberConfig, t) : void 0, f = e.numberConfig?.unitsPosition === "before", u = d ? /* @__PURE__ */ m("span", { className: "shrink-0 select-none pt-px text-sm", children: d }) : null;
-  return /* @__PURE__ */ m(
+}, Fne = ({
+  horizontalOffset: e,
+  isDetailedVariant: t,
+  lineHeight: n
+}) => {
+  const i = t ? 12 : 0;
+  return {
+    "--horizontal-offset": `${e + (t ? 12 : 8)}px`,
+    "--starting-y": "52px",
+    ...n ? { "--line-height": `calc(${n} - ${i}px)` } : {}
+  };
+}, $ne = (e, t, n) => {
+  const { rowWithChildren: i, nestedVariant: r, onLoadMoreChildren: o, onAddRow: s } = t ?? {}, a = r === "detailed", l = o || s, c = l ? Ane / 2 - Ds : fg / 2 - Ds, d = i && !l ? Tne : a ? Cw - 6 : Cw, f = e !== 0 && `calc(${e}px - ${fg + Ds}px )`, u = n === "editableTable" ? Fne({
+    horizontalOffset: c,
+    isDetailedVariant: a,
+    lineHeight: f
+  }) : {}, h = n === "editableTable" ? One : Ine, p = t?.selectableRow ? h : 0;
+  return {
+    "--line-left": `-${2 * im - p}px`,
+    "--line-width": Nne,
+    "--horizontal-offset": `${c}px`,
+    "--horizontal-left": `calc(4px - ${p}px)`,
+    "--horizontal-height": `${S1 / 2}px`,
+    "--connector-width": `${d}px`,
+    ...f ? { "--line-height": f } : {},
+    "--starting-y": "40px",
+    ...u
+  };
+}, Bne = "h-full overflow-visible before:absolute before:-left-[var(--line-left)] before:top-[var(--starting-y)] before:h-[var(--line-height)] before:w-[var(--line-width)] before:bg-f1-foreground-disabled before:content-['']", zne = "after:absolute after:left-[var(--horizontal-left)] after:top-[var(--horizontal-offset)] after:h-[var(--horizontal-height)] after:w-[var(--connector-width)] after:rounded-bl-[var(--horizontal-height)] after:content-[''] after:shadow-[inset_1px_-1px_0_0_hsl(var(--neutral-30))]", jne = ({
+  firstCell: e,
+  nestedRowProps: t,
+  fromVisualization: n
+}) => {
+  const i = LM(
+    e,
+    t?.depth ?? 0
+  ), r = Mne(
+    t?.expanded ?? !1,
+    e
+  ), o = t === void 0 || t?.nestedVariant === "basic", s = t?.nestedVariant === "detailed", a = o || t?.rowWithChildren, l = s && (t?.onLoadMoreChildren || t?.onAddRow), c = i ? Z2({
+    depth: t?.depth ?? 0,
+    padding: 0
+  }) : void 0, d = t?.connectorHeight ?? 0;
+  return !r && !i && !t?.rowWithChildren ? null : /* @__PURE__ */ m(
     "div",
     {
       className: U(
-        "flex h-full w-full min-w-0 items-center gap-1.5",
-        "px-3",
-        s && "justify-end",
-        n
+        "absolute inset-0 h-full",
+        t?.parentHasChildren && r && Bne,
+        t?.parentHasChildren && i && a && !l && zne
       ),
-      children: /* @__PURE__ */ R("span", { className: "flex min-w-0 items-center gap-1.5", children: [
-        f ? u : null,
-        /* @__PURE__ */ m("span", { className: "min-w-0 truncate", children: a ?? c ?? Th({
-          item: t,
-          property: e,
-          visualization: "editableTable",
-          i18n: r
-        }) }),
-        f ? null : u
-      ] })
+      style: {
+        marginLeft: c,
+        ...$ne(
+          d,
+          t,
+          n
+        )
+      }
     }
   );
-}
-function Fne({
-  editableColumn: e,
-  item: t,
-  hint: n
+}, h0 = "repeating-linear-gradient(45deg,transparent_0px,transparent_8px,hsl(var(--neutral-20))_8px,hsl(var(--neutral-20))_9px)", p0 = "before:absolute before:inset-0 before:z-[-1] before:h-[calc(100%-1px)] before:w-full before:transition-all before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:h-px after:w-full after:bg-f1-border-secondary after:content-['']", t5 = {
+  none: `bg-f1-background ${p0} before:bg-f1-background group-hover:before:bg-f1-background-hover`,
+  striped: `bg-f1-background bg-[${h0}] [background-size:100%_100px] ${p0} before:bg-[${h0},_var(--f1-background)] before:[background-size:100%_100px,_100%_100%] group-hover:before:bg-[${h0},_var(--f1-background-hover)] group-hover:before:[background-size:100%_100px,_100%_100%]`,
+  striked: `bg-f1-background ${p0} before:bg-f1-background group-hover:before:bg-f1-background-hover`
+};
+function jn({
+  children: e,
+  href: t,
+  onClick: n,
+  width: i = "auto",
+  minWidth: r,
+  firstCell: o = !1,
+  sticky: s,
+  colSpan: a,
+  className: l,
+  loading: c = !1,
+  nestedRowProps: d,
+  fromVisualization: f,
+  referenceRowType: u = "none",
+  highlighted: h = !1
 }) {
-  return /* @__PURE__ */ m(
-    Qo,
+  const { isScrolled: p, isScrolledRight: y } = RM(), { actions: g } = Re(), v = s?.left !== void 0, b = s?.right !== void 0, w = v || b, x = s?.left, k = s?.right, _ = dg(i), S = r !== void 0 ? dg(r) : _, E = L(null), C = d?.depth ?? 0, A = d?.nestedVariant === "detailed", T = $M(
+    o,
+    !!d?.tableWithChildren
+  ) && {
+    marginLeft: `${(C + (A ? 0 : 1)) * S1}px`
+  };
+  return /* @__PURE__ */ R(
+    PM,
     {
-      disabled: !0,
-      borderOnHover: !1,
-      hint: n,
-      hintPosition: n?.hintPosition ?? "right",
-      cursor: "not-allowed",
-      children: /* @__PURE__ */ m(
-        RM,
-        {
-          editableColumn: e,
-          item: t,
-          className: "min-h-12 [&_*]:text-f1-foreground-secondary"
-        }
-      )
+      colSpan: a,
+      className: U(
+        "h-full",
+        o && "peer font-medium",
+        w && p && t5[u],
+        w && "sticky z-10",
+        b && t5[u],
+        // The row hover keeps reading through the highlighted cell, so a hovered
+        // row stays one uniform surface.
+        h && "bg-[hsl(var(--neutral-2))] group-hover:bg-f1-background-hover",
+        // Sticky cells paint their opaque background on the `before` layer;
+        // the highlighted tint has to land there too or it stays hidden under it.
+        h && w && "before:bg-[hsl(var(--neutral-2))] group-hover:before:bg-f1-background-hover",
+        t && "cursor-pointer",
+        l
+      ),
+      style: {
+        width: _,
+        maxWidth: _,
+        minWidth: S,
+        left: x,
+        right: k
+      },
+      children: [
+        /* @__PURE__ */ m(Jt, { children: v && p || b && y ? /* @__PURE__ */ m(
+          it.div,
+          {
+            className: U(
+              "absolute inset-y-0 h-full w-4 from-f1-foreground-secondary to-transparent",
+              v && "-right-4 bg-gradient-to-r",
+              b && "-left-4 bg-gradient-to-l"
+            ),
+            initial: { opacity: 0 },
+            animate: { opacity: 0.1 },
+            exit: { opacity: 0 }
+          },
+          "cell-shadow-gradient"
+        ) : null }),
+        o && d?.tableWithChildren ? /* @__PURE__ */ m(
+          jne,
+          {
+            firstCell: o,
+            nestedRowProps: d,
+            fromVisualization: f
+          }
+        ) : null,
+        c ? /* @__PURE__ */ m(
+          "div",
+          {
+            style: { ...T },
+            className: U(
+              "flex h-full items-center",
+              f === "editableTable" ? "min-h-[32px]" : "min-h-[24px]"
+            ),
+            children: /* @__PURE__ */ m(Be, { className: "h-4 w-full" })
+          }
+        ) : null,
+        c ? null : /* @__PURE__ */ R(We, { children: [
+          /* @__PURE__ */ m(
+            "div",
+            {
+              className: U(
+                "[&:has([role=checkbox])]:relative [&:has([role=checkbox])]:z-[1]",
+                "[&:has([type=button])]:relative [&:has([type=button])]:z-[1]",
+                "[&:has(a)]:relative [&:has(a)]:z-[1]",
+                "pointer-events-none h-full items-start"
+              ),
+              children: FM(
+                o,
+                !!d?.rowWithChildren
+              ) ? /* @__PURE__ */ m(
+                Lne,
+                {
+                  linkRef: E,
+                  firstCell: o,
+                  nestedRowProps: d,
+                  children: e
+                }
+              ) : /* @__PURE__ */ m(
+                "div",
+                {
+                  className: U(
+                    i !== "auto" && "overflow-hidden",
+                    "relative z-[1] h-full"
+                  ),
+                  style: {
+                    ...T
+                  },
+                  onClick: () => {
+                    E.current?.click(), n?.();
+                  },
+                  children: e
+                }
+              )
+            }
+          ),
+          t ? /* @__PURE__ */ m(
+            fO,
+            {
+              ref: E,
+              href: t,
+              className: "pointer-events-auto absolute inset-0 !z-0 block",
+              tabIndex: o ? void 0 : -1,
+              children: /* @__PURE__ */ m("span", { className: "sr-only", children: g.view })
+            }
+          ) : null,
+          n ? /* @__PURE__ */ m(
+            "button",
+            {
+              type: "button",
+              onClick: (I) => {
+                I.stopPropagation(), n();
+              },
+              "data-testid": "table-cell-action-button",
+              className: "table-cell-action-button absolute inset-0 !z-0 block",
+              tabIndex: o ? void 0 : -1,
+              onKeyDown: (I) => {
+                (I.key === "Enter" || I.key === " ") && (I.preventDefault(), n());
+              },
+              children: /* @__PURE__ */ m("span", { className: "sr-only", children: g.view })
+            }
+          ) : null
+        ] })
+      ]
     }
   );
 }
-function LM({
-  editableColumn: e,
-  item: t,
-  isLastColumn: n,
-  hint: i
+function Hne({
+  info: e,
+  icon: t,
+  label: n
 }) {
-  return /* @__PURE__ */ m(
-    Qo,
+  const [i, r] = J(!1), { forms: o } = Re();
+  return /* @__PURE__ */ R(
+    sI,
     {
-      showRightBorder: !n,
-      borderOnHover: !1,
-      hint: i,
-      hintPosition: i?.hintPosition ?? "right",
-      cursor: "default",
-      children: /* @__PURE__ */ m(
-        RM,
-        {
-          editableColumn: e,
-          item: t,
-          showFieldAffordances: !1
-        }
-      )
+      open: i,
+      onOpenChange: r,
+      openDelay: 300,
+      closeDelay: 100,
+      children: [
+        /* @__PURE__ */ m(aI, { asChild: !0, children: /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            className: U(
+              "flex h-5 w-5 items-center justify-center rounded-xs text-f1-foreground-secondary",
+              tn()
+            ),
+            "aria-label": e.label ?? n ?? o.moreInformation,
+            children: /* @__PURE__ */ m(st, { icon: t, size: "sm" })
+          }
+        ) }),
+        /* @__PURE__ */ m(lI, { className: "w-auto max-w-xs px-3 py-2 shadow-md", children: /* @__PURE__ */ R("div", { className: "flex flex-col gap-1 whitespace-normal text-left", children: [
+          /* @__PURE__ */ m("p", { children: e.title }),
+          /* @__PURE__ */ m("p", { className: "text-f1-foreground-inverse-secondary", children: e.description }),
+          e.link ? /* @__PURE__ */ m(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                r(!1), e.link?.onClick();
+              },
+              className: U(
+                "mt-1 w-fit rounded-xs font-medium text-f1-foreground-inverse underline underline-offset-2 transition-colors hover:text-f1-foreground-inverse-secondary",
+                tn()
+              ),
+              children: e.link.label
+            }
+          ) : null
+        ] }) })
+      ]
     }
   );
 }
-function $ne(e) {
-  if (e)
-    return e.icon ? e.icon : Ch(e.inputType);
-}
-function Bne({
-  editableColumn: e,
-  value: t,
-  inputPlaceholder: n,
-  error: i,
-  loading: r,
-  onChange: o,
-  hint: s
+function BM({
+  info: e,
+  icon: t = Fy,
+  label: n
 }) {
-  const a = e.textConfig, l = a?.inputType ?? "text", c = $ne(a);
-  return /* @__PURE__ */ m(Qo, { error: i, hint: s, children: /* @__PURE__ */ m(
+  return typeof e != "string" ? /* @__PURE__ */ m(Hne, { info: e, icon: t, label: n }) : /* @__PURE__ */ m(xc, { label: e, children: /* @__PURE__ */ m(
     "div",
     {
       className: U(
-        "flex w-full min-w-0",
-        "cursor-text items-center",
-        e.align === "right" && "[&_input]:text-right"
+        "flex h-5 w-5 items-center justify-center rounded-xs",
+        tn()
       ),
-      children: /* @__PURE__ */ m(
-        oh,
-        {
-          type: l,
-          icon: c,
-          label: e.label,
-          hideLabel: !0,
-          value: t,
-          placeholder: n ?? e.inputPlaceholder,
-          onChange: o,
-          loading: r,
-          transparent: !0
-        }
-      )
+      tabIndex: 0,
+      children: /* @__PURE__ */ m(st, { icon: t, size: "sm" })
     }
   ) });
 }
-const zne = {
-  text: Bne,
-  number: PM,
-  money: Ine,
-  date: Ene,
-  select: Pne,
-  multiselect: Mne,
-  "display-only": LM,
-  disabled: Fne
-}, jne = /* @__PURE__ */ new Set([
-  "text",
-  "number",
-  "money"
-]), Hne = 250, FM = Ft(null);
-function $M({
-  item: e,
-  onCellChange: t,
-  children: n
+function zi({
+  children: e,
+  width: t = "auto",
+  minWidth: n,
+  sortState: i = "none",
+  onSortClick: r,
+  onClick: o,
+  info: s,
+  infoIcon: a = Fy,
+  sticky: l,
+  hidden: c = !1,
+  highlighted: d = !1,
+  align: f = "left",
+  className: u,
+  colSpan: h
 }) {
-  const [i, r] = J(e), [o, s] = J({}), [a, l] = J({}), { t: c } = Re(), d = L(i);
-  d.current = i;
-  const f = L(null);
-  ie(() => {
-    const x = { ...e, ...f.current?.updates };
-    d.current = x, r(x);
-  }, [e]);
-  const u = (x, k) => {
-    l((_) => {
-      const S = { ..._ };
-      for (const E of x)
-        S[E] = k;
-      return S;
-    });
-  }, h = (x, k) => {
-    s((_) => {
-      if (k === void 0) {
-        const E = new Set(x);
-        return Object.fromEntries(
-          Object.entries(_).filter(([C]) => !E.has(C))
-        );
-      }
-      const S = { ..._ };
-      for (const E of x)
-        S[E] = k;
-      return S;
-    });
-  }, p = (x) => {
-    const k = Object.keys(x), _ = d.current, S = {};
-    for (const E of k)
-      S[E] = [x[E], _[E]];
-    u(k, !0), t({
-      updatedItem: _,
-      changes: S
-    }).then((E) => {
-      E && Object.keys(E).length > 0 && s((C) => ({ ...C, ...E }));
-    }).catch((E) => {
-      const C = E instanceof Error ? E.message : c("collections.editableTable.errors.saveFailed");
-      h(k, C);
-    }).finally(() => {
-      u(k, !1);
-    });
-  }, y = () => {
-    const x = f.current;
-    x && (x.timer && clearTimeout(x.timer), f.current = null, p(x.previousValues));
-  }, g = L(y);
-  g.current = y, ie(() => () => g.current(), []);
-  const v = (x, k) => {
-    const _ = Object.keys(x);
-    if (_.length === 0)
-      return;
-    const S = d.current, E = {};
-    for (const I of _)
-      E[I] = S[I];
-    const C = { ...S, ...x };
-    if (d.current = C, r(C), h(_, void 0), !k?.debounce && k?.commitOn !== "blur") {
-      y(), p(E);
-      return;
+  const { isScrolled: p, isScrolledRight: y } = RM(), g = l?.left !== void 0, v = l?.right !== void 0, b = g || v, w = l?.left ?? 0, x = l?.right ?? 0, k = r || s, _ = r || o ? () => {
+    r?.(), o?.();
+  } : void 0, S = /* @__PURE__ */ R(
+    "div",
+    {
+      className: U(
+        "flex items-center whitespace-nowrap",
+        k && "gap-1",
+        f === "right" && "flex-row-reverse"
+      ),
+      children: [
+        typeof e == "string" ? /* @__PURE__ */ m(Hr, { className: U(t !== "auto" && "overflow-hidden"), children: e }) : /* @__PURE__ */ m("div", { className: U("truncate", t !== "auto" && "overflow-hidden"), children: e }),
+        k ? /* @__PURE__ */ R("div", { className: "flex items-center", children: [
+          s ? /* @__PURE__ */ m(
+            "div",
+            {
+              className: "flex h-6 w-6 items-center justify-center text-f1-foreground-secondary",
+              onClick: (A) => A.stopPropagation(),
+              children: /* @__PURE__ */ m(
+                BM,
+                {
+                  info: s,
+                  icon: a,
+                  label: typeof e == "string" ? e : void 0
+                }
+              )
+            }
+          ) : null,
+          r ? /* @__PURE__ */ m(
+            it.button,
+            {
+              className: U(
+                "relative h-5 w-5 rounded-xs p-1 text-f1-foreground-secondary opacity-0 transition-all focus-within:opacity-100 hover:bg-f1-background-hover group-hover:opacity-100",
+                tn()
+              ),
+              "aria-label": "Sort",
+              whileTap: { scale: 0.8 },
+              transition: { duration: 0.1 },
+              children: /* @__PURE__ */ R(Jt, { children: [
+                /* @__PURE__ */ m(
+                  it.div,
+                  {
+                    className: "absolute left-1 top-1 flex h-3 w-3 items-center justify-center",
+                    animate: {
+                      rotate: i === "desc" ? 0 : 180,
+                      x: i === "none" ? -3 : 0,
+                      y: i === "none" ? -1 : 0,
+                      scale: i === "none" ? 0.9 : 1
+                    },
+                    transition: {
+                      duration: 0.2,
+                      ease: [0.175, 0.885, 0.32, 1.275]
+                    },
+                    children: /* @__PURE__ */ m(st, { icon: qb, size: "xs" })
+                  },
+                  "sort-arrow"
+                ),
+                i === "none" ? /* @__PURE__ */ m(
+                  it.div,
+                  {
+                    className: "absolute left-1 top-1 flex h-3 w-3 items-center justify-center",
+                    initial: { opacity: 0, x: 0, y: 0, scale: 0.9 },
+                    animate: { opacity: 1, x: 3, y: 1, scale: 0.9 },
+                    exit: { opacity: 0, x: 0, y: 0, scale: 0.9 },
+                    transition: {
+                      duration: 0.2,
+                      ease: [0.175, 0.885, 0.32, 1.275]
+                    },
+                    children: /* @__PURE__ */ m(st, { icon: qb, size: "xs" })
+                  },
+                  "sort-arrow-secondary"
+                ) : null
+              ] })
+            }
+          ) : null
+        ] }) : null
+      ]
     }
-    const A = f.current;
-    A?.timer && clearTimeout(A.timer);
-    const T = A?.deferred || k?.commitOn === "blur";
-    f.current = {
-      previousValues: { ...E, ...A?.previousValues },
-      updates: { ...A?.updates, ...x },
-      deferred: T,
-      timer: T ? void 0 : setTimeout(() => g.current(), Hne)
-    };
-  }, b = (x, k, _) => v({ [x]: k }, _), w = (x, k) => v(x, k);
-  return /* @__PURE__ */ m(
-    FM.Provider,
+  ), E = dg(t), C = n !== void 0 ? dg(n) : E;
+  return /* @__PURE__ */ R(
+    MM,
     {
-      value: {
-        localItem: i,
-        cellErrors: o,
-        cellLoading: a,
-        handleCellChange: b,
-        batchCellChanges: w,
-        flushPendingChanges: y
+      className: U(
+        "group h-11",
+        "bg-f1-background",
+        b && (p || y) && "relative bg-f1-background z-10 before:absolute before:inset-x-0 before:bottom-0 before:h-px before:w-full before:bg-f1-border-secondary before:content-['']",
+        b && "sticky",
+        // The tint is a background-image over the opaque header background,
+        // not a bg-color swap: an alpha bg-color would let the `thead::before`
+        // top rule bleed through and double up with the one painted on top.
+        d && "bg-[linear-gradient(hsl(var(--neutral-2)),hsl(var(--neutral-2)))]",
+        c && "after:hidden",
+        _ && "cursor-pointer",
+        u
+      ),
+      "data-highlighted": d ? "true" : void 0,
+      onClick: _,
+      tabIndex: l ? 0 : void 0,
+      colSpan: h,
+      style: {
+        width: E,
+        maxWidth: E,
+        minWidth: C,
+        left: w,
+        right: x
       },
-      children: n
+      role: c ? "presentation" : void 0,
+      "aria-sort": r ? i === "asc" ? "ascending" : i === "desc" ? "descending" : "none" : void 0,
+      children: [
+        /* @__PURE__ */ m("div", { className: "absolute inset-x-0 top-0 z-[1] h-px w-full bg-f1-border-secondary" }),
+        /* @__PURE__ */ m(Jt, { children: g && p || v && y ? /* @__PURE__ */ m(
+          it.div,
+          {
+            className: U(
+              "absolute inset-y-0 h-full w-4 from-f1-foreground-secondary to-transparent",
+              g && "-right-4 bg-gradient-to-r",
+              v && "-left-4 bg-gradient-to-l"
+            ),
+            initial: { opacity: 0 },
+            animate: { opacity: 0.1 },
+            exit: { opacity: 0 }
+          },
+          "shadow-gradient"
+        ) : null }),
+        c ? null : S
+      ]
     }
   );
 }
-function Vne() {
-  return ht(FM);
-}
-function t5(e, t) {
-  if (t.id !== void 0 && t.id in e) {
-    const i = e[t.id];
-    return i == null ? "" : String(i);
+const Mc = 40, _i = Qe(
+  ({ children: e, selected: t, className: n, sticky: i, style: r }, o) => {
+    const a = ht(_d)?.stickyHeaderHeight ?? Mc;
+    return /* @__PURE__ */ m(
+      DM,
+      {
+        ref: o,
+        className: U(
+          t && "bg-f1-background-selected hover:bg-f1-background-selected",
+          n,
+          "relative before:pointer-events-none before:absolute before:inset-0 before:z-10 before:content-['']",
+          "[&:has(.table-cell-action-button:focus)]:before:rounded-sm [&:has(.table-cell-action-button:focus)]:before:ring-1 [&:has(.table-cell-action-button:focus)]:before:ring-inset [&:has(.table-cell-action-button:focus)]:before:ring-f1-special-ring",
+          "[&:has(a:focus)]:before:rounded-sm [&:has(a:focus)]:before:ring-1 [&:has(a:focus)]:before:ring-inset [&:has(a:focus)]:before:ring-f1-special-ring",
+          // A sticky row is lifted above the rows scrolling underneath it, so its
+          // background has to stay opaque in every state. `bg-f1-background-hover`
+          // is a 4%-alpha tint — right for a plain row, where it tints the page
+          // behind it, but on a sticky row it would own `background-color` and let
+          // those rows show through. So the opaque colour is kept on hover too and
+          // the tint rides over it as a background-image layer, the same way the
+          // highlighted table header paints its own.
+          i && "sticky z-20 bg-f1-background hover:bg-f1-background hover:bg-[linear-gradient(hsl(var(--neutral-5)),hsl(var(--neutral-5)))]"
+        ),
+        style: {
+          ...i ? { top: a } : void 0,
+          ...r
+        },
+        children: e
+      }
+    );
   }
-  const n = t.render(e);
-  return typeof n == "string" ? n : typeof n == "number" ? String(n) : "";
-}
-function Wne(e, t) {
-  const n = (e === "number" || e === "money") && t.numberConfig?.commitOn === "blur" ? "blur" : void 0, i = n !== "blur" && e !== void 0 && jne.has(e);
-  return { commitOn: n, debounce: i };
-}
-function Une({
-  editableColumn: e,
-  localItem: t,
-  debounce: n,
-  commitOn: i,
-  handleCellChange: r,
-  batchCellChanges: o
-}) {
-  return (s, a) => {
-    if (e.id === void 0)
+);
+_i.displayName = "TableRow";
+function Q2({ children: e, sticky: t = !1 }) {
+  const n = L(null), r = ht(_d)?.setStickyHeaderHeight;
+  return Lt(() => {
+    if (!r)
       return;
-    const l = e.formula;
-    if (!l) {
-      r(e.id, s, { debounce: n, commitOn: i });
+    if (!t) {
+      r(Mc);
       return;
     }
-    const c = {};
-    l({
-      value: s,
-      item: t,
-      selectedItem: a?.selectedItem,
-      setCellValue: (d, f) => {
-        c[d] = f;
+    const o = n.current;
+    if (!o)
+      return;
+    const s = (l) => {
+      const c = l?.borderBoxSize?.[0]?.blockSize ?? o.getBoundingClientRect().height;
+      c > 0 && r(c);
+    };
+    s();
+    const a = new ResizeObserver(([l]) => s(l));
+    return a.observe(o), () => {
+      a.disconnect(), r(Mc);
+    };
+  }, [t, r]), /* @__PURE__ */ m(TM, { ref: n, className: U(t && "sticky top-0 z-30"), children: e });
+}
+function Vne({ children: e, loading: t = !1 }) {
+  const [n, i] = J(!1), [r, o] = J(!1), [s, a] = J(
+    Mc
+  ), l = L(null);
+  ie(() => {
+    const d = l.current;
+    if (!d)
+      return;
+    const f = () => {
+      i(d.scrollLeft > 0), o(
+        d.scrollWidth - d.scrollLeft - d.clientWidth > 0
+      );
+    };
+    return f(), d.addEventListener("scroll", f), () => {
+      d.removeEventListener("scroll", f);
+    };
+  }, []);
+  const c = X(
+    () => ({
+      isScrolled: n,
+      setIsScrolled: i,
+      isScrolledRight: r,
+      setIsScrolledRight: o,
+      stickyHeaderHeight: s,
+      setStickyHeaderHeight: a
+    }),
+    [n, r, s]
+  );
+  return /* @__PURE__ */ m(_d.Provider, { value: c, children: /* @__PURE__ */ R("div", { ref: l, className: "relative h-full w-full overflow-auto", children: [
+    /* @__PURE__ */ m(
+      X2,
+      {
+        className: U(t && "select-none opacity-50 transition-opacity"),
+        "aria-live": t ? "polite" : void 0,
+        "aria-busy": t ? "true" : void 0,
+        children: e
       }
-    }), o(
+    ),
+    /* @__PURE__ */ m(Jt, { children: t ? /* @__PURE__ */ m(
+      it.div,
       {
-        [e.id]: s,
-        ...c
-      },
-      { debounce: n, commitOn: i }
-    );
-  };
+        className: "absolute inset-0 flex cursor-progress items-center justify-center",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        children: /* @__PURE__ */ m(Xa, {})
+      }
+    ) : null })
+  ] }) });
 }
-function BM({
-  column: e,
-  children: t,
-  isLastColumn: n,
-  externalError: i
-}) {
-  const r = Vne();
-  if (!r)
-    return /* @__PURE__ */ m(We, { children: t });
-  const {
-    localItem: o,
-    cellErrors: s,
-    cellLoading: a,
-    handleCellChange: l,
-    batchCellChanges: c,
-    flushPendingChanges: d
-  } = r, f = e, u = f.editType?.(o), h = f.id !== void 0, { commitOn: p, debounce: y } = Wne(u, f), g = Une({
-    editableColumn: f,
-    localItem: o,
-    debounce: y,
-    commitOn: p,
-    handleCellChange: l,
-    batchCellChanges: c
-  });
-  if (h && u) {
-    const v = zne[u], b = t5(o, f);
-    if (v) {
-      const w = (f.id ? s[f.id] : void 0) ?? i, x = f.id ? a[f.id] ?? !1 : !1;
-      return (
-        // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- stops cell navigation (href/onClick) from bubbling to the row after child interactions complete
-        /* @__PURE__ */ m(
-          "div",
-          {
-            className: "pointer-events-auto h-full",
-            onClick: (k) => k.stopPropagation(),
-            onMouseDown: (k) => k.stopPropagation(),
-            children: /* @__PURE__ */ m(
-              v,
-              {
-                editableColumn: f,
-                value: b,
-                inputPlaceholder: f.inputPlaceholder,
-                error: w,
-                item: o,
-                isLastColumn: n,
-                loading: x,
-                onChange: g,
-                onBlur: p === "blur" ? () => d() : void 0,
-                hint: f.cellHint?.(o)
-              }
-            )
-          }
-        )
-      );
+function Wne({ columns: e = 5 }) {
+  return /* @__PURE__ */ m(
+    _d.Provider,
+    {
+      value: {
+        isScrolled: !1,
+        setIsScrolled: () => {
+        },
+        isScrolledRight: !1,
+        setIsScrolledRight: () => {
+        },
+        stickyHeaderHeight: Mc,
+        setStickyHeaderHeight: () => {
+        }
+      },
+      children: /* @__PURE__ */ R(
+        X2,
+        {
+          className: "cursor-progress",
+          role: "presentation",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ m(Q2, { children: /* @__PURE__ */ m(_i, { children: Array.from({ length: e }).map((t, n) => /* @__PURE__ */ m(zi, { children: /* @__PURE__ */ m(Be, { className: "h-4 w-[80px]" }) }, `skeleton-header-${n}`)) }) }),
+            /* @__PURE__ */ m(J2, { children: Array.from({ length: 5 }).map((t, n) => /* @__PURE__ */ m(_i, { children: Array.from({ length: e }).map((i, r) => /* @__PURE__ */ m(jn, { children: /* @__PURE__ */ m(Be, { className: "h-4 w-[80px]" }) }, `skeleton-cell-${n}-${r}`)) }, `skeleton-row-${n}`)) })
+          ]
+        }
+      )
     }
-  }
+  );
+}
+const Ew = fd(Vne, Wne);
+function Une({ children: e }) {
   return /* @__PURE__ */ m(
-    LM,
+    IM,
     {
-      editableColumn: f,
-      item: o,
-      value: t5(o, f),
-      isLastColumn: n,
-      onChange: g
+      className: U(
+        "bg-f1-background-default sticky bottom-0 z-30 shadow-[0_-1px_0_0_var(--f1-border-secondary)]"
+      ),
+      children: e
     }
   );
 }
@@ -22797,7 +22797,7 @@ function VM({
             k && (_ ? Gne : Kne)
           ),
           children: /* @__PURE__ */ m(
-            BM,
+            AM,
             {
               item: e,
               column: b,
@@ -22972,7 +22972,7 @@ function eie({
       editLabel: E,
       disabled: g
     };
-    return /* @__PURE__ */ m($M, { item: O, onCellChange: i, children: r ? /* @__PURE__ */ m(
+    return /* @__PURE__ */ m(NM, { item: O, onCellChange: i, children: r ? /* @__PURE__ */ m(
       Qne,
       {
         ...z,
@@ -22981,7 +22981,7 @@ function eie({
       }
     ) : /* @__PURE__ */ m(_i, { className: jM, children: /* @__PURE__ */ m(VM, { ...z }) }) }, F);
   }), M = /* @__PURE__ */ R(Ew, { children: [
-    /* @__PURE__ */ m(Z2, { children: /* @__PURE__ */ R(_i, { children: [
+    /* @__PURE__ */ m(Q2, { children: /* @__PURE__ */ R(_i, { children: [
       r ? /* @__PURE__ */ m(
         zi,
         {
@@ -23017,7 +23017,7 @@ function eie({
         }
       ) : null
     ] }) }),
-    /* @__PURE__ */ m(X2, { children: r ? /* @__PURE__ */ m(
+    /* @__PURE__ */ m(J2, { children: r ? /* @__PURE__ */ m(
       EK,
       {
         items: x,
@@ -23823,6 +23823,19 @@ const gie = (e) => "date" in e, yie = {
     currentNavigationFilters: a,
     setCurrentNavigationFilters: l
   };
+}, Pw = ({
+  value: e,
+  delay: t
+}) => {
+  const [n, i] = J(!1);
+  return ie(() => {
+    let r;
+    return e ? r = setTimeout(() => {
+      i(e);
+    }, t) : i(!1), () => {
+      r && clearTimeout(r);
+    };
+  }, [e, t]), n;
 }, bie = ({ text: e, isCompleted: t }) => /* @__PURE__ */ R("div", { className: "flex flex-row items-center gap-2", children: [
   /* @__PURE__ */ m(
     st,
@@ -24053,20 +24066,7 @@ function Cie({
     }
   );
 }
-const Eie = $t(Cie), Pw = ({
-  value: e,
-  delay: t
-}) => {
-  const [n, i] = J(!1);
-  return ie(() => {
-    let r;
-    return e ? r = setTimeout(() => {
-      i(e);
-    }, t) : i(!1), () => {
-      r && clearTimeout(r);
-    };
-  }, [e, t]), n;
-}, Nie = (e) => {
+const Eie = $t(Cie), Nie = (e) => {
   if (!e)
     return [];
   const t = e();
@@ -27343,7 +27343,7 @@ const Are = 220, Tre = (e, t, n, i = !0) => {
               g && "overflow-hidden rounded-lg border border-solid border-f1-border-secondary [&_thead::before]:!bg-transparent [&_thead_th>div:first-child]:!bg-transparent [&_tbody>tr:last-child::after]:!bg-transparent"
             ),
             children: /* @__PURE__ */ R(Ew, { loading: ue, children: [
-              /* @__PURE__ */ R(Z2, { sticky: !0, children: [
+              /* @__PURE__ */ R(Q2, { sticky: !0, children: [
                 P ? /* @__PURE__ */ R(_i, { children: [
                   t.selectable ? /* @__PURE__ */ m(
                     zi,
@@ -27546,7 +27546,7 @@ const Are = 220, Tre = (e, t, n, i = !0) => {
                   }
                 ) }) : null
               ] }),
-              /* @__PURE__ */ R(X2, { children: [
+              /* @__PURE__ */ R(J2, { children: [
                 Z?.type === "grouped" ? Z.groups.map((be, je) => {
                   const Ct = be.itemCount, Bt = /* @__PURE__ */ m(
                     Jy,
@@ -27729,7 +27729,7 @@ const Are = 220, Tre = (e, t, n, i = !0) => {
               ] }),
               (() => {
                 const be = Fre(C?.addRowActions?.());
-                return !Me && be.length === 0 ? null : /* @__PURE__ */ R(kne, { children: [
+                return !Me && be.length === 0 ? null : /* @__PURE__ */ R(Une, { children: [
                   Me ? /* @__PURE__ */ R(
                     _i,
                     {
@@ -27900,7 +27900,7 @@ const Are = 220, Tre = (e, t, n, i = !0) => {
   a.current = e;
   const l = X(() => function({ item: d, children: f }) {
     return /* @__PURE__ */ m(
-      $M,
+      NM,
       {
         item: d,
         onCellChange: (...u) => a.current?.(...u),
@@ -27920,7 +27920,7 @@ const Are = 220, Tre = (e, t, n, i = !0) => {
         {
           ...o,
           rowWrapper: l,
-          cellRenderer: BM,
+          cellRenderer: AM,
           visualizationSettings: s.visualization?.editableTable,
           fromVisualization: "editableTable"
         }
@@ -36439,10 +36439,10 @@ function Wue({
   tagLabels: o
 }) {
   const s = r?.map((a) => Vue(a, o?.[_g(a)] ?? "")).filter((a) => a !== null);
-  return /* @__PURE__ */ R(oI, { openDelay: 300, closeDelay: 100, children: [
-    /* @__PURE__ */ m(sI, { asChild: !0, children: e }),
+  return /* @__PURE__ */ R(sI, { openDelay: 300, closeDelay: 100, children: [
+    /* @__PURE__ */ m(aI, { asChild: !0, children: e }),
     /* @__PURE__ */ m(
-      aI,
+      lI,
       {
         side: "top",
         align: "center",
@@ -37506,271 +37506,8 @@ const fhe = ({
     pinnedTagTypes: e.pinnedTagTypes,
     lockedTagTypes: e.lockedTagTypes
   }
-);
-var SE = Object.prototype.hasOwnProperty;
-function CE(e, t, n) {
-  for (n of e.keys())
-    if (_f(n, t)) return n;
-}
-function _f(e, t) {
-  var n, i, r;
-  if (e === t) return !0;
-  if (e && t && (n = e.constructor) === t.constructor) {
-    if (n === Date) return e.getTime() === t.getTime();
-    if (n === RegExp) return e.toString() === t.toString();
-    if (n === Array) {
-      if ((i = e.length) === t.length)
-        for (; i-- && _f(e[i], t[i]); ) ;
-      return i === -1;
-    }
-    if (n === Set) {
-      if (e.size !== t.size)
-        return !1;
-      for (i of e)
-        if (r = i, r && typeof r == "object" && (r = CE(t, r), !r) || !t.has(r)) return !1;
-      return !0;
-    }
-    if (n === Map) {
-      if (e.size !== t.size)
-        return !1;
-      for (i of e)
-        if (r = i[0], r && typeof r == "object" && (r = CE(t, r), !r) || !_f(i[1], t.get(r)))
-          return !1;
-      return !0;
-    }
-    if (n === ArrayBuffer)
-      e = new Uint8Array(e), t = new Uint8Array(t);
-    else if (n === DataView) {
-      if ((i = e.byteLength) === t.byteLength)
-        for (; i-- && e.getInt8(i) === t.getInt8(i); ) ;
-      return i === -1;
-    }
-    if (ArrayBuffer.isView(e)) {
-      if ((i = e.byteLength) === t.byteLength)
-        for (; i-- && e[i] === t[i]; ) ;
-      return i === -1;
-    }
-    if (!n || typeof e == "object") {
-      i = 0;
-      for (n in e)
-        if (SE.call(e, n) && ++i && !SE.call(t, n) || !(n in t) || !_f(e[n], t[n])) return !1;
-      return Object.keys(t).length === i;
-    }
-  }
-  return e !== e && t !== t;
-}
-function phe(e) {
-  var t = qe.useRef(e), n = qe.useRef(0);
-  return _f(e, t.current) || (t.current = e, n.current += 1), qe.useMemo(function() {
-    return t.current;
-  }, [n.current]);
-}
-function mhe(e, t) {
-  const n = { ...e };
-  for (const [i, r] of Object.entries(t)) {
-    const o = e[i];
-    if (Array.isArray(o) && Array.isArray(r) && o.length > 0 && r.length > 0) {
-      const s = o.filter(
-        (a) => r.includes(a)
-      );
-      n[i] = s.length > 0 ? s : r;
-    } else
-      n[i] = r;
-  }
-  return n;
-}
-const ghe = ({
-  source: e,
-  lane: t,
-  onError: n,
-  onHookUpdate: i
-}) => {
-  const [r, o] = J(!1), s = X(
-    () => ({
-      ...e,
-      isLoading: r,
-      setIsLoading: o
-    }),
-    [e, r]
-  ), a = X(
-    () => mhe(e.currentFilters, t.filters),
-    [e.currentFilters, t.filters]
-  ), l = E1(s, {
-    filters: a,
-    onError: n
-  }), {
-    data: c,
-    search: d,
-    setSearch: f,
-    isInitialLoading: u,
-    isLoading: h,
-    isLoadingMore: p,
-    error: y,
-    paginationInfo: g,
-    setPage: v,
-    loadMore: b,
-    totalItems: w,
-    mergedFilters: x,
-    summaries: k,
-    committedQuery: _
-  } = l;
-  return ie(() => {
-    i?.(t.id, {
-      data: c,
-      search: d,
-      setSearch: f,
-      isInitialLoading: u,
-      isLoading: h,
-      isLoadingMore: p,
-      error: y,
-      paginationInfo: g,
-      setPage: v,
-      loadMore: b,
-      totalItems: w,
-      mergedFilters: x,
-      summaries: k,
-      committedQuery: _
-    });
-  }, [
-    c,
-    d,
-    f,
-    u,
-    h,
-    p,
-    y,
-    g,
-    v,
-    b,
-    w,
-    x,
-    k,
-    _,
-    i,
-    t.id
-  ]), null;
-};
-function yhe(e, t = {}) {
-  const { lanes: n } = e;
-  if (!X(() => n && n.length > 0, [n]))
-    throw new Error("Lanes has not been configured on data source");
-  const [r, o] = J({}), s = L({}), a = L(!1), l = L(!1);
-  ie(() => (l.current = !0, () => {
-    l.current = !1;
-  }), []);
-  const c = L(t.onError);
-  ie(() => {
-    c.current = t.onError;
-  });
-  const d = K((y) => {
-    c.current?.(y);
-  }, []), f = K(
-    (y, g) => {
-      s.current[y] = g, !a.current && (a.current = !0, queueMicrotask(() => {
-        const v = s.current;
-        s.current = {}, a.current = !1, l.current && o((b) => ({ ...b, ...v }));
-      }));
-    },
-    []
-  ), u = {
-    lanes: n,
-    currentFilters: e.currentFilters,
-    currentNavigationFilters: e.currentNavigationFilters,
-    currentSortings: e.currentSortings,
-    currentGrouping: e.currentGrouping,
-    currentSearch: e.currentSearch,
-    grouping: e.grouping,
-    summaries: e.summaries,
-    dataAdapter: e.dataAdapter,
-    itemPreFilter: e.itemPreFilter
-  }, h = phe(u);
-  return {
-    lanesProvider: X(
-      () => (n || []).map((y) => /* @__PURE__ */ m(
-        ghe,
-        {
-          lane: y,
-          onError: d,
-          source: e,
-          onHookUpdate: f
-        },
-        String(y.id)
-      )),
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [h]
-    ),
-    lanesHooks: r
-  };
-}
-const vhe = (e) => {
-  const t = Array.from(e.values()), n = {}, i = {};
-  for (const r of t)
-    Object.assign(n, r.groupsStatus), Object.assign(i, r.filters);
-  return {
-    allSelected: t.every((r) => r.allSelected),
-    itemsStatus: t.flatMap((r) => r.itemsStatus),
-    groupsStatus: n,
-    filters: i,
-    selectedCount: t.reduce(
-      (r, o) => r + o.selectedCount,
-      0
-    ),
-    selectedIds: t.flatMap((r) => r.selectedIds)
-  };
-}, bhe = (e) => {
-  const t = Yy({
-    data: e.data || { type: "flat", records: [], groups: [] },
-    paginationInfo: e.paginationInfo,
-    source: e.source,
-    onSelectItems: e.onSelectItems,
-    selectedState: e.source.defaultSelectedItems
-  });
-  return ie(() => {
-    e.onHookUpdate(t);
-  }, [t]), null;
-}, whe = (e, t, n) => {
-  const [i, r] = J(/* @__PURE__ */ new Map()), [o, s] = J({ selectItemsStatus: /* @__PURE__ */ new Map(), clearCallback: /* @__PURE__ */ new Map() }), a = K(() => {
-    o.clearCallback.forEach((c) => c());
-  }, [o.clearCallback]);
-  ie(() => {
-    const c = Object.fromEntries(
-      o.selectItemsStatus
-    );
-    n?.(
-      {
-        ...vhe(
-          o.selectItemsStatus
-        ),
-        byLane: c
-      },
-      a
-    );
-  }, [o]);
-  const l = X(() => (e || []).map((c) => /* @__PURE__ */ m(
-    bhe,
-    {
-      source: t,
-      data: c.data || { type: "flat", records: [], groups: [] },
-      paginationInfo: c.paginationInfo,
-      onHookUpdate: (d) => r((f) => new Map(f).set(c.id, d)),
-      onSelectItems: (d, f) => {
-        s((u) => ({
-          selectItemsStatus: new Map(u.selectItemsStatus).set(
-            c.id,
-            d
-          ),
-          clearCallback: new Map(u.clearCallback).set(c.id, f)
-        }));
-      }
-    },
-    c.id
-  )), [JSON.stringify(e)]);
-  return {
-    lanesUseSelectable: i,
-    lanesSelectProvider: l
-  };
-}, xhe = 5;
-function khe(e) {
+), phe = 5;
+function mhe(e) {
   if (!e.length)
     return;
   if (e.length === 1 && e[0] && // checking to see if `classNames[0]` is a string that contains other classnames
@@ -37782,7 +37519,7 @@ function khe(e) {
       continue;
     const r = i.split(" ");
     for (const o of r) {
-      const s = o.startsWith("_") ? o.slice(0, xhe) : o;
+      const s = o.startsWith("_") ? o.slice(0, phe) : o;
       t[s] = o;
     }
   }
@@ -37795,22 +37532,22 @@ function khe(e) {
 var w8 = {
   default: "var(--ds-border-selected, #1868DB)",
   warning: "var(--ds-border-warning, #E06C00)"
-}, _he = "var(--ds-border-width-selected, 2px)", She = {
+}, ghe = "var(--ds-border-width-selected, 2px)", yhe = {
   top: "horizontal",
   bottom: "horizontal",
   left: "vertical",
   right: "vertical"
-}, Che = {
+}, vhe = {
   root: "_1e0c1ule _kqswstnw _1pbykb7n _lcxvglyw _bfhkys7w _rfx31ssb _3l8810ly _kzdanqa1 _15m6ys7w _cfu11ld9 _1kt9b3bt _1cs8stnw _13y0usvi _1mp4vjfa _kfgtvjfa"
-}, Ehe = {
+}, bhe = {
   horizontal: "_4t3i10ly _1e02fghn _rjxpidpf _z5wtuj5p",
   vertical: "_1bsb10ly _154ifghn _94n5idpf _1aukuj5p"
-}, Nhe = {
+}, whe = {
   top: "_154ihv0e _1auk70hn",
   right: "_1xi2hv0e _ooun70hn",
   bottom: "_94n5hv0e _19wo70hn",
   left: "_1ltvhv0e _qnec70hn"
-}, Ahe = {
+}, xhe = {
   // - half the terminal bleeding out the containing element
   // - half the terminal inside the containing element (we need to position the line next to this)
   terminal: function(t) {
@@ -37828,8 +37565,8 @@ var w8 = {
     return n;
   }
 };
-function The(e) {
-  var t = e.edge, n = e.gap, i = n === void 0 ? "0px" : n, r = e.indent, o = r === void 0 ? "0px" : r, s = e.strokeColor, a = s === void 0 ? w8.default : s, l = e.strokeWidth, c = l === void 0 ? _he : l, d = e.type, f = d === void 0 ? "terminal" : d, u = She[t];
+function khe(e) {
+  var t = e.edge, n = e.gap, i = n === void 0 ? "0px" : n, r = e.indent, o = r === void 0 ? "0px" : r, s = e.strokeColor, a = s === void 0 ? w8.default : s, l = e.strokeWidth, c = l === void 0 ? ghe : l, d = e.type, f = d === void 0 ? "terminal" : d, u = yhe[t];
   return /* @__PURE__ */ qe.createElement("div", {
     style: {
       // ## All
@@ -37839,7 +37576,7 @@ function The(e) {
       "--main-axis-offset": "calc(-0.5 * (".concat(i, " + var(--stroke-width)))"),
       // ## Line
       // If there is a terminal, we want the line to start from next to it
-      "--line-main-axis-start": Ahe[f]({
+      "--line-main-axis-start": xhe[f]({
         indent: o
       }),
       // ## Terminal
@@ -37854,12 +37591,12 @@ function The(e) {
       // so the center of the terminal lines up with the center of the line
       "--terminal-cross-axis-offset": "calc(calc(var(--stroke-width) - var(--terminal-diameter)) / 2)"
     },
-    className: khe([Che.root, Ehe[u], Nhe[t]])
+    className: mhe([vhe.root, bhe[u], whe[t]])
   });
 }
-function Ohe(e) {
+function _he(e) {
   var t = e.appearance, n = t === void 0 ? "default" : t, i = e.edge, r = e.gap, o = e.indent, s = e.type;
-  return /* @__PURE__ */ oe.createElement(The, {
+  return /* @__PURE__ */ oe.createElement(khe, {
     edge: i,
     gap: r,
     strokeColor: w8[n],
@@ -37867,8 +37604,8 @@ function Ohe(e) {
     indent: o
   });
 }
-const Ihe = 'button, a[href], input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="option"], [role="radio"], [role="switch"]', Dhe = (e) => e instanceof HTMLElement ? !!e.closest(Ihe) : !1;
-function Mhe({
+const She = 'button, a[href], input, select, textarea, [role="button"], [role="checkbox"], [role="menuitem"], [role="option"], [role="radio"], [role="switch"]', Che = (e) => e instanceof HTMLElement ? !!e.closest(She) : !1;
+function Ehe({
   drag: e,
   id: t,
   index: n,
@@ -37917,7 +37654,7 @@ function Mhe({
       });
   }, [t, n, r]);
   const p = n === 0, y = n === i - 1, g = (v) => {
-    if (o && !Dhe(v.target)) {
+    if (o && !Che(v.target)) {
       if (c.onClick) {
         c.onClick(), v.preventDefault(), v.stopPropagation();
         return;
@@ -37957,7 +37694,7 @@ function Mhe({
         s && (l ?? u) ? /* @__PURE__ */ m(We, { children: (() => {
           const v = l ?? u;
           return a.includes(v) ? null : /* @__PURE__ */ m(
-            Ohe,
+            _he,
             {
               edge: v,
               type: "terminal-no-bleed",
@@ -37969,7 +37706,269 @@ function Mhe({
     }
   );
 }
-const Phe = ({
+var SE = Object.prototype.hasOwnProperty;
+function CE(e, t, n) {
+  for (n of e.keys())
+    if (_f(n, t)) return n;
+}
+function _f(e, t) {
+  var n, i, r;
+  if (e === t) return !0;
+  if (e && t && (n = e.constructor) === t.constructor) {
+    if (n === Date) return e.getTime() === t.getTime();
+    if (n === RegExp) return e.toString() === t.toString();
+    if (n === Array) {
+      if ((i = e.length) === t.length)
+        for (; i-- && _f(e[i], t[i]); ) ;
+      return i === -1;
+    }
+    if (n === Set) {
+      if (e.size !== t.size)
+        return !1;
+      for (i of e)
+        if (r = i, r && typeof r == "object" && (r = CE(t, r), !r) || !t.has(r)) return !1;
+      return !0;
+    }
+    if (n === Map) {
+      if (e.size !== t.size)
+        return !1;
+      for (i of e)
+        if (r = i[0], r && typeof r == "object" && (r = CE(t, r), !r) || !_f(i[1], t.get(r)))
+          return !1;
+      return !0;
+    }
+    if (n === ArrayBuffer)
+      e = new Uint8Array(e), t = new Uint8Array(t);
+    else if (n === DataView) {
+      if ((i = e.byteLength) === t.byteLength)
+        for (; i-- && e.getInt8(i) === t.getInt8(i); ) ;
+      return i === -1;
+    }
+    if (ArrayBuffer.isView(e)) {
+      if ((i = e.byteLength) === t.byteLength)
+        for (; i-- && e[i] === t[i]; ) ;
+      return i === -1;
+    }
+    if (!n || typeof e == "object") {
+      i = 0;
+      for (n in e)
+        if (SE.call(e, n) && ++i && !SE.call(t, n) || !(n in t) || !_f(e[n], t[n])) return !1;
+      return Object.keys(t).length === i;
+    }
+  }
+  return e !== e && t !== t;
+}
+function Nhe(e) {
+  var t = qe.useRef(e), n = qe.useRef(0);
+  return _f(e, t.current) || (t.current = e, n.current += 1), qe.useMemo(function() {
+    return t.current;
+  }, [n.current]);
+}
+function Ahe(e, t) {
+  const n = { ...e };
+  for (const [i, r] of Object.entries(t)) {
+    const o = e[i];
+    if (Array.isArray(o) && Array.isArray(r) && o.length > 0 && r.length > 0) {
+      const s = o.filter(
+        (a) => r.includes(a)
+      );
+      n[i] = s.length > 0 ? s : r;
+    } else
+      n[i] = r;
+  }
+  return n;
+}
+const The = ({
+  source: e,
+  lane: t,
+  onError: n,
+  onHookUpdate: i
+}) => {
+  const [r, o] = J(!1), s = X(
+    () => ({
+      ...e,
+      isLoading: r,
+      setIsLoading: o
+    }),
+    [e, r]
+  ), a = X(
+    () => Ahe(e.currentFilters, t.filters),
+    [e.currentFilters, t.filters]
+  ), l = E1(s, {
+    filters: a,
+    onError: n
+  }), {
+    data: c,
+    search: d,
+    setSearch: f,
+    isInitialLoading: u,
+    isLoading: h,
+    isLoadingMore: p,
+    error: y,
+    paginationInfo: g,
+    setPage: v,
+    loadMore: b,
+    totalItems: w,
+    mergedFilters: x,
+    summaries: k,
+    committedQuery: _
+  } = l;
+  return ie(() => {
+    i?.(t.id, {
+      data: c,
+      search: d,
+      setSearch: f,
+      isInitialLoading: u,
+      isLoading: h,
+      isLoadingMore: p,
+      error: y,
+      paginationInfo: g,
+      setPage: v,
+      loadMore: b,
+      totalItems: w,
+      mergedFilters: x,
+      summaries: k,
+      committedQuery: _
+    });
+  }, [
+    c,
+    d,
+    f,
+    u,
+    h,
+    p,
+    y,
+    g,
+    v,
+    b,
+    w,
+    x,
+    k,
+    _,
+    i,
+    t.id
+  ]), null;
+};
+function Ohe(e, t = {}) {
+  const { lanes: n } = e;
+  if (!X(() => n && n.length > 0, [n]))
+    throw new Error("Lanes has not been configured on data source");
+  const [r, o] = J({}), s = L({}), a = L(!1), l = L(!1);
+  ie(() => (l.current = !0, () => {
+    l.current = !1;
+  }), []);
+  const c = L(t.onError);
+  ie(() => {
+    c.current = t.onError;
+  });
+  const d = K((y) => {
+    c.current?.(y);
+  }, []), f = K(
+    (y, g) => {
+      s.current[y] = g, !a.current && (a.current = !0, queueMicrotask(() => {
+        const v = s.current;
+        s.current = {}, a.current = !1, l.current && o((b) => ({ ...b, ...v }));
+      }));
+    },
+    []
+  ), u = {
+    lanes: n,
+    currentFilters: e.currentFilters,
+    currentNavigationFilters: e.currentNavigationFilters,
+    currentSortings: e.currentSortings,
+    currentGrouping: e.currentGrouping,
+    currentSearch: e.currentSearch,
+    grouping: e.grouping,
+    summaries: e.summaries,
+    dataAdapter: e.dataAdapter,
+    itemPreFilter: e.itemPreFilter
+  }, h = Nhe(u);
+  return {
+    lanesProvider: X(
+      () => (n || []).map((y) => /* @__PURE__ */ m(
+        The,
+        {
+          lane: y,
+          onError: d,
+          source: e,
+          onHookUpdate: f
+        },
+        String(y.id)
+      )),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [h]
+    ),
+    lanesHooks: r
+  };
+}
+const Ihe = (e) => {
+  const t = Array.from(e.values()), n = {}, i = {};
+  for (const r of t)
+    Object.assign(n, r.groupsStatus), Object.assign(i, r.filters);
+  return {
+    allSelected: t.every((r) => r.allSelected),
+    itemsStatus: t.flatMap((r) => r.itemsStatus),
+    groupsStatus: n,
+    filters: i,
+    selectedCount: t.reduce(
+      (r, o) => r + o.selectedCount,
+      0
+    ),
+    selectedIds: t.flatMap((r) => r.selectedIds)
+  };
+}, Dhe = (e) => {
+  const t = Yy({
+    data: e.data || { type: "flat", records: [], groups: [] },
+    paginationInfo: e.paginationInfo,
+    source: e.source,
+    onSelectItems: e.onSelectItems,
+    selectedState: e.source.defaultSelectedItems
+  });
+  return ie(() => {
+    e.onHookUpdate(t);
+  }, [t]), null;
+}, Mhe = (e, t, n) => {
+  const [i, r] = J(/* @__PURE__ */ new Map()), [o, s] = J({ selectItemsStatus: /* @__PURE__ */ new Map(), clearCallback: /* @__PURE__ */ new Map() }), a = K(() => {
+    o.clearCallback.forEach((c) => c());
+  }, [o.clearCallback]);
+  ie(() => {
+    const c = Object.fromEntries(
+      o.selectItemsStatus
+    );
+    n?.(
+      {
+        ...Ihe(
+          o.selectItemsStatus
+        ),
+        byLane: c
+      },
+      a
+    );
+  }, [o]);
+  const l = X(() => (e || []).map((c) => /* @__PURE__ */ m(
+    Dhe,
+    {
+      source: t,
+      data: c.data || { type: "flat", records: [], groups: [] },
+      paginationInfo: c.paginationInfo,
+      onHookUpdate: (d) => r((f) => new Map(f).set(c.id, d)),
+      onSelectItems: (d, f) => {
+        s((u) => ({
+          selectItemsStatus: new Map(u.selectItemsStatus).set(
+            c.id,
+            d
+          ),
+          clearCallback: new Map(u.clearCallback).set(c.id, f)
+        }));
+      }
+    },
+    c.id
+  )), [JSON.stringify(e)]);
+  return {
+    lanesUseSelectable: i,
+    lanesSelectProvider: l
+  };
+}, Phe = ({
   label: e,
   variant: t,
   color: n,
@@ -37983,7 +37982,7 @@ const Phe = ({
     /* @__PURE__ */ m(Fk, { size: "md", type: "default", value: i }),
     s || a ? /* @__PURE__ */ R("div", { className: "ml-auto flex items-center gap-1 pr-1", children: [
       r ? /* @__PURE__ */ m(
-        MM,
+        BM,
         {
           info: r,
           icon: typeof r == "string" ? void 0 : r.icon,
@@ -38836,7 +38835,7 @@ const R0 = ({
   getLanesForGroup: f,
   selectableGroups: u = !0
 }) => {
-  const { lanesProvider: h, lanesHooks: p } = yhe(a, {
+  const { lanesProvider: h, lanesHooks: p } = Ohe(a, {
     onError: (B) => c(B)
   }), y = a.idProvider, g = is(), v = a.currentSortings === null, { totalItemsAggregated: b, isInitialLoadingAggregated: w } = X(() => {
     const B = Object.values(p), Y = B.length === e.length;
@@ -38881,7 +38880,7 @@ const R0 = ({
       groups: []
     },
     paginationInfo: p[B.id]?.paginationInfo || null
-  })), [e, p]), { lanesSelectProvider: _, lanesUseSelectable: S } = whe(k, a, (B, Y) => {
+  })), [e, p]), { lanesSelectProvider: _, lanesUseSelectable: S } = Mhe(k, a, (B, Y) => {
     l?.(B, Y);
   }), E = K(
     (B, Y) => {
@@ -38897,7 +38896,7 @@ const R0 = ({
         y ? y(B, Y) : B?.id ?? Y
       ), le = a.selectable ? a.selectable(B) : B.id, te = S && j ? S.get(j) : void 0, Q = (typeof le == "string" || typeof le == "number") && te && te?.selectedItems.has(le), ue = a.itemUrl ? a.itemUrl(B) : void 0, me = a.itemOnClick ? a.itemOnClick(B) : void 0;
       return /* @__PURE__ */ m(
-        Mhe,
+        Ehe,
         {
           drag: { id: ne, type: "list-card", data: { ...B, laneId: j } },
           id: String(B.id),
@@ -39831,7 +39830,7 @@ const R0 = ({
     }
   );
 }, lpe = Cz(
-  () => import("./index-HEb5Ocnl.js").then((e) => ({ default: e.MapCollection }))
+  () => import("./index-C95Ox1WO.js").then((e) => ({ default: e.MapCollection }))
 ), Xs = {
   table: {
     name: "Table",
@@ -42211,7 +42210,7 @@ function xme({
   removeLabel: u,
   viewLabel: h
 }) {
-  const p = lI(), y = t[0], g = t.slice(1), v = g.filter((C) => C.tag), b = g.filter((C) => !C.tag), w = !!c, x = X(
+  const p = oI(), y = t[0], g = t.slice(1), v = g.filter((C) => C.tag), b = g.filter((C) => !C.tag), w = !!c, x = X(
     () => e.map(({ __key: C, ...A }) => ({ ...A, id: C })),
     [e]
   ), k = !!i || !!r || !!d, _ = vie(
@@ -62204,7 +62203,7 @@ const Wg = ({
             pressed: _,
             variant: "ai",
             ref: w,
-            icon: RU,
+            icon: LU,
             label: b.richTextEditor.ai.enhanceButtonLabel,
             onClick: V,
             disabled: n,
@@ -86920,7 +86919,13 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
   close: vTe,
   /** Dismiss every open toast. */
   closeAll: bTe
-}, $a = 8, JT = (e) => {
+}, wTe = "maplibre", k4 = Ft(null), jOe = ({ children: e, provider: t, config: n }) => {
+  const i = X(() => ({ provider: t, config: n }), [t, n]);
+  return /* @__PURE__ */ m(k4.Provider, { value: i, children: e });
+}, HOe = (e) => {
+  const t = ht(k4);
+  return e ?? t?.provider ?? wTe;
+}, VOe = () => ht(k4)?.config, $a = 8, JT = (e) => {
   const t = e.getBoundingClientRect();
   return {
     top: t.top - $a,
@@ -86928,7 +86933,7 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
     width: t.width + $a * 2,
     height: t.height + $a * 2
   };
-}, wTe = (e, t) => e.top === t.top && e.left === t.left && e.width === t.width && e.height === t.height, ZT = (e) => {
+}, xTe = (e, t) => e.top === t.top && e.left === t.left && e.width === t.width && e.height === t.height, ZT = (e) => {
   const t = (r) => parseFloat(getComputedStyle(r).borderTopLeftRadius) || 0, n = t(e);
   if (n > 0)
     return n + $a;
@@ -86942,12 +86947,12 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
       return o + (s.left - i.left) + $a;
   }
   return $a;
-}, xTe = (e) => {
+}, kTe = (e) => {
   const [t, n] = J(() => JT(e)), i = L(t);
   return ie(() => {
     const r = () => {
       const s = JT(e);
-      wTe(i.current, s) || (i.current = s, n(s));
+      xTe(i.current, s) || (i.current = s, n(s));
     };
     if (r(), typeof requestAnimationFrame != "function")
       return;
@@ -86956,24 +86961,24 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
     });
     return () => cancelAnimationFrame(o);
   }, [e]), t;
-}, kTe = (e) => {
+}, _Te = (e) => {
   const [t, n] = J(() => ZT(e));
   return ie(() => n(ZT(e)), [e]), t;
-}, _Te = 300, STe = (e, t) => {
+}, STe = 300, CTe = (e, t) => {
   const [n, i] = J(!1), r = L(e);
   return ie(() => {
     if (r.current === e || (r.current = e, !t))
       return;
     i(!0);
-    const o = setTimeout(() => i(!1), _Te);
+    const o = setTimeout(() => i(!1), STe);
     return () => clearTimeout(o);
   }, [e, t]), n;
-}, CTe = ({
+}, ETe = ({
   target: e,
   container: t,
   onOutsideInteraction: n
 }) => {
-  const i = xTe(e), r = kTe(e), o = is(), s = STe(e, !o);
+  const i = kTe(e), r = _Te(e), o = is(), s = CTe(e, !o);
   return ie(() => {
     if (typeof e.scrollIntoView != "function")
       return;
@@ -87009,7 +87014,7 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
     ),
     t ?? document.body
   );
-}, qp = 12, Kp = 6, ETe = ["0px", "-6px", "6px", "-4px", "4px", "0px"], NTe = 320, mz = "textarea, input:not([type='hidden']), [contenteditable='true']", QT = `${mz}, select, button, a[href], [tabindex]:not([tabindex='-1'])`, ATe = (e) => e.matches(QT) ? e : e.querySelector(mz) ?? e.querySelector(QT), TTe = (e, t, n) => {
+}, qp = 12, Kp = 6, NTe = ["0px", "-6px", "6px", "-4px", "4px", "0px"], ATe = 320, mz = "textarea, input:not([type='hidden']), [contenteditable='true']", QT = `${mz}, select, button, a[href], [tabindex]:not([tabindex='-1'])`, TTe = (e) => e.matches(QT) ? e : e.querySelector(mz) ?? e.querySelector(QT), OTe = (e, t, n) => {
   const [i, r] = J(!1), o = L(!1);
   return ie(() => {
     o.current = !1, r(!1);
@@ -87031,20 +87036,20 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
     const l = new ResizeObserver(a);
     return l.observe(s), () => l.disconnect();
   }, [e, t, n]), i;
-}, OTe = () => X(
+}, ITe = () => X(
   () => ({
     current: {
       getBoundingClientRect: () => new DOMRect(window.innerWidth / 2, window.innerHeight / 2, 0, 0)
     }
   }),
   []
-), ITe = (e) => {
+), DTe = (e) => {
   const t = is();
   return K(() => {
     const n = e.current;
     !n || t || typeof n.animate != "function" || n.animate(
-      ETe.map((i) => ({ translate: i })),
-      { duration: NTe, easing: "ease-in-out" }
+      NTe.map((i) => ({ translate: i })),
+      { duration: ATe, easing: "ease-in-out" }
     );
   }, [e, t]);
 }, gz = ({
@@ -87065,8 +87070,8 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
   leaving: p = !1,
   focusTarget: y = !1
 }) => {
-  const g = Re(), v = L(null), b = L(null), w = ITe(v), x = TTe(v, s?.current, e), k = OTe(), _ = () => {
-    ((y ? ATe(e) : null) ?? v.current)?.focus();
+  const g = Re(), v = L(null), b = L(null), w = DTe(v), x = OTe(v, s?.current, e), k = ITe(), _ = () => {
+    ((y ? TTe(e) : null) ?? v.current)?.focus();
   }, S = mi(), E = `${S}-title`, C = `${S}-description`, A = X(() => ({ current: e }), [e]), T = L(s?.current);
   ie(() => {
     T.current !== s?.current && (T.current = s?.current, _());
@@ -87082,7 +87087,7 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
       children: [
         /* @__PURE__ */ m(rW, { virtualRef: x ? k : A }),
         u ? /* @__PURE__ */ m(
-          CTe,
+          ETe,
           {
             target: e,
             container: f,
@@ -87193,7 +87198,7 @@ const jf = /* @__PURE__ */ new Map(), pTe = (e) => {
   );
 };
 gz.displayName = "F0Coachmark";
-const DTe = ii("F0Coachmark", gz), Ok = [];
+const MTe = ii("F0Coachmark", gz), Ok = [];
 let Nr = Ok;
 const Ik = /* @__PURE__ */ new Set();
 let eO = 0;
@@ -87267,7 +87272,7 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
   hasProvider() {
     return Gp.size > 0;
   }
-}, MTe = process.env.NODE_ENV !== "production", Mk = (e) => typeof e.checkVisibility == "function" ? e.checkVisibility() : !0, nO = (e) => typeof e != "string" ? e.isConnected && Mk(e) ? e : null : [...document.querySelectorAll(e)].find(Mk) ?? null, PTe = (e) => typeof e == "string" ? [...document.querySelectorAll(e)].filter(Mk).length : 1, RTe = (e) => {
+}, PTe = process.env.NODE_ENV !== "production", Mk = (e) => typeof e.checkVisibility == "function" ? e.checkVisibility() : !0, nO = (e) => typeof e != "string" ? e.isConnected && Mk(e) ? e : null : [...document.querySelectorAll(e)].find(Mk) ?? null, RTe = (e) => typeof e == "string" ? [...document.querySelectorAll(e)].filter(Mk).length : 1, LTe = (e) => {
   const [t, n] = J(null), i = L(null);
   return ie(() => {
     const r = (s) => {
@@ -87277,11 +87282,11 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
       r(null);
       return;
     }
-    if (r(nO(e)), MTe) {
+    if (r(nO(e)), PTe) {
       i.current === null && typeof e == "string" && console.warn(
         `[f0] coachmarks: no element matches the selector "${e}" yet. The coachmark will show as soon as one does.`
       );
-      const s = PTe(e);
+      const s = RTe(e);
       s > 1 && console.warn(
         `[f0] coachmarks: the selector "${String(e)}" matched ${s} elements. Anchoring to the first one — use a selector that matches exactly one.`
       );
@@ -87294,7 +87299,7 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
       attributeFilter: ["hidden"]
     }), () => o.disconnect();
   }, [e]), t;
-}, LTe = 5, FTe = 150, $Te = ({
+}, FTe = 5, $Te = 150, BTe = ({
   item: e,
   container: t
 }) => {
@@ -87307,8 +87312,8 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
     }
     o(!0), s.current = setTimeout(() => {
       i(v), o(!1);
-    }, FTe);
-  }, u = RTe(c.targetElement), h = L(0), p = e.skipAfterOutsideClicks ?? LTe, y = () => Ea.removeItem(e.id), g = (v) => {
+    }, $Te);
+  }, u = LTe(c.targetElement), h = L(0), p = e.skipAfterOutsideClicks ?? FTe, y = () => Ea.removeItem(e.id), g = (v) => {
     e.onEnd?.({
       reason: v,
       step: l + 1,
@@ -87317,7 +87322,7 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
     }), y();
   };
   return u ? /* @__PURE__ */ m(
-    DTe,
+    MTe,
     {
       target: u,
       container: t,
@@ -87343,7 +87348,7 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
       }
     }
   ) : null;
-}, jOe = ({
+}, WOe = ({
   children: e,
   portalTarget: t = "#f0-overlay-root"
 }) => {
@@ -87366,16 +87371,10 @@ const Gp = /* @__PURE__ */ new Set(), Dk = /* @__PURE__ */ new Set(), Hb = () =>
   }, [t]);
   const l = n[0];
   return /* @__PURE__ */ R(We, { children: [
-    o && l ? /* @__PURE__ */ m($Te, { item: l, container: s }, l.id) : null,
+    o && l ? /* @__PURE__ */ m(BTe, { item: l, container: s }, l.id) : null,
     e
   ] });
-}, BTe = "maplibre", k4 = Ft(null), HOe = ({ children: e, provider: t, config: n }) => {
-  const i = X(() => ({ provider: t, config: n }), [t, n]);
-  return /* @__PURE__ */ m(k4.Provider, { value: i, children: e });
-}, VOe = (e) => {
-  const t = ht(k4);
-  return e ?? t?.provider ?? BTe;
-}, WOe = () => ht(k4)?.config;
+};
 export {
   FX as $,
   vie as A,
@@ -87475,7 +87474,7 @@ export {
   hOe as b0,
   Kie as b1,
   ROe as b2,
-  jOe as b3,
+  WOe as b3,
   lz as b4,
   nTe as b5,
   MOe as b6,
@@ -87488,7 +87487,7 @@ export {
   U2 as bD,
   kie as bE,
   dM as bF,
-  MM as bG,
+  BM as bG,
   XM as bH,
   c5 as bI,
   qle as bJ,
@@ -87497,7 +87496,7 @@ export {
   uz as bM,
   Om as bN,
   GTe as bO,
-  HOe as bP,
+  jOe as bP,
   h1 as bQ,
   vOe as bR,
   p1 as bS,
@@ -87510,7 +87509,7 @@ export {
   Br as bZ,
   KQ as b_,
   L$ as ba,
-  LU as bb,
+  PU as bb,
   kOe as bc,
   LK as bd,
   w2 as be,
@@ -87553,8 +87552,8 @@ export {
   Fpe as ce,
   $pe as cf,
   COe as cg,
-  VOe as d,
-  WOe as e,
+  HOe as d,
+  VOe as e,
   _f as f,
   Ea as g,
   t2e as h,