@geovi/the-datagrid 0.1.1 → 0.1.2

package/dist/toolbar.js

@@ -1,55 +1,55 @@
 "use client";
 import "./toolbar.css";
-import * as ye from "react";
-import Ke from "./index.js";
-const We = ye, m = We.default ?? ye, Ee = m.Children, ze = m.Component, U = m.Fragment, Ye = m.PureComponent, Se = m.cloneElement, Z = m.createContext, r = m.createElement, qe = m.createRef, Je = m.forwardRef, B = m.isValidElement, Qe = m.lazy, Ze = m.memo, L = m.useCallback, xe = m.useContext, et = m.useDebugValue, tt = m.useDeferredValue, A = m.useEffect, J = m.useId, ve = m.useImperativeHandle, ot = m.useInsertionEffect, _e = m.useLayoutEffect, O = m.useMemo, nt = m.useReducer, N = m.useRef, C = m.useState, rt = m.use, at = m.version, lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import * as xe from "react";
+import ve from "./index.js";
+const et = xe, u = et.default ?? xe, _e = u.Children, tt = u.Component, P = u.Fragment, ot = u.PureComponent, Te = u.cloneElement, Z = u.createContext, r = u.createElement, nt = u.createRef, rt = u.forwardRef, k = u.isValidElement, lt = u.lazy, at = u.memo, q = u.useCallback, Re = u.useContext, st = u.useDebugValue, it = u.useDeferredValue, A = u.useEffect, J = u.useId, Oe = u.useImperativeHandle, ct = u.useInsertionEffect, Ce = u.useLayoutEffect, T = u.useMemo, ut = u.useReducer, dt = u.useRef, C = u.useState, ft = u.use, pt = u.version, gt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Children: Ee,
-  Component: ze,
-  Fragment: U,
-  PureComponent: Ye,
-  cloneElement: Se,
+  Children: _e,
+  Component: tt,
+  Fragment: P,
+  PureComponent: ot,
+  cloneElement: Te,
   createContext: Z,
   createElement: r,
-  createRef: qe,
-  default: m,
-  forwardRef: Je,
-  isValidElement: B,
-  lazy: Qe,
-  memo: Ze,
-  use: rt,
-  useCallback: L,
-  useContext: xe,
-  useDebugValue: et,
-  useDeferredValue: tt,
+  createRef: nt,
+  default: u,
+  forwardRef: rt,
+  isValidElement: k,
+  lazy: lt,
+  memo: at,
+  use: ft,
+  useCallback: q,
+  useContext: Re,
+  useDebugValue: st,
+  useDeferredValue: it,
   useEffect: A,
   useId: J,
-  useImperativeHandle: ve,
-  useInsertionEffect: ot,
-  useLayoutEffect: _e,
-  useMemo: O,
-  useReducer: nt,
-  useRef: N,
+  useImperativeHandle: Oe,
+  useInsertionEffect: ct,
+  useLayoutEffect: Ce,
+  useMemo: T,
+  useReducer: ut,
+  useRef: dt,
   useState: C,
-  version: at
+  version: pt
 }, Symbol.toStringTag, { value: "Module" }));
-function st(e) {
+function mt(e) {
   const [t, n] = C(!1);
   return A(() => {
-    const a = window.matchMedia(e), o = () => n(a.matches);
-    return o(), a.addEventListener("change", o), () => a.removeEventListener("change", o);
+    const l = window.matchMedia(e), o = () => n(l.matches);
+    return o(), l.addEventListener("change", o), () => l.removeEventListener("change", o);
   }, [e]), t;
 }
-let ce = 0;
-function it(e) {
-  const [t] = C(() => (ce += 1, `${e}-${ce}`));
+let fe = 0;
+function ht(e) {
+  const [t] = C(() => (fe += 1, `${e}-${fe}`));
   return t;
 }
-const ct = typeof J == "function" ? (e) => `${e}-${J()}` : it;
-function F(e = "tdg") {
-  return ct(e);
+const bt = typeof J == "function" ? (e) => `${e}-${J()}` : ht;
+function K(e = "tdg") {
+  return bt(e);
 }
-function D(e) {
+function w(e) {
   const { children: t, ...n } = e;
   return /* @__PURE__ */ r(
     "svg",
@@ -67,29 +67,26 @@ function D(e) {
     t
   );
 }
-function ue(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "M12 3v12" }), /* @__PURE__ */ r("path", { d: "m7 10 5 5 5-5" }), /* @__PURE__ */ r("path", { d: "M4 21h16" }));
-}
-function ut(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }));
+function pe(e) {
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("path", { d: "M12 3v12" }), /* @__PURE__ */ r("path", { d: "m7 10 5 5 5-5" }), /* @__PURE__ */ r("path", { d: "M4 21h16" }));
 }
-function dt(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }), /* @__PURE__ */ r("path", { d: "m16 16 5 5" }), /* @__PURE__ */ r("path", { d: "m21 16-5 5" }));
+function Et(e) {
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }));
 }
-function ft(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "M3 12a9 9 0 1 0 3-6.7" }), /* @__PURE__ */ r("path", { d: "M3 4v5h5" }));
+function St(e) {
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("path", { d: "M3 4h18l-7 8v8l-4-2v-6z" }), /* @__PURE__ */ r("path", { d: "m16 16 5 5" }), /* @__PURE__ */ r("path", { d: "m21 16-5 5" }));
 }
-function pt(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "M4 7h10" }), /* @__PURE__ */ r("path", { d: "M18 7h2" }), /* @__PURE__ */ r("path", { d: "M14 5v4" }), /* @__PURE__ */ r("path", { d: "M4 17h2" }), /* @__PURE__ */ r("path", { d: "M10 17h10" }), /* @__PURE__ */ r("path", { d: "M10 15v4" }));
+function yt(e) {
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("path", { d: "M3 12a9 9 0 1 0 3-6.7" }), /* @__PURE__ */ r("path", { d: "M3 4v5h5" }));
 }
-function gt(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }), /* @__PURE__ */ r("path", { d: "M9 5v14" }), /* @__PURE__ */ r("path", { d: "M15 5v14" }));
+function xt(e) {
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("path", { d: "M4 7h10" }), /* @__PURE__ */ r("path", { d: "M18 7h2" }), /* @__PURE__ */ r("path", { d: "M14 5v4" }), /* @__PURE__ */ r("path", { d: "M4 17h2" }), /* @__PURE__ */ r("path", { d: "M10 17h10" }), /* @__PURE__ */ r("path", { d: "M10 15v4" }));
 }
