@semcore/core 16.0.0-prerelease.9 → 16.0.1-prerelease.0

package/lib/utils/use/useFocusLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusLock.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_focusBorders","_getFocusableIn","_isFocusInside","_setFocus","syntheticEvents","blur","keydown","makeFocusLockSyntheticEvent","exports","baseEvent","event","type","supported","Object","keys","join","Error","concat","syntheticEvent","Event","bubbles","defineProperty","writable","value","target","relatedTarget","useFocusBorders","React","disabled","trapRef","useUniqueIdHookMock","useEffect","trapNode","current","getFocusableIn","length","addFocusBorders","removeFocusBorders","uniqueId","getUniqueId","prefix","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","Set","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","canUseDOM","useLayoutEffect","useFocusLockHook","autoFocus","returnFocusTo","arguments","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","focusCameFrom","focusMovedTo","setTimeout","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray2","isFocusInside","_typeof2","setFocus","handleMouseEvent","handleKeyboardEvent","returnFocus","focusMastersStackCount","returnFocusNode","autoTrigger","node","add","focusableChildren","Array","from","children","flatMap","document","body","addEventListener","removeEventListener","push","pop","splice","indexOf","id","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","size","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","LocalReact","hasFocusableIn","element"],"sources":["../../../src/utils/use/useFocusLock.ts"],"sourcesContent":["import LocalReact from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { addFocusBorders, removeFocusBorders } from '../focus-lock/focusBorders';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\n\nexport { isFocusInside, setFocus };\n\nconst syntheticEvents = {\n  blur: 'focusout-intergalactic-focus-lock-synthetic',\n  keydown: 'keydown-intergalactic-focus-lock-synthetic',\n};\n/**\n * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.\n * You should always prevent native event propagation in order to prevent focus enforcing double calls.\n */\nexport const makeFocusLockSyntheticEvent = (baseEvent: Event) => {\n  const event = baseEvent as any;\n  const type = event.type as keyof typeof syntheticEvents;\n  if (!(type in syntheticEvents)) {\n    const supported = Object.keys(syntheticEvents).join(', ');\n    throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);\n  }\n  const syntheticEvent = new Event(syntheticEvents[type], {\n    bubbles: true,\n  });\n  Object.defineProperty(syntheticEvent, 'target', { writable: false, value: event.target });\n  Object.defineProperty(syntheticEvent, 'relatedTarget', {\n    writable: false,\n    value: event.relatedTarget,\n  });\n  return syntheticEvent;\n};\n\nconst useFocusBorders = (\n  React: ReactT,\n  disabled?: boolean,\n  trapRef?: React.RefObject<HTMLElement>,\n) => {\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const trapNode = trapRef?.current;\n\n    if (trapNode && !disabled && getFocusableIn(trapNode).length > 0) {\n      addFocusBorders(trapNode);\n    }\n\n    return () => {\n      if (trapNode) {\n        removeFocusBorders(trapNode);\n      }\n    };\n  }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n  `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\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 * Version update `3 -> 4`. Fixed lock for correct working with iframes in modal\n * Version update `4 -> 5`. Changed placements for border - now they wrap trap node\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 = 5;\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 | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  useFocusBorders(React, disabled, trapRef);\n\n  const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n  const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n  const handleFocusOut = React.useCallback(\n    (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n      const focusCameFrom = event.target;\n      const focusMovedTo = 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 (isFocusInside(trapNodes, focusMovedTo)) return;\n        if (\n          typeof returnFocusTo === 'object' &&\n          returnFocusTo?.current &&\n          isFocusInside(returnFocusTo.current)\n        )\n          return;\n\n        if (focusCameFrom && focusMovedTo) {\n          setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n        }\n\n        onFocusOut?.(event);\n      });\n    },\n    [onFocusOut],\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 (trapNode && !isFocusInside(trapNode)) return;\n    const focusMastersStackCount = focusMastersStack.length;\n    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n      const returnFocusNode = returnFocusTo?.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(returnFocusNode, trapNode);\n        }\n      }, 0);\n    }\n    if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n      const autoTrigger = autoTriggerRef.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(autoTrigger, trapNode);\n        }\n      }, 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  }, [disabled]);\n\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 && autoFocus !== 'enforced') return;\n\n    document.body.addEventListener('focusout', handleFocusOut as any);\n    document.body.addEventListener(syntheticEvents.blur, handleFocusOut as any);\n    document.body.addEventListener('mousedown', handleMouseEvent);\n    document.body.addEventListener('touchstart', handleMouseEvent);\n    document.body.addEventListener('keydown', handleKeyboardEvent);\n    document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n\n    if (autoFocus) {\n      setTimeout(() => {\n        setFocus(\n          trapRef.current!,\n          typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n        );\n      }, 0);\n    }\n    return () => {\n      document.body.removeEventListener('focusout', handleFocusOut as any);\n      document.body.removeEventListener(syntheticEvents.blur, handleFocusOut as any);\n      document.body.removeEventListener('mousedown', handleMouseEvent);\n      document.body.removeEventListener('touchstart', handleMouseEvent);\n      document.body.removeEventListener('keydown', handleKeyboardEvent);\n      document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n      returnFocus();\n      autoTriggerRef.current = null;\n    };\n  }, [disabled, autoFocus, returnFocusTo, returnFocus]);\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    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0) 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\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 | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\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};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/use/useFocusLock.mjs

@@ -1,11 +1,11 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import canUseDOM from "../canUseDOM.mjs";
 import LocalReact from 'react';
+import canUseDOM from "../canUseDOM.mjs";
+import { addFocusBorders, removeFocusBorders } from "../focus-lock/focusBorders.mjs";
+import { getFocusableIn } from "../focus-lock/getFocusableIn.mjs";
 import { isFocusInside } from "../focus-lock/isFocusInside.mjs";
 import { setFocus } from "../focus-lock/setFocus.mjs";
-import { getFocusableIn } from "../focus-lock/getFocusableIn.mjs";
-import { addFocusBorders, removeFocusBorders } from "../focus-lock/focusBorders.mjs";
 export { isFocusInside, setFocus };
 var syntheticEvents = {
   blur: 'focusout-intergalactic-focus-lock-synthetic',
@@ -130,7 +130,7 @@ var useFocusLockHook = function useFocusLockHook(React, trapRef, autoFocus, retu
       if (focusCameFrom && focusMovedTo) {
         setFocus(trapRef.current, focusCameFrom, focusMovedTo);
       }
-      onFocusOut === null || onFocusOut === void 0 ? void 0 : onFocusOut(event);
+      onFocusOut === null || onFocusOut === void 0 || onFocusOut(event);
     });
   }, [onFocusOut]);
   var handleMouseEvent = React.useCallback(function () {

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusLock.mjs","names":["canUseDOM","LocalReact","isFocusInside","setFocus","getFocusableIn","addFocusBorders","removeFocusBorders","syntheticEvents","blur","keydown","makeFocusLockSyntheticEvent","baseEvent","event","type","supported","Object","keys","join","Error","concat","syntheticEvent","Event","bubbles","defineProperty","writable","value","target","relatedTarget","useFocusBorders","React","disabled","trapRef","useUniqueIdHookMock","useEffect","trapNode","current","length","uniqueId","getUniqueId","prefix","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","Set","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","autoFocus","returnFocusTo","arguments","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","focusCameFrom","focusMovedTo","setTimeout","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray","_typeof","handleMouseEvent","handleKeyboardEvent","returnFocus","focusMastersStackCount","returnFocusNode","autoTrigger","node","add","focusableChildren","Array","from","children","flatMap","document","body","addEventListener","removeEventListener","push","pop","splice","indexOf","id","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","size","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","hasFocusableIn","element"],"sources":["../../../src/utils/use/useFocusLock.ts"],"sourcesContent":["import canUseDOM from '../canUseDOM';\nimport LocalReact from 'react';\n\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport { addFocusBorders, removeFocusBorders } from '../focus-lock/focusBorders';\n\nexport { isFocusInside, setFocus };\n\nconst syntheticEvents = {\n  blur: 'focusout-intergalactic-focus-lock-synthetic',\n  keydown: 'keydown-intergalactic-focus-lock-synthetic',\n};\n/**\n * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.\n * You should always prevent native event propagation in order to prevent focus enforcing double calls.\n */\nexport const makeFocusLockSyntheticEvent = (baseEvent: Event) => {\n  const event = baseEvent as any;\n  const type = event.type as keyof typeof syntheticEvents;\n  if (!(type in syntheticEvents)) {\n    const supported = Object.keys(syntheticEvents).join(', ');\n    throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);\n  }\n  const syntheticEvent = new Event(syntheticEvents[type], {\n    bubbles: true,\n  });\n  Object.defineProperty(syntheticEvent, 'target', { writable: false, value: event.target });\n  Object.defineProperty(syntheticEvent, 'relatedTarget', {\n    writable: false,\n    value: event.relatedTarget,\n  });\n  return syntheticEvent;\n};\n\nconst useFocusBorders = (\n  React: ReactT,\n  disabled?: boolean,\n  trapRef?: React.RefObject<HTMLElement>,\n) => {\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const trapNode = trapRef?.current;\n\n    if (trapNode && !disabled && getFocusableIn(trapNode).length > 0) {\n      addFocusBorders(trapNode);\n    }\n\n    return () => {\n      if (trapNode) {\n        removeFocusBorders(trapNode);\n      }\n    };\n  }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n  `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\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 * Version update `3 -> 4`. Fixed lock for correct working with iframes in modal\n * Version update `4 -> 5`. Changed placements for border - now they wrap trap node\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 = 5;\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 | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  useFocusBorders(React, disabled, trapRef);\n\n  const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n  const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n  const handleFocusOut = React.useCallback(\n    (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n      const focusCameFrom = event.target;\n      const focusMovedTo = 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 (isFocusInside(trapNodes, focusMovedTo)) return;\n        if (\n          typeof returnFocusTo === 'object' &&\n          returnFocusTo?.current &&\n          isFocusInside(returnFocusTo.current)\n        )\n          return;\n\n        if (focusCameFrom && focusMovedTo) {\n          setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n        }\n\n        onFocusOut?.(event);\n      });\n    },\n    [onFocusOut],\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 (trapNode && !isFocusInside(trapNode)) return;\n    const focusMastersStackCount = focusMastersStack.length;\n    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n      const returnFocusNode = returnFocusTo?.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(returnFocusNode, trapNode);\n        }\n      }, 0);\n    }\n    if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n      const autoTrigger = autoTriggerRef.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(autoTrigger, trapNode);\n        }\n      }, 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  }, [disabled]);\n\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 && autoFocus !== 'enforced') return;\n\n    document.body.addEventListener('focusout', handleFocusOut as any);\n    document.body.addEventListener(syntheticEvents.blur, handleFocusOut as any);\n    document.body.addEventListener('mousedown', handleMouseEvent);\n    document.body.addEventListener('touchstart', handleMouseEvent);\n    document.body.addEventListener('keydown', handleKeyboardEvent);\n    document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n\n    if (autoFocus) {\n      setTimeout(() => {\n        setFocus(\n          trapRef.current!,\n          typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n        );\n      }, 0);\n    }\n    return () => {\n      document.body.removeEventListener('focusout', handleFocusOut as any);\n      document.body.removeEventListener(syntheticEvents.blur, handleFocusOut as any);\n      document.body.removeEventListener('mousedown', handleMouseEvent);\n      document.body.removeEventListener('touchstart', handleMouseEvent);\n      document.body.removeEventListener('keydown', handleKeyboardEvent);\n      document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n      returnFocus();\n      autoTriggerRef.current = null;\n    };\n  }, [disabled, autoFocus, returnFocusTo, returnFocus]);\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    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0) 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\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 | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\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};\n"],"mappings":"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"}
+{"version":3,"file":"useFocusLock.mjs","names":["LocalReact","canUseDOM","addFocusBorders","removeFocusBorders","getFocusableIn","isFocusInside","setFocus","syntheticEvents","blur","keydown","makeFocusLockSyntheticEvent","baseEvent","event","type","supported","Object","keys","join","Error","concat","syntheticEvent","Event","bubbles","defineProperty","writable","value","target","relatedTarget","useFocusBorders","React","disabled","trapRef","useUniqueIdHookMock","useEffect","trapNode","current","length","uniqueId","getUniqueId","prefix","Math","random","toString","slice","focusLockVersion","globalFocusLockHookKey","focusLockAllTraps","Set","focusLockUsedInMountedComponents","focusMastersStack","noop","useState","undefined","useEnhancedEffect","useLayoutEffect","useFocusLockHook","autoFocus","returnFocusTo","arguments","focusMaster","onFocusOut","autoTriggerRef","useRef","lastUserInteractionRef","handleFocusOut","useCallback","focusCameFrom","focusMovedTo","setTimeout","Promise","resolve","then","currentFocusMaster","trapNodes","_toConsumableArray","_typeof","handleMouseEvent","handleKeyboardEvent","returnFocus","focusMastersStackCount","returnFocusNode","autoTrigger","node","add","focusableChildren","Array","from","children","flatMap","document","body","addEventListener","removeEventListener","push","pop","splice","indexOf","id","establishHookAsGlobal","globalThis","hook","version","usedInComponents","_globalFocusLockHookK","theirVersion","size","useFocusLock","_globalFocusLockHookK2","_globalFocusLockHookK3","hasFocusableIn","element"],"sources":["../../../src/utils/use/useFocusLock.ts"],"sourcesContent":["import LocalReact from 'react';\n\nimport canUseDOM from '../canUseDOM';\nimport { addFocusBorders, removeFocusBorders } from '../focus-lock/focusBorders';\nimport { getFocusableIn } from '../focus-lock/getFocusableIn';\nimport { isFocusInside } from '../focus-lock/isFocusInside';\nimport { setFocus } from '../focus-lock/setFocus';\n\nexport { isFocusInside, setFocus };\n\nconst syntheticEvents = {\n  blur: 'focusout-intergalactic-focus-lock-synthetic',\n  keydown: 'keydown-intergalactic-focus-lock-synthetic',\n};\n/**\n * Synthetic event are special events that always bypass all propagation guards and reaches focus lock event listeners.\n * You should always prevent native event propagation in order to prevent focus enforcing double calls.\n */\nexport const makeFocusLockSyntheticEvent = (baseEvent: Event) => {\n  const event = baseEvent as any;\n  const type = event.type as keyof typeof syntheticEvents;\n  if (!(type in syntheticEvents)) {\n    const supported = Object.keys(syntheticEvents).join(', ');\n    throw new Error(`Unable to make synthetic event for ${type}, ${supported} are supported`);\n  }\n  const syntheticEvent = new Event(syntheticEvents[type], {\n    bubbles: true,\n  });\n  Object.defineProperty(syntheticEvent, 'target', { writable: false, value: event.target });\n  Object.defineProperty(syntheticEvent, 'relatedTarget', {\n    writable: false,\n    value: event.relatedTarget,\n  });\n  return syntheticEvent;\n};\n\nconst useFocusBorders = (\n  React: ReactT,\n  disabled?: boolean,\n  trapRef?: React.RefObject<HTMLElement>,\n) => {\n  useUniqueIdHookMock(React);\n  React.useEffect(() => {\n    const trapNode = trapRef?.current;\n\n    if (trapNode && !disabled && getFocusableIn(trapNode).length > 0) {\n      addFocusBorders(trapNode);\n    }\n\n    return () => {\n      if (trapNode) {\n        removeFocusBorders(trapNode);\n      }\n    };\n  }, [disabled]);\n};\n\ntype ReactT = typeof LocalReact;\n\nlet uniqueId = 0;\nconst getUniqueId = (prefix: string) =>\n  `${prefix}-${Math.random().toString(36).slice(2)}-${uniqueId++}`;\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 * Version update `3 -> 4`. Fixed lock for correct working with iframes in modal\n * Version update `4 -> 5`. Changed placements for border - now they wrap trap node\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 = 5;\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 | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  useFocusBorders(React, disabled, trapRef);\n\n  const autoTriggerRef = React.useRef<HTMLElement | null>(null);\n  const lastUserInteractionRef = React.useRef<'mouse' | 'keyboard' | undefined>(undefined);\n\n  const handleFocusOut = React.useCallback(\n    (event: Event & { relatedTarget?: HTMLElement; target?: HTMLElement }) => {\n      const focusCameFrom = event.target;\n      const focusMovedTo = 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 (isFocusInside(trapNodes, focusMovedTo)) return;\n        if (\n          typeof returnFocusTo === 'object' &&\n          returnFocusTo?.current &&\n          isFocusInside(returnFocusTo.current)\n        )\n          return;\n\n        if (focusCameFrom && focusMovedTo) {\n          setFocus(trapRef.current, focusCameFrom, focusMovedTo);\n        }\n\n        onFocusOut?.(event);\n      });\n    },\n    [onFocusOut],\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 (trapNode && !isFocusInside(trapNode)) return;\n    const focusMastersStackCount = focusMastersStack.length;\n    if (typeof returnFocusTo === 'object' && returnFocusTo?.current) {\n      const returnFocusNode = returnFocusTo?.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(returnFocusNode, trapNode);\n        }\n      }, 0);\n    }\n    if (returnFocusTo === 'auto' && autoTriggerRef.current) {\n      const autoTrigger = autoTriggerRef.current;\n      setTimeout(() => {\n        if (focusMastersStackCount !== focusMastersStack.length) {\n          setFocus(autoTrigger, trapNode);\n        }\n      }, 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  }, [disabled]);\n\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 && autoFocus !== 'enforced') return;\n\n    document.body.addEventListener('focusout', handleFocusOut as any);\n    document.body.addEventListener(syntheticEvents.blur, handleFocusOut as any);\n    document.body.addEventListener('mousedown', handleMouseEvent);\n    document.body.addEventListener('touchstart', handleMouseEvent);\n    document.body.addEventListener('keydown', handleKeyboardEvent);\n    document.body.addEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n\n    if (autoFocus) {\n      setTimeout(() => {\n        setFocus(\n          trapRef.current!,\n          typeof returnFocusTo === 'object' ? returnFocusTo?.current : document.body,\n        );\n      }, 0);\n    }\n    return () => {\n      document.body.removeEventListener('focusout', handleFocusOut as any);\n      document.body.removeEventListener(syntheticEvents.blur, handleFocusOut as any);\n      document.body.removeEventListener('mousedown', handleMouseEvent);\n      document.body.removeEventListener('touchstart', handleMouseEvent);\n      document.body.removeEventListener('keydown', handleKeyboardEvent);\n      document.body.removeEventListener(syntheticEvents.keydown, handleKeyboardEvent);\n      returnFocus();\n      autoTriggerRef.current = null;\n    };\n  }, [disabled, autoFocus, returnFocusTo, returnFocus]);\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    const focusableChildren = Array.from(trapRef.current.children).flatMap((node) =>\n      getFocusableIn(node as HTMLElement),\n    );\n    if (focusableChildren.length === 0) 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\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 | 'enforced',\n  returnFocusTo: React.RefObject<HTMLElement> | null | 'auto',\n  disabled = false,\n  focusMaster = false,\n  onFocusOut?: (event: Event) => void,\n) => {\n  const hook = (globalThis as any)[globalFocusLockHookKey]?.hook ?? useFocusLockHook;\n  return hook(LocalReact, trapRef, autoFocus, returnFocusTo, disabled, focusMaster, onFocusOut);\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};\n"],"mappings":"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","ignoreList":[]}

package/lib/utils/use/{usePreventScroll.cjs → usePreventScroll.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -24,7 +24,7 @@ function getScrollbarWidth() {
   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);
+  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 || _outer$parentNode.removeChild(outer);
   return widthNoScroll - widthWithScroll;
 }
 function getIntValueFromCss(value) {
@@ -75,4 +75,4 @@ function usePreventScroll() {
     };
   }, [visible, id, disabled]);
 }
-//# sourceMappingURL=usePreventScroll.cjs.map
+//# sourceMappingURL=usePreventScroll.js.map

package/lib/utils/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/utils/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\n\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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","ignoreList":[]}

package/lib/utils/use/usePreventScroll.mjs

@@ -16,7 +16,7 @@ export function getScrollbarWidth() {
   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);
+  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 || _outer$parentNode.removeChild(outer);
   return widthNoScroll - widthWithScroll;
 }
 function getIntValueFromCss(value) {

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

@@ -1 +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/utils/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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"}
+{"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/utils/use/usePreventScroll.tsx"],"sourcesContent":["import React from 'react';\n\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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","ignoreList":[]}

package/lib/utils/useCssVariable.d.ts

@@ -1,8 +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, }: {
+export declare const cssVariableEnhance: <P extends string, F = string, R = string, M extends null | ((value: string) => R) = any>({ variable, fallback, prop, map, }: {
     variable: string;
     prop: P;
     fallback: F;
-    map?: M | undefined;
+    map?: M;
 }) => <T extends {}>(props: T) => T & { [key in P]: M extends (value: string) => R ? R : F; };

package/lib/utils/{useCssVariable.cjs → useCssVariable.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,7 +12,7 @@ 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 useCssVariable = exports.useCssVariable = function useCssVariable(name, fallbackValue, ref) {
   var contextTheme = (0, _ThemeProvider.useContextTokens)();
   var getValue = _react["default"].useCallback(function () {
     var _ref$current;
@@ -32,8 +32,7 @@ var useCssVariable = function useCssVariable(name, fallbackValue, ref) {
   }, [getValue]);
   return value;
 };
-exports.useCssVariable = useCssVariable;
-var cssVariableEnhance = function cssVariableEnhance(_ref) {
+var cssVariableEnhance = exports.cssVariableEnhance = function cssVariableEnhance(_ref) {
   var variable = _ref.variable,
     fallback = _ref.fallback,
     prop = _ref.prop,
@@ -51,5 +50,4 @@ var cssVariableEnhance = function cssVariableEnhance(_ref) {
     }, prop, props[prop] === undefined ? mappedValue : props[prop]));
   };
 };
-exports.cssVariableEnhance = cssVariableEnhance;
-//# sourceMappingURL=useCssVariable.cjs.map
+//# sourceMappingURL=useCssVariable.js.map

package/lib/utils/useCssVariable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCssVariable.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_ref3","_ThemeProvider","useCssVariable","exports","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","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread3","_defineProperty2","useForkRef","undefined"],"sources":["../../src/utils/useCssVariable.ts"],"sourcesContent":["import React from 'react';\n\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;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEO,IAAMI,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAG,IAAAC,+BAAgB,EAAC,CAAC;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,EAAC,CAAC,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;AAEM,IAAMG,kBAAkB,GAAA3B,OAAA,CAAA2B,kBAAA,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;MAAb9B,GAAG,GAAA+B,KAAA,CAAH/B,GAAG;IACX,IAAMgC,OAAO,GAAG5B,iBAAK,CAAC6B,MAAM,CAAC,CAAC;IAC9B,IAAMC,aAAa,GAAGtC,cAAc,CAAC8B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAG/B,iBAAK,CAACY,OAAO,CAC/B;MAAA,OAAOa,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CACrB,CAAC;IAED,WAAAE,cAAA,iBAAAA,cAAA,iBACKN,KAAK,WAAAO,gBAAA;MACRrC,GAAG,EAAE,IAAAsC,gBAAU,EAACtC,GAAG,EAAEgC,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKW,SAAS,GAAGJ,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/useCssVariable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCssVariable.mjs","names":["React","canUseDOM","useForkRef","useContextTokens","useCssVariable","name","fallbackValue","ref","contextTheme","getValue","useCallback","_ref$current","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread","_defineProperty","undefined"],"sources":["../../src/utils/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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,iBAAa;AACnC,SAASC,UAAU,QAAQ,WAAO;AAClC,SAASC,gBAAgB,QAAQ,qBAAiB;AAElD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAGL,gBAAgB,EAAE;EACvC,IAAMM,QAAQ,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IAAA,IAAAC,YAAA;IACvC,IAAIH,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAACJ,SAAS,EAAE,EAAE,OAAOK,aAAa;IAEtC,IAAMM,OAAO,IAAAD,YAAA,GAAGJ,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEM,OAAO,cAAAF,YAAA,cAAAA,YAAA,GAAIG,QAAQ,CAACC,eAAe;IAExD,IAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAACb,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,IAAMW,YAAY,GAAGnB,KAAK,CAACoB,OAAO,CAACX,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,IAAAY,eAAA,GAA0BrB,KAAK,CAACsB,QAAQ,CAACH,YAAY,CAAC;IAAAI,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EACtBvB,KAAK,CAAC2B,SAAS,CAAC;IAAA,OAAMD,QAAQ,CAACjB,QAAQ,CAAC;EAAA,GAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOgB,KAAK;AACd,CAAC;AAED,OAAO,IAAMG,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;MAAb3B,GAAG,GAAA4B,KAAA,CAAH5B,GAAG;IACX,IAAM6B,OAAO,GAAGpC,KAAK,CAACqC,MAAM,EAAE;IAC9B,IAAMC,aAAa,GAAGlC,cAAc,CAAC0B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAGvC,KAAK,CAACoB,OAAO,CAC/B;MAAA,OAAOa,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CAAC,CACrB;IAED,OAAAE,aAAA,CAAAA,aAAA,KACKN,KAAK,OAAAO,eAAA;MACRlC,GAAG,EAAEL,UAAU,CAACK,GAAG,EAAE6B,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKU,SAAS,GAAGH,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC"}
+{"version":3,"file":"useCssVariable.mjs","names":["React","canUseDOM","useForkRef","useContextTokens","useCssVariable","name","fallbackValue","ref","contextTheme","getValue","useCallback","_ref$current","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","_React$useState","useState","_React$useState2","_slicedToArray","value","setValue","useEffect","cssVariableEnhance","_ref","variable","fallback","prop","map","props","_ref2","nodeRef","useRef","variableValue","mappedValue","_objectSpread","_defineProperty","undefined"],"sources":["../../src/utils/useCssVariable.ts"],"sourcesContent":["import React from 'react';\n\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,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,SAAS,MAAM,iBAAa;AACnC,SAASC,UAAU,QAAQ,WAAO;AAClC,SAASC,gBAAgB,QAAQ,qBAAiB;AAElD,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,EAAK;EACjG,IAAMC,YAAY,GAAGL,gBAAgB,CAAC,CAAC;EACvC,IAAMM,QAAQ,GAAGT,KAAK,CAACU,WAAW,CAAC,YAAM;IAAA,IAAAC,YAAA;IACvC,IAAIH,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAACJ,SAAS,CAAC,CAAC,EAAE,OAAOK,aAAa;IAEtC,IAAMM,OAAO,IAAAD,YAAA,GAAGJ,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEM,OAAO,cAAAF,YAAA,cAAAA,YAAA,GAAIG,QAAQ,CAACC,eAAe;IAExD,IAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAACb,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,IAAMW,YAAY,GAAGnB,KAAK,CAACoB,OAAO,CAACX,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,IAAAY,eAAA,GAA0BrB,KAAK,CAACsB,QAAQ,CAACH,YAAY,CAAC;IAAAI,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA/CI,KAAK,GAAAF,gBAAA;IAAEG,QAAQ,GAAAH,gBAAA;EACtBvB,KAAK,CAAC2B,SAAS,CAAC;IAAA,OAAMD,QAAQ,CAACjB,QAAQ,CAAC;EAAA,GAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOgB,KAAK;AACd,CAAC;AAED,OAAO,IAAMG,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;MAAb3B,GAAG,GAAA4B,KAAA,CAAH5B,GAAG;IACX,IAAM6B,OAAO,GAAGpC,KAAK,CAACqC,MAAM,CAAC,CAAC;IAC9B,IAAMC,aAAa,GAAGlC,cAAc,CAAC0B,QAAQ,EAAEC,QAAQ,EAASK,OAAO,CAAC;IACxE,IAAMG,WAAW,GAAGvC,KAAK,CAACoB,OAAO,CAC/B;MAAA,OAAOa,GAAG,GAAGA,GAAG,CAACK,aAAa,CAAC,GAAGA,aAAa;IAAA,CAAC,EAChD,CAACL,GAAG,EAAEK,aAAa,CACrB,CAAC;IAED,OAAAE,aAAA,CAAAA,aAAA,KACKN,KAAK,OAAAO,eAAA;MACRlC,GAAG,EAAEL,UAAU,CAACK,GAAG,EAAE6B,OAAO;IAAC,GAC5BJ,IAAI,EAAIE,KAAK,CAASF,IAAI,CAAC,KAAKU,SAAS,GAAGH,WAAW,GAAIL,KAAK,CAASF,IAAI,CAAC;EAInF,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/{zIndexStacking.cjs → zIndexStacking.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,24 +9,23 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/obje
 var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _default = _interopRequireDefault(require("../theme/themes/default"));
 var _ThemeProvider = require("./ThemeProvider");
+var _default = _interopRequireDefault(require("../theme/themes/default"));
 var defaultDesignThemeTokens = _default["default"];
 var zIndexStackingContext = /*#__PURE__*/_react["default"].createContext(0);
-var useZIndexStacking = function useZIndexStacking(designToken) {
+var useZIndexStacking = exports.useZIndexStacking = function useZIndexStacking(designToken) {
   var contextTokens = (0, _ThemeProvider.useContextTokens)();
   var parentContextValue = _react["default"].useContext(zIndexStackingContext);
   var contextValue = _react["default"].useMemo(function () {
     if (!designToken) return parentContextValue;
     var tokenName = designToken.startsWith('--intergalactic-') ? designToken : "--intergalactic-".concat(designToken);
-    var tokenValue = parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
+    var tokenValue = Number.parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
     if (Number.isNaN(tokenValue)) return parentContextValue;
     return parentContextValue + tokenValue;
   }, [designToken, contextTokens, parentContextValue]);
   return contextValue;
 };
-exports.useZIndexStacking = useZIndexStacking;
-var ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref) {
+var ZIndexStackingContextProvider = exports.ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref) {
   var designToken = _ref.designToken,
     children = _ref.children;
   var contextValue = useZIndexStacking(designToken);
@@ -34,8 +33,7 @@ var ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref)
     value: contextValue
   }, children);
 };
-exports.ZIndexStackingContextProvider = ZIndexStackingContextProvider;
-var zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
+var zIndexStackingEnhance = exports.zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
   return function (props) {
     var other = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(props), props));
     var parentZIndexStacking = useZIndexStacking(designToken);
@@ -44,5 +42,4 @@ var zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
     });
   };
 };
-exports.zIndexStackingEnhance = zIndexStackingEnhance;
-//# sourceMappingURL=zIndexStacking.cjs.map
+//# sourceMappingURL=zIndexStacking.js.map

package/lib/utils/zIndexStacking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zIndexStacking.js","names":["_react","_interopRequireDefault","require","_ThemeProvider","_default","defaultDesignThemeTokens","defaultDesignThemeJson","zIndexStackingContext","React","createContext","useZIndexStacking","exports","designToken","contextTokens","useContextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","Number","parseInt","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends2","_objectDestructuringEmpty2","parentZIndexStacking","_objectSpread2"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useContextTokens } from './ThemeProvider';\nimport defaultDesignThemeJson from '../theme/themes/default';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = Number.parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any) => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAMG,wBAAwB,GAAGC,mBAAgD;AAEjF,IAAMC,qBAAqB,gBAAGC,iBAAK,CAACC,aAAa,CAAC,CAAC,CAAC;AAW7C,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIE,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACxC,IAAMC,kBAAkB,GAAGP,iBAAK,CAACQ,UAAU,CAACT,qBAAqB,CAAC;EAClE,IAAMU,YAAY,GAAGT,iBAAK,CAACU,OAAO,CAAC,YAAM;IACvC,IAAI,CAACN,WAAW,EAAE,OAAOG,kBAAkB;IAC3C,IAAMI,SAAS,GAAGP,WAAW,CAACQ,UAAU,CAAC,kBAAkB,CAAC,GACxDR,WAAW,sBAAAS,MAAA,CACQT,WAAW,CAAE;IACpC,IAAMU,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChC,CAAAX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGM,SAAS,CAAC,KAAId,wBAAwB,CAACc,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAII,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACV,WAAW,EAAEC,aAAa,EAAEE,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACM,IAAMS,6BAGX,GAAAf,OAAA,CAAAe,6BAAA,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bf,WAAW,GAAAe,IAAA,CAAXf,WAAW;IAAEgB,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGP,iBAAiB,CAACE,WAAW,CAAC;EACnD,oBACEZ,MAAA,YAAA6B,aAAA,CAACtB,qBAAqB,CAACuB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAyC,CAAC;AAEpG,CAAC;AACM,IAAMI,qBAAqB,GAAArB,OAAA,CAAAqB,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAIpB,WAAgC,EAAK;EACzE,OAAO,UAACqB,KAAU,EAAK;IACrB,IAAWC,KAAK,OAAAC,SAAA,sBAAAC,0BAAA,aAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAG3B,iBAAiB,CAACE,WAAW,CAAC;IAC3D,WAAA0B,cAAA,iBAAAA,cAAA,iBACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/zIndexStacking.mjs

@@ -2,8 +2,8 @@ import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectDestructuringEmpty from "@babel/runtime/helpers/esm/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
-import defaultDesignThemeJson from "../theme/themes/default.mjs";
 import { useContextTokens } from "./ThemeProvider.mjs";
+import defaultDesignThemeJson from "../theme/themes/default.mjs";
 var defaultDesignThemeTokens = defaultDesignThemeJson;
 var zIndexStackingContext = /*#__PURE__*/React.createContext(0);
 export var useZIndexStacking = function useZIndexStacking(designToken) {
@@ -12,7 +12,7 @@ export var useZIndexStacking = function useZIndexStacking(designToken) {
   var contextValue = React.useMemo(function () {
     if (!designToken) return parentContextValue;
     var tokenName = designToken.startsWith('--intergalactic-') ? designToken : "--intergalactic-".concat(designToken);
-    var tokenValue = parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
+    var tokenValue = Number.parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
     if (Number.isNaN(tokenValue)) return parentContextValue;
     return parentContextValue + tokenValue;
   }, [designToken, contextTokens, parentContextValue]);

package/lib/utils/zIndexStacking.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"zIndexStacking.mjs","names":["React","defaultDesignThemeJson","useContextTokens","defaultDesignThemeTokens","zIndexStackingContext","createContext","useZIndexStacking","designToken","contextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","parseInt","Number","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends","_objectDestructuringEmpty","parentZIndexStacking","_objectSpread"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\nimport defaultDesignThemeJson from '../theme/themes/default';\nimport { useContextTokens } from './ThemeProvider';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any) => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,sBAAsB,MAAM,6BAAyB;AAC5D,SAASC,gBAAgB,QAAQ,qBAAiB;AAClD,IAAMC,wBAAwB,GAAGF,sBAAgD;AAEjF,IAAMG,qBAAqB,gBAAGJ,KAAK,CAACK,aAAa,CAAC,CAAC,CAAC;AAWpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAGN,gBAAgB,EAAE;EACxC,IAAMO,kBAAkB,GAAGT,KAAK,CAACU,UAAU,CAACN,qBAAqB,CAAC;EAClE,IAAMO,YAAY,GAAGX,KAAK,CAACY,OAAO,CAAC,YAAM;IACvC,IAAI,CAACL,WAAW,EAAE,OAAOE,kBAAkB;IAC3C,IAAMI,SAAS,GAAGN,WAAW,CAACO,UAAU,CAAC,kBAAkB,CAAC,GACxDP,WAAW,sBAAAQ,MAAA,CACQR,WAAW,CAAE;IACpC,IAAMS,UAAU,GAAGC,QAAQ,CACzB,CAAAT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGK,SAAS,CAAC,KAAIV,wBAAwB,CAACU,SAAS,CAAC,EACjE,EAAE,CACH;IACD,IAAIK,MAAM,CAACC,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACT,WAAW,EAAEC,aAAa,EAAEC,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACD,OAAO,IAAMS,6BAGX,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bd,WAAW,GAAAc,IAAA,CAAXd,WAAW;IAAEe,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGL,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEP,KAAA,CAAAuB,aAAA,CAACnB,qBAAqB,CAACoB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAQ,CAAkC;AAEpG,CAAC;AACD,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAInB,WAAgC,EAAK;EACzE,OAAO,UAACoB,KAAU,EAAK;IACrB,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAGzB,iBAAiB,CAACC,WAAW,CAAC;IAC3D,OAAAyB,aAAA,CAAAA,aAAA,KACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC"}
+{"version":3,"file":"zIndexStacking.mjs","names":["React","useContextTokens","defaultDesignThemeJson","defaultDesignThemeTokens","zIndexStackingContext","createContext","useZIndexStacking","designToken","contextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","concat","tokenValue","Number","parseInt","isNaN","ZIndexStackingContextProvider","_ref","children","createElement","Provider","value","zIndexStackingEnhance","props","other","_extends","_objectDestructuringEmpty","parentZIndexStacking","_objectSpread"],"sources":["../../src/utils/zIndexStacking.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useContextTokens } from './ThemeProvider';\nimport defaultDesignThemeJson from '../theme/themes/default';\nconst defaultDesignThemeTokens = defaultDesignThemeJson as Record<string, string>;\n\nconst zIndexStackingContext = React.createContext(0);\n\nexport type ZIndexDesignTokens =\n  | 'z-index-deep'\n  | 'z-index-overlay'\n  | 'z-index-modal'\n  | 'z-index-popper'\n  | 'z-index-dropdown'\n  | 'z-index-tooltip'\n  | 'z-index-notice-bubble';\n\nexport const useZIndexStacking = (designToken?: ZIndexDesignTokens) => {\n  const contextTokens = useContextTokens();\n  const parentContextValue = React.useContext(zIndexStackingContext);\n  const contextValue = React.useMemo(() => {\n    if (!designToken) return parentContextValue;\n    const tokenName = designToken.startsWith('--intergalactic-')\n      ? designToken\n      : `--intergalactic-${designToken}`;\n    const tokenValue = Number.parseInt(\n      contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName],\n      10,\n    );\n    if (Number.isNaN(tokenValue)) return parentContextValue;\n    return parentContextValue + tokenValue;\n  }, [designToken, contextTokens, parentContextValue]);\n  return contextValue;\n};\nexport const ZIndexStackingContextProvider: React.FC<{\n  designToken: ZIndexDesignTokens;\n  children: React.ReactNode;\n}> = ({ designToken, children }) => {\n  const contextValue = useZIndexStacking(designToken);\n  return (\n    <zIndexStackingContext.Provider value={contextValue}>{children}</zIndexStackingContext.Provider>\n  );\n};\nexport const zIndexStackingEnhance = (designToken?: ZIndexDesignTokens) => {\n  return (props: any) => {\n    const { ...other } = props;\n    const parentZIndexStacking = useZIndexStacking(designToken);\n    return {\n      ...other,\n      parentZIndexStacking,\n    };\n  };\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,qBAAiB;AAClD,OAAOC,sBAAsB,MAAM,6BAAyB;AAC5D,IAAMC,wBAAwB,GAAGD,sBAAgD;AAEjF,IAAME,qBAAqB,gBAAGJ,KAAK,CAACK,aAAa,CAAC,CAAC,CAAC;AAWpD,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,WAAgC,EAAK;EACrE,IAAMC,aAAa,GAAGP,gBAAgB,CAAC,CAAC;EACxC,IAAMQ,kBAAkB,GAAGT,KAAK,CAACU,UAAU,CAACN,qBAAqB,CAAC;EAClE,IAAMO,YAAY,GAAGX,KAAK,CAACY,OAAO,CAAC,YAAM;IACvC,IAAI,CAACL,WAAW,EAAE,OAAOE,kBAAkB;IAC3C,IAAMI,SAAS,GAAGN,WAAW,CAACO,UAAU,CAAC,kBAAkB,CAAC,GACxDP,WAAW,sBAAAQ,MAAA,CACQR,WAAW,CAAE;IACpC,IAAMS,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChC,CAAAV,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGK,SAAS,CAAC,KAAIV,wBAAwB,CAACU,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAII,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAOP,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGO,UAAU;EACxC,CAAC,EAAE,CAACT,WAAW,EAAEC,aAAa,EAAEC,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AACD,OAAO,IAAMS,6BAGX,GAAG,SAHQA,6BAGXA,CAAAC,IAAA,EAAkC;EAAA,IAA5Bd,WAAW,GAAAc,IAAA,CAAXd,WAAW;IAAEe,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAC3B,IAAMX,YAAY,GAAGL,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEP,KAAA,CAAAuB,aAAA,CAACnB,qBAAqB,CAACoB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEW,QAAyC,CAAC;AAEpG,CAAC;AACD,OAAO,IAAMI,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAInB,WAAgC,EAAK;EACzE,OAAO,UAACoB,KAAU,EAAK;IACrB,IAAWC,KAAK,GAAAC,QAAA,MAAAC,yBAAA,CAAKH,KAAK,GAALA,KAAK;IAC1B,IAAMI,oBAAoB,GAAGzB,iBAAiB,CAACC,WAAW,CAAC;IAC3D,OAAAyB,aAAA,CAAAA,aAAA,KACKJ,KAAK;MACRG,oBAAoB,EAApBA;IAAoB;EAExB,CAAC;AACH,CAAC","ignoreList":[]}