dara-core 1.13.0__py3-none-any.whl → 1.14.0__py3-none-any.whl

dara/core/umd/dara.core.umd.js

@@ -33,7 +33,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
 (function(global2, factory) {
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tanstack/react-query"), require("react-dom"), require("styled-components")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tanstack/react-query", "react-dom", "styled-components"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.dara = global2.dara || {}, global2.dara.core = {}), global2.React, global2.ReactQuery, global2.ReactDOM, global2.styled));
 })(this, function(exports, React, reactQuery, ReactDOM, styled) {
-  var _pingInterval, _socketUrl, _reconnectCount, _events$, _parentBus, _instance, _observers;
+  var _locks, _subscribers, _pingInterval, _socketUrl, _reconnectCount, _events$, _parentBus, _instance, _observers;
   "use strict";
   const _interopDefaultLegacy = (e3) => e3 && typeof e3 === "object" && "default" in e3 ? e3 : { default: e3 };
   function _interopNamespace(e3) {
@@ -874,9 +874,6 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return history2;
   }
   var commonjsGlobal$1 = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-  function getDefaultExportFromCjs(x2) {
-    return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
-  }
   var createRoot;
   var m$3 = ReactDOM__default.default;
   {
@@ -989,8 +986,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       var partial = prefix2 != null && next != null && next !== prefix2;
       var repeat = modifier === "+" || modifier === "*";
       var optional2 = modifier === "?" || modifier === "*";
-      var delimiter = res[2] || defaultDelimiter;
+      var delimiter = prefix2 || defaultDelimiter;
       var pattern = capture || group;
+      var prevText = prefix2 || (typeof tokens[tokens.length - 1] === "string" ? tokens[tokens.length - 1] : "");
       tokens.push({
         name: name || key++,
         prefix: prefix2 || "",
@@ -999,7 +997,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         repeat,
         partial,
         asterisk: !!asterisk,
-        pattern: pattern ? escapeGroup(pattern) : asterisk ? ".*" : "[^" + escapeString(delimiter) + "]+?"
+        pattern: pattern ? escapeGroup(pattern) : asterisk ? ".*" : restrictBacktrack(delimiter, prevText)
       });
     }
     if (index2 < str.length) {
@@ -1010,6 +1008,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }
     return tokens;
   }
+  function restrictBacktrack(delimiter, prevText) {
+    if (!prevText || prevText.indexOf(delimiter) > -1) {
+      return "[^" + escapeString(delimiter) + "]+?";
+    }
+    return escapeString(prevText) + "|(?:(?!" + escapeString(prevText) + ")[^" + escapeString(delimiter) + "])+?";
+  }
   function compile(str, options) {
     return tokensToFunction(parse$3(str, options), options);
   }
@@ -1291,7 +1295,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     var t2 = {};
     for (var n2 in r2)
       if ({}.hasOwnProperty.call(r2, n2)) {
-        if (e3.indexOf(n2) >= 0)
+        if (e3.includes(n2))
           continue;
         t2[n2] = r2[n2];
       }
@@ -3377,22 +3381,22 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     }
   }
