@toolbox-web/grid-react 1.8.2 → 1.9.0

package/index.js

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