@warkypublic/oranguru 0.0.42 → 0.0.44

package/dist/lib.d.ts

@@ -625,7 +625,7 @@ export declare interface GridlerState {
     _visibleArea: Rectangle;
     _visiblePages: Rectangle;
     addError: (err: string, ...args: Array<any>) => void;
-    askAPIRowNumber?: (key: string) => Promise<number>;
+    askAPIRowNumber?: (key: string) => Promise<null | number>;
     colFilters?: Array<FilterOption>;
     colOrder?: Record<string, number>;
     colSize?: Record<string, number>;
@@ -859,7 +859,7 @@ export declare const useFormerState: <T extends FieldValues = FieldValues>(optio
     };
     formerWrapper: {
         onClose: Required<UseFormerStateProps<T>>["onClose"];
-        opened: UseFormerStateProps<T>["opened"];
+        opened: Required<UseFormerStateProps<T>>["opened"];
     };
     open: (request: UseFormerStateProps<T>["request"], data: UseFormerStateProps<T>["values"]) => void;
     updateState: (updates: Partial<UseFormerStateProps<T>>) => void;

package/dist/lib.es.js

@@ -1,6 +1,6 @@
 import * as ye from "react";
-import $, { forwardRef as Be, useMemo as yt, useRef as U, useCallback as oe, useEffect as I, useImperativeHandle as Ge, useState as se, createElement as ce, createContext as zt, useContext as $t } from "react";
-import { TextInput as Ve, Loader as Nt, ActionIcon as _e, Combobox as te, Checkbox as Lt, useVirtualizedCombobox as Bt, ScrollArea as Gt, rem as We, Group as we, Button as re, Paper as Vt, Text as Ke, Collapse as qt, Code as Ht, Switch as wt, Tooltip as Q, ScrollAreaAutosize as Wt, LoadingOverlay as Kt, Drawer as Ut, Modal as Jt, Popover as Re, VisuallyHidden as Yt, NativeSelect as Xt, PasswordInput as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as bt, Select as tn, useMantineTheme as nn, useMantineColorScheme as rn, lighten as Ue, darken as on } from "@mantine/core";
+import $, { forwardRef as Be, useMemo as yt, useRef as U, useCallback as oe, useEffect as I, useImperativeHandle as Ve, useState as se, createElement as ce, createContext as zt, useContext as $t } from "react";
+import { TextInput as Ge, Loader as Nt, ActionIcon as _e, Combobox as te, Checkbox as Lt, useVirtualizedCombobox as Bt, ScrollArea as Vt, rem as We, Group as we, Button as re, Paper as Gt, Text as Ke, Collapse as qt, Code as Ht, Switch as wt, Tooltip as Q, ScrollAreaAutosize as Wt, LoadingOverlay as Kt, Drawer as Ut, Modal as Jt, Popover as Re, VisuallyHidden as Yt, NativeSelect as Xt, PasswordInput as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as bt, Select as tn, useMantineTheme as nn, useMantineColorScheme as rn, lighten as Ue, darken as on } from "@mantine/core";
 import { flushSync as sn } from "react-dom";
 import { createSyncStore as Ce } from "@warkypublic/zustandsyncstore";
 import { produce as H } from "immer";
@@ -43,7 +43,7 @@ function Cn() {
     function r(h) {
       if (h == null) return null;
       if (typeof h == "function")
-        return h.$$typeof === T ? null : h.displayName || h.name || null;
+        return h.$$typeof === M ? null : h.displayName || h.name || null;
       if (typeof h == "string") return h;
       switch (h) {
         case _:
@@ -115,7 +115,7 @@ function Cn() {
       }
     }
     function n() {
-      var h = M.A;
+      var h = F.A;
       return h === null ? null : h.getOwner();
     }
     function s() {
@@ -147,14 +147,14 @@ function Cn() {
       )), h = this.props.ref, h !== void 0 ? h : null;
     }
     function f(h, b, k, v, z, P) {
-      var F = k.ref;
+      var T = k.ref;
       return h = {
         $$typeof: p,
         type: h,
         key: b,
         props: k,
         _owner: v
-      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(h, "ref", {
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: l
       }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
@@ -180,24 +180,24 @@ function Cn() {
       }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
     function u(h, b, k, v, z, P) {
-      var F = b.children;
-      if (F !== void 0)
+      var T = b.children;
+      if (T !== void 0)
         if (v)
-          if (B(F)) {
-            for (v = 0; v < F.length; v++)
-              c(F[v]);
-            Object.freeze && Object.freeze(F);
+          if (B(T)) {
+            for (v = 0; v < T.length; v++)
+              c(T[v]);
+            Object.freeze && Object.freeze(T);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else c(F);
+        else c(T);
       if (A.call(b, "key")) {
-        F = r(h);
+        T = r(h);
         var ee = Object.keys(b).filter(function(Ee) {
           return Ee !== "key";
         });
-        v = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[F + v] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[T + v] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -205,22 +205,22 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           v,
-          F,
+          T,
           ee,
-          F
-        ), q[F + v] = !0);
+          T
+        ), q[T + v] = !0);
       }
-      if (F = null, k !== void 0 && (e(k), F = "" + k), i(b) && (e(b.key), F = "" + b.key), "key" in b) {
+      if (T = null, k !== void 0 && (e(k), T = "" + k), i(b) && (e(b.key), T = "" + b.key), "key" in b) {
         k = {};
         for (var ie in b)
           ie !== "key" && (k[ie] = b[ie]);
       } else k = b;
-      return F && a(
+      return T && a(
         k,
         typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), f(
         h,
-        F,
+        T,
         k,
         n(),
         z,
@@ -233,7 +233,7 @@ React keys must be passed directly to JSX without using spread:
     function m(h) {
       return typeof h == "object" && h !== null && h.$$typeof === p;
     }
-    var g = $, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), N = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), T = /* @__PURE__ */ Symbol.for("react.client.reference"), M = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, G = console.createTask ? console.createTask : function() {
+    var g = $, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), C = /* @__PURE__ */ Symbol.for("react.strict_mode"), x = /* @__PURE__ */ Symbol.for("react.profiler"), R = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), N = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), F = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, B = Array.isArray, G = console.createTask ? console.createTask : function() {
       return null;
     };
     g = {
@@ -246,7 +246,7 @@ React keys must be passed directly to JSX without using spread:
       s
     )(), Z = G(t(s)), q = {};
     de.Fragment = _, de.jsx = function(h, b, k) {
-      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      var v = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         h,
         b,
@@ -256,7 +256,7 @@ React keys must be passed directly to JSX without using spread:
         v ? G(t(h)) : Z
       );
     }, de.jsxs = function(h, b, k) {
-      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      var v = 1e4 > F.recentlyCreatedOwnerStacks++;
       return u(
         h,
         b,
@@ -984,7 +984,7 @@ const { Provider: $n, useStore: Nn } = Ce(
     }
   ) : null;
   return /* @__PURE__ */ d.jsx(
-    Ve,
+    Ge,
     {
       disabled: n,
       error: s,
@@ -1046,8 +1046,8 @@ const Ln = (r) => {
     search: E,
     selectedOptionIndex: D,
     selectFirst: L,
-    setInput: T,
-    setOpened: M,
+    setInput: M,
+    setOpened: F,
     setSearch: A,
     setSelectedOptionIndex: B,
     showAll: G,
@@ -1089,23 +1089,23 @@ const Ln = (r) => {
       const z = typeof v == "string" ? parseInt(v, 10) : v, P = i[z];
       if (P)
         if (C) {
-          const F = Array.isArray(j) ? j : [], ie = F.includes(P.value) ? F.filter((Oe) => Oe !== P.value) : [...F, P.value];
+          const T = Array.isArray(j) ? j : [], ie = T.includes(P.value) ? T.filter((Oe) => Oe !== P.value) : [...T, P.value];
           R?.(ie);
           const Ee = i.filter((Oe) => ie.includes(Oe.value));
           x?.(Ee);
         } else
-          R?.(P.value), A(""), T(P.label), n.current = P.value, M(!1);
+          R?.(P.value), A(""), M(P.label), n.current = P.value, F(!1);
     },
-    [i, C, j, R, x, A, T, M]
+    [i, C, j, R, x, A, M, F]
   ), h = oe(() => {
-    G && L ? q(0) : (R?.(C ? [] : null), A(""), T(""), t.current?.focus()), N && M(!0);
-  }, [G, L, C, R, A, T, N, M, q]), b = Bt({
+    G && L ? q(0) : (R?.(C ? [] : null), A(""), M(""), t.current?.focus()), N && F(!0);
+  }, [G, L, C, R, A, M, N, F, q]), b = Bt({
     getOptionId: (v) => String(v),
     onDropdownClose: () => {
-      M(!1);
+      F(!1);
     },
     onDropdownOpen: () => {
-      (!j || C && (!Array.isArray(j) || j.length === 0)) && (A(""), T("")), b.selectFirstOption();
+      (!j || C && (!Array.isArray(j) || j.length === 0)) && (A(""), M("")), b.selectFirstOption();
     },
     onSelectedOptionSubmit: q,
     opened: O,
@@ -1130,10 +1130,10 @@ const Ln = (r) => {
   }, [E, O]), I(() => {
     if (C) {
       const v = i.filter((z) => Array.isArray(j) && j.includes(z.value)).map((z) => z.label).join(", ");
-      !O && g !== v && (T(v), A(""));
+      !O && g !== v && (M(v), A(""));
     } else {
       const v = i.find((z) => z.value === j)?.label;
-      g !== v && (E ?? "") === "" && n.current !== j && j ? T(v ?? "") : !j && !n.current && (E ?? "") === "" && (A(""), T(""));
+      g !== v && (E ?? "") === "" && n.current !== j && j ? M(v ?? "") : !j && !n.current && (E ?? "") === "" && (A(""), M(""));
     }
     if (C) {
       const v = i.filter((z) => Array.isArray(j) && j.includes(z.value)) ?? [];
@@ -1142,21 +1142,21 @@ const Ln = (r) => {
       const v = i?.find((z) => z.value === j) ?? null;
       s.current?.value !== v?.value && (x?.(v), s.current = v);
     }
-  }, [j, i, g, E, C, O, x, T, A]), I(() => {
+  }, [j, i, g, E, C, O, x, M, A]), I(() => {
     L && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
-  }, [L, i, C]), Ge(o, () => ({
+  }, [L, i, C]), Ve(o, () => ({
     clear: () => {
       h();
     },
     close: () => {
-      M(!1), b.closeDropdown();
+      F(!1), b.closeDropdown();
     },
     focus: () => {
       t.current?.focus();
     },
     getValue: () => j,
     open: () => {
-      M(!0), b.openDropdown();
+      F(!0), b.openDropdown();
     },
     setValue: (v) => {
       R?.(v);
@@ -1178,11 +1178,11 @@ const Ln = (r) => {
             isFetching: p,
             label: y,
             onBlur: () => {
-              !j && !C && (A(""), T(""), b.closeDropdown(), M(!1));
+              !j && !C && (A(""), M(""), b.closeDropdown(), F(!1));
             },
             onClear: h,
             onSearch: (v) => {
-              A(v.currentTarget.value), T(v.currentTarget.value), M(!0);
+              A(v.currentTarget.value), M(v.currentTarget.value), F(!0);
             },
             placeholder: w,
             ref: t,
@@ -1198,7 +1198,7 @@ const Ln = (r) => {
             p: 2,
             ...f,
             children: O && k.length > 0 ? /* @__PURE__ */ d.jsx(te.Options, { children: /* @__PURE__ */ d.jsx(
-              Gt.Autosize,
+              Vt.Autosize,
               {
                 ...S,
                 mah: _ ?? 200,
@@ -1252,7 +1252,7 @@ const Ln = (r) => {
 Ot.displayName = "BoxerInner";
 const Bn = $.forwardRef((r, o) => /* @__PURE__ */ d.jsx($n, { ...r, children: /* @__PURE__ */ d.jsx(Ot, { ref: o }) }));
 Bn.displayName = "Boxer";
-class Gn {
+class Vn {
   config = { enabled: !0 };
   reporters = [];
   sentryInstance = null;
@@ -1358,7 +1358,7 @@ class Gn {
     this.reporters.push(e);
   }
 }
-const De = new Gn();
+const De = new Vn();
 class oo extends $.PureComponent {
   constructor(o) {
     super(o), this.state = {
@@ -1393,11 +1393,11 @@ class oo extends $.PureComponent {
     ] }) : this.props.children;
   }
 }
-let Vn = {
+let Gn = {
   disabled: !1,
   onError: void 0
 };
-const ke = () => ({ ...Vn });
+const ke = () => ({ ...Gn });
 class so extends $.Component {
   constructor(o) {
     super(o), this.state = {
@@ -1513,7 +1513,7 @@ class so extends $.Component {
           )
         ] }),
         this.state.error && /* @__PURE__ */ d.jsxs(
-          Vt,
+          Gt,
           {
             p: "md",
             shadow: "xs",
@@ -1953,7 +1953,7 @@ const { Provider: qn, useStore: me } = Ce(
       values: y,
       ...g
     });
-    return Ge(
+    return Ve(
       e,
       () => ({
         close: async () => {
@@ -2278,7 +2278,7 @@ const lo = (r) => {
       control: o,
       name: e,
       render: ({ field: i, formState: a }) => /* @__PURE__ */ d.jsx(Q, { label: n ?? "", withArrow: !0, children: /* @__PURE__ */ ce(
-        Ve,
+        Ge,
         {
           ...s,
           ...i,
@@ -3178,7 +3178,7 @@ const Rr = [
       }), l;
     });
   }, [s, r.column.id, r.options, r.storeState]), /* @__PURE__ */ d.jsx(
-    Ve,
+    Ge,
     {
       onChange: (i) => n(i.target.value),
       rightSection: /* @__PURE__ */ d.jsx(_e, { color: "gray", onClick: () => n(""), variant: "filled", children: /* @__PURE__ */ d.jsx(qe, { color: "red" }) }),
@@ -3321,14 +3321,14 @@ const Rr = [
             }
           }
           if (n > 0)
-            return console.log("Local row index", n, e), n;
+            return n;
         }
         if (n > 0)
           return n;
         if (typeof t.askAPIRowNumber == "function") {
           const l = await t.askAPIRowNumber(String(e));
           if (l && l >= 0)
-            return console.log("Remote row index", n, e), l;
+            return l;
         }
       }
     },
@@ -3405,8 +3405,8 @@ const Rr = [
       ), t.glideProps?.onCellActivated?.(e);
     },
     onCellClicked: (e, t) => {
-      const n = o(), [s, i] = e;
-      n.glideProps?.onCellClicked && n.glideProps?.onCellClicked?.(e, t), n.values?.length && n.onChange && n.onChange(n.values), n._events.dispatchEvent(
+      const n = o(), [s, i] = e, a = n.getRowBuffer(i);
+      n.glideProps?.onCellClicked && n.glideProps?.onCellClicked?.(e, t), n.values?.length && n.values?.length > 0 ? n.onChange && n.onChange(n.values) : a && n.onChange && n.onChange([a]), n._events.dispatchEvent(
         new CustomEvent("onCellClicked", {
           detail: { cell: e, col: s, row: i, state: n }
         })
@@ -3806,6 +3806,8 @@ function Ar(r) {
   ), a = oe(
     async (l) => {
       const f = t("colFilters");
+      if (!l)
+        return null;
       if (r && r.url) {
         const u = new Headers(), c = [
           { type: "limit", value: String(10) },
@@ -3827,7 +3829,7 @@ function Ar(r) {
           for (const y in fe(c))
             u.set(y, p[y]);
         }
-        const m = new AbortController(), g = await fetch(`${r.url}?x-fetch-rownumber=${l}}`, {
+        const m = new AbortController(), g = await fetch(`${r.url}?x-fetch-rownumber=${l}`, {
           headers: u,
           method: "GET",
           signal: m?.signal
@@ -3891,7 +3893,7 @@ function Tr(r) {
         _ !== void 0 && (l = a.getRowBuffer(_));
       }
       const p = typeof r.descriptionField == "string" ? l?.[r.descriptionField] : typeof r.descriptionField == "function" && l ? r.descriptionField(l) : void 0;
-      i === "other" && c.push({
+      (i === "other" || i === "cell" && !l) && c.push({
         c: "blue",
         label: "Add",
         onClick: () => {
@@ -4016,7 +4018,7 @@ function Pr() {
 }
 function Dr(r, o) {
   const [e, t] = W((n) => [n.setStateFN, n.getState]);
-  return Ge(o, () => ({
+  return Ve(o, () => ({
     getGlideRef: () => t("_glideref"),
     getState: t,
     isEmpty: () => t("isEmpty"),
@@ -4111,34 +4113,36 @@ const Mt = $.memo(() => {
   return I(() => {
     O && (async () => {
       const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", L = [];
-      for (const T in O) {
-        let M = -1;
+      for (const M in O) {
+        let F = -1;
         const A = String(
-          typeof O?.[T] == "object" ? O?.[T]?.[D] : typeof O?.[T] == "string" ? O?.[T] : void 0
+          typeof O?.[M] == "object" ? O?.[M]?.[D] : typeof O?.[M] == "string" ? O?.[M] : void 0
         );
         for (const B in S) {
           for (const G in S[B]) {
             const j = Number(B) * E + Number(G);
             if (String(S[B][G]?.[D]) === A) {
-              M = j;
+              F = j;
               break;
             }
           }
-          if (M >= 0) {
-            L.push(M);
+          if (F >= 0) {
+            L.push(F);
             break;
           }
         }
-        if (!(M >= 0)) {
+        if (F >= 0)
+          L.push(F);
+        else {
           const B = await u(A);
-          B && L.push(B);
+          B !== null && L.push(B);
         }
       }
       return L;
     })().then((S) => {
       let E = ne.empty();
       S.forEach((D) => {
-        E = E.add(D);
+        D !== void 0 && (E = E.add(D));
       }), R("_gridSelectionRows", () => E), R("_gridSelection", (D) => ({
         columns: D?.columns ?? ne.empty(),
         ...D,
@@ -4213,9 +4217,11 @@ const Mt = $.memo(() => {
         const L = c("scrollToRowKey");
         if (L && L >= 0)
           return;
-        const T = c("keyField") ?? "id", A = c("_page_data")?.[0]?.[0], B = A?.[T] ?? -1, G = c("values") ?? [];
-        if (!(O && O.length > 0) && B && B > 0 && (G.length ?? 0) === 0) {
-          const j = [A, ...G], J = c("onChange");
+        const M = c("keyField") ?? "id", A = c("_page_data")?.[0]?.[0], B = A?.[M] ?? -1, G = c("values") ?? [];
+        if (!A)
+          return;
+        if (B && B > 0 && (G.length ?? 0) === 0) {
+          const j = [A], J = c("onChange");
           J ? J(j) : x("values", j), x("scrollToRowKey", B);
         }
       }
@@ -4223,13 +4229,13 @@ const Mt = $.memo(() => {
     return w?.addEventListener("loadPage", S), () => {
       w?.removeEventListener("loadPage", S);
     };
-  }, [g, C]), I(() => {
+  }, [g, C, O]), I(() => {
     const w = c("ready"), S = c("_glideref"), E = c("getRowIndexByKey"), D = _ ?? p;
     D && S && w && E?.(D).then((L) => {
       if (L !== void 0) {
         if (_) {
-          const T = c("onChange"), M = [{ [c("keyField") ?? "id"]: _ }];
-          JSON.stringify(c("values")) !== JSON.stringify(M) && (T ? T(M) : x("values", M));
+          const M = c("onChange"), F = [{ [c("keyField") ?? "id"]: _ }];
+          JSON.stringify(c("values")) !== JSON.stringify(F) && (M ? M(F) : x("values", F));
         }
         S.scrollTo(0, L), c("_events").dispatchEvent(
           new CustomEvent("scrollToRowKeyFound", {
@@ -4299,9 +4305,9 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
         fill="${r.fgColor ?? "currentColor"}"
         d="M2.22 9.967L7.97 4.22l.085-.074l.058-.038l.072-.039l.105-.04l.105-.022l.052-.005L8.5 4l.057.002l.092.013l.107.03l.085.037l.054.03l.063.044l.072.064l5.75 5.747a.75.75 0 0 1-.976 1.133l-.084-.072L9.25 6.56v16.69a.75.75 0 0 1-1.493.102l-.007-.102V6.56l-4.47 4.468a.75.75 0 0 1-.976.072l-.084-.072a.75.75 0 0 1-.073-.977zM19.5 4a.75.75 0 0 1 .743.648l.007.102v16.687l4.47-4.467l.084-.073a.75.75 0 0 1 1.049 1.05l-.073.083l-5.728 5.727a.75.75 0 0 1-1.031.07l-.073-.07l-5.728-5.727l-.073-.084a.75.75 0 0 1-.007-.882l.08-.094l.084-.073a.75.75 0 0 1 .882-.007l.094.08l4.47 4.469V4.75l.007-.102A.75.75 0 0 1 19.5 4"
       ></path>
-    </svg>`, Br = "_container_1nbyf_1", Gr = {
+    </svg>`, Br = "_container_1nbyf_1", Vr = {
   container: Br
-}, Vr = (r) => (o) => o % 2 === 0 ? void 0 : {
+}, Gr = (r) => (o) => o % 2 === 0 ? void 0 : {
   bgCell: r === "dark" ? "#303030" : "#e1effc"
 }, qr = () => {
   const r = nn(), { colorScheme: o } = rn(), { enableOddEvenRowColor: e, focused: t } = W((c) => ({
@@ -4343,7 +4349,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
   }, [l, f] = se(a);
   return I(() => {
     f(a);
-  }, [o, t]), { getRowThemeOverride: (c) => e ? Vr(o)(c) : void 0, gridTheme: l };
+  }, [o, t]), { getRowThemeOverride: (c) => e ? Gr(o)(c) : void 0, gridTheme: l };
 }, Hr = () => {
   const r = $.useRef(null), o = $.useRef(!1), { height: e, ref: t, width: n } = wn({ box: "content-box" }), {
     _gridSelection: s,
@@ -4368,8 +4374,8 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     onHeaderMenuClick: E,
     onItemHovered: D,
     onVisibleRegionChanged: L,
-    renderColumns: T,
-    rowHeight: M,
+    renderColumns: M,
+    rowHeight: F,
     sections: A,
     selectMode: B,
     setState: G,
@@ -4425,7 +4431,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
         /* @__PURE__ */ d.jsxs(
           "div",
           {
-            className: Gr.container,
+            className: Vr.container,
             "data-focused": a,
             onContextMenu: (h) => {
               h.preventDefault(), o.current || (o.current = !0, w("other", h), setTimeout(() => {
@@ -4446,7 +4452,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                 vn,
                 {
                   cellActivationBehavior: "double-click",
-                  columns: T ?? [],
+                  columns: M ?? [],
                   columnSelect: "none",
                   drawFocusRing: !0,
                   height: e ?? 400,
@@ -4493,7 +4499,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                     if (b.length === 0)
                       for (const P of k?.rows ?? [])
                         z && z(P)?.[v] && (b = b.hasIndex(P) ? b : b.add(P));
-                    console.log("Debug:onGridSelectionChange", k, h), (JSON.stringify(k?.columns) !== JSON.stringify(h.columns) || JSON.stringify(k?.rows) !== JSON.stringify(b) || JSON.stringify(k?.current) !== JSON.stringify(h.current)) && (G("_gridSelection", { ...h, rows: b }), G("_gridSelectionRows", b));
+                    (JSON.stringify(k?.columns) !== JSON.stringify(h.columns) || JSON.stringify(k?.rows) !== JSON.stringify(b) || JSON.stringify(k?.current) !== JSON.stringify(h.current)) && (G("_gridSelection", { ...h, rows: b }), G("_gridSelectionRows", b));
                   },
                   onHeaderClicked: S,
                   onHeaderContextMenu: (h, b) => {
@@ -4510,7 +4516,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                     /* @__PURE__ */ d.jsx(Pr, {}),
                     A?.rightElementEnd
                   ] }),
-                  rowHeight: M ?? 22,
+                  rowHeight: F ?? 22,
                   rows: J ?? 0,
                   theme: q.gridTheme,
                   width: n ?? 200