-function mt(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "m5 12 4 4L19 6" }));
+function vt(e) {
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1" }), /* @__PURE__ */ r("path", { d: "M9 5v14" }), /* @__PURE__ */ r("path", { d: "M15 5v14" }));
 }
 function we(e) {
-  return /* @__PURE__ */ r(D, { ...e }, /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" }));
+  return /* @__PURE__ */ r(w, { ...e }, /* @__PURE__ */ r("path", { d: "m6 9 6 6 6-6" }));
 }
 const R = "default";
 Z({
@@ -97,108 +94,108 @@ Z({
   themeBase: R,
   portalContainer: null
 });
-function Te(e) {
+function Le(e) {
   const t = String(e ?? R).trim();
   return t.length > 0 ? t : R;
 }
-function bt(e) {
-  return Te(e).toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || R;
+function _t(e) {
+  return Le(e).toLowerCase().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || R;
 }
-function ht(e) {
-  const t = bt(e);
+function Tt(e) {
+  const t = _t(e);
   return t === R ? R : t === "dark" || t.endsWith("-dark") || t.endsWith("_dark") ? "dark" : t === "light" || t.endsWith("-light") || t.endsWith("_light") ? "light" : R;
 }
-function V(e) {
+function D(e) {
   return String(e.id ?? e.name ?? "");
 }
-function Oe(e, t) {
+function Me(e, t) {
   const n = /* @__PURE__ */ new Map();
   for (const o of e) {
-    const s = V(o);
-    s && !n.has(s) && n.set(s, o);
+    const a = D(o);
+    a && !n.has(a) && n.set(a, o);
   }
-  const a = [];
+  const l = [];
   for (const o of t) {
-    const s = n.get(o);
-    s && (a.push(s), n.delete(o));
+    const a = n.get(o);
+    a && (l.push(a), n.delete(o));
   }
-  return a.push(...n.values()), a;
+  return l.push(...n.values()), l;
 }
-const yt = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", Re = "yyyy-mm-dd hh:mm";
-class Et extends Error {
+const Rt = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", Fe = "yyyy-mm-dd hh:mm";
+class Ot extends Error {
   constructor(t) {
     super(
       'XLSX export needs the optional "xlsx" peer dependency. Install it with `npm install xlsx`, or drop "xlsx" from the toolbar\'s exportFormats.'
     ), this.name = "MissingXlsxDependencyError", this.cause = t;
   }
 }
-class St extends Error {
+class Ct extends Error {
   constructor(t, n) {
     super(
       `Writing the XLSX workbook failed. If exportDateFormat is set it must be an Excel number format code the writer accepts - dot separators are rejected, so prefer "yyyy-mm-dd hh:mm" or "dd/mm/yyyy hh:mm" over "dd.mm.yyyy hh:mm". Received ${JSON.stringify(t)}. Format the value with column.exportValue instead when you need exact text.`
     ), this.name = "XlsxWriteError", this.cause = n;
   }
 }
-function xt(e) {
+function wt(e) {
   const t = e.replace(/[[\]:*?/\\]/g, " ").trim();
   return t ? t.slice(0, 31) : "Export";
 }
-async function vt() {
+async function Lt() {
   try {
     return await import("xlsx");
   } catch (e) {
-    throw new Et(e);
+    throw new Ot(e);
   }
 }
-async function _t(e, t = {}) {
-  const { dateFormat: n = Re, sheetName: a = "Export" } = t, o = await vt(), s = {
+async function Mt(e, t = {}) {
+  const { dateFormat: n = Fe, sheetName: l = "Export" } = t, o = await Lt(), a = {
     cellDates: !0,
     dateNF: n
   };
   try {
-    const c = o.utils.aoa_to_sheet(
+    const s = o.utils.aoa_to_sheet(
       [e.headers, ...e.rows],
-      s
-    ), d = o.utils.book_new();
-    return o.utils.book_append_sheet(d, c, xt(a)), o.write(d, {
+      a
+    ), i = o.utils.book_new();
+    return o.utils.book_append_sheet(i, s, wt(l)), o.write(i, {
       bookType: "xlsx",
       type: "array",
-      ...s
+      ...a
     });
-  } catch (c) {
-    throw new St(n, c);
+  } catch (s) {
+    throw new Ct(n, s);
   }
 }
-const wt = "grid-export", Tt = "view", Ot = `\r
-`, Rt = "\uFEFF";
+const Ft = "grid-export", Dt = "view", At = `\r
+`, It = "\uFEFF";
 function Q(e) {
   return String(e.id ?? e.name ?? "");
 }
 function ee(e) {
   return String(e.name ?? e.id ?? "");
 }
-function Ct(e) {
+function Nt(e) {
   return typeof e.header == "string" && e.header.trim() ? e.header : typeof e.header == "number" ? String(e.header) : Q(e);
 }
-function Ce(e) {
-  const { columns: t, columnOrder: n, columnVisibilityMap: a } = e, o = /* @__PURE__ */ new Map();
-  for (const c of t) {
-    const d = Q(c);
-    d && !o.has(d) && o.set(d, c);
+function De(e) {
+  const { columns: t, columnOrder: n, columnVisibilityMap: l } = e, o = /* @__PURE__ */ new Map();
+  for (const s of t) {
+    const i = Q(s);
+    i && !o.has(i) && o.set(i, s);
   }
-  const s = [];
-  for (const c of n) {
-    const d = o.get(c);
-    d && (s.push(d), o.delete(c));
+  const a = [];
+  for (const s of n) {
+    const i = o.get(s);
+    i && (a.push(i), o.delete(s));
   }
-  return s.push(...o.values()), s.filter((c) => c.exportable === !1 || !ee(c) ? !1 : c.exportWhenHidden ? !0 : a[Q(c)] !== !1);
+  return a.push(...o.values()), a.filter((s) => s.exportable === !1 || !ee(s) ? !1 : s.exportWhenHidden ? !0 : l[Q(s)] !== !1);
 }
-function Dt(e, t) {
+function Vt(e, t) {
   if (!(typeof e != "object" || e == null))
     return e[t];
 }
-function Lt(e, t) {
-  const n = Dt(t, ee(e));
+function Gt(e, t) {
+  const n = Vt(t, ee(e));
   if (typeof e.exportValue != "function") return n;
   try {
     return e.exportValue({ value: n, data: t, column: e });
@@ -206,223 +203,239 @@ function Lt(e, t) {
     return n;
   }
 }
-function At(e, t) {
+function Pt(e, t) {
   return {
-    headers: e.map(Ct),
+    headers: e.map(Nt),
     fields: e.map(ee),
     rows: t.map(
-      (n) => e.map((a) => Lt(a, n))
+      (n) => e.map((l) => Gt(l, n))
     )
   };
 }
-function Ft(e) {
+function kt(e) {
   return e == null ? "" : e instanceof Date ? Number.isNaN(e.getTime()) ? "" : e.toISOString() : typeof e == "object" ? JSON.stringify(e) ?? "" : String(e);
 }
-function de(e) {
-  const t = Ft(e);
+function ge(e) {
+  const t = kt(e);
   return /["\n\r,]/.test(t) ? `"${t.replace(/"/g, '""')}"` : t;
 }
-function It(e) {
+function jt(e) {
   const t = [
-    e.headers.map(de).join(","),
-    ...e.rows.map((n) => n.map(de).join(","))
+    e.headers.map(ge).join(","),
+    ...e.rows.map((n) => n.map(ge).join(","))
   ];
-  return `${Rt}${t.join(Ot)}`;
+  return `${It}${t.join(At)}`;
 }
-function Mt(e) {
+function Ut(e) {
   const t = e.rows.map(
     (n) => Object.fromEntries(
-      n.map((a, o) => [
+      n.map((l, o) => [
         e.fields[o],
-        a === void 0 ? null : a
+        l === void 0 ? null : l
       ])
     )
   );
   return JSON.stringify(t, null, 2);
 }
-const H = {
+const j = {
   csv: {
     label: "CSV",
     extension: "csv",
     mimeType: "text/csv;charset=utf-8",
-    createContent: (e) => It(e)
+    createContent: (e) => jt(e)
   },
   json: {
     label: "JSON",
     extension: "json",
     mimeType: "application/json;charset=utf-8",
-    createContent: (e) => Mt(e)
+    createContent: (e) => Ut(e)
   },
   xlsx: {
     label: "Excel",
     extension: "xlsx",
-    mimeType: yt,
-    createContent: (e, t) => _t(e, t)
+    mimeType: Rt,
+    createContent: (e, t) => Mt(e, t)
   }
-}, kt = ["csv", "json"];
-function Nt(e, t, n) {
+}, Bt = ["csv", "json"];
+function Ht(e, t, n) {
   if (typeof document > "u" || typeof URL > "u") return 0;
-  const a = new Blob([t], { type: n }), o = URL.createObjectURL(a), s = document.createElement("a");
-  return s.href = o, s.download = e, s.rel = "noopener", document.body.append(s), s.click(), s.remove(), URL.revokeObjectURL(o), a.size;
+  const l = new Blob([t], { type: n }), o = URL.createObjectURL(l), a = document.createElement("a");
+  return a.href = o, a.download = e, a.rel = "noopener", document.body.append(a), a.click(), a.remove(), URL.revokeObjectURL(o), l.size;
 }
-function De(...e) {
+function Ae(...e) {
   const t = {};
   for (const n of e)
     n && (t.scope ??= n.scope, t.fileName ??= n.fileName, t.dateFormat ??= n.dateFormat, t.sheetName ??= n.sheetName);
   return t;
 }
-async function Le(e, t, n = {}) {
-  const a = H[t];
-  if (!a) return null;
-  const o = Ce(e);
+async function Ie(e, t, n = {}) {
+  const l = j[t];
+  if (!l) return null;
+  const o = De(e);
   if (o.length === 0) return null;
-  const s = n.scope ?? Tt, c = s === "all" ? e.getAllRows() : e.getViewRows(), d = At(o, c), p = {
+  const a = n.scope ?? Dt, s = a === "all" ? e.getAllRows() : e.getViewRows(), i = Pt(o, s), c = {
     format: t,
-    scope: s,
-    rowCount: d.rows.length,
-    columnCount: d.headers.length
-  }, y = typeof n.fileName == "function" ? n.fileName(p) : n.fileName ?? wt, x = await a.createContent(d, {
-    dateFormat: n.dateFormat ?? Re,
-    sheetName: n.sheetName ?? y
-  }), f = `${y}.${a.extension}`, g = Nt(f, x, a.mimeType);
-  return { ...p, fileName: f, byteLength: g };
+    scope: a,
+    rowCount: i.rows.length,
+    columnCount: i.headers.length
+  }, m = typeof n.fileName == "function" ? n.fileName(c) : n.fileName ?? Ft, h = await l.createContent(i, {
+    dateFormat: n.dateFormat ?? Fe,
+    sheetName: n.sheetName ?? m
+  }), d = `${m}.${l.extension}`, E = Ht(d, h, l.mimeType);
+  return { ...c, fileName: d, byteLength: E };
+}
+const $t = /* @__PURE__ */ Symbol.for("@geovi/the-datagrid/toolbar-target"), Xt = /* @__PURE__ */ Symbol.for(
+  "@geovi/the-datagrid/menu-runtime"
+);
+function Ne(e) {
+  return typeof e != "function" && typeof e != "object" || !e ? !1 : e === ve || e[$t] === !0;
 }
-function Vt(e) {
+let N;
+function te() {
+  if (N) return N;
+  const e = ve[Xt];
+  if (!e)
+    throw new Error(
+      "The optional toolbar entry requires a matching the-datagrid core runtime."
+    );
+  return N = e, N;
+}
+function Wt(e) {
   if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
   var t = e.default;
   if (typeof t == "function") {
-    var n = function a() {
+    var n = function l() {
       var o = !1;
       try {
-        o = this instanceof a;
+        o = this instanceof l;
       } catch {
       }
       return o ? Reflect.construct(t, arguments, this.constructor) : t.apply(this, arguments);
     };
     n.prototype = t.prototype;
   } else n = {};
-  return Object.defineProperty(n, "__esModule", { value: !0 }), Object.keys(e).forEach(function(a) {
-    var o = Object.getOwnPropertyDescriptor(e, a);
-    Object.defineProperty(n, a, o.get ? o : {
+  return Object.defineProperty(n, "__esModule", { value: !0 }), Object.keys(e).forEach(function(l) {
+    var o = Object.getOwnPropertyDescriptor(e, l);
+    Object.defineProperty(n, l, o.get ? o : {
       enumerable: !0,
       get: function() {
-        return e[a];
+        return e[l];
       }
     });
   }), n;
 }
-var P = { exports: {} }, Y = {};
-const Ae = /* @__PURE__ */ Vt(lt);
-var fe;
-function Gt() {
-  if (fe) return Y;
-  fe = 1;
-  var e = Ae;
-  function t(f, g) {
-    return f === g && (f !== 0 || 1 / f === 1 / g) || f !== f && g !== g;
+var V = { exports: {} }, Y = {};
+const Ve = /* @__PURE__ */ Wt(gt);
+var me;
+function Kt() {
+  if (me) return Y;
+  me = 1;
+  var e = Ve;
+  function t(d, E) {
+    return d === E && (d !== 0 || 1 / d === 1 / E) || d !== d && E !== E;
   }
-  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, o = e.useEffect, s = e.useLayoutEffect, c = e.useDebugValue;
-  function d(f, g) {
-    var u = g(), b = a({ inst: { value: u, getSnapshot: g } }), l = b[0].inst, h = b[1];
-    return s(
+  var n = typeof Object.is == "function" ? Object.is : t, l = e.useState, o = e.useEffect, a = e.useLayoutEffect, s = e.useDebugValue;
+  function i(d, E) {
+    var f = E(), b = l({ inst: { value: f, getSnapshot: E } }), S = b[0].inst, y = b[1];
+    return a(
       function() {
-        l.value = u, l.getSnapshot = g, p(l) && h({ inst: l });
+        S.value = f, S.getSnapshot = E, c(S) && y({ inst: S });
       },
-      [f, u, g]
+      [d, f, E]
     ), o(
       function() {
-        return p(l) && h({ inst: l }), f(function() {
-          p(l) && h({ inst: l });
+        return c(S) && y({ inst: S }), d(function() {
+          c(S) && y({ inst: S });
         });
       },
-      [f]
-    ), c(u), u;
+      [d]
+    ), s(f), f;
   }
-  function p(f) {
-    var g = f.getSnapshot;
-    f = f.value;
+  function c(d) {
+    var E = d.getSnapshot;
+    d = d.value;
     try {
-      var u = g();
-      return !n(f, u);
+      var f = E();
+      return !n(d, f);
     } catch {
       return !0;
     }
   }
-  function y(f, g) {
-    return g();
+  function m(d, E) {
+    return E();
   }
-  var x = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : d;
-  return Y.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : x, Y;
-}
-var q = {};
-var pe;
-function Pt() {
-  return pe || (pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(u, b) {
-      return u === b && (u !== 0 || 1 / u === 1 / b) || u !== u && b !== b;
+  var h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : i;
+  return Y.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : h, Y;
+}
+var z = {};
+var he;
+function Yt() {
+  return he || (he = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(f, b) {
+      return f === b && (f !== 0 || 1 / f === 1 / b) || f !== f && b !== b;
     }
-    function t(u, b) {
-      x || o.startTransition === void 0 || (x = !0, console.error(
+    function t(f, b) {
+      h || o.startTransition === void 0 || (h = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
-      var l = b();
-      if (!f) {
-        var h = b();
-        s(l, h) || (console.error(
+      var S = b();
+      if (!d) {
+        var y = b();
+        a(S, y) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), f = !0);
+        ), d = !0);
       }
-      h = c({
-        inst: { value: l, getSnapshot: b }
+      y = s({
+        inst: { value: S, getSnapshot: b }
       });
-      var i = h[0].inst, v = h[1];
-      return p(
+      var x = y[0].inst, O = y[1];
+      return c(
         function() {
-          i.value = l, i.getSnapshot = b, n(i) && v({ inst: i });
+          x.value = S, x.getSnapshot = b, n(x) && O({ inst: x });
         },
-        [u, l, b]
-      ), d(
+        [f, S, b]
+      ), i(
         function() {
-          return n(i) && v({ inst: i }), u(function() {
-            n(i) && v({ inst: i });
+          return n(x) && O({ inst: x }), f(function() {
+            n(x) && O({ inst: x });
           });
         },
-        [u]
-      ), y(l), l;
+        [f]
+      ), m(S), S;
     }
-    function n(u) {
-      var b = u.getSnapshot;
-      u = u.value;
+    function n(f) {
+      var b = f.getSnapshot;
+      f = f.value;
       try {
-        var l = b();
-        return !s(u, l);
+        var S = b();
+        return !a(f, S);
       } catch {
         return !0;
       }
     }
-    function a(u, b) {
+    function l(f, b) {
       return b();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = Ae, s = typeof Object.is == "function" ? Object.is : e, c = o.useState, d = o.useEffect, p = o.useLayoutEffect, y = o.useDebugValue, x = !1, f = !1, g = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
-    q.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : g, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), q;
+    var o = Ve, a = typeof Object.is == "function" ? Object.is : e, s = o.useState, i = o.useEffect, c = o.useLayoutEffect, m = o.useDebugValue, h = !1, d = !1, E = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? l : t;
+    z.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : E, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), z;
 }
-var ge;
-function jt() {
-  return ge || (ge = 1, process.env.NODE_ENV === "production" ? P.exports = Gt() : P.exports = Pt()), P.exports;
+var be;
+function zt() {
+  return be || (be = 1, process.env.NODE_ENV === "production" ? V.exports = Kt() : V.exports = Yt()), V.exports;
 }
-var Fe = jt();
-const Ut = Object.keys(
-  H
+var Ge = zt();
+const qt = Object.keys(
+  j
 );
-function Bt(e) {
+function Jt(e) {
   let t = null, n = null;
-  const a = () => {
+  const l = () => {
     const o = e.getSnapshot();
     return t === o && n || (t = o, n = {
       attached: e.isAttached(),
-      columns: Oe(o.columns, o.columnOrder),
+      columns: Me(o.columns, o.columnOrder),
       columnVisibilityMap: o.columnVisibilityMap,
       theme: o.theme,
       filteringEnabled: o.filteringEnabled,
@@ -431,23 +444,23 @@ function Bt(e) {
     }), n;
   };
   return {
-    async exportGrid(o, s) {
-      return Le(
+    async exportGrid(o, a) {
+      return Ie(
         e.getSnapshot(),
         o,
-        De(s, e.getExportDefaults())
+        Ae(a, e.getExportDefaults())
       );
     },
-    getExportFormats: () => Ut,
-    getColumns: () => a().columns,
+    getExportFormats: () => qt,
+    getColumns: () => l().columns,
     isColumnVisible(o) {
-      const s = e.getSnapshot();
-      return s.columnVisibilityMap[o] === !1 ? !1 : s.columns.some(
-        (c) => V(c) === o
+      const a = e.getSnapshot();
+      return a.columnVisibilityMap[o] === !1 ? !1 : a.columns.some(
+        (s) => D(s) === o
       );
     },
-    setColumnVisible(o, s) {
-      e.getSnapshot().setColumnVisible(o, s);
+    setColumnVisible(o, a) {
+      e.getSnapshot().setColumnVisible(o, a);
     },
     isFilteringEnabled: () => e.getSnapshot().filteringEnabled,
     canToggleFiltering: () => e.getSnapshot().canToggleFiltering,
@@ -460,112 +473,112 @@ function Bt(e) {
     },
     getViewRows: () => e.getSnapshot().getViewRows(),
     getAllRows: () => e.getSnapshot().getAllRows(),
-    getState: a,
+    getState: l,
     subscribe: (o) => e.subscribe(o)
   };
 }
-const Ht = [], $t = [], Xt = {}, Kt = [], Wt = () => {
-}, zt = () => {
-}, Yt = () => {
-}, me = () => Kt, k = {
-  columns: Ht,
-  columnOrder: $t,
-  columnVisibilityMap: Xt,
+const Qt = [], Zt = [], eo = {}, to = [], oo = () => {
+}, no = () => {
+}, ro = () => {
+}, Ee = () => to, F = {
+  columns: Qt,
+  columnOrder: Zt,
+  columnVisibilityMap: eo,
   theme: "default",
-  setColumnVisible: Wt,
+  setColumnVisible: oo,
   filteringEnabled: !1,
   canToggleFiltering: !1,
-  setFilteringEnabled: zt,
+  setFilteringEnabled: no,
   filtered: !1,
-  clearAllFilters: Yt,
-  getViewRows: me,
-  getAllRows: me
+  clearAllFilters: ro,
+  getViewRows: Ee,
+  getAllRows: Ee
 };
-function be(e, t) {
-  return e === t || e.length === t.length && e.every((n, a) => n === t[a]);
+function Se(e, t) {
+  return e === t || e.length === t.length && e.every((n, l) => n === t[l]);
 }
-function qt(e, t) {
+function lo(e, t) {
   if (e === t) return !0;
-  const n = Object.keys(e), a = Object.keys(t);
-  return n.length === a.length && n.every(
+  const n = Object.keys(e), l = Object.keys(t);
+  return n.length === l.length && n.every(
     (o) => Object.prototype.hasOwnProperty.call(t, o) && e[o] === t[o]
   );
 }
-function Jt(e, t) {
-  return be(e.columns, t.columns) && be(e.columnOrder, t.columnOrder) && qt(e.columnVisibilityMap, t.columnVisibilityMap) && e.theme === t.theme && e.setColumnVisible === t.setColumnVisible && e.filteringEnabled === t.filteringEnabled && e.canToggleFiltering === t.canToggleFiltering && e.setFilteringEnabled === t.setFilteringEnabled && e.filtered === t.filtered && e.clearAllFilters === t.clearAllFilters && e.getViewRows === t.getViewRows && e.getAllRows === t.getAllRows;
+function ao(e, t) {
+  return Se(e.columns, t.columns) && Se(e.columnOrder, t.columnOrder) && lo(e.columnVisibilityMap, t.columnVisibilityMap) && e.theme === t.theme && e.setColumnVisible === t.setColumnVisible && e.filteringEnabled === t.filteringEnabled && e.canToggleFiltering === t.canToggleFiltering && e.setFilteringEnabled === t.setFilteringEnabled && e.filtered === t.filtered && e.clearAllFilters === t.clearAllFilters && e.getViewRows === t.getViewRows && e.getAllRows === t.getAllRows;
 }
-function Qt() {
-  let e = null, t = k, n;
-  const a = /* @__PURE__ */ new Set(), o = (p) => {
-    Jt(t, p) || (t = p, a.forEach((y) => y()));
-  }, s = () => t, c = () => n, d = (p) => (a.add(p), () => {
-    a.delete(p);
+function so() {
+  let e = null, t = F, n;
+  const l = /* @__PURE__ */ new Set(), o = (c) => {
+    ao(t, c) || (t = c, l.forEach((m) => m()));
+  }, a = () => t, s = () => n, i = (c) => (l.add(c), () => {
+    l.delete(c);
   });
   return {
-    api: Bt({
-      getSnapshot: s,
-      subscribe: d,
-      getExportDefaults: c,
-      isAttached: () => t !== k
+    api: Jt({
+      getSnapshot: a,
+      subscribe: i,
+      getExportDefaults: s,
+      isAttached: () => t !== F
     }),
     createTargetRegistration() {
-      const p = /* @__PURE__ */ Symbol("rdg-toolbar-target");
-      let y = !1, x = null;
+      const c = /* @__PURE__ */ Symbol("rdg-toolbar-target");
+      let m = !1, h = null;
       return {
         controller: {
-          publish(f) {
-            x = f, y && e === p && o(f);
+          publish(d) {
+            h = d, m && e === c && o(d);
           }
         },
         attach() {
-          if (e !== null && e !== p)
+          if (e !== null && e !== c)
             throw new Error(
               "RDGToolbarProvider supports one ReactDataGrid target. Use a separate provider for each grid."
             );
-          return y = !0, e = p, x && o(x), () => {
-            y && (y = !1, e === p && (e = null, o(k)));
+          return m = !0, e = c, h && o(h), () => {
+            m && (m = !1, e === c && (e = null, o(F)));
           };
         }
       };
     },
     dispose() {
-      e = null, t = k, n = void 0, a.clear();
+      e = null, t = F, n = void 0, l.clear();
     },
-    getExportDefaults: c,
-    getSnapshot: s,
-    getServerSnapshot: () => k,
-    setExportDefaults(p) {
-      n = p;
+    getExportDefaults: s,
+    getSnapshot: a,
+    getServerSnapshot: () => F,
+    setExportDefaults(c) {
+      n = c;
     },
-    subscribe: d
+    subscribe: i
   };
 }
-const Ie = Z(
+const Pe = Z(
   null
 );
-function $() {
-  const e = xe(Ie);
+function U() {
+  const e = Re(Pe);
   if (!e)
     throw new Error(
       "RDG toolbar components must be rendered inside RDGToolbarProvider."
     );
   return e;
 }
-function Zt() {
-  const e = $();
-  return Fe.useSyncExternalStore(
+function io() {
+  const e = U();
+  return Ge.useSyncExternalStore(
     e.subscribe,
     e.getSnapshot,
     e.getServerSnapshot
   );
 }
-function fo() {
-  return $().api;
+function yo() {
+  return U().api;
 }
-function po(e) {
-  return Fe.useSyncExternalStore(e.subscribe, e.getState, e.getState);
+function xo(e) {
+  return Ge.useSyncExternalStore(e.subscribe, e.getState, e.getState);
 }
-const j = {
+const G = {
   export: "Export",
   showFilters: "Show filters",
   hideFilters: "Hide filters",
@@ -576,267 +589,244 @@ const j = {
   exportFormats: {},
   exportSingle: {},
   filteringControlledHint: "The grid owns its filter row through the enableFiltering prop."
-};
-function eo(e) {
-  return typeof e.header == "string" && e.header.trim() || typeof e.header == "number" ? e.header : V(e);
+}, ke = 8;
+function co(e) {
+  return typeof e.header == "string" && e.header.trim() || typeof e.header == "number" ? e.header : D(e);
 }
-function go(e) {
+function vo(e) {
   const {
     children: t,
     ariaLabel: n = "Visible column toggles",
-    title: a = "Visible columns",
+    title: l = "Visible columns",
     description: o = "Choose which columns are visible in the grid.",
-    collapsible: s = !1,
-    showColumnToggles: c = !0,
-    toolbarCollapsedColumnToggles: d = !1,
-    disableMobileAutoToolbarCollapsedColumns: p = !1,
-    showExport: y = !1,
-    showFilterToggle: x = !1,
-    showClearFilters: f = !1,
+    collapsible: a = !1,
+    showColumnToggles: s = !0,
+    toolbarCollapsedColumnToggles: i = !1,
+    disableMobileAutoToolbarCollapsedColumns: c = !1,
+    showExport: m = !1,
+    showFilterToggle: h = !1,
+    showClearFilters: d = !1,
     // No literal defaults here: one would be indistinguishable from a passed
     // value and would outrank the provider's `exportDefaults`.
-    exportScope: g,
-    exportFormats: u = kt,
+    exportScope: E,
+    exportFormats: f = Bt,
     exportFileName: b,
-    exportDateFormat: l,
-    exportSheetName: h,
-    onExportSuccess: i,
-    onExportError: v,
-    labels: _,
-    className: I
-  } = e, [X, te] = C(!1), oe = $(), ne = F("tdg-toolbar-title"), G = F("tdg-toolbar-description"), re = F("tdg-toolbar-collapsible-panel"), [M, Ve] = C(!1), Ge = st("(max-width: 1024px)"), Pe = d || Ge && !p, E = Zt(), ae = Te(E.theme), je = ht(ae), T = O(
+    exportDateFormat: S,
+    exportSheetName: y,
+    onExportSuccess: x,
+    onExportError: O,
+    labels: L,
+    className: oe
+  } = e, [Be, ne] = C(!1), He = te(), [$e, Xe] = C(null), We = q((g) => {
+    Xe(g);
+  }, []), re = U(), le = K("tdg-toolbar-title"), I = K("tdg-toolbar-description"), ae = K("tdg-toolbar-collapsible-panel"), [M, Ke] = C(!1), Ye = mt("(max-width: 1024px)"), B = i || Ye && !c, p = io(), H = Le(p.theme), se = Tt(H), _ = T(
     () => ({
-      ...j,
-      ..._,
+      ...G,
+      ...L,
       // A caller passing `exportFormats: undefined` out of a conditional would
       // otherwise defeat the spread and leave the lookups below without a map.
-      exportFormats: _?.exportFormats ?? j.exportFormats,
-      exportSingle: _?.exportSingle ?? j.exportSingle,
-      filteringControlledHint: _?.filteringControlledHint ?? j.filteringControlledHint
+      exportFormats: L?.exportFormats ?? G.exportFormats,
+      exportSingle: L?.exportSingle ?? G.exportSingle,
+      filteringControlledHint: L?.filteringControlledHint ?? G.filteringControlledHint
     }),
-    [_]
-  ), K = O(
-    () => Oe(E.columns, E.columnOrder),
-    [E.columnOrder, E.columns]
-  ), Ue = O(
-    () => K.filter((S) => S.hideable !== !1),
-    [K]
-  ), Be = K.reduce(
-    (S, w) => S + (E.columnVisibilityMap[V(w)] === !1 ? 0 : 1),
+    [L]
+  ), $ = T(
+    () => Me(p.columns, p.columnOrder),
+    [p.columnOrder, p.columns]
+  ), ze = T(
+    () => $.filter((g) => g.hideable !== !1),
+    [$]
+  ), qe = $.reduce(
+    (g, v) => g + (p.columnVisibilityMap[D(v)] === !1 ? 0 : 1),
     0
-  ), le = Ue.map((S) => {
-    const w = V(S), z = E.columnVisibilityMap[w] !== !1;
+  ), ie = ze.map((g) => {
+    const v = D(g), W = p.columnVisibilityMap[v] !== !1;
     return {
-      columnId: w,
-      disabled: z && Be <= 1,
-      label: eo(S),
-      onToggle: () => E.setColumnVisible(w, !z),
-      visible: z
+      columnId: v,
+      disabled: W && qe <= 1,
+      label: co(g),
+      onToggle: () => p.setColumnVisible(v, !W),
+      visible: W
     };
-  }), se = O(
-    () => u.filter(
-      (S) => H[S] != null
+  }), ce = T(
+    () => f.filter(
+      (g) => j[g] != null
     ),
-    [u]
-  ), He = O(
-    () => y ? Ce(E).length : 0,
-    [y, E]
-  ) === 0 || se.length === 0, $e = L(
-    async (S) => {
-      te(!0);
+    [f]
+  ), Je = T(
+    () => m ? De(p).length : 0,
+    [m, p]
+  ) === 0 || ce.length === 0, Qe = q(
+    async (g) => {
+      ne(!0);
       try {
-        const w = await Le(
-          E,
-          S,
-          De(
+        const v = await Ie(
+          p,
+          g,
+          Ae(
             {
-              scope: g,
+              scope: E,
               fileName: b,
-              dateFormat: l,
-              sheetName: h
+              dateFormat: S,
+              sheetName: y
             },
-            oe.getExportDefaults()
+            re.getExportDefaults()
           )
         );
-        w && i?.(w);
-      } catch (w) {
-        v?.(w), v || console.error(w);
+        v && x?.(v);
+      } catch (v) {
+        O?.(v), O || console.error(v);
       } finally {
-        te(!1);
+        ne(!1);
       }
     },
     [
-      l,
+      S,
       b,
-      g,
-      h,
-      v,
-      i,
       E,
-      oe
+      y,
+      O,
+      x,
+      p,
+      re
     ]
-  ), W = a != null || o != null ? /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-heading" }, a != null ? /* @__PURE__ */ r(
+  ), X = l != null || o != null ? /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-heading" }, l != null ? /* @__PURE__ */ r(
     "div",
     {
-      id: ne,
+      id: le,
       "data-slot": "rdg-toolbar-title",
       role: "heading",
       "aria-level": 2
     },
-    a
-  ) : null, o != null ? /* @__PURE__ */ r("div", { id: G, "data-slot": "rdg-toolbar-description" }, o) : null) : null, ie = /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-body" }, c ? Pe ? /* @__PURE__ */ r(
-    to,
+    l
+  ) : null, o != null ? /* @__PURE__ */ r("div", { id: I, "data-slot": "rdg-toolbar-description" }, o) : null) : null, ue = s && B ? /* @__PURE__ */ r(
+    uo,
     {
       ariaLabel: n,
-      descriptionId: o != null ? G : void 0,
-      items: le,
-      label: T.columns
+      descriptionId: o != null ? I : void 0,
+      items: ie,
+      label: _.columns
     }
-  ) : /* @__PURE__ */ r(
+  ) : null, de = /* @__PURE__ */ r(
     "div",
     {
-      role: "group",
-      "aria-label": n,
-      "aria-describedby": o != null ? G : void 0,
-      "data-slot": "rdg-column-toggle-list"
+      "data-slot": "rdg-toolbar-body",
+      "data-leading": s && !B ? "toggles" : "none"
     },
-    le.map((S) => /* @__PURE__ */ r(
+    s && !B ? /* @__PURE__ */ r(
+      "div",
+      {
+        role: "group",
+        "aria-label": n,
+        "aria-describedby": o != null ? I : void 0,
+        "data-slot": "rdg-column-toggle-list"
+      },
+      ie.map((g) => /* @__PURE__ */ r(
+        "button",
+        {
+          key: g.columnId,
+          type: "button",
+          "aria-pressed": g.visible,
+          disabled: g.disabled,
+          "data-state": g.visible ? "on" : "off",
+          "data-slot": "rdg-column-toggle",
+          "data-column-id": g.columnId,
+          onClick: g.onToggle
+        },
+        g.label
+      ))
+    ) : null,
+    ue != null || m || h || d || t != null ? /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-actions" }, ue, m ? /* @__PURE__ */ r(
+      fo,
+      {
+        disabled: Je || Be,
+        formats: ce,
+        label: _.export,
+        formatLabels: _.exportFormats,
+        singleLabels: _.exportSingle,
+        onExport: Qe
+      }
+    ) : null, h ? /* @__PURE__ */ r(
       "button",
       {
-        key: S.columnId,
         type: "button",
-        "aria-pressed": S.visible,
-        disabled: S.disabled,
-        "data-state": S.visible ? "on" : "off",
-        "data-slot": "rdg-column-toggle",
-        "data-column-id": S.columnId,
-        onClick: S.onToggle
+        "aria-pressed": p.filteringEnabled,
+        "data-state": p.filteringEnabled ? "on" : "off",
+        "data-slot": "rdg-toolbar-filter-toggle",
+        disabled: !p.canToggleFiltering,
+        title: p.canToggleFiltering ? void 0 : _.filteringControlledHint,
+        onClick: () => p.setFilteringEnabled(!p.filteringEnabled)
       },
-      S.label
-    ))
-  ) : null, y || x || f || t != null ? /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-actions" }, y ? /* @__PURE__ */ r(
-    oo,
-    {
-      disabled: He || X,
-      formats: se,
-      label: T.export,
-      formatLabels: T.exportFormats,
-      singleLabels: T.exportSingle,
-      onExport: $e
-    }
-  ) : null, x ? /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      "aria-pressed": E.filteringEnabled,
-      "data-state": E.filteringEnabled ? "on" : "off",
-      "data-slot": "rdg-toolbar-filter-toggle",
-      disabled: !E.canToggleFiltering,
-      title: E.canToggleFiltering ? void 0 : T.filteringControlledHint,
-      onClick: () => E.setFilteringEnabled(!E.filteringEnabled)
-    },
-    E.filteringEnabled ? /* @__PURE__ */ r(dt, null) : /* @__PURE__ */ r(ut, null),
-    E.filteringEnabled ? T.hideFilters : T.showFilters
-  ) : null, f ? /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      "data-slot": "rdg-toolbar-clear-filters",
-      disabled: !E.filtered,
-      onClick: () => E.clearAllFilters()
-    },
-    /* @__PURE__ */ r(ft, null),
-    T.clearFilters
-  ) : null, t) : null), Xe = /* @__PURE__ */ r(U, null, W, ie);
+      p.filteringEnabled ? /* @__PURE__ */ r(St, null) : /* @__PURE__ */ r(Et, null),
+      p.filteringEnabled ? _.hideFilters : _.showFilters
+    ) : null, d ? /* @__PURE__ */ r(
+      "button",
+      {
+        type: "button",
+        "data-slot": "rdg-toolbar-clear-filters",
+        disabled: !p.filtered,
+        onClick: () => p.clearAllFilters()
+      },
+      /* @__PURE__ */ r(yt, null),
+      _.clearFilters
+    ) : null, t) : null
+  ), Ze = /* @__PURE__ */ r(P, null, X, de);
   return /* @__PURE__ */ r(
     "div",
     {
-      className: I ? `tdg-toolbar-root ${I}` : "tdg-toolbar-root",
+      ref: We,
+      className: oe ? `tdg-toolbar-root ${oe}` : "tdg-toolbar-root",
       "data-slot": "rdg-toolbar",
-      "data-collapsible": s ? "true" : void 0,
-      "data-state": s ? M ? "open" : "closed" : void 0,
-      "data-theme": ae,
-      "data-theme-base": je,
-      role: a != null ? "region" : void 0,
-      "aria-labelledby": a != null ? ne : void 0,
-      "aria-describedby": o != null ? G : void 0
+      "data-collapsible": a ? "true" : void 0,
+      "data-state": a ? M ? "open" : "closed" : void 0,
+      "data-theme": H,
+      "data-theme-base": se,
+      role: l != null ? "region" : void 0,
+      "aria-labelledby": l != null ? le : void 0,
+      "aria-describedby": o != null ? I : void 0
     },
-    s ? /* @__PURE__ */ r(U, null, /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-header-row" }, W != null ? /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-collapsible-heading" }, W) : null, /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-disclosure-row" }, /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        "aria-controls": re,
-        "aria-expanded": M,
-        "data-state": M ? "open" : "closed",
-        "data-slot": "rdg-toolbar-disclosure",
-        onClick: () => Ve((S) => !S)
-      },
-      /* @__PURE__ */ r(pt, null),
-      M ? T.hideToolbar : T.showToolbar,
-      /* @__PURE__ */ r(we, { className: "tdg-toolbar-disclosure-chevron" })
-    ))), /* @__PURE__ */ r(
-      "div",
+    /* @__PURE__ */ r(
+      He.ThemeProvider,
       {
-        id: re,
-        "aria-hidden": !M,
-        "data-slot": "rdg-toolbar-collapsible-panel"
+        theme: H,
+        themeBase: se,
+        portalContainer: $e
       },
-      /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-collapsible-panel-inner" }, ie)
-    )) : Xe
+      a ? /* @__PURE__ */ r(P, null, /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-header-row" }, X != null ? /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-collapsible-heading" }, X) : null, /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-disclosure-row" }, /* @__PURE__ */ r(
+        "button",
+        {
+          type: "button",
+          "aria-controls": ae,
+          "aria-expanded": M,
+          "data-state": M ? "open" : "closed",
+          "data-slot": "rdg-toolbar-disclosure",
+          onClick: () => Ke((g) => !g)
+        },
+        /* @__PURE__ */ r(xt, null),
+        M ? _.hideToolbar : _.showToolbar,
+        /* @__PURE__ */ r(we, { className: "tdg-toolbar-disclosure-chevron" })
+      ))), /* @__PURE__ */ r(
+        "div",
+        {
+          id: ae,
+          "aria-hidden": !M,
+          "data-slot": "rdg-toolbar-collapsible-panel"
+        },
+        /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-collapsible-panel-inner" }, de)
+      )) : Ze
+    )
   );
 }
-function to(e) {
-  const { ariaLabel: t, descriptionId: n, items: a, label: o } = e, [s, c] = C(!1), d = N(null), p = N(null), y = F("tdg-toolbar-column-toggle-menu"), x = a.findIndex((l) => !l.disabled);
-  A(() => {
-    if (!s) return;
-    const l = (h) => {
-      const i = d.current;
-      i && !i.contains(h.target) && c(!1);
-    };
-    return document.addEventListener("pointerdown", l, !0), () => document.removeEventListener("pointerdown", l, !0);
-  }, [s]);
-  const f = L(() => {
-    c(!1), p.current?.focus();
-  }, []), g = L(
-    () => Array.from(
-      d.current?.querySelectorAll(
-        '[data-slot="rdg-column-toggle"][data-layout="menu"]:not(:disabled)'
-      ) ?? []
-    ),
-    []
-  ), u = L(
-    (l) => {
-      const h = g();
-      h.length !== 0 && h[(l + h.length) % h.length]?.focus();
-    },
-    [g]
-  ), b = L(
-    (l, h) => {
-      const i = g();
-      if (i.length === 0) return;
-      const v = i.indexOf(l), _ = v < 0 ? 0 : (v + h + i.length) % i.length;
-      i[_]?.focus();
-    },
-    [g]
-  );
-  return /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-column-toggle-wrapper", ref: d }, /* @__PURE__ */ r(
-    "button",
+function uo(e) {
+  const { ariaLabel: t, descriptionId: n, items: l, label: o } = e, a = te();
+  return /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-column-toggle-wrapper" }, /* @__PURE__ */ r(a.Root, { modal: !1 }, /* @__PURE__ */ r(
+    a.Trigger,
     {
-      type: "button",
-      ref: p,
       "data-slot": "rdg-toolbar-column-toggle-trigger",
-      "data-state": s ? "on" : "off",
-      "aria-haspopup": "menu",
-      "aria-expanded": s,
-      "aria-controls": s ? y : void 0,
       "aria-describedby": n,
-      disabled: a.length === 0,
-      onClick: () => c((l) => !l),
-      onKeyDown: (l) => {
-        (l.key === "ArrowDown" || l.key === "ArrowUp") && (l.preventDefault(), c(!0));
-      }
+      disabled: l.length === 0
     },
-    /* @__PURE__ */ r(gt, { "data-icon": "inline-start" }),
+    /* @__PURE__ */ r(vt, { "data-icon": "inline-start" }),
     o,
     /* @__PURE__ */ r(
       we,
@@ -845,233 +835,140 @@ function to(e) {
         "data-icon": "inline-end"
       }
     )
-  ), s ? /* @__PURE__ */ r(
-    "div",
+  ), /* @__PURE__ */ r(
+    a.Content,
     {
-      id: y,
-      role: "menu",
+      align: "start",
+      loop: !0,
+      sideOffset: 0,
+      collisionPadding: ke,
+      "aria-labelledby": void 0,
       "aria-label": t,
       "aria-describedby": n,
-      "data-slot": "rdg-toolbar-column-toggle-menu",
-      onKeyDown: (l) => {
-        if (l.key === "Escape") {
-          l.stopPropagation(), f();
-          return;
-        }
-        if (l.key === "ArrowDown") {
-          l.preventDefault(), b(l.target, 1);
-          return;
-        }
-        if (l.key === "ArrowUp") {
-          l.preventDefault(), b(l.target, -1);
-          return;
-        }
-        if (l.key === "Home") {
-          l.preventDefault(), u(0);
-          return;
-        }
-        if (l.key === "End") {
-          l.preventDefault(), u(-1);
-          return;
-        }
-        l.key === "Tab" && c(!1);
-      }
+      "data-slot": "rdg-toolbar-column-toggle-menu"
     },
-    /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-column-toggle-menu-label" }, o),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        role: "separator",
-        "data-slot": "rdg-toolbar-column-toggle-menu-separator"
-      }
-    ),
-    /* @__PURE__ */ r("div", { role: "group", "data-slot": "rdg-toolbar-column-toggle-menu-group" }, a.map((l, h) => /* @__PURE__ */ r(
-      "button",
+    /* @__PURE__ */ r(a.Label, { "data-slot": "rdg-toolbar-column-toggle-menu-label" }, o),
+    /* @__PURE__ */ r(a.Separator, { "data-slot": "rdg-toolbar-column-toggle-menu-separator" }),
+    /* @__PURE__ */ r(a.Group, { "data-slot": "rdg-toolbar-column-toggle-menu-group" }, l.map((s) => /* @__PURE__ */ r(
+      a.CheckboxItem,
       {
-        key: l.columnId,
-        type: "button",
-        role: "menuitemcheckbox",
-        "aria-checked": l.visible,
-        autoFocus: h === x,
-        disabled: l.disabled,
-        "data-state": l.visible ? "on" : "off",
+        key: s.columnId,
+        checked: s.visible,
+        disabled: s.disabled,
         "data-slot": "rdg-column-toggle",
         "data-layout": "menu",
-        "data-column-id": l.columnId,
-        onClick: l.onToggle
+        "data-column-id": s.columnId,
+        onSelect: (i) => i.preventDefault(),
+        onCheckedChange: s.onToggle
       },
-      /* @__PURE__ */ r(
-        "span",
-        {
-          "aria-hidden": "true",
-          "data-slot": "rdg-column-toggle-indicator"
-        },
-        /* @__PURE__ */ r(mt, null)
-      ),
-      /* @__PURE__ */ r("span", { "data-slot": "rdg-column-toggle-label" }, l.label)
+      /* @__PURE__ */ r("span", { "data-slot": "rdg-column-toggle-label" }, s.label)
     )))
-  ) : null);
+  )));
 }
-function oo(e) {
-  const { disabled: t, formats: n, label: a, formatLabels: o, singleLabels: s, onExport: c } = e, [d, p] = C(!1), y = N(null), x = N(null), f = F("tdg-toolbar-export-menu"), g = F("tdg-toolbar-export-trigger"), u = n.length === 1 ? n[0] : null, b = (i) => o[i] ?? H[i].label;
-  A(() => {
-    if (!d) return;
-    const i = (v) => {
-      const _ = y.current;
-      _ && !_.contains(v.target) && p(!1);
-    };
-    return document.addEventListener("pointerdown", i, !0), () => document.removeEventListener("pointerdown", i, !0);
-  }, [d]);
-  const l = L(() => {
-    p(!1), x.current?.focus();
-  }, []), h = (i, v) => {
-    const _ = Array.from(
-      y.current?.querySelectorAll(
-        '[data-slot="rdg-toolbar-export-format"]'
-      ) ?? []
-    );
-    if (_.length === 0) return;
-    const I = _.indexOf(i), X = I < 0 ? 0 : (I + v + _.length) % _.length;
-    _[X]?.focus();
-  };
-  return u ? /* @__PURE__ */ r(
+function fo(e) {
+  const { disabled: t, formats: n, label: l, formatLabels: o, singleLabels: a, onExport: s } = e, i = te(), c = n.length === 1 ? n[0] : null, m = (h) => o[h] ?? j[h].label;
+  return c ? /* @__PURE__ */ r(
     "button",
     {
       type: "button",
       "data-slot": "rdg-toolbar-export",
-      "data-export-format": u,
+      "data-export-format": c,
       disabled: t,
       onClick: () => {
-        c(u);
-      }
-    },
-    /* @__PURE__ */ r(ue, null),
-    s[u] ?? /* @__PURE__ */ r(U, null, a, " ", b(u))
-  ) : /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-export-wrapper", ref: y }, /* @__PURE__ */ r(
-    "button",
-    {
-      type: "button",
-      ref: x,
-      id: g,
-      "data-slot": "rdg-toolbar-export",
-      "data-state": d ? "on" : "off",
-      "aria-haspopup": "menu",
-      "aria-expanded": d,
-      "aria-controls": d ? f : void 0,
-      disabled: t,
-      onClick: () => p((i) => !i),
-      onKeyDown: (i) => {
-        (i.key === "ArrowDown" || i.key === "ArrowUp") && (i.preventDefault(), p(!0));
+        s(c);
       }
     },
-    /* @__PURE__ */ r(ue, null),
-    a
-  ), d ? /* @__PURE__ */ r(
-    "div",
+    /* @__PURE__ */ r(pe, null),
+    a[c] ?? /* @__PURE__ */ r(P, null, l, " ", m(c))
+  ) : /* @__PURE__ */ r("div", { "data-slot": "rdg-toolbar-export-wrapper" }, /* @__PURE__ */ r(i.Root, { modal: !1 }, /* @__PURE__ */ r(i.Trigger, { "data-slot": "rdg-toolbar-export", disabled: t }, /* @__PURE__ */ r(pe, null), l), /* @__PURE__ */ r(
+    i.Content,
     {
-      id: f,
-      role: "menu",
-      "aria-labelledby": g,
-      "data-slot": "rdg-toolbar-export-menu",
-      onKeyDown: (i) => {
-        if (i.key === "Escape") {
-          i.stopPropagation(), l();
-          return;
-        }
-        if (i.key === "ArrowDown") {
-          i.preventDefault(), h(i.target, 1);
-          return;
-        }
-        i.key === "ArrowUp" && (i.preventDefault(), h(i.target, -1));
-      }
+      align: "end",
+      loop: !0,
+      sideOffset: 0,
+      collisionPadding: ke,
+      "data-slot": "rdg-toolbar-export-menu"
     },
-    n.map((i, v) => /* @__PURE__ */ r(
-      "button",
+    n.map((h) => /* @__PURE__ */ r(
+      i.Item,
       {
-        key: i,
-        type: "button",
-        role: "menuitem",
-        autoFocus: v === 0,
+        key: h,
         "data-slot": "rdg-toolbar-export-format",
-        "data-export-format": i,
-        onClick: () => {
-          l(), c(i);
+        "data-export-format": h,
+        onSelect: () => {
+          s(h);
         }
       },
-      b(i)
+      m(h)
     ))
-  ) : null);
-}
-const no = /* @__PURE__ */ Symbol.for("@geovi/the-datagrid/toolbar-target");
-function Me(e) {
-  return typeof e != "function" && typeof e != "object" || !e ? !1 : e === Ke || e[no] === !0;
+  )));
 }
-const ro = /* @__PURE__ */ Symbol.for(
+const po = /* @__PURE__ */ Symbol.for(
   "@geovi/the-datagrid/search-target-component"
-), ke = /* @__PURE__ */ Symbol.for(
+), je = /* @__PURE__ */ Symbol.for(
   "@geovi/the-datagrid/toolbar-target-component"
 );
-function he(e, t) {
+function ye(e, t) {
   return typeof e != "function" && typeof e != "object" || !e ? !1 : e[t] === !0;
 }
-function ao(e) {
-  return he(e, ro) || he(e, ke);
+function go(e) {
+  return ye(e, po) || ye(e, je);
 }
-function lo(e, t) {
+function mo(e, t) {
   let n = e;
-  const a = /* @__PURE__ */ new Set();
-  for (; !a.has(n); ) {
-    if (a.add(n), t(n.type))
+  const l = /* @__PURE__ */ new Set();
+  for (; !l.has(n); ) {
+    if (l.add(n), t(n.type))
       return n;
-    if (!ao(n.type)) return null;
+    if (!go(n.type)) return null;
     const o = n.props.children;
-    if (!B(o)) return null;
+    if (!k(o)) return null;
     n = o;
   }
   return null;
 }
-function so(e, t) {
+function ho(e, t) {
   typeof e != "function" && typeof e != "object" || !e || Object.defineProperty(e, t, { value: !0 });
 }
-function Ne(e) {
-  const { children: t } = e, n = e.__rdgSearchController, a = $(), o = O(
-    () => a.createTargetRegistration(),
-    [a]
+function Ue(e) {
+  const { children: t } = e, n = e.__rdgSearchController, l = U(), o = T(
+    () => l.createTargetRegistration(),
+    [l]
   );
-  if (A(() => o.attach(), [o]), !B(t))
+  if (A(() => o.attach(), [o]), !k(t))
     throw new Error(
       "RDGToolbarTarget expects exactly one ReactDataGrid child."
     );
-  if (!lo(t, Me))
+  if (!mo(t, Ne))
     throw new Error("RDGToolbarTarget expects a ReactDataGrid child.");
-  const s = {
+  const a = {
     __rdgToolbarController: o.controller
   };
-  return n !== void 0 && (s.__rdgSearchController = n), Se(
+  return n !== void 0 && (a.__rdgSearchController = n), Te(
     t,
-    s
+    a
   );
 }
-so(Ne, ke);
-const io = typeof window > "u" ? A : _e;
-function mo(e) {
-  const { children: t, apiRef: n, exportDefaults: a } = e, [o] = C(Qt);
-  A(() => () => o.dispose(), [o]), io(() => {
-    o.setExportDefaults(a);
-  }, [o, a]), ve(n, () => o.api, [o]);
-  const s = O(
-    () => Ee.map(
+ho(Ue, je);
+const bo = typeof window > "u" ? A : Ce;
+function _o(e) {
+  const { children: t, apiRef: n, exportDefaults: l } = e, [o] = C(so);
+  A(() => () => o.dispose(), [o]), bo(() => {
+    o.setExportDefaults(l);
+  }, [o, l]), Oe(n, () => o.api, [o]);
+  const a = T(
+    () => _e.map(
       t,
-      (c) => B(c) && Me(c.type) ? /* @__PURE__ */ r(Ne, null, c) : c
+      (s) => k(s) && Ne(s.type) ? /* @__PURE__ */ r(Ue, null, s) : s
     ),
     [t]
   );
-  return /* @__PURE__ */ r(Ie.Provider, { value: o }, s);
+  return /* @__PURE__ */ r(Pe.Provider, { value: o }, a);
 }
 export {
-  go as RDGToolbar,
-  mo as RDGToolbarProvider,
-  Ne as RDGToolbarTarget,
-  fo as useRDGToolbarApi,
-  po as useRDGToolbarApiState
+  vo as RDGToolbar,
+  _o as RDGToolbarProvider,
+  Ue as RDGToolbarTarget,
+  yo as useRDGToolbarApi,
+  xo as useRDGToolbarApiState
 };