-  function saveDepsToStore(key, deps, store, version2) {
+  function saveDepsToStore(key, deps, store2, version) {
     var _storeState$nextTree, _storeState$previousT, _storeState$previousT2, _storeState$previousT3;
-    const storeState = store.getState();
-    if (!(version2 === storeState.currentTree.version || version2 === ((_storeState$nextTree = storeState.nextTree) === null || _storeState$nextTree === void 0 ? void 0 : _storeState$nextTree.version) || version2 === ((_storeState$previousT = storeState.previousTree) === null || _storeState$previousT === void 0 ? void 0 : _storeState$previousT.version)))
+    const storeState = store2.getState();
+    if (!(version === storeState.currentTree.version || version === ((_storeState$nextTree = storeState.nextTree) === null || _storeState$nextTree === void 0 ? void 0 : _storeState$nextTree.version) || version === ((_storeState$previousT = storeState.previousTree) === null || _storeState$previousT === void 0 ? void 0 : _storeState$previousT.version)))
       ;
-    const graph2 = store.getGraph(version2);
+    const graph2 = store2.getGraph(version);
     mergeDepsIntoGraph(key, deps, graph2);
-    if (version2 === ((_storeState$previousT2 = storeState.previousTree) === null || _storeState$previousT2 === void 0 ? void 0 : _storeState$previousT2.version)) {
-      const currentGraph = store.getGraph(storeState.currentTree.version);
+    if (version === ((_storeState$previousT2 = storeState.previousTree) === null || _storeState$previousT2 === void 0 ? void 0 : _storeState$previousT2.version)) {
+      const currentGraph = store2.getGraph(storeState.currentTree.version);
       mergeDepsIntoGraph(key, deps, currentGraph, graph2);
     }
-    if (version2 === ((_storeState$previousT3 = storeState.previousTree) === null || _storeState$previousT3 === void 0 ? void 0 : _storeState$previousT3.version) || version2 === storeState.currentTree.version) {
+    if (version === ((_storeState$previousT3 = storeState.previousTree) === null || _storeState$previousT3 === void 0 ? void 0 : _storeState$previousT3.version) || version === storeState.currentTree.version) {
       var _storeState$nextTree2;
       const nextVersion = (_storeState$nextTree2 = storeState.nextTree) === null || _storeState$nextTree2 === void 0 ? void 0 : _storeState$nextTree2.version;
       if (nextVersion !== void 0) {
-        const nextGraph = store.getGraph(nextVersion);
+        const nextGraph = store2.getGraph(nextVersion);
         mergeDepsIntoGraph(key, deps, nextGraph, graph2);
       }
     }
@@ -3423,10 +3427,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     getNextTreeStateVersion: getNextTreeStateVersion$1
   } = Recoil_Keys;
   function makeEmptyTreeState() {
-    const version2 = getNextTreeStateVersion$1();
+    const version = getNextTreeStateVersion$1();
     return {
-      version: version2,
-      stateID: version2,
+      version,
+      stateID: version,
       transactionMetadata: {},
       dirtyAtoms: /* @__PURE__ */ new Set(),
       atomValues: persistentMap$1(),
@@ -3546,13 +3550,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   const emptySet = Object.freeze(/* @__PURE__ */ new Set());
   class ReadOnlyRecoilValueError extends Error {
   }
-  function initializeRetentionForNode(store, nodeKey, retainedBy) {
+  function initializeRetentionForNode(store2, nodeKey, retainedBy) {
     if (!Recoil_gkx("recoil_memory_managament_2020")) {
       return () => void 0;
     }
     const {
       nodesRetainedByZone: nodesRetainedByZone2
-    } = store.getState().retention;
+    } = store2.getState().retention;
     function addToZone(zone) {
       let set2 = nodesRetainedByZone2.get(zone);
       if (!set2) {
@@ -3573,7 +3577,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
       const {
         retention
-      } = store.getState();
+      } = store2.getState();
       function deleteFromZone(zone) {
         const set2 = retention.nodesRetainedByZone.get(zone);
         set2 === null || set2 === void 0 ? void 0 : set2.delete(nodeKey);
@@ -3590,34 +3594,34 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     };
   }
-  function initializeNodeIfNewToStore(store, treeState, key, trigger) {
-    const storeState = store.getState();
+  function initializeNodeIfNewToStore(store2, treeState, key, trigger) {
+    const storeState = store2.getState();
     if (storeState.nodeCleanupFunctions.has(key)) {
       return;
     }
     const node = getNode$1(key);
-    const retentionCleanup = initializeRetentionForNode(store, key, node.retainedBy);
-    const nodeCleanup = node.init(store, treeState, trigger);
+    const retentionCleanup = initializeRetentionForNode(store2, key, node.retainedBy);
+    const nodeCleanup = node.init(store2, treeState, trigger);
     storeState.nodeCleanupFunctions.set(key, () => {
       nodeCleanup();
       retentionCleanup();
     });
   }
-  function initializeNode(store, key, trigger) {
-    initializeNodeIfNewToStore(store, store.getState().currentTree, key, trigger);
+  function initializeNode(store2, key, trigger) {
+    initializeNodeIfNewToStore(store2, store2.getState().currentTree, key, trigger);
   }
-  function cleanUpNode(store, key) {
+  function cleanUpNode(store2, key) {
     var _state$nodeCleanupFun;
-    const state = store.getState();
+    const state = store2.getState();
     (_state$nodeCleanupFun = state.nodeCleanupFunctions.get(key)) === null || _state$nodeCleanupFun === void 0 ? void 0 : _state$nodeCleanupFun();
     state.nodeCleanupFunctions.delete(key);
   }
-  function getNodeLoadable(store, state, key) {
-    initializeNodeIfNewToStore(store, state, key, "get");
-    return getNode$1(key).get(store, state);
+  function getNodeLoadable(store2, state, key) {
+    initializeNodeIfNewToStore(store2, state, key, "get");
+    return getNode$1(key).get(store2, state);
   }
-  function peekNodeLoadable(store, state, key) {
-    return getNode$1(key).peek(store, state);
+  function peekNodeLoadable(store2, state, key) {
+    return getNode$1(key).peek(store2, state);
   }
   function setUnvalidatedAtomValue_DEPRECATED(state, key, newValue) {
     var _node$invalidate;
@@ -3630,23 +3634,23 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       dirtyAtoms: setByAddingToSet$1(state.dirtyAtoms, key)
     };
   }
-  function setNodeValue(store, state, key, newValue) {
+  function setNodeValue(store2, state, key, newValue) {
     const node = getNode$1(key);
     if (node.set == null) {
       throw new ReadOnlyRecoilValueError(`Attempt to set read-only RecoilValue: ${key}`);
     }
     const set2 = node.set;
-    initializeNodeIfNewToStore(store, state, key, "set");
-    return set2(store, state, newValue);
+    initializeNodeIfNewToStore(store2, state, key, "set");
+    return set2(store2, state, newValue);
   }
-  function peekNodeInfo(store, state, key) {
-    const storeState = store.getState();
-    const graph2 = store.getGraph(state.version);
+  function peekNodeInfo(store2, state, key) {
+    const storeState = store2.getState();
+    const graph2 = store2.getGraph(state.version);
     const type = getNode$1(key).nodeType;
     return Recoil_lazyProxy$1({
       type
     }, {
-      loadable: () => peekNodeLoadable(store, state, key),
+      loadable: () => peekNodeLoadable(store2, state, key),
       isActive: () => storeState.knownAtoms.has(key) || storeState.knownSelectors.has(key),
       isSet: () => type === "selector" ? false : state.atomValues.has(key),
       isModified: () => state.dirtyAtoms.has(key),
@@ -3657,7 +3661,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       subscribers: () => {
         var _storeState$nodeToCom, _storeState$nodeToCom2;
         return {
-          nodes: recoilValuesForKeys$1(Recoil_filterIterable(getDownstreamNodes(store, state, /* @__PURE__ */ new Set([key])), (nodeKey) => nodeKey !== key)),
+          nodes: recoilValuesForKeys$1(Recoil_filterIterable(getDownstreamNodes(store2, state, /* @__PURE__ */ new Set([key])), (nodeKey) => nodeKey !== key)),
           components: Recoil_mapIterable((_storeState$nodeToCom = (_storeState$nodeToCom2 = storeState.nodeToComponentSubscriptions.get(key)) === null || _storeState$nodeToCom2 === void 0 ? void 0 : _storeState$nodeToCom2.values()) !== null && _storeState$nodeToCom !== void 0 ? _storeState$nodeToCom : [], ([name]) => ({
             name
           }))
@@ -3665,10 +3669,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     });
   }
-  function getDownstreamNodes(store, state, keys2) {
+  function getDownstreamNodes(store2, state, keys2) {
     const visitedNodes = /* @__PURE__ */ new Set();
     const visitingNodes = Array.from(keys2);
-    const graph2 = store.getGraph(state.version);
+    const graph2 = store2.getGraph(state.version);
     for (let key = visitingNodes.pop(); key; key = visitingNodes.pop()) {
       var _graph$nodeToNodeSubs;
       visitedNodes.add(key);
@@ -3730,14 +3734,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   const {
     invalidateMemoizedSnapshot: invalidateMemoizedSnapshot$1
   } = Recoil_SnapshotCache;
-  function getRecoilValueAsLoadable(store, {
+  function getRecoilValueAsLoadable(store2, {
     key
-  }, treeState = store.getState().currentTree) {
+  }, treeState = store2.getState().currentTree) {
     var _storeState$nextTree, _storeState$previousT;
-    const storeState = store.getState();
+    const storeState = store2.getState();
     if (!(treeState.version === storeState.currentTree.version || treeState.version === ((_storeState$nextTree = storeState.nextTree) === null || _storeState$nextTree === void 0 ? void 0 : _storeState$nextTree.version) || treeState.version === ((_storeState$previousT = storeState.previousTree) === null || _storeState$previousT === void 0 ? void 0 : _storeState$previousT.version)))
       ;
-    const loadable = getNodeLoadable$1(store, treeState, key);
+    const loadable = getNodeLoadable$1(store2, treeState, key);
     if (loadable.state === "loading") {
       loadable.contents.catch(() => {
         return;
@@ -3756,11 +3760,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     });
     return result;
   }
-  function valueFromValueOrUpdater(store, state, {
+  function valueFromValueOrUpdater(store2, state, {
     key
   }, valueOrUpdater) {
     if (typeof valueOrUpdater === "function") {
-      const current = getNodeLoadable$1(store, state, key);
+      const current = getNodeLoadable$1(store2, state, key);
       if (current.state === "loading") {
         const msg = `Tried to set atom or selector "${key}" using an updater function while the current state is pending, this is not currently supported.`;
         throw Recoil_err$2(msg);
@@ -3772,14 +3776,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return valueOrUpdater;
     }
   }
-  function applyAction(store, state, action) {
+  function applyAction(store2, state, action) {
     if (action.type === "set") {
       const {
         recoilValue,
         valueOrUpdater
       } = action;
-      const newValue = valueFromValueOrUpdater(store, state, recoilValue, valueOrUpdater);
-      const writes = setNodeValue$1(store, state, recoilValue.key, newValue);
+      const newValue = valueFromValueOrUpdater(store2, state, recoilValue, valueOrUpdater);
+      const writes = setNodeValue$1(store2, state, recoilValue.key, newValue);
       for (const [key, loadable] of writes.entries()) {
         writeLoadableToTreeState(state, key, loadable);
       }
@@ -3824,27 +3828,27 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     state.dirtyAtoms.add(key);
     state.nonvalidatedAtoms.delete(key);
   }
-  function applyActionsToStore(store, actions) {
-    store.replaceState((state) => {
+  function applyActionsToStore(store2, actions) {
+    store2.replaceState((state) => {
       const newState = copyTreeState(state);
       for (const action of actions) {
-        applyAction(store, newState, action);
+        applyAction(store2, newState, action);
       }
-      invalidateDownstreams(store, newState);
+      invalidateDownstreams(store2, newState);
       invalidateMemoizedSnapshot$1();
       return newState;
     });
   }
-  function queueOrPerformStateUpdate(store, action) {
+  function queueOrPerformStateUpdate(store2, action) {
     if (batchStack.length) {
       const actionsByStore = batchStack[batchStack.length - 1];
-      let actions = actionsByStore.get(store);
+      let actions = actionsByStore.get(store2);
       if (!actions) {
-        actionsByStore.set(store, actions = []);
+        actionsByStore.set(store2, actions = []);
       }
       actions.push(action);
     } else {
-      applyActionsToStore(store, [action]);
+      applyActionsToStore(store2, [action]);
     }
   }
   const batchStack = [];
@@ -3852,8 +3856,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const actionsByStore = /* @__PURE__ */ new Map();
     batchStack.push(actionsByStore);
     return () => {
-      for (const [store, actions] of actionsByStore) {
-        applyActionsToStore(store, actions);
+      for (const [store2, actions] of actionsByStore) {
+        applyActionsToStore(store2, actions);
       }
       batchStack.pop();
     };
@@ -3866,62 +3870,62 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       dirtyAtoms: new Set(state.dirtyAtoms)
     };
   }
-  function invalidateDownstreams(store, state) {
-    const downstreams = getDownstreamNodes$1(store, state, state.dirtyAtoms);
+  function invalidateDownstreams(store2, state) {
+    const downstreams = getDownstreamNodes$1(store2, state, state.dirtyAtoms);
     for (const key of downstreams) {
       var _getNodeMaybe, _getNodeMaybe$invalid;
       (_getNodeMaybe = getNodeMaybe$2(key)) === null || _getNodeMaybe === void 0 ? void 0 : (_getNodeMaybe$invalid = _getNodeMaybe.invalidate) === null || _getNodeMaybe$invalid === void 0 ? void 0 : _getNodeMaybe$invalid.call(_getNodeMaybe, state);
     }
   }
-  function setRecoilValue(store, recoilValue, valueOrUpdater) {
-    queueOrPerformStateUpdate(store, {
+  function setRecoilValue(store2, recoilValue, valueOrUpdater) {
+    queueOrPerformStateUpdate(store2, {
       type: "set",
       recoilValue,
       valueOrUpdater
     });
   }
-  function setRecoilValueLoadable(store, recoilValue, loadable) {
+  function setRecoilValueLoadable(store2, recoilValue, loadable) {
     if (loadable instanceof DefaultValue$1$1) {
-      return setRecoilValue(store, recoilValue, loadable);
+      return setRecoilValue(store2, recoilValue, loadable);
     }
-    queueOrPerformStateUpdate(store, {
+    queueOrPerformStateUpdate(store2, {
       type: "setLoadable",
       recoilValue,
       loadable
     });
   }
-  function markRecoilValueModified(store, recoilValue) {
-    queueOrPerformStateUpdate(store, {
+  function markRecoilValueModified(store2, recoilValue) {
+    queueOrPerformStateUpdate(store2, {
       type: "markModified",
       recoilValue
     });
   }
-  function setUnvalidatedRecoilValue(store, recoilValue, unvalidatedValue) {
-    queueOrPerformStateUpdate(store, {
+  function setUnvalidatedRecoilValue(store2, recoilValue, unvalidatedValue) {
+    queueOrPerformStateUpdate(store2, {
       type: "setUnvalidated",
       recoilValue,
       unvalidatedValue
     });
   }
-  function subscribeToRecoilValue(store, {
+  function subscribeToRecoilValue(store2, {
     key
   }, callback, componentDebugName = null) {
     const subID = getNextComponentID$1();
-    const storeState = store.getState();
+    const storeState = store2.getState();
     if (!storeState.nodeToComponentSubscriptions.has(key)) {
       storeState.nodeToComponentSubscriptions.set(key, /* @__PURE__ */ new Map());
     }
     Recoil_nullthrows$1(storeState.nodeToComponentSubscriptions.get(key)).set(subID, [componentDebugName !== null && componentDebugName !== void 0 ? componentDebugName : "<not captured>", callback]);
     const mode = reactMode$1();
     if (mode.early && (mode.mode === "LEGACY" || mode.mode === "MUTABLE_SOURCE")) {
-      const nextTree = store.getState().nextTree;
+      const nextTree = store2.getState().nextTree;
       if (nextTree && nextTree.dirtyAtoms.has(key)) {
         callback(nextTree);
       }
     }
     return {
       release: () => {
-        const releaseStoreState = store.getState();
+        const releaseStoreState = store2.getState();
         const subs = releaseStoreState.nodeToComponentSubscriptions.get(key);
         if (subs === void 0 || !subs.has(subID)) {
           return;
@@ -3933,13 +3937,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     };
   }
-  function refreshRecoilValue(store, recoilValue) {
+  function refreshRecoilValue(store2, recoilValue) {
     var _node$clearCache;
     const {
       currentTree
-    } = store.getState();
+    } = store2.getState();
     const node = getNode$2(recoilValue.key);
-    (_node$clearCache = node.clearCache) === null || _node$clearCache === void 0 ? void 0 : _node$clearCache.call(node, store, currentTree);
+    (_node$clearCache = node.clearCache) === null || _node$clearCache === void 0 ? void 0 : _node$clearCache.call(node, store2, currentTree);
   }
   var Recoil_RecoilValueInterface = {
     RecoilValueReadOnly: RecoilValueReadOnly$1,
@@ -3984,8 +3988,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   } = Recoil_RetentionZone;
   const SUSPENSE_TIMEOUT_MS = 12e4;
   const emptySet$1 = /* @__PURE__ */ new Set();
-  function releaseRetainablesNowOnCurrentTree(store, retainables) {
-    const storeState = store.getState();
+  function releaseRetainablesNowOnCurrentTree(store2, retainables) {
+    const storeState = store2.getState();
     const treeState = storeState.currentTree;
     if (storeState.nextTree) {
       return;
@@ -4000,15 +4004,15 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         nodes2.add(r2);
       }
     }
-    const releasableNodes = findReleasableNodes(store, nodes2);
+    const releasableNodes = findReleasableNodes(store2, nodes2);
     for (const node of releasableNodes) {
-      releaseNode(store, treeState, node);
+      releaseNode(store2, treeState, node);
     }
   }
-  function findReleasableNodes(store, searchFromNodes) {
-    const storeState = store.getState();
+  function findReleasableNodes(store2, searchFromNodes) {
+    const storeState = store2.getState();
     const treeState = storeState.currentTree;
-    const graph2 = store.getGraph(treeState.version);
+    const graph2 = store2.getGraph(treeState.version);
     const releasableNodes = /* @__PURE__ */ new Set();
     const nonReleasableNodes = /* @__PURE__ */ new Set();
     findReleasableNodesInner(searchFromNodes);
@@ -4016,7 +4020,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     function findReleasableNodesInner(searchFromNodes2) {
       const releasableNodesFoundThisIteration = /* @__PURE__ */ new Set();
       const downstreams = getDownstreamNodesInTopologicalOrder(
-        store,
+        store2,
         treeState,
         searchFromNodes2,
         releasableNodes,
@@ -4058,8 +4062,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     }
   }
-  function getDownstreamNodesInTopologicalOrder(store, treeState, nodes2, doNotDescendInto1, doNotDescendInto2) {
-    const graph2 = store.getGraph(treeState.version);
+  function getDownstreamNodesInTopologicalOrder(store2, treeState, nodes2, doNotDescendInto1, doNotDescendInto2) {
+    const graph2 = store2.getGraph(treeState.version);
     const answer = [];
     const visited = /* @__PURE__ */ new Set();
     while (nodes2.size > 0) {
@@ -4085,12 +4089,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       answer.push(node);
     }
   }
-  function releaseNode(store, treeState, node) {
+  function releaseNode(store2, treeState, node) {
     if (!Recoil_gkx("recoil_memory_managament_2020")) {
       return;
     }
-    cleanUpNode$1(store, node);
-    const storeState = store.getState();
+    cleanUpNode$1(store2, node);
+    const storeState = store2.getState();
     storeState.knownAtoms.delete(node);
     storeState.knownSelectors.delete(node);
     storeState.nodeTransactionSubscriptions.delete(node);
@@ -4131,41 +4135,41 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return retainedBy;
     }
   }
-  function scheduleOrPerformPossibleReleaseOfRetainable(store, retainable) {
-    const state = store.getState();
+  function scheduleOrPerformPossibleReleaseOfRetainable(store2, retainable) {
+    const state = store2.getState();
     if (state.nextTree) {
       state.retention.retainablesToCheckForRelease.add(retainable);
     } else {
-      releaseRetainablesNowOnCurrentTree(store, /* @__PURE__ */ new Set([retainable]));
+      releaseRetainablesNowOnCurrentTree(store2, /* @__PURE__ */ new Set([retainable]));
     }
   }
-  function updateRetainCount(store, retainable, delta) {
+  function updateRetainCount(store2, retainable, delta) {
     var _map$get;
     if (!Recoil_gkx("recoil_memory_managament_2020")) {
       return;
     }
-    const map2 = store.getState().retention.referenceCounts;
+    const map2 = store2.getState().retention.referenceCounts;
     const newCount = ((_map$get = map2.get(retainable)) !== null && _map$get !== void 0 ? _map$get : 0) + delta;
     if (newCount === 0) {
-      updateRetainCountToZero(store, retainable);
+      updateRetainCountToZero(store2, retainable);
     } else {
       map2.set(retainable, newCount);
     }
   }
-  function updateRetainCountToZero(store, retainable) {
+  function updateRetainCountToZero(store2, retainable) {
     if (!Recoil_gkx("recoil_memory_managament_2020")) {
       return;
     }
-    const map2 = store.getState().retention.referenceCounts;
+    const map2 = store2.getState().retention.referenceCounts;
     map2.delete(retainable);
-    scheduleOrPerformPossibleReleaseOfRetainable(store, retainable);
+    scheduleOrPerformPossibleReleaseOfRetainable(store2, retainable);
   }
-  function releaseScheduledRetainablesNow(store) {
+  function releaseScheduledRetainablesNow(store2) {
     if (!Recoil_gkx("recoil_memory_managament_2020")) {
       return;
     }
-    const state = store.getState();
-    releaseRetainablesNowOnCurrentTree(store, state.retention.retainablesToCheckForRelease);
+    const state = store2.getState();
+    releaseRetainablesNowOnCurrentTree(store2, state.retention.retainablesToCheckForRelease);
     state.retention.retainablesToCheckForRelease.clear();
   }
   function retainedByOptionWithDefault(r2) {
@@ -4375,13 +4379,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         replaceState: (replacer) => {
           storeState.currentTree = replacer(storeState.currentTree);
         },
-        getGraph: (version2) => {
+        getGraph: (version) => {
           const graphs = storeState.graphsByVersion;
-          if (graphs.has(version2)) {
-            return Recoil_nullthrows$1(graphs.get(version2));
+          if (graphs.has(version)) {
+            return Recoil_nullthrows$1(graphs.get(version));
           }
           const newGraph = graph$1();
-          graphs.set(version2, newGraph);
+          graphs.set(version, newGraph);
           return newGraph;
         },
         subscribeToTransactions: () => ({
@@ -4446,13 +4450,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return this._store.storeID;
     }
   }
-  function cloneStoreState(store, treeState, bumpVersion = false) {
-    const storeState = store.getState();
-    const version2 = bumpVersion ? getNextTreeStateVersion$2() : treeState.version;
+  function cloneStoreState(store2, treeState, bumpVersion = false) {
+    const storeState = store2.getState();
+    const version = bumpVersion ? getNextTreeStateVersion$2() : treeState.version;
     return {
       currentTree: {
-        version: bumpVersion ? version2 : treeState.version,
-        stateID: bumpVersion ? version2 : treeState.stateID,
+        version: bumpVersion ? version : treeState.version,
+        stateID: bumpVersion ? version : treeState.stateID,
         transactionMetadata: {
           ...treeState.transactionMetadata
         },
@@ -4470,7 +4474,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       nodeToComponentSubscriptions: /* @__PURE__ */ new Map(),
       queuedComponentCallbacks_DEPRECATED: [],
       suspendedComponentResolvers: /* @__PURE__ */ new Set(),
-      graphsByVersion: (/* @__PURE__ */ new Map()).set(version2, store.getGraph(treeState.version)),
+      graphsByVersion: (/* @__PURE__ */ new Map()).set(version, store2.getGraph(treeState.version)),
       retention: {
         referenceCounts: /* @__PURE__ */ new Map(),
         nodesRetainedByZone: /* @__PURE__ */ new Map(),
@@ -4485,23 +4489,23 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return initializeState != null ? snapshot.map(initializeState) : snapshot;
   }
   const [memoizedCloneSnapshot, invalidateMemoizedSnapshot$2] = memoizeOneWithArgsHashAndInvalidation$1(
-    (store, version2) => {
+    (store2, version) => {
       var _storeState$nextTree;
-      const storeState = store.getState();
-      const treeState = version2 === "latest" ? (_storeState$nextTree = storeState.nextTree) !== null && _storeState$nextTree !== void 0 ? _storeState$nextTree : storeState.currentTree : Recoil_nullthrows$1(storeState.previousTree);
-      return new Snapshot(cloneStoreState(store, treeState), store.storeID);
+      const storeState = store2.getState();
+      const treeState = version === "latest" ? (_storeState$nextTree = storeState.nextTree) !== null && _storeState$nextTree !== void 0 ? _storeState$nextTree : storeState.currentTree : Recoil_nullthrows$1(storeState.previousTree);
+      return new Snapshot(cloneStoreState(store2, treeState), store2.storeID);
     },
-    (store, version2) => {
+    (store2, version) => {
       var _store$getState$nextT, _store$getState$previ;
-      return String(version2) + String(store.storeID) + String((_store$getState$nextT = store.getState().nextTree) === null || _store$getState$nextT === void 0 ? void 0 : _store$getState$nextT.version) + String(store.getState().currentTree.version) + String((_store$getState$previ = store.getState().previousTree) === null || _store$getState$previ === void 0 ? void 0 : _store$getState$previ.version);
+      return String(version) + String(store2.storeID) + String((_store$getState$nextT = store2.getState().nextTree) === null || _store$getState$nextT === void 0 ? void 0 : _store$getState$nextT.version) + String(store2.getState().currentTree.version) + String((_store$getState$previ = store2.getState().previousTree) === null || _store$getState$previ === void 0 ? void 0 : _store$getState$previ.version);
     }
   );
   setInvalidateMemoizedSnapshot$1(invalidateMemoizedSnapshot$2);
-  function cloneSnapshot(store, version2 = "latest") {
-    const snapshot = memoizedCloneSnapshot(store, version2);
+  function cloneSnapshot(store2, version = "latest") {
+    const snapshot = memoizedCloneSnapshot(store2, version);
     if (!snapshot.isRetained()) {
       invalidateMemoizedSnapshot$2();
-      return memoizedCloneSnapshot(store, version2);
+      return memoizedCloneSnapshot(store2, version);
     }
     return snapshot;
   }
@@ -4511,27 +4515,27 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       _defineProperty$a(this, "_batch", void 0);
       _defineProperty$a(this, "set", (recoilState, newValueOrUpdater) => {
         this.checkRefCount_INTERNAL();
-        const store = this.getStore_INTERNAL();
+        const store2 = this.getStore_INTERNAL();
         this._batch(() => {
-          updateRetainCount$1(store, recoilState.key, 1);
+          updateRetainCount$1(store2, recoilState.key, 1);
           setRecoilValue$1(this.getStore_INTERNAL(), recoilState, newValueOrUpdater);
         });
       });
       _defineProperty$a(this, "reset", (recoilState) => {
         this.checkRefCount_INTERNAL();
-        const store = this.getStore_INTERNAL();
+        const store2 = this.getStore_INTERNAL();
         this._batch(() => {
-          updateRetainCount$1(store, recoilState.key, 1);
+          updateRetainCount$1(store2, recoilState.key, 1);
           setRecoilValue$1(this.getStore_INTERNAL(), recoilState, DEFAULT_VALUE$1$1);
         });
       });
       _defineProperty$a(this, "setUnvalidatedAtomValues_DEPRECATED", (values) => {
         this.checkRefCount_INTERNAL();
-        const store = this.getStore_INTERNAL();
+        const store2 = this.getStore_INTERNAL();
         batchUpdates$1(() => {
           for (const [k2, v2] of values.entries()) {
-            updateRetainCount$1(store, k2, 1);
-            setUnvalidatedRecoilValue$1(store, new AbstractRecoilValue$2(k2), v2);
+            updateRetainCount$1(store2, k2, 1);
+            setUnvalidatedRecoilValue$1(store2, new AbstractRecoilValue$2(k2), v2);
           }
         });
       });
@@ -4629,18 +4633,18 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     addTransactionMetadata: notInAContext
   });
   let stateReplacerIsBeingExecuted = false;
-  function startNextTreeIfNeeded(store) {
+  function startNextTreeIfNeeded(store2) {
     if (stateReplacerIsBeingExecuted) {
       throw Recoil_err$2("An atom update was triggered within the execution of a state updater function. State updater functions provided to Recoil must be pure functions.");
     }
-    const storeState = store.getState();
+    const storeState = store2.getState();
     if (storeState.nextTree === null) {
       if (Recoil_gkx("recoil_memory_managament_2020") && Recoil_gkx("recoil_release_on_cascading_update_killswitch_2021")) {
         if (storeState.commitDepth > 0) {
-          releaseScheduledRetainablesNow$1(store);
+          releaseScheduledRetainablesNow$1(store2);
         }
       }
-      const version2 = storeState.currentTree.version;
+      const version = storeState.currentTree.version;
       const nextVersion = getNextTreeStateVersion$3();
       storeState.nextTree = {
         ...storeState.currentTree,
@@ -4649,7 +4653,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         dirtyAtoms: /* @__PURE__ */ new Set(),
         transactionMetadata: {}
       };
-      storeState.graphsByVersion.set(nextVersion, cloneGraph$1(Recoil_nullthrows$1(storeState.graphsByVersion.get(version2))));
+      storeState.graphsByVersion.set(nextVersion, cloneGraph$1(Recoil_nullthrows$1(storeState.graphsByVersion.get(version))));
     }
   }
   const AppContext = React__default.default.createContext({
@@ -4661,8 +4665,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const mutableSource = useContext(MutableSourceContext);
     return mutableSource;
   }
-  function notifyComponents(store, storeState, treeState) {
-    const dependentNodes = getDownstreamNodes$2(store, treeState, treeState.dirtyAtoms);
+  function notifyComponents(store2, storeState, treeState) {
+    const dependentNodes = getDownstreamNodes$2(store2, treeState, treeState.dirtyAtoms);
     for (const key of dependentNodes) {
       const comps = storeState.nodeToComponentSubscriptions.get(key);
       if (comps) {
@@ -4672,23 +4676,23 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     }
   }
-  function sendEndOfBatchNotifications(store) {
-    const storeState = store.getState();
+  function sendEndOfBatchNotifications(store2) {
+    const storeState = store2.getState();
     const treeState = storeState.currentTree;
     const dirtyAtoms = treeState.dirtyAtoms;
     if (dirtyAtoms.size) {
       for (const [key, subscriptions] of storeState.nodeTransactionSubscriptions) {
         if (dirtyAtoms.has(key)) {
           for (const [_, subscription] of subscriptions) {
-            subscription(store);
+            subscription(store2);
           }
         }
       }
       for (const [_, subscription] of storeState.transactionSubscriptions) {
-        subscription(store);
+        subscription(store2);
       }
       if (!reactMode$2().early || storeState.suspendedComponentResolvers.size > 0) {
-        notifyComponents(store, storeState, treeState);
+        notifyComponents(store2, storeState, treeState);
         storeState.suspendedComponentResolvers.forEach((cb) => cb());
         storeState.suspendedComponentResolvers.clear();
       }
@@ -4696,8 +4700,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     storeState.queuedComponentCallbacks_DEPRECATED.forEach((cb) => cb(treeState));
     storeState.queuedComponentCallbacks_DEPRECATED.splice(0, storeState.queuedComponentCallbacks_DEPRECATED.length);
   }
-  function endBatch(store) {
-    const storeState = store.getState();
+  function endBatch(store2) {
+    const storeState = store2.getState();
     storeState.commitDepth++;
     try {
       const {
@@ -4709,7 +4713,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       storeState.previousTree = storeState.currentTree;
       storeState.currentTree = nextTree;
       storeState.nextTree = null;
-      sendEndOfBatchNotifications(store);
+      sendEndOfBatchNotifications(store2);
       if (storeState.previousTree != null) {
         storeState.graphsByVersion.delete(storeState.previousTree.version);
       } else {
@@ -4718,7 +4722,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       storeState.previousTree = null;
       if (Recoil_gkx("recoil_memory_managament_2020")) {
         if (nextTree == null) {
-          releaseScheduledRetainablesNow$1(store);
+          releaseScheduledRetainablesNow$1(store2);
         }
       }
     } finally {
@@ -4745,12 +4749,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     });
     return null;
   }
-  function initialStoreState_DEPRECATED(store, initializeState) {
+  function initialStoreState_DEPRECATED(store2, initializeState) {
     const initial2 = makeEmptyStoreState$2();
     initializeState({
       set: (atom2, value) => {
         const state = initial2.currentTree;
-        const writes = setNodeValue$2(store, state, atom2.key, value);
+        const writes = setNodeValue$2(store2, state, atom2.key, value);
         const writtenNodes = new Set(writes.keys());
         const nonvalidatedAtoms = state.nonvalidatedAtoms.clone();
         for (const n2 of writtenNodes) {
@@ -4787,13 +4791,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     children
   }) {
     let storeStateRef;
-    const getGraph = (version2) => {
+    const getGraph = (version) => {
       const graphs = storeStateRef.current.graphsByVersion;
-      if (graphs.has(version2)) {
-        return Recoil_nullthrows$1(graphs.get(version2));
+      if (graphs.has(version)) {
+        return Recoil_nullthrows$1(graphs.get(version));
       }
       const newGraph = graph$2();
-      graphs.set(version2, newGraph);
+      graphs.set(version, newGraph);
       return newGraph;
     };
     const subscribeToTransactions = (callback, key) => {
@@ -4873,13 +4877,13 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     storeStateRef = Recoil_useRefInitOnce(() => initializeState_DEPRECATED != null ? initialStoreState_DEPRECATED(storeRef.current, initializeState_DEPRECATED) : initializeState != null ? initialStoreState(initializeState) : makeEmptyStoreState$2());
     const mutableSource = useMemo$2(() => createMutableSource$1 === null || createMutableSource$1 === void 0 ? void 0 : createMutableSource$1(storeStateRef, () => storeStateRef.current.currentTree.version), [storeStateRef]);
     useEffect$4(() => {
-      const store = storeRef.current;
-      for (const atomKey of new Set(store.getState().knownAtoms)) {
-        initializeNode$2(store, atomKey, "get");
+      const store2 = storeRef.current;
+      for (const atomKey of new Set(store2.getState().knownAtoms)) {
+        initializeNode$2(store2, atomKey, "get");
       }
       return () => {
-        for (const atomKey of store.getState().knownAtoms) {
-          cleanUpNode$2(store, atomKey);
+        for (const atomKey of store2.getState().knownAtoms) {
+          cleanUpNode$2(store2, atomKey);
         }
       };
     }, [storeRef]);
@@ -4973,31 +4977,31 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       if (!Recoil_gkx("recoil_memory_managament_2020")) {
         return;
       }
-      const store = storeRef.current;
+      const store2 = storeRef.current;
       if (timeoutID.current && !isSSR$2) {
         window.clearTimeout(timeoutID.current);
         timeoutID.current = null;
       } else {
         for (const r2 of retainables) {
-          updateRetainCount$2(store, r2, 1);
+          updateRetainCount$2(store2, r2, 1);
         }
       }
       return () => {
         for (const r2 of retainables) {
-          updateRetainCount$2(store, r2, -1);
+          updateRetainCount$2(store2, r2, -1);
         }
       };
     }, [storeRef, ...retainables]);
     const timeoutID = useRef$3$1();
     const previousRetainables = Recoil_usePrevious$1(retainables);
     if (!isSSR$2 && (previousRetainables === void 0 || !Recoil_shallowArrayEqual(previousRetainables, retainables))) {
-      const store = storeRef.current;
+      const store2 = storeRef.current;
       for (const r2 of retainables) {
-        updateRetainCount$2(store, r2, 1);
+        updateRetainCount$2(store2, r2, 1);
       }
       if (previousRetainables) {
         for (const r2 of previousRetainables) {
-          updateRetainCount$2(store, r2, -1);
+          updateRetainCount$2(store2, r2, -1);
         }
       }
       if (timeoutID.current) {
@@ -5006,7 +5010,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       timeoutID.current = window.setTimeout(() => {
         timeoutID.current = null;
         for (const r2 of retainables) {
-          updateRetainCount$2(store, r2, -1);
+          updateRetainCount$2(store2, r2, -1);
         }
       }, SUSPENSE_TIMEOUT_MS$1);
     }
@@ -5093,20 +5097,20 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     }, []);
     useEffect$3$1(() => {
-      const store = storeRef.current;
+      const store2 = storeRef.current;
       Recoil_differenceSets(recoilValuesUsed.current, previousSubscriptions.current).forEach((key) => {
         if (subscriptions.current.has(key)) {
           return;
         }
-        const sub = subscribeToRecoilValue$1(store, new AbstractRecoilValue$3(key), (state2) => updateState(state2, key), componentName);
+        const sub = subscribeToRecoilValue$1(store2, new AbstractRecoilValue$3(key), (state2) => updateState(state2, key), componentName);
         subscriptions.current.set(key, sub);
-        const state = store.getState();
+        const state = store2.getState();
         if (state.nextTree) {
-          store.getState().queuedComponentCallbacks_DEPRECATED.push(() => {
-            updateState(store.getState(), key);
+          store2.getState().queuedComponentCallbacks_DEPRECATED.push(() => {
+            updateState(store2.getState(), key);
           });
         } else {
-          updateState(store.getState(), key);
+          updateState(store2.getState(), key);
         }
       });
       Recoil_differenceSets(previousSubscriptions.current, recoilValuesUsed.current).forEach((key) => {
@@ -5167,10 +5171,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const componentName = Recoil_useComponentName();
     const getSnapshot = useCallback$1$1(() => {
       var _storeState$nextTree2;
-      const store = storeRef.current;
-      const storeState = store.getState();
+      const store2 = storeRef.current;
+      const storeState = store2.getState();
       const treeState = reactMode$3().early ? (_storeState$nextTree2 = storeState.nextTree) !== null && _storeState$nextTree2 !== void 0 ? _storeState$nextTree2 : storeState.currentTree : storeState.currentTree;
-      const loadable = getRecoilValueAsLoadable$2(store, recoilValue, treeState);
+      const loadable = getRecoilValueAsLoadable$2(store2, recoilValue, treeState);
       return {
         loadable,
         key: recoilValue.key
@@ -5190,8 +5194,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }, []);
     const getMemoizedSnapshot = useMemo$1$1(() => memoizePreviousSnapshot(getSnapshot), [getSnapshot, memoizePreviousSnapshot]);
     const subscribe = useCallback$1$1((notify) => {
-      const store = storeRef.current;
-      const subscription = subscribeToRecoilValue$1(store, recoilValue, notify, componentName);
+      const store2 = storeRef.current;
+      const subscription = subscribeToRecoilValue$1(store2, recoilValue, notify, componentName);
       return subscription.release;
     }, [storeRef, recoilValue, componentName]);
     return useSyncExternalStore$1(
@@ -5204,18 +5208,18 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const storeRef = useStoreRef$2();
     const getLoadable = useCallback$1$1(() => {
       var _storeState$nextTree3;
-      const store = storeRef.current;
-      const storeState = store.getState();
+      const store2 = storeRef.current;
+      const storeState = store2.getState();
       const treeState = reactMode$3().early ? (_storeState$nextTree3 = storeState.nextTree) !== null && _storeState$nextTree3 !== void 0 ? _storeState$nextTree3 : storeState.currentTree : storeState.currentTree;
-      return getRecoilValueAsLoadable$2(store, recoilValue, treeState);
+      return getRecoilValueAsLoadable$2(store2, recoilValue, treeState);
     }, [storeRef, recoilValue]);
     const getLoadableWithTesting = useCallback$1$1(() => {
       return getLoadable();
     }, [getLoadable]);
     const componentName = Recoil_useComponentName();
     const subscribe = useCallback$1$1((_storeState, notify) => {
-      const store = storeRef.current;
-      const subscription = subscribeToRecoilValue$1(store, recoilValue, () => {
+      const store2 = storeRef.current;
+      const subscription = subscribeToRecoilValue$1(store2, recoilValue, () => {
         if (!Recoil_gkx("recoil_suppress_rerender_in_callback")) {
           return notify();
         }
@@ -5243,10 +5247,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const componentName = Recoil_useComponentName();
     const getLoadable = useCallback$1$1(() => {
       var _storeState$nextTree4;
-      const store = storeRef.current;
-      const storeState = store.getState();
+      const store2 = storeRef.current;
+      const storeState = store2.getState();
       const treeState = reactMode$3().early ? (_storeState$nextTree4 = storeState.nextTree) !== null && _storeState$nextTree4 !== void 0 ? _storeState$nextTree4 : storeState.currentTree : storeState.currentTree;
-      return getRecoilValueAsLoadable$2(store, recoilValue, treeState);
+      return getRecoilValueAsLoadable$2(store2, recoilValue, treeState);
     }, [storeRef, recoilValue]);
     const getState2 = useCallback$1$1(() => ({
       loadable: getLoadable(),
@@ -5272,10 +5276,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const componentName = Recoil_useComponentName();
     const getLoadable = useCallback$1$1(() => {
       var _storeState$nextTree5;
-      const store = storeRef.current;
-      const storeState = store.getState();
+      const store2 = storeRef.current;
+      const storeState = store2.getState();
       const treeState = reactMode$3().early ? (_storeState$nextTree5 = storeState.nextTree) !== null && _storeState$nextTree5 !== void 0 ? _storeState$nextTree5 : storeState.currentTree : storeState.currentTree;
-      return getRecoilValueAsLoadable$2(store, recoilValue, treeState);
+      return getRecoilValueAsLoadable$2(store2, recoilValue, treeState);
     }, [storeRef, recoilValue]);
     const loadable = getLoadable();
     const prevLoadableRef = useRef$4(loadable);
@@ -5283,9 +5287,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       prevLoadableRef.current = loadable;
     });
     useEffect$3$1(() => {
-      const store = storeRef.current;
-      const storeState = store.getState();
-      const subscription = subscribeToRecoilValue$1(store, recoilValue, (_state) => {
+      const store2 = storeRef.current;
+      const storeState = store2.getState();
+      const subscription = subscribeToRecoilValue$1(store2, recoilValue, (_state) => {
         var _prevLoadableRef$curr;
         if (!Recoil_gkx("recoil_suppress_rerender_in_callback")) {
           return forceUpdate([]);
@@ -5297,7 +5301,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         prevLoadableRef.current = newLoadable;
       }, componentName);
       if (storeState.nextTree) {
-        store.getState().queuedComponentCallbacks_DEPRECATED.push(() => {
+        store2.getState().queuedComponentCallbacks_DEPRECATED.push(() => {
           prevLoadableRef.current = null;
           forceUpdate([]);
         });
@@ -5466,11 +5470,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return Recoil_mergeMaps(state.nonvalidatedAtoms.toMap(), persistedAtomContentsValues);
   }
   function useTransactionObservation_DEPRECATED(callback) {
-    useTransactionSubscription(useCallback$2$1((store) => {
-      let previousTree = store.getState().previousTree;
-      const currentTree = store.getState().currentTree;
+    useTransactionSubscription(useCallback$2$1((store2) => {
+      let previousTree = store2.getState().previousTree;
+      const currentTree = store2.getState().currentTree;
       if (!previousTree) {
-        previousTree = store.getState().currentTree;
+        previousTree = store2.getState().currentTree;
       }
       const atomValues = externallyVisibleAtomValuesInState(currentTree);
       const previousAtomValues = externallyVisibleAtomValuesInState(previousTree);
@@ -5496,9 +5500,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }, [callback]));
   }
   function useRecoilTransactionObserver(callback) {
-    useTransactionSubscription(useCallback$2$1((store) => {
-      const snapshot = cloneSnapshot$1(store, "latest");
-      const previousSnapshot = cloneSnapshot$1(store, "previous");
+    useTransactionSubscription(useCallback$2$1((store2) => {
+      const snapshot = cloneSnapshot$1(store2, "latest");
+      const previousSnapshot = cloneSnapshot$1(store2, "previous");
       callback({
         snapshot,
         previousSnapshot
@@ -5511,7 +5515,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const previousSnapshot = Recoil_usePrevious$1(snapshot);
     const timeoutID = useRef$5();
     const releaseRef = useRef$5();
-    useTransactionSubscription(useCallback$2$1((store) => setSnapshot(cloneSnapshot$1(store)), []));
+    useTransactionSubscription(useCallback$2$1((store2) => setSnapshot(cloneSnapshot$1(store2)), []));
     useEffect$4$1(() => {
       const release = snapshot.retain();
       if (timeoutID.current && !isSSR$4) {
@@ -5543,9 +5547,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }
     return snapshot;
   }
-  function gotoSnapshot(store, snapshot) {
+  function gotoSnapshot(store2, snapshot) {
     var _storeState$nextTree;
-    const storeState = store.getState();
+    const storeState = store2.getState();
     const prev = (_storeState$nextTree = storeState.nextTree) !== null && _storeState$nextTree !== void 0 ? _storeState$nextTree : storeState.currentTree;
     const next = snapshot.getStore_INTERNAL().getState().currentTree;
     batchUpdates$3(() => {
@@ -5559,9 +5563,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         }
       }
       keysToUpdate.forEach((key) => {
-        setRecoilValueLoadable$1(store, new AbstractRecoilValue$4(key), next.atomValues.has(key) ? Recoil_nullthrows$1(next.atomValues.get(key)) : DEFAULT_VALUE$3);
+        setRecoilValueLoadable$1(store2, new AbstractRecoilValue$4(key), next.atomValues.has(key) ? Recoil_nullthrows$1(next.atomValues.get(key)) : DEFAULT_VALUE$3);
       });
-      store.replaceState((state) => ({
+      store2.replaceState((state) => ({
         ...state,
         stateID: snapshot.getID()
       }));
@@ -5606,17 +5610,17 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     if (reactMode$4().mode === "MUTABLE_SOURCE") {
       console.warn("Warning: There are known issues using useRecoilBridgeAcrossReactRoots() in recoil_mutable_source rendering mode.  Please consider upgrading to recoil_sync_external_store mode.");
     }
-    const store = useStoreRef$5().current;
+    const store2 = useStoreRef$5().current;
     return useMemo$2$1(() => {
       function RecoilBridge({
         children
       }) {
         return /* @__PURE__ */ React__default.default.createElement(RecoilRoot$1, {
-          store_INTERNAL: store
+          store_INTERNAL: store2
         }, children);
       }
       return RecoilBridge;
-    }, [store]);
+    }, [store2]);
   }
   var Recoil_useRecoilBridgeAcrossReactRoots = useRecoilBridgeAcrossReactRoots;
   const {
@@ -5639,7 +5643,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return getNode$5(recoilValue.key).nodeType === "atom";
   }
   class TransactionInterfaceImpl {
-    constructor(store, treeState) {
+    constructor(store2, treeState) {
       _defineProperty$a(this, "_store", void 0);
       _defineProperty$a(this, "_treeState", void 0);
       _defineProperty$a(this, "_changes", void 0);
@@ -5674,7 +5678,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       _defineProperty$a(this, "reset", (recoilState) => {
         this.set(recoilState, DEFAULT_VALUE$4);
       });
-      this._store = store;
+      this._store = store2;
       this._treeState = treeState;
       this._changes = /* @__PURE__ */ new Map();
     }
@@ -5690,10 +5694,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return newState;
     }
   }
-  function atomicUpdater(store) {
+  function atomicUpdater(store2) {
     return (fn) => {
-      store.replaceState((treeState) => {
-        const changeset = new TransactionInterfaceImpl(store, treeState);
+      store2.replaceState((treeState) => {
+        const changeset = new TransactionInterfaceImpl(store2, treeState);
         fn(changeset);
         return changeset.newTreeState_INTERNAL();
       });
@@ -5742,7 +5746,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   class Sentinel {
   }
   const SENTINEL = new Sentinel();
-  function recoilCallback(store, fn, args, extraInterface) {
+  function recoilCallback(store2, fn, args, extraInterface) {
     let ret = SENTINEL;
     let releaseSnapshot;
     batchUpdates$4(() => {
@@ -5752,14 +5756,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
       const callbackInterface = Recoil_lazyProxy$1({
         ...extraInterface !== null && extraInterface !== void 0 ? extraInterface : {},
-        set: (node, newValue) => setRecoilValue$3(store, node, newValue),
-        reset: (node) => setRecoilValue$3(store, node, DEFAULT_VALUE$5),
-        refresh: (node) => refreshRecoilValue$1(store, node),
-        gotoSnapshot: (snapshot) => gotoSnapshot$1(store, snapshot),
-        transact_UNSTABLE: (transaction) => atomicUpdater$1(store)(transaction)
+        set: (node, newValue) => setRecoilValue$3(store2, node, newValue),
+        reset: (node) => setRecoilValue$3(store2, node, DEFAULT_VALUE$5),
+        refresh: (node) => refreshRecoilValue$1(store2, node),
+        gotoSnapshot: (snapshot) => gotoSnapshot$1(store2, snapshot),
+        transact_UNSTABLE: (transaction) => atomicUpdater$1(store2)(transaction)
       }, {
         snapshot: () => {
-          const snapshot = cloneSnapshot$2(store);
+          const snapshot = cloneSnapshot$2(store2);
           releaseSnapshot = snapshot.retain();
           return snapshot;
         }
@@ -5807,8 +5811,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   function useRecoilRefresher(recoilValue) {
     const storeRef = useStoreRef$7();
     return useCallback$4$1(() => {
-      const store = storeRef.current;
-      refreshRecoilValue$2(store, recoilValue);
+      const store2 = storeRef.current;
+      refreshRecoilValue$2(store2, recoilValue);
     }, [recoilValue, storeRef]);
   }
   var Recoil_useRecoilRefresher = useRecoilRefresher;
@@ -6332,8 +6336,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     function selectorIsLive() {
       return !Recoil_gkx("recoil_memory_managament_2020") || liveStoresCount > 0;
     }
-    function selectorInit(store) {
-      store.getState().knownSelectors.add(key);
+    function selectorInit(store2) {
+      store2.getState().knownSelectors.add(key);
       liveStoresCount++;
       return () => {
         liveStoresCount--;
@@ -6342,19 +6346,19 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     function selectorShouldDeleteConfigOnRelease() {
       return getConfigDeletionHandler$1(key) !== void 0 && !selectorIsLive();
     }
-    function resolveAsync(store, state, executionID, loadable, depValues) {
+    function resolveAsync(store2, state, executionID, loadable, depValues) {
       setCache(state, loadable, depValues);
-      notifyStoresOfResolvedAsync(store, executionID);
+      notifyStoresOfResolvedAsync(store2, executionID);
     }
-    function notifyStoresOfResolvedAsync(store, executionID) {
-      if (isLatestExecution(store, executionID)) {
-        clearExecutionInfo(store);
+    function notifyStoresOfResolvedAsync(store2, executionID) {
+      if (isLatestExecution(store2, executionID)) {
+        clearExecutionInfo(store2);
       }
       notifyWaitingStores(executionID, true);
     }
-    function notifyStoresOfNewAsyncDep(store, executionID) {
-      if (isLatestExecution(store, executionID)) {
-        const executionInfo = Recoil_nullthrows$1(getExecutionInfo(store));
+    function notifyStoresOfNewAsyncDep(store2, executionID) {
+      if (isLatestExecution(store2, executionID)) {
+        const executionInfo = Recoil_nullthrows$1(getExecutionInfo(store2));
         executionInfo.stateVersions.clear();
         notifyWaitingStores(executionID, false);
       }
@@ -6370,52 +6374,52 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         }
       }
     }
-    function markStoreWaitingForResolvedAsync(store, executionID) {
+    function markStoreWaitingForResolvedAsync(store2, executionID) {
       let stores = waitingStores.get(executionID);
       if (stores == null) {
         waitingStores.set(executionID, stores = /* @__PURE__ */ new Set());
       }
-      stores.add(store);
+      stores.add(store2);
     }
-    function wrapResultPromise(store, promise, state, depValues, executionID, loadingDepsState) {
+    function wrapResultPromise(store2, promise, state, depValues, executionID, loadingDepsState) {
       return promise.then((value) => {
         if (!selectorIsLive()) {
-          clearExecutionInfo(store);
+          clearExecutionInfo(store2);
           throw CANCELED;
         }
         const loadable = loadableWithValue$2(value);
-        resolveAsync(store, state, executionID, loadable, depValues);
+        resolveAsync(store2, state, executionID, loadable, depValues);
         return value;
       }).catch((errorOrPromise) => {
         if (!selectorIsLive()) {
-          clearExecutionInfo(store);
+          clearExecutionInfo(store2);
           throw CANCELED;
         }
         if (Recoil_isPromise(errorOrPromise)) {
-          return wrapPendingDependencyPromise(store, errorOrPromise, state, depValues, executionID, loadingDepsState);
+          return wrapPendingDependencyPromise(store2, errorOrPromise, state, depValues, executionID, loadingDepsState);
         }
         const loadable = loadableWithError$1(errorOrPromise);
-        resolveAsync(store, state, executionID, loadable, depValues);
+        resolveAsync(store2, state, executionID, loadable, depValues);
         throw errorOrPromise;
       });
     }
-    function wrapPendingDependencyPromise(store, promise, state, existingDeps, executionID, loadingDepsState) {
+    function wrapPendingDependencyPromise(store2, promise, state, existingDeps, executionID, loadingDepsState) {
       return promise.then((resolvedDep) => {
         if (!selectorIsLive()) {
-          clearExecutionInfo(store);
+          clearExecutionInfo(store2);
           throw CANCELED;
         }
         if (loadingDepsState.loadingDepKey != null && loadingDepsState.loadingDepPromise === promise) {
           state.atomValues.set(loadingDepsState.loadingDepKey, loadableWithValue$2(resolvedDep));
         } else {
-          store.getState().knownSelectors.forEach((nodeKey) => {
+          store2.getState().knownSelectors.forEach((nodeKey) => {
             state.atomValues.delete(nodeKey);
           });
         }
-        const cachedLoadable = getLoadableFromCacheAndUpdateDeps(store, state);
+        const cachedLoadable = getLoadableFromCacheAndUpdateDeps(store2, state);
         if (cachedLoadable && cachedLoadable.state !== "loading") {
-          if (isLatestExecution(store, executionID) || getExecutionInfo(store) == null) {
-            notifyStoresOfResolvedAsync(store, executionID);
+          if (isLatestExecution(store2, executionID) || getExecutionInfo(store2) == null) {
+            notifyStoresOfResolvedAsync(store2, executionID);
           }
           if (cachedLoadable.state === "hasValue") {
             return cachedLoadable.contents;
@@ -6423,15 +6427,15 @@ var __privateWrapper = (obj, member, setter, getter) => ({
             throw cachedLoadable.contents;
           }
         }
-        if (!isLatestExecution(store, executionID)) {
-          const executionInfo = getInProgressExecutionInfo(store, state);
+        if (!isLatestExecution(store2, executionID)) {
+          const executionInfo = getInProgressExecutionInfo(store2, state);
           if (executionInfo != null) {
             return executionInfo.loadingLoadable.contents;
           }
         }
-        const [loadable, depValues] = evaluateSelectorGetter(store, state, executionID);
+        const [loadable, depValues] = evaluateSelectorGetter(store2, state, executionID);
         if (loadable.state !== "loading") {
-          resolveAsync(store, state, executionID, loadable, depValues);
+          resolveAsync(store2, state, executionID, loadable, depValues);
         }
         if (loadable.state === "hasError") {
           throw loadable.contents;
@@ -6442,25 +6446,25 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           throw CANCELED;
         }
         if (!selectorIsLive()) {
-          clearExecutionInfo(store);
+          clearExecutionInfo(store2);
           throw CANCELED;
         }
         const loadable = loadableWithError$1(error);
-        resolveAsync(store, state, executionID, loadable, existingDeps);
+        resolveAsync(store2, state, executionID, loadable, existingDeps);
         throw error;
       });
     }
-    function updateDeps(store, state, deps, executionID) {
+    function updateDeps(store2, state, deps, executionID) {
       var _store$getState, _store$getState$curre, _store$getState2, _store$getState2$next;
-      if (isLatestExecution(store, executionID) || state.version === ((_store$getState = store.getState()) === null || _store$getState === void 0 ? void 0 : (_store$getState$curre = _store$getState.currentTree) === null || _store$getState$curre === void 0 ? void 0 : _store$getState$curre.version) || state.version === ((_store$getState2 = store.getState()) === null || _store$getState2 === void 0 ? void 0 : (_store$getState2$next = _store$getState2.nextTree) === null || _store$getState2$next === void 0 ? void 0 : _store$getState2$next.version)) {
+      if (isLatestExecution(store2, executionID) || state.version === ((_store$getState = store2.getState()) === null || _store$getState === void 0 ? void 0 : (_store$getState$curre = _store$getState.currentTree) === null || _store$getState$curre === void 0 ? void 0 : _store$getState$curre.version) || state.version === ((_store$getState2 = store2.getState()) === null || _store$getState2 === void 0 ? void 0 : (_store$getState2$next = _store$getState2.nextTree) === null || _store$getState2$next === void 0 ? void 0 : _store$getState2$next.version)) {
         var _store$getState$nextT, _store$getState3, _store$getState3$next;
-        saveDepsToStore$1(key, deps, store, (_store$getState$nextT = (_store$getState3 = store.getState()) === null || _store$getState3 === void 0 ? void 0 : (_store$getState3$next = _store$getState3.nextTree) === null || _store$getState3$next === void 0 ? void 0 : _store$getState3$next.version) !== null && _store$getState$nextT !== void 0 ? _store$getState$nextT : store.getState().currentTree.version);
+        saveDepsToStore$1(key, deps, store2, (_store$getState$nextT = (_store$getState3 = store2.getState()) === null || _store$getState3 === void 0 ? void 0 : (_store$getState3$next = _store$getState3.nextTree) === null || _store$getState3$next === void 0 ? void 0 : _store$getState3$next.version) !== null && _store$getState$nextT !== void 0 ? _store$getState$nextT : store2.getState().currentTree.version);
       }
       for (const nodeKey of deps) {
         discoveredDependencyNodeKeys.add(nodeKey);
       }
     }
-    function evaluateSelectorGetter(store, state, executionID) {
+    function evaluateSelectorGetter(store2, state, executionID) {
       const endPerfBlock = startPerfBlock$1(key);
       let duringSynchronousExecution = true;
       let duringAsynchronousExecution = true;
@@ -6479,11 +6483,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       function getRecoilValue({
         key: depKey
       }) {
-        const depLoadable = getNodeLoadable$2(store, state, depKey);
+        const depLoadable = getNodeLoadable$2(store2, state, depKey);
         depValues.set(depKey, depLoadable);
         if (!duringSynchronousExecution) {
-          updateDeps(store, state, new Set(depValues.keys()), executionID);
-          notifyStoresOfNewAsyncDep(store, executionID);
+          updateDeps(store2, state, new Set(depValues.keys()), executionID);
+          notifyStoresOfNewAsyncDep(store2, executionID);
         }
         switch (depLoadable.state) {
           case "hasValue":
@@ -6504,7 +6508,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           }
           !(recoilValue != null) ? Recoil_invariant(false) : void 0;
           return recoilCallback$1(
-            store,
+            store2,
             fn,
             args,
             {
@@ -6526,7 +6530,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           result = result.contents;
         }
         if (Recoil_isPromise(result)) {
-          result = wrapResultPromise(store, result, state, depValues, executionID, loadingDepsState).finally(finishEvaluation);
+          result = wrapResultPromise(store2, result, state, depValues, executionID, loadingDepsState).finally(finishEvaluation);
         } else {
           finishEvaluation();
         }
@@ -6534,7 +6538,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       } catch (errorOrDepPromise) {
         result = errorOrDepPromise;
         if (Recoil_isPromise(result)) {
-          result = wrapPendingDependencyPromise(store, result, state, depValues, executionID, loadingDepsState).finally(finishEvaluation);
+          result = wrapPendingDependencyPromise(store2, result, state, depValues, executionID, loadingDepsState).finally(finishEvaluation);
         } else {
           resultIsError = true;
           finishEvaluation();
@@ -6548,11 +6552,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         loadable = loadableWithValue$2(result);
       }
       duringSynchronousExecution = false;
-      updateExecutionInfoDepValues(store, executionID, depValues);
-      updateDeps(store, state, new Set(depValues.keys()), executionID);
+      updateExecutionInfoDepValues(store2, executionID, depValues);
+      updateDeps(store2, state, new Set(depValues.keys()), executionID);
       return [loadable, depValues];
     }
-    function getLoadableFromCacheAndUpdateDeps(store, state) {
+    function getLoadableFromCacheAndUpdateDeps(store2, state) {
       let cachedLoadable = state.atomValues.get(key);
       if (cachedLoadable != null) {
         return cachedLoadable;
@@ -6561,7 +6565,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       try {
         cachedLoadable = cache2.get((nodeKey) => {
           !(typeof nodeKey === "string") ? false ? Recoil_invariant(false, "Cache nodeKey is type string") : Recoil_invariant(false) : void 0;
-          return getNodeLoadable$2(store, state, nodeKey).contents;
+          return getNodeLoadable$2(store2, state, nodeKey).contents;
         }, {
           onNodeVisit: (node) => {
             if (node.type === "branch" && node.nodeKey !== key) {
@@ -6575,40 +6579,40 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       if (cachedLoadable) {
         var _getExecutionInfo;
         state.atomValues.set(key, cachedLoadable);
-        updateDeps(store, state, depsAfterCacheLookup, (_getExecutionInfo = getExecutionInfo(store)) === null || _getExecutionInfo === void 0 ? void 0 : _getExecutionInfo.executionID);
+        updateDeps(store2, state, depsAfterCacheLookup, (_getExecutionInfo = getExecutionInfo(store2)) === null || _getExecutionInfo === void 0 ? void 0 : _getExecutionInfo.executionID);
       }
       return cachedLoadable;
     }
-    function getSelectorLoadableAndUpdateDeps(store, state) {
-      const cachedVal = getLoadableFromCacheAndUpdateDeps(store, state);
+    function getSelectorLoadableAndUpdateDeps(store2, state) {
+      const cachedVal = getLoadableFromCacheAndUpdateDeps(store2, state);
       if (cachedVal != null) {
-        clearExecutionInfo(store);
+        clearExecutionInfo(store2);
         return cachedVal;
       }
-      const inProgressExecutionInfo = getInProgressExecutionInfo(store, state);
+      const inProgressExecutionInfo = getInProgressExecutionInfo(store2, state);
       if (inProgressExecutionInfo != null) {
         var _inProgressExecutionI;
         if (((_inProgressExecutionI = inProgressExecutionInfo.loadingLoadable) === null || _inProgressExecutionI === void 0 ? void 0 : _inProgressExecutionI.state) === "loading") {
-          markStoreWaitingForResolvedAsync(store, inProgressExecutionInfo.executionID);
+          markStoreWaitingForResolvedAsync(store2, inProgressExecutionInfo.executionID);
         }
         return inProgressExecutionInfo.loadingLoadable;
       }
       const newExecutionID = getNewExecutionID();
-      const [loadable, newDepValues] = evaluateSelectorGetter(store, state, newExecutionID);
+      const [loadable, newDepValues] = evaluateSelectorGetter(store2, state, newExecutionID);
       if (loadable.state === "loading") {
-        setExecutionInfo(store, newExecutionID, loadable, newDepValues, state);
-        markStoreWaitingForResolvedAsync(store, newExecutionID);
+        setExecutionInfo(store2, newExecutionID, loadable, newDepValues, state);
+        markStoreWaitingForResolvedAsync(store2, newExecutionID);
       } else {
-        clearExecutionInfo(store);
+        clearExecutionInfo(store2);
         setCache(state, loadable, newDepValues);
       }
       return loadable;
     }
-    function getInProgressExecutionInfo(store, state) {
-      const pendingExecutions = Recoil_concatIterables([executionInfoMap.has(store) ? [Recoil_nullthrows$1(executionInfoMap.get(store))] : [], Recoil_mapIterable(Recoil_filterIterable(executionInfoMap, ([s]) => s !== store), ([, execInfo]) => execInfo)]);
+    function getInProgressExecutionInfo(store2, state) {
+      const pendingExecutions = Recoil_concatIterables([executionInfoMap.has(store2) ? [Recoil_nullthrows$1(executionInfoMap.get(store2))] : [], Recoil_mapIterable(Recoil_filterIterable(executionInfoMap, ([s]) => s !== store2), ([, execInfo]) => execInfo)]);
       function anyDepChanged(execDepValues) {
         for (const [depKey, execLoadable] of execDepValues) {
-          if (!getNodeLoadable$2(store, state, depKey).is(execLoadable)) {
+          if (!getNodeLoadable$2(store2, state, depKey).is(execLoadable)) {
             return true;
           }
         }
@@ -6624,31 +6628,31 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
       return void 0;
     }
-    function getExecutionInfo(store) {
-      return executionInfoMap.get(store);
+    function getExecutionInfo(store2) {
+      return executionInfoMap.get(store2);
     }
-    function setExecutionInfo(store, newExecutionID, loadable, depValues, state) {
-      executionInfoMap.set(store, {
+    function setExecutionInfo(store2, newExecutionID, loadable, depValues, state) {
+      executionInfoMap.set(store2, {
         depValuesDiscoveredSoFarDuringAsyncWork: depValues,
         executionID: newExecutionID,
         loadingLoadable: loadable,
         stateVersions: /* @__PURE__ */ new Map([[state.version, true]])
       });
     }
-    function updateExecutionInfoDepValues(store, executionID, depValues) {
-      if (isLatestExecution(store, executionID)) {
-        const executionInfo = getExecutionInfo(store);
+    function updateExecutionInfoDepValues(store2, executionID, depValues) {
+      if (isLatestExecution(store2, executionID)) {
+        const executionInfo = getExecutionInfo(store2);
         if (executionInfo != null) {
           executionInfo.depValuesDiscoveredSoFarDuringAsyncWork = depValues;
         }
       }
     }
-    function clearExecutionInfo(store) {
-      executionInfoMap.delete(store);
+    function clearExecutionInfo(store2) {
+      executionInfoMap.delete(store2);
     }
-    function isLatestExecution(store, executionID) {
+    function isLatestExecution(store2, executionID) {
       var _getExecutionInfo2;
-      return executionID === ((_getExecutionInfo2 = getExecutionInfo(store)) === null || _getExecutionInfo2 === void 0 ? void 0 : _getExecutionInfo2.executionID);
+      return executionID === ((_getExecutionInfo2 = getExecutionInfo(store2)) === null || _getExecutionInfo2 === void 0 ? void 0 : _getExecutionInfo2.executionID);
     }
     function depValuesToDepRoute(depValues) {
       return Array.from(depValues.entries()).map(([depKey, valLoadable]) => [depKey, valLoadable.contents]);
@@ -6673,7 +6677,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         dependencyStack.pop();
       }
     }
-    function selectorPeek(store, state) {
+    function selectorPeek(store2, state) {
       const cachedLoadable = state.atomValues.get(key);
       if (cachedLoadable != null) {
         return cachedLoadable;
@@ -6681,29 +6685,29 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return cache2.get((nodeKey) => {
         var _peekNodeLoadable;
         !(typeof nodeKey === "string") ? Recoil_invariant(false) : void 0;
-        return (_peekNodeLoadable = peekNodeLoadable$1(store, state, nodeKey)) === null || _peekNodeLoadable === void 0 ? void 0 : _peekNodeLoadable.contents;
+        return (_peekNodeLoadable = peekNodeLoadable$1(store2, state, nodeKey)) === null || _peekNodeLoadable === void 0 ? void 0 : _peekNodeLoadable.contents;
       });
     }
-    function selectorGet(store, state) {
-      return detectCircularDependencies(() => getSelectorLoadableAndUpdateDeps(store, state));
+    function selectorGet(store2, state) {
+      return detectCircularDependencies(() => getSelectorLoadableAndUpdateDeps(store2, state));
     }
     function invalidateSelector(state) {
       state.atomValues.delete(key);
     }
-    function clearSelectorCache(store, treeState) {
+    function clearSelectorCache(store2, treeState) {
       !(recoilValue != null) ? Recoil_invariant(false) : void 0;
       for (const nodeKey of discoveredDependencyNodeKeys) {
         var _node$clearCache;
         const node = getNode$6(nodeKey);
-        (_node$clearCache = node.clearCache) === null || _node$clearCache === void 0 ? void 0 : _node$clearCache.call(node, store, treeState);
+        (_node$clearCache = node.clearCache) === null || _node$clearCache === void 0 ? void 0 : _node$clearCache.call(node, store2, treeState);
       }
       discoveredDependencyNodeKeys.clear();
       invalidateSelector(treeState);
       cache2.clear();
-      markRecoilValueModified$1(store, recoilValue);
+      markRecoilValueModified$1(store2, recoilValue);
     }
     if (set2 != null) {
-      const selectorSet = (store, state, newValue) => {
+      const selectorSet = (store2, state, newValue) => {
         let syncSelectorSetFinished = false;
         const writes = /* @__PURE__ */ new Map();
         function getRecoilValue({
@@ -6712,7 +6716,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           if (syncSelectorSetFinished) {
             throw Recoil_err$2("Recoil: Async selector sets are not currently supported.");
           }
-          const loadable = getNodeLoadable$2(store, state, depKey);
+          const loadable = getNodeLoadable$2(store2, state, depKey);
           if (loadable.state === "hasValue") {
             return loadable.contents;
           } else if (loadable.state === "loading") {
@@ -6728,7 +6732,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
             throw Recoil_err$2(msg);
           }
           const setValue = typeof valueOrUpdater === "function" ? valueOrUpdater(getRecoilValue(recoilState)) : valueOrUpdater;
-          const upstreamWrites = setNodeValue$3(store, state, recoilState.key, setValue);
+          const upstreamWrites = setNodeValue$3(store2, state, recoilState.key, setValue);
           upstreamWrites.forEach((v2, k2) => writes.set(k2, v2));
         }
         function resetRecoilState(recoilState) {
@@ -6832,40 +6836,40 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     function maybeFreezeValueOrPromise(valueOrPromise) {
       return valueOrPromise;
     }
-    function wrapPendingPromise(store, promise) {
+    function wrapPendingPromise(store2, promise) {
       const wrappedPromise = promise.then((value) => {
         var _store$getState$nextT, _state$atomValues$get;
-        const state = (_store$getState$nextT = store.getState().nextTree) !== null && _store$getState$nextT !== void 0 ? _store$getState$nextT : store.getState().currentTree;
+        const state = (_store$getState$nextT = store2.getState().nextTree) !== null && _store$getState$nextT !== void 0 ? _store$getState$nextT : store2.getState().currentTree;
         if (((_state$atomValues$get = state.atomValues.get(key)) === null || _state$atomValues$get === void 0 ? void 0 : _state$atomValues$get.contents) === wrappedPromise) {
-          setRecoilValue$4(store, node, value);
+          setRecoilValue$4(store2, node, value);
         }
         return value;
       }).catch((error) => {
         var _store$getState$nextT2, _state$atomValues$get2;
-        const state = (_store$getState$nextT2 = store.getState().nextTree) !== null && _store$getState$nextT2 !== void 0 ? _store$getState$nextT2 : store.getState().currentTree;
+        const state = (_store$getState$nextT2 = store2.getState().nextTree) !== null && _store$getState$nextT2 !== void 0 ? _store$getState$nextT2 : store2.getState().currentTree;
         if (((_state$atomValues$get2 = state.atomValues.get(key)) === null || _state$atomValues$get2 === void 0 ? void 0 : _state$atomValues$get2.contents) === wrappedPromise) {
-          setRecoilValueLoadable$2(store, node, loadableWithError$2(error));
+          setRecoilValueLoadable$2(store2, node, loadableWithError$2(error));
         }
         throw error;
       });
       return wrappedPromise;
     }
-    function initAtom(store, initState, trigger) {
+    function initAtom(store2, initState, trigger) {
       var _options$effects;
       liveStoresCount++;
       const cleanupAtom = () => {
         var _cleanupEffectsByStor;
         liveStoresCount--;
-        (_cleanupEffectsByStor = cleanupEffectsByStore.get(store)) === null || _cleanupEffectsByStor === void 0 ? void 0 : _cleanupEffectsByStor.forEach((cleanup) => cleanup());
-        cleanupEffectsByStore.delete(store);
+        (_cleanupEffectsByStor = cleanupEffectsByStore.get(store2)) === null || _cleanupEffectsByStor === void 0 ? void 0 : _cleanupEffectsByStor.forEach((cleanup) => cleanup());
+        cleanupEffectsByStore.delete(store2);
       };
-      store.getState().knownAtoms.add(key);
+      store2.getState().knownAtoms.add(key);
       if (defaultLoadable.state === "loading") {
         const notifyDefaultSubscribers = () => {
           var _store$getState$nextT3;
-          const state = (_store$getState$nextT3 = store.getState().nextTree) !== null && _store$getState$nextT3 !== void 0 ? _store$getState$nextT3 : store.getState().currentTree;
+          const state = (_store$getState$nextT3 = store2.getState().nextTree) !== null && _store$getState$nextT3 !== void 0 ? _store$getState$nextT3 : store2.getState().currentTree;
           if (!state.atomValues.has(key)) {
-            markRecoilValueModified$2(store, node);
+            markRecoilValueModified$2(store2, node);
           }
         };
         defaultLoadable.contents.finally(notifyDefaultSubscribers);
@@ -6875,14 +6879,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         let getLoadable = function(recoilValue) {
           if (isDuringInit && recoilValue.key === key) {
             const retValue = initValue;
-            return retValue instanceof DefaultValue$2$1 ? peekAtom(store, initState) : Recoil_isPromise(retValue) ? loadableWithPromise$2(retValue.then((v2) => v2 instanceof DefaultValue$2$1 ? defaultLoadable.toPromise() : v2)) : loadableWithValue$3(retValue);
+            return retValue instanceof DefaultValue$2$1 ? peekAtom(store2, initState) : Recoil_isPromise(retValue) ? loadableWithPromise$2(retValue.then((v2) => v2 instanceof DefaultValue$2$1 ? defaultLoadable.toPromise() : v2)) : loadableWithValue$3(retValue);
           }
-          return getRecoilValueAsLoadable$4(store, recoilValue);
+          return getRecoilValueAsLoadable$4(store2, recoilValue);
         }, getPromise = function(recoilValue) {
           return getLoadable(recoilValue).toPromise();
         }, getInfo_UNSTABLE = function(recoilValue) {
           var _store$getState$nextT4;
-          const info = peekNodeInfo$3(store, (_store$getState$nextT4 = store.getState().nextTree) !== null && _store$getState$nextT4 !== void 0 ? _store$getState$nextT4 : store.getState().currentTree, recoilValue.key);
+          const info = peekNodeInfo$3(store2, (_store$getState$nextT4 = store2.getState().nextTree) !== null && _store$getState$nextT4 !== void 0 ? _store$getState$nextT4 : store2.getState().currentTree, recoilValue.key);
           return isDuringInit && recoilValue.key === key && !(initValue instanceof DefaultValue$2$1) ? {
             ...info,
             isSet: true,
@@ -6917,7 +6921,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
                 value: unwrap(valueOrUpdater)
               };
             }
-            setRecoilValue$4(store, node, typeof valueOrUpdater === "function" ? (currentValue) => {
+            setRecoilValue$4(store2, node, typeof valueOrUpdater === "function" ? (currentValue) => {
               const newValue = unwrap(
                 valueOrUpdater(currentValue)
               );
@@ -6934,7 +6938,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           var _cleanupEffectsByStor2;
           const {
             release
-          } = store.subscribeToTransactions((currentStore) => {
+          } = store2.subscribeToTransactions((currentStore) => {
             var _currentTree$atomValu;
             let {
               currentTree,
@@ -6956,14 +6960,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
               }
             }
           }, key);
-          cleanupEffectsByStore.set(store, [...(_cleanupEffectsByStor2 = cleanupEffectsByStore.get(store)) !== null && _cleanupEffectsByStor2 !== void 0 ? _cleanupEffectsByStor2 : [], release]);
+          cleanupEffectsByStore.set(store2, [...(_cleanupEffectsByStor2 = cleanupEffectsByStore.get(store2)) !== null && _cleanupEffectsByStor2 !== void 0 ? _cleanupEffectsByStor2 : [], release]);
         };
         for (const effect2 of effects) {
           try {
             const cleanup = effect2({
               node,
-              storeID: store.storeID,
-              parentStoreID_UNSTABLE: store.parentStoreID,
+              storeID: store2.storeID,
+              parentStoreID_UNSTABLE: store2.parentStoreID,
               trigger,
               setSelf: setSelf(effect2),
               resetSelf: resetSelf(effect2),
@@ -6974,7 +6978,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
             });
             if (cleanup != null) {
               var _cleanupEffectsByStor3;
-              cleanupEffectsByStore.set(store, [...(_cleanupEffectsByStor3 = cleanupEffectsByStore.get(store)) !== null && _cleanupEffectsByStor3 !== void 0 ? _cleanupEffectsByStor3 : [], cleanup]);
+              cleanupEffectsByStore.set(store2, [...(_cleanupEffectsByStor3 = cleanupEffectsByStore.get(store2)) !== null && _cleanupEffectsByStor3 !== void 0 ? _cleanupEffectsByStor3 : [], cleanup]);
             }
           } catch (error) {
             initValue = error;
@@ -6984,10 +6988,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         isDuringInit = false;
         if (!(initValue instanceof DefaultValue$2$1)) {
           var _store$getState$nextT5;
-          const initLoadable = isInitError ? loadableWithError$2(initValue) : Recoil_isPromise(initValue) ? loadableWithPromise$2(wrapPendingPromise(store, initValue)) : loadableWithValue$3(unwrap(initValue));
+          const initLoadable = isInitError ? loadableWithError$2(initValue) : Recoil_isPromise(initValue) ? loadableWithPromise$2(wrapPendingPromise(store2, initValue)) : loadableWithValue$3(unwrap(initValue));
           maybeFreezeValueOrPromise(initLoadable.contents);
           initState.atomValues.set(key, initLoadable);
-          (_store$getState$nextT5 = store.getState().nextTree) === null || _store$getState$nextT5 === void 0 ? void 0 : _store$getState$nextT5.atomValues.set(key, initLoadable);
+          (_store$getState$nextT5 = store2.getState().nextTree) === null || _store$getState$nextT5 === void 0 ? void 0 : _store$getState$nextT5.atomValues.set(key, initLoadable);
         }
       }
       return cleanupAtom;
@@ -10754,10 +10758,10 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     };
     const read2 = (itemKey) => diff.has(itemKey) ? diff.get(itemKey) : readFromStorageRequired(itemKey);
     const write2 = (k2, l2) => void diff.set(k2, l2);
-    const reset2 = (k2) => void diff.set(k2, DEFAULT_VALUE);
+    const reset = (k2) => void diff.set(k2, DEFAULT_VALUE);
     options.write({
       write: write2,
-      reset: reset2,
+      reset,
       read: read2
     }, loadable == null ? DEFAULT_VALUE : loadable.contents);
     return diff;
@@ -10824,7 +10828,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }, [read2, recoilStoreID, snapshot, storeKey, write2]);
     const updateItems = useRecoilTransaction_UNSTABLE(({
       set: set2,
-      reset: reset2
+      reset
     }) => (diff) => {
       const atomRegistry2 = registries.getAtomRegistry(recoilStoreID, storeKey);
       for (const [, atomRegistration] of atomRegistry2) {
@@ -10842,7 +10846,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
                     atomRegistration.pendingUpdate = {
                       value: DEFAULT_VALUE
                     };
-                    reset2(atomRegistration.atom);
+                    reset(atomRegistration.atom);
                   } else {
                     atomRegistration.pendingUpdate = {
                       value: loadable.contents
@@ -10855,7 +10859,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
                     atomRegistration.pendingUpdate = {
                       value: DEFAULT_VALUE
                     };
-                    reset2(atomRegistration.atom);
+                    reset(atomRegistration.atom);
                   }
                   break;
                 case "loading":
@@ -10866,7 +10870,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
               atomRegistration.pendingUpdate = {
                 value: DEFAULT_VALUE
               };
-              reset2(atomRegistration.atom);
+              reset(atomRegistration.atom);
             }
           }
         }
@@ -12731,7 +12735,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   });
   var _require = Collapse$2, Collapse = _require.Collapse;
   var _require2 = UnmountClosed$2, UnmountClosed = _require2.UnmountClosed;
-  var lib$1 = UnmountClosed;
+  var lib = UnmountClosed;
   UnmountClosed.Collapse = Collapse;
   UnmountClosed.UnmountClosed = UnmountClosed;
   var faToggleOff = {
@@ -13429,17 +13433,17 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   };
   function ucs2decode(string2) {
     var output = [];
-    var counter2 = 0;
+    var counter = 0;
     var length = string2.length;
-    while (counter2 < length) {
-      var value = string2.charCodeAt(counter2++);
-      if (value >= 55296 && value <= 56319 && counter2 < length) {
-        var extra = string2.charCodeAt(counter2++);
+    while (counter < length) {
+      var value = string2.charCodeAt(counter++);
+      if (value >= 55296 && value <= 56319 && counter < length) {
+        var extra = string2.charCodeAt(counter++);
         if ((extra & 64512) == 56320) {
           output.push(((value & 1023) << 10) + (extra & 1023) + 65536);
         } else {
           output.push(value);
-          counter2--;
+          counter--;
         }
       } else {
         output.push(value);
@@ -13511,14 +13515,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       return null;
     }
   }
-  var build$2 = function build2() {
-    var lookup2 = function lookup3(reducer2) {
+  var build$1 = function build2() {
+    var lookup = function lookup2(reducer2) {
       return reduce(styles, function(o2, style, prefix2) {
         o2[prefix2] = reduce(style, reducer2, {});
         return o2;
       }, {});
     };
-    _byUnicode = lookup2(function(acc, icon2, iconName) {
+    _byUnicode = lookup(function(acc, icon2, iconName) {
       if (icon2[3]) {
         acc[icon2[3]] = iconName;
       }
@@ -13532,7 +13536,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
       return acc;
     });
-    _byLigature = lookup2(function(acc, icon2, iconName) {
+    _byLigature = lookup(function(acc, icon2, iconName) {
       acc[iconName] = iconName;
       if (icon2[2]) {
         var aliases = icon2[2].filter(function(a2) {
@@ -13544,7 +13548,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
       return acc;
     });
-    _byAlias = lookup2(function(acc, icon2, iconName) {
+    _byAlias = lookup(function(acc, icon2, iconName) {
       var aliases = icon2[2];
       acc[iconName] = iconName;
       aliases.forEach(function(alias) {
@@ -13588,7 +13592,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       family: config$1.familyDefault
     });
   });
-  build$2();
+  build$1();
   function byUnicode(prefix2, unicode) {
     return (_byUnicode[prefix2] || {})[unicode];
   }
@@ -13715,12 +13719,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           var longPrefix = PREFIX_TO_LONG_STYLE[FAMILY_CLASSIC][key];
           if (longPrefix)
             defineIcons(longPrefix, additions[key]);
-          build$2();
+          build$1();
         });
       }
     }, {
       key: "reset",
-      value: function reset2() {
+      value: function reset() {
         this.definitions = {};
       }
     }, {
@@ -14743,7 +14747,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var LayersCounter = {
     mixout: function mixout() {
       return {
-        counter: function counter2(content) {
+        counter: function counter(content) {
           var params = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
           var _params$title = params.title, title = _params$title === void 0 ? null : _params$title, _params$classes = params.classes, classes = _params$classes === void 0 ? [] : _params$classes, _params$attributes = params.attributes, attributes = _params$attributes === void 0 ? {} : _params$attributes, _params$styles = params.styles, styles2 = _params$styles === void 0 ? {} : _params$styles;
           return domVariants({
@@ -15958,208 +15962,19 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }
     return status === Status.SUCCESS ? colors.success : colors.primary;
   };
-  var shortid$1 = { exports: {} };
-  var lib = { exports: {} };
-  var seed = 1;
-  function getNextValue$1() {
-    seed = (seed * 9301 + 49297) % 233280;
-    return seed / 233280;
-  }
-  function setSeed$1(_seed_) {
-    seed = _seed_;
-  }
-  var randomFromSeed$1 = {
-    nextValue: getNextValue$1,
-    seed: setSeed$1
-  };
-  var randomFromSeed = randomFromSeed$1;
-  var ORIGINAL = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ_-";
-  var alphabet$2;
-  var previousSeed;
-  var shuffled;
-  function reset() {
-    shuffled = false;
-  }
-  function setCharacters(_alphabet_) {
-    if (!_alphabet_) {
-      if (alphabet$2 !== ORIGINAL) {
-        alphabet$2 = ORIGINAL;
-        reset();
-      }
-      return;
-    }
-    if (_alphabet_ === alphabet$2) {
-      return;
-    }
-    if (_alphabet_.length !== ORIGINAL.length) {
-      throw new Error("Custom alphabet for shortid must be " + ORIGINAL.length + " unique characters. You submitted " + _alphabet_.length + " characters: " + _alphabet_);
-    }
-    var unique2 = _alphabet_.split("").filter(function(item, ind, arr) {
-      return ind !== arr.lastIndexOf(item);
-    });
-    if (unique2.length) {
-      throw new Error("Custom alphabet for shortid must be " + ORIGINAL.length + " unique characters. These characters were not unique: " + unique2.join(", "));
-    }
-    alphabet$2 = _alphabet_;
-    reset();
-  }
-  function characters(_alphabet_) {
-    setCharacters(_alphabet_);
-    return alphabet$2;
-  }
-  function setSeed(seed2) {
-    randomFromSeed.seed(seed2);
-    if (previousSeed !== seed2) {
-      reset();
-      previousSeed = seed2;
-    }
-  }
-  function shuffle() {
-    if (!alphabet$2) {
-      setCharacters(ORIGINAL);
-    }
-    var sourceArray = alphabet$2.split("");
-    var targetArray = [];
-    var r2 = randomFromSeed.nextValue();
-    var characterIndex;
-    while (sourceArray.length > 0) {
-      r2 = randomFromSeed.nextValue();
-      characterIndex = Math.floor(r2 * sourceArray.length);
-      targetArray.push(sourceArray.splice(characterIndex, 1)[0]);
-    }
-    return targetArray.join("");
-  }
-  function getShuffled() {
-    if (shuffled) {
-      return shuffled;
-    }
-    shuffled = shuffle();
-    return shuffled;
-  }
-  function lookup(index2) {
-    var alphabetShuffled = getShuffled();
-    return alphabetShuffled[index2];
-  }
-  function get$2() {
-    return alphabet$2 || ORIGINAL;
-  }
-  var alphabet_1 = {
-    get: get$2,
-    characters,
-    seed: setSeed,
-    lookup,
-    shuffled: getShuffled
-  };
-  var crypto$1 = typeof window === "object" && (window.crypto || window.msCrypto);
-  var randomByte;
-  if (!crypto$1 || !crypto$1.getRandomValues) {
-    randomByte = function(size2) {
-      var bytes = [];
-      for (var i2 = 0; i2 < size2; i2++) {
-        bytes.push(Math.floor(Math.random() * 256));
-      }
-      return bytes;
-    };
-  } else {
-    randomByte = function(size2) {
-      return crypto$1.getRandomValues(new Uint8Array(size2));
-    };
-  }
-  var randomByteBrowser = randomByte;
-  var format_browser = function(random2, alphabet2, size2) {
-    var mask = (2 << Math.log(alphabet2.length - 1) / Math.LN2) - 1;
-    var step = -~(1.6 * mask * size2 / alphabet2.length);
-    var id = "";
-    while (true) {
-      var bytes = random2(step);
-      var i2 = step;
-      while (i2--) {
-        id += alphabet2[bytes[i2] & mask] || "";
-        if (id.length === +size2)
-          return id;
-      }
-    }
-  };
-  var alphabet$1 = alphabet_1;
-  var random = randomByteBrowser;
-  var format$2 = format_browser;
-  function generate$1(number2) {
-    var loopCounter = 0;
-    var done;
-    var str = "";
-    while (!done) {
-      str = str + format$2(random, alphabet$1.get(), 1);
-      done = number2 < Math.pow(16, loopCounter + 1);
-      loopCounter++;
-    }
-    return str;
-  }
-  var generate_1 = generate$1;
-  var generate = generate_1;
-  var REDUCE_TIME = 1567752802062;
-  var version = 7;
-  var counter;
-  var previousSeconds;
-  function build$1(clusterWorkerId) {
-    var str = "";
-    var seconds = Math.floor((Date.now() - REDUCE_TIME) * 1e-3);
-    if (seconds === previousSeconds) {
-      counter++;
+  let nanoid = (size2 = 21) => crypto.getRandomValues(new Uint8Array(size2)).reduce((id, byte) => {
+    byte &= 63;
+    if (byte < 36) {
+      id += byte.toString(36);
+    } else if (byte < 62) {
+      id += (byte - 26).toString(36).toUpperCase();
+    } else if (byte > 62) {
+      id += "-";
     } else {
-      counter = 0;
-      previousSeconds = seconds;
-    }
-    str = str + generate(version);
-    str = str + generate(clusterWorkerId);
-    if (counter > 0) {
-      str = str + generate(counter);
-    }
-    str = str + generate(seconds);
-    return str;
-  }
-  var build_1 = build$1;
-  var alphabet = alphabet_1;
-  function isShortId(id) {
-    if (!id || typeof id !== "string" || id.length < 6) {
-      return false;
+      id += "_";
     }
-    var nonAlphabetic = new RegExp("[^" + alphabet.get().replace(/[|\\{}()[\]^$+*?.-]/g, "\\$&") + "]");
-    return !nonAlphabetic.test(id);
-  }
-  var isValid$2 = isShortId;
-  (function(module2) {
-    var alphabet2 = alphabet_1;
-    var build2 = build_1;
-    var isValid2 = isValid$2;
-    var clusterWorkerId = 0;
-    function seed2(seedValue) {
-      alphabet2.seed(seedValue);
-      return module2.exports;
-    }
-    function worker(workerId) {
-      clusterWorkerId = workerId;
-      return module2.exports;
-    }
-    function characters2(newCharacters) {
-      if (newCharacters !== void 0) {
-        alphabet2.characters(newCharacters);
-      }
-      return alphabet2.shuffled();
-    }
-    function generate2() {
-      return build2(clusterWorkerId);
-    }
-    module2.exports = generate2;
-    module2.exports.generate = generate2;
-    module2.exports.seed = seed2;
-    module2.exports.worker = worker;
-    module2.exports.characters = characters2;
-    module2.exports.isValid = isValid2;
-  })(lib);
-  (function(module2) {
-    module2.exports = lib.exports;
-  })(shortid$1);
-  const shortid = /* @__PURE__ */ getDefaultExportFromCjs(shortid$1.exports);
+    return id;
+  }, "");
   var __awaiter$1 = globalThis && globalThis.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
       return value instanceof P ? value : new P(function(resolve) {
@@ -17319,6 +17134,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   };
+  function hasWindow() {
+    return typeof window !== "undefined";
+  }
   function getNodeName$1(node) {
     if (isNode(node)) {
       return (node.nodeName || "").toLowerCase();
@@ -17334,16 +17152,25 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     return (_ref2 = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref2.documentElement;
   }
   function isNode(value) {
+    if (!hasWindow()) {
+      return false;
+    }
     return value instanceof Node || value instanceof getWindow$1(value).Node;
   }
   function isElement$3(value) {
+    if (!hasWindow()) {
+      return false;
+    }
     return value instanceof Element || value instanceof getWindow$1(value).Element;
   }
   function isHTMLElement$1(value) {
+    if (!hasWindow()) {
+      return false;
+    }
     return value instanceof HTMLElement || value instanceof getWindow$1(value).HTMLElement;
   }
   function isShadowRoot$1(value) {
-    if (typeof ShadowRoot === "undefined") {
+    if (!hasWindow() || typeof ShadowRoot === "undefined") {
       return false;
     }
     return value instanceof ShadowRoot || value instanceof getWindow$1(value).ShadowRoot;
@@ -17369,19 +17196,18 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     });
   }
-  function isContainingBlock(element) {
+  function isContainingBlock(elementOrCss) {
     const webkit = isWebKit();
-    const css2 = getComputedStyle$2(element);
+    const css2 = isElement$3(elementOrCss) ? getComputedStyle$2(elementOrCss) : elementOrCss;
     return css2.transform !== "none" || css2.perspective !== "none" || (css2.containerType ? css2.containerType !== "normal" : false) || !webkit && (css2.backdropFilter ? css2.backdropFilter !== "none" : false) || !webkit && (css2.filter ? css2.filter !== "none" : false) || ["transform", "perspective", "filter"].some((value) => (css2.willChange || "").includes(value)) || ["paint", "layout", "strict", "content"].some((value) => (css2.contain || "").includes(value));
   }
   function getContainingBlock$1(element) {
     let currentNode = getParentNode$1(element);
     while (isHTMLElement$1(currentNode) && !isLastTraversableNode(currentNode)) {
-      if (isTopLayer(currentNode)) {
-        return null;
-      }
       if (isContainingBlock(currentNode)) {
         return currentNode;
+      } else if (isTopLayer(currentNode)) {
+        return null;
       }
       currentNode = getParentNode$1(currentNode);
     }
@@ -17439,10 +17265,14 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);
     const win = getWindow$1(scrollableAncestor);
     if (isBody) {
-      return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], win.frameElement && traverseIframes ? getOverflowAncestors(win.frameElement) : []);
+      const frameElement = getFrameElement(win);
+      return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);
     }
     return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));
   }
+  function getFrameElement(win) {
+    return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;
+  }
   function contains$1(parent, child) {
     if (!parent || !child) {
       return false;
@@ -17715,7 +17545,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         x: nextX,
         y: nextY,
         data,
-        reset: reset2
+        reset
       } = await fn({
         x: x2,
         y: y2,
@@ -17739,18 +17569,18 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           ...data
         }
       };
-      if (reset2 && resetCount <= 50) {
+      if (reset && resetCount <= 50) {
         resetCount++;
-        if (typeof reset2 === "object") {
-          if (reset2.placement) {
-            statefulPlacement = reset2.placement;
+        if (typeof reset === "object") {
+          if (reset.placement) {
+            statefulPlacement = reset.placement;
           }
-          if (reset2.rects) {
-            rects = reset2.rects === true ? await platform2.getElementRects({
+          if (reset.rects) {
+            rects = reset.rects === true ? await platform2.getElementRects({
               reference: reference2,
               floating,
               strategy
-            }) : reset2.rects;
+            }) : reset.rects;
           }
           ({
             x: x2,
@@ -18276,10 +18106,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       crossAxis: 0,
       alignmentAxis: null
     } : {
-      mainAxis: 0,
-      crossAxis: 0,
-      alignmentAxis: null,
-      ...rawValue
+      mainAxis: rawValue.mainAxis || 0,
+      crossAxis: rawValue.crossAxis || 0,
+      alignmentAxis: rawValue.alignmentAxis
     };
     if (alignment && typeof alignmentAxis === "number") {
       crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
@@ -18384,7 +18213,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           ...limitedCoords,
           data: {
             x: limitedCoords.x - x2,
-            y: limitedCoords.y - y2
+            y: limitedCoords.y - y2,
+            enabled: {
+              [mainAxis]: checkMainAxis,
+              [crossAxis]: checkCrossAxis
+            }
           }
         };
       }
@@ -18463,6 +18296,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       name: "size",
       options,
       async fn(state) {
+        var _state$middlewareData, _state$middlewareData2;
         const {
           placement,
           rects,
@@ -18498,10 +18332,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         const noShift = !state.middlewareData.shift;
         let availableHeight = overflowAvailableHeight;
         let availableWidth = overflowAvailableWidth;
-        if (isYAxis) {
-          availableWidth = alignment || noShift ? min$2(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
-        } else {
-          availableHeight = alignment || noShift ? min$2(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
+        if ((_state$middlewareData = state.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
+          availableWidth = maximumClippingWidth;
+        }
+        if ((_state$middlewareData2 = state.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
+          availableHeight = maximumClippingHeight;
         }
         if (noShift && !alignment) {
           const xMin = max$2(overflow.left, 0);
@@ -18624,7 +18459,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       const win = getWindow$1(domElement);
       const offsetWin = offsetParent && isElement$3(offsetParent) ? getWindow$1(offsetParent) : offsetParent;
       let currentWin = win;
-      let currentIFrame = currentWin.frameElement;
+      let currentIFrame = getFrameElement(currentWin);
       while (currentIFrame && offsetParent && offsetWin !== currentWin) {
         const iframeScale = getScale(currentIFrame);
         const iframeRect = currentIFrame.getBoundingClientRect();
@@ -18638,7 +18473,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         x2 += left2;
         y2 += top2;
         currentWin = getWindow$1(currentIFrame);
-        currentIFrame = currentWin.frameElement;
+        currentIFrame = getFrameElement(currentWin);
       }
     }
     return rectToClientRect$1({
@@ -18689,8 +18524,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   function getClientRects(element) {
     return Array.from(element.getClientRects());
   }
-  function getWindowScrollBarX$1(element) {
-    return getBoundingClientRect$1(getDocumentElement$1(element)).left + getNodeScroll$1(element).scrollLeft;
+  function getWindowScrollBarX$1(element, rect) {
+    const leftScroll = getNodeScroll$1(element).scrollLeft;
+    if (!rect) {
+      return getBoundingClientRect$1(getDocumentElement$1(element)).left + leftScroll;
+    }
+    return rect.left + leftScroll;
   }
   function getDocumentRect$1(element) {
     const html = getDocumentElement$1(element);
@@ -18858,8 +18697,15 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         offsets.x = getWindowScrollBarX$1(documentElement);
       }
     }
-    const x2 = rect.left + scroll.scrollLeft - offsets.x;
-    const y2 = rect.top + scroll.scrollTop - offsets.y;
+    let htmlX = 0;
+    let htmlY = 0;
+    if (documentElement && !isOffsetParentAnElement && !isFixed) {
+      const htmlRect = documentElement.getBoundingClientRect();
+      htmlY = htmlRect.top + scroll.scrollTop;
+      htmlX = htmlRect.left + scroll.scrollLeft - getWindowScrollBarX$1(documentElement, htmlRect);
+    }
+    const x2 = rect.left + scroll.scrollLeft - offsets.x - htmlX;
+    const y2 = rect.top + scroll.scrollTop - offsets.y - htmlY;
     return {
       x: x2,
       y: y2,
@@ -18877,7 +18723,11 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     if (polyfill) {
       return polyfill(element);
     }
-    return element.offsetParent;
+    let rawOffsetParent = element.offsetParent;
+    if (getDocumentElement$1(element) === rawOffsetParent) {
+      rawOffsetParent = rawOffsetParent.ownerDocument.body;
+    }
+    return rawOffsetParent;
   }
   function getOffsetParent$1(element, polyfill) {
     const win = getWindow$1(element);
@@ -19211,6 +19061,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     const hasWhileElementsMounted = whileElementsMounted != null;
     const whileElementsMountedRef = useLatestRef$1(whileElementsMounted);
     const platformRef = useLatestRef$1(platform2);
+    const openRef = useLatestRef$1(open2);
     const update = React__namespace.useCallback(() => {
       if (!referenceRef.current || !floatingRef.current) {
         return;
@@ -19226,7 +19077,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       computePosition(referenceRef.current, floatingRef.current, config2).then((data2) => {
         const fullData = {
           ...data2,
-          isPositioned: true
+          isPositioned: openRef.current !== false
         };
         if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
           dataRef.current = fullData;
@@ -19235,7 +19086,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           });
         }
       });
-    }, [latestMiddleware, placement, strategy, platformRef]);
+    }, [latestMiddleware, placement, strategy, platformRef, openRef]);
     index$3(() => {
       if (open2 === false && dataRef.current.isPositioned) {
         dataRef.current.isPositioned = false;
@@ -19404,6 +19255,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }
     return allChildren;
   }
+  const FOCUSABLE_ATTRIBUTE = "data-floating-ui-focusable";
   function isButtonTarget(event) {
     return isHTMLElement$1(event.target) && event.target.tagName === "BUTTON";
   }
@@ -19550,11 +19402,15 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       escapeKey: escapeKeyCapture,
       outsidePress: outsidePressCapture
     } = normalizeProp(capture);
+    const isComposingRef = React__namespace.useRef(false);
     const closeOnEscapeKeyDown = useEffectEvent((event) => {
       var _dataRef$current$floa;
       if (!open2 || !enabled || !escapeKey || event.key !== "Escape") {
         return;
       }
+      if (isComposingRef.current) {
+        return;
+      }
       const nodeId = (_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.nodeId;
       const children = tree ? getChildren$2(tree.nodesRef.current, nodeId) : [];
       if (!escapeKeyBubbles) {
@@ -19666,11 +19522,28 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
       dataRef.current.__escapeKeyBubbles = escapeKeyBubbles;
       dataRef.current.__outsidePressBubbles = outsidePressBubbles;
+      let compositionTimeout = -1;
       function onScroll(event) {
         onOpenChange(false, event, "ancestor-scroll");
       }
+      function handleCompositionStart() {
+        window.clearTimeout(compositionTimeout);
+        isComposingRef.current = true;
+      }
+      function handleCompositionEnd() {
+        compositionTimeout = window.setTimeout(
+          () => {
+            isComposingRef.current = false;
+          },
+          isWebKit() ? 5 : 0
+        );
+      }
       const doc = getDocument(elements.floating);
-      escapeKey && doc.addEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
+      if (escapeKey) {
+        doc.addEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
+        doc.addEventListener("compositionstart", handleCompositionStart);
+        doc.addEventListener("compositionend", handleCompositionEnd);
+      }
       outsidePress && doc.addEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
       let ancestors = [];
       if (ancestorScroll) {
@@ -19694,11 +19567,16 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         });
       });
       return () => {
-        escapeKey && doc.removeEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
+        if (escapeKey) {
+          doc.removeEventListener("keydown", escapeKeyCapture ? closeOnEscapeKeyDownCapture : closeOnEscapeKeyDown, escapeKeyCapture);
+          doc.removeEventListener("compositionstart", handleCompositionStart);
+          doc.removeEventListener("compositionend", handleCompositionEnd);
+        }
         outsidePress && doc.removeEventListener(outsidePressEvent, outsidePressCapture ? closeOnPressOutsideCapture : closeOnPressOutside, outsidePressCapture);
         ancestors.forEach((ancestor) => {
           ancestor.removeEventListener("scroll", onScroll);
         });
+        window.clearTimeout(compositionTimeout);
       };
     }, [dataRef, elements, escapeKey, outsidePress, outsidePressEvent, open2, onOpenChange, ancestorScroll, enabled, escapeKeyBubbles, outsidePressBubbles, closeOnEscapeKeyDown, escapeKeyCapture, closeOnEscapeKeyDownCapture, closeOnPressOutside, outsidePressCapture, closeOnPressOutsideCapture]);
     React__namespace.useEffect(() => {
@@ -19869,7 +19747,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     }
     return {
       ...elementKey === "floating" && {
-        tabIndex: -1
+        tabIndex: -1,
+        [FOCUSABLE_ATTRIBUTE]: ""
       },
       ...domUserProps,
       ...propsList.map((value) => {
@@ -24655,7 +24534,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           var func = isArray2(collection) ? arraySampleSize : baseSampleSize;
           return func(collection, n2);
         }
-        function shuffle2(collection) {
+        function shuffle(collection) {
           var func = isArray2(collection) ? arrayShuffle : baseShuffle;
           return func(collection);
         }
@@ -25433,7 +25312,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
           number2 = toNumber2(number2);
           return baseInRange(number2, start2, end2);
         }
-        function random2(lower, upper, floating) {
+        function random(lower, upper, floating) {
           if (floating && typeof floating != "boolean" && isIterateeCall(lower, upper, floating)) {
             upper = floating = undefined$1;
           }
@@ -26029,7 +25908,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         lodash2.sampleSize = sampleSize;
         lodash2.set = set2;
         lodash2.setWith = setWith;
-        lodash2.shuffle = shuffle2;
+        lodash2.shuffle = shuffle;
         lodash2.slice = slice;
         lodash2.sortBy = sortBy;
         lodash2.sortedUniq = sortedUniq;
@@ -26187,7 +26066,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         lodash2.padEnd = padEnd;
         lodash2.padStart = padStart;
         lodash2.parseInt = parseInt2;
-        lodash2.random = random2;
+        lodash2.random = random;
         lodash2.reduce = reduce2;
         lodash2.reduceRight = reduceRight;
         lodash2.repeat = repeat;
@@ -26409,19 +26288,6 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       }
     }).call(commonjsGlobal$1);
   })(lodash$2, lodash$2.exports);
-  let nanoid = (size2 = 21) => crypto.getRandomValues(new Uint8Array(size2)).reduce((id, byte) => {
-    byte &= 63;
-    if (byte < 36) {
-      id += byte.toString(36);
-    } else if (byte < 62) {
-      id += (byte - 26).toString(36).toUpperCase();
-    } else if (byte > 62) {
-      id += "-";
-    } else {
-      id += "_";
-    }
-    return id;
-  }, "");
   styled__default.default.span`
     display: flex;
     flex-direction: column;
@@ -34729,8 +34595,8 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       if (t2[0] & 1)
         throw t2[1];
       return t2[1];
-    }, trys: [], ops: [] }, f2, y2, t2, g2;
-    return g2 = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g2[Symbol.iterator] = function() {
+    }, trys: [], ops: [] }, f2, y2, t2, g2 = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g2.next = verb(0), g2["throw"] = verb(1), g2["return"] = verb(2), typeof Symbol === "function" && (g2[Symbol.iterator] = function() {
       return this;
     }), g2;
     function verb(n2) {
@@ -34858,7 +34724,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     if (!Symbol.asyncIterator)
       throw new TypeError("Symbol.asyncIterator is not defined.");
     var g2 = generator.apply(thisArg, _arguments || []), i2, q2 = [];
-    return i2 = {}, verb("next"), verb("throw"), verb("return", awaitReturn), i2[Symbol.asyncIterator] = function() {
+    return i2 = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i2[Symbol.asyncIterator] = function() {
       return this;
     }, i2;
     function awaitReturn(f2) {
@@ -35865,7 +35731,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         selectedItem: newSelectedItem
       });
     }, [dispatch]);
-    var reset2 = React.useCallback(function() {
+    var reset = React.useCallback(function() {
       dispatch({
         type: FunctionReset$2
       });
@@ -35994,7 +35860,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       closeMenu,
       setHighlightedIndex,
       selectItem,
-      reset: reset2,
+      reset,
       setInputValue,
       highlightedIndex,
       isOpen,
@@ -36553,7 +36419,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         inputValue: newInputValue
       });
     }, [dispatch]);
-    var reset2 = React.useCallback(function() {
+    var reset = React.useCallback(function() {
       dispatch({
         type: FunctionReset$1
       });
@@ -36570,7 +36436,7 @@ var __privateWrapper = (obj, member, setter, getter) => ({
       setHighlightedIndex,
       setInputValue,
       selectItem,
-      reset: reset2,
+      reset,
       highlightedIndex,
       isOpen,
       selectedItem,
@@ -41274,12 +41140,12 @@ var __privateWrapper = (obj, member, setter, getter) => ({
     window.removeEventListener("testPassiveEventSupport", noop2, options);
     return passive2;
   };
-  function autoInc(seed2) {
-    if (seed2 === void 0) {
-      seed2 = 0;
+  function autoInc(seed) {
+    if (seed === void 0) {
+      seed = 0;
     }
     return function() {
-      return ++seed2;
+      return ++seed;
     };
   }
   var uid = autoInc();
@@ -44233,6 +44099,9 @@ var __privateWrapper = (obj, member, setter, getter) => ({
   var _default = function(file, acceptedFiles) {
     if (file && acceptedFiles) {
       var acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(",");
+      if (acceptedFilesArray.length === 0) {
+        return true;
+      }
       var fileName = file.name || "";
       var mimeType = (file.type || "").toLowerCase();
       var baseMimeType = mimeType.replace(/\/.*$/, "");
@@ -45653,30 +45522,30 @@ var __privateWrapper = (obj, member, setter, getter) => ({
         step(stepSkip * -1);
       }
     };
-    const handleOnChange = React.useCallback(
-      (v2, e3) => {
-        const parsed = props.integerOnly ? parseInt(v2) : parseFloat(v2);
-        if (value === void 0) {
-          setInput(v2);
-          onChange2 === null || onChange2 === void 0 ? void 0 : onChange2(parsed, e3);
-          return;
-        }
-        if (v2.endsWith(".")) {
-          setInput(v2);
-          return;
-        }
-        if (v2.includes(".") && v2.endsWith("0")) {
-          setInput(v2);
-          return;
-        }
-        if (v2 === "-") {
-          setInput(v2);
-          return;
-        }
+    const handleOnChange = React.useCallback((v2, e3) => {
+      const parsed = props.integerOnly ? parseInt(v2) : parseFloat(v2);
+      if (value === void 0) {
+        setInput(v2);
         onChange2 === null || onChange2 === void 0 ? void 0 : onChange2(parsed, e3);
-      },
-      [props.integerOnly, value, onChange2]
-    );
+        return;
+      }
+      if (v2.endsWith(".")) {
+        setInput(v2);
+        return;
+      }
+      if (v2.includes(".") && v2.endsWith("0")) {
+        setInput(v2);
+        return;
+      }
+      if (v2 === "-") {
+        setInput(v2);
+        return;
+      }
+      if (input.endsWith(".")) {
+        setInput(v2);
+      }
+      onChange2 === null || onChange2 === void 0 ? void 0 : onChange2(parsed, e3);
+    }, [props.integerOnly, value, onChange2, input]);
     React.useEffect(() => {
       setInput(getInitialValue(value, initialValue));
     }, [value]);
@@ -52837,14 +52706,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         resetConnection === null || resetConnection === void 0 ? void 0 : resetConnection.unsubscribe();
         resetConnection = void 0;
       };
-      var reset2 = function() {
+      var reset = function() {
         cancelReset();
         connection = subject = void 0;
         hasCompleted = hasErrored = false;
       };
       var resetAndUnsubscribe = function() {
         var conn = connection;
-        reset2();
+        reset();
         conn === null || conn === void 0 ? void 0 : conn.unsubscribe();
       };
       return operate(function(source, subscriber) {
@@ -52868,13 +52737,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             error: function(err2) {
               hasErrored = true;
               cancelReset();
-              resetConnection = handleReset(reset2, resetOnError, err2);
+              resetConnection = handleReset(reset, resetOnError, err2);
               dest.error(err2);
             },
             complete: function() {
               hasCompleted = true;
               cancelReset();
-              resetConnection = handleReset(reset2, resetOnComplete);
+              resetConnection = handleReset(reset, resetOnComplete);
               dest.complete();
             }
           });
@@ -52883,13 +52752,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       })(wrapperSource);
     };
   }
-  function handleReset(reset2, on) {
+  function handleReset(reset, on) {
     var args = [];
     for (var _i = 2; _i < arguments.length; _i++) {
       args[_i - 2] = arguments[_i];
     }
     if (on === true) {
-      reset2();
+      reset();
       return;
     }
     if (on === false) {
@@ -52898,7 +52767,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     var onSubscriber = new SafeSubscriber({
       next: function() {
         onSubscriber.unsubscribe();
-        reset2();
+        reset();
       }
     });
     return innerFrom(on.apply(void 0, __spreadArray([], __read(args)))).subscribe(onSubscriber);
@@ -54397,7 +54266,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return ConditionOperator2;
   })(ConditionOperator || {});
   function isVariable(variable) {
-    return variable && Object.keys(variable).includes("uid") && Object.keys(variable).includes("__typename") && variable.__typename.includes("Variable");
+    return variable && typeof variable == "object" && variable.hasOwnProperty("uid") && variable.hasOwnProperty("__typename") && variable.__typename.includes("Variable");
   }
   function isUrlVariable(variable) {
     return isVariable(variable) && variable.__typename === "UrlVariable";
@@ -55083,13 +54952,80 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return baseClone$1(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG$1);
   }
   var cloneDeep_1 = cloneDeep;
+  class GlobalStore {
+    constructor() {
+      __privateAdd(this, _locks, void 0);
+      __privateAdd(this, _subscribers, void 0);
+      __privateSet(this, _locks, {});
+      __privateSet(this, _subscribers, {});
+    }
+    clear() {
+      __privateSet(this, _locks, {});
+      __privateSet(this, _subscribers, {});
+    }
+    async getValue(key) {
+      if (__privateGet(this, _locks)[key]) {
+        return __privateGet(this, _locks)[key];
+      }
+      return localStorage.getItem(key);
+    }
+    getValueSync(key) {
+      return localStorage.getItem(key);
+    }
+    setValue(key, value) {
+      if (value === null) {
+        localStorage.removeItem(key);
+      } else {
+        localStorage.setItem(key, value);
+      }
+    }
+    async replaceValue(key, fn) {
+      if (__privateGet(this, _locks)[key]) {
+        return __privateGet(this, _locks)[key];
+      }
+      let unlock;
+      let unlockError;
+      const lockPromise = new Promise((resolve, reject) => {
+        unlock = resolve;
+        unlockError = reject;
+      });
+      __privateGet(this, _locks)[key] = lockPromise;
+      let result;
+      try {
+        result = await fn();
+        this.setValue(key, result);
+        unlock(result);
+      } catch (e3) {
+        unlockError(e3);
+      } finally {
+        delete __privateGet(this, _locks)[key];
+      }
+      return lockPromise;
+    }
+    subscribe(key, callback) {
+      if (!__privateGet(this, _subscribers)[key]) {
+        __privateGet(this, _subscribers)[key] = [];
+      }
+      const subFunc = (e3) => {
+        if (e3.storageArea === localStorage && e3.key === key) {
+          callback(e3.newValue);
+        }
+      };
+      window.addEventListener("storage", subFunc);
+      return () => {
+        window.removeEventListener("storage", subFunc);
+      };
+    }
+  }
+  _locks = new WeakMap();
+  _subscribers = new WeakMap();
+  const store = new GlobalStore();
   class RequestExtrasSerializable {
     constructor(extras) {
       __publicField(this, "extras");
       this.extras = extras;
     }
     toSerializable() {
-      var _a;
       if (!this.extras) {
         return null;
       }
@@ -55097,9 +55033,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         return this.extras;
       }
       const serializable = cloneDeep_1(this.extras);
-      if ((_a = serializable.options) == null ? void 0 : _a.headers) {
-        const headers = new Headers(serializable.options.headers);
-        serializable.options.headers = Object.fromEntries(headers.entries());
+      if (serializable == null ? void 0 : serializable.headers) {
+        const headers = new Headers(serializable.headers);
+        serializable.headers = Object.fromEntries(headers.entries());
       }
       return serializable;
     }
@@ -55113,8 +55049,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   async function request(url, options, extras) {
     var _a, _b;
-    const sessionToken = typeof extras === "string" ? extras : extras == null ? void 0 : extras.sessionToken;
-    const mergedOptions = extras && typeof extras === "object" ? { ...options, ...extras.options } : options;
+    const sessionToken = await store.getValue(getTokenKey());
+    const mergedOptions = extras ? { ...options, ...extras } : options;
     const { headers, ...other } = mergedOptions;
     const headersInterface = new Headers(headers);
     if (!headersInterface.has("Accept")) {
@@ -55128,18 +55064,35 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     const baseUrl = (_b = (_a = window.dara) == null ? void 0 : _a.base_url) != null ? _b : "";
     const urlString = url instanceof URL ? url.pathname + url.search : url;
-    return fetch(baseUrl + urlString, {
+    const response = await fetch(baseUrl + urlString, {
       headers: headersInterface,
       ...other
     });
-  }
-  const authCtx = React__namespace.createContext({ setToken: noop_1, token: "" });
-  function useAuthCtx() {
-    return React__namespace.useContext(authCtx);
-  }
-  function useSessionToken() {
-    const { token } = React__namespace.useContext(authCtx);
-    return token;
+    if (response.status === 401 || response.status === 403) {
+      try {
+        const refreshedToken = await store.replaceValue(getTokenKey(), async () => {
+          const refreshResponse = await fetch(`${baseUrl}/api/auth/refresh-token`, {
+            headers: headersInterface,
+            ...other,
+            method: "POST"
+          });
+          if (refreshResponse.ok) {
+            const { token } = await refreshResponse.json();
+            return token;
+          }
+          await validateResponse(refreshResponse, "Request auth error, failed to refresh the session token");
+        });
+        headersInterface.set("Authorization", `Bearer ${refreshedToken}`);
+        return fetch(baseUrl + urlString, {
+          headers: headersInterface,
+          ...other
+        });
+      } catch (e3) {
+        console.error("Failed to refresh token", e3);
+        return response;
+      }
+    }
+    return response;
   }
   const directionCtx = React.createContext({ direction: "row" });
   const importersCtx = React.createContext({});
@@ -56061,14 +56014,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   const requestExtrasCtx = React.createContext({ options: {} });
   function useRequestExtras() {
-    const sessionToken = useSessionToken();
     const { options } = React.useContext(requestExtrasCtx);
     const extras = React.useMemo(() => {
-      return {
-        options,
-        sessionToken
-      };
-    }, [useDeepCompare(options), sessionToken]);
+      return options;
+    }, [useDeepCompare(options)]);
     return extras;
   }
   function RequestExtrasProvider({
@@ -56183,11 +56132,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       message.reason
     );
   }
-  function useAuthComponents() {
+  function useAuthConfig() {
     return reactQuery.useQuery(
-      ["auth-components"],
+      ["auth-config"],
       async () => {
-        const response = await request("/api/core/auth-components", {
+        const response = await request("/api/core/auth-config", {
           method: HTTP_METHOD.GET
         });
         return response.json();
@@ -56195,23 +56144,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       { refetchOnWindowFocus: false }
     );
   }
-  async function revokeSession(token) {
-    if (token) {
-      try {
-        const response = await request(
-          "/api/auth/revoke-session",
-          {
-            method: HTTP_METHOD.POST
-          },
-          token
-        );
-        if (response.ok) {
-          const responseData = await response.json();
-          return responseData;
-        }
-      } catch (e3) {
-        console.error("Failed to revoke session", e3);
+  async function revokeSession() {
+    try {
+      const response = await request("/api/auth/revoke-session", {
+        method: HTTP_METHOD.POST
+      });
+      if (response.ok) {
+        const responseData = await response.json();
+        return responseData;
       }
+    } catch (e3) {
+      console.error("Failed to revoke session", e3);
     }
   }
   async function handleAuthErrors(res, toLogin = false, ignoreErrors = null) {
@@ -56240,7 +56183,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       refetchOnWindowFocus: false
     });
   }
-  async function getSessionToken(body = {}) {
+  async function requestSessionToken(body = {}) {
     const res = await request("/api/auth/session", {
       body: JSON.stringify(body),
       method: HTTP_METHOD.POST
@@ -56255,14 +56198,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     localStorage.setItem(getTokenKey(), token);
     return token;
   }
-  async function verifySessionToken(token) {
-    const res = await request(
-      "/api/auth/verify-session",
-      {
-        method: HTTP_METHOD.POST
-      },
-      token
-    );
+  async function verifySessionToken() {
+    const res = await request("/api/auth/verify-session", {
+      method: HTTP_METHOD.POST
+    });
     return res.ok;
   }
   function isPlaceholder(value) {
@@ -56284,18 +56223,18 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return Object.entries(obj);
   }
-  function denormalize(obj, lookup2) {
+  function denormalize(obj, lookup) {
     if (!obj) {
       return obj;
     }
     if (isPlaceholder(obj)) {
-      const referrable = lookup2[obj.__ref];
-      return denormalize(referrable, lookup2);
+      const referrable = lookup[obj.__ref];
+      return denormalize(referrable, lookup);
     }
     const output = Array.isArray(obj) ? [] : {};
     for (const [key, val] of getEntries(obj)) {
       if (val !== null && typeof val === "object") {
-        output[key] = denormalize(val, lookup2);
+        output[key] = denormalize(val, lookup);
       } else {
         output[key] = val;
       }
@@ -56304,7 +56243,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   }
   function normalizeResolvedDerivedVariable(resolved, def) {
     const normalizedValues = [];
-    let lookup2 = {};
+    let lookup = {};
     for (const [key, val] of resolved.values.entries()) {
       if (isResolvedDerivedVariable(val) || isResolvedDerivedDataVariable(val)) {
         const { data: nestedNormalized, lookup: nestedLookup } = normalizeResolvedDerivedVariable(
@@ -56312,14 +56251,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           def.variables[key]
         );
         normalizedValues.push(nestedNormalized);
-        lookup2 = {
-          ...lookup2,
+        lookup = {
+          ...lookup,
           ...nestedLookup
         };
       } else {
         const varDef = def.variables[key];
         const identifier = getIdentifier(varDef);
-        lookup2[identifier] = val;
+        lookup[identifier] = val;
         normalizedValues.push({ __ref: identifier });
       }
     }
@@ -56328,12 +56267,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         ...resolved,
         values: normalizedValues
       },
-      lookup: lookup2
+      lookup
     };
   }
   function normalizeRequest(values, kwargsDefinition) {
     const data = Array.isArray(values) ? [] : {};
-    let lookup2 = {};
+    let lookup = {};
     for (const [key, val] of getEntries(values)) {
       const kwargDef = kwargsDefinition[key];
       if (!kwargDef) {
@@ -56341,13 +56280,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       } else if (isDerivedVariable(kwargDef) || isDerivedDataVariable(kwargDef)) {
         const { data: nestedData, lookup: nestedLookup } = normalizeResolvedDerivedVariable(val, kwargDef);
         data[key] = nestedData;
-        lookup2 = {
-          ...lookup2,
+        lookup = {
+          ...lookup,
           ...nestedLookup
         };
       } else if (kwargDef.constructor === Object) {
         const identifier = getIdentifier(kwargDef);
-        lookup2[identifier] = val === void 0 ? null : val;
+        lookup[identifier] = val === void 0 ? null : val;
         data[key] = { __ref: identifier };
       } else {
         data[key] = val;
@@ -56355,7 +56294,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return {
       data,
-      lookup: lookup2
+      lookup
     };
   }
   function useActions() {
@@ -56405,8 +56344,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         const res = await request(`/api/core/template/${template}`, { method: HTTP_METHOD.GET }, extras);
         await handleAuthErrors(res, true);
         await validateResponse(res, "Failed to fetch the template");
-        const { data: normalizedTemplate, lookup: lookup2 } = await res.json();
-        return denormalize(normalizedTemplate, lookup2);
+        const { data: normalizedTemplate, lookup } = await res.json();
+        return denormalize(normalizedTemplate, lookup);
       },
       queryKey: ["template", template],
       refetchOnWindowFocus: false,
@@ -56627,6 +56566,16 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         );
       }
     }
+    updateToken(newToken) {
+      if (this.socket.readyState === WebSocket.OPEN) {
+        this.socket.send(
+          JSON.stringify({
+            message: newToken,
+            type: "token_update"
+          })
+        );
+      }
+    }
     sendCustomMessage(kind, data, awaitResponse = false) {
       if (this.socket.readyState === WebSocket.OPEN) {
         if (awaitResponse) {
@@ -57946,7 +57895,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               value: variableValue
             };
           },
-          key: shortid.generate()
+          key: nanoid()
         })
       );
     }
@@ -57975,7 +57924,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             const dvResponse = get2(dvSelector);
             return dvResponse.value;
           },
-          key: shortid.generate()
+          key: nanoid()
         })
       );
     }
@@ -58146,6 +58095,18 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return resolver(getOrRegisterPlainVariable(variable, client, taskContext, extras));
   }
+  function onTokenChange(cb) {
+    return store.subscribe(getTokenKey(), cb);
+  }
+  function getSessionToken() {
+    return store.getValueSync(getTokenKey());
+  }
+  function setSessionToken(token) {
+    store.setValue(getTokenKey(), token);
+  }
+  function useSessionToken() {
+    return React__namespace.useSyncExternalStore(onTokenChange, getSessionToken);
+  }
   const STORE_EXTRAS_MAP = /* @__PURE__ */ new Map();
   function BackendStoreSync({ children }) {
     const { client } = React__namespace.useContext(websocketCtx);
@@ -58203,55 +58164,44 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       storeKey: "BackendStore"
     });
   }
-  function getSessionKey(extras, uid2) {
-    const sessionToken = typeof extras === "string" ? extras : extras.sessionToken;
+  function getSessionKey(uid2) {
     if (isEmbedded()) {
       return `dara-session-${window.frameElement.dataset.daraPageId}-var-${uid2}`;
     }
-    return `dara-session-${sessionToken}-var-${uid2}`;
+    return `dara-session-${getSessionToken()}-var-${uid2}`;
   }
   function BrowserStoreSync({ children }) {
-    const extras = useRequestExtras();
-    const getStoreValue = React__namespace.useCallback(
-      (itemKey) => {
+    const getStoreValue = React__namespace.useCallback((itemKey) => {
+      var _a;
+      const key = getSessionKey(itemKey);
+      return JSON.parse((_a = localStorage.getItem(key)) != null ? _a : "null");
+    }, []);
+    const syncStoreValues = React__namespace.useCallback(({ diff }) => {
+      for (const [itemKey, value] of diff.entries()) {
+        const key = getSessionKey(itemKey);
+        localStorage.setItem(key, JSON.stringify(value));
+      }
+    }, []);
+    const listenToStoreChanges = React__namespace.useCallback(({ updateItem }) => {
+      const listener2 = (e3) => {
         var _a;
-        const key = getSessionKey(extras, itemKey);
-        return JSON.parse((_a = localStorage.getItem(key)) != null ? _a : "null");
-      },
-      [extras]
-    );
-    const syncStoreValues = React__namespace.useCallback(
-      ({ diff }) => {
-        for (const [itemKey, value] of diff.entries()) {
-          const key = getSessionKey(extras, itemKey);
-          localStorage.setItem(key, JSON.stringify(value));
-        }
-      },
-      [extras]
-    );
-    const listenToStoreChanges = React__namespace.useCallback(
-      ({ updateItem }) => {
-        const listener2 = (e3) => {
-          var _a;
-          if (e3.storageArea === localStorage) {
-            if (e3.key) {
-              const match2 = e3.key.match(/^dara-session-(.*)-var-(.*)$/);
-              if (match2) {
-                const [, sessionToken, uid2] = match2;
-                if (typeof extras === "string" && sessionToken === extras || typeof extras === "object" && extras.sessionToken === sessionToken) {
-                  updateItem(uid2, JSON.parse((_a = e3.newValue) != null ? _a : "null"));
-                }
+        if (e3.storageArea === localStorage) {
+          if (e3.key) {
+            const match2 = e3.key.match(/^dara-session-(.*)-var-(.*)$/);
+            if (match2) {
+              const [, sessionToken, uid2] = match2;
+              if (sessionToken === getSessionToken()) {
+                updateItem(uid2, JSON.parse((_a = e3.newValue) != null ? _a : "null"));
               }
             }
           }
-        };
-        window.addEventListener("storage", listener2);
-        return () => {
-          window.removeEventListener("storage", listener2);
-        };
-      },
-      [extras]
-    );
+        }
+      };
+      window.addEventListener("storage", listener2);
+      return () => {
+        window.removeEventListener("storage", listener2);
+      };
+    }, []);
     return /* @__PURE__ */ React__namespace.createElement(RecoilSync_index_1, { listen: listenToStoreChanges, read: getStoreValue, storeKey: "BrowserStore", write: syncStoreValues }, children);
   }
   function localStorageEffect(variable, extrasSerializable, wsClient, taskContext) {
@@ -58611,7 +58561,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
       return;
     }
-    const executionId = shortid.generate();
+    const executionId = nanoid();
     const observable2 = actionCtx.wsClient.actionMessages$(executionId);
     return new Promise((resolve, reject) => {
       let activeTasks = 0;
@@ -59167,26 +59117,21 @@ Inferred class string: "${iconClasses}."`
       }).catch((err2) => {
         throw new Error(`Failed to import module ${props.component.py_module}`, err2);
       });
-    }, [props.component]);
+    }, [props.component, importers]);
     return component;
   }
   function AuthWrapper(props) {
-    const [token, setToken] = React.useState(() => getToken());
-    const { data: authComponents, isLoading } = useAuthComponents();
-    function onSetToken(newToken) {
-      const key = getTokenKey();
-      if (newToken) {
-        localStorage.setItem(key, newToken);
-      } else {
-        localStorage.removeItem(key);
-      }
-      setToken(newToken);
+    const { data: authConfig, isLoading } = useAuthConfig();
+    const isMounted = React.useRef(false);
+    if (!isMounted.current) {
+      isMounted.current = true;
+      setSessionToken(getToken());
     }
     if (isLoading) {
       return /* @__PURE__ */ React__default.default.createElement(Center, null, /* @__PURE__ */ React__default.default.createElement(DefaultFallback, null));
     }
-    const { login, logout, ...extraRoutes } = authComponents;
-    return /* @__PURE__ */ React__default.default.createElement(authCtx.Provider, { value: { setToken: onSetToken, token } }, /* @__PURE__ */ React__default.default.createElement(Switch$1, null, /* @__PURE__ */ React__default.default.createElement(Route, { path: "/login" }, /* @__PURE__ */ React__default.default.createElement(DynamicAuthComponent, { component: login })), /* @__PURE__ */ React__default.default.createElement(Route, { path: "/logout" }, /* @__PURE__ */ React__default.default.createElement(DynamicAuthComponent, { component: logout })), Object.entries(extraRoutes).map(([path, component]) => /* @__PURE__ */ React__default.default.createElement(Route, { key: path, path: `/${path}` }, /* @__PURE__ */ React__default.default.createElement(DynamicAuthComponent, { component }))), /* @__PURE__ */ React__default.default.createElement(Route, { component: ErrorPage, path: "/error" }), /* @__PURE__ */ React__default.default.createElement(Route, { path: "/", render: () => /* @__PURE__ */ React__default.default.createElement(PrivateRoute, null, props.children) })));
+    const { login, logout, ...extraRoutes } = authConfig.auth_components;
+    return /* @__PURE__ */ React__default.default.createElement(Switch$1, null, /* @__PURE__ */ React__default.default.createElement(Route, { path: "/login" }, /* @__PURE__ */ React__default.default.createElement(DynamicAuthComponent, { component: login })), /* @__PURE__ */ React__default.default.createElement(Route, { path: "/logout" }, /* @__PURE__ */ React__default.default.createElement(DynamicAuthComponent, { component: logout })), Object.entries(extraRoutes).map(([path, component]) => /* @__PURE__ */ React__default.default.createElement(Route, { key: path, path: `/${path}` }, /* @__PURE__ */ React__default.default.createElement(DynamicAuthComponent, { component }))), /* @__PURE__ */ React__default.default.createElement(Route, { component: ErrorPage, path: "/error" }), /* @__PURE__ */ React__default.default.createElement(Route, { path: "/", render: () => /* @__PURE__ */ React__default.default.createElement(PrivateRoute, null, props.children) }));
   }
   const index = "";
   const ErrorBoundaryContext = React.createContext(null);
@@ -60034,7 +59979,7 @@ Inferred class string: "${iconClasses}."`
     const onClick = () => {
       setIsExpanded((b2) => !b2);
     };
-    return /* @__PURE__ */ React__default.default.createElement(ErrorWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorHeader, { onClick }, /* @__PURE__ */ React__default.default.createElement(ErrorTitleRow, null, /* @__PURE__ */ React__default.default.createElement(ErrorTitle, null, /* @__PURE__ */ React__default.default.createElement(ErrorSign, { className: "fa-solid fa-triangle-exclamation fa-lg" }), time), /* @__PURE__ */ React__default.default.createElement(Chevron, { $isOpen: isExpanded, className: "fa-solid fa-chevron-down" })), /* @__PURE__ */ React__default.default.createElement(ErrorDescription, null, props.errorMessage.description)), /* @__PURE__ */ React__default.default.createElement(lib$1.Collapse, { isOpened: isExpanded }, /* @__PURE__ */ React__default.default.createElement(CollapseContent, null, /* @__PURE__ */ React__default.default.createElement(ErrorDescription, null, props.errorMessage.tracebackTitle), /* @__PURE__ */ React__default.default.createElement(ErrorTraceback, null, props.errorMessage.traceback))));
+    return /* @__PURE__ */ React__default.default.createElement(ErrorWrapper, null, /* @__PURE__ */ React__default.default.createElement(ErrorHeader, { onClick }, /* @__PURE__ */ React__default.default.createElement(ErrorTitleRow, null, /* @__PURE__ */ React__default.default.createElement(ErrorTitle, null, /* @__PURE__ */ React__default.default.createElement(ErrorSign, { className: "fa-solid fa-triangle-exclamation fa-lg" }), time), /* @__PURE__ */ React__default.default.createElement(Chevron, { $isOpen: isExpanded, className: "fa-solid fa-chevron-down" })), /* @__PURE__ */ React__default.default.createElement(ErrorDescription, null, props.errorMessage.description)), /* @__PURE__ */ React__default.default.createElement(lib.Collapse, { isOpened: isExpanded }, /* @__PURE__ */ React__default.default.createElement(CollapseContent, null, /* @__PURE__ */ React__default.default.createElement(ErrorDescription, null, props.errorMessage.tracebackTitle), /* @__PURE__ */ React__default.default.createElement(ErrorTraceback, null, props.errorMessage.traceback))));
   }
   const ErrorsContainer = styled__default.default.div`
     overflow: hidden;
@@ -60454,6 +60399,14 @@ Inferred class string: "${iconClasses}."`
     React.useEffect(() => {
       cleanSessionCache(token);
     }, [token]);
+    React.useEffect(() => {
+      if (!wsClient) {
+        return;
+      }
+      return onTokenChange((newToken) => {
+        wsClient.updateToken(newToken);
+      });
+    }, [wsClient]);
     React.useEffect(() => {
       if (config2 == null ? void 0 : config2.title) {
         document.title = config2.title;
@@ -86044,7 +85997,6 @@ Inferred class string: "${iconClasses}."`
     const [username, setUsername] = React.useState("");
     const [password, setPassword] = React.useState("");
     const [isError2, setIsError] = React.useState(false);
-    const { token, setToken } = React.useContext(authCtx);
     const history2 = useHistory();
     const location2 = useLocation();
     const queryParams = new URLSearchParams(location2.search);
@@ -86053,9 +86005,9 @@ Inferred class string: "${iconClasses}."`
       setIsLoggingIn(true);
       setIsError(false);
       try {
-        const sessionToken = await getSessionToken({ password, username });
+        const sessionToken = await requestSessionToken({ password, username });
         if (sessionToken) {
-          setToken(sessionToken);
+          setSessionToken(sessionToken);
           history2.replace(decodeURIComponent(previousLocation));
         }
       } catch {
@@ -86064,9 +86016,8 @@ Inferred class string: "${iconClasses}."`
       setIsLoggingIn(false);
     };
     React.useEffect(() => {
-      const key = getTokenKey();
-      if (token) {
-        verifySessionToken(localStorage.getItem(key)).then((verified) => {
+      if (getSessionToken()) {
+        verifySessionToken().then((verified) => {
           if (verified) {
             history2.replace(decodeURIComponent(previousLocation));
           } else {
@@ -86124,10 +86075,9 @@ Inferred class string: "${iconClasses}."`
     ))));
   }
   function BasicAuthLogout() {
-    const { setToken, token } = useAuthCtx();
     React.useEffect(() => {
-      revokeSession(token).then(() => {
-        setToken(null);
+      revokeSession().then(() => {
+        setSessionToken(null);
         window.location.href = `${window.dara.base_url}/login`;
       });
     }, []);
@@ -86135,26 +86085,20 @@ Inferred class string: "${iconClasses}."`
   }
   function DefaultAuthLogin() {
     var _a;
-    const { token, setToken } = React.useContext(authCtx);
     const history2 = useHistory();
     const location2 = useLocation();
     const queryParams = new URLSearchParams(location2.search);
     const previousLocation = (_a = queryParams.get("referrer")) != null ? _a : "/";
     async function getNewToken() {
-      const sessionToken = await getSessionToken({});
+      const sessionToken = await requestSessionToken({});
       if (sessionToken) {
-        setToken(sessionToken);
+        setSessionToken(sessionToken);
         history2.replace(decodeURIComponent(previousLocation));
       }
     }
     React.useEffect(() => {
-      const key = getTokenKey();
-      if (token) {
-        const storedToken = localStorage.getItem(key);
-        if (token !== void 0 && token !== null && (!storedToken || storedToken === "undefined")) {
-          localStorage.setItem(key, token);
-        }
-        verifySessionToken(localStorage.getItem(key)).then((verified) => {
+      if (getSessionToken()) {
+        verifySessionToken().then((verified) => {
           if (verified) {
             history2.replace(decodeURIComponent(previousLocation));
           } else {
@@ -86509,6 +86453,7 @@ Inferred class string: "${iconClasses}."`
   exports.combineFilters = combineFilters;
   exports.default = run;
   exports.getIcon = getIcon;
+  exports.getSessionToken = getSessionToken;
   exports.getToken = getToken;
   exports.getTokenKey = getTokenKey;
   exports.handleAuthErrors = handleAuthErrors;
@@ -86519,10 +86464,10 @@ Inferred class string: "${iconClasses}."`
   exports.request = request;
   exports.resolveValue = resolveValue;
   exports.revokeSession = revokeSession;
+  exports.setSessionToken = setSessionToken;
   exports.useAction = useAction;
   exports.useActionIsLoading = useActionIsLoading;
   exports.useAnyVariable = useAnyVariable;
-  exports.useAuthCtx = useAuthCtx;
   exports.useComponentStyles = useComponentStyles;
   exports.useDataVariable = useDataVariable;
   exports.useEventBus = useEventBus;