intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/utils/lib/use/useFocusLock.mjs

@@ -0,0 +1,282 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import canUseDOM from "../canUseDOM.mjs";
+import moveFocusInside, { focusInside, getFocusableIn } from 'focus-lock';
+import LocalReact from 'react';
+
+/** "safe" focus movement means that function wrapper tries
+ * to detect focus war (when two focus locks are trying to
+ * control focus recursively) and disables it for 10 seconds
+ */
+var focusMoveRequests = [];
+var focusMoveDisabledUntil = 0;
+var lastUserAction = 0;
+var safeMoveFocusInside = function safeMoveFocusInside() {
+  if (focusMoveDisabledUntil > Date.now()) return;
+  focusMoveRequests.push(Date.now());
+  if (focusMoveRequests.length > 10 && Date.now() - lastUserAction > 600) {
+    var lastFocusMoveRequests = focusMoveRequests.slice(-10);
+    var timeBetweenFocusMoveRequests = lastFocusMoveRequests.slice(1).map(function (time, index) {
+      return Math.abs(time - lastFocusMoveRequests[index]);
+    });
+    if (timeBetweenFocusMoveRequests.every(function (time) {
+      return time < 250;
+    })) {
+      focusMoveDisabledUntil = Date.now() + 10000;
+      focusMoveRequests = [];
+      console.error('[useFocusLock] Probably the focus war was detected. It is a process when multiple browser focus control subjects are reacting to "blur" event on their element and are trying to get it back. Focus move function was disabled for 10 seconds. Probably your page has different focus lock systems. If you have multiple versions of Intergalactic components, updated them to the latest version (at least to 15.16.3).');
+      return;
+    }
+  }
+  if (focusMoveRequests.length > 500) focusMoveRequests = focusMoveRequests.slice(-10);
+  return moveFocusInside.apply(void 0, arguments);
+};
+if (canUseDOM()) {
+  document.addEventListener('keydown', function () {
+    lastUserAction = Date.now();
+  });
+  document.addEventListener('mousedown', function () {
+    lastUserAction = Date.now();
+  });
+}
+var focusBordersConsumers = new Set();
+var focusBordersRefs = {
+  before: null,
+  after: null
+};
+var addBorders = function addBorders() {
+  if (!focusBordersRefs.before) {
+    focusBordersRefs.before = document.createElement('div');
+    focusBordersRefs.before.setAttribute('tabindex', '0');
+    focusBordersRefs.before.style.position = 'fixed';
+    focusBordersRefs.before.dataset.id = '__intergalactic-focus-border-before';
+    document.body.prepend(focusBordersRefs.before);
+  }
+  if (!focusBordersRefs.after) {
+    focusBordersRefs.after = document.createElement('div');
+    focusBordersRefs.after.setAttribute('tabindex', '0');
+    focusBordersRefs.after.dataset.id = '__intergalactic-focus-border-after';
+    focusBordersRefs.after.style.position = 'fixed';
+    document.body.append(focusBordersRefs.after);
+  }
+};
+var removeBorders = function removeBorders() {
+  var _focusBordersRefs$bef, _focusBordersRefs$aft;
+  (_focusBordersRefs$bef = focusBordersRefs.before) === null || _focusBordersRefs$bef === void 0 ? void 0 : _focusBordersRefs$bef.remove();
+  (_focusBordersRefs$aft = focusBordersRefs.after) === null || _focusBordersRefs$aft === void 0 ? void 0 : _focusBordersRefs$aft.remove();
+  focusBordersRefs.before = null;
+  focusBordersRefs.after = null;
+};
+var areBordersPlacedCorrectly = function areBordersPlacedCorrectly() {
+  if (!focusBordersRefs.before || !focusBordersRefs.after) return true;
+  if (document.body.children[0] !== focusBordersRefs.before) return false;
+  if (document.body.children[document.body.children.length - 1] !== focusBordersRefs.after) return false;
+  return true;
+};
+var uniqueId = 0;
+var getUniqueId = function getUniqueId(prefix) {
+  return "".concat(prefix, "-").concat(Math.random().toString(36).slice(2), "-").concat(uniqueId++);
+};
+var useFocusBorders = function useFocusBorders(React, disabled) {
+  useUniqueIdHookMock(React);
+  React.useEffect(function () {
+    var id = getUniqueId('focus-borders-consumer');
+    if (!disabled) {
+      focusBordersConsumers.add(id);
+    }
+    if (!areBordersPlacedCorrectly()) removeBorders();
+    if (focusBordersConsumers.size > 0) addBorders();
+    return function () {
+      focusBordersConsumers["delete"](id);
+      if (focusBordersConsumers.size === 0) removeBorders();
+    };
+  }, [disabled]);
+};
+/**
+ * # Focus lock hook merging
+ * In some cases same page might contain different versions of components.
+ * In such cases, we need to ensure that only one version of focus lock hook is used.
+ * So, it's why we have `useFocusLockHook` function that is wrapped into `useFocusLock`.
+ *
+ * While evaluating this file code, we check if global focus lock hook is already defined.
+ * If it's defined, we replace it ONLY if our version is higher and no components currently use it.
+ * The last condition is very important because we are unable to replace React hook without reimplementing
+ * React hooks lifecycle in some kind of wrapper.
+ *
+ * ## Versioning
+ * Such versions merging requires us to keep hook api backward compatible.
+ * When hook logic changes, the variable `focusLockVersion` should be incremented.
+ *
+ * Version update `1 -> 2`. Fixed call `safeMoveFocusInside` in `handleFocusIn` with correct second parameter (focusCameFrom instead of event.target)
+ * Version update `2 -> 3`. Fixed React version isolation in nested hooks (`useFocusBorders`, `useUniqueId`).
+ *
+ * Initially (for a several versions) key was `__intergalactic_focus_lock_hook_`.
+ * Making it respect react version required to change key. So key was changed to `__intergalactic_focus_lock_hook_react_v_respectful`.
+ *
+ * ## React hooks order
+ * When updating from version 2 to version 3 `useUniqueId` hook was removed.
+ * Due to replacing useFocusLock hook in runtime, the order of hooks must be preserved.
+ * So, useUniqueIdHookMock helps to preserve hooks order when hook is being replaced from version 2 to version 3.
+ *
+ * If new update requires to remove some hooks – add mocks instead of them.
+ * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.
+ */
+var focusLockVersion = 3;
+var globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';
+var focusLockAllTraps = new Set();
+var focusLockUsedInMountedComponents = new Set();
+/** Focus master is a special mode in which focus lock might work.
+ * Normally, focus lock hook allows user focus to move freely between
+ * all active focus traps. When component provides `focusMaster=true`
+ * parameter, it says that it doesn't want to share focus with other traps.
+ * It is very useful for a big components like modals or side-bars that
+ * also have some visual backdrop.
+ * The last element in focus masters stack is considered as a current focus master.
+ */
+var focusMastersStack = [];
+var noop = function noop() {};
+var useUniqueIdHookMock = function useUniqueIdHookMock(React) {
+  React.useState(undefined);
+  var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+  useEnhancedEffect(noop, []);
+};
+var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, returnFocusTo) {
+  var disabled = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var focusMaster = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+  useFocusBorders(React, disabled);
+  var autoTriggerRef = React.useRef(null);
+  var lastUserInteractionRef = React.useRef(undefined);
+  var handleFocusIn = React.useCallback(function (event) {
+    var focusCameFrom = event.relatedTarget;
+    setTimeout(function () {
+      if (!focusCameFrom) return;
+      if (autoTriggerRef.current) return;
+      autoTriggerRef.current = focusCameFrom;
+    }, 0);
+    if (lastUserInteractionRef.current === 'mouse') return;
+    Promise.resolve().then(function () {
+      if (!trapRef.current) return;
+      var currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];
+      if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;
+      var trapNodes = currentFocusMaster ? [trapRef.current] : [trapRef.current].concat(_toConsumableArray(focusLockAllTraps));
+      if (focusInside(trapNodes)) return;
+      if (focusCameFrom) {
+        safeMoveFocusInside(trapRef.current, focusCameFrom);
+      }
+    });
+  }, []);
+  var handleMouseEvent = React.useCallback(function () {
+    lastUserInteractionRef.current = 'mouse';
+  }, []);
+  var handleKeyboardEvent = React.useCallback(function () {
+    lastUserInteractionRef.current = 'keyboard';
+  }, []);
+  var returnFocus = React.useCallback(function () {
+    var trapNode = trapRef.current;
+    if (!focusInside(trapNode)) return;
+    if (_typeof(returnFocusTo) === 'object' && returnFocusTo !== null && returnFocusTo !== void 0 && returnFocusTo.current) {
+      var returnFocusNode = returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current;
+      setTimeout(function () {
+        return safeMoveFocusInside(returnFocusNode, trapNode);
+      }, 0);
+    }
+    if (returnFocusTo === 'auto' && autoTriggerRef.current) {
+      var autoTrigger = autoTriggerRef.current;
+      setTimeout(function () {
+        return safeMoveFocusInside(autoTrigger, trapNode);
+      }, 0);
+    }
+  }, [returnFocusTo]);
+  React.useEffect(function () {
+    if (_typeof(trapRef) !== 'object' || trapRef === null) return;
+    var node = trapRef.current;
+    if (!node) return;
+    focusLockAllTraps.add(node);
+    return function () {
+      if (!node) return;
+      focusLockAllTraps["delete"](node);
+    };
+  }, []);
+  React.useEffect(function () {
+    if (_typeof(trapRef) !== 'object' || trapRef === null) return;
+    if (disabled) return;
+    if (!canUseDOM()) return;
+    if (!trapRef.current) return;
+    if (focusMaster) {
+      focusMastersStack.push(trapRef.current);
+    }
+    return function () {
+      if (!focusMaster) return;
+      if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {
+        focusMastersStack.pop();
+      } else {
+        focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current), 1);
+      }
+    };
+  }, [disabled, focusMaster]);
+  React.useEffect(function () {
+    if (disabled) return;
+    if (!canUseDOM()) return;
+    if (!trapRef.current) return;
+    var focusableChildren = Array.from(trapRef.current.children).flatMap(function (node) {
+      return getFocusableIn(node);
+    });
+    if (focusableChildren.length === 0) return;
+    document.body.addEventListener('focusin', handleFocusIn);
+    document.body.addEventListener('mousedown', handleMouseEvent);
+    document.body.addEventListener('touchstart', handleMouseEvent);
+    document.body.addEventListener('keydown', handleKeyboardEvent);
+    if (autoFocus) safeMoveFocusInside(trapRef.current, _typeof(returnFocusTo) === 'object' ? returnFocusTo === null || returnFocusTo === void 0 ? void 0 : returnFocusTo.current : document.body);
+    return function () {
+      document.body.removeEventListener('focusin', handleFocusIn);
+      document.body.removeEventListener('mousedown', handleMouseEvent);
+      document.body.removeEventListener('touchstart', handleMouseEvent);
+      document.body.removeEventListener('keydown', handleKeyboardEvent);
+      returnFocus();
+      autoTriggerRef.current = null;
+    };
+  }, [disabled, autoFocus, returnFocusTo, returnFocus]);
+  useUniqueIdHookMock(React);
+  React.useEffect(function () {
+    var id = getUniqueId('focus-lock-consumer');
+    if (disabled) return;
+    focusLockUsedInMountedComponents.add(id);
+    return function () {
+      focusLockUsedInMountedComponents["delete"](id);
+    };
+  }, [disabled]);
+};
+var establishHookAsGlobal = function establishHookAsGlobal() {
+  globalThis[globalFocusLockHookKey] = {
+    hook: useFocusLockHook,
+    version: focusLockVersion,
+    usedInComponents: focusLockUsedInMountedComponents
+  };
+};
+if (!globalThis[globalFocusLockHookKey]) {
+  establishHookAsGlobal();
+} else if (typeof globalThis[globalFocusLockHookKey].version !== 'number') {
+  establishHookAsGlobal();
+} else {
+  var _globalFocusLockHookK = globalThis[globalFocusLockHookKey],
+    theirVersion = _globalFocusLockHookK.version,
+    usedInComponents = _globalFocusLockHookK.usedInComponents;
+  if (focusLockVersion > theirVersion && usedInComponents.size === 0) {
+    establishHookAsGlobal();
+  }
+}
+export var useFocusLock = function useFocusLock(trapRef, autoFocus, returnFocusTo) {
+  var _globalFocusLockHookK2, _globalFocusLockHookK3;
+  var disabled = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var focusMaster = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  var hook = (_globalFocusLockHookK2 = (_globalFocusLockHookK3 = globalThis[globalFocusLockHookKey]) === null || _globalFocusLockHookK3 === void 0 ? void 0 : _globalFocusLockHookK3.hook) !== null && _globalFocusLockHookK2 !== void 0 ? _globalFocusLockHookK2 : useFocusLockHook;
+  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster);
+};
+export var hasFocusableIn = function hasFocusableIn(element) {
+  return Array.from(element.children).flatMap(function (node) {
+    return getFocusableIn(node);
+  }).length > 0;
+};
+export var isFocusInside = focusInside;
+export var setFocus = safeMoveFocusInside;
+//# sourceMappingURL=useFocusLock.mjs.map

