@toolbox-web/grid-react 1.10.0 → 2.0.0-beta

package/index.js

@@ -1,69 +1,69 @@
-import { jsx as E, Fragment as W, jsxs as ve } from "react/jsx-runtime";
-import { DataGridElement as ae } from "@toolbox-web/grid";
-import { Children as we, isValidElement as Re, createContext as le, useContext as k, forwardRef as fe, useRef as G, useReducer as be, useImperativeHandle as de, useLayoutEffect as ge, Component as Pe, useMemo as T, useEffect as P, createElement as Ge, useCallback as F, useId as pe, useState as O } from "react";
-import { g as ne, G as Se, c as xe, d as Ee } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { e as vr, f as wr } from "./chunks/react-grid-adapter-LBf2Mqhn.js";
-import { s as oe, r as me, a as Ce } from "./chunks/portal-bridge-CvxNt40O.js";
-import { flushSync as ie, createPortal as De } from "react-dom";
-import { n as Fe } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { r as br } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
-import { p as Te } from "./chunks/react-column-config-BOe_PgL1.js";
-import { r as Gr } from "./chunks/react-column-config-BOe_PgL1.js";
-import { createPluginsFromFeatures as ke } from "@toolbox-web/grid/features/registry";
-import { G as H } from "./chunks/grid-element-context-BU3WvNtM.js";
-import { G as xr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
-import { G as Dr } from "./chunks/grid-responsive-card-CSZhDCoN.js";
-const V = /* @__PURE__ */ new Map();
+import { jsx as S, Fragment as U, jsxs as he } from "react/jsx-runtime";
+import { DataGridElement as ue } from "@toolbox-web/grid";
+import { Children as ve, isValidElement as we, createContext as ae, useContext as k, forwardRef as le, useRef as P, useReducer as Re, useImperativeHandle as fe, useLayoutEffect as de, Component as be, useMemo as T, useEffect as R, createElement as Pe, useCallback as E, useId as ge, useState as N } from "react";
+import { g as te, G as Ge, c as Se, d as xe } from "./chunks/react-grid-adapter-C9gIJ33-.js";
+import { e as hr, f as vr } from "./chunks/react-grid-adapter-C9gIJ33-.js";
+import { s as ne, r as pe, a as me } from "./chunks/portal-bridge-CvxNt40O.js";
+import { flushSync as oe, createPortal as Ee } from "react-dom";
+import { n as De } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
+import { r as Rr } from "./chunks/post-mount-refresh-hooks-Dt7mPoZC.js";
+import { p as Fe } from "./chunks/react-column-config-BOe_PgL1.js";
+import { r as Pr } from "./chunks/react-column-config-BOe_PgL1.js";
+import { createPluginsFromFeatures as Te } from "@toolbox-web/grid/features/registry";
+import { G as O } from "./chunks/grid-element-context-BU3WvNtM.js";
+import { G as Sr } from "./chunks/grid-detail-panel-BZFcujsZ.js";
+import { G as Er } from "./chunks/grid-responsive-card-CSZhDCoN.js";
+const q = /* @__PURE__ */ new Map();
 function ye(t, r) {
-  V.set(t, r);
+  q.set(t, r);
 }
-function Ie(t) {
+function ke(t) {
   const r = {};
-  return V.size === 0 || we.forEach(t, (d) => {
-    if (!Re(d)) return;
-    const n = d.type, s = typeof n == "string" ? void 0 : n?.displayName;
-    if (typeof s != "string") return;
-    const g = V.get(s);
-    if (!g) return;
-    const l = g(d);
+  return q.size === 0 || ve.forEach(t, (f) => {
+    if (!we(f)) return;
+    const o = f.type, u = typeof o == "string" ? void 0 : o?.displayName;
+    if (typeof u != "string") return;
+    const d = q.get(u);
+    if (!d) return;
+    const l = d(f);
     l && Object.assign(r, l);
   }), r;
 }
-function Le(t) {
+function Ie(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function se(t) {
-  return t.toLowerCase() === "id" ? "ID" : t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Le).join(" ");
+function ie(t) {
+  return t.toLowerCase() === "id" ? "ID" : t.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Ie).join(" ");
 }
-const Ae = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
-function Me(t) {
+const Le = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
+function Ae(t) {
   const r = t.lastIndexOf(":");
   if (r > 0) {
-    const d = t.slice(r + 1).toLowerCase();
-    if (Ae.has(d)) {
-      const n = t.slice(0, r);
+    const f = t.slice(r + 1).toLowerCase();
+    if (Le.has(f)) {
+      const o = t.slice(0, r);
       return {
-        field: n,
-        header: se(n),
-        type: d
+        field: o,
+        header: ie(o),
+        type: f
       };
     }
   }
   return {
     field: t,
-    header: se(t)
+    header: ie(t)
   };
 }
-function Ne(t) {
-  return t.map((r) => typeof r == "string" ? Me(r) : r);
+function Me(t) {
+  return t.map((r) => typeof r == "string" ? Ae(r) : r);
 }
-function Oe(t, r) {
-  return r ? t.map((d) => ({ ...r, ...d })) : t;
+function Ne(t, r) {
+  return r ? t.map((f) => ({ ...r, ...f })) : t;
 }
-function ir(t) {
+function or(t) {
   return t.some((r) => typeof r == "string");
 }
-const _ = {
+const K = {
   onCellClick: "cell-click",
   onRowClick: "row-click",
   onCellActivate: "cell-activate",
@@ -106,19 +106,19 @@ const _ = {
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll",
   onRender: "render"
-}, J = le(null), He = ({ icons: t, children: r }) => /* @__PURE__ */ E(J.Provider, { value: t, children: r });
-function sr() {
-  return k(J);
+}, W = ae(null), Oe = ({ icons: t, children: r }) => /* @__PURE__ */ S(W.Provider, { value: t, children: r });
+function ir() {
+  return k(W);
 }
-const $e = J, $ = le(null), je = ({ defaults: t, children: r }) => /* @__PURE__ */ E($.Provider, { value: t, children: r });
-function cr() {
+const $e = W, $ = ae(null), je = ({ defaults: t, children: r }) => /* @__PURE__ */ S($.Provider, { value: t, children: r });
+function sr() {
   return k($);
 }
-function ur(t) {
+function cr(t) {
   return k($)?.[t];
 }
 const Be = $;
-class ze extends Pe {
+class ze extends be {
   state = { failed: !1 };
   static getDerivedStateFromError() {
     return { failed: !0 };
@@ -130,108 +130,108 @@ class ze extends Pe {
     return this.state.failed ? null : this.props.children;
   }
 }
-const Ke = fe(function(r, d) {
-  const n = G(/* @__PURE__ */ new Map()), [, s] = be((m) => m + 1, 0), g = G(!1), l = G(0), a = G(0), w = G(!1), f = G(!1), h = () => {
-    g.current || (g.current = !0, queueMicrotask(() => {
-      g.current = !1, !f.current && (ie(s), b());
+const He = le(function(r, f) {
+  const o = P(/* @__PURE__ */ new Map()), [, u] = Re((m) => m + 1, 0), d = P(!1), l = P(0), a = P(0), h = P(!1), g = P(!1), C = () => {
+    d.current || (d.current = !0, queueMicrotask(() => {
+      d.current = !1, !g.current && (oe(u), v());
     }));
-  }, b = () => {
+  }, v = () => {
     l.current || (l.current = requestAnimationFrame(() => {
-      l.current = 0, !f.current && s();
+      l.current = 0, !g.current && u();
     }));
-  }, C = (m, i) => {
-    console.error(`[grid-react] Portal "${m}" crashed; dropping.`, i), n.current.delete(m), b();
+  }, G = (m, s) => {
+    console.error(`[grid-react] Portal "${m}" crashed; dropping.`, s), o.current.delete(m), v();
   };
-  de(
-    d,
+  fe(
+    f,
     () => ({
-      renderPortal(m, i, p) {
-        f.current || (n.current.set(m, { container: i, element: p }), h());
+      renderPortal(m, s, p) {
+        g.current || (o.current.set(m, { container: s, element: p }), C());
       },
-      removePortal(m, i) {
-        if (f.current) {
-          n.current.delete(m);
+      removePortal(m, s) {
+        if (g.current) {
+          o.current.delete(m);
           return;
         }
-        n.current.delete(m) && (a.current > 0 ? w.current = !0 : i ? ie(s) : h());
+        o.current.delete(m) && (a.current > 0 ? h.current = !0 : s ? oe(u) : C());
       },
       beginBatch() {
         a.current++;
       },
       endBatch() {
-        a.current !== 0 && (a.current--, a.current === 0 && w.current && (w.current = !1, s()));
+        a.current !== 0 && (a.current--, a.current === 0 && h.current && (h.current = !1, u()));
       },
       clear() {
-        if (f.current) {
-          n.current.clear();
+        if (g.current) {
+          o.current.clear();
           return;
         }
-        n.current.size > 0 && (n.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), h());
+        o.current.size > 0 && (o.current.clear(), l.current && (cancelAnimationFrame(l.current), l.current = 0), C());
       }
     }),
     // forceRender is stable (useReducer dispatch), refs are stable
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
-  ), ge(() => {
-    f.current = !1;
-    const m = n.current;
+  ), de(() => {
+    g.current = !1;
+    const m = o.current;
     return () => {
-      f.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), m.clear();
+      g.current = !0, l.current && (cancelAnimationFrame(l.current), l.current = 0), m.clear();
     };
   }, []);
-  const R = [];
-  let S = null;
-  for (const [m, { container: i, element: p }] of n.current) {
-    if (!i.isConnected) {
-      (S ??= []).push(m);
+  const w = [];
+  let D = null;
+  for (const [m, { container: s, element: p }] of o.current) {
+    if (!s.isConnected) {
+      (D ??= []).push(m);
       continue;
     }
-    R.push(
-      De(
-        /* @__PURE__ */ E(ze, { portalKey: m, onError: C, children: p }),
-        i,
+    w.push(
+      Ee(
+        /* @__PURE__ */ S(ze, { portalKey: m, onError: G, children: p }),
+        s,
         m
       )
     );
   }
-  if (S) {
-    const m = S;
+  if (D) {
+    const m = D;
     queueMicrotask(() => {
-      for (const i of m) n.current.delete(i);
+      for (const s of m) o.current.delete(s);
     });
   }
-  return /* @__PURE__ */ E(W, { children: R });
-}), _e = {
+  return /* @__PURE__ */ S(U, { children: w });
+}), Ke = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function qe(t) {
+function _e(t) {
   const r = new Set(t);
-  for (const d of t) {
-    const n = _e[d];
-    if (n)
-      for (const s of n)
-        r.has(s) || console.warn(
-          `[DataGrid] Feature "${d}" requires "${s}" to be enabled. Add the "${s}" prop to your DataGrid.`
+  for (const f of t) {
+    const o = Ke[f];
+    if (o)
+      for (const u of o)
+        r.has(u) || console.warn(
+          `[DataGrid] Feature "${f}" requires "${u}" to be enabled. Add the "${u}" prop to your DataGrid.`
         );
   }
 }
-function Ve(t) {
+function qe(t) {
   const r = [];
-  for (const [d, n] of Object.entries(t))
-    n === void 0 || n === !1 || r.push(d);
-  return qe(r), ke(t);
+  for (const [f, o] of Object.entries(t))
+    o === void 0 || o === !1 || r.push(f);
+  return _e(r), Te(t);
 }
-let ce = !1, q = null;
-function U() {
-  return ce || (q = new Se(), ae.registerAdapter(q), ce = !0), q;
+let se = !1, _ = null;
+function V() {
+  return se || (_ = new Ge(), ue.registerAdapter(_), se = !0), _;
 }
-U();
-const ue = /* @__PURE__ */ new WeakMap();
-let Ue = 0;
-function We(t) {
-  let r = ue.get(t);
-  return r === void 0 && (r = ++Ue, ue.set(t, r)), r;
+V();
+const ce = /* @__PURE__ */ new WeakMap();
+let Ve = 0;
+function Ue(t) {
+  let r = ce.get(t);
+  return r === void 0 && (r = ++Ve, ce.set(t, r)), r;
 }
 ye("GridDetailPanel", (t) => {
   const r = t.props;
@@ -248,434 +248,428 @@ ye("GridResponsiveCard", () => ({
   // responsive prop. Enable the plugin with defaults — user can override.
   responsive: !0
 }));
-const ar = fe(function(r, d) {
+const ur = le(function(r, f) {
   const {
     // Core props
-    rows: n,
-    gridConfig: s,
-    columns: g,
+    rows: o,
+    gridConfig: u,
+    columns: d,
     columnDefaults: l,
     fitMode: a,
-    columnInference: w,
-    sortable: f,
-    filterable: h,
-    selectable: b,
-    loading: C,
-    customStyles: R,
-    className: S,
+    columnInference: h,
+    sortable: g,
+    filterable: C,
+    selectable: v,
+    loading: G,
+    customStyles: w,
+    className: D,
     style: m,
-    children: i,
+    children: s,
     // Plugin props
     plugins: p,
-    // SSR mode (deprecated - see SSRProps)
-    ssr: v,
     // Legacy event handlers
-    onRowsChange: x,
+    onRowsChange: y,
     // Feature props and event props are in ...rest
-    ...y
-  } = r, c = G(null), N = G(null), Y = G(!1), Z = k(Be), j = k($e), he = T(() => ne().map((e) => {
-    const o = y[e];
-    if (o === void 0) return "";
-    let u;
+    ...b
+  } = r, n = P(null), F = P(null), J = P(!1), Y = k(Be), j = k($e), Ce = T(() => te().map((e) => {
+    const i = b[e];
+    if (i === void 0) return "";
+    let c;
     try {
-      u = JSON.stringify(o) ?? "undefined";
+      c = JSON.stringify(i) ?? "undefined";
     } catch {
-      u = typeof o == "object" && o !== null ? `ref#${We(o)}` : `prim:${String(o)}`;
+      c = typeof i == "object" && i !== null ? `ref#${Ue(i)}` : `prim:${String(i)}`;
     }
-    return `${e}:${u}`;
-  }).filter(Boolean).join("|"), [y]), Q = T(() => {
-    const e = {}, o = y;
-    for (const u of ne()) {
-      const D = o[u];
-      D !== void 0 && (e[u] = D);
+    return `${e}:${c}`;
+  }).filter(Boolean).join("|"), [b]), Z = T(() => {
+    const e = {}, i = b;
+    for (const c of te()) {
+      const x = i[c];
+      x !== void 0 && (e[c] = x);
     }
     return e;
-  }, [he]), X = T(() => Ie(i), [i]), ee = T(() => {
-    const e = s?.features, o = {};
-    for (const [u, D] of Object.entries(X))
-      e && u in e && e[u] !== void 0 && e[u] !== !1 || (o[u] = D);
-    return { ...o, ...Q };
-  }, [Q, X, s]), B = T(() => p || v ? [] : Ve(ee), [ee, p, v]), I = T(() => {
+  }, [Ce]), Q = T(() => ke(s), [s]), X = T(() => {
+    const e = u?.features, i = {};
+    for (const [c, x] of Object.entries(Q))
+      e && c in e && e[c] !== void 0 && e[c] !== !1 || (i[c] = x);
+    return { ...i, ...Z };
+  }, [Z, Q, u]), B = T(() => p ? [] : qe(X), [X, p]), I = T(() => {
     if (p) {
-      const e = new Set(p.map((u) => u.name)), o = B.filter((u) => !e.has(u.name));
-      return [...p, ...o];
+      const e = new Set(p.map((c) => c.name)), i = B.filter((c) => !e.has(c.name));
+      return [...p, ...i];
     }
     return B;
-  }, [p, B]), L = T(() => g && Oe(Ne(g), l), [g, l]), A = T(() => {
-    const e = Te(s), o = {};
-    if (f !== void 0 && (o.sortable = f), h !== void 0 && (o.filterable = h), b !== void 0 && (o.selectable = b), j) {
-      const u = e?.icons || s?.icons || {};
-      o.icons = { ...j, ...u };
+  }, [p, B]), L = T(() => d && Ne(Me(d), l), [d, l]), A = T(() => {
+    const e = Fe(u), i = {};
+    if (g !== void 0 && (i.sortable = g), C !== void 0 && (i.filterable = C), v !== void 0 && (i.selectable = v), j) {
+      const c = e?.icons || u?.icons || {};
+      i.icons = { ...j, ...c };
     }
     if (I.length > 0 && e) {
-      const u = e.plugins || [], D = new Set(u.map((M) => M.name)), K = I.filter((M) => !D.has(M.name));
+      const c = e.plugins || [], x = new Set(c.map((M) => M.name)), H = I.filter((M) => !x.has(M.name));
       return {
         ...e,
-        ...o,
-        plugins: [...u, ...K]
+        ...i,
+        plugins: [...c, ...H]
       };
     }
-    return I.length > 0 && !e ? { ...o, plugins: I } : Object.keys(o).length > 0 ? { ...e, ...o } : e;
-  }, [s, I, f, h, b, j]);
-  P(() => {
-    U().setTypeDefaults(Z);
-  }, [Z]), P(() => {
-    c.current && (c.current.rows = n);
-  }, [n]), P(() => {
-    c.current && A && (c.current.gridConfig = A);
-  }, [A]), P(() => {
-    c.current && L && (c.current.columns = L);
-  }, [L]), P(() => {
-    c.current && a !== void 0 && (c.current.fitMode = a);
-  }, [a]), P(() => {
-    c.current && (c.current.columnInference = w);
-  }, [w]), P(() => {
-    c.current && C !== void 0 && (c.current.loading = C);
-  }, [C]), P(() => {
-    const e = c.current;
+    return I.length > 0 && !e ? { ...i, plugins: I } : Object.keys(i).length > 0 ? { ...e, ...i } : e;
+  }, [u, I, g, C, v, j]);
+  R(() => {
+    V().setTypeDefaults(Y);
+  }, [Y]), R(() => {
+    n.current && (n.current.rows = o);
+  }, [o]), R(() => {
+    n.current && A && (n.current.gridConfig = A);
+  }, [A]), R(() => {
+    n.current && L && (n.current.columns = L);
+  }, [L]), R(() => {
+    n.current && a !== void 0 && (n.current.fitMode = a);
+  }, [a]), R(() => {
+    n.current && (n.current.columnInference = h);
+  }, [h]), R(() => {
+    n.current && G !== void 0 && (n.current.loading = G);
+  }, [G]), R(() => {
+    const e = n.current;
     if (!e) return;
-    const o = U();
-    e.__frameworkAdapter = o, Fe(e);
-    let u = !1;
-    const D = requestAnimationFrame(() => {
-      u || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
+    const i = V();
+    e.__frameworkAdapter = i, De(e);
+    let c = !1;
+    const x = requestAnimationFrame(() => {
+      c || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
     });
     return () => {
-      u = !0, cancelAnimationFrame(D);
+      c = !0, cancelAnimationFrame(x);
     };
-  }, []), P(() => {
-    if (!c.current || !R) return;
-    const e = c.current, o = "react-custom-styles";
-    let u = !0;
+  }, []), R(() => {
+    if (!n.current || !w) return;
+    const e = n.current, i = "react-custom-styles";
+    let c = !0;
     return e.ready?.().then(() => {
-      u && R && (e.registerStyles?.(o, R), N.current = o);
+      c && w && (e.registerStyles?.(i, w), F.current = i);
     }), () => {
-      u = !1, N.current && (e.unregisterStyles?.(N.current), N.current = null);
+      c = !1, F.current && (e.unregisterStyles?.(F.current), F.current = null);
     };
-  }, [R]), P(() => {
-    const e = c.current;
+  }, [w]), R(() => {
+    const e = n.current;
     if (!e) return;
-    const o = [];
-    return x && o.push(e.on("rows-change", (u) => x(u.rows))), () => {
-      o.forEach((u) => u());
+    const i = [];
+    return y && i.push(e.on("rows-change", (c) => y(c.rows))), () => {
+      i.forEach((c) => c());
     };
-  }, [x]);
-  const re = T(() => Object.keys(_).filter((e) => typeof y[e] == "function").sort().join("|"), [y]), te = G({});
-  for (const e of Object.keys(_))
-    te.current[e] = y[e];
-  P(() => {
-    const e = c.current;
+  }, [y]);
+  const ee = T(() => Object.keys(K).filter((e) => typeof b[e] == "function").sort().join("|"), [b]), re = P({});
+  for (const e of Object.keys(K))
+    re.current[e] = b[e];
+  R(() => {
+    const e = n.current;
     if (!e) return;
-    const o = [];
-    for (const [u, D] of Object.entries(_))
-      re.includes(u) && o.push(
-        e.on(D, (K, M) => {
-          te.current[u]?.(K, M);
+    const i = [];
+    for (const [c, x] of Object.entries(K))
+      ee.includes(c) && i.push(
+        e.on(x, (H, M) => {
+          re.current[c]?.(H, M);
         })
       );
     return () => {
-      o.forEach((u) => u());
+      i.forEach((c) => c());
     };
-  }, [re]), de(
-    d,
+  }, [ee]), fe(
+    f,
     () => ({
       get element() {
-        return c.current;
+        return n.current;
       },
       async getConfig() {
-        return c.current?.getConfig?.() ?? {};
+        return n.current?.getConfig?.() ?? {};
       },
       async ready() {
-        return c.current?.ready?.();
+        return n.current?.ready?.();
       },
       async forceLayout() {
-        return c.current?.forceLayout?.();
+        return n.current?.forceLayout?.();
       },
       async toggleGroup(e) {
-        return c.current?.toggleGroup?.(e);
+        return n.current?.toggleGroup?.(e);
       },
-      registerStyles(e, o) {
-        c.current?.registerStyles?.(e, o);
+      registerStyles(e, i) {
+        n.current?.registerStyles?.(e, i);
       },
       unregisterStyles(e) {
-        c.current?.unregisterStyles?.(e);
+        n.current?.unregisterStyles?.(e);
       },
-      setRowLoading(e, o) {
-        c.current?.setRowLoading?.(e, o);
+      setRowLoading(e, i) {
+        n.current?.setRowLoading?.(e, i);
       },
-      setCellLoading(e, o, u) {
-        c.current?.setCellLoading?.(e, o, u);
+      setCellLoading(e, i, c) {
+        n.current?.setCellLoading?.(e, i, c);
       },
       isRowLoading(e) {
-        return c.current?.isRowLoading?.(e) ?? !1;
+        return n.current?.isRowLoading?.(e) ?? !1;
       },
-      isCellLoading(e, o) {
-        return c.current?.isCellLoading?.(e, o) ?? !1;
+      isCellLoading(e, i) {
+        return n.current?.isCellLoading?.(e, i) ?? !1;
       },
       clearAllLoading() {
-        c.current?.clearAllLoading?.();
+        n.current?.clearAllLoading?.();
       }
     }),
     []
   );
-  const z = G(null);
-  return ge(() => {
-    const e = c.current;
-    return e && z.current && oe(e, z.current), () => {
-      e && oe(e, null);
+  const z = P(null);
+  return de(() => {
+    const e = n.current;
+    return e && z.current && ne(e, z.current), () => {
+      e && ne(e, null);
     };
-  }, []), /* @__PURE__ */ ve(W, { children: [
-    /* @__PURE__ */ E(Ke, { ref: z }),
-    Ge(
-      ae.activeTag,
+  }, []), /* @__PURE__ */ he(U, { children: [
+    /* @__PURE__ */ S(He, { ref: z }),
+    Pe(
+      ue.activeTag,
       {
         ref: (e) => {
-          if (c.current = e, e && !Y.current) {
-            Y.current = !0;
-            const o = e;
-            A && (o.gridConfig = A), n && (o.rows = n), L && (o.columns = L);
+          if (n.current = e, e && !J.current) {
+            J.current = !0;
+            const i = e;
+            A && (i.gridConfig = A), o && (i.rows = o), L && (i.columns = L);
           }
         },
-        class: S,
+        class: D,
         style: m
       },
-      /* @__PURE__ */ E(H.Provider, { value: c, children: i })
+      /* @__PURE__ */ S(O.Provider, { value: n, children: s })
     )
   ] });
 });
-function lr(t) {
+function ar(t) {
   const {
     field: r,
-    header: d,
-    type: n,
-    editable: s,
-    sortable: g,
+    header: f,
+    type: o,
+    editable: u,
+    sortable: d,
     resizable: l,
     width: a,
-    minWidth: w,
-    order: f,
-    hidden: h,
-    lockVisible: b,
-    children: C,
-    editor: R,
-    options: S,
+    minWidth: h,
+    order: g,
+    hidden: C,
+    lockVisible: v,
+    children: G,
+    editor: w,
+    options: D,
     multi: m,
-    format: i
-  } = t, p = G(null), v = F(
-    (c) => {
-      p.current = c, c && (C && xe(c, C), R && Ee(c, R));
+    format: s
+  } = t, p = P(null), y = E(
+    (F) => {
+      p.current = F, F && (G && Se(F, G), w && xe(F, w));
     },
-    [C, R]
-  ), x = typeof a == "number" ? `${a}px` : a, y = {
+    [G, w]
+  ), b = typeof a == "number" ? `${a}px` : a, n = {
     field: r,
-    ref: v
+    ref: y
   };
-  return d !== void 0 && (y.header = d), n !== void 0 && (y.type = n), s !== void 0 && (y.editable = s), g !== void 0 && (y.sortable = g), l !== void 0 && (y.resizable = l), x !== void 0 && (y.width = x), w !== void 0 && (y["min-width"] = w), f !== void 0 && (y.order = f), h !== void 0 && (y.hidden = h), b !== void 0 && (y["lock-visible"] = b), m !== void 0 && (y.multi = m), i && (y["data-has-format"] = "true"), S && (y["data-has-options"] = "true"), /* @__PURE__ */ E("tbw-grid-column", { ...y });
+  return f !== void 0 && (n.header = f), o !== void 0 && (n.type = o), u !== void 0 && (n.editable = u), d !== void 0 && (n.sortable = d), l !== void 0 && (n.resizable = l), b !== void 0 && (n.width = b), h !== void 0 && (n["min-width"] = h), g !== void 0 && (n.order = g), C !== void 0 && (n.hidden = C), v !== void 0 && (n["lock-visible"] = v), m !== void 0 && (n.multi = m), s && (n["data-has-format"] = "true"), D && (n["data-has-options"] = "true"), /* @__PURE__ */ S("tbw-grid-column", { ...n });
 }
-function fr({ id: t, order: r = 100, children: d }) {
-  const n = pe(), s = t ?? `tbw-header-content-${n}`, g = k(H), [l, a] = O(null), w = G(null);
-  return P(() => {
-    const f = g?.current;
-    if (!f) return;
-    const h = w;
-    let b = !1;
+function lr({ id: t, order: r = 100, children: f }) {
+  const o = ge(), u = t ?? `tbw-header-content-${o}`, d = k(O), [l, a] = N(null), h = P(null);
+  return R(() => {
+    const g = d?.current;
+    if (!g) return;
+    const C = h;
+    let v = !1;
     return (async () => {
       try {
-        await f.ready?.();
+        await g.ready?.();
       } catch {
         return;
       }
-      if (b) return;
-      const C = {
-        id: s,
+      if (v) return;
+      const G = {
+        id: u,
         order: r,
-        render: (S) => (a(S), () => {
+        render: (w) => (a(w), () => {
         })
-      }, R = f.getPluginByName?.("shell");
-      R?.registerHeaderContent ? R.registerHeaderContent(C) : f.registerHeaderContent?.(C);
+      };
+      g.getPluginByName?.("shell")?.registerHeaderContent(G);
     })(), () => {
-      b = !0;
-      const C = f.getPluginByName?.("shell");
-      C?.unregisterHeaderContent ? C.unregisterHeaderContent(s) : f.unregisterHeaderContent?.(s), h.current && (me(h.current, { sync: !0 }), h.current = null), a(null);
+      v = !0, g.getPluginByName?.("shell")?.unregisterHeaderContent(u), C.current && (pe(C.current, { sync: !0 }), C.current = null), a(null);
     };
-  }, [g, s, r]), P(() => {
+  }, [d, u, r]), R(() => {
     if (!l) return;
-    const f = g?.current ?? void 0;
-    w.current = Ce(l, d, w.current ?? void 0, f);
-  }, [d, l, g]), null;
+    const g = d?.current ?? void 0;
+    h.current = me(l, f, h.current ?? void 0, g);
+  }, [f, l, d]), null;
 }
-function dr({ children: t }) {
-  return /* @__PURE__ */ E("tbw-grid-tool-buttons", { children: t });
+function fr({ children: t }) {
+  return /* @__PURE__ */ S("tbw-grid-tool-buttons", { children: t });
 }
-function gr({ id: t, order: r = 100, children: d }) {
-  const n = pe(), s = t ?? `tbw-toolbar-content-${n}`, g = k(H), [l, a] = O(null), w = G(null);
-  return P(() => {
-    const f = g?.current;
-    if (!f) return;
-    const h = w;
-    let b = !1;
+function dr({ id: t, order: r = 100, children: f }) {
+  const o = ge(), u = t ?? `tbw-toolbar-content-${o}`, d = k(O), [l, a] = N(null), h = P(null);
+  return R(() => {
+    const g = d?.current;
+    if (!g) return;
+    const C = h;
+    let v = !1;
     return (async () => {
       try {
-        await f.ready?.();
+        await g.ready?.();
       } catch {
         return;
       }
-      if (b) return;
-      const C = {
-        id: s,
+      if (v) return;
+      const G = {
+        id: u,
         order: r,
-        render: (S) => (a(S), () => {
+        render: (w) => (a(w), () => {
         })
-      }, R = f.getPluginByName?.("shell");
-      R?.registerToolbarContent ? R.registerToolbarContent(C) : f.registerToolbarContent?.(C);
+      };
+      g.getPluginByName?.("shell")?.registerToolbarContent(G);
     })(), () => {
-      b = !0;
-      const C = f.getPluginByName?.("shell");
-      C?.unregisterToolbarContent ? C.unregisterToolbarContent(s) : f.unregisterToolbarContent?.(s), h.current && (me(h.current, { sync: !0 }), h.current = null), a(null);
+      v = !0, g.getPluginByName?.("shell")?.unregisterToolbarContent(u), C.current && (pe(C.current, { sync: !0 }), C.current = null), a(null);
     };
-  }, [g, s, r]), P(() => {
+  }, [d, u, r]), R(() => {
     if (!l) return;
-    const f = g?.current ?? void 0;
-    w.current = Ce(l, d, w.current ?? void 0, f);
-  }, [d, l, g]), null;
+    const g = d?.current ?? void 0;
+    h.current = me(l, f, h.current ?? void 0, g);
+  }, [f, l, d]), null;
 }
-const pr = ({ icons: t, defaults: r, children: d }) => {
-  let n = d;
-  return r && (n = /* @__PURE__ */ E(je, { defaults: r, children: n })), t && (n = /* @__PURE__ */ E(He, { icons: t, children: n })), /* @__PURE__ */ E(W, { children: n });
+const gr = ({ icons: t, defaults: r, children: f }) => {
+  let o = f;
+  return r && (o = /* @__PURE__ */ S(je, { defaults: r, children: o })), t && (o = /* @__PURE__ */ S(Oe, { icons: t, children: o })), /* @__PURE__ */ S(U, { children: o });
 };
-function mr(t) {
-  const r = G(null), [d, n] = O(!1), [s, g] = O(null), l = G(null), a = F(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
-  P(() => {
-    let i = !0;
+function pr(t) {
+  const r = P(null), [f, o] = N(!1), [u, d] = N(null), l = P(null), a = E(() => t ? (l.current ??= document.querySelector(t), l.current) : r.current?.element ?? null, [t]);
+  R(() => {
+    let s = !0;
     return (async () => {
       try {
         if (t) {
-          const v = document.querySelector(t);
-          if (!v) return;
-          if (l.current = v, await v.ready?.(), i) {
-            n(!0);
-            const x = await v.getConfig?.();
-            i && x && g(x);
+          const y = document.querySelector(t);
+          if (!y) return;
+          if (l.current = y, await y.ready?.(), s) {
+            o(!0);
+            const b = await y.getConfig?.();
+            s && b && d(b);
           }
         } else {
-          const v = r.current;
-          if (!v) return;
-          if (await v.ready?.(), i) {
-            n(!0);
-            const x = await v.getConfig?.();
-            i && x && g(x);
+          const y = r.current;
+          if (!y) return;
+          if (await y.ready?.(), s) {
+            o(!0);
+            const b = await y.getConfig?.();
+            s && b && d(b);
           }
         }
       } catch {
       }
     })(), () => {
-      i = !1;
+      s = !1;
     };
   }, [t]);
-  const w = F(async () => {
-    const i = a();
-    if (i)
-      return await i.getConfig?.() ?? null;
+  const h = E(async () => {
+    const s = a();
+    if (s)
+      return await s.getConfig?.() ?? null;
     const p = r.current;
     return p ? await p.getConfig?.() ?? null : null;
-  }, [a]), f = F(async () => {
-    const i = a();
-    if (i) {
-      await i.forceLayout?.();
+  }, [a]), g = E(async () => {
+    const s = a();
+    if (s) {
+      await s.forceLayout?.();
       return;
     }
     const p = r.current;
     p && await p.forceLayout?.();
-  }, [a]), h = F(
-    async (i) => {
+  }, [a]), C = E(
+    async (s) => {
       const p = a();
       if (p) {
-        await p.toggleGroup?.(i);
+        await p.toggleGroup?.(s);
         return;
       }
-      const v = r.current;
-      v && await v.toggleGroup?.(i);
+      const y = r.current;
+      y && await y.toggleGroup?.(s);
     },
     [a]
-  ), b = F(
-    (i) => a()?.getPlugin?.(i),
+  ), v = E(
+    (s) => a()?.getPlugin?.(s),
     [a]
-  ), C = F(
-    ((i) => a()?.getPluginByName?.(i)),
+  ), G = E(
+    ((s) => a()?.getPluginByName?.(s)),
     [a]
-  ), R = F(
-    (i, p) => {
-      const v = a();
-      if (v) {
-        v.registerStyles?.(i, p);
+  ), w = E(
+    (s, p) => {
+      const y = a();
+      if (y) {
+        y.registerStyles?.(s, p);
         return;
       }
-      r.current?.registerStyles?.(i, p);
+      r.current?.registerStyles?.(s, p);
     },
     [a]
-  ), S = F(
-    (i) => {
+  ), D = E(
+    (s) => {
       const p = a();
       if (p) {
-        p.unregisterStyles?.(i);
+        p.unregisterStyles?.(s);
         return;
       }
-      r.current?.unregisterStyles?.(i);
+      r.current?.unregisterStyles?.(s);
     },
     [a]
-  ), m = F(() => s?.columns ? s.columns.filter((i) => !i.hidden) : [], [s]);
+  ), m = E(() => u?.columns ? u.columns.filter((s) => !s.hidden) : [], [u]);
   return {
     ref: r,
     element: a(),
-    isReady: d,
-    config: s,
-    getConfig: w,
-    forceLayout: f,
-    toggleGroup: h,
-    getPlugin: b,
-    getPluginByName: C,
-    registerStyles: R,
-    unregisterStyles: S,
+    isReady: f,
+    config: u,
+    getConfig: h,
+    forceLayout: g,
+    toggleGroup: C,
+    getPlugin: v,
+    getPluginByName: G,
+    registerStyles: w,
+    unregisterStyles: D,
     getVisibleColumns: m
   };
 }
-function Cr(t, r = {}) {
-  const { open: d = !0, gridElement: n } = r, s = k(H);
-  P(() => {
+function mr(t, r = {}) {
+  const { open: f = !0, gridElement: o } = r, u = k(O);
+  R(() => {
+    if (!f) return;
+    const d = t.current;
     if (!d) return;
-    const g = t.current;
-    if (!g) return;
-    const l = n ?? g.closest("tbw-grid, [data-tbw-grid]") ?? s?.current ?? null;
+    const l = o ?? d.closest("tbw-grid, [data-tbw-grid]") ?? u?.current ?? null;
     if (l)
-      return l.registerExternalFocusContainer?.(g), () => {
-        l.unregisterExternalFocusContainer?.(g);
+      return l.registerExternalFocusContainer?.(d), () => {
+        l.unregisterExternalFocusContainer?.(d);
       };
-  }, [d, n, s, t]);
+  }, [f, o, u, t]);
 }
 export {
-  ar as DataGrid,
-  Se as GridAdapter,
-  lr as GridColumn,
-  xr as GridDetailPanel,
-  fr as GridHeaderContent,
-  He as GridIconProvider,
-  pr as GridProvider,
-  Dr as GridResponsiveCard,
-  dr as GridToolButtons,
-  vr as GridToolPanel,
-  gr as GridToolbarContent,
+  ur as DataGrid,
+  Ge as GridAdapter,
+  ar as GridColumn,
+  Sr as GridDetailPanel,
+  lr as GridHeaderContent,
+  Oe as GridIconProvider,
+  gr as GridProvider,
+  Er as GridResponsiveCard,
+  fr as GridToolButtons,
+  hr as GridToolPanel,
+  dr as GridToolbarContent,
   je as GridTypeProvider,
-  Oe as applyColumnDefaults,
-  ir as hasColumnShorthands,
-  Ne as normalizeColumns,
-  Me as parseColumnShorthand,
+  Ne as applyColumnDefaults,
+  or as hasColumnShorthands,
+  Me as normalizeColumns,
+  Ae as parseColumnShorthand,
   ye as registerChildFeatureDetector,
-  Gr as registerEditorMountHook,
-  wr as registerFeaturePropKey,
-  br as registerPostMountRefresh,
-  mr as useGrid,
-  sr as useGridIcons,
-  Cr as useGridOverlay,
-  cr as useGridTypeDefaults,
-  ur as useTypeDefault
+  Pr as registerEditorMountHook,
+  vr as registerFeaturePropKey,
+  Rr as registerPostMountRefresh,
+  pr as useGrid,
+  ir as useGridIcons,
+  mr as useGridOverlay,
+  sr as useGridTypeDefaults,
+  cr as useTypeDefault
 };