@toolbox-web/grid-react 1.4.0 → 1.5.0

package/index.js

@@ -1,49 +1,68 @@
-import { jsx as E, Fragment as re, jsxs as Pe } from "react/jsx-runtime";
-import { DataGridElement as Ee } from "@toolbox-web/grid";
-import { createContext as ye, useContext as L, useRef as k, useCallback as S, useEffect as P, forwardRef as he, useReducer as Se, useImperativeHandle as ve, Component as ke, useMemo as T, useLayoutEffect as De, Children as Te, isValidElement as Ge, useState as ue } from "react";
-import { a as b, r as A, s as fe } from "./chunks/portal-bridge-DZ4yQkmm.js";
-import { flushSync as ge, createPortal as Ke } from "react-dom";
-import { createPluginsFromFeatures as xe } from "@toolbox-web/grid/features/registry";
-import { G as Ce } from "./chunks/grid-element-context-BU3WvNtM.js";
-function Ae(n) {
-  return n.charAt(0).toUpperCase() + n.slice(1);
-}
-function pe(n) {
-  return n.toLowerCase() === "id" ? "ID" : n.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Ae).join(" ");
-}
-const Me = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
-function Le(n) {
-  const e = n.lastIndexOf(":");
-  if (e > 0) {
-    const t = n.slice(e + 1).toLowerCase();
-    if (Me.has(t)) {
-      const r = n.slice(0, e);
+import { jsx as w, Fragment as V, jsxs as le } from "react/jsx-runtime";
+import { DataGridElement as fe } from "@toolbox-web/grid";
+import { createContext as ie, useContext as F, forwardRef as se, useRef as b, useReducer as de, useImperativeHandle as ce, Component as ge, useMemo as E, useEffect as v, useLayoutEffect as pe, Children as me, isValidElement as Ce, useCallback as x, useState as X } from "react";
+import { g as ye } from "./chunks/grid-responsive-card-BB28Zl2O.js";
+import { G as ur } from "./chunks/grid-responsive-card-BB28Zl2O.js";
+import { s as ee } from "./chunks/portal-bridge-DLA6Zs11.js";
+import { flushSync as re, createPortal as he } from "react-dom";
+import { p as ve } from "./chunks/react-column-config-Sb-U7Bq3.js";
+import { G as we, c as Re, d as Pe } from "./chunks/react-grid-adapter-CzByOnua.js";
+import { e as fr } from "./chunks/react-grid-adapter-CzByOnua.js";
+import { createPluginsFromFeatures as be } from "@toolbox-web/grid/features/registry";
+import { G as ae } from "./chunks/grid-element-context-BU3WvNtM.js";
+import { G as gr } from "./chunks/grid-detail-panel-CR7YUhdN.js";
+function Se(r) {
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}
+function te(r) {
+  return r.toLowerCase() === "id" ? "ID" : r.replace(/([a-z])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").split(" ").filter(Boolean).map(Se).join(" ");
+}
+const Ge = /* @__PURE__ */ new Set(["string", "number", "boolean", "date", "datetime", "currency"]);
+function xe(r) {
+  const t = r.lastIndexOf(":");
+  if (t > 0) {
+    const i = r.slice(t + 1).toLowerCase();
+    if (Ge.has(i)) {
+      const o = r.slice(0, t);
       return {
-        field: r,
-        header: pe(r),
-        type: t
+        field: o,
+        header: te(o),
+        type: i
       };
     }
   }
   return {
-    field: n,
-    header: pe(n)
+    field: r,
+    header: te(r)
   };
 }
-function Fe(n) {
-  return n.map((e) => typeof e == "string" ? Le(e) : e);
+function Ee(r) {
+  return r.map((t) => typeof t == "string" ? xe(t) : t);
+}
+function De(r, t) {
+  return t ? r.map((i) => ({ ...t, ...i })) : r;
+}
+function Ze(r) {
+  return r.some((t) => typeof t == "string");
 }
-const _ = {
+const B = {
   onCellClick: "cell-click",
   onRowClick: "row-click",
   onCellActivate: "cell-activate",
   onCellChange: "cell-change",
   onCellCommit: "cell-commit",
+  onCellCancel: "cell-cancel",
   onRowCommit: "row-commit",
   onChangedRowsReset: "changed-rows-reset",
+  onEditOpen: "edit-open",
+  onBeforeEditClose: "before-edit-close",
+  onEditClose: "edit-close",
+  onDirtyChange: "dirty-change",
+  onDataChange: "data-change",
   onSortChange: "sort-change",
   onFilterChange: "filter-change",
   onColumnResize: "column-resize",
+  onColumnResizeReset: "column-resize-reset",
   onColumnMove: "column-move",
   onColumnVisibility: "column-visibility",
   onColumnStateChange: "column-state-change",
@@ -54,1114 +73,517 @@ const _ = {
   onRowDrop: "row-drop",
   onRowTransfer: "row-transfer",
   onGroupToggle: "group-toggle",
+  onGroupExpand: "group-expand",
+  onGroupCollapse: "group-collapse",
   onTreeExpand: "tree-expand",
   onDetailExpand: "detail-expand",
   onResponsiveChange: "responsive-change",
+  onContextMenuOpen: "context-menu-open",
   onCopy: "copy",
   onPaste: "paste",
-  onUndoRedo: "undo-redo",
+  onUndo: "undo",
+  onRedo: "redo",
   onExportComplete: "export-complete",
   onPrintStart: "print-start",
   onPrintComplete: "print-complete",
   onTbwScroll: "tbw-scroll"
-}, ne = ye(null), Ne = ({ icons: n, children: e }) => /* @__PURE__ */ E(ne.Provider, { value: n, children: e });
-function yt() {
-  return L(ne);
-}
-const Ie = ne, J = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new Map();
-function Re(n) {
-  const e = n.querySelector("tbw-grid-responsive-card");
-  if (e) {
-    const r = J.get(e);
-    if (r) return r;
-  }
-  const t = n.id || n.getAttribute("data-grid-id");
-  if (t)
-    return Y.get(t);
-}
-function He(n) {
-  const { children: e, cardRowHeight: t = "auto" } = n, r = k(null), o = S(
-    (i) => {
-      if (r.current = i, !i) return;
-      J.set(i, e);
-      const c = i.closest("tbw-grid");
-      if (c) {
-        const g = c.id || c.getAttribute("data-grid-id");
-        g && Y.set(g, e);
-      }
-    },
-    [e]
-  );
-  P(() => () => {
-    const i = r.current;
-    if (i) {
-      J.delete(i);
-      const c = i.closest("tbw-grid");
-      if (c) {
-        const g = c.id || c.getAttribute("data-grid-id");
-        g && Y.delete(g);
-      }
-    }
-  }, []);
-  const s = t === "auto" ? "auto" : String(t);
-  return /* @__PURE__ */ E("tbw-grid-responsive-card", { ref: o, cardRowHeight: s });
+}, H = ie(null), Fe = ({ icons: r, children: t }) => /* @__PURE__ */ w(H.Provider, { value: r, children: t });
+function Qe() {
+  return F(H);
 }
-He.displayName = "GridResponsiveCard";
-const O = ye(null), Be = ({ defaults: n, children: e }) => /* @__PURE__ */ E(O.Provider, { value: n, children: e });
-function ht() {
-  return L(O);
+const Le = H, N = ie(null), Ae = ({ defaults: r, children: t }) => /* @__PURE__ */ w(N.Provider, { value: r, children: t });
+function Xe() {
+  return F(N);
 }
-function vt(n) {
-  return L(O)?.[n];
+function er(r) {
+  return F(N)?.[r];
 }
-const qe = O;
-class Oe extends ke {
+const ke = N;
+class Ie extends ge {
   state = { failed: !1 };
   static getDerivedStateFromError() {
     return { failed: !0 };
   }
-  componentDidCatch(e) {
-    this.props.onError(this.props.portalKey, e);
+  componentDidCatch(t) {
+    this.props.onError(this.props.portalKey, t);
   }
   render() {
     return this.state.failed ? null : this.props.children;
   }
 }
-const je = he(function(e, t) {
-  const r = k(/* @__PURE__ */ new Map()), [, o] = Se((m) => m + 1, 0), s = k(!1), i = k(0), c = () => {
-    s.current || (s.current = !0, queueMicrotask(() => {
-      s.current = !1, ge(o), g();
+const Te = se(function(t, i) {
+  const o = b(/* @__PURE__ */ new Map()), [, d] = de((l) => l + 1, 0), g = b(!1), p = b(0), u = () => {
+    g.current || (g.current = !0, queueMicrotask(() => {
+      g.current = !1, re(d), R();
     }));
-  }, g = () => {
-    i.current || (i.current = requestAnimationFrame(() => {
-      i.current = 0, o();
+  }, R = () => {
+    p.current || (p.current = requestAnimationFrame(() => {
+      p.current = 0, d();
     }));
-  }, l = (m, w) => {
-    console.error(`[grid-react] Portal "${m}" crashed; dropping.`, w), r.current.delete(m), g();
+  }, S = (l, y) => {
+    console.error(`[grid-react] Portal "${l}" crashed; dropping.`, y), o.current.delete(l), R();
   };
-  ve(
-    t,
+  ce(
+    i,
     () => ({
-      renderPortal(m, w, D) {
-        r.current.set(m, { container: w, element: D }), c();
+      renderPortal(l, y, G) {
+        o.current.set(l, { container: y, element: G }), u();
       },
-      removePortal(m, w) {
-        r.current.delete(m) && (w ? ge(o) : c());
+      removePortal(l, y) {
+        o.current.delete(l) && (y ? re(d) : u());
       },
       clear() {
-        r.current.size > 0 && (r.current.clear(), i.current && (cancelAnimationFrame(i.current), i.current = 0), c());
+        o.current.size > 0 && (o.current.clear(), p.current && (cancelAnimationFrame(p.current), p.current = 0), u());
       }
     }),
     // forceRender is stable (useReducer dispatch), refs are stable
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const C = [];
-  let R = null;
-  for (const [m, { container: w, element: D }] of r.current) {
-    if (!w.isConnected) {
-      (R ??= []).push(m);
+  const P = [];
+  let h = null;
+  for (const [l, { container: y, element: G }] of o.current) {
+    if (!y.isConnected) {
+      (h ??= []).push(l);
       continue;
     }
-    C.push(
-      Ke(
-        /* @__PURE__ */ E(Oe, { portalKey: m, onError: l, children: D }),
-        w,
-        m
+    P.push(
+      he(
+        /* @__PURE__ */ w(Ie, { portalKey: l, onError: S, children: G }),
+        y,
+        l
       )
     );
   }
-  if (R) {
-    const m = R;
+  if (h) {
+    const l = h;
     queueMicrotask(() => {
-      for (const w of m) r.current.delete(w);
+      for (const y of l) o.current.delete(y);
     });
   }
-  return /* @__PURE__ */ E(re, { children: C });
-}), W = /* @__PURE__ */ Symbol("reactProcessed"), M = /* @__PURE__ */ new Map();
-function ze(n) {
-  const e = n.querySelectorAll(".react-cell-editor, .react-cell-renderer");
-  for (const t of e) {
-    const r = M.get(t);
-    r && (r.unsub?.(), A(r.key, { sync: !0 }), M.delete(t));
-  }
-}
-function $e(n) {
-  const e = /* @__PURE__ */ new WeakMap();
-  return (t) => {
-    const r = t.cellEl;
-    if (r) {
-      const i = e.get(r);
-      if (i) {
-        if (r.contains(i.container))
-          return b(i.container, n(t), i.portalKey), i.container;
-        A(i.portalKey, { sync: !0 }), e.delete(r);
-      }
-    }
-    const o = document.createElement("div");
-    o.className = "react-cell-renderer", o.style.display = "contents";
-    const s = b(o, n(t));
-    return r && e.set(r, { portalKey: s, container: o }), M.set(o, { key: s }), o;
-  };
-}
-function Ue(n) {
-  return (e) => {
-    const t = document.createElement("div");
-    t.className = "react-cell-editor", t.style.display = "contents";
-    const o = { key: b(t, n(e)) };
-    return M.set(t, o), queueMicrotask(() => {
-      const s = t.closest("tbw-grid");
-      if (!s) return;
-      const i = () => {
-        const c = t.ownerDocument.activeElement;
-        c && t.contains(c) && (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement || c instanceof HTMLSelectElement) && c.blur();
-      };
-      s.addEventListener("before-edit-close", i), o.unsub = () => {
-        s.removeEventListener("before-edit-close", i);
-      };
-    }), t;
-  };
-}
-function _e(n) {
-  return (e) => {
-    const t = document.createElement("div");
-    t.className = "react-header-renderer", t.style.display = "contents";
-    const r = b(t, n(e));
-    return M.set(t, { key: r }), t;
-  };
-}
-function We(n) {
-  return (e) => {
-    const t = document.createElement("div");
-    t.className = "react-header-label-renderer", t.style.display = "contents";
-    const r = b(t, n(e));
-    return M.set(t, { key: r }), t;
-  };
-}
-function Ve(n) {
-  return (e) => {
-    const t = n(e);
-    if (t instanceof HTMLElement || typeof t == "string")
-      return t;
-    const r = document.createElement("div");
-    r.className = "react-loading-renderer", r.style.display = "contents";
-    const o = b(r, t);
-    return M.set(r, { key: o }), r;
-  };
-}
-function we(n) {
-  if (!n) return;
-  if (n[W]) return n;
-  if (n.loadingRenderer && typeof n.loadingRenderer == "function") {
-    const r = n.loadingRenderer;
-    n = {
-      ...n,
-      loadingRenderer: Ve(r)
-    };
-  }
-  if (!n.columns) {
-    const r = n;
-    return r[W] = !0, r;
-  }
-  const e = n.columns.map((r) => {
-    const { renderer: o, editor: s, headerRenderer: i, headerLabelRenderer: c, ...g } = r, l = { ...g };
-    return o && (l.renderer = $e(o)), s && (l.editor = Ue(s)), i && (l.headerRenderer = _e(i)), c && (l.headerLabelRenderer = We(c)), l;
-  }), t = {
-    ...n,
-    columns: e
-  };
-  return t[W] = !0, t;
-}
-const Z = /* @__PURE__ */ new WeakMap(), Q = /* @__PURE__ */ new Map();
-function Je(n) {
-  const e = n.querySelector("tbw-grid-detail");
-  if (e) {
-    const r = Z.get(e);
-    if (r) return r;
-  }
-  const t = n.id || n.getAttribute("data-grid-id");
-  if (t)
-    return Q.get(t);
-}
-function Ye(n) {
-  const { children: e, showExpandColumn: t = !0, animation: r = "slide" } = n, o = k(null), s = S(
-    (c) => {
-      if (o.current = c, !c) return;
-      Z.set(c, e);
-      const g = c.closest("tbw-grid");
-      if (g) {
-        const l = g.id || g.getAttribute("data-grid-id");
-        l && Q.set(l, e);
-      }
-    },
-    [e]
-  );
-  return P(() => () => {
-    const c = o.current;
-    if (c) {
-      Z.delete(c);
-      const g = c.closest("tbw-grid");
-      if (g) {
-        const C = g.id || g.getAttribute("data-grid-id");
-        C && Q.delete(C);
-      }
-      const l = c.parentNode;
-      l && l.contains(c);
-    }
-  }, []), /* @__PURE__ */ E(
-    "tbw-grid-detail",
-    {
-      ref: s,
-      showExpandColumn: t ? void 0 : "false",
-      animation: r === !1 ? "false" : r
-    }
-  );
-}
-Ye.displayName = "GridDetailPanel";
-const X = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new Map();
-function Ze(n) {
-  const e = X.get(n);
-  if (e) return e;
-  const t = n.id;
-  if (t)
-    return ee.get(t);
-}
-function Ct(n) {
-  const { id: e, title: t, icon: r, tooltip: o, order: s = 100, children: i } = n, c = k(null), g = S(
-    (l) => {
-      c.current = l, l && (X.set(l, i), e && ee.set(e, i));
-    },
-    [i, e]
-  );
-  return P(() => () => {
-    const l = c.current;
-    l && (X.delete(l), e && ee.delete(e));
-  }, [e]), /* @__PURE__ */ E(
-    "tbw-grid-tool-panel",
-    {
-      ref: g,
-      id: e,
-      title: t,
-      icon: r,
-      tooltip: o,
-      order: s?.toString()
-    }
-  );
-}
-const G = /* @__PURE__ */ new WeakMap(), K = /* @__PURE__ */ new Map();
-function Qe(n, e) {
-  const t = n.getAttribute("field"), r = G.get(n) ?? {};
-  if (r.renderer = e, G.set(n, r), t) {
-    const o = K.get(t) ?? {};
-    o.renderer = e, K.set(t, o);
-  }
-}
-function Xe(n, e) {
-  const t = n.getAttribute("field"), r = G.get(n) ?? {};
-  if (r.editor = e, G.set(n, r), t) {
-    const o = K.get(t) ?? {};
-    o.editor = e, K.set(t, o);
-  }
-}
-function et(n) {
-  let e = G.get(n)?.renderer;
-  if (!e) {
-    const t = n.getAttribute("field");
-    t && (e = K.get(t)?.renderer);
-  }
-  return e;
-}
-function tt(n) {
-  let e = G.get(n)?.editor;
-  if (!e) {
-    const t = n.getAttribute("field");
-    t && (e = K.get(t)?.editor);
-  }
-  return e;
-}
-class rt {
-  /** Portal keys for all managed portals (for cleanup on destroy). */
-  allPortalKeys = /* @__PURE__ */ new Set();
-  /** Portal keys for editor-specific portals (for per-cell cleanup via releaseCell). */
-  editorPortalKeys = /* @__PURE__ */ new Set();
-  /** Maps portal keys to their containers (for container-based lookups in releaseCell/unmount). */
-  keyToContainer = /* @__PURE__ */ new Map();
-  /**
-   * Reverse index: container element → portal key. Maintained alongside
-   * `keyToContainer` so `releaseCell` can resolve only the containers
-   * actually inside the released cell (via `cellEl.querySelectorAll`)
-   * instead of scanning every tracked portal — important for grids with
-   * many cells, where `releaseCell` runs on every cell teardown.
-   */
-  containerToKey = /* @__PURE__ */ new WeakMap();
-  /**
-   * Per-editor `before-edit-close` listener teardown functions, keyed by portal key.
-   *
-   * The grid's editing plugin emits `before-edit-close` on the host `<tbw-grid>`
-   * before tearing down a row's managed editors. React editors commonly write
-   * `onBlur={commit}` to flush local state on click-away, but Tab / programmatic
-   * row exit rebuilds the cell DOM synchronously without giving the focused
-   * input a chance to fire `blur` first.
-   *
-   * To bridge that gap we call `.blur()` on the focused input inside the editor
-   * container as soon as `before-edit-close` fires. The native `.blur()` method
-   * is what React's event system actually observes — React 17+ delegates focus
-   * events at the root by listening to `focusout` (bubbling) and mapping it to
-   * `onBlur`. A bare `dispatchEvent(new FocusEvent('blur'))` would be ignored
-   * by React because `blur` does not bubble. Calling the native `.blur()`
-   * dispatches the full focus-loss chain (`blur` + `focusout`) and also moves
-   * focus off the input — both desirable here since the editor DOM is about to
-   * be torn down anyway.
-   *
-   * Mirrors the Angular adapter's `BaseGridEditor.onBeforeEditClose()` hook.
-   * Requires zero per-editor code: any editor with `onBlur={commit}` is
-   * automatically covered for Tab commits and programmatic row exit.
-   */
-  editorBeforeCloseUnsubs = /* @__PURE__ */ new Map();
-  typeDefaults = null;
-  /**
-   * Sets the type defaults map for this adapter.
-   * Called by DataGrid when it receives type defaults from context.
-   *
-   * @internal
-   */
-  setTypeDefaults(e) {
-    this.typeDefaults = e;
-  }
-  /**
-   * FrameworkAdapter.processConfig implementation.
-   * Called automatically by the grid's `set gridConfig` setter.
-   * Converts React renderer/editor functions to DOM-returning functions.
-   */
-  processConfig(e) {
-    return we(e) ?? e;
-  }
-  /**
-   * Determines if this adapter can handle the given element.
-   * Checks if a renderer or editor is registered for this element.
-   */
-  canHandle(e) {
-    const t = e.getAttribute("field");
-    let r = G.get(e);
-    if (!r && t) {
-      const i = K.get(t);
-      i && (i.renderer || i.editor) && (r = i, G.set(e, r));
-    }
-    const o = r?.renderer !== void 0, s = r?.editor !== void 0;
-    return r !== void 0 && (o || s);
-  }
-  /**
-   * Creates a view renderer function that renders a React component
-   * and returns its container DOM element.
-   *
-   * Uses a cell cache to reuse portals for performance - instead of
-   * creating new portals on each render, we reuse existing ones and
-   * update their content.
-   *
-   * Returns undefined if no renderer is registered for this element,
-   * allowing the grid to use its default rendering.
-   */
-  createRenderer(e) {
-    const t = et(e);
-    if (!t)
-      return;
-    const r = e.closest("tbw-grid"), o = /* @__PURE__ */ new WeakMap();
-    return (s) => {
-      const i = s.cellEl;
-      if (i) {
-        const l = o.get(i);
-        if (l) {
-          if (i.contains(l.container))
-            return b(l.container, t(s), l.portalKey), l.container;
-          A(l.portalKey, { sync: !0 }), this.untrackPortal(l.portalKey), o.delete(i);
-        }
-        const C = document.createElement("div");
-        C.className = "react-cell-renderer", C.style.display = "contents";
-        const R = b(
-          C,
-          t(s),
-          void 0,
-          r ?? void 0
-        );
-        return o.set(i, { portalKey: R, container: C }), this.trackPortal(R, C, !1), C;
-      }
-      const c = document.createElement("div");
-      c.className = "react-cell-renderer", c.style.display = "contents";
-      const g = b(
-        c,
-        t(s),
-        void 0,
-        r ?? void 0
-      );
-      return this.trackPortal(g, c, !1), c;
-    };
-  }
-  /**
-   * Creates an editor spec that renders a React component
-   * with commit/cancel callbacks passed as props.
-   */
-  createEditor(e) {
-    const t = tt(e);
-    if (!t)
-      return () => document.createElement("div");
-    const r = e.closest("tbw-grid") ?? void 0;
-    return (o) => {
-      const s = document.createElement("div");
-      s.className = "react-cell-editor", s.style.display = "contents";
-      const i = b(
-        s,
-        t(o),
-        void 0,
-        r
-      );
-      if (this.trackPortal(i, s, !0), r) {
-        const c = () => {
-          const l = s.ownerDocument.activeElement;
-          l && s.contains(l) && (l instanceof HTMLInputElement || l instanceof HTMLTextAreaElement || l instanceof HTMLSelectElement) && l.blur();
-        };
-        r.addEventListener("before-edit-close", c), this.editorBeforeCloseUnsubs.set(i, () => {
-          r.removeEventListener("before-edit-close", c);
-        });
-      }
-      return s;
-    };
-  }
-  /**
-   * Creates a detail renderer function for MasterDetailPlugin.
-   * Renders React components for expandable detail rows.
-   */
-  createDetailRenderer(e) {
-    const t = Je(e);
-    if (t)
-      return (r, o) => {
-        const s = document.createElement("div");
-        s.className = "react-detail-panel";
-        const c = b(
-          s,
-          t({ row: r, rowIndex: o }),
-          void 0,
-          e
-        );
-        return this.trackPortal(c, s, !1), s;
-      };
-  }
-  /**
-   * Framework adapter hook called by MasterDetailPlugin during attach().
-   * Parses the <tbw-grid-detail> element and returns a React-based renderer.
-   */
-  parseDetailElement(e) {
-    const t = e.closest("tbw-grid");
-    if (t)
-      return this.createDetailRenderer(t);
-  }
-  /**
-   * Creates a responsive card renderer function for ResponsivePlugin.
-   * Renders React components for card layout in responsive mode.
-   */
-  createResponsiveCardRenderer(e) {
-    const t = Re(e);
-    if (t)
-      return (r, o) => {
-        const s = document.createElement("div");
-        s.className = "react-responsive-card";
-        const c = b(
-          s,
-          t({ row: r, index: o }),
-          void 0,
-          e
-        );
-        return this.trackPortal(c, s, !1), s;
-      };
-  }
-  /**
-   * FrameworkAdapter hook called by ResponsivePlugin during attach().
-   * Parses the `<tbw-grid-responsive-card>` element and delegates to
-   * {@link createResponsiveCardRenderer}. Needed for parity with the Vue
-   * and Angular adapters so ResponsivePlugin's standard lookup path works
-   * for React users as well, not just via the imperative
-   * `refreshResponsiveCardRenderer` hook in DataGrid.
-   */
-  parseResponsiveCardElement(e) {
-    const t = e.closest("tbw-grid");
-    if (t)
-      return this.createResponsiveCardRenderer(t);
-  }
-  /**
-   * Creates a tool panel renderer from a light DOM element.
-   * Renders React components into tool panel containers.
-   */
-  createToolPanelRenderer(e) {
-    const t = Ze(e);
-    if (!t)
-      return;
-    const r = e.closest("tbw-grid");
-    return (o) => {
-      const i = b(o, t({
-        grid: r ?? o
-      }), void 0, r ?? void 0);
-      return this.trackPortal(i, o, !1), () => {
-        A(i, { sync: !0 }), this.untrackPortal(i);
-      };
-    };
-  }
-  /**
-   * Gets type-level defaults from the type defaults map.
-   *
-   * This enables application-wide type defaults configured via GridTypeProvider.
-   * The returned TypeDefault contains renderer/editor functions that render
-   * React components into the grid's cells.
-   *
-   * @example
-   * ```tsx
-   * // App.tsx
-   * const typeDefaults = {
-   *   country: {
-   *     renderer: (ctx) => <CountryBadge code={ctx.value} />,
-   *     editor: (ctx) => <CountrySelect value={ctx.value} onCommit={ctx.commit} />
-   *   }
-   * };
-   *
-   * <GridTypeProvider defaults={typeDefaults}>
-   *   <App />
-   * </GridTypeProvider>
-   *
-   * // Any grid with type: 'country' columns will use these components
-   * ```
-   */
-  getTypeDefault(e, t) {
-    if (!this.typeDefaults)
-      return;
-    const r = this.typeDefaults[e];
-    if (!r)
-      return;
-    const o = {
-      editorParams: r.editorParams
-    };
-    return r.renderer && (o.renderer = this.createTypeRenderer(r.renderer, t)), r.editor && (o.editor = this.createTypeEditor(r.editor, t)), r.filterPanelRenderer && (o.filterPanelRenderer = this.createFilterPanelRenderer(r.filterPanelRenderer, t)), o;
-  }
-  /**
-   * Creates a renderer function from a React render function for type defaults.
-   * @internal
-   */
-  createTypeRenderer(e, t) {
-    return (r) => {
-      const o = document.createElement("span");
-      o.style.display = "contents";
-      const s = r.cellEl?.closest("tbw-grid") ?? t, i = b(o, e(r), void 0, s);
-      return this.trackPortal(i, o, !1), o;
-    };
-  }
-  /**
-   * Creates an editor function from a React render function for type defaults.
-   * @internal
-   */
-  createTypeEditor(e, t) {
-    return (r) => {
-      const o = document.createElement("span");
-      o.style.display = "contents";
-      const s = b(o, e(r), void 0, t);
-      return this.trackPortal(s, o, !0), o;
-    };
-  }
-  /**
-   * Creates a filter panel renderer that mounts React content into the filter panel container.
-   * @internal
-   */
-  createFilterPanelRenderer(e, t) {
-    return (r, o) => {
-      const s = document.createElement("div");
-      s.style.display = "contents";
-      const i = r.closest("tbw-grid") ?? t, c = b(s, e(o), void 0, i);
-      this.trackPortal(c, s, !1), r.appendChild(s);
-    };
-  }
-  // #region Portal tracking helpers
-  /** Register a portal key for lifecycle tracking. */
-  trackPortal(e, t, r) {
-    this.allPortalKeys.add(e), this.keyToContainer.set(e, t), this.containerToKey.set(t, e), r && this.editorPortalKeys.add(e);
-  }
-  /** Unregister a portal key from all tracking sets. */
-  untrackPortal(e) {
-    this.allPortalKeys.delete(e), this.editorPortalKeys.delete(e);
-    const t = this.keyToContainer.get(e);
-    this.keyToContainer.delete(e), t && this.containerToKey.delete(t);
-    const r = this.editorBeforeCloseUnsubs.get(e);
-    r && (r(), this.editorBeforeCloseUnsubs.delete(e));
-  }
-  // #endregion
-  /**
-   * Clean up all mounted portals.
-   * Call this when the grid is unmounted.
-   */
-  destroy() {
-    for (const e of this.allPortalKeys)
-      A(e);
-    this.allPortalKeys.clear(), this.editorPortalKeys.clear(), this.keyToContainer.clear();
-    for (const e of this.editorBeforeCloseUnsubs.values()) e();
-    this.editorBeforeCloseUnsubs.clear(), K.clear();
-  }
-  /**
-   * Called when a cell's content is about to be wiped.
-   *
-   * Destroys editor portals AND renderer portals whose container is inside
-   * the cell. Releasing renderers here is critical: the editing pipeline
-   * runs `cell.innerHTML = ''` immediately after this returns, which
-   * silently detaches React-managed renderer containers from the DOM.
-   * If we leave the React root mounted, its fiber tree still believes
-   * the now-orphaned children are present — a subsequent React commit
-   * (e.g. the user's `onCellCommit` → `setRows`) tries to `removeChild`
-   * those gone nodes and throws `NotFoundError` (issue #250).
-   *
-   * Calling this BEFORE the wipe lets React unmount cleanly while DOM
-   * still matches its fiber tree. The `wrapReactRenderer` cache will
-   * detect the missing entry on the next render and create a fresh
-   * container — see the cache-validation defense in `createRenderer`
-   * and `wrapReactRenderer` (`react-column-config.ts`).
-   *
-   * Also cleans up config-based editor and renderer roots
-   * (from processGridConfig/wrapReactEditor/wrapReactRenderer) that
-   * bypass the adapter's own portal tracking.
-   */
-  releaseCell(e) {
-    const t = e.querySelectorAll(".react-cell-renderer, .react-cell-editor");
-    for (const r of t) {
-      const o = this.containerToKey.get(r);
-      o && (A(o, { sync: !0 }), this.untrackPortal(o));
-    }
-    ze(e);
-  }
-  /**
-   * Unmount a specific container (called when cell is recycled).
-   */
-  unmount(e) {
-    const t = this.containerToKey.get(e);
-    t && (A(t), this.untrackPortal(t));
-  }
-}
-const nt = {
+  return /* @__PURE__ */ w(V, { children: P });
+}), Me = {
   undoRedo: ["editing"],
   clipboard: ["selection"]
 };
-function ot(n) {
-  const e = new Set(n);
-  for (const t of n) {
-    const r = nt[t];
-    if (r)
-      for (const o of r)
-        e.has(o) || console.warn(
-          `[DataGrid] Feature "${t}" requires "${o}" to be enabled. Add the "${o}" prop to your DataGrid.`
+function Ne(r) {
+  const t = new Set(r);
+  for (const i of r) {
+    const o = Me[i];
+    if (o)
+      for (const d of o)
+        t.has(d) || console.warn(
+          `[DataGrid] Feature "${i}" requires "${d}" to be enabled. Add the "${d}" prop to your DataGrid.`
         );
   }
 }
-function it(n) {
-  const e = [];
-  for (const [t, r] of Object.entries(n))
-    r === void 0 || r === !1 || e.push(t);
-  return ot(e), xe(n);
-}
-let me = !1, V = null;
-function te() {
-  return me || (V = new rt(), Ee.registerAdapter(V), me = !0), V;
-}
-te();
-function st(n) {
-  const t = n.getPluginByName?.("masterDetail");
-  t && typeof t.refreshDetailRenderer == "function" && t.refreshDetailRenderer();
-}
-function ct(n, e) {
-  const t = n;
-  if (!n.querySelector("tbw-grid-responsive-card") || !Re(n)) return;
-  const s = t.getPluginByName?.("responsive");
-  if (s && typeof s.setCardRenderer == "function") {
-    const i = e.createResponsiveCardRenderer(n);
-    i && s.setCardRenderer(i);
-  }
-}
-function at(n) {
-  const e = {};
-  return Te.forEach(n, (t) => {
-    if (Ge(t)) {
-      if (t.type && t.type.displayName === "GridDetailPanel") {
-        const r = t.props;
-        e.masterDetail = {
+function Oe(r) {
+  const t = [];
+  for (const [i, o] of Object.entries(r))
+    o === void 0 || o === !1 || t.push(i);
+  return Ne(t), be(r);
+}
+let ne = !1, _ = null;
+const oe = [
+  "selection",
+  "editing",
+  "filtering",
+  "multiSort",
+  "clipboard",
+  "contextMenu",
+  "reorderColumns",
+  "reorderRows",
+  "rowDragDrop",
+  "visibility",
+  "undoRedo",
+  "tree",
+  "groupingRows",
+  "groupingColumns",
+  "pinnedColumns",
+  "pinnedRows",
+  "masterDetail",
+  "responsive",
+  "columnVirtualization",
+  "export",
+  "print",
+  "pivot",
+  "serverSide",
+  "tooltip"
+];
+function q() {
+  return ne || (_ = new we(), fe.registerAdapter(_), ne = !0), _;
+}
+q();
+function ze(r) {
+  const i = r.getPluginByName?.("masterDetail");
+  i && typeof i.refreshDetailRenderer == "function" && i.refreshDetailRenderer();
+}
+function je(r, t) {
+  const i = r;
+  if (!r.querySelector("tbw-grid-responsive-card") || !ye(r)) return;
+  const g = i.getPluginByName?.("responsive");
+  if (g && typeof g.setCardRenderer == "function") {
+    const p = t.createResponsiveCardRenderer(r);
+    p && g.setCardRenderer(p);
+  }
+}
+function $e(r) {
+  const t = {};
+  return me.forEach(r, (i) => {
+    if (Ce(i)) {
+      if (i.type && i.type.displayName === "GridDetailPanel") {
+        const o = i.props;
+        t.masterDetail = {
           // Use props from the child component for configuration
-          showExpandColumn: r.showExpandColumn ?? !0,
-          animation: r.animation ?? "slide"
+          showExpandColumn: o.showExpandColumn ?? !0,
+          animation: o.animation ?? "slide"
           // detailRenderer will be wired up by refreshMasterDetailRenderer after mount
         };
       }
-      t.type && t.type.displayName === "GridResponsiveCard" && (e.responsive = !0);
+      i.type && i.type.displayName === "GridResponsiveCard" && (t.responsive = !0);
     }
-  }), e;
+  }), t;
 }
-const Rt = he(function(e, t) {
+const rr = se(function(t, i) {
   const {
     // Core props
-    rows: r,
-    gridConfig: o,
-    columns: s,
-    columnDefaults: i,
-    fitMode: c,
-    sortable: g,
-    filterable: l,
-    selectable: C,
-    loading: R,
-    customStyles: m,
-    className: w,
-    style: D,
-    children: x,
+    rows: o,
+    gridConfig: d,
+    columns: g,
+    columnDefaults: p,
+    fitMode: u,
+    sortable: R,
+    filterable: S,
+    selectable: P,
+    loading: h,
+    customStyles: l,
+    className: y,
+    style: G,
+    children: D,
     // Plugin props
-    plugins: u,
-    // SSR mode
-    ssr: h,
+    plugins: s,
+    // SSR mode (deprecated - see SSRProps)
+    ssr: m,
     // Legacy event handlers
-    onRowsChange: v,
+    onRowsChange: C,
     // Feature props and event props are in ...rest
-    ...p
-  } = e, f = k(null), q = k(null), oe = L(qe), j = L(Ie), ie = [
-    "selection",
-    "editing",
-    "filtering",
-    "multiSort",
-    "clipboard",
-    "contextMenu",
-    "reorderColumns",
-    "reorderRows",
-    "rowDragDrop",
-    "visibility",
-    "undoRedo",
-    "tree",
-    "groupingRows",
-    "groupingColumns",
-    "pinnedColumns",
-    "pinnedRows",
-    "masterDetail",
-    "responsive",
-    "columnVirtualization",
-    "export",
-    "print",
-    "pivot",
-    "serverSide",
-    "tooltip"
-  ], be = T(() => ie.map((a) => {
-    const d = p[a];
-    return d !== void 0 ? `${a}:${JSON.stringify(d)}` : "";
-  }).filter(Boolean).join("|"), [p]), se = T(() => {
-    const a = {};
-    for (const d of ie)
-      d in p && p[d] !== void 0 && (a[d] = p[d]);
-    return a;
-  }, [be]), ce = T(() => at(x), [x]), ae = T(() => ({ ...ce, ...se }), [se, ce]), z = T(() => u || h ? [] : it(ae), [ae, u, h]), F = T(() => {
-    if (u) {
-      const a = new Set(u.map((y) => y.name)), d = z.filter((y) => !a.has(y.name));
-      return [...u, ...d];
+    ...a
+  } = t, c = b(null), M = b(null), K = b(!1), U = F(ke), O = F(Le), ue = E(() => oe.map((e) => {
+    const n = a[e];
+    return n !== void 0 ? `${e}:${JSON.stringify(n)}` : "";
+  }).filter(Boolean).join("|"), [a]), Y = E(() => {
+    const e = {};
+    for (const n of oe)
+      n in a && a[n] !== void 0 && (e[n] = a[n]);
+    return e;
+  }, [ue]), J = E(() => $e(D), [D]), W = E(() => ({ ...J, ...Y }), [Y, J]), z = E(() => s || m ? [] : Oe(W), [W, s, m]), L = E(() => {
+    if (s) {
+      const e = new Set(s.map((f) => f.name)), n = z.filter((f) => !e.has(f.name));
+      return [...s, ...n];
     }
     return z;
-  }, [u, z]), N = T(() => {
-    if (!s) return s;
-    const a = Fe(s);
-    return i ? a.map((d) => ({
-      ...i,
-      ...d
-      // Individual column props override defaults
-    })) : a;
-  }, [s, i]), I = T(() => {
-    const a = we(o), d = {};
-    if (g !== void 0 && (d.sortable = g), l !== void 0 && (d.filterable = l), C !== void 0 && (d.selectable = C), j) {
-      const y = a?.icons || o?.icons || {};
-      d.icons = { ...j, ...y };
+  }, [s, z]), A = E(() => g && De(Ee(g), p), [g, p]), k = E(() => {
+    const e = ve(d), n = {};
+    if (R !== void 0 && (n.sortable = R), S !== void 0 && (n.filterable = S), P !== void 0 && (n.selectable = P), O) {
+      const f = e?.icons || d?.icons || {};
+      n.icons = { ...O, ...f };
     }
-    if (F.length > 0 && a) {
-      const y = a.plugins || [], H = new Set(y.map((B) => B.name)), U = F.filter((B) => !H.has(B.name));
+    if (L.length > 0 && e) {
+      const f = e.plugins || [], I = new Set(f.map((T) => T.name)), $ = L.filter((T) => !I.has(T.name));
       return {
-        ...a,
-        ...d,
-        plugins: [...y, ...U]
+        ...e,
+        ...n,
+        plugins: [...f, ...$]
       };
     }
-    return F.length > 0 && !a ? { ...d, plugins: F } : Object.keys(d).length > 0 ? { ...a, ...d } : a;
-  }, [o, F, g, l, C, j]);
-  P(() => {
-    te().setTypeDefaults(oe);
-  }, [oe]), P(() => {
-    f.current && (f.current.rows = r);
-  }, [r]), P(() => {
-    f.current && I && (f.current.gridConfig = I);
-  }, [I]), P(() => {
-    f.current && N && (f.current.columns = N);
-  }, [N]), P(() => {
-    f.current && c !== void 0 && (f.current.fitMode = c);
-  }, [c]), P(() => {
-    f.current && R !== void 0 && (f.current.loading = R);
-  }, [R]), P(() => {
-    const a = f.current;
-    if (!a) return;
-    const d = te();
-    a.__frameworkAdapter = d, st(a), ct(a, d);
-    let y = !1;
-    const H = requestAnimationFrame(() => {
-      y || (typeof a.refreshColumns == "function" && a.refreshColumns(), typeof a.refreshShellHeader == "function" && a.refreshShellHeader());
+    return L.length > 0 && !e ? { ...n, plugins: L } : Object.keys(n).length > 0 ? { ...e, ...n } : e;
+  }, [d, L, R, S, P, O]);
+  v(() => {
+    q().setTypeDefaults(U);
+  }, [U]), v(() => {
+    c.current && (c.current.rows = o);
+  }, [o]), v(() => {
+    c.current && k && (c.current.gridConfig = k);
+  }, [k]), v(() => {
+    c.current && A && (c.current.columns = A);
+  }, [A]), v(() => {
+    c.current && u !== void 0 && (c.current.fitMode = u);
+  }, [u]), v(() => {
+    c.current && h !== void 0 && (c.current.loading = h);
+  }, [h]), v(() => {
+    const e = c.current;
+    if (!e) return;
+    const n = q();
+    e.__frameworkAdapter = n, ze(e), je(e, n);
+    let f = !1;
+    const I = requestAnimationFrame(() => {
+      f || (typeof e.refreshColumns == "function" && e.refreshColumns(), typeof e.refreshShellHeader == "function" && e.refreshShellHeader());
     });
     return () => {
-      y = !0, cancelAnimationFrame(H);
+      f = !0, cancelAnimationFrame(I);
     };
-  }, []), P(() => {
-    if (!f.current || !m) return;
-    const a = f.current, d = "react-custom-styles";
-    let y = !0;
-    return a.ready?.().then(() => {
-      y && m && (a.registerStyles?.(d, m), q.current = d);
+  }, []), v(() => {
+    if (!c.current || !l) return;
+    const e = c.current, n = "react-custom-styles";
+    let f = !0;
+    return e.ready?.().then(() => {
+      f && l && (e.registerStyles?.(n, l), M.current = n);
     }), () => {
-      y = !1, q.current && (a.unregisterStyles?.(q.current), q.current = null);
+      f = !1, M.current && (e.unregisterStyles?.(M.current), M.current = null);
     };
-  }, [m]), P(() => {
-    const a = f.current;
-    if (!a) return;
-    const d = [];
-    return v && d.push(a.on("rows-change", (y) => v(y.rows))), () => {
-      d.forEach((y) => y());
+  }, [l]), v(() => {
+    const e = c.current;
+    if (!e) return;
+    const n = [];
+    return C && n.push(e.on("rows-change", (f) => C(f.rows))), () => {
+      n.forEach((f) => f());
     };
-  }, [v]);
-  const le = T(() => Object.keys(_).filter((a) => typeof p[a] == "function").sort().join("|"), [p]), de = k({});
-  for (const a of Object.keys(_))
-    de.current[a] = p[a];
-  P(() => {
-    const a = f.current;
-    if (!a) return;
-    const d = [];
-    for (const [y, H] of Object.entries(_))
-      le.includes(y) && d.push(
-        a.on(H, (U, B) => {
-          de.current[y]?.(U, B);
+  }, [C]);
+  const Z = E(() => Object.keys(B).filter((e) => typeof a[e] == "function").sort().join("|"), [a]), Q = b({});
+  for (const e of Object.keys(B))
+    Q.current[e] = a[e];
+  v(() => {
+    const e = c.current;
+    if (!e) return;
+    const n = [];
+    for (const [f, I] of Object.entries(B))
+      Z.includes(f) && n.push(
+        e.on(I, ($, T) => {
+          Q.current[f]?.($, T);
         })
       );
     return () => {
-      d.forEach((y) => y());
+      n.forEach((f) => f());
     };
-  }, [le]), ve(
-    t,
+  }, [Z]), ce(
+    i,
     () => ({
       get element() {
-        return f.current;
+        return c.current;
       },
       async getConfig() {
-        return f.current?.getConfig?.() ?? {};
+        return c.current?.getConfig?.() ?? {};
       },
       async ready() {
-        return f.current?.ready?.();
+        return c.current?.ready?.();
       },
       async forceLayout() {
-        return f.current?.forceLayout?.();
+        return c.current?.forceLayout?.();
       },
-      async toggleGroup(a) {
-        return f.current?.toggleGroup?.(a);
+      async toggleGroup(e) {
+        return c.current?.toggleGroup?.(e);
       },
-      registerStyles(a, d) {
-        f.current?.registerStyles?.(a, d);
+      registerStyles(e, n) {
+        c.current?.registerStyles?.(e, n);
       },
-      unregisterStyles(a) {
-        f.current?.unregisterStyles?.(a);
+      unregisterStyles(e) {
+        c.current?.unregisterStyles?.(e);
       },
-      setRowLoading(a, d) {
-        f.current?.setRowLoading?.(a, d);
+      setRowLoading(e, n) {
+        c.current?.setRowLoading?.(e, n);
       },
-      setCellLoading(a, d, y) {
-        f.current?.setCellLoading?.(a, d, y);
+      setCellLoading(e, n, f) {
+        c.current?.setCellLoading?.(e, n, f);
       },
-      isRowLoading(a) {
-        return f.current?.isRowLoading?.(a) ?? !1;
+      isRowLoading(e) {
+        return c.current?.isRowLoading?.(e) ?? !1;
       },
-      isCellLoading(a, d) {
-        return f.current?.isCellLoading?.(a, d) ?? !1;
+      isCellLoading(e, n) {
+        return c.current?.isCellLoading?.(e, n) ?? !1;
       },
       clearAllLoading() {
-        f.current?.clearAllLoading?.();
+        c.current?.clearAllLoading?.();
       }
     }),
     []
   );
-  const $ = k(null);
-  return De(() => {
-    const a = f.current;
-    return a && $.current && fe(a, $.current), () => {
-      a && fe(a, null);
+  const j = b(null);
+  return pe(() => {
+    const e = c.current;
+    return e && j.current && ee(e, j.current), () => {
+      e && ee(e, null);
     };
-  }, []), /* @__PURE__ */ Pe(re, { children: [
-    /* @__PURE__ */ E(je, { ref: $ }),
-    /* @__PURE__ */ E(
+  }, []), /* @__PURE__ */ le(V, { children: [
+    /* @__PURE__ */ w(Te, { ref: j }),
+    /* @__PURE__ */ w(
       "tbw-grid",
       {
-        ref: (a) => {
-          if (f.current = a, a) {
-            const d = a;
-            I && (d.gridConfig = I), r && (d.rows = r), N && (d.columns = N);
+        ref: (e) => {
+          if (c.current = e, e && !K.current) {
+            K.current = !0;
+            const n = e;
+            k && (n.gridConfig = k), o && (n.rows = o), A && (n.columns = A);
           }
         },
-        class: w,
-        style: D,
-        children: /* @__PURE__ */ E(Ce.Provider, { value: f, children: x })
+        class: y,
+        style: G,
+        children: /* @__PURE__ */ w(ae.Provider, { value: c, children: D })
       }
     )
   ] });
 });
-function wt(n) {
+function tr(r) {
   const {
-    field: e,
-    header: t,
-    type: r,
-    editable: o,
-    sortable: s,
-    resizable: i,
-    width: c,
-    minWidth: g,
-    hidden: l,
-    lockVisible: C,
-    children: R,
-    editor: m,
-    options: w,
-    multi: D,
-    format: x
-  } = n, u = k(null), h = S(
-    (f) => {
-      u.current = f, f && (R && Qe(f, R), m && Xe(f, m));
+    field: t,
+    header: i,
+    type: o,
+    editable: d,
+    sortable: g,
+    resizable: p,
+    width: u,
+    minWidth: R,
+    hidden: S,
+    lockVisible: P,
+    children: h,
+    editor: l,
+    options: y,
+    multi: G,
+    format: D
+  } = r, s = b(null), m = x(
+    (c) => {
+      s.current = c, c && (h && Re(c, h), l && Pe(c, l));
     },
-    [R, m, e]
-  ), v = typeof c == "number" ? `${c}px` : c, p = {
-    field: e,
-    ref: h
+    [h, l, t]
+  ), C = typeof u == "number" ? `${u}px` : u, a = {
+    field: t,
+    ref: m
   };
-  return t !== void 0 && (p.header = t), r !== void 0 && (p.type = r), o !== void 0 && (p.editable = o), s !== void 0 && (p.sortable = s), i !== void 0 && (p.resizable = i), v !== void 0 && (p.width = v), g !== void 0 && (p["min-width"] = g), l !== void 0 && (p.hidden = l), C !== void 0 && (p["lock-visible"] = C), D !== void 0 && (p.multi = D), x && (p["data-has-format"] = "true"), w && (p["data-has-options"] = "true"), /* @__PURE__ */ E("tbw-grid-column", { ...p });
+  return i !== void 0 && (a.header = i), o !== void 0 && (a.type = o), d !== void 0 && (a.editable = d), g !== void 0 && (a.sortable = g), p !== void 0 && (a.resizable = p), C !== void 0 && (a.width = C), R !== void 0 && (a["min-width"] = R), S !== void 0 && (a.hidden = S), P !== void 0 && (a["lock-visible"] = P), G !== void 0 && (a.multi = G), D && (a["data-has-format"] = "true"), y && (a["data-has-options"] = "true"), /* @__PURE__ */ w("tbw-grid-column", { ...a });
 }
-function bt({ children: n }) {
-  return /* @__PURE__ */ E("tbw-grid-tool-buttons", { children: n });
+function nr({ children: r }) {
+  return /* @__PURE__ */ w("tbw-grid-tool-buttons", { children: r });
 }
-const Pt = ({ icons: n, defaults: e, children: t }) => {
-  let r = t;
-  return e && (r = /* @__PURE__ */ E(Be, { defaults: e, children: r })), n && (r = /* @__PURE__ */ E(Ne, { icons: n, children: r })), /* @__PURE__ */ E(re, { children: r });
+const or = ({ icons: r, defaults: t, children: i }) => {
+  let o = i;
+  return t && (o = /* @__PURE__ */ w(Ae, { defaults: t, children: o })), r && (o = /* @__PURE__ */ w(Fe, { icons: r, children: o })), /* @__PURE__ */ w(V, { children: o });
 };
-function Et(n) {
-  const e = k(null), [t, r] = ue(!1), [o, s] = ue(null), i = k(null), c = S(() => n ? (i.current ??= document.querySelector(n), i.current) : e.current?.element ?? null, [n]);
-  P(() => {
-    let u = !0;
+function ir(r) {
+  const t = b(null), [i, o] = X(!1), [d, g] = X(null), p = b(null), u = x(() => r ? (p.current ??= document.querySelector(r), p.current) : t.current?.element ?? null, [r]);
+  v(() => {
+    let s = !0;
     return (async () => {
       try {
-        if (n) {
-          const v = document.querySelector(n);
-          if (!v) return;
-          if (i.current = v, await v.ready?.(), u) {
-            r(!0);
-            const p = await v.getConfig?.();
-            u && p && s(p);
+        if (r) {
+          const C = document.querySelector(r);
+          if (!C) return;
+          if (p.current = C, await C.ready?.(), s) {
+            o(!0);
+            const a = await C.getConfig?.();
+            s && a && g(a);
           }
         } else {
-          const v = e.current;
-          if (!v) return;
-          if (await v.ready?.(), u) {
-            r(!0);
-            const p = await v.getConfig?.();
-            u && p && s(p);
+          const C = t.current;
+          if (!C) return;
+          if (await C.ready?.(), s) {
+            o(!0);
+            const a = await C.getConfig?.();
+            s && a && g(a);
           }
         }
       } catch {
       }
     })(), () => {
-      u = !1;
+      s = !1;
     };
-  }, [n]);
-  const g = S(async () => {
-    const u = c();
-    if (u)
-      return await u.getConfig?.() ?? null;
-    const h = e.current;
-    return h ? await h.getConfig?.() ?? null : null;
-  }, [c]), l = S(async () => {
-    const u = c();
-    if (u) {
-      await u.forceLayout?.();
+  }, [r]);
+  const R = x(async () => {
+    const s = u();
+    if (s)
+      return await s.getConfig?.() ?? null;
+    const m = t.current;
+    return m ? await m.getConfig?.() ?? null : null;
+  }, [u]), S = x(async () => {
+    const s = u();
+    if (s) {
+      await s.forceLayout?.();
       return;
     }
-    const h = e.current;
-    h && await h.forceLayout?.();
-  }, [c]), C = S(
-    async (u) => {
-      const h = c();
-      if (h) {
-        await h.toggleGroup?.(u);
+    const m = t.current;
+    m && await m.forceLayout?.();
+  }, [u]), P = x(
+    async (s) => {
+      const m = u();
+      if (m) {
+        await m.toggleGroup?.(s);
         return;
       }
-      const v = e.current;
-      v && await v.toggleGroup?.(u);
+      const C = t.current;
+      C && await C.toggleGroup?.(s);
     },
-    [c]
-  ), R = S(
-    (u) => c()?.getPlugin?.(u),
-    [c]
-  ), m = S(
-    ((u) => c()?.getPluginByName?.(u)),
-    [c]
-  ), w = S(
-    (u, h) => {
-      const v = c();
-      if (v) {
-        v.registerStyles?.(u, h);
+    [u]
+  ), h = x(
+    (s) => u()?.getPlugin?.(s),
+    [u]
+  ), l = x(
+    ((s) => u()?.getPluginByName?.(s)),
+    [u]
+  ), y = x(
+    (s, m) => {
+      const C = u();
+      if (C) {
+        C.registerStyles?.(s, m);
         return;
       }
-      e.current?.registerStyles?.(u, h);
+      t.current?.registerStyles?.(s, m);
     },
-    [c]
-  ), D = S(
-    (u) => {
-      const h = c();
-      if (h) {
-        h.unregisterStyles?.(u);
+    [u]
+  ), G = x(
+    (s) => {
+      const m = u();
+      if (m) {
+        m.unregisterStyles?.(s);
         return;
       }
-      e.current?.unregisterStyles?.(u);
+      t.current?.unregisterStyles?.(s);
     },
-    [c]
-  ), x = S(() => o?.columns ? o.columns.filter((u) => !u.hidden) : [], [o]);
+    [u]
+  ), D = x(() => d?.columns ? d.columns.filter((s) => !s.hidden) : [], [d]);
   return {
-    ref: e,
-    element: c(),
-    isReady: t,
-    config: o,
-    getConfig: g,
-    forceLayout: l,
-    toggleGroup: C,
-    getPlugin: R,
-    getPluginByName: m,
-    registerStyles: w,
-    unregisterStyles: D,
-    getVisibleColumns: x
+    ref: t,
+    element: u(),
+    isReady: i,
+    config: d,
+    getConfig: R,
+    forceLayout: S,
+    toggleGroup: P,
+    getPlugin: h,
+    getPluginByName: l,
+    registerStyles: y,
+    unregisterStyles: G,
+    getVisibleColumns: D
   };
 }
-function St(n, e = {}) {
-  const { open: t = !0, gridElement: r } = e, o = L(Ce);
-  P(() => {
-    if (!t) return;
-    const s = n.current;
-    if (!s) return;
-    const i = r ?? s.closest("tbw-grid") ?? o?.current ?? null;
-    if (i)
-      return i.registerExternalFocusContainer?.(s), () => {
-        i.unregisterExternalFocusContainer?.(s);
+function sr(r, t = {}) {
+  const { open: i = !0, gridElement: o } = t, d = F(ae);
+  v(() => {
+    if (!i) return;
+    const g = r.current;
+    if (!g) return;
+    const p = o ?? g.closest("tbw-grid") ?? d?.current ?? null;
+    if (p)
+      return p.registerExternalFocusContainer?.(g), () => {
+        p.unregisterExternalFocusContainer?.(g);
       };
-  }, [t, r, o, n]);
+  }, [i, o, d, r]);
 }
 export {
-  Rt as DataGrid,
-  rt as GridAdapter,
-  wt as GridColumn,
-  Ye as GridDetailPanel,
-  Ne as GridIconProvider,
-  Pt as GridProvider,
-  He as GridResponsiveCard,
-  bt as GridToolButtons,
-  Ct as GridToolPanel,
-  Be as GridTypeProvider,
-  Et as useGrid,
-  yt as useGridIcons,
-  St as useGridOverlay,
-  ht as useGridTypeDefaults,
-  vt as useTypeDefault
+  rr as DataGrid,
+  we as GridAdapter,
+  tr as GridColumn,
+  gr as GridDetailPanel,
+  Fe as GridIconProvider,
+  or as GridProvider,
+  ur as GridResponsiveCard,
+  nr as GridToolButtons,
+  fr as GridToolPanel,
+  Ae as GridTypeProvider,
+  De as applyColumnDefaults,
+  Ze as hasColumnShorthands,
+  Ee as normalizeColumns,
+  xe as parseColumnShorthand,
+  ir as useGrid,
+  Qe as useGridIcons,
+  sr as useGridOverlay,
+  Xe as useGridTypeDefaults,
+  er as useTypeDefault
 };