package/libs/utils/lib/use/useFocusLock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusLock.mjs","names":["canUseDOM","moveFocusInside","focusInside","getFocusableIn","LocalReact","focusMoveRequests","focusMoveDisabledUntil","lastUserAction","safeMoveFocusInside","Date","now","push","length","lastFocusMoveRequests","slice","timeBetweenFocusMoveRequests","map","time","index","Math","abs","every","console","error","apply","arguments","document","addEventListener","focusBordersConsumers","Set","focusBordersRefs","before","after","addBorders","createElement","setAttribute","style","position","dataset","id","body","prepend","append","removeBorders","_focusBordersRefs$bef","_focusBordersRefs$aft","remove","areBordersPlacedCorrectly","children","uniqueId","getUniqueId","prefix","concat","random","toString","useFocusBorders","React","disabled","useUniqueIdHookMock","useEffect","add","size","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","trapRef","autoFocus","returnFocusTo","focusMaster","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusIn","useCallback","event","focusCameFrom","relatedTarget","setTimeout","current","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray","handleMouseEvent","handleKeyboardEvent","returnFocus","trapNode","_typeof","returnFocusNode","autoTrigger","node","pop","splice","indexOf","focusableChildren","Array","from","flatMap","removeEventListener","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","hasFocusableIn","element","isFocusInside","setFocus"],"sources":["../../src/use/useFocusLock.ts"],"sourcesContent":["import canUseDOM from '../canUseDOM';\nimport moveFocusInside, { focusInside, getFocusableIn } from 'focus-lock';\nimport LocalReact from 'react';\n\n/** \"safe\" focus movement means that function wrapper tries\n * to detect focus war (when two focus locks are trying to\n * control focus recursively) and disables it for 10 seconds\n */\nlet focusMoveRequests: number[] = [];\nlet focusMoveDisabledUntil = 0;\nlet lastUserAction = 0;\nconst safeMoveFocusInside: typeof moveFocusInside = (...args) => {\n  if (focusMoveDisabledUntil > Date.now()) return;\n  focusMoveRequests.push(Date.now());\n  if (focusMoveRequests.length > 10 && Date.now() - lastUserAction > 600) {\n    const lastFocusMoveRequests = focusMoveRequests.slice(-10);\n    const timeBetweenFocusMoveRequests = lastFocusMoveRequests\n      .slice(1)\n      .map((time, index) => Math.abs(time - lastFocusMoveRequests[index]));\n    if (timeBetweenFocusMoveRequests.every((time) => time < 250)) {\n      focusMoveDisabledUntil = Date.now() + 10000;\n      focusMoveRequests = [];\n      console.error(\n        '[useFocusLock] Probably the focus war was detected. It is a process when multiple browser focus control subjects are reacting to \"blur\" event on their element and are trying to get it back. Focus move function was disabled for 10 seconds. Probably your page has different focus lock systems. If you have multiple versions of Intergalactic components, updated them to the latest version (at least to 15.16.3).',\n      );\n      return;\n    }\n  }\n  if (focusMoveRequests.length > 500) focusMoveRequests = focusMoveRequests.slice(-10);\n\n  return moveFocusInside(...args);\n};\nif (canUseDOM()) {\n  document.addEventListener('keydown', () => {\n    lastUserAction = Date.now();\n  });\n  document.addEventListener('mousedown', () => {\n    lastUserAction = Date.now();\n  });\n}\n\nconst focusBordersConsumers = new Set();\nconst focusBordersRefs: {\n  before: HTMLElement | null;\n  after: HTMLElement | null;\n} = { before: null, after: null };\n\nconst addBorders = () => {\n  if (!focusBordersRefs.before) {\n    focusBordersRefs.before = document.createElement('div');\n    focusBordersRefs.before.setAttribute('tabindex', '0');\n    focusBordersRefs.before.style.position = 'fixed';\n    focusBordersRefs.before.dataset.id = '__intergalactic-focus-border-before';\n    document.body.prepend(focusBordersRefs.before);\n  }\n  if (!focusBordersRefs.after) {\n    focusBordersRefs.after = document.createElement('div');\n    focusBordersRefs.after.setAttribute('tabindex', '0');\n    focusBordersRefs.after.dataset.id = '__intergalactic-focus-border-after';\n    focusBordersRefs.after.style.position = 'fixed';\n    document.body.append(focusBordersRefs.after);\n  }\n};\nconst removeBorders = () => {\n  focusBordersRefs.before?.remove();\n  focusBordersRefs.after?.remove();\n  focusBordersRefs.before = null;\n  focusBordersRefs.after = null;\n};\nconst areBordersPlacedCorrectly = () => {\n  if (!focusBordersRefs.before || !focusBordersRefs.after) return true;\n  if (document.body.children[0] !== focusBordersRefs.before) return false;\n  if (document.body.children[document.body.children.length - 1] !== focusBordersRefs.after)\n    return false;\n  return true;\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n  `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\nconst useFocusBorders = (React: ReactT, disabled?: boolean) => {\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const id = getUniqueId('focus-borders-consumer');\n    if (!disabled) {\n      focusBordersConsumers.add(id);\n    }\n\n    if (!areBordersPlacedCorrectly()) removeBorders();\n    if (focusBordersConsumers.size > 0) addBorders();\n\n    return () => {\n      focusBordersConsumers.delete(id);\n      if (focusBordersConsumers.size === 0) removeBorders();\n    };\n  }, [disabled]);\n};\n/**\n * # Focus lock hook merging\n * In some cases same page might contain different versions of components.\n * In such cases, we need to ensure that only one version of focus lock hook is used.\n * So, it's why we have `useFocusLockHook` function that is wrapped into `useFocusLock`.\n *\n * While evaluating this file code, we check if global focus lock hook is already defined.\n * If it's defined, we replace it ONLY if our version is higher and no components currently use it.\n * The last condition is very important because we are unable to replace React hook without reimplementing\n * React hooks lifecycle in some kind of wrapper.\n *\n * ## Versioning\n * Such versions merging requires us to keep hook api backward compatible.\n * When hook logic changes, the variable `focusLockVersion` should be incremented.\n *\n * Version update `1 -> 2`. Fixed call `safeMoveFocusInside` in `handleFocusIn` with correct second parameter (focusCameFrom instead of event.target)\n * Version update `2 -> 3`. Fixed React version isolation in nested hooks (`useFocusBorders`, `useUniqueId`).\n *\n * Initially (for a several versions) key was `__intergalactic_focus_lock_hook_`.\n * Making it respect react version required to change key. So key was changed to `__intergalactic_focus_lock_hook_react_v_respectful`.\n *\n * ## React hooks order\n * When updating from version 2 to version 3 `useUniqueId` hook was removed.\n * Due to replacing useFocusLock hook in runtime, the order of hooks must be preserved.\n * So, useUniqueIdHookMock helps to preserve hooks order when hook is being replaced from version 2 to version 3.\n *\n * If new update requires to remove some hooks – add mocks instead of them.\n * If new update requires to add some hooks and no workaround with current hooks list is possible – probably focus lock hook key should be changed.\n */\nconst focusLockVersion = 3;\nconst globalFocusLockHookKey = '__intergalactic_focus_lock_hook_react_v_respectful';\n\nconst focusLockAllTraps = new Set<HTMLElement>();\nconst focusLockUsedInMountedComponents = new Set<string>();\n/** Focus master is a special mode in which focus lock might work.\n * Normally, focus lock hook allows user focus to move freely between\n * all active focus traps. When component provides `focusMaster=true`\n * parameter, it says that it doesn't want to share focus with other traps.\n * It is very useful for a big components like modals or side-bars that\n * also have some visual backdrop.\n * The last element in focus masters stack is considered as a current focus master.\n */\nconst focusMastersStack: HTMLElement[] = [];\n\nconst noop = () => {};\nconst useUniqueIdHookMock = (React: ReactT) => {\n  React.useState(undefined);\n  const useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;\n  useEnhancedEffect(noop, []);\n};\n\nconst useFocusLockHook = (\n  React: ReactT,\n  trapRef: React.RefObject<HTMLElement>,\n  autoFocus: boolean,\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n) => {\n  useFocusBorders(React, disabled);\n\n  const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n  const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n  const handleFocusIn = React.useCallback(\n    (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n      const focusCameFrom = event.relatedTarget;\n      setTimeout(() => {\n        if (!focusCameFrom) return;\n        if (autoTriggerRef.current) return;\n        autoTriggerRef.current = focusCameFrom;\n      }, 0);\n      if (lastUserInteractionRef.current === 'mouse') return;\n      Promise.resolve().then(() => {\n        if (!trapRef.current) return;\n        const currentFocusMaster = focusMastersStack[focusMastersStack.length - 1];\n        if (currentFocusMaster && currentFocusMaster !== trapRef.current) return;\n        const trapNodes = currentFocusMaster\n          ? [trapRef.current]\n          : [trapRef.current, ...focusLockAllTraps];\n        if (focusInside(trapNodes)) return;\n\n        if (focusCameFrom) {\n          safeMoveFocusInside(trapRef.current, focusCameFrom);\n        }\n      });\n    },\n    [],\n  );\n  const handleMouseEvent = React.useCallback(() => {\n    lastUserInteractionRef.current = 'mouse';\n  }, []);\n  const handleKeyboardEvent = React.useCallback(() => {\n    lastUserInteractionRef.current = 'keyboard';\n  }, []);\n  const returnFocus = React.useCallback(() => {\n    const trapNode = trapRef.current!;\n    if (!focusInside(trapNode)) return;\n    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n      const returnFocusNode = returnFocusTo?.current;\n      setTimeout(() => safeMoveFocusInside(returnFocusNode, trapNode), 0);\n    }\n    if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n      const autoTrigger = autoTriggerRef.current;\n      setTimeout(() => safeMoveFocusInside(autoTrigger, trapNode), 0);\n    }\n  }, [returnFocusTo]);\n  React.useEffect(() => {\n    if (typeof trapRef !== 'object' || trapRef === null) return;\n    const node = trapRef.current;\n    if (!node) return;\n    focusLockAllTraps.add(node);\n    return () => {\n      if (!node) return;\n      focusLockAllTraps.delete(node);\n    };\n  }, []);\n  React.useEffect(() => {\n    if (typeof trapRef !== 'object' || trapRef === null) return;\n    if (disabled) return;\n    if (!canUseDOM()) return;\n    if (!trapRef.current) return;\n\n    if (focusMaster) {\n      focusMastersStack.push(trapRef.current);\n    }\n\n    return () => {\n      if (!focusMaster) return;\n      if (focusMastersStack[focusMastersStack.length - 1] === trapRef.current) {\n        focusMastersStack.pop();\n      } else {\n        focusMastersStack.splice(focusMastersStack.indexOf(trapRef.current!), 1);\n      }\n    };\n  }, [disabled, focusMaster]);\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM()) return;\n    if (!trapRef.current) return;\n    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0) return;\n\n    document.body.addEventListener('focusin', handleFocusIn as any);\n    document.body.addEventListener('mousedown', handleMouseEvent);\n    document.body.addEventListener('touchstart', handleMouseEvent);\n    document.body.addEventListener('keydown', handleKeyboardEvent);\n\n    if (autoFocus)\n      safeMoveFocusInside(\n        trapRef.current,\n        typeof returnFocusTo === 'object' ? returnFocusTo?.current! : document.body,\n      );\n\n    return () => {\n      document.body.removeEventListener('focusin', handleFocusIn as any);\n      document.body.removeEventListener('mousedown', handleMouseEvent);\n      document.body.removeEventListener('touchstart', handleMouseEvent);\n      document.body.removeEventListener('keydown', handleKeyboardEvent);\n      returnFocus();\n      autoTriggerRef.current = null;\n    };\n  }, [disabled, autoFocus, returnFocusTo, returnFocus]);\n\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const id = getUniqueId('focus-lock-consumer');\n    if (disabled) return;\n    focusLockUsedInMountedComponents.add(id);\n    return () => {\n      focusLockUsedInMountedComponents.delete(id);\n    };\n  }, [disabled]);\n};\nconst establishHookAsGlobal = () => {\n  (globalThis as any)[globalFocusLockHookKey] = {\n    hook: useFocusLockHook,\n    version: focusLockVersion,\n    usedInComponents: focusLockUsedInMountedComponents,\n  };\n};\nif (!(globalThis as any)[globalFocusLockHookKey]) {\n  establishHookAsGlobal();\n} else if (typeof (globalThis as any)[globalFocusLockHookKey].version !== 'number') {\n  establishHookAsGlobal();\n} else {\n  const { version: theirVersion, usedInComponents } = (globalThis as any)[globalFocusLockHookKey];\n  if (focusLockVersion > theirVersion && usedInComponents.size === 0) {\n    establishHookAsGlobal();\n  }\n}\n\nexport const useFocusLock = (\n  trapRef: React.RefObject<HTMLElement>,\n  autoFocus: boolean,\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n) => {\n  const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster);\n};\n\nexport const hasFocusableIn = (element: HTMLElement): boolean => {\n  return (\n    Array.from(element.children).flatMap((node) => getFocusableIn(node as HTMLElement)).length > 0\n  );\n};\nexport const isFocusInside = focusInside;\nexport const setFocus = safeMoveFocusInside as (topNode: HTMLElement, lastNode?: Element) => void;\n"],"mappings":"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"}

package/libs/utils/lib/use/usePreventScroll.d.ts

@@ -0,0 +1,2 @@
+export declare function getScrollbarWidth(): number;
+export default function usePreventScroll(visible?: boolean, disabled?: boolean): void;

package/libs/utils/lib/use/usePreventScroll.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = usePreventScroll;
+exports.getScrollbarWidth = getScrollbarWidth;
+var _react = _interopRequireDefault(require("react"));
+var _canUseDOM = _interopRequireDefault(require("../canUseDOM"));
+var _uniqueID = require("../uniqueID");
+function getScrollbarWidth() {
+  var _outer$parentNode;
+  if (!(0, _canUseDOM["default"])()) return 0;
+  var outer = document.createElement('div');
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  // @ts-expect-error
+  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
+  document.body.appendChild(outer);
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+  var widthWithScroll = inner.offsetWidth;
+  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 ? void 0 : _outer$parentNode.removeChild(outer);
+  return widthNoScroll - widthWithScroll;
+}
+function getIntValueFromCss(value) {
+  return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);
+}
+var scrollPreventers = new Set();
+var lockedBodyStyles = {
+  paddingRight: null,
+  overflow: null,
+  boxSizing: null
+};
+function usePreventScroll() {
+  var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var scrollbarWidth = _react["default"].useMemo(getScrollbarWidth, [getScrollbarWidth]);
+  var id = (0, _uniqueID.useUID)('scroll-preventer-');
+  _react["default"].useEffect(function () {
+    if (disabled) return;
+    if (!(0, _canUseDOM["default"])() || !visible) return;
+    scrollPreventers.add(id);
+    if (scrollPreventers.size > 1) return;
+    var _window$getComputedSt = window.getComputedStyle(document.body),
+      overflow = _window$getComputedSt.overflow,
+      paddingRight = _window$getComputedSt.paddingRight,
+      boxSizing = _window$getComputedSt.boxSizing;
+    lockedBodyStyles.paddingRight = paddingRight;
+    lockedBodyStyles.overflow = overflow;
+    lockedBodyStyles.boxSizing = boxSizing;
+    var intPaddingRight = getIntValueFromCss(paddingRight);
+    var intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
+    // Detected own style for window inside window
+    if (intPaddingRightFromStyle !== scrollbarWidth) {
+      intPaddingRightFromStyle = 0;
+    }
+    document.body.style.overflow = 'hidden';
+    document.body.style.paddingRight = scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';
+    document.body.style.boxSizing = 'border-box';
+  }, [visible, id, disabled]);
+  _react["default"].useEffect(function () {
+    if (disabled) return;
+    if (!(0, _canUseDOM["default"])() || !visible) return;
+    return function () {
+      scrollPreventers["delete"](id);
+      if (scrollPreventers.size !== 0) return;
+      document.body.style.overflow = lockedBodyStyles.overflow;
+      document.body.style.paddingRight = lockedBodyStyles.paddingRight;
+      document.body.style.boxSizing = lockedBodyStyles.boxSizing;
+    };
+  }, [visible, id, disabled]);
+}
+//# sourceMappingURL=usePreventScroll.js.map

package/libs/utils/lib/use/usePreventScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventScroll.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_uniqueID","getScrollbarWidth","_outer$parentNode","canUseDOM","outer","document","createElement","style","visibility","width","msOverflowStyle","body","appendChild","widthNoScroll","offsetWidth","overflow","inner","widthWithScroll","parentNode","removeChild","getIntValueFromCss","value","Number","isNaN","parseInt","scrollPreventers","Set","lockedBodyStyles","paddingRight","boxSizing","usePreventScroll","visible","arguments","length","undefined","disabled","scrollbarWidth","React","useMemo","id","useUID","useEffect","add","size","_window$getComputedSt","window","getComputedStyle","intPaddingRight","intPaddingRightFromStyle"],"sources":["../../src/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\nimport canUseDOM from '../canUseDOM';\nimport { useUID } from '../uniqueID';\n\nexport function getScrollbarWidth(): number {\n  if (!canUseDOM()) return 0;\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.width = '100px';\n  // @ts-expect-error\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  const widthNoScroll = outer.offsetWidth;\n  outer.style.overflow = 'scroll';\n\n  const inner = document.createElement('div');\n  inner.style.width = '100%';\n  outer.appendChild(inner);\n\n  const widthWithScroll = inner.offsetWidth;\n\n  outer.parentNode?.removeChild(outer);\n\n  return widthNoScroll - widthWithScroll;\n}\n\nfunction getIntValueFromCss(value: any) {\n  return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);\n}\n\nconst scrollPreventers = new Set<string>();\nconst lockedBodyStyles = {\n  paddingRight: null as string | null,\n  overflow: null as string | null,\n  boxSizing: null as string | null,\n};\nexport default function usePreventScroll(visible = true, disabled = false) {\n  const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);\n  const id = useUID('scroll-preventer-');\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    scrollPreventers.add(id);\n    if (scrollPreventers.size > 1) return;\n\n    const { overflow, paddingRight, boxSizing } = window.getComputedStyle(document.body);\n    lockedBodyStyles.paddingRight = paddingRight;\n    lockedBodyStyles.overflow = overflow;\n    lockedBodyStyles.boxSizing = boxSizing;\n\n    const intPaddingRight = getIntValueFromCss(paddingRight);\n    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);\n    // Detected own style for window inside window\n    if (intPaddingRightFromStyle !== scrollbarWidth) {\n      intPaddingRightFromStyle = 0;\n    }\n\n    document.body.style.overflow = 'hidden';\n    document.body.style.paddingRight =\n      scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';\n    document.body.style.boxSizing = 'border-box';\n  }, [visible, id, disabled]);\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    return () => {\n      scrollPreventers.delete(id);\n      if (scrollPreventers.size !== 0) return;\n      document.body.style.overflow = lockedBodyStyles.overflow!;\n      document.body.style.paddingRight = lockedBodyStyles.paddingRight!;\n      document.body.style.boxSizing = lockedBodyStyles.boxSizing!;\n    };\n  }, [visible, id, disabled]);\n}\n"],"mappings":"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"}

package/libs/utils/lib/use/usePreventScroll.mjs

@@ -0,0 +1,70 @@
+import React from 'react';
+import canUseDOM from "../canUseDOM.mjs";
+import { useUID } from "../uniqueID.mjs";
+export function getScrollbarWidth() {
+  var _outer$parentNode;
+  if (!canUseDOM()) return 0;
+  var outer = document.createElement('div');
+  outer.style.visibility = 'hidden';
+  outer.style.width = '100px';
+  // @ts-expect-error
+  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
+  document.body.appendChild(outer);
+  var widthNoScroll = outer.offsetWidth;
+  outer.style.overflow = 'scroll';
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  outer.appendChild(inner);
+  var widthWithScroll = inner.offsetWidth;
+  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 ? void 0 : _outer$parentNode.removeChild(outer);
+  return widthNoScroll - widthWithScroll;
+}
+function getIntValueFromCss(value) {
+  return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);
+}
+var scrollPreventers = new Set();
+var lockedBodyStyles = {
+  paddingRight: null,
+  overflow: null,
+  boxSizing: null
+};
+export default function usePreventScroll() {
+  var visible = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+  var disabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);
+  var id = useUID('scroll-preventer-');
+  React.useEffect(function () {
+    if (disabled) return;
+    if (!canUseDOM() || !visible) return;
+    scrollPreventers.add(id);
+    if (scrollPreventers.size > 1) return;
+    var _window$getComputedSt = window.getComputedStyle(document.body),
+      overflow = _window$getComputedSt.overflow,
+      paddingRight = _window$getComputedSt.paddingRight,
+      boxSizing = _window$getComputedSt.boxSizing;
+    lockedBodyStyles.paddingRight = paddingRight;
+    lockedBodyStyles.overflow = overflow;
+    lockedBodyStyles.boxSizing = boxSizing;
+    var intPaddingRight = getIntValueFromCss(paddingRight);
+    var intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
+    // Detected own style for window inside window
+    if (intPaddingRightFromStyle !== scrollbarWidth) {
+      intPaddingRightFromStyle = 0;
+    }
+    document.body.style.overflow = 'hidden';
+    document.body.style.paddingRight = scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';
+    document.body.style.boxSizing = 'border-box';
+  }, [visible, id, disabled]);
+  React.useEffect(function () {
+    if (disabled) return;
+    if (!canUseDOM() || !visible) return;
+    return function () {
+      scrollPreventers["delete"](id);
+      if (scrollPreventers.size !== 0) return;
+      document.body.style.overflow = lockedBodyStyles.overflow;
+      document.body.style.paddingRight = lockedBodyStyles.paddingRight;
+      document.body.style.boxSizing = lockedBodyStyles.boxSizing;
+    };
+  }, [visible, id, disabled]);
+}
+//# sourceMappingURL=usePreventScroll.mjs.map

package/libs/utils/lib/use/usePreventScroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreventScroll.mjs","names":["React","canUseDOM","useUID","getScrollbarWidth","_outer$parentNode","outer","document","createElement","style","visibility","width","msOverflowStyle","body","appendChild","widthNoScroll","offsetWidth","overflow","inner","widthWithScroll","parentNode","removeChild","getIntValueFromCss","value","Number","isNaN","parseInt","scrollPreventers","Set","lockedBodyStyles","paddingRight","boxSizing","usePreventScroll","visible","arguments","length","undefined","disabled","scrollbarWidth","useMemo","id","useEffect","add","size","_window$getComputedSt","window","getComputedStyle","intPaddingRight","intPaddingRightFromStyle"],"sources":["../../src/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\nimport canUseDOM from '../canUseDOM';\nimport { useUID } from '../uniqueID';\n\nexport function getScrollbarWidth(): number {\n  if (!canUseDOM()) return 0;\n  const outer = document.createElement('div');\n  outer.style.visibility = 'hidden';\n  outer.style.width = '100px';\n  // @ts-expect-error\n  outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps\n  document.body.appendChild(outer);\n\n  const widthNoScroll = outer.offsetWidth;\n  outer.style.overflow = 'scroll';\n\n  const inner = document.createElement('div');\n  inner.style.width = '100%';\n  outer.appendChild(inner);\n\n  const widthWithScroll = inner.offsetWidth;\n\n  outer.parentNode?.removeChild(outer);\n\n  return widthNoScroll - widthWithScroll;\n}\n\nfunction getIntValueFromCss(value: any) {\n  return !Number.isNaN(Number(value)) ? Number(value) : Number.parseInt(value, 10);\n}\n\nconst scrollPreventers = new Set<string>();\nconst lockedBodyStyles = {\n  paddingRight: null as string | null,\n  overflow: null as string | null,\n  boxSizing: null as string | null,\n};\nexport default function usePreventScroll(visible = true, disabled = false) {\n  const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);\n  const id = useUID('scroll-preventer-');\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    scrollPreventers.add(id);\n    if (scrollPreventers.size > 1) return;\n\n    const { overflow, paddingRight, boxSizing } = window.getComputedStyle(document.body);\n    lockedBodyStyles.paddingRight = paddingRight;\n    lockedBodyStyles.overflow = overflow;\n    lockedBodyStyles.boxSizing = boxSizing;\n\n    const intPaddingRight = getIntValueFromCss(paddingRight);\n    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);\n    // Detected own style for window inside window\n    if (intPaddingRightFromStyle !== scrollbarWidth) {\n      intPaddingRightFromStyle = 0;\n    }\n\n    document.body.style.overflow = 'hidden';\n    document.body.style.paddingRight =\n      scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';\n    document.body.style.boxSizing = 'border-box';\n  }, [visible, id, disabled]);\n\n  React.useEffect(() => {\n    if (disabled) return;\n    if (!canUseDOM() || !visible) return;\n    return () => {\n      scrollPreventers.delete(id);\n      if (scrollPreventers.size !== 0) return;\n      document.body.style.overflow = lockedBodyStyles.overflow!;\n      document.body.style.paddingRight = lockedBodyStyles.paddingRight!;\n      document.body.style.boxSizing = lockedBodyStyles.boxSizing!;\n    };\n  }, [visible, id, disabled]);\n}\n"],"mappings":"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"}

package/libs/utils/lib/useCssVariable.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const useCssVariable: (name: string, fallbackValue: string, ref?: React.RefObject<any>) => string;
+export declare const cssVariableEnhance: <P extends string, F = string, R = string, M extends ((value: string) => R) | null = any>({ variable, fallback, prop, map, }: {
+    variable: string;
+    prop: P;
+    fallback: F;
+    map?: M | undefined;
+}) => <T extends {}>(props: T) => T & { [key in P]: M extends (value: string) => R ? R : F; };

package/libs/utils/lib/useCssVariable.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCssVariable = exports.cssVariableEnhance = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _canUseDOM = _interopRequireDefault(require("./canUseDOM"));
+var _ref3 = require("./ref");
+var _ThemeProvider = require("./ThemeProvider");
+var useCssVariable = function useCssVariable(name, fallbackValue, ref) {
+  var contextTheme = (0, _ThemeProvider.useContextTokens)();
+  var getValue = _react["default"].useCallback(function () {
+    var _ref$current;
+    if (contextTheme !== null && contextTheme !== void 0 && contextTheme[name]) return contextTheme[name];
+    if (!(0, _canUseDOM["default"])()) return fallbackValue;
+    var element = (_ref$current = ref === null || ref === void 0 ? void 0 : ref.current) !== null && _ref$current !== void 0 ? _ref$current : document.documentElement;
+    var computedStyles = getComputedStyle(element);
+    return computedStyles.getPropertyValue(name) || fallbackValue;
+  }, [name, ref, fallbackValue, contextTheme]);
+  var initialValue = _react["default"].useMemo(getValue, [getValue]);
+  var _React$useState = _react["default"].useState(initialValue),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  _react["default"].useEffect(function () {
+    return setValue(getValue);
+  }, [getValue]);
+  return value;
+};
+exports.useCssVariable = useCssVariable;
+var cssVariableEnhance = function cssVariableEnhance(_ref) {
+  var variable = _ref.variable,
+    fallback = _ref.fallback,
+    prop = _ref.prop,
+    map = _ref.map;
+  return function (props) {
+    var _ref2 = props,
+      ref = _ref2.ref;
+    var nodeRef = _react["default"].useRef();
+    var variableValue = useCssVariable(variable, fallback, nodeRef);
+    var mappedValue = _react["default"].useMemo(function () {
+      return map ? map(variableValue) : variableValue;
+    }, [map, variableValue]);
+    return (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, props), {}, (0, _defineProperty2["default"])({
+      ref: (0, _ref3.useForkRef)(ref, nodeRef)
+    }, prop, props[prop] === undefined ? mappedValue : props[prop]));
+  };
+};
+exports.cssVariableEnhance = cssVariableEnhance;
+//# sourceMappingURL=useCssVariable.js.map

package/libs/utils/lib/useCssVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCssVariable.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_ref3","_ThemeProvider","useCssVariable","name","fallbackValue","ref","contextTheme","useContextTokens","getValue","React","useCallback","_ref$current","canUseDOM","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","_React$useState","useState","_React$useState2","_slicedToArray2","value","setValue","useEffect","exports","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread3","_defineProperty2","useForkRef","undefined"],"sources":["../src/useCssVariable.ts"],"sourcesContent":["import React from 'react';\nimport canUseDOM from './canUseDOM';\nimport { useForkRef } from './ref';\nimport { useContextTokens } from './ThemeProvider';\n\nexport const useCssVariable = (name: string, fallbackValue: string, ref?: React.RefObject<any>) => {\n  const contextTheme = useContextTokens();\n  const getValue = React.useCallback(() => {\n    if (contextTheme?.[name]) return contextTheme[name];\n    if (!canUseDOM()) return fallbackValue;\n\n    const element = ref?.current ?? document.documentElement;\n\n    const computedStyles = getComputedStyle(element);\n\n    return computedStyles.getPropertyValue(name) || fallbackValue;\n  }, [name, ref, fallbackValue, contextTheme]);\n\n  const initialValue = React.useMemo(getValue, [getValue]);\n  const [value, setValue] = React.useState(initialValue);\n  React.useEffect(() => setValue(getValue), [getValue]);\n\n  return value;\n};\n\nexport const cssVariableEnhance = <\n  P extends string,\n  F = string,\n  R = string,\n  M extends null | ((value: string) => R) = any,\n>({\n  variable,\n  fallback,\n  prop,\n  map,\n}: {\n  variable: string;\n  prop: P;\n  fallback: F;\n  map?: M;\n}) => {\n  return <T extends {}>(props: T) => {\n    const { ref } = props as any;\n    const nodeRef = React.useRef();\n    const variableValue = useCssVariable(variable, fallback as any, nodeRef);\n    const mappedValue = React.useMemo(\n      () => (map ? map(variableValue) : variableValue),\n      [map, variableValue],\n    );\n\n    return {\n      ...props,\n      ref: useForkRef(ref, nodeRef),\n      [prop]: (props as any)[prop] === undefined ? mappedValue : (props as any)[prop],\n    } as T & {\n      [key in P]: M extends (value: string) => R ? R : F;\n    };\n  };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEO,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAG,IAAAC,+BAAgB,GAAE;EACvC,IAAMC,QAAQ,GAAGC,iBAAK,CAACC,WAAW,CAAC,YAAM;IAAA,IAAAC,YAAA;IACvC,IAAIL,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAAC,IAAAS,qBAAS,GAAE,EAAE,OAAOR,aAAa;IAEtC,IAAMS,OAAO,IAAAF,YAAA,GAAGN,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAES,OAAO,cAAAH,YAAA,cAAAA,YAAA,GAAII,QAAQ,CAACC,eAAe;IAExD,IAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAAChB,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,IAAMc,YAAY,GAAGX,iBAAK,CAACY,OAAO,CAACb,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,IAAAc,eAAA,GAA0Bb,iBAAK,CAACc,QAAQ,CAACH,YAAY,CAAC;IAAAI,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EACtBf,iBAAK,CAACmB,SAAS,CAAC;IAAA,OAAMD,QAAQ,CAACnB,QAAQ,CAAC;EAAA,GAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOkB,KAAK;AACd,CAAC;AAACG,OAAA,CAAA3B,cAAA,GAAAA,cAAA;AAEK,IAAM4B,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAezB;EAAA,IATJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,GAAG,GAAAJ,IAAA,CAAHI,GAAG;EAOH,OAAO,UAAeC,KAAQ,EAAK;IACjC,IAAAC,KAAA,GAAgBD,KAAK;MAAb/B,GAAG,GAAAgC,KAAA,CAAHhC,GAAG;IACX,IAAMiC,OAAO,GAAG7B,iBAAK,CAAC8B,MAAM,EAAE;IAC9B,IAAMC,aAAa,GAAGtC,cAAc,CAAC8B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAGhC,iBAAK,CAACY,OAAO,CAC/B;MAAA,OAAOc,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CAAC,CACrB;IAED,WAAAE,cAAA,iBAAAA,cAAA,iBACKN,KAAK,WAAAO,gBAAA;MACRtC,GAAG,EAAE,IAAAuC,gBAAU,EAACvC,GAAG,EAAEiC,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKW,SAAS,GAAGJ,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC;AAACL,OAAA,CAAAC,kBAAA,GAAAA,kBAAA"}