@warkypublic/oranguru 0.0.38 → 0.0.41

package/dist/lib.es.js

@@ -1,15 +1,15 @@
 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 le, createElement as ce, createContext as Dt, useContext as zt } from "react";
-import { TextInput as Ve, Loader as $t, ActionIcon as _e, Combobox as te, Checkbox as Nt, useVirtualizedCombobox as Lt, ScrollArea as Bt, rem as We, Group as we, Button as re, Paper as Gt, Text as Ke, Collapse as Vt, Code as qt, Tooltip as Q, ScrollAreaAutosize as Ht, LoadingOverlay as Wt, Drawer as Kt, Modal as Ut, Popover as Re, VisuallyHidden as Jt, NativeSelect as Yt, PasswordInput as Xt, Switch as Qt, Textarea as Zt, Portal as en, Menu as K, Stack as wt, 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 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 { flushSync as sn } from "react-dom";
 import { createSyncStore as Ce } from "@warkypublic/zustandsyncstore";
 import { produce as H } from "immer";
 import { IconX as qe, IconExclamationCircle as an, IconDeviceFloppy as ln, IconGrid4x4 as Ie, IconSquarePlus as cn, IconEdit as Je, IconTrashX as Ye, IconExclamationMark as un, IconRefresh as dn, IconMenu2 as fn } from "@tabler/icons-react";
 import { useForm as hn, FormProvider as mn, Controller as he } from "react-hook-form";
-import { newUUID as gn, getUUID as bt } from "@warkypublic/artemis-kit";
+import { newUUID as gn, getUUID as xt } from "@warkypublic/artemis-kit";
 import { get as pn, set as Sn } from "idb-keyval";
-import { CompactSelection as ne, GridCellKind as ie, DataEditor as vn } from "@glideapps/glide-data-grid";
-import { useDebouncedValue as xt, useDebouncedCallback as yn, useElementSize as wn, useMergedRef as bn } from "@mantine/hooks";
+import { CompactSelection as ne, GridCellKind as ae, DataEditor as vn } from "@glideapps/glide-data-grid";
+import { useDebouncedValue as _t, useDebouncedCallback as yn, useElementSize as wn, useMergedRef as bn } from "@mantine/hooks";
 function xn(r) {
   return r && r.__esModule && Object.prototype.hasOwnProperty.call(r, "default") ? r.default : r;
 }
@@ -40,230 +40,230 @@ var de = {};
 var Qe;
 function Cn() {
   return Qe || (Qe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(f) {
-      if (f == null) return null;
-      if (typeof f == "function")
-        return f.$$typeof === F ? null : f.displayName || f.name || null;
-      if (typeof f == "string") return f;
-      switch (f) {
+    function r(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === T ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
         case _:
           return "Fragment";
-        case C:
-          return "Profiler";
         case x:
+          return "Profiler";
+        case C:
           return "StrictMode";
         case w:
           return "Suspense";
-        case p:
+        case S:
           return "SuspenseList";
         case L:
           return "Activity";
       }
-      if (typeof f == "object")
-        switch (typeof f.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), f.$$typeof) {
+        ), h.$$typeof) {
           case y:
             return "Portal";
           case O:
-            return f.displayName || "Context";
+            return h.displayName || "Context";
           case R:
-            return (f._context.displayName || "Context") + ".Consumer";
+            return (h._context.displayName || "Context") + ".Consumer";
           case N:
-            var b = f.render;
-            return f = f.displayName, f || (f = b.displayName || b.name || "", f = f !== "" ? "ForwardRef(" + f + ")" : "ForwardRef"), f;
+            var b = h.render;
+            return h = h.displayName, h || (h = b.displayName || b.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case E:
-            return b = f.displayName || null, b !== null ? b : r(f.type) || "Memo";
+            return b = h.displayName || null, b !== null ? b : r(h.type) || "Memo";
           case D:
-            b = f._payload, f = f._init;
+            b = h._payload, h = h._init;
             try {
-              return r(f(b));
+              return r(h(b));
             } catch {
             }
         }
       return null;
     }
-    function o(f) {
-      return "" + f;
+    function o(h) {
+      return "" + h;
     }
-    function e(f) {
+    function e(h) {
       try {
-        o(f);
+        o(h);
         var b = !1;
       } catch {
         b = !0;
       }
       if (b) {
         b = console;
-        var k = b.error, S = typeof Symbol == "function" && Symbol.toStringTag && f[Symbol.toStringTag] || f.constructor.name || "Object";
+        var k = b.error, v = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return k.call(
           b,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          S
-        ), o(f);
+          v
+        ), o(h);
       }
     }
-    function t(f) {
-      if (f === _) return "<>";
-      if (typeof f == "object" && f !== null && f.$$typeof === D)
+    function t(h) {
+      if (h === _) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === D)
         return "<...>";
       try {
-        var b = r(f);
+        var b = r(h);
         return b ? "<" + b + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function n() {
-      var f = M.A;
-      return f === null ? null : f.getOwner();
+      var h = M.A;
+      return h === null ? null : h.getOwner();
     }
     function s() {
       return Error("react-stack-top-frame");
     }
-    function i(f) {
-      if (A.call(f, "key")) {
-        var b = Object.getOwnPropertyDescriptor(f, "key").get;
+    function i(h) {
+      if (A.call(h, "key")) {
+        var b = Object.getOwnPropertyDescriptor(h, "key").get;
         if (b && b.isReactWarning) return !1;
       }
-      return f.key !== void 0;
+      return h.key !== void 0;
     }
-    function a(f, b) {
+    function a(h, b) {
       function k() {
         j || (j = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           b
         ));
       }
-      k.isReactWarning = !0, Object.defineProperty(f, "key", {
+      k.isReactWarning = !0, Object.defineProperty(h, "key", {
         get: k,
         configurable: !0
       });
     }
     function l() {
-      var f = r(this.type);
-      return J[f] || (J[f] = !0, console.error(
+      var h = r(this.type);
+      return J[h] || (J[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), f = this.props.ref, f !== void 0 ? f : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function h(f, b, k, S, z, P) {
-      var T = k.ref;
-      return f = {
-        $$typeof: v,
-        type: f,
+    function f(h, b, k, v, z, P) {
+      var F = k.ref;
+      return h = {
+        $$typeof: p,
+        type: h,
         key: b,
         props: k,
-        _owner: S
-      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(f, "ref", {
+        _owner: v
+      }, (F !== void 0 ? F : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: l
-      }) : Object.defineProperty(f, "ref", { enumerable: !1, value: null }), f._store = {}, Object.defineProperty(f._store, "validated", {
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(f, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(f, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: z
-      }), Object.defineProperty(f, "_debugTask", {
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: P
-      }), Object.freeze && (Object.freeze(f.props), Object.freeze(f)), f;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function c(f, b, k, S, z, P) {
-      var T = b.children;
-      if (T !== void 0)
-        if (S)
-          if (B(T)) {
-            for (S = 0; S < T.length; S++)
-              u(T[S]);
-            Object.freeze && Object.freeze(T);
+    function u(h, b, k, v, z, P) {
+      var F = b.children;
+      if (F !== void 0)
+        if (v)
+          if (B(F)) {
+            for (v = 0; v < F.length; v++)
+              c(F[v]);
+            Object.freeze && Object.freeze(F);
           } 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 u(T);
+        else c(F);
       if (A.call(b, "key")) {
-        T = r(f);
+        F = r(h);
         var ee = Object.keys(b).filter(function(Ee) {
           return Ee !== "key";
         });
-        S = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[T + S] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", q[F + 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} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          S,
-          T,
+          v,
+          F,
           ee,
-          T
-        ), q[T + S] = !0);
+          F
+        ), q[F + v] = !0);
       }
-      if (T = null, k !== void 0 && (e(k), T = "" + k), i(b) && (e(b.key), T = "" + b.key), "key" in b) {
+      if (F = null, k !== void 0 && (e(k), F = "" + k), i(b) && (e(b.key), F = "" + b.key), "key" in b) {
         k = {};
-        for (var se in b)
-          se !== "key" && (k[se] = b[se]);
+        for (var ie in b)
+          ie !== "key" && (k[ie] = b[ie]);
       } else k = b;
-      return T && a(
+      return F && a(
         k,
-        typeof f == "function" ? f.displayName || f.name || "Unknown" : f
-      ), h(
-        f,
-        T,
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
+      ), f(
+        h,
+        F,
         k,
         n(),
         z,
         P
       );
     }
-    function u(f) {
-      m(f) ? f._store && (f._store.validated = 1) : typeof f == "object" && f !== null && f.$$typeof === D && (f._payload.status === "fulfilled" ? m(f._payload.value) && f._payload.value._store && (f._payload.value._store.validated = 1) : f._store && (f._store.validated = 1));
+    function c(h) {
+      m(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === D && (h._payload.status === "fulfilled" ? m(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
     }
-    function m(f) {
-      return typeof f == "object" && f !== null && f.$$typeof === v;
+    function m(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === p;
     }
-    var g = $, v = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), x = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__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"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), F = /* @__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"), 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() {
       return null;
     };
     g = {
-      react_stack_bottom_frame: function(f) {
-        return f();
+      react_stack_bottom_frame: function(h) {
+        return h();
       }
     };
     var j, J = {}, Y = g.react_stack_bottom_frame.bind(
       g,
       s
     )(), Z = G(t(s)), q = {};
-    de.Fragment = _, de.jsx = function(f, b, k) {
-      var S = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return c(
-        f,
+    de.Fragment = _, de.jsx = function(h, b, k) {
+      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return u(
+        h,
         b,
         k,
         !1,
-        S ? Error("react-stack-top-frame") : Y,
-        S ? G(t(f)) : Z
+        v ? Error("react-stack-top-frame") : Y,
+        v ? G(t(h)) : Z
       );
-    }, de.jsxs = function(f, b, k) {
-      var S = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return c(
-        f,
+    }, de.jsxs = function(h, b, k) {
+      var v = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return u(
+        h,
         b,
         k,
         !0,
-        S ? Error("react-stack-top-frame") : Y,
-        S ? G(t(f)) : Z
+        v ? Error("react-stack-top-frame") : Y,
+        v ? G(t(h)) : Z
       );
     };
   })()), de;
@@ -273,25 +273,25 @@ function En() {
   return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? ge.exports = _n() : ge.exports = Cn()), ge.exports;
 }
 var d = En();
-function ae(r, o, e) {
+function le(r, o, e) {
   let t = e.initialDeps ?? [], n, s = !0;
   function i() {
-    var a, l, h;
-    let c;
-    e.key && ((a = e.debug) != null && a.call(e)) && (c = Date.now());
-    const u = r();
-    if (!(u.length !== t.length || u.some((v, y) => t[y] !== v)))
+    var a, l, f;
+    let u;
+    e.key && ((a = e.debug) != null && a.call(e)) && (u = Date.now());
+    const c = r();
+    if (!(c.length !== t.length || c.some((p, y) => t[y] !== p)))
       return n;
-    t = u;
+    t = c;
     let g;
-    if (e.key && ((l = e.debug) != null && l.call(e)) && (g = Date.now()), n = o(...u), e.key && ((h = e.debug) != null && h.call(e))) {
-      const v = Math.round((Date.now() - c) * 100) / 100, y = Math.round((Date.now() - g) * 100) / 100, _ = y / 16, x = (C, R) => {
-        for (C = String(C); C.length < R; )
-          C = " " + C;
-        return C;
+    if (e.key && ((l = e.debug) != null && l.call(e)) && (g = Date.now()), n = o(...c), e.key && ((f = e.debug) != null && f.call(e))) {
+      const p = Math.round((Date.now() - u) * 100) / 100, y = Math.round((Date.now() - g) * 100) / 100, _ = y / 16, C = (x, R) => {
+        for (x = String(x); x.length < R; )
+          x = " " + x;
+        return x;
       };
       console.info(
-        `%c⏱ ${x(y, 5)} /${x(v, 5)} ms`,
+        `%c⏱ ${C(y, 5)} /${C(p, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -344,9 +344,9 @@ const On = (r, o) => Math.abs(r - o) < 1.01, Rn = (r, o, e) => {
     const a = () => {
       const l = i[0];
       if (l?.borderBoxSize) {
-        const h = l.borderBoxSize[0];
-        if (h) {
-          n({ width: h.inlineSize, height: h.blockSize });
+        const f = l.borderBoxSize[0];
+        if (f) {
+          n({ width: f.inlineSize, height: f.blockSize });
           return;
         }
       }
@@ -374,16 +374,16 @@ const On = (r, o) => Math.abs(r - o) < 1.01, Rn = (r, o, e) => {
       o(n, !1);
     },
     r.options.isScrollingResetDelay
-  ), i = (c) => () => {
-    const { horizontal: u, isRtl: m } = r.options;
-    n = u ? e.scrollLeft * (m && -1 || 1) : e.scrollTop, s(), o(n, c);
+  ), i = (u) => () => {
+    const { horizontal: c, isRtl: m } = r.options;
+    n = c ? e.scrollLeft * (m && -1 || 1) : e.scrollTop, s(), o(n, u);
   }, a = i(!0), l = i(!1);
   e.addEventListener("scroll", a, nt);
-  const h = r.options.useScrollendEvent && rt;
-  return h && e.addEventListener("scrollend", l, nt), () => {
-    e.removeEventListener("scroll", a), h && e.removeEventListener("scrollend", l);
+  const f = r.options.useScrollendEvent && rt;
+  return f && e.addEventListener("scrollend", l, nt), () => {
+    e.removeEventListener("scroll", a), f && e.removeEventListener("scrollend", l);
   };
-}, Tn = (r, o, e) => {
+}, Fn = (r, o, e) => {
   if (o?.borderBoxSize) {
     const t = o.borderBoxSize[0];
     if (t)
@@ -392,7 +392,7 @@ const On = (r, o) => Math.abs(r - o) < 1.01, Rn = (r, o, e) => {
       );
   }
   return r[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, Fn = (r, {
+}, Tn = (r, {
   adjustments: o = 0,
   behavior: e
 }, t) => {
@@ -445,7 +445,7 @@ class Mn {
         rangeExtractor: kn,
         onChange: () => {
         },
-        measureElement: Tn,
+        measureElement: Fn,
         initialRect: { width: 0, height: 0 },
         scrollMargin: 0,
         gap: 0,
@@ -462,7 +462,7 @@ class Mn {
     }, this.notify = (e) => {
       var t, n;
       (n = (t = this.options).onChange) == null || n.call(t, this, e);
-    }, this.maybeNotify = ae(
+    }, this.maybeNotify = le(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -520,7 +520,7 @@ class Mn {
           break;
       }
       return s.size === this.options.lanes ? Array.from(s.values()).sort((i, a) => i.end === a.end ? i.index - a.index : i.end - a.end)[0] : void 0;
-    }, this.getMeasurementOptions = ae(
+    }, this.getMeasurementOptions = le(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -540,7 +540,7 @@ class Mn {
       {
         key: !1
       }
-    ), this.getMeasurements = ae(
+    ), this.getMeasurements = le(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
       ({ count: e, paddingStart: t, scrollMargin: n, getItemKey: s, enabled: i, lanes: a }, l) => {
         if (!i)
@@ -551,43 +551,43 @@ class Mn {
         this.lanesChangedFlag && (this.lanesChangedFlag = !1, this.lanesSettling = !0, this.measurementsCache = [], this.itemSizeCache.clear(), this.laneAssignments.clear(), this.pendingMeasuredCacheIndexes = []), this.measurementsCache.length === 0 && !this.lanesSettling && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((m) => {
           this.itemSizeCache.set(m.key, m.size);
         }));
-        const h = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
+        const f = this.lanesSettling ? 0 : this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
         this.pendingMeasuredCacheIndexes = [], this.lanesSettling && this.measurementsCache.length === e && (this.lanesSettling = !1);
-        const c = this.measurementsCache.slice(0, h), u = new Array(a).fill(
+        const u = this.measurementsCache.slice(0, f), c = new Array(a).fill(
           void 0
         );
-        for (let m = 0; m < h; m++) {
-          const g = c[m];
-          g && (u[g.lane] = m);
+        for (let m = 0; m < f; m++) {
+          const g = u[m];
+          g && (c[g.lane] = m);
         }
-        for (let m = h; m < e; m++) {
-          const g = s(m), v = this.laneAssignments.get(m);
+        for (let m = f; m < e; m++) {
+          const g = s(m), p = this.laneAssignments.get(m);
           let y, _;
-          if (v !== void 0 && this.options.lanes > 1) {
-            y = v;
-            const O = u[y], N = O !== void 0 ? c[O] : void 0;
+          if (p !== void 0 && this.options.lanes > 1) {
+            y = p;
+            const O = c[y], N = O !== void 0 ? u[O] : void 0;
             _ = N ? N.end + this.options.gap : t + n;
           } else {
-            const O = this.options.lanes === 1 ? c[m - 1] : this.getFurthestMeasurement(c, m);
+            const O = this.options.lanes === 1 ? u[m - 1] : this.getFurthestMeasurement(u, m);
             _ = O ? O.end + this.options.gap : t + n, y = O ? O.lane : m % this.options.lanes, this.options.lanes > 1 && this.laneAssignments.set(m, y);
           }
-          const x = l.get(g), C = typeof x == "number" ? x : this.options.estimateSize(m), R = _ + C;
-          c[m] = {
+          const C = l.get(g), x = typeof C == "number" ? C : this.options.estimateSize(m), R = _ + x;
+          u[m] = {
             index: m,
             start: _,
-            size: C,
+            size: x,
             end: R,
             key: g,
             lane: y
-          }, u[y] = m;
+          }, c[y] = m;
         }
-        return this.measurementsCache = c, c;
+        return this.measurementsCache = u, u;
       },
       {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = ae(
+    ), this.calculateRange = le(
       () => [
         this.getMeasurements(),
         this.getSize(),
@@ -604,7 +604,7 @@ class Mn {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = ae(
+    ), this.getVirtualIndexes = le(
       () => {
         let e = null, t = null;
         const n = this.calculateRange();
@@ -654,7 +654,7 @@ class Mn {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = ae(
+    }, this.getVirtualItems = le(
       () => [this.getVirtualIndexes(), this.getMeasurements()],
       (e, t) => {
         const n = [];
@@ -672,7 +672,7 @@ class Mn {
       const t = this.getMeasurements();
       if (t.length !== 0)
         return et(
-          t[_t(
+          t[Ct(
             0,
             t.length - 1,
             (n) => et(t[n]).start,
@@ -725,28 +725,28 @@ class Mn {
         "The `smooth` scroll behavior is not fully supported with dynamic size."
       ), e = Math.max(0, Math.min(e, this.options.count - 1)), this.currentScrollToIndex = e;
       let s = 0;
-      const i = 10, a = (h) => {
+      const i = 10, a = (f) => {
         if (!this.targetWindow) return;
-        const c = this.getOffsetForIndex(e, h);
-        if (!c) {
+        const u = this.getOffsetForIndex(e, f);
+        if (!u) {
           console.warn("Failed to get offset for index:", e);
           return;
         }
-        const [u, m] = c;
-        this._scrollToOffset(u, { adjustments: void 0, behavior: n }), this.targetWindow.requestAnimationFrame(() => {
+        const [c, m] = u;
+        this._scrollToOffset(c, { adjustments: void 0, behavior: n }), this.targetWindow.requestAnimationFrame(() => {
           const g = () => {
             if (this.currentScrollToIndex !== e) return;
-            const v = this.getScrollOffset(), y = this.getOffsetForIndex(e, m);
+            const p = this.getScrollOffset(), y = this.getOffsetForIndex(e, m);
             if (!y) {
               console.warn("Failed to get offset for index:", e);
               return;
             }
-            On(y[0], v) || l(m);
+            On(y[0], p) || l(m);
           };
           this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(g) : g();
         });
-      }, l = (h) => {
-        this.targetWindow && this.currentScrollToIndex === e && (s++, s < i ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", s, i), this.targetWindow.requestAnimationFrame(() => a(h))) : console.warn(
+      }, l = (f) => {
+        this.targetWindow && this.currentScrollToIndex === e && (s++, s < i ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", s, i), this.targetWindow.requestAnimationFrame(() => a(f))) : console.warn(
           `Failed to scroll to index ${e} after ${i} attempts.`
         ));
       };
@@ -789,7 +789,7 @@ class Mn {
     }, this.setOptions(o);
   }
 }
-const _t = (r, o, e, t) => {
+const Ct = (r, o, e, t) => {
   for (; r <= o; ) {
     const n = (r + o) / 2 | 0, s = e(n);
     if (s < t)
@@ -813,7 +813,7 @@ function Pn({
       startIndex: 0,
       endIndex: n
     };
-  let i = _t(
+  let i = Ct(
     0,
     n,
     s,
@@ -824,14 +824,14 @@ function Pn({
       a++;
   else if (t > 1) {
     const l = Array(t).fill(0);
-    for (; a < n && l.some((c) => c < e + o); ) {
-      const c = r[a];
-      l[c.lane] = c.end, a++;
+    for (; a < n && l.some((u) => u < e + o); ) {
+      const u = r[a];
+      l[u.lane] = u.end, a++;
     }
-    const h = Array(t).fill(e + o);
-    for (; i >= 0 && h.some((c) => c >= e); ) {
-      const c = r[i];
-      h[c.lane] = c.start, i--;
+    const f = Array(t).fill(e + o);
+    for (; i >= 0 && f.some((u) => u >= e); ) {
+      const u = r[i];
+      f[u.lane] = u.start, i--;
     }
     i = Math.max(0, i - i % t), a = Math.min(n, a + (t - 1 - a % t));
   }
@@ -857,7 +857,7 @@ function zn(r) {
   return Dn({
     observeElementRect: jn,
     observeElementOffset: An,
-    scrollToFn: Fn,
+    scrollToFn: Tn,
     ...r
   });
 }
@@ -958,7 +958,7 @@ const { Provider: $n, useStore: Nn } = Ce(
     pageSize: e,
     total: r.length
   })
-), Ct = Be((r, o) => {
+), Et = Be((r, o) => {
   const {
     clearable: e = !0,
     combobox: t,
@@ -967,16 +967,16 @@ const { Provider: $n, useStore: Nn } = Ce(
     isFetching: i,
     label: a,
     leftSection: l,
-    onBlur: h,
-    onClear: c,
-    onSearch: u,
+    onBlur: f,
+    onClear: u,
+    onSearch: c,
     placeholder: m,
     search: g
-  } = r, v = i ? /* @__PURE__ */ d.jsx($t, { size: "xs" }) : g && e ? /* @__PURE__ */ d.jsx(
+  } = r, p = i ? /* @__PURE__ */ d.jsx(Nt, { size: "xs" }) : g && e ? /* @__PURE__ */ d.jsx(
     _e,
     {
       onClick: (y) => {
-        y.stopPropagation(), c();
+        y.stopPropagation(), u();
       },
       size: "sm",
       variant: "subtle",
@@ -990,18 +990,18 @@ const { Provider: $n, useStore: Nn } = Ce(
       error: s,
       label: a,
       leftSection: l,
-      onBlur: h,
-      onChange: u,
+      onBlur: f,
+      onChange: c,
       onClick: () => t.openDropdown(),
       onFocus: () => t.openDropdown(),
       placeholder: m,
       ref: o,
-      rightSection: v,
+      rightSection: p,
       value: g
     }
   );
 });
-Ct.displayName = "BoxerTarget";
+Et.displayName = "BoxerTarget";
 const Ln = (r) => {
   const { boxerData: o, multiSelect: e, onOptionSubmit: t, value: n } = r;
   return { options: yt(() => o.map((i, a) => {
@@ -1015,7 +1015,7 @@ const Ln = (r) => {
         },
         value: String(a),
         children: e ? /* @__PURE__ */ d.jsxs("div", { style: { alignItems: "center", display: "flex", gap: "8px" }, children: [
-          /* @__PURE__ */ d.jsx(Nt, { checked: l, onChange: () => {
+          /* @__PURE__ */ d.jsx(Lt, { checked: l, onChange: () => {
           }, tabIndex: -1 }),
           /* @__PURE__ */ d.jsx("span", { children: i.label })
         ] }) : i.label
@@ -1023,130 +1023,130 @@ const Ln = (r) => {
       `${i.value}-${a}`
     );
   }), [o, n, e, t]) };
-}, Et = $.forwardRef((r, o) => {
+}, Ot = $.forwardRef((r, o) => {
   const e = U(null), t = U(null), n = U(null), s = U(null), {
     boxerData: i,
     clearable: a,
     comboBoxProps: l,
-    dropDownProps: h,
-    error: c,
-    fetchData: u,
+    dropDownProps: f,
+    error: u,
+    fetchData: c,
     fetchMoreOnBottomReached: m,
     input: g,
-    isFetching: v,
+    isFetching: p,
     label: y,
     mah: _,
-    multiSelect: x,
-    onBufferChange: C,
+    multiSelect: C,
+    onBufferChange: x,
     onChange: R,
     opened: O,
     openOnClear: N,
     placeholder: w,
-    scrollAreaProps: p,
+    scrollAreaProps: S,
     search: E,
     selectedOptionIndex: D,
     selectFirst: L,
-    setInput: F,
+    setInput: T,
     setOpened: M,
     setSearch: A,
     setSelectedOptionIndex: B,
     showAll: G,
     value: j
-  } = Nn((S) => ({
-    boxerData: S.boxerData,
-    clearable: S.clearable,
-    comboBoxProps: S.comboBoxProps,
-    dropDownProps: S.dropDownProps,
-    error: S.error,
-    fetchData: S.fetchData,
-    fetchMoreOnBottomReached: S.fetchMoreOnBottomReached,
-    input: S.input,
-    isFetching: S.isFetching,
-    label: S.label,
-    mah: S.mah,
-    multiSelect: S.multiSelect,
-    onBufferChange: S.onBufferChange,
-    onChange: S.onChange,
-    opened: S.opened,
-    openOnClear: S.openOnClear,
-    placeholder: S.placeholder,
-    scrollAreaProps: S.scrollAreaProps,
-    search: S.search,
-    selectedOptionIndex: S.selectedOptionIndex,
-    selectFirst: S.selectFirst,
-    setInput: S.setInput,
-    setOpened: S.setOpened,
-    setSearch: S.setSearch,
-    setSelectedOptionIndex: S.setSelectedOptionIndex,
-    showAll: S.showAll,
-    value: S.value
+  } = Nn((v) => ({
+    boxerData: v.boxerData,
+    clearable: v.clearable,
+    comboBoxProps: v.comboBoxProps,
+    dropDownProps: v.dropDownProps,
+    error: v.error,
+    fetchData: v.fetchData,
+    fetchMoreOnBottomReached: v.fetchMoreOnBottomReached,
+    input: v.input,
+    isFetching: v.isFetching,
+    label: v.label,
+    mah: v.mah,
+    multiSelect: v.multiSelect,
+    onBufferChange: v.onBufferChange,
+    onChange: v.onChange,
+    opened: v.opened,
+    openOnClear: v.openOnClear,
+    placeholder: v.placeholder,
+    scrollAreaProps: v.scrollAreaProps,
+    search: v.search,
+    selectedOptionIndex: v.selectedOptionIndex,
+    selectFirst: v.selectFirst,
+    setInput: v.setInput,
+    setOpened: v.setOpened,
+    setSearch: v.setSearch,
+    setSelectedOptionIndex: v.setSelectedOptionIndex,
+    showAll: v.showAll,
+    value: v.value
   })), J = i.length, Y = zn({
     count: J,
     estimateSize: () => 36,
     getScrollElement: () => e.current
   }), Z = Y.getVirtualItems(), q = oe(
-    (S) => {
-      const z = typeof S == "string" ? parseInt(S, 10) : S, P = i[z];
+    (v) => {
+      const z = typeof v == "string" ? parseInt(v, 10) : v, P = i[z];
       if (P)
-        if (x) {
-          const T = Array.isArray(j) ? j : [], se = T.includes(P.value) ? T.filter((Oe) => Oe !== P.value) : [...T, P.value];
-          R?.(se);
-          const Ee = i.filter((Oe) => se.includes(Oe.value));
-          C?.(Ee);
+        if (C) {
+          const F = Array.isArray(j) ? j : [], ie = F.includes(P.value) ? F.filter((Oe) => Oe !== P.value) : [...F, P.value];
+          R?.(ie);
+          const Ee = i.filter((Oe) => ie.includes(Oe.value));
+          x?.(Ee);
         } else
-          R?.(P.value), A(""), F(P.label), n.current = P.value, M(!1);
+          R?.(P.value), A(""), T(P.label), n.current = P.value, M(!1);
     },
-    [i, x, j, R, C, A, F, M]
-  ), f = oe(() => {
-    G && L ? q(0) : (R?.(x ? [] : null), A(""), F(""), t.current?.focus()), N && M(!0);
-  }, [G, L, x, R, A, F, N, M, q]), b = Lt({
-    getOptionId: (S) => String(S),
+    [i, C, j, R, x, A, T, M]
+  ), 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({
+    getOptionId: (v) => String(v),
     onDropdownClose: () => {
       M(!1);
     },
     onDropdownOpen: () => {
-      (!j || x && (!Array.isArray(j) || j.length === 0)) && (A(""), F("")), b.selectFirstOption();
+      (!j || C && (!Array.isArray(j) || j.length === 0)) && (A(""), T("")), b.selectFirstOption();
     },
     onSelectedOptionSubmit: q,
     opened: O,
     selectedOptionIndex: D,
-    setSelectedOptionIndex: (S) => {
-      B(S), S !== -1 && Y.scrollToIndex(S);
+    setSelectedOptionIndex: (v) => {
+      B(v), v !== -1 && Y.scrollToIndex(v);
     },
     totalOptionsCount: i.length
   }), { options: k } = Ln({
     boxerData: i,
-    multiSelect: x,
+    multiSelect: C,
     onOptionSubmit: q,
     value: j
   });
   return I(() => {
-    u("", !0);
+    c("", !0);
   }, []), I(() => {
-    const S = setTimeout(() => {
-      E !== void 0 && O && u(E, !0);
+    const v = setTimeout(() => {
+      E !== void 0 && O && c(E, !0);
     }, 300);
-    return () => clearTimeout(S);
+    return () => clearTimeout(v);
   }, [E, O]), I(() => {
-    if (x) {
-      const S = i.filter((z) => Array.isArray(j) && j.includes(z.value)).map((z) => z.label).join(", ");
-      !O && g !== S && (F(S), A(""));
+    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(""));
     } else {
-      const S = i.find((z) => z.value === j)?.label;
-      g !== S && (E ?? "") === "" && n.current !== j && j ? F(S ?? "") : !j && !n.current && (E ?? "") === "" && (A(""), F(""));
+      const v = i.find((z) => z.value === j)?.label;
+      g !== v && (E ?? "") === "" && n.current !== j && j ? T(v ?? "") : !j && !n.current && (E ?? "") === "" && (A(""), T(""));
     }
-    if (x) {
-      const S = i.filter((z) => Array.isArray(j) && j.includes(z.value)) ?? [];
-      JSON.stringify(s.current) !== JSON.stringify(S) && (C?.(S), s.current = S);
+    if (C) {
+      const v = i.filter((z) => Array.isArray(j) && j.includes(z.value)) ?? [];
+      JSON.stringify(s.current) !== JSON.stringify(v) && (x?.(v), s.current = v);
     } else {
-      const S = i?.find((z) => z.value === j) ?? null;
-      s.current?.value !== S?.value && (C?.(S), s.current = S);
+      const v = i?.find((z) => z.value === j) ?? null;
+      s.current?.value !== v?.value && (x?.(v), s.current = v);
     }
-  }, [j, i, g, E, x, O, C, F, A]), I(() => {
-    L && (i?.length ?? 0) > 0 && !x && (j || q?.(0));
-  }, [L, i, x]), Ge(o, () => ({
+  }, [j, i, g, E, C, O, x, T, A]), I(() => {
+    L && (i?.length ?? 0) > 0 && !C && (j || q?.(0));
+  }, [L, i, C]), Ge(o, () => ({
     clear: () => {
-      f();
+      h();
     },
     close: () => {
       M(!1), b.closeDropdown();
@@ -1158,8 +1158,8 @@ const Ln = (r) => {
     open: () => {
       M(!0), b.openDropdown();
     },
-    setValue: (S) => {
-      R?.(S);
+    setValue: (v) => {
+      R?.(v);
     }
   })), /* @__PURE__ */ d.jsxs(
     te,
@@ -1170,19 +1170,19 @@ const Ln = (r) => {
       withinPortal: !0,
       children: [
         /* @__PURE__ */ d.jsx(te.Target, { children: /* @__PURE__ */ d.jsx(te.EventsTarget, { children: /* @__PURE__ */ d.jsx(
-          Ct,
+          Et,
           {
             clearable: a,
             combobox: b,
-            error: c,
-            isFetching: v,
+            error: u,
+            isFetching: p,
             label: y,
             onBlur: () => {
-              !j && !x && (A(""), F(""), b.closeDropdown(), M(!1));
+              !j && !C && (A(""), T(""), b.closeDropdown(), M(!1));
             },
-            onClear: f,
-            onSearch: (S) => {
-              A(S.currentTarget.value), F(S.currentTarget.value), M(!0);
+            onClear: h,
+            onSearch: (v) => {
+              A(v.currentTarget.value), T(v.currentTarget.value), M(!0);
             },
             placeholder: w,
             ref: t,
@@ -1196,16 +1196,16 @@ const Ln = (r) => {
               t.current && (t.current.value = "", t.current?.focus());
             },
             p: 2,
-            ...h,
+            ...f,
             children: O && k.length > 0 ? /* @__PURE__ */ d.jsx(te.Options, { children: /* @__PURE__ */ d.jsx(
-              Bt.Autosize,
+              Gt.Autosize,
               {
-                ...p,
+                ...S,
                 mah: _ ?? 200,
                 viewportProps: {
-                  ...p?.viewportProps,
-                  onScroll: (S) => {
-                    m(S.currentTarget);
+                  ...S?.viewportProps,
+                  onScroll: (v) => {
+                    m(v.currentTarget);
                   },
                   style: { border: "1px solid gray", borderRadius: 4 }
                 },
@@ -1228,14 +1228,14 @@ const Ln = (r) => {
                           transform: `translateY(${Z[0]?.start ?? 0}px)`,
                           width: "100%"
                         },
-                        children: Z.map((S) => /* @__PURE__ */ d.jsx(
+                        children: Z.map((v) => /* @__PURE__ */ d.jsx(
                           "div",
                           {
-                            "data-index": S.index,
+                            "data-index": v.index,
                             ref: Y.measureElement,
-                            children: k[S.index]
+                            children: k[v.index]
                           },
-                          S.key
+                          v.key
                         ))
                       }
                     )
@@ -1249,8 +1249,8 @@ const Ln = (r) => {
     }
   );
 });
-Et.displayName = "BoxerInner";
-const Bn = $.forwardRef((r, o) => /* @__PURE__ */ d.jsx($n, { ...r, children: /* @__PURE__ */ d.jsx(Et, { ref: o }) }));
+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 {
   config = { enabled: !0 };
@@ -1513,7 +1513,7 @@ class so extends $.Component {
           )
         ] }),
         this.state.error && /* @__PURE__ */ d.jsxs(
-          Gt,
+          Vt,
           {
             p: "md",
             shadow: "xs",
@@ -1531,7 +1531,7 @@ class so extends $.Component {
             ]
           }
         ),
-        /* @__PURE__ */ d.jsx(Vt, { in: this.state.showDetail, children: /* @__PURE__ */ d.jsx(qt, { block: !0, color: "rgba(235, 86, 5, 0.6)", mah: "100vh", w: "100%", children: this.state.errorInfo.componentStack }) })
+        /* @__PURE__ */ d.jsx(qt, { in: this.state.showDetail, children: /* @__PURE__ */ d.jsx(Ht, { block: !0, color: "rgba(235, 86, 5, 0.6)", mah: "100vh", w: "100%", children: this.state.errorInfo.componentStack }) })
       ] });
     if (this.state.try) {
       if (!this.state.timer) {
@@ -1597,6 +1597,7 @@ class so extends $.Component {
 }
 const { Provider: qn, useStore: me } = Ce(
   (r, o) => ({
+    getAllState: () => o(),
     getState: (e) => o()?.[e],
     load: async (e) => {
       try {
@@ -1609,11 +1610,12 @@ const { Provider: qn, useStore: me } = Ce(
             o().values,
             n
           );
-          o().afterGet && (s = await o().afterGet({ ...s })), r({ loading: !1, values: s }), o().onChange?.(s);
+          o().afterGet && (s = await o().afterGet({ ...s }, o())), r({ loading: !1, values: s }), o().onChange?.(s, o());
         }
         e && o().getFormMethods && o().getFormMethods().reset();
       } catch (t) {
-        r({ error: t?.message ?? t, loading: !1 });
+        const n = t?.message ?? t;
+        r({ error: n, loading: !1 }), o().onError?.(n, o());
       }
       r({ loading: !1 });
     },
@@ -1631,14 +1633,15 @@ const { Provider: qn, useStore: me } = Ce(
         if (r({ loading: !0 }), o().getFormMethods) {
           const n = o().getFormMethods();
           let s = n.getValues();
-          o().beforeSave && (s = await o().beforeSave(s));
+          o().beforeSave && (s = await o().beforeSave(s, o()));
           let i = !1;
           if (await n.handleSubmit(
             (l) => {
               s = l;
             },
             (l) => {
-              r({ error: l.root?.message || "Validation errors", loading: !1 }), i = !0;
+              const f = l.root?.message || "Validation errors";
+              r({ error: f, loading: !1 }), o().onError?.(f, o()), i = !0;
             }
           )(e), i) {
             r({ loading: !1 });
@@ -1649,18 +1652,27 @@ const { Provider: qn, useStore: me } = Ce(
             return;
           }
           if (o().onAPICall) {
-            const l = o()?.uniqueKeyField || "id", h = o().values?.[l] ?? o().primeData?.[l], c = await o().onAPICall(
+            const l = o()?.uniqueKeyField || "id", f = o().values?.[l] ?? o().primeData?.[l], u = await o().onAPICall(
               "mutate",
               o().request || "insert",
               s,
-              h
-            );
-            return o().afterSave && await o().afterSave(c), r({ loading: !1, values: c }), o().onChange?.(c), n.reset(c), t || o().onClose?.(c), c;
+              f
+            ), c = { ...s, ...u };
+            if (o().afterSave && await o().afterSave(c, o()), t) {
+              const m = o()?.uniqueKeyField || "id", g = { ...c };
+              return delete g[m], r({ loading: !1, values: g }), o().onChange?.(g, o()), n.reset(g), c;
+            }
+            return r({ loading: !1, values: c }), o().onChange?.(c, o()), n.reset(c), o().onClose?.(c), c;
+          }
+          if (t) {
+            const l = o()?.uniqueKeyField || "id", f = { ...s };
+            return delete f[l], r({ loading: !1, values: f }), n.reset(f), o().onChange?.(f, o()), s;
           }
-          return r({ loading: !1, values: s }), n.reset(s), o().onChange?.(s), t || o().onClose?.(s), s;
+          return r({ loading: !1, values: s }), n.reset(s), o().onChange?.(s, o()), o().onClose?.(s), s;
         }
       } catch (t) {
-        r({ error: t?.message ?? t, loading: !1 });
+        const n = t?.message ?? t;
+        r({ error: n, loading: !1 }), o().onError?.(n, o());
       }
     },
     setRequest: (e) => {
@@ -1690,9 +1702,9 @@ const { Provider: qn, useStore: me } = Ce(
     let a = e;
     return e || (a = async () => confirm("Are you sure you want to delete this item?")), {
       id: r || gn(),
-      onClose: () => {
-        const l = s.getState().dirty, h = s.getState().setState;
-        l ? confirm("You have unsaved changes. Are you sure you want to close?") && (o ? o() : h("opened", !1)) : o ? o() : h("opened", !1);
+      onClose: (l) => {
+        const f = s.getState().dirty, u = s.getState().setState;
+        f ? confirm("You have unsaved changes. Are you sure you want to close?") && (o ? o(l) : u("opened", !1)) : o ? o(l) : u("opened", !1);
       },
       onConfirmDelete: a,
       primeData: t,
@@ -1706,22 +1718,30 @@ const { Provider: qn, useStore: me } = Ce(
     closeButtonProps: o,
     closeButtonTitle: e,
     dirty: t,
-    onClose: n,
-    request: s,
-    save: i,
-    saveButtonProps: a,
-    saveButtonTitle: l
-  } = me((c) => ({
-    buttonAreaGroupProps: c.layout?.buttonAreaGroupProps,
-    closeButtonProps: c.layout?.closeButtonProps,
-    closeButtonTitle: c.layout?.closeButtonTitle,
-    dirty: c.dirty,
-    onClose: c.onClose,
-    request: c.request,
-    save: c.save,
-    saveButtonProps: c.layout?.saveButtonProps,
-    saveButtonTitle: c.layout?.saveButtonTitle
-  })), h = ["select", "view"].includes(s || "") || ["update"].includes(s || "") && !t;
+    getState: n,
+    keepOpen: s,
+    onClose: i,
+    request: a,
+    save: l,
+    saveButtonProps: f,
+    saveButtonTitle: u,
+    setState: c,
+    showKeepOpenSwitch: m
+  } = me((p) => ({
+    buttonAreaGroupProps: p.layout?.buttonAreaGroupProps,
+    closeButtonProps: p.layout?.closeButtonProps,
+    closeButtonTitle: p.layout?.closeButtonTitle,
+    dirty: p.dirty,
+    getState: p.getState,
+    keepOpen: p.keepOpen,
+    onClose: p.onClose,
+    request: p.request,
+    save: p.save,
+    saveButtonProps: p.layout?.saveButtonProps,
+    saveButtonTitle: p.layout?.saveButtonTitle,
+    setState: p.setState,
+    showKeepOpenSwitch: p.layout?.showKeepOpenSwitch
+  })), g = ["select", "view"].includes(a || "") || ["update"].includes(a || "") && !t;
   return /* @__PURE__ */ d.jsx(
     we,
     {
@@ -1731,7 +1751,7 @@ const { Provider: qn, useStore: me } = Ce(
       w: "100%",
       ...r,
       children: /* @__PURE__ */ d.jsxs(we, { grow: !0, justify: "space-evenly", children: [
-        typeof n == "function" && /* @__PURE__ */ d.jsx(
+        typeof i == "function" && /* @__PURE__ */ d.jsx(
           re,
           {
             color: "orange",
@@ -1741,15 +1761,23 @@ const { Provider: qn, useStore: me } = Ce(
             size: "sm",
             ...o,
             onClick: () => {
-              n();
+              i(n("values"));
             },
             children: e || "Close"
           }
         ),
+        m && /* @__PURE__ */ d.jsx(
+          wt,
+          {
+            checked: s,
+            label: "Keep Open",
+            onChange: (p) => c("keepOpen", p.currentTarget.checked)
+          }
+        ),
         /* @__PURE__ */ d.jsx(
           Q,
           {
-            label: h ? /* @__PURE__ */ d.jsxs("p", { children: [
+            label: g ? /* @__PURE__ */ d.jsxs("p", { children: [
               "Cannot save in view or select mode, or no changes made. ",
               /* @__PURE__ */ d.jsx("br", {}),
               "Try changing some values."
@@ -1757,16 +1785,16 @@ const { Provider: qn, useStore: me } = Ce(
             children: /* @__PURE__ */ d.jsx(
               re,
               {
-                bg: s === "delete" ? "red" : void 0,
+                bg: a === "delete" ? "red" : void 0,
                 color: "green",
                 leftSection: /* @__PURE__ */ d.jsx(ln, {}),
                 miw: "8rem",
                 px: "md",
                 size: "sm",
-                ...a,
-                disabled: h,
-                onClick: () => i(),
-                children: l || "Save"
+                ...f,
+                disabled: g,
+                onClick: () => l(),
+                children: u || "Save"
               }
             )
           }
@@ -1822,9 +1850,9 @@ const { Provider: qn, useStore: me } = Ce(
     loadingOverlayProps: i,
     opened: a,
     request: l,
-    reset: h,
-    save: c,
-    scrollAreaProps: u
+    reset: f,
+    save: u,
+    scrollAreaProps: c
   } = me((m) => ({
     disableHTMlForm: m.disableHTMlForm,
     getFormMethods: m.getFormMethods,
@@ -1843,17 +1871,17 @@ const { Provider: qn, useStore: me } = Ce(
   }, [e, l, a]), /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
     /* @__PURE__ */ d.jsx(Wn, {}),
     /* @__PURE__ */ d.jsxs(
-      Ht,
+      Wt,
       {
         offsetScrollbars: !0,
         scrollbarSize: 4,
         type: "auto",
-        ...u,
+        ...c,
         style: {
           height: "100%",
           padding: "0.25rem",
           width: "100%",
-          ...u?.style
+          ...c?.style
         },
         children: [
           o ? (
@@ -1863,15 +1891,15 @@ const { Provider: qn, useStore: me } = Ce(
             "form",
             {
               id: `former_f${t}`,
-              onReset: (m) => h(m),
-              onSubmit: (m) => c(m),
+              onReset: (m) => f(m),
+              onSubmit: (m) => u(m),
               "x-data-request": l,
               children: r.children
             },
             `former_${t}`
           ),
           /* @__PURE__ */ d.jsx(
-            Wt,
+            Kt,
             {
               loaderProps: { type: "bars" },
               overlayProps: {
@@ -1889,20 +1917,22 @@ const { Provider: qn, useStore: me } = Ce(
 }, Kn = Be(
   function(o, e) {
     const {
-      getState: t,
-      onChange: n,
-      onClose: s,
-      onOpen: i,
-      opened: a,
-      primeData: l,
-      reset: h,
+      getAllState: t,
+      getState: n,
+      onChange: s,
+      onClose: i,
+      onOpen: a,
+      opened: l,
+      primeData: f,
+      reset: u,
       save: c,
-      setState: u,
-      useFormProps: m,
-      validate: g,
-      values: v,
-      wrapper: y
+      setState: m,
+      useFormProps: g,
+      validate: p,
+      values: y,
+      wrapper: _
     } = me((x) => ({
+      getAllState: x.getAllState,
       getState: x.getState,
       onChange: x.onChange,
       onClose: x.onClose,
@@ -1916,45 +1946,51 @@ const { Provider: qn, useStore: me } = Ce(
       validate: x.validate,
       values: x.values,
       wrapper: x.wrapper
-    })), _ = hn({
-      defaultValues: l,
+    })), C = hn({
+      defaultValues: f,
       mode: "all",
       shouldUseNativeValidation: !0,
-      values: v,
-      ...m
+      values: y,
+      ...g
     });
     return Ge(
       e,
       () => ({
         close: async () => {
-          s?.(), u("opened", !1);
+          i?.(n("values")), m("opened", !1);
         },
-        getValue: () => t("values"),
+        getValue: () => n("values"),
         reset: () => {
-          h();
+          u();
         },
         save: async () => await c(),
         setValue: (x) => {
-          n?.(x);
+          s?.(x, t());
         },
         show: async () => {
-          u("opened", !0), i?.();
+          m("opened", !0), a?.();
         },
-        validate: async () => await g()
+        validate: async () => await p()
       }),
-      [t, n, g, c, h, u, s, i]
+      [n, t, s, p, c, u, m, i, a]
     ), I(() => {
-      u("getFormMethods", () => _), _ && _.subscribe({
+      m("getFormMethods", () => C), C && C.subscribe({
         callback: ({ isDirty: x }) => {
-          u("dirty", x);
+          m("dirty", x);
         },
         formState: { isDirty: !0 }
       });
-    }, [_]), /* @__PURE__ */ d.jsx(mn, { ..._, children: typeof y == "function" ? y(/* @__PURE__ */ d.jsx(st, { children: o.children }), a ?? !1, s ?? (() => {
-      u("opened", !1);
-    }), i ?? (() => {
-      u("opened", !0);
-    }), t) : /* @__PURE__ */ d.jsx(st, { children: o.children || null }) });
+    }, [C]), /* @__PURE__ */ d.jsx(mn, { ...C, children: typeof _ == "function" ? _(
+      /* @__PURE__ */ d.jsx(st, { children: o.children }),
+      l ?? !1,
+      i ?? (() => {
+        m("opened", !1);
+      }),
+      a ?? (() => {
+        m("opened", !0);
+      }),
+      n
+    ) : /* @__PURE__ */ d.jsx(st, { children: o.children || null }) });
   }
 ), He = Be(
   function(o, e) {
@@ -1980,10 +2016,12 @@ function io(r) {
         ...r.fetchOptions?.headers
       },
       method: "POST"
-    }, h = await fetch(i, l);
-    if (!h.ok)
-      throw new Error(`API request failed with status ${h.status}`);
-    return await h.json();
+    }, f = await fetch(i, l);
+    if (!f.ok) {
+      const c = await f.text();
+      throw c && c.length > 4 ? new Error(`${c}`) : new Error(`API request failed with status ${f.status}`);
+    }
+    return await f.json();
   };
 }
 function ao(r) {
@@ -2004,8 +2042,10 @@ function ao(r) {
     };
     e !== "insert" && (i = `${s}/${n}`);
     const l = await fetch(i, a);
-    if (!l.ok)
-      throw new Error(`API request failed with status ${l.status}`);
+    if (!l.ok) {
+      const u = await l.text();
+      throw u && u.length > 4 ? new Error(`${u}`) : new Error(`API request failed with status ${l.status}`);
+    }
     return await l.json();
   };
 }
@@ -2017,14 +2057,14 @@ const lo = (r) => {
       ...e,
       onClose: t,
       opened: n,
-      wrapper: (i, a, l, h, c) => {
-        const u = c("values"), m = c("request"), g = c("uniqueKeyField") ?? "id";
+      wrapper: (i, a, l, f, u) => {
+        const c = u("values"), m = u("request"), g = u("uniqueKeyField") ?? "id";
         return /* @__PURE__ */ d.jsx(
-          Kt,
+          Ut,
           {
             closeOnClickOutside: !1,
             h: "100%",
-            title: m === "delete" ? `Delete Record - ${u?.[g]}` : m === "insert" ? "New Record" : `Edit Record - ${u?.[g]}`,
+            title: m === "delete" ? `Delete Record - ${c?.[g]}` : m === "insert" ? "New Record" : `Edit Record - ${c?.[g]}`,
             ...s,
             onClose: () => l?.(),
             opened: a ?? !1,
@@ -2043,14 +2083,14 @@ const lo = (r) => {
       ...e,
       onClose: t,
       opened: n,
-      wrapper: (i, a, l, h, c) => {
-        const u = c("values"), m = c("request"), g = c("uniqueKeyField") ?? "id";
+      wrapper: (i, a, l, f, u) => {
+        const c = u("values"), m = u("request"), g = u("uniqueKeyField") ?? "id";
         return /* @__PURE__ */ d.jsx(
-          Ut,
+          Jt,
           {
             closeOnClickOutside: !1,
             h: "100%",
-            title: m === "delete" ? `Delete Record - ${u?.[g]}` : m === "insert" ? "New Record" : `Edit Record - ${u?.[g]}`,
+            title: m === "delete" ? `Delete Record - ${c?.[g]}` : m === "insert" ? "New Record" : `Edit Record - ${c?.[g]}`,
             ...s,
             onClose: () => l?.(),
             opened: a ?? !1,
@@ -2069,7 +2109,7 @@ const lo = (r) => {
       ...e,
       onClose: t,
       opened: n,
-      wrapper: (a, l, h) => /* @__PURE__ */ d.jsxs(
+      wrapper: (a, l, f) => /* @__PURE__ */ d.jsxs(
         Re,
         {
           closeOnClickOutside: !1,
@@ -2078,7 +2118,7 @@ const lo = (r) => {
           width: 250,
           withArrow: !0,
           ...i,
-          onClose: () => h?.(),
+          onClose: () => f?.(),
           opened: l ?? !1,
           children: [
             /* @__PURE__ */ d.jsx(Re.Target, { children: s }),
@@ -2090,7 +2130,26 @@ const lo = (r) => {
     }
   );
 }, fo = (r) => {
-  const [o, e] = le(!1);
+  const [o, e] = se({
+    onChange: r?.onChange,
+    onClose: r?.onClose ?? (() => e((l) => ({ ...l, opened: !1 }))),
+    opened: r?.opened ?? !1,
+    primeData: r?.primeData ?? r?.values,
+    request: r?.request ?? "insert",
+    values: r?.values
+  }), t = (l) => {
+    e((f) => ({ ...f, ...l }));
+  }, { onChange: n, onClose: s, opened: i, ...a } = o;
+  return {
+    former: { ...a, onChange: n, onClose: s, opened: i },
+    formerWrapper: { onClose: s, opened: i },
+    open: (l, f) => {
+      e((u) => ({ ...u, opened: !0, primeData: f, request: l, values: f }));
+    },
+    updateState: t
+  };
+}, ho = (r) => {
+  const [o, e] = se(!1);
   return /* @__PURE__ */ d.jsx(Q, { label: r.tooltip ?? "", withArrow: !0, children: /* @__PURE__ */ d.jsx(
     re,
     {
@@ -2105,8 +2164,8 @@ const lo = (r) => {
       children: r.children
     }
   ) });
-}, ho = (r) => {
-  const [o, e] = le(!1);
+}, mo = (r) => {
+  const [o, e] = se(!1);
   return /* @__PURE__ */ d.jsx(Q, { label: r.tooltip ?? "", withArrow: !0, children: /* @__PURE__ */ d.jsxs(
     _e,
     {
@@ -2120,14 +2179,14 @@ const lo = (r) => {
       },
       children: [
         r.children,
-        /* @__PURE__ */ d.jsxs(Jt, { children: [
+        /* @__PURE__ */ d.jsxs(Yt, { children: [
           "Action Button: ",
           r.tooltip ?? r.sid ?? ""
         ] })
       ]
     }
   ) });
-}, mo = (r) => {
+}, go = (r) => {
   const { control: o, name: e, sid: t, tooltip: n, ...s } = r;
   return /* @__PURE__ */ d.jsx(
     he,
@@ -2135,7 +2194,7 @@ const lo = (r) => {
       control: o,
       name: e,
       render: ({ field: i, formState: a }) => /* @__PURE__ */ d.jsx(Q, { label: n ?? "", withArrow: !0, children: /* @__PURE__ */ ce(
-        Yt,
+        Xt,
         {
           ...s,
           ...i,
@@ -2147,7 +2206,7 @@ const lo = (r) => {
       ) })
     }
   );
-}, go = (r) => {
+}, po = (r) => {
   const { control: o, name: e, sid: t, tooltip: n, ...s } = r;
   return /* @__PURE__ */ d.jsx(
     he,
@@ -2155,7 +2214,7 @@ const lo = (r) => {
       control: o,
       name: e,
       render: ({ field: i, formState: a }) => /* @__PURE__ */ d.jsx(Q, { label: n ?? "", withArrow: !0, children: /* @__PURE__ */ ce(
-        Xt,
+        Qt,
         {
           ...s,
           ...i,
@@ -2167,7 +2226,7 @@ const lo = (r) => {
       ) })
     }
   );
-}, po = (r) => {
+}, So = (r) => {
   const { control: o, name: e, sid: t, tooltip: n, ...s } = r;
   return /* @__PURE__ */ d.jsx(
     he,
@@ -2175,7 +2234,7 @@ const lo = (r) => {
       control: o,
       name: e,
       render: ({ field: i, formState: a }) => /* @__PURE__ */ d.jsx(Q, { label: n ?? "", withArrow: !0, children: /* @__PURE__ */ ce(
-        Qt,
+        wt,
         {
           ...s,
           ...i,
@@ -2190,7 +2249,7 @@ const lo = (r) => {
       ) })
     }
   );
-}, So = (r) => {
+}, vo = (r) => {
   const { control: o, name: e, sid: t, tooltip: n, ...s } = r;
   return /* @__PURE__ */ d.jsx(
     he,
@@ -2211,7 +2270,7 @@ const lo = (r) => {
       ) })
     }
   );
-}, vo = (r) => {
+}, yo = (r) => {
   const { control: o, name: e, sid: t, tooltip: n, ...s } = r;
   return /* @__PURE__ */ d.jsx(
     he,
@@ -2264,143 +2323,143 @@ function Yn() {
   if (ct) return Ae;
   ct = 1;
   var r = $;
-  function o(u, m) {
-    return u === m && (u !== 0 || 1 / u === 1 / m) || u !== u && m !== m;
+  function o(c, m) {
+    return c === m && (c !== 0 || 1 / c === 1 / m) || c !== c && m !== m;
   }
   var e = typeof Object.is == "function" ? Object.is : o, t = r.useState, n = r.useEffect, s = r.useLayoutEffect, i = r.useDebugValue;
-  function a(u, m) {
-    var g = m(), v = t({ inst: { value: g, getSnapshot: m } }), y = v[0].inst, _ = v[1];
+  function a(c, m) {
+    var g = m(), p = t({ inst: { value: g, getSnapshot: m } }), y = p[0].inst, _ = p[1];
     return s(
       function() {
         y.value = g, y.getSnapshot = m, l(y) && _({ inst: y });
       },
-      [u, g, m]
+      [c, g, m]
     ), n(
       function() {
-        return l(y) && _({ inst: y }), u(function() {
+        return l(y) && _({ inst: y }), c(function() {
           l(y) && _({ inst: y });
         });
       },
-      [u]
+      [c]
     ), i(g), g;
   }
-  function l(u) {
-    var m = u.getSnapshot;
-    u = u.value;
+  function l(c) {
+    var m = c.getSnapshot;
+    c = c.value;
     try {
       var g = m();
-      return !e(u, g);
+      return !e(c, g);
     } catch {
       return !0;
     }
   }
-  function h(u, m) {
+  function f(c, m) {
     return m();
   }
-  var c = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? h : a;
-  return Ae.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : c, Ae;
+  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : a;
+  return Ae.useSyncExternalStore = r.useSyncExternalStore !== void 0 ? r.useSyncExternalStore : u, Ae;
 }
-var Te = {};
+var Fe = {};
 var ut;
 function Xn() {
   return ut || (ut = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(g, v) {
-      return g === v && (g !== 0 || 1 / g === 1 / v) || g !== g && v !== v;
+    function r(g, p) {
+      return g === p && (g !== 0 || 1 / g === 1 / p) || g !== g && p !== p;
     }
-    function o(g, v) {
-      c || n.startTransition === void 0 || (c = !0, console.error(
+    function o(g, p) {
+      u || n.startTransition === void 0 || (u = !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 y = v();
-      if (!u) {
-        var _ = v();
+      var y = p();
+      if (!c) {
+        var _ = p();
         s(y, _) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
-        ), u = !0);
+        ), c = !0);
       }
       _ = i({
-        inst: { value: y, getSnapshot: v }
+        inst: { value: y, getSnapshot: p }
       });
-      var x = _[0].inst, C = _[1];
+      var C = _[0].inst, x = _[1];
       return l(
         function() {
-          x.value = y, x.getSnapshot = v, e(x) && C({ inst: x });
+          C.value = y, C.getSnapshot = p, e(C) && x({ inst: C });
         },
-        [g, y, v]
+        [g, y, p]
       ), a(
         function() {
-          return e(x) && C({ inst: x }), g(function() {
-            e(x) && C({ inst: x });
+          return e(C) && x({ inst: C }), g(function() {
+            e(C) && x({ inst: C });
           });
         },
         [g]
-      ), h(y), y;
+      ), f(y), y;
     }
     function e(g) {
-      var v = g.getSnapshot;
+      var p = g.getSnapshot;
       g = g.value;
       try {
-        var y = v();
+        var y = p();
         return !s(g, y);
       } catch {
         return !0;
       }
     }
-    function t(g, v) {
-      return v();
+    function t(g, p) {
+      return p();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var n = $, s = typeof Object.is == "function" ? Object.is : r, i = n.useState, a = n.useEffect, l = n.useLayoutEffect, h = n.useDebugValue, c = !1, u = !1, m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? t : o;
-    Te.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : m, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), Te;
+    var n = $, s = typeof Object.is == "function" ? Object.is : r, i = n.useState, a = n.useEffect, l = n.useLayoutEffect, f = n.useDebugValue, u = !1, c = !1, m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? t : o;
+    Fe.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : m, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), Fe;
 }
 var dt;
-function Ot() {
+function Rt() {
   return dt || (dt = 1, process.env.NODE_ENV === "production" ? Se.exports = Yn() : Se.exports = Xn()), Se.exports;
 }
 var ft;
 function Qn() {
   if (ft) return je;
   ft = 1;
-  var r = $, o = Ot();
-  function e(h, c) {
-    return h === c && (h !== 0 || 1 / h === 1 / c) || h !== h && c !== c;
+  var r = $, o = Rt();
+  function e(f, u) {
+    return f === u && (f !== 0 || 1 / f === 1 / u) || f !== f && u !== u;
   }
   var t = typeof Object.is == "function" ? Object.is : e, n = o.useSyncExternalStore, s = r.useRef, i = r.useEffect, a = r.useMemo, l = r.useDebugValue;
-  return je.useSyncExternalStoreWithSelector = function(h, c, u, m, g) {
-    var v = s(null);
-    if (v.current === null) {
+  return je.useSyncExternalStoreWithSelector = function(f, u, c, m, g) {
+    var p = s(null);
+    if (p.current === null) {
       var y = { hasValue: !1, value: null };
-      v.current = y;
-    } else y = v.current;
-    v = a(
+      p.current = y;
+    } else y = p.current;
+    p = a(
       function() {
-        function x(w) {
-          if (!C) {
-            if (C = !0, R = w, w = m(w), g !== void 0 && y.hasValue) {
-              var p = y.value;
-              if (g(p, w))
-                return O = p;
+        function C(w) {
+          if (!x) {
+            if (x = !0, R = w, w = m(w), g !== void 0 && y.hasValue) {
+              var S = y.value;
+              if (g(S, w))
+                return O = S;
             }
             return O = w;
           }
-          if (p = O, t(R, w)) return p;
+          if (S = O, t(R, w)) return S;
           var E = m(w);
-          return g !== void 0 && g(p, E) ? (R = w, p) : (R = w, O = E);
+          return g !== void 0 && g(S, E) ? (R = w, S) : (R = w, O = E);
         }
-        var C = !1, R, O, N = u === void 0 ? null : u;
+        var x = !1, R, O, N = c === void 0 ? null : c;
         return [
           function() {
-            return x(c());
+            return C(u());
           },
           N === null ? void 0 : function() {
-            return x(N());
+            return C(N());
           }
         ];
       },
-      [c, u, m, g]
+      [u, c, m, g]
     );
-    var _ = n(h, v[0], v[1]);
+    var _ = n(f, p[0], p[1]);
     return i(
       function() {
         y.hasValue = !0, y.value = _;
@@ -2409,50 +2468,50 @@ function Qn() {
     ), l(_), _;
   }, je;
 }
-var Fe = {};
+var Te = {};
 var ht;
 function Zn() {
   return ht || (ht = 1, process.env.NODE_ENV !== "production" && (function() {
-    function r(h, c) {
-      return h === c && (h !== 0 || 1 / h === 1 / c) || h !== h && c !== c;
+    function r(f, u) {
+      return f === u && (f !== 0 || 1 / f === 1 / u) || f !== f && u !== u;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = $, e = Ot(), t = typeof Object.is == "function" ? Object.is : r, n = e.useSyncExternalStore, s = o.useRef, i = o.useEffect, a = o.useMemo, l = o.useDebugValue;
-    Fe.useSyncExternalStoreWithSelector = function(h, c, u, m, g) {
-      var v = s(null);
-      if (v.current === null) {
+    var o = $, e = Rt(), t = typeof Object.is == "function" ? Object.is : r, n = e.useSyncExternalStore, s = o.useRef, i = o.useEffect, a = o.useMemo, l = o.useDebugValue;
+    Te.useSyncExternalStoreWithSelector = function(f, u, c, m, g) {
+      var p = s(null);
+      if (p.current === null) {
         var y = { hasValue: !1, value: null };
-        v.current = y;
-      } else y = v.current;
-      v = a(
+        p.current = y;
+      } else y = p.current;
+      p = a(
         function() {
-          function x(w) {
-            if (!C) {
-              if (C = !0, R = w, w = m(w), g !== void 0 && y.hasValue) {
-                var p = y.value;
-                if (g(p, w))
-                  return O = p;
+          function C(w) {
+            if (!x) {
+              if (x = !0, R = w, w = m(w), g !== void 0 && y.hasValue) {
+                var S = y.value;
+                if (g(S, w))
+                  return O = S;
               }
               return O = w;
             }
-            if (p = O, t(R, w))
-              return p;
+            if (S = O, t(R, w))
+              return S;
             var E = m(w);
-            return g !== void 0 && g(p, E) ? (R = w, p) : (R = w, O = E);
+            return g !== void 0 && g(S, E) ? (R = w, S) : (R = w, O = E);
           }
-          var C = !1, R, O, N = u === void 0 ? null : u;
+          var x = !1, R, O, N = c === void 0 ? null : c;
           return [
             function() {
-              return x(c());
+              return C(u());
             },
             N === null ? void 0 : function() {
-              return x(N());
+              return C(N());
             }
           ];
         },
-        [c, u, m, g]
+        [u, c, m, g]
       );
-      var _ = n(h, v[0], v[1]);
+      var _ = n(f, p[0], p[1]);
       return i(
         function() {
           y.hasValue = !0, y.value = _;
@@ -2460,7 +2519,7 @@ function Zn() {
         [_]
       ), l(_), _;
     }, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), Fe;
+  })()), Te;
 }
 var mt;
 function er() {
@@ -2469,13 +2528,13 @@ function er() {
 var tr = er();
 const nr = /* @__PURE__ */ xn(tr), gt = (r) => {
   let o;
-  const e = /* @__PURE__ */ new Set(), t = (h, c) => {
-    const u = typeof h == "function" ? h(o) : h;
-    if (!Object.is(u, o)) {
+  const e = /* @__PURE__ */ new Set(), t = (f, u) => {
+    const c = typeof f == "function" ? f(o) : f;
+    if (!Object.is(c, o)) {
       const m = o;
-      o = c ?? (typeof u != "object" || u === null) ? u : Object.assign({}, o, u), e.forEach((g) => g(o, m));
+      o = u ?? (typeof c != "object" || c === null) ? c : Object.assign({}, o, c), e.forEach((g) => g(o, m));
     }
-  }, n = () => o, a = { setState: t, getState: n, getInitialState: () => l, subscribe: (h) => (e.add(h), () => e.delete(h)) }, l = o = r(t, n, a);
+  }, n = () => o, a = { setState: t, getState: n, getInitialState: () => l, subscribe: (f) => (e.add(f), () => e.delete(f)) }, l = o = r(t, n, a);
   return a;
 }, rr = ((r) => r ? gt(r) : gt), { useSyncExternalStoreWithSelector: or } = nr, sr = (r) => r;
 function ir(r, o = sr, e) {
@@ -2488,7 +2547,7 @@ function ir(r, o = sr, e) {
   );
   return $.useDebugValue(t), t;
 }
-const Rt = "APP_GLO", ar = /* @__PURE__ */ new Set([
+const It = "APP_GLO", ar = /* @__PURE__ */ new Set([
   "app.controls",
   "initialized",
   "session.connected",
@@ -2511,7 +2570,7 @@ const Rt = "APP_GLO", ar = /* @__PURE__ */ new Set([
 async function cr() {
   const r = {}, o = ["layout", "navigation", "owner", "program", "session", "user"];
   for (const e of o) {
-    const t = `${Rt}:${e}`;
+    const t = `${It}:${e}`;
     if (e === "session") {
       try {
         if (typeof localStorage < "u") {
@@ -2548,7 +2607,7 @@ async function cr() {
 async function ur(r) {
   const o = ["layout", "navigation", "owner", "program", "session", "user"];
   for (const e of o) {
-    const t = `${Rt}:${e}`, n = ze(r[e], e), s = JSON.stringify(n);
+    const t = `${It}:${e}`, n = ze(r[e], e), s = JSON.stringify(n);
     if (e === "session") {
       try {
         typeof localStorage < "u" && localStorage.setItem(t, s);
@@ -2789,7 +2848,7 @@ const $e = {
     }))
   };
 };
-let It = !1, xe = null, pt = Promise.resolve();
+let kt = !1, xe = null, pt = Promise.resolve();
 const Me = async () => {
   xe && await xe;
 }, Pe = async (r) => {
@@ -2832,19 +2891,19 @@ xe = cr().then((r) => {
 }).catch((r) => {
   console.error("Error loading storage:", r), V.setState({ initialized: !0 });
 }).finally(() => {
-  It = !0, xe = null;
+  kt = !0, xe = null;
 });
 V.subscribe((r) => {
-  It && ur(r).catch((o) => {
+  kt && ur(r).catch((o) => {
     console.error("Error saving storage:", o);
   });
 });
-const vr = ((r) => (o) => ir(r, o, Jn)), yo = vr(V), wo = (r) => {
+const vr = ((r) => (o) => ir(r, o, Jn)), wo = vr(V), bo = (r) => {
   V.getState().setApiURL(r);
-}, bo = () => V.getState().session.apiURL ?? "", xo = () => V.getState().session.authToken ?? "", _o = () => V.getState().isLoggedIn(), Co = (r) => {
+}, xo = () => V.getState().session.apiURL ?? "", _o = () => V.getState().session.authToken ?? "", Co = () => V.getState().isLoggedIn(), Eo = (r) => {
   V.getState().setAuthToken(r);
-}, yr = () => V.getState(), kt = Dt(null);
-function Eo({
+}, yr = () => V.getState(), jt = zt(null);
+function Oo({
   apiURL: r,
   autoFetch: o = !0,
   children: e,
@@ -2855,14 +2914,14 @@ function Eo({
   program: a,
   throttleMs: l = 0
 }) {
-  const h = U(0), c = U(!1), u = U(!1), m = oe(
+  const f = U(0), u = U(!1), c = U(!1), m = oe(
     async (y) => {
-      const _ = Date.now(), x = _ - h.current;
-      if (!c.current && !(l > 0 && x < l))
+      const _ = Date.now(), C = _ - f.current;
+      if (!u.current && !(l > 0 && C < l))
         try {
-          c.current = !0, h.current = _, await V.getState().fetchData(y);
+          u.current = !0, f.current = _, await V.getState().fetchData(y);
         } finally {
-          c.current = !1;
+          u.current = !1;
         }
     },
     [l]
@@ -2880,19 +2939,19 @@ function Eo({
   }, [s]), I(() => {
     i && V.setState({ onLogout: i });
   }, [i]), I(() => {
-    u.current || (u.current = !0, o && t && m(r).catch((y) => {
+    c.current || (c.current = !0, o && t && m(r).catch((y) => {
       console.error("Failed to fetch on mount:", y);
     }));
   }, [r, o, t, m]);
-  const v = yt(() => ({
+  const p = yt(() => ({
     fetchData: m,
     getState: yr,
     refetch: g
   }), [m, g]);
-  return /* @__PURE__ */ d.jsx(kt.Provider, { value: v, children: e });
+  return /* @__PURE__ */ d.jsx(jt.Provider, { value: p, children: e });
 }
-function Oo() {
-  const r = zt(kt);
+function Ro() {
+  const r = $t(jt);
   if (!r)
     throw new Error("useGlobalStateStoreContext must be used within GlobalStateStoreProvider");
   return r;
@@ -2961,7 +3020,7 @@ function _r(r, o) {
         return t[n];
     }, o);
 }
-const { Provider: Cr, useStore: jt } = Ce(
+const { Provider: Cr, useStore: At } = Ce(
   (r, o) => ({
     hide: (e) => {
       o().setInstanceState(e, "visible", !1);
@@ -2992,11 +3051,11 @@ const { Provider: Cr, useStore: jt } = Ce(
     }
   }),
   (r) => ({
-    providerID: r.providerID ?? `MenuStore-${bt()}`
+    providerID: r.providerID ?? `MenuStore-${xt()}`
   })
 );
 function Er() {
-  const { menus: r, providerID: o, setInstanceState: e, width: t } = jt((n) => ({
+  const { menus: r, providerID: o, setInstanceState: e, width: t } = At((n) => ({
     menus: n.menus,
     providerID: n.providerID,
     setInstanceState: n.setInstanceState,
@@ -3025,7 +3084,7 @@ function Er() {
       ) }),
       /* @__PURE__ */ d.jsx(K.Dropdown, { children: n.renderer ? n.renderer : $.Children.toArray(
         n.items?.map((i, a) => /* @__PURE__ */ d.jsx(
-          At,
+          Ft,
           {
             ...i
           },
@@ -3035,8 +3094,8 @@ function Er() {
     ))
   ) }, `bmm_portal_${o}`);
 }
-const At = ({ children: r, label: o, ...e }) => {
-  const [t, n] = le(!1);
+const Ft = ({ children: r, label: o, ...e }) => {
+  const [t, n] = se(!1);
   return typeof e.renderer == "function" ? e.renderer({ ...e, loading: t, renderer: void 0, setLoading: n }) : typeof e.renderer == "object" ? e.renderer : e.isDivider ? /* @__PURE__ */ d.jsx(K.Divider, {}) : e.items && e.items.length > 0 ? /* @__PURE__ */ d.jsxs(K.Sub, { children: [
     /* @__PURE__ */ d.jsx(K.Sub.Target, { children: /* @__PURE__ */ d.jsx(
       K.Sub.Item,
@@ -3058,7 +3117,7 @@ const At = ({ children: r, label: o, ...e }) => {
     ) }),
     /* @__PURE__ */ d.jsx(K.Sub.Dropdown, { children: $.Children.toArray(
       e.items.map((s, i) => /* @__PURE__ */ d.jsx(
-        At,
+        Ft,
         {
           ...s
         },
@@ -3102,10 +3161,10 @@ const Rr = [
   { label: "Less Than", value: "lt" },
   { label: "Less Than or Equal", value: "lte" }
 ], Ir = (r) => {
-  const o = r.storeState?.colFilters?.findIndex((i) => i.id === r.column.id) ?? -1, e = r.storeState?.colFilters?.[o] ?? { id: r.column.id, value: "" }, [t, n] = le(e?.value ?? ""), [s] = xt(t, 900);
+  const o = r.storeState?.colFilters?.findIndex((i) => i.id === r.column.id) ?? -1, e = r.storeState?.colFilters?.[o] ?? { id: r.column.id, value: "" }, [t, n] = se(e?.value ?? ""), [s] = _t(t, 900);
   return I(() => {
     r.storeState.setStateFN("colFilters", (i) => {
-      const a = i?.findIndex((h) => h.id === r.column.id) ?? -1, l = i ?? [];
+      const a = i?.findIndex((f) => f.id === r.column.id) ?? -1, l = i ?? [];
       return a >= 0 ? l[a] = {
         ...l[a],
         ...r.options,
@@ -3130,12 +3189,12 @@ const Rr = [
   const o = r.storeState?.colFilters?.findIndex((i) => i.id === r.column.id) ?? -1, e = r.storeState?.colFilters?.[o] ?? {
     id: r.column.id,
     operator: "contains"
-  }, [t, n] = le(
+  }, [t, n] = se(
     e?.operator ?? "contains"
-  ), [s] = xt(t, 900);
+  ), [s] = _t(t, 900);
   return I(() => {
     r.storeState.setStateFN("colFilters", (i) => {
-      const a = i?.findIndex((h) => h.id === r.column.id) ?? -1, l = i ?? [];
+      const a = i?.findIndex((f) => f.id === r.column.id) ?? -1, l = i ?? [];
       return a >= 0 ? l[a] = {
         ...l[a],
         ...r.options,
@@ -3161,7 +3220,7 @@ const Rr = [
       withScrollArea: !0
     }
   );
-}, vt = (r) => /* @__PURE__ */ d.jsxs(wt, { onClick: (o) => o.stopPropagation(), children: [
+}, vt = (r) => /* @__PURE__ */ d.jsxs(bt, { onClick: (o) => o.stopPropagation(), children: [
   /* @__PURE__ */ d.jsx(kr, { ...r }),
   /* @__PURE__ */ d.jsx(Ir, { ...r })
 ] }), Ne = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
@@ -3201,7 +3260,7 @@ const Rr = [
       const t = o(), [n, s] = e, i = t.getRowBuffer(s);
       return i !== void 0 ? t.toCell(i, n) : {
         allowOverlay: !1,
-        kind: ie.Loading
+        kind: ae.Loading
       };
     },
     getCellsForSelection: (e, t) => async () => {
@@ -3222,14 +3281,14 @@ const Rr = [
         for (const i of e._gridSelectionRows) {
           let a;
           for (const l in n)
-            for (const h in n[l]) {
-              const c = Number(l) * s + Number(h);
-              if (!isNaN(c)) {
-                if (Number(n[l][h]?._rownumber) === i + 1) {
-                  a = n[l][h];
+            for (const f in n[l]) {
+              const u = Number(l) * s + Number(f);
+              if (!isNaN(u)) {
+                if (Number(n[l][f]?._rownumber) === i + 1) {
+                  a = n[l][f];
                   break;
-                } else if (c === i + 1) {
-                  a = n[l][h];
+                } else if (u === i + 1) {
+                  a = n[l][f];
                   break;
                 }
               }
@@ -3243,7 +3302,7 @@ const Rr = [
       if (t.data && t.data.length > 0)
         return t.data[e] === void 0 ? {
           allowOverlay: !1,
-          kind: ie.Loading
+          kind: ae.Loading
         } : t.data[e];
       const n = Math.max(0, Math.floor(e / t.pageSize)), s = t.pageSize * n, i = e - s;
       return t._page_data?.[n]?.[i];
@@ -3254,10 +3313,10 @@ const Rr = [
       if (t.ready) {
         const s = t._page_data, i = t.pageSize, a = t.keyField ?? "id";
         for (const l in s) {
-          for (const h in s[l]) {
-            const c = Number(l) * i + Number(h);
-            if (String(s[l][h]?.[a]) === String(e)) {
-              n = s[l][h]?._rownumber > 0 ? s[l][h]?._rownumber : c > 0 ? c : -1;
+          for (const f in s[l]) {
+            const u = Number(l) * i + Number(f);
+            if (String(s[l][f]?.[a]) === String(e)) {
+              n = s[l][f]?._rownumber > 0 ? s[l][f]?._rownumber : u > 0 ? u : -1;
               break;
             }
           }
@@ -3284,7 +3343,7 @@ const Rr = [
           const s = e._page_data[Number(n)];
           for (const i of s) {
             const a = e.keyField ?? "id", l = i?.[a];
-            if (l !== void 0 && e.values.find((c) => String(c?.[a]) === String(l))) {
+            if (l !== void 0 && e.values.find((u) => String(u?.[a]) === String(l))) {
               t = !0;
               break;
             }
@@ -3304,10 +3363,10 @@ const Rr = [
         })
       ))
         return;
-      const a = [], l = Object.keys(n.renderColumns ?? [1, 2, 3]).length, h = n.pageSize * s, c = n._page_data?.[s]?.length > 0;
+      const a = [], l = Object.keys(n.renderColumns ?? [1, 2, 3]).length, f = n.pageSize * s, u = n._page_data?.[s]?.length > 0;
       if (t === "all") {
-        n._active_requests?.forEach((u) => {
-          u.controller?.abort?.();
+        n._active_requests?.forEach((c) => {
+          c.controller?.abort?.();
         }), n.setState("_page_data", {}), n.setState("_active_requests", []), n.loadPage(s);
         return;
       }
@@ -3315,22 +3374,22 @@ const Rr = [
         console.warn("No useAPIQuery function defined, cannot load page", s);
         return;
       }
-      !c && t !== "page" && n.useAPIQuery?.(s).then((u) => {
-        n.setStateFN("_page_data", (m) => ({ ...m, [s]: u }));
-        for (let m = s; m <= h + n.pageSize; m++)
+      !u && t !== "page" && n.useAPIQuery?.(s).then((c) => {
+        n.setStateFN("_page_data", (m) => ({ ...m, [s]: c }));
+        for (let m = s; m <= f + n.pageSize; m++)
           for (let g = 0; g <= l; g++)
             a.push({
               cell: [g, m]
             });
         n._glideref?.updateCells(a), n._events.dispatchEvent(
           new CustomEvent("loadPage", {
-            detail: { clearMode: t, data: u, page: e, state: n }
+            detail: { clearMode: t, data: c, page: e, state: n }
           })
         );
-      }).catch((u) => {
-        console.error("loadPage Error: ", s, u), n._events.dispatchEvent(
+      }).catch((c) => {
+        console.error("loadPage Error: ", s, c), n._events.dispatchEvent(
           new CustomEvent("loadPage_error", {
-            detail: { clearMode: t, error: u, page: e, state: n }
+            detail: { clearMode: t, error: c, page: e, state: n }
           })
         );
       });
@@ -3364,7 +3423,7 @@ const Rr = [
     onColumnMoved: (e, t) => {
       const n = o(), s = n.renderColumns?.[e], i = n.renderColumns?.[t];
       s?.disableMove || i?.disableMove || n.setStateFN("colOrder", (a) => {
-        const l = a ?? n.renderColumns?.map((h, c) => [h.id, c]).reduce((h, [c, u]) => ({ ...h, [c]: u }), {});
+        const l = a ?? n.renderColumns?.map((f, u) => [f.id, u]).reduce((f, [u, c]) => ({ ...f, [u]: c }), {});
         return !s?.id || !i?.id ? l : { ...l, [s?.id]: t, [i?.id]: e };
       });
     },
@@ -3385,17 +3444,17 @@ const Rr = [
               label: "Sort Ascending",
               leftSection: /* @__PURE__ */ d.jsx(ve, { sprite: Le }),
               onClick: () => {
-                i.setStateFN("colSort", (h) => {
-                  const c = [...h ?? []], u = c.findIndex((g) => g.id === a.id), m = "asc";
-                  if (u < 0) {
+                i.setStateFN("colSort", (f) => {
+                  const u = [...f ?? []], c = u.findIndex((g) => g.id === a.id), m = "asc";
+                  if (c < 0) {
                     const g = {
                       direction: m,
                       id: a.id,
-                      order: c?.length
+                      order: u?.length
                     };
-                    c.push(g);
-                  } else u >= 0 && (c[u].direction = m);
-                  return c;
+                    u.push(g);
+                  } else c >= 0 && (u[c].direction = m);
+                  return u;
                 });
               }
             },
@@ -3403,17 +3462,17 @@ const Rr = [
               label: "Sort Descending",
               leftSection: /* @__PURE__ */ d.jsx(ve, { sprite: Ne }),
               onClick: () => {
-                i.setStateFN("colSort", (h) => {
-                  const c = [...h ?? []], u = c.findIndex((g) => g.id === a.id), m = "desc";
-                  if (u < 0) {
+                i.setStateFN("colSort", (f) => {
+                  const u = [...f ?? []], c = u.findIndex((g) => g.id === a.id), m = "desc";
+                  if (c < 0) {
                     const g = {
                       direction: m,
                       id: a.id,
-                      order: c?.length
+                      order: u?.length
                     };
-                    c.push(g);
-                  } else u >= 0 && (c[u].direction = m);
-                  return c;
+                    u.push(g);
+                  } else c >= 0 && (u[c].direction = m);
+                  return u;
                 });
               }
             },
@@ -3447,10 +3506,10 @@ const Rr = [
       t.preventDefault();
       const s = n.renderColumns?.[e];
       s && (s.disableSort || n.setStateFN("colSort", (i) => {
-        const a = [...i ?? []], l = a.findIndex((h) => h.id === s.id);
+        const a = [...i ?? []], l = a.findIndex((f) => f.id === s.id);
         if (l < 0) {
-          const h = { direction: "asc", id: s.id, order: a?.length };
-          a.push(h);
+          const f = { direction: "asc", id: s.id, order: a?.length };
+          a.push(f);
         } else l >= 0 && a[l].direction === "asc" ? a[l].direction = "desc" : l >= 0 && a[l].direction === "desc" && a.splice(l, 1);
         return a;
       }));
@@ -3468,12 +3527,12 @@ const Rr = [
           leftSection: /* @__PURE__ */ d.jsx(ve, { sprite: Le }),
           onClick: () => {
             n.setStateFN("colSort", (l) => {
-              const h = [...l ?? []], c = h.findIndex((m) => m.id === s.id), u = "asc";
-              if (c < 0) {
-                const m = { direction: u, id: s.id, order: h?.length };
-                h.push(m);
-              } else c >= 0 && (h[c].direction = u);
-              return h;
+              const f = [...l ?? []], u = f.findIndex((m) => m.id === s.id), c = "asc";
+              if (u < 0) {
+                const m = { direction: c, id: s.id, order: f?.length };
+                f.push(m);
+              } else u >= 0 && (f[u].direction = c);
+              return f;
             });
           }
         },
@@ -3482,12 +3541,12 @@ const Rr = [
           leftSection: /* @__PURE__ */ d.jsx(ve, { sprite: Ne }),
           onClick: () => {
             n.setStateFN("colSort", (l) => {
-              const h = [...l ?? []], c = h.findIndex((m) => m.id === s.id), u = "desc";
-              if (c < 0) {
-                const m = { direction: u, id: s.id, order: h?.length };
-                h.push(m);
-              } else c >= 0 && (h[c].direction = u);
-              return h;
+              const f = [...l ?? []], u = f.findIndex((m) => m.id === s.id), c = "desc";
+              if (u < 0) {
+                const m = { direction: c, id: s.id, order: f?.length };
+                f.push(m);
+              } else u >= 0 && (f[u].direction = c);
+              return f;
             });
           }
         },
@@ -3535,9 +3594,9 @@ const Rr = [
       const i = o();
       i._scrollTimeout && clearTimeout(i._scrollTimeout);
       const a = () => {
-        const l = o(), h = Math.max(0, Math.floor(e.y / l.pageSize)), c = Math.max(0, Math.floor(l._visiblePages.y / l.pageSize)), u = h - c;
-        if (l.progressiveScroll && u > 1) {
-          const m = o(), g = (c + 2) * m.pageSize * (m.rowHeight ?? 22);
+        const l = o(), f = Math.max(0, Math.floor(e.y / l.pageSize)), u = Math.max(0, Math.floor(l._visiblePages.y / l.pageSize)), c = f - u;
+        if (l.progressiveScroll && c > 1) {
+          const m = o(), g = (u + 2) * m.pageSize * (m.rowHeight ?? 22);
           m._glideref?.scrollTo(
             0,
             {
@@ -3560,16 +3619,16 @@ const Rr = [
     pageSize: 50,
     ready: !1,
     refreshCells: (e, t, n) => {
-      const s = o(), i = [], a = Object.keys(s.renderColumns ?? [1, 2, 3]).length, l = e && e > 0 ? e : 0, h = t && t >= l ? t : l + s.pageSize;
-      for (let c = l; c <= h; c++)
+      const s = o(), i = [], a = Object.keys(s.renderColumns ?? [1, 2, 3]).length, l = e && e > 0 ? e : 0, f = t && t >= l ? t : l + s.pageSize;
+      for (let u = l; u <= f; u++)
         if (n && n > 0)
           i.push({
-            cell: [n, c]
+            cell: [n, u]
           });
         else
-          for (let u = 0; u <= a; u++)
+          for (let c = 0; c <= a; c++)
             i.push({
-              cell: [u, c]
+              cell: [c, u]
             });
       s._glideref?.updateCells(i);
     },
@@ -3595,29 +3654,29 @@ const Rr = [
       if (a == null || e === void 0 || e === null)
         return i?.Cell ? i?.Cell(e, t, a, void 0, n) : n.RenderCell ? n.RenderCell(e, t, a, void 0, n) : {
           allowOverlay: !1,
-          kind: ie.Loading
+          kind: ae.Loading
         };
       try {
         const l = String(a).includes(".") ? _r(a, e) ?? "" : e?.[a];
-        return i?.Cell ? { kind: ie.Text, ...i?.Cell(e, t, a, l, n) } : n.RenderCell ? n.RenderCell(e, t, a, l, n) : {
+        return i?.Cell ? { kind: ae.Text, ...i?.Cell(e, t, a, l, n) } : n.RenderCell ? n.RenderCell(e, t, a, l, n) : {
           allowOverlay: !0,
           data: l ?? "",
           displayData: String(l ?? ""),
-          kind: ie.Text
+          kind: ae.Text
         };
       } catch {
         return n.RenderCell ? n.RenderCell(e, t, a, e?.[a ?? ""], n) : {
           allowOverlay: !1,
-          kind: ie.Loading,
+          kind: ae.Loading,
           skeletonWidthVariability: 50
         };
       }
     },
     total_rows: 1e3,
-    uniqueid: bt()
+    uniqueid: xt()
   }),
   (r) => {
-    const [o, e] = r.useStore((n) => [n.setState, n.getState]), t = jt();
+    const [o, e] = r.useStore((n) => [n.setState, n.getState]), t = At();
     return I(() => {
       const n = e("onMounted");
       if (typeof n == "function" && n(e, o), o("mounted", !0), window && window.document && !window.document.getElementById("portal")) {
@@ -3657,77 +3716,77 @@ function Ar(r) {
     l.mounted
   ]), i = oe(
     async (l) => {
-      const h = t("columns"), c = t("colSort"), u = t("pageSize"), m = t("colFilters"), g = t("searchStr"), v = t("searchFields"), y = t("_active_requests"), _ = t("keyField");
+      const f = t("columns"), u = t("colSort"), c = t("pageSize"), m = t("colFilters"), g = t("searchStr"), p = t("searchFields"), y = t("_active_requests"), _ = t("keyField");
       e("loadingData", !0);
       try {
         if (r && r.url) {
-          const x = new Headers();
-          x.set("Authorization", `Token ${r.authtoken}`);
-          const C = [
-            { type: "limit", value: String(u ?? 50) },
-            { type: "offset", value: String((u ?? 50) * l) }
+          const C = new Headers();
+          C.set("Authorization", `Token ${r.authtoken}`);
+          const x = [
+            { type: "limit", value: String(c ?? 50) },
+            { type: "offset", value: String((c ?? 50) * l) }
           ];
-          c?.length && c.length > 0 && C.push({
+          u?.length && u.length > 0 && x.push({
             type: "sort",
-            value: c?.map((p) => `${p.id} ${p.direction}`).reduce((p, E) => `${p},${E}`)
-          }), m?.filter((p) => p.value?.length > 0)?.forEach((p) => {
-            p.value && p.value !== "" && C.push({
-              name: `${p.id}`,
-              op: p.operator,
+            value: u?.map((S) => `${S.id} ${S.direction}`).reduce((S, E) => `${S},${E}`)
+          }), m?.filter((S) => S.value?.length > 0)?.forEach((S) => {
+            S.value && S.value !== "" && x.push({
+              name: `${S.id}`,
+              op: S.operator,
               type: "searchop",
-              value: p.value
+              value: S.value
             });
-          }), g && g !== "" && h?.filter(
-            (p) => !p.disableFilter && !p.disableSearch && !p.virtual && p.id && ((v ?? []).length == 0 || v?.includes(p.id))
-          )?.forEach((p) => {
-            C.push({
-              name: `${p.id ?? ""}`,
+          }), g && g !== "" && f?.filter(
+            (S) => !S.disableFilter && !S.disableSearch && !S.virtual && S.id && ((p ?? []).length == 0 || p?.includes(S.id))
+          )?.forEach((S) => {
+            x.push({
+              name: `${S.id ?? ""}`,
               op: "contains",
               type: "searchor",
               value: g
             });
-          }), r.filter && r.filter !== "" && C.push({
+          }), r.filter && r.filter !== "" && x.push({
             name: "sql_filter",
             type: "custom-sql-w",
             value: r.filter
-          }), (r.options ?? []).length > 0 && C.push(...r.options ?? []);
-          const R = h?.filter((p) => !p.virtual)?.map((p) => p.id) ?? [];
-          if (r.hotfields && r.hotfields.length > 0 && R?.push(r.hotfields.join(",")), _ && (R.includes(_) || R.push(_)), R && R.length > 0 && C.push({
+          }), (r.options ?? []).length > 0 && x.push(...r.options ?? []);
+          const R = f?.filter((S) => !S.virtual)?.map((S) => S.id) ?? [];
+          if (r.hotfields && r.hotfields.length > 0 && R?.push(r.hotfields.join(",")), _ && (R.includes(_) || R.push(_)), R && R.length > 0 && x.push({
             type: "select-fields",
             value: R.join(",")
-          }), C && C.length > 0) {
-            const p = fe(C);
-            for (const E in fe(C))
-              x.set(E, p[E]);
+          }), x && x.length > 0) {
+            const S = fe(x);
+            for (const E in fe(x))
+              C.set(E, S[E]);
           }
-          const O = y?.findIndex((p) => p.page === l) ?? -1;
-          if (y?.forEach((p) => {
-            (p.page >= 0 && p.page < l - 2 || l >= 0 && p.page > l + 2) && p.controller?.abort?.();
+          const O = y?.findIndex((S) => S.page === l) ?? -1;
+          if (y?.forEach((S) => {
+            (S.page >= 0 && S.page < l - 2 || l >= 0 && S.page > l + 2) && S.controller?.abort?.();
           }), y && O >= 0 && y[O]) {
             e("loadingData", !1);
             return;
           }
           const N = new AbortController();
-          await o("_active_requests", (p) => [
-            ...p ?? [],
+          await o("_active_requests", (S) => [
+            ...S ?? [],
             { controller: N, page: l }
           ]);
           const w = await fetch(
-            `${r.url}?x-limit=${String(u ?? 50)}&x-offset=${String((u ?? 50) * l)}`,
+            `${r.url}?x-limit=${String(c ?? 50)}&x-offset=${String((c ?? 50) * l)}`,
             {
-              headers: x,
+              headers: C,
               method: "GET",
               signal: N?.signal
             }
           );
           if (w.ok) {
-            const p = w.headers.get("Content-Range")?.split("/");
-            p?.[1] && parseInt(p[1], 10) > 0 && e("total_rows", parseInt(p[1], 10));
+            const S = w.headers.get("Content-Range")?.split("/");
+            S?.[1] && parseInt(S[1], 10) > 0 && e("total_rows", parseInt(S[1], 10));
             const E = await w.json();
             return e("loadingData", !1), E ?? [];
           }
-          n(`${w.status} ${w.statusText}`, "api", r.url), await o("_active_requests", (p) => [
-            ...(p ?? []).filter((E) => E.page !== l)
+          n(`${w.status} ${w.statusText}`, "api", r.url), await o("_active_requests", (S) => [
+            ...(S ?? []).filter((E) => E.page !== l)
           ]);
         }
       } catch {
@@ -3746,36 +3805,36 @@ function Ar(r) {
     ]
   ), a = oe(
     async (l) => {
-      const h = t("colFilters");
+      const f = t("colFilters");
       if (r && r.url) {
-        const c = new Headers(), u = [
+        const u = new Headers(), c = [
           { type: "limit", value: String(10) },
           { type: "fetch-rownumber", value: l }
         ];
-        if (c.set("Authorization", `Token ${r.authtoken}`), h?.length && h.length > 0 && h?.filter((v) => v.value?.length > 0)?.forEach((v) => {
-          v.value && v.value !== "" && c.set(`x-searchop-${v.operator}-${v.id}`, `${v.value}`);
-        }), r.filter && r.filter !== "" && u.push({
+        if (u.set("Authorization", `Token ${r.authtoken}`), f?.length && f.length > 0 && f?.filter((p) => p.value?.length > 0)?.forEach((p) => {
+          p.value && p.value !== "" && u.set(`x-searchop-${p.operator}-${p.id}`, `${p.value}`);
+        }), r.filter && r.filter !== "" && c.push({
           name: "sql_filter",
           type: "custom-sql-w",
           value: `(${r.filter})`
         }), r.options && r.options.length > 0) {
-          const v = fe(r.options);
-          for (const y in v)
-            c.set(y, v[y]);
+          const p = fe(r.options);
+          for (const y in p)
+            u.set(y, p[y]);
         }
-        if (u && u.length > 0) {
-          const v = fe(u);
-          for (const y in fe(u))
-            c.set(y, v[y]);
+        if (c && c.length > 0) {
+          const p = fe(c);
+          for (const y in fe(c))
+            u.set(y, p[y]);
         }
         const m = new AbortController(), g = await fetch(`${r.url}?x-fetch-rownumber=${l}}`, {
-          headers: c,
+          headers: u,
           method: "GET",
           signal: m?.signal
         });
         if (g.ok) {
-          const v = await g.json();
-          return v?.[0]?._rownumber ?? v?._rownumber ?? 0;
+          const p = await g.json();
+          return p?.[0]?._rownumber ?? p?._rownumber ?? 0;
         }
         n(`${g.status} ${g.statusText}`, "api", r.url);
       }
@@ -3785,19 +3844,19 @@ function Ar(r) {
   );
   return I(() => {
     e("useAPIQuery", i), e("askAPIRowNumber", a);
-    const l = t("isValuesInPages"), h = t("_refresh");
-    l || e("values", []), h?.().then(() => {
-      const c = t("onChange"), u = t("getGridSelectedRows");
-      if (c && typeof c == "function") {
-        const m = u?.();
-        c(m);
+    const l = t("isValuesInPages"), f = t("_refresh");
+    l || e("values", []), f?.().then(() => {
+      const u = t("onChange"), c = t("getGridSelectedRows");
+      if (u && typeof u == "function") {
+        const m = c?.();
+        u(m);
       }
     });
   }, [r.url, r.authtoken, r.filter, JSON.stringify(r.options), s, e]), /* @__PURE__ */ d.jsx(d.Fragment, {});
 }
-const Tr = $.memo(Ar);
-Tr.displayName = "Gridler-GlidlerAPIAdaptorForGoLangv2";
-function Fr(r) {
+const Fr = $.memo(Ar);
+Fr.displayName = "Gridler-GlidlerAPIAdaptorForGoLangv2";
+function Tr(r) {
   const [o, e, t, n] = W((i) => [
     i.getState,
     i.mounted,
@@ -3807,12 +3866,12 @@ function Fr(r) {
   I(() => {
     if (e && r.changeOnActiveClick) {
       const i = (a) => {
-        const { row: l, state: h } = a.detail, c = h.getRowBuffer;
-        if (c) {
-          const u = c(l);
-          if (!u)
+        const { row: l, state: f } = a.detail, u = f.getRowBuffer;
+        if (u) {
+          const c = u(l);
+          if (!c)
             return;
-          r.onRequestForm("change", u);
+          r.onRequestForm("change", c);
         }
       };
       return n?.addEventListener("onCellActivated", i), () => {
@@ -3821,31 +3880,31 @@ function Fr(r) {
     }
   }, [r.changeOnActiveClick, e, n]);
   const s = oe(
-    (i, a, l, h, c) => {
+    (i, a, l, f, u) => {
       if (i === "header-menu")
-        return c || [];
-      const u = [];
-      u.push(...c);
+        return u || [];
+      const c = [];
+      c.push(...u);
       const m = o("_gridSelection")?.rows.toArray() ?? [], g = m.length > 1;
       if (!l) {
         const _ = m[0];
         _ !== void 0 && (l = a.getRowBuffer(_));
       }
-      const v = typeof r.descriptionField == "string" ? l?.[r.descriptionField] : typeof r.descriptionField == "function" && l ? r.descriptionField(l) : void 0;
-      i === "other" && u.push({
+      const p = typeof r.descriptionField == "string" ? l?.[r.descriptionField] : typeof r.descriptionField == "function" && l ? r.descriptionField(l) : void 0;
+      i === "other" && c.push({
         c: "blue",
         label: "Add",
         onClick: () => {
           r.onRequestForm("insert", l);
         }
-      }), i === "cell" && l || i === "menu" && l ? (u.push({
+      }), i === "cell" && l || i === "menu" && l ? (c.push({
         c: "teal",
         label: "Add",
         leftSection: /* @__PURE__ */ d.jsx(cn, { color: "teal", size: 16 }),
         onClick: () => {
           r.onRequestForm("insert", l);
         }
-      }), g ? (u.push({
+      }), g ? (c.push({
         c: "green",
         label: `Modify All Selected (${m.length})`,
         leftSection: /* @__PURE__ */ d.jsx(Je, { color: "green", size: 16 }),
@@ -3855,7 +3914,7 @@ function Fr(r) {
             m.map((_) => a.getRowBuffer(_))
           );
         }
-      }), u.push({
+      }), c.push({
         c: "red",
         label: `Remove All Selected (${m.length})`,
         leftSection: /* @__PURE__ */ d.jsx(Ye, { color: "maroon", size: 16 }),
@@ -3865,27 +3924,27 @@ function Fr(r) {
             m.map((_) => a.getRowBuffer(_))
           );
         }
-      })) : (u.push({
+      })) : (c.push({
         c: "green",
-        label: `Modify${v && r.showDescriptionInMenu ? `  (${v})` : ""}`,
+        label: `Modify${p && r.showDescriptionInMenu ? `  (${p})` : ""}`,
         leftSection: /* @__PURE__ */ d.jsx(Je, { color: "green", size: 16 }),
         onClick: () => {
           r.onRequestForm("change", l);
         }
-      }), u.push({
+      }), c.push({
         c: "red",
-        label: `Remove${v && r.showDescriptionInMenu ? ` (${v})` : ""}`,
+        label: `Remove${p && r.showDescriptionInMenu ? ` (${p})` : ""}`,
         leftSection: /* @__PURE__ */ d.jsx(Ye, { color: "maroon", size: 16 }),
         onClick: () => {
           r.onRequestForm("delete", l);
         }
-      })), u.push({
+      })), c.push({
         isDivider: !0
-      })) : (i === "cell" && !l || i === "menu" && !l) && u.push({
+      })) : (i === "cell" && !l || i === "menu" && !l) && c.push({
         c: "red",
         label: "Nothing Selected",
         leftSection: /* @__PURE__ */ d.jsx(un, { color: "yellow", size: 16 })
-      }), u.push({
+      }), c.push({
         c: "orange",
         label: "Refresh",
         leftSection: /* @__PURE__ */ d.jsx(dn, { color: "orange", size: 16 }),
@@ -3893,8 +3952,8 @@ function Fr(r) {
           await o("_refresh")?.();
         }
       });
-      const y = r.getMenuItems ? r.getMenuItems(i, a, l, h, u) : u;
-      return !u || u.length === 0 ? c || [] : y;
+      const y = r.getMenuItems ? r.getMenuItems(i, a, l, f, c) : c;
+      return !c || c.length === 0 ? u || [] : y;
     },
     [r.onRequestForm, o]
   );
@@ -3902,37 +3961,37 @@ function Fr(r) {
   }), [r.getMenuItems, e]), /* @__PURE__ */ d.jsx(d.Fragment, {});
 }
 function Mr(r) {
-  const [o, e, t] = W((c) => [c.setState, c.getState, c.mounted]), { colFilters: n, colSort: s, columns: i, searchStr: a } = W((c) => ({
-    colFilters: c.colFilters,
-    colOrder: c.colOrder,
-    colSize: c.colSize,
-    colSort: c.colSort,
-    columns: c.columns,
-    searchStr: c.searchStr
+  const [o, e, t] = W((u) => [u.setState, u.getState, u.mounted]), { colFilters: n, colSort: s, columns: i, searchStr: a } = W((u) => ({
+    colFilters: u.colFilters,
+    colOrder: u.colOrder,
+    colSize: u.colSize,
+    colSort: u.colSort,
+    columns: u.columns,
+    searchStr: u.searchStr
   })), l = $.useRef({
     colFilters: n,
     colSort: s,
     searchStr: a
-  }), h = async (c) => {
-    const u = e("pageSize");
-    return r.data && Array.isArray(r.data) ? (o("total_rows", r.data.length), r.data.slice(c * (u ?? 50), (c + 1) * (u ?? 50))) : [];
+  }), f = async (u) => {
+    const c = e("pageSize");
+    return r.data && Array.isArray(r.data) ? (o("total_rows", r.data.length), r.data.slice(u * (c ?? 50), (u + 1) * (c ?? 50))) : [];
   };
   return I(() => {
-    o("useAPIQuery", h);
+    o("useAPIQuery", f);
   }, [t, o]), I(() => {
     if (r.onColumnSort && s !== l?.current?.colSort) {
-      const c = r.onColumnSort(s, i, r.data);
-      o("total_rows", c.length), o("data", c), l.current.colSort = s, e("refreshCells")?.();
+      const u = r.onColumnSort(s, i, r.data);
+      o("total_rows", u.length), o("data", u), l.current.colSort = s, e("refreshCells")?.();
     }
   }, [s, r.onColumnSort]), I(() => {
     if (r.onColumnFilter && n !== l?.current?.colFilters) {
-      const c = r.onColumnFilter(n, i, r.data);
-      o("total_rows", c.length), o("data", c), l.current.colFilters = n, e("refreshCells")?.();
+      const u = r.onColumnFilter(n, i, r.data);
+      o("total_rows", u.length), o("data", u), l.current.colFilters = n, e("refreshCells")?.();
     }
   }, [n, r.onColumnFilter]), I(() => {
     if (r.onSearch && a !== l?.current?.searchStr) {
-      const c = r.onSearch(a, i, r.data);
-      o("total_rows", c.length), o("data", c), l.current.colFilters = n, e("refreshCells")?.();
+      const u = r.onSearch(a, i, r.data);
+      o("total_rows", u.length), o("data", u), l.current.colFilters = n, e("refreshCells")?.();
     }
   }, [a, r.onSearch]), /* @__PURE__ */ d.jsx(d.Fragment, {});
 }
@@ -3994,7 +4053,7 @@ function $r() {
   }));
   return /* @__PURE__ */ d.jsx("div", { "data-tooltip-bar": !0, style: { minHeight: "24px" }, ...o, children: r });
 }
-const Ft = $.memo(() => {
+const Mt = $.memo(() => {
   const r = U(0), o = U(""), e = U(null), {
     _glideref: t,
     _gridSelectionRows: n,
@@ -4002,16 +4061,16 @@ const Ft = $.memo(() => {
     colOrder: i,
     colSize: a,
     colSort: l,
-    columns: h,
-    getRowIndexByKey: c,
-    getState: u,
+    columns: f,
+    getRowIndexByKey: u,
+    getState: c,
     loadPage: m,
     ready: g,
-    scrollToRowKey: v,
+    scrollToRowKey: p,
     searchStr: y,
     selectedRowKey: _,
-    selectFirstRowOnMount: x,
-    setState: C,
+    selectFirstRowOnMount: C,
+    setState: x,
     setStateFN: R,
     values: O
   } = W((w) => ({
@@ -4037,7 +4096,7 @@ const Ft = $.memo(() => {
   })), N = yn(
     (w) => {
       m(0, "all").then(() => {
-        u("refreshCells")?.(), u("_events")?.dispatchEvent?.(
+        c("refreshCells")?.(), c("_events")?.dispatchEvent?.(
           new CustomEvent("onSearched", {
             detail: { search: w }
           })
@@ -4051,16 +4110,16 @@ const Ft = $.memo(() => {
   );
   return I(() => {
     O && (async () => {
-      const p = u("_page_data"), E = u("pageSize"), D = u("keyField") ?? "id", L = [];
-      for (const F in O) {
+      const S = c("_page_data"), E = c("pageSize"), D = c("keyField") ?? "id", L = [];
+      for (const T in O) {
         let M = -1;
         const A = String(
-          typeof O?.[F] == "object" ? O?.[F]?.[D] : typeof O?.[F] == "string" ? O?.[F] : void 0
+          typeof O?.[T] == "object" ? O?.[T]?.[D] : typeof O?.[T] == "string" ? O?.[T] : void 0
         );
-        for (const B in p) {
-          for (const G in p[B]) {
+        for (const B in S) {
+          for (const G in S[B]) {
             const j = Number(B) * E + Number(G);
-            if (String(p[B][G]?.[D]) === A) {
+            if (String(S[B][G]?.[D]) === A) {
               M = j;
               break;
             }
@@ -4071,14 +4130,14 @@ const Ft = $.memo(() => {
           }
         }
         if (!(M >= 0)) {
-          const B = await c(A);
+          const B = await u(A);
           B && L.push(B);
         }
       }
       return L;
-    })().then((p) => {
+    })().then((S) => {
       let E = ne.empty();
-      p.forEach((D) => {
+      S.forEach((D) => {
         E = E.add(D);
       }), R("_gridSelectionRows", () => E), R("_gridSelection", (D) => ({
         columns: D?.columns ?? ne.empty(),
@@ -4087,37 +4146,37 @@ const Ft = $.memo(() => {
       }));
     });
   }, [O]), I(() => {
-    const w = u("onChange");
+    const w = c("onChange");
     if (w && typeof w == "function") {
-      const E = u("getGridSelectedRows")(), D = u("values");
+      const E = c("getGridSelectedRows")(), D = c("values");
       JSON.stringify(D) !== JSON.stringify(E) && w(E);
     }
-  }, [n, n?.length, u]), I(() => {
-    C(
+  }, [n, n?.length, c]), I(() => {
+    x(
       "renderColumns",
-      h?.map((w) => ({
+      f?.map((w) => ({
         ...w,
         hasMenu: w?.hasMenu ?? !0,
         icon: "sort"
       }))
     );
-  }, [h]), I(() => {
+  }, [f]), I(() => {
     if (y == null) {
       o.current = "";
       return;
     }
     o.current !== y && (N(y), o.current = y);
   }, [y]), I(() => {
-    l && (C("_gridSelection", {
+    l && (x("_gridSelection", {
       columns: ne.empty(),
       current: void 0,
       rows: ne.empty()
-    }), C("_gridSelectionRows", ne.empty()), R("renderColumns", (w) => w?.map((p) => ({
-      ...p,
-      icon: p.id && l?.find((E) => E.id === p.id)?.direction ? l?.find((E) => E.id === p.id)?.direction === "asc" ? "sortup" : "sortdown" : p.defaultIcon ?? "sort"
+    }), x("_gridSelectionRows", ne.empty()), R("renderColumns", (w) => w?.map((S) => ({
+      ...S,
+      icon: S.id && l?.find((E) => E.id === S.id)?.direction ? l?.find((E) => E.id === S.id)?.direction === "asc" ? "sortup" : "sortdown" : S.defaultIcon ?? "sort"
     }))).then(() => {
       m(0, "all").then(() => {
-        u("refreshCells")?.(), u("_events")?.dispatchEvent?.(
+        c("refreshCells")?.(), c("_events")?.dispatchEvent?.(
           new CustomEvent("onColumnSorted", {
             detail: { cols: l }
           })
@@ -4126,66 +4185,66 @@ const Ft = $.memo(() => {
     }));
   }, [l]), I(() => {
     s && JSON.stringify(e.current) !== JSON.stringify(s) && (m(0, "all").then(() => {
-      u("refreshCells")?.(), u("_events")?.dispatchEvent?.(
+      c("refreshCells")?.(), c("_events")?.dispatchEvent?.(
         new CustomEvent("onColumnFiltered", {
           detail: { filters: s }
         })
       );
     }), e.current = s);
   }, [s]), I(() => {
-    a && R("renderColumns", (w) => w?.map((p) => ({
-      ...p,
-      width: p.id && a?.[p.id] ? a?.[p.id] : p.width
+    a && R("renderColumns", (w) => w?.map((S) => ({
+      ...S,
+      width: S.id && a?.[S.id] ? a?.[S.id] : S.width
     }))).then(() => {
-      u("refreshCells")?.();
+      c("refreshCells")?.();
     });
   }, [a]), I(() => {
     i && R("renderColumns", (w) => w?.sort((E, D) => i[E.id] > i[D.id] ? 1 : -1)).then(() => {
-      u("refreshCells")?.();
+      c("refreshCells")?.();
     });
   }, [i]), I(() => {
     t && (r.current > 0 || (r.current = 1, m(0).then(() => {
-      u("refreshCells")?.();
+      c("refreshCells")?.();
     })));
   }, [g, m]), I(() => {
-    const w = u("_events"), p = () => {
-      const E = u("selectFirstRowOnMount");
-      if (u("ready") && E) {
-        const L = u("scrollToRowKey");
+    const w = c("_events"), S = () => {
+      const E = c("selectFirstRowOnMount");
+      if (c("ready") && E) {
+        const L = c("scrollToRowKey");
         if (L && L >= 0)
           return;
-        const F = u("keyField") ?? "id", A = u("_page_data")?.[0]?.[0], B = A?.[F] ?? -1, G = u("values") ?? [];
+        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 = u("onChange");
-          J ? J(j) : C("values", j), C("scrollToRowKey", B);
+          const j = [A, ...G], J = c("onChange");
+          J ? J(j) : x("values", j), x("scrollToRowKey", B);
         }
       }
     };
-    return w?.addEventListener("loadPage", p), () => {
-      w?.removeEventListener("loadPage", p);
+    return w?.addEventListener("loadPage", S), () => {
+      w?.removeEventListener("loadPage", S);
     };
-  }, [g, x]), I(() => {
-    const w = u("ready"), p = u("_glideref"), E = u("getRowIndexByKey"), D = _ ?? v;
-    D && p && w && E?.(D).then((L) => {
+  }, [g, C]), 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 F = u("onChange"), M = [{ [u("keyField") ?? "id"]: _ }];
-          JSON.stringify(u("values")) !== JSON.stringify(M) && (F ? F(M) : C("values", M));
+          const T = c("onChange"), M = [{ [c("keyField") ?? "id"]: _ }];
+          JSON.stringify(c("values")) !== JSON.stringify(M) && (T ? T(M) : x("values", M));
         }
-        p.scrollTo(0, L), u("_events").dispatchEvent(
+        S.scrollTo(0, L), c("_events").dispatchEvent(
           new CustomEvent("scrollToRowKeyFound", {
             detail: {
               rowNumber: L,
-              scrollToRowKey: v,
+              scrollToRowKey: p,
               selectedRowKey: _
             }
           })
         );
       }
     });
-  }, [v, _]), /* @__PURE__ */ d.jsx(d.Fragment, {});
+  }, [p, _]), /* @__PURE__ */ d.jsx(d.Fragment, {});
 });
-Ft.displayName = "Gridler-Computer";
+Mt.displayName = "Gridler-Computer";
 function Nr(r, o, e = 1) {
   let t;
   if (o === void 0 ? (t = 0, o = r) : t = r, e === 0)
@@ -4199,7 +4258,7 @@ function Nr(r, o, e = 1) {
       n.push(s);
   return n;
 }
-const Mt = $.memo(() => {
+const Pt = $.memo(() => {
   const [
     r,
     o,
@@ -4226,15 +4285,15 @@ const Mt = $.memo(() => {
   }, [r]), I(() => {
     if (!e)
       return;
-    const l = Math.max(0, Math.floor(t.y / n)), h = Math.floor((t.y + t.height) / n);
-    for (const c of Nr(l, h + 1, 1))
-      s(c).then(() => {
-        const u = o("_page_data")?.[0] ?? {};
-        r("isEmpty", u && u.length > 0);
+    const l = Math.max(0, Math.floor(t.y / n)), f = Math.floor((t.y + t.height) / n);
+    for (const u of Nr(l, f + 1, 1))
+      s(u).then(() => {
+        const c = o("_page_data")?.[0] ?? {};
+        r("isEmpty", c && c.length > 0);
       });
   }, [s, n, t, e, i, a]), /* @__PURE__ */ d.jsx(d.Fragment, {});
 });
-Mt.displayName = "Gridler-Pager";
+Pt.displayName = "Gridler-Pager";
 const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="20" height="20" fill="none">
       <path
         fill="${r.fgColor ?? "currentColor"}"
@@ -4245,9 +4304,9 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
 }, Vr = (r) => (o) => o % 2 === 0 ? void 0 : {
   bgCell: r === "dark" ? "#303030" : "#e1effc"
 }, qr = () => {
-  const r = nn(), { colorScheme: o } = rn(), { enableOddEvenRowColor: e, focused: t } = W((u) => ({
-    enableOddEvenRowColor: u.enableOddEvenRowColor,
-    focused: u.focused
+  const r = nn(), { colorScheme: o } = rn(), { enableOddEvenRowColor: e, focused: t } = W((c) => ({
+    enableOddEvenRowColor: c.enableOddEvenRowColor,
+    focused: c.focused
   })), n = {
     auto: t ? Ue(r.colors.blue[4], 0.9) : "#ffffff",
     dark: t ? on("#bacfe0", 0.2) : r.colors.dark[7],
@@ -4281,35 +4340,35 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
   }, a = o === "dark" ? s : {
     bgCell: n,
     textGroupHeader: "#2c5491"
-  }, [l, h] = le(a);
+  }, [l, f] = se(a);
   return I(() => {
-    h(a);
-  }, [o, t]), { getRowThemeOverride: (u) => e ? Vr(o)(u) : void 0, gridTheme: l };
+    f(a);
+  }, [o, t]), { getRowThemeOverride: (c) => e ? Vr(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,
     allowMultiSelect: i,
     focused: a,
     getCellContent: l,
-    getCellsForSelection: h,
-    getState: c,
-    glideProps: u,
+    getCellsForSelection: f,
+    getState: u,
+    glideProps: c,
     hasLocalData: m,
     headerHeight: g,
-    heightProp: v,
+    heightProp: p,
     mounted: y,
     onCellActivated: _,
-    onCellClicked: x,
-    onCellEdited: C,
+    onCellClicked: C,
+    onCellEdited: x,
     onColumnMoved: R,
     onColumnProposeMove: O,
     onColumnResize: N,
     onContextClick: w,
-    onHeaderClicked: p,
+    onHeaderClicked: S,
     onHeaderMenuClick: E,
     onItemHovered: D,
     onVisibleRegionChanged: L,
-    renderColumns: F,
+    renderColumns: T,
     rowHeight: M,
     sections: A,
     selectMode: B,
@@ -4317,48 +4376,48 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
     setStateFN: j,
     total_rows: J,
     widthProp: Y
-  } = W((f) => ({
-    _gridSelection: f._gridSelection,
-    allowMultiSelect: f.allowMultiSelect,
-    focused: f.focused,
-    getCellContent: f.getCellContent,
-    getCellsForSelection: f.getCellsForSelection,
-    getState: f.getState,
-    glideProps: f.glideProps,
-    hasLocalData: f.hasLocalData,
-    headerHeight: f.headerHeight,
-    heightProp: f.height,
-    mounted: f.mounted,
-    onCellActivated: f.onCellActivated,
-    onCellClicked: f.onCellClicked,
-    onCellEdited: f.onCellEdited,
-    onColumnMoved: f.onColumnMoved,
-    onColumnProposeMove: f.onColumnProposeMove,
-    onColumnResize: f.onColumnResize,
-    onContextClick: f.onContextClick,
-    onHeaderClicked: f.onHeaderClicked,
-    onHeaderMenuClick: f.onHeaderMenuClick,
-    onItemHovered: f.onItemHovered,
-    onVisibleRegionChanged: f.onVisibleRegionChanged,
-    renderColumns: f.renderColumns,
-    rowHeight: f.rowHeight,
-    sections: f.sections,
-    selectMode: f.selectMode,
-    setState: f.setState,
-    setStateFN: f.setStateFN,
-    total_rows: f.total_rows,
-    widthProp: f.width
-  })), Z = bn(r, (f) => {
-    j("_glideref", () => f ?? void 0);
-    const b = c("ready"), k = !!(f && y);
+  } = W((h) => ({
+    _gridSelection: h._gridSelection,
+    allowMultiSelect: h.allowMultiSelect,
+    focused: h.focused,
+    getCellContent: h.getCellContent,
+    getCellsForSelection: h.getCellsForSelection,
+    getState: h.getState,
+    glideProps: h.glideProps,
+    hasLocalData: h.hasLocalData,
+    headerHeight: h.headerHeight,
+    heightProp: h.height,
+    mounted: h.mounted,
+    onCellActivated: h.onCellActivated,
+    onCellClicked: h.onCellClicked,
+    onCellEdited: h.onCellEdited,
+    onColumnMoved: h.onColumnMoved,
+    onColumnProposeMove: h.onColumnProposeMove,
+    onColumnResize: h.onColumnResize,
+    onContextClick: h.onContextClick,
+    onHeaderClicked: h.onHeaderClicked,
+    onHeaderMenuClick: h.onHeaderMenuClick,
+    onItemHovered: h.onItemHovered,
+    onVisibleRegionChanged: h.onVisibleRegionChanged,
+    renderColumns: h.renderColumns,
+    rowHeight: h.rowHeight,
+    sections: h.sections,
+    selectMode: h.selectMode,
+    setState: h.setState,
+    setStateFN: h.setStateFN,
+    total_rows: h.total_rows,
+    widthProp: h.width
+  })), Z = bn(r, (h) => {
+    j("_glideref", () => h ?? void 0);
+    const b = u("ready"), k = !!(h && y);
     b !== k && G("ready", k);
   }), q = qr();
   return /* @__PURE__ */ d.jsxs(
-    wt,
+    bt,
     {
       align: "stretch",
       gap: 0,
-      h: v ?? "100%",
+      h: p ?? "100%",
       justify: "stretch",
       w: Y ?? "100%",
       children: [
@@ -4368,8 +4427,8 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
           {
             className: Gr.container,
             "data-focused": a,
-            onContextMenu: (f) => {
-              f.preventDefault(), o.current || (o.current = !0, w("other", f), setTimeout(() => {
+            onContextMenu: (h) => {
+              h.preventDefault(), o.current || (o.current = !0, w("other", h), setTimeout(() => {
                 o.current = !1;
               }, 100));
             },
@@ -4387,7 +4446,7 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                 vn,
                 {
                   cellActivationBehavior: "double-click",
-                  columns: F ?? [],
+                  columns: T ?? [],
                   columnSelect: "none",
                   drawFocusRing: !0,
                   height: e ?? 400,
@@ -4405,40 +4464,40 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   rowSelect: i ? "multi" : "single",
                   rowSelectionMode: "auto",
                   spanRangeBehavior: "default",
-                  ...u,
+                  ...c,
                   getCellContent: l,
-                  getCellsForSelection: h,
+                  getCellsForSelection: f,
                   getRowThemeOverride: q.getRowThemeOverride,
                   gridSelection: s,
                   headerHeight: g ?? 32,
                   headerIcons: { sort: Lr, sortdown: Ne, sortup: Le },
                   onCellActivated: _,
-                  onCellClicked: x,
-                  onCellContextMenu: (f, b) => {
-                    b.preventDefault(), u?.onCellContextMenu?.(f, b), o.current || (o.current = !0, w("cell", b, f[0], f[1]), setTimeout(() => {
+                  onCellClicked: C,
+                  onCellContextMenu: (h, b) => {
+                    b.preventDefault(), c?.onCellContextMenu?.(h, b), o.current || (o.current = !0, w("cell", b, h[0], h[1]), setTimeout(() => {
                       o.current = !1;
                     }, 100));
                   },
-                  onCellEdited: C,
+                  onCellEdited: x,
                   onColumnMoved: R,
                   onColumnProposeMove: O,
                   onColumnResize: N,
-                  onGridSelectionChange: (f) => {
+                  onGridSelectionChange: (h) => {
                     let b = ne.empty();
-                    const k = c("_gridSelection"), S = c("keyField") ?? "id", z = c("getRowBuffer");
-                    for (const P of f.rows)
-                      z && z(P)?.[S] && (b = b.hasIndex(P) ? b : b.add(P));
-                    if (B === "row" && f.current?.range)
-                      for (let P = f.current.range.y; P < f.current.range.y + f.current.range.height; P++)
-                        z && z(P)?.[S] && (b = b.hasIndex(P) ? b : b.add(P));
+                    const k = u("_gridSelection"), v = u("keyField") ?? "id", z = u("getRowBuffer");
+                    for (const P of h.rows)
+                      z && z(P)?.[v] && (b = b.hasIndex(P) ? b : b.add(P));
+                    if (B === "row" && h.current?.range)
+                      for (let P = h.current.range.y; P < h.current.range.y + h.current.range.height; P++)
+                        z && z(P)?.[v] && (b = b.hasIndex(P) ? b : b.add(P));
                     if (b.length === 0)
                       for (const P of k?.rows ?? [])
-                        z && z(P)?.[S] && (b = b.hasIndex(P) ? b : b.add(P));
-                    console.log("Debug:onGridSelectionChange", k, f), (JSON.stringify(k?.columns) !== JSON.stringify(f.columns) || JSON.stringify(k?.rows) !== JSON.stringify(b) || JSON.stringify(k?.current) !== JSON.stringify(f.current)) && (G("_gridSelection", { ...f, rows: b }), G("_gridSelectionRows", b));
+                        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));
                   },
-                  onHeaderClicked: p,
-                  onHeaderContextMenu: (f, b) => {
-                    b.preventDefault(), o.current || (o.current = !0, w("header", b, f), setTimeout(() => {
+                  onHeaderClicked: S,
+                  onHeaderContextMenu: (h, b) => {
+                    b.preventDefault(), o.current || (o.current = !0, w("header", b, h), setTimeout(() => {
                       o.current = !1;
                     }, 100));
                   },
@@ -4457,8 +4516,8 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
                   width: n ?? 200
                 }
               ),
-              /* @__PURE__ */ d.jsx(Ft, {}),
-              !m && /* @__PURE__ */ d.jsx(Mt, {}),
+              /* @__PURE__ */ d.jsx(Mt, {}),
+              !m && /* @__PURE__ */ d.jsx(Pt, {}),
               A?.right
             ]
           }
@@ -4485,13 +4544,13 @@ const Lr = (r) => `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" w
       r.children
     ]
   }
-) }), Pt = $.forwardRef(Wr);
-Pt.FormAdaptor = Fr;
-Pt.LocalDataAdaptor = Tt;
+) }), Dt = $.forwardRef(Wr);
+Dt.FormAdaptor = Tr;
+Dt.LocalDataAdaptor = Tt;
 export {
   Bn as Boxer,
   $n as BoxerProvider,
-  fo as ButtonCtrl,
+  ho as ButtonCtrl,
   Ir as ColumnFilterInput,
   kr as ColumnFilterInputOperator,
   vt as ColumnFilterSet,
@@ -4504,33 +4563,34 @@ export {
   io as FormerResolveSpecAPI,
   ao as FormerRestHeadSpecAPI,
   yr as GetGlobalState,
-  Tr as GlidlerAPIAdaptorForGoLangv2,
-  Fr as GlidlerFormAdaptor,
+  Fr as GlidlerAPIAdaptorForGoLangv2,
+  Tr as GlidlerFormAdaptor,
   Tt as GlidlerLocalDataAdaptor,
   V as GlobalStateStore,
-  Eo as GlobalStateStoreProvider,
+  Oo as GlobalStateStoreProvider,
   fe as GoAPIHeaders,
-  Pt as Gridler,
+  Dt as Gridler,
   Pr as GridlerRightMenuIcon,
-  ho as IconButtonCtrl,
+  mo as IconButtonCtrl,
   Or as MantineBetterMenusProvider,
-  mo as NativeSelectCtrl,
-  go as PasswordInputCtrl,
+  go as NativeSelectCtrl,
+  po as PasswordInputCtrl,
   oo as ReactBasicErrorBoundary,
   so as ReactErrorBoundary,
-  po as SwitchCtrl,
-  So as TextAreaCtrl,
-  vo as TextInputCtrl,
+  So as SwitchCtrl,
+  vo as TextAreaCtrl,
+  yo as TextInputCtrl,
   De as errorManager,
-  bo as getApiURL,
-  xo as getAuthToken,
-  _o as isLoggedIn,
-  wo as setApiURL,
-  Co as setAuthToken,
+  xo as getApiURL,
+  _o as getAuthToken,
+  Co as isLoggedIn,
+  bo as setApiURL,
+  Eo as setAuthToken,
   Nn as useBoxerStore,
-  yo as useGlobalStateStore,
-  Oo as useGlobalStateStoreContext,
+  fo as useFormerState,
+  wo as useGlobalStateStore,
+  Ro as useGlobalStateStoreContext,
   W as useGridlerStore,
-  jt as useMantineBetterMenus
+  At as useMantineBetterMenus
 };
 //# sourceMappingURL=lib.es.js.map