@semcore/core 16.5.1-prerelease.5 → 17.0.0-prerelease.14

package/lib/utils/use/usePreventScroll.mjs

@@ -2,51 +2,49 @@ 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');
+  const 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;
+  const widthNoScroll = outer.offsetWidth;
   outer.style.overflow = 'scroll';
-  var inner = document.createElement('div');
+  const inner = document.createElement('div');
   inner.style.width = '100%';
   outer.appendChild(inner);
-  var widthWithScroll = inner.offsetWidth;
-  (_outer$parentNode = outer.parentNode) === null || _outer$parentNode === void 0 || _outer$parentNode.removeChild(outer);
+  const widthWithScroll = inner.offsetWidth;
+  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 = {
+const scrollPreventers = new Set();
+const 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 () {
+export default function usePreventScroll(visible = true, disabled = false) {
+  const scrollbarWidth = React.useMemo(getScrollbarWidth, [getScrollbarWidth]);
+  const id = useUID('scroll-preventer-');
+  React.useEffect(() => {
     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;
+    const {
+      overflow,
+      paddingRight,
+      boxSizing
+    } = window.getComputedStyle(document.body);
     lockedBodyStyles.paddingRight = paddingRight;
     lockedBodyStyles.overflow = overflow;
     lockedBodyStyles.boxSizing = boxSizing;
-    var intPaddingRight = getIntValueFromCss(paddingRight);
-    var intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
+    const intPaddingRight = getIntValueFromCss(paddingRight);
+    let intPaddingRightFromStyle = getIntValueFromCss(document.body.style.paddingRight);
     // Detected own style for window inside window
     if (intPaddingRightFromStyle !== scrollbarWidth) {
       intPaddingRightFromStyle = 0;
@@ -55,11 +53,11 @@ export default function usePreventScroll() {
     document.body.style.paddingRight = scrollbarWidth + (intPaddingRight - intPaddingRightFromStyle) + 'px';
     document.body.style.boxSizing = 'border-box';
   }, [visible, id, disabled]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (disabled) return;
     if (!canUseDOM() || !visible) return;
-    return function () {
-      scrollPreventers["delete"](id);
+    return () => {
+      scrollPreventers.delete(id);
       if (scrollPreventers.size !== 0) return;
       document.body.style.overflow = lockedBodyStyles.overflow;
       document.body.style.paddingRight = lockedBodyStyles.paddingRight;

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';\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":[]}
+{"version":3,"file":"usePreventScroll.mjs","names":["React","canUseDOM","useUID","getScrollbarWidth","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","disabled","scrollbarWidth","useMemo","id","useEffect","add","size","window","getComputedStyle","intPaddingRight","intPaddingRightFromStyle","delete"],"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/useScrollBarWidth.js

@@ -1,21 +1,15 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useScrollBarWidth = useScrollBarWidth;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-function useScrollBarWidth() {
-  var vertical = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    scrollBarWidth = _useState2[0],
-    setScrollBarWidth = _useState2[1];
-  var af = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    var calculateScrollBar = function calculateScrollBar() {
+function useScrollBarWidth(vertical = true) {
+  const [scrollBarWidth, setScrollBarWidth] = (0, _react.useState)(0);
+  const af = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const calculateScrollBar = () => {
       if (!window.visualViewport) return;
       if (!vertical) {
         setScrollBarWidth(window.innerHeight - window.visualViewport.height);
@@ -23,17 +17,17 @@ function useScrollBarWidth() {
       }
       setScrollBarWidth(window.innerWidth - window.visualViewport.width);
     };
-    var handleResize = function handleResize() {
+    const handleResize = () => {
       // to handle resize 1 time per frame
       if (af.current !== null) return;
-      af.current = requestAnimationFrame(function () {
+      af.current = requestAnimationFrame(() => {
         calculateScrollBar();
         af.current = null;
       });
     };
     calculateScrollBar();
     window.addEventListener('resize', handleResize);
-    return function () {
+    return () => {
       window.removeEventListener('resize', handleResize);
       if (af.current !== null) cancelAnimationFrame(af.current);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollBarWidth.js","names":["_react","require","useScrollBarWidth","vertical","arguments","length","undefined","_useState","useState","_useState2","_slicedToArray2","scrollBarWidth","setScrollBarWidth","af","useRef","useEffect","calculateScrollBar","window","visualViewport","innerHeight","height","innerWidth","width","handleResize","current","requestAnimationFrame","addEventListener","removeEventListener","cancelAnimationFrame"],"sources":["../../../src/utils/use/useScrollBarWidth.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nexport function useScrollBarWidth(vertical = true): number {\n  const [scrollBarWidth, setScrollBarWidth] = useState(0);\n  const af = useRef<number | null>(null);\n\n  useEffect(() => {\n    const calculateScrollBar = () => {\n      if (!window.visualViewport) return;\n\n      if (!vertical) {\n        setScrollBarWidth(window.innerHeight - window.visualViewport.height);\n        return;\n      }\n\n      setScrollBarWidth(window.innerWidth - window.visualViewport.width);\n    };\n\n    const handleResize = () => {\n      // to handle resize 1 time per frame\n      if (af.current !== null) return;\n\n      af.current = requestAnimationFrame(() => {\n        calculateScrollBar();\n        af.current = null;\n      });\n    };\n\n    calculateScrollBar();\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      if (af.current !== null) cancelAnimationFrame(af.current);\n    };\n  }, []);\n\n  return scrollBarWidth;\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAAA,EAA0B;EAAA,IAAzBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC/C,IAAAG,SAAA,GAA4C,IAAAC,eAAQ,EAAC,CAAC,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAhDI,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EACxC,IAAMI,EAAE,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAEtC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;MAC/B,IAAI,CAACC,MAAM,CAACC,cAAc,EAAE;MAE5B,IAAI,CAACf,QAAQ,EAAE;QACbS,iBAAiB,CAACK,MAAM,CAACE,WAAW,GAAGF,MAAM,CAACC,cAAc,CAACE,MAAM,CAAC;QACpE;MACF;MAEAR,iBAAiB,CAACK,MAAM,CAACI,UAAU,GAAGJ,MAAM,CAACC,cAAc,CAACI,KAAK,CAAC;IACpE,CAAC;IAED,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;MACzB;MACA,IAAIV,EAAE,CAACW,OAAO,KAAK,IAAI,EAAE;MAEzBX,EAAE,CAACW,OAAO,GAAGC,qBAAqB,CAAC,YAAM;QACvCT,kBAAkB,CAAC,CAAC;QACpBH,EAAE,CAACW,OAAO,GAAG,IAAI;MACnB,CAAC,CAAC;IACJ,CAAC;IAEDR,kBAAkB,CAAC,CAAC;IACpBC,MAAM,CAACS,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAE/C,OAAO,YAAM;MACXN,MAAM,CAACU,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;MAClD,IAAIV,EAAE,CAACW,OAAO,KAAK,IAAI,EAAEI,oBAAoB,CAACf,EAAE,CAACW,OAAO,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOb,cAAc;AACvB","ignoreList":[]}
+{"version":3,"file":"useScrollBarWidth.js","names":["_react","require","useScrollBarWidth","vertical","scrollBarWidth","setScrollBarWidth","useState","af","useRef","useEffect","calculateScrollBar","window","visualViewport","innerHeight","height","innerWidth","width","handleResize","current","requestAnimationFrame","addEventListener","removeEventListener","cancelAnimationFrame"],"sources":["../../../src/utils/use/useScrollBarWidth.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nexport function useScrollBarWidth(vertical = true): number {\n  const [scrollBarWidth, setScrollBarWidth] = useState(0);\n  const af = useRef<number | null>(null);\n\n  useEffect(() => {\n    const calculateScrollBar = () => {\n      if (!window.visualViewport) return;\n\n      if (!vertical) {\n        setScrollBarWidth(window.innerHeight - window.visualViewport.height);\n        return;\n      }\n\n      setScrollBarWidth(window.innerWidth - window.visualViewport.width);\n    };\n\n    const handleResize = () => {\n      // to handle resize 1 time per frame\n      if (af.current !== null) return;\n\n      af.current = requestAnimationFrame(() => {\n        calculateScrollBar();\n        af.current = null;\n      });\n    };\n\n    calculateScrollBar();\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      if (af.current !== null) cancelAnimationFrame(af.current);\n    };\n  }, []);\n\n  return scrollBarWidth;\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,SAASC,iBAAiBA,CAACC,QAAQ,GAAG,IAAI,EAAU;EACzD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACvD,MAAMC,EAAE,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAEtC,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;MAC/B,IAAI,CAACC,MAAM,CAACC,cAAc,EAAE;MAE5B,IAAI,CAACT,QAAQ,EAAE;QACbE,iBAAiB,CAACM,MAAM,CAACE,WAAW,GAAGF,MAAM,CAACC,cAAc,CAACE,MAAM,CAAC;QACpE;MACF;MAEAT,iBAAiB,CAACM,MAAM,CAACI,UAAU,GAAGJ,MAAM,CAACC,cAAc,CAACI,KAAK,CAAC;IACpE,CAAC;IAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;MACzB;MACA,IAAIV,EAAE,CAACW,OAAO,KAAK,IAAI,EAAE;MAEzBX,EAAE,CAACW,OAAO,GAAGC,qBAAqB,CAAC,MAAM;QACvCT,kBAAkB,CAAC,CAAC;QACpBH,EAAE,CAACW,OAAO,GAAG,IAAI;MACnB,CAAC,CAAC;IACJ,CAAC;IAEDR,kBAAkB,CAAC,CAAC;IACpBC,MAAM,CAACS,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAE/C,OAAO,MAAM;MACXN,MAAM,CAACU,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;MAClD,IAAIV,EAAE,CAACW,OAAO,KAAK,IAAI,EAAEI,oBAAoB,CAACf,EAAE,CAACW,OAAO,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOd,cAAc;AACvB","ignoreList":[]}

package/lib/utils/use/useScrollBarWidth.mjs

@@ -1,14 +1,9 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import { useEffect, useState, useRef } from 'react';
-export function useScrollBarWidth() {
-  var vertical = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    scrollBarWidth = _useState2[0],
-    setScrollBarWidth = _useState2[1];
-  var af = useRef(null);
-  useEffect(function () {
-    var calculateScrollBar = function calculateScrollBar() {
+export function useScrollBarWidth(vertical = true) {
+  const [scrollBarWidth, setScrollBarWidth] = useState(0);
+  const af = useRef(null);
+  useEffect(() => {
+    const calculateScrollBar = () => {
       if (!window.visualViewport) return;
       if (!vertical) {
         setScrollBarWidth(window.innerHeight - window.visualViewport.height);
@@ -16,17 +11,17 @@ export function useScrollBarWidth() {
       }
       setScrollBarWidth(window.innerWidth - window.visualViewport.width);
     };
-    var handleResize = function handleResize() {
+    const handleResize = () => {
       // to handle resize 1 time per frame
       if (af.current !== null) return;
-      af.current = requestAnimationFrame(function () {
+      af.current = requestAnimationFrame(() => {
         calculateScrollBar();
         af.current = null;
       });
     };
     calculateScrollBar();
     window.addEventListener('resize', handleResize);
-    return function () {
+    return () => {
       window.removeEventListener('resize', handleResize);
       if (af.current !== null) cancelAnimationFrame(af.current);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"useScrollBarWidth.mjs","names":["useEffect","useState","useRef","useScrollBarWidth","vertical","arguments","length","undefined","_useState","_useState2","_slicedToArray","scrollBarWidth","setScrollBarWidth","af","calculateScrollBar","window","visualViewport","innerHeight","height","innerWidth","width","handleResize","current","requestAnimationFrame","addEventListener","removeEventListener","cancelAnimationFrame"],"sources":["../../../src/utils/use/useScrollBarWidth.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nexport function useScrollBarWidth(vertical = true): number {\n  const [scrollBarWidth, setScrollBarWidth] = useState(0);\n  const af = useRef<number | null>(null);\n\n  useEffect(() => {\n    const calculateScrollBar = () => {\n      if (!window.visualViewport) return;\n\n      if (!vertical) {\n        setScrollBarWidth(window.innerHeight - window.visualViewport.height);\n        return;\n      }\n\n      setScrollBarWidth(window.innerWidth - window.visualViewport.width);\n    };\n\n    const handleResize = () => {\n      // to handle resize 1 time per frame\n      if (af.current !== null) return;\n\n      af.current = requestAnimationFrame(() => {\n        calculateScrollBar();\n        af.current = null;\n      });\n    };\n\n    calculateScrollBar();\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      if (af.current !== null) cancelAnimationFrame(af.current);\n    };\n  }, []);\n\n  return scrollBarWidth;\n}\n"],"mappings":";AAAA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAEnD,OAAO,SAASC,iBAAiBA,CAAA,EAA0B;EAAA,IAAzBC,QAAQ,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC/C,IAAAG,SAAA,GAA4CP,QAAQ,CAAC,CAAC,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAAhDG,cAAc,GAAAF,UAAA;IAAEG,iBAAiB,GAAAH,UAAA;EACxC,IAAMI,EAAE,GAAGX,MAAM,CAAgB,IAAI,CAAC;EAEtCF,SAAS,CAAC,YAAM;IACd,IAAMc,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;MAC/B,IAAI,CAACC,MAAM,CAACC,cAAc,EAAE;MAE5B,IAAI,CAACZ,QAAQ,EAAE;QACbQ,iBAAiB,CAACG,MAAM,CAACE,WAAW,GAAGF,MAAM,CAACC,cAAc,CAACE,MAAM,CAAC;QACpE;MACF;MAEAN,iBAAiB,CAACG,MAAM,CAACI,UAAU,GAAGJ,MAAM,CAACC,cAAc,CAACI,KAAK,CAAC;IACpE,CAAC;IAED,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;MACzB;MACA,IAAIR,EAAE,CAACS,OAAO,KAAK,IAAI,EAAE;MAEzBT,EAAE,CAACS,OAAO,GAAGC,qBAAqB,CAAC,YAAM;QACvCT,kBAAkB,CAAC,CAAC;QACpBD,EAAE,CAACS,OAAO,GAAG,IAAI;MACnB,CAAC,CAAC;IACJ,CAAC;IAEDR,kBAAkB,CAAC,CAAC;IACpBC,MAAM,CAACS,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAE/C,OAAO,YAAM;MACXN,MAAM,CAACU,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;MAClD,IAAIR,EAAE,CAACS,OAAO,KAAK,IAAI,EAAEI,oBAAoB,CAACb,EAAE,CAACS,OAAO,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,cAAc;AACvB","ignoreList":[]}
+{"version":3,"file":"useScrollBarWidth.mjs","names":["useEffect","useState","useRef","useScrollBarWidth","vertical","scrollBarWidth","setScrollBarWidth","af","calculateScrollBar","window","visualViewport","innerHeight","height","innerWidth","width","handleResize","current","requestAnimationFrame","addEventListener","removeEventListener","cancelAnimationFrame"],"sources":["../../../src/utils/use/useScrollBarWidth.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\nexport function useScrollBarWidth(vertical = true): number {\n  const [scrollBarWidth, setScrollBarWidth] = useState(0);\n  const af = useRef<number | null>(null);\n\n  useEffect(() => {\n    const calculateScrollBar = () => {\n      if (!window.visualViewport) return;\n\n      if (!vertical) {\n        setScrollBarWidth(window.innerHeight - window.visualViewport.height);\n        return;\n      }\n\n      setScrollBarWidth(window.innerWidth - window.visualViewport.width);\n    };\n\n    const handleResize = () => {\n      // to handle resize 1 time per frame\n      if (af.current !== null) return;\n\n      af.current = requestAnimationFrame(() => {\n        calculateScrollBar();\n        af.current = null;\n      });\n    };\n\n    calculateScrollBar();\n    window.addEventListener('resize', handleResize);\n\n    return () => {\n      window.removeEventListener('resize', handleResize);\n      if (af.current !== null) cancelAnimationFrame(af.current);\n    };\n  }, []);\n\n  return scrollBarWidth;\n}\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,EAAEC,MAAM,QAAQ,OAAO;AAEnD,OAAO,SAASC,iBAAiBA,CAACC,QAAQ,GAAG,IAAI,EAAU;EACzD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGL,QAAQ,CAAC,CAAC,CAAC;EACvD,MAAMM,EAAE,GAAGL,MAAM,CAAgB,IAAI,CAAC;EAEtCF,SAAS,CAAC,MAAM;IACd,MAAMQ,kBAAkB,GAAGA,CAAA,KAAM;MAC/B,IAAI,CAACC,MAAM,CAACC,cAAc,EAAE;MAE5B,IAAI,CAACN,QAAQ,EAAE;QACbE,iBAAiB,CAACG,MAAM,CAACE,WAAW,GAAGF,MAAM,CAACC,cAAc,CAACE,MAAM,CAAC;QACpE;MACF;MAEAN,iBAAiB,CAACG,MAAM,CAACI,UAAU,GAAGJ,MAAM,CAACC,cAAc,CAACI,KAAK,CAAC;IACpE,CAAC;IAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;MACzB;MACA,IAAIR,EAAE,CAACS,OAAO,KAAK,IAAI,EAAE;MAEzBT,EAAE,CAACS,OAAO,GAAGC,qBAAqB,CAAC,MAAM;QACvCT,kBAAkB,CAAC,CAAC;QACpBD,EAAE,CAACS,OAAO,GAAG,IAAI;MACnB,CAAC,CAAC;IACJ,CAAC;IAEDR,kBAAkB,CAAC,CAAC;IACpBC,MAAM,CAACS,gBAAgB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAE/C,OAAO,MAAM;MACXN,MAAM,CAACU,mBAAmB,CAAC,QAAQ,EAAEJ,YAAY,CAAC;MAClD,IAAIR,EAAE,CAACS,OAAO,KAAK,IAAI,EAAEI,oBAAoB,CAACb,EAAE,CAACS,OAAO,CAAC;IAC3D,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOX,cAAc;AACvB","ignoreList":[]}

package/lib/utils/useCssVariable.js

@@ -1,53 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 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 _ref = require("./ref");
 var _ThemeProvider = require("./ThemeProvider");
-var useCssVariable = exports.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);
+const useCssVariable = (name, fallbackValue, ref) => {
+  const contextTheme = (0, _ThemeProvider.useContextTokens)();
+  const getValue = _react.default.useCallback(() => {
+    if (contextTheme?.[name]) return contextTheme[name];
+    if (!(0, _canUseDOM.default)()) return fallbackValue;
+    const element = ref?.current ?? document.documentElement;
+    const 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]);
+  const initialValue = _react.default.useMemo(getValue, [getValue]);
+  const [value, setValue] = _react.default.useState(initialValue);
+  _react.default.useEffect(() => setValue(getValue), [getValue]);
   return value;
 };
-var cssVariableEnhance = exports.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.useCssVariable = useCssVariable;
+const cssVariableEnhance = ({
+  variable,
+  fallback,
+  prop,
+  map
+}) => {
+  return props => {
+    const {
+      ref
+    } = props;
+    const nodeRef = _react.default.useRef();
+    const variableValue = useCssVariable(variable, fallback, nodeRef);
+    const mappedValue = _react.default.useMemo(() => map ? map(variableValue) : variableValue, [map, variableValue]);
+    return {
+      ...props,
+      ref: (0, _ref.useForkRef)(ref, nodeRef),
+      [prop]: props[prop] === undefined ? mappedValue : props[prop]
+    };
   };
 };
+exports.cssVariableEnhance = cssVariableEnhance;
 //# sourceMappingURL=useCssVariable.js.map

package/lib/utils/useCssVariable.js.map

@@ -1 +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":[]}
+{"version":3,"file":"useCssVariable.js","names":["_react","_interopRequireDefault","require","_canUseDOM","_ref","_ThemeProvider","useCssVariable","name","fallbackValue","ref","contextTheme","useContextTokens","getValue","React","useCallback","canUseDOM","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","value","setValue","useState","useEffect","exports","cssVariableEnhance","variable","fallback","prop","map","props","nodeRef","useRef","variableValue","mappedValue","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,IAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAEO,MAAMI,cAAc,GAAGA,CAACC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,KAAK;EACjG,MAAMC,YAAY,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACvC,MAAMC,QAAQ,GAAGC,cAAK,CAACC,WAAW,CAAC,MAAM;IACvC,IAAIJ,YAAY,GAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAAC,IAAAQ,kBAAS,EAAC,CAAC,EAAE,OAAOP,aAAa;IAEtC,MAAMQ,OAAO,GAAGP,GAAG,EAAEQ,OAAO,IAAIC,QAAQ,CAACC,eAAe;IAExD,MAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAACf,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,MAAMa,YAAY,GAAGV,cAAK,CAACW,OAAO,CAACZ,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,MAAM,CAACa,KAAK,EAAEC,QAAQ,CAAC,GAAGb,cAAK,CAACc,QAAQ,CAACJ,YAAY,CAAC;EACtDV,cAAK,CAACe,SAAS,CAAC,MAAMF,QAAQ,CAACd,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOa,KAAK;AACd,CAAC;AAACI,OAAA,CAAAvB,cAAA,GAAAA,cAAA;AAEK,MAAMwB,kBAAkB,GAAGA,CAKhC;EACAC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC;AAMF,CAAC,KAAK;EACJ,OAAsBC,KAAQ,IAAK;IACjC,MAAM;MAAE1B;IAAI,CAAC,GAAG0B,KAAY;IAC5B,MAAMC,OAAO,GAAGvB,cAAK,CAACwB,MAAM,CAAC,CAAC;IAC9B,MAAMC,aAAa,GAAGhC,cAAc,CAACyB,QAAQ,EAAEC,QAAQ,EAASI,OAAO,CAAC;IACxE,MAAMG,WAAW,GAAG1B,cAAK,CAACW,OAAO,CAC/B,MAAOU,GAAG,GAAGA,GAAG,CAACI,aAAa,CAAC,GAAGA,aAAc,EAChD,CAACJ,GAAG,EAAEI,aAAa,CACrB,CAAC;IAED,OAAO;MACL,GAAGH,KAAK;MACR1B,GAAG,EAAE,IAAA+B,eAAU,EAAC/B,GAAG,EAAE2B,OAAO,CAAC;MAC7B,CAACH,IAAI,GAAIE,KAAK,CAASF,IAAI,CAAC,KAAKQ,SAAS,GAAGF,WAAW,GAAIJ,KAAK,CAASF,IAAI;IAChF,CAAC;EAGH,CAAC;AACH,CAAC;AAACJ,OAAA,CAAAC,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/utils/useCssVariable.mjs

@@ -1,46 +1,39 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React from 'react';
 import canUseDOM from "./canUseDOM.mjs";
 import { useForkRef } from "./ref.mjs";
 import { useContextTokens } from "./ThemeProvider.mjs";
-export var useCssVariable = function useCssVariable(name, fallbackValue, ref) {
-  var contextTheme = useContextTokens();
-  var getValue = React.useCallback(function () {
-    var _ref$current;
-    if (contextTheme !== null && contextTheme !== void 0 && contextTheme[name]) return contextTheme[name];
+export const useCssVariable = (name, fallbackValue, ref) => {
+  const contextTheme = useContextTokens();
+  const getValue = React.useCallback(() => {
+    if (contextTheme?.[name]) return contextTheme[name];
     if (!canUseDOM()) 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);
+    const element = ref?.current ?? document.documentElement;
+    const computedStyles = getComputedStyle(element);
     return computedStyles.getPropertyValue(name) || fallbackValue;
   }, [name, ref, fallbackValue, contextTheme]);
-  var initialValue = React.useMemo(getValue, [getValue]);
-  var _React$useState = React.useState(initialValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
-  React.useEffect(function () {
-    return setValue(getValue);
-  }, [getValue]);
+  const initialValue = React.useMemo(getValue, [getValue]);
+  const [value, setValue] = React.useState(initialValue);
+  React.useEffect(() => setValue(getValue), [getValue]);
   return value;
 };
-export 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.useRef();
-    var variableValue = useCssVariable(variable, fallback, nodeRef);
-    var mappedValue = React.useMemo(function () {
-      return map ? map(variableValue) : variableValue;
-    }, [map, variableValue]);
-    return _objectSpread(_objectSpread({}, props), {}, _defineProperty({
-      ref: useForkRef(ref, nodeRef)
-    }, prop, props[prop] === undefined ? mappedValue : props[prop]));
+export const cssVariableEnhance = ({
+  variable,
+  fallback,
+  prop,
+  map
+}) => {
+  return props => {
+    const {
+      ref
+    } = props;
+    const nodeRef = React.useRef();
+    const variableValue = useCssVariable(variable, fallback, nodeRef);
+    const mappedValue = React.useMemo(() => map ? map(variableValue) : variableValue, [map, variableValue]);
+    return {
+      ...props,
+      ref: useForkRef(ref, nodeRef),
+      [prop]: props[prop] === undefined ? mappedValue : props[prop]
+    };
   };
 };
 //# sourceMappingURL=useCssVariable.mjs.map

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';\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":[]}
+{"version":3,"file":"useCssVariable.mjs","names":["React","canUseDOM","useForkRef","useContextTokens","useCssVariable","name","fallbackValue","ref","contextTheme","getValue","useCallback","element","current","document","documentElement","computedStyles","getComputedStyle","getPropertyValue","initialValue","useMemo","value","setValue","useState","useEffect","cssVariableEnhance","variable","fallback","prop","map","props","nodeRef","useRef","variableValue","mappedValue","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,MAAMC,cAAc,GAAGA,CAACC,IAAY,EAAEC,aAAqB,EAAEC,GAA0B,KAAK;EACjG,MAAMC,YAAY,GAAGL,gBAAgB,CAAC,CAAC;EACvC,MAAMM,QAAQ,GAAGT,KAAK,CAACU,WAAW,CAAC,MAAM;IACvC,IAAIF,YAAY,GAAGH,IAAI,CAAC,EAAE,OAAOG,YAAY,CAACH,IAAI,CAAC;IACnD,IAAI,CAACJ,SAAS,CAAC,CAAC,EAAE,OAAOK,aAAa;IAEtC,MAAMK,OAAO,GAAGJ,GAAG,EAAEK,OAAO,IAAIC,QAAQ,CAACC,eAAe;IAExD,MAAMC,cAAc,GAAGC,gBAAgB,CAACL,OAAO,CAAC;IAEhD,OAAOI,cAAc,CAACE,gBAAgB,CAACZ,IAAI,CAAC,IAAIC,aAAa;EAC/D,CAAC,EAAE,CAACD,IAAI,EAAEE,GAAG,EAAED,aAAa,EAAEE,YAAY,CAAC,CAAC;EAE5C,MAAMU,YAAY,GAAGlB,KAAK,CAACmB,OAAO,CAACV,QAAQ,EAAE,CAACA,QAAQ,CAAC,CAAC;EACxD,MAAM,CAACW,KAAK,EAAEC,QAAQ,CAAC,GAAGrB,KAAK,CAACsB,QAAQ,CAACJ,YAAY,CAAC;EACtDlB,KAAK,CAACuB,SAAS,CAAC,MAAMF,QAAQ,CAACZ,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAErD,OAAOW,KAAK;AACd,CAAC;AAED,OAAO,MAAMI,kBAAkB,GAAGA,CAKhC;EACAC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC;AAMF,CAAC,KAAK;EACJ,OAAsBC,KAAQ,IAAK;IACjC,MAAM;MAAEtB;IAAI,CAAC,GAAGsB,KAAY;IAC5B,MAAMC,OAAO,GAAG9B,KAAK,CAAC+B,MAAM,CAAC,CAAC;IAC9B,MAAMC,aAAa,GAAG5B,cAAc,CAACqB,QAAQ,EAAEC,QAAQ,EAASI,OAAO,CAAC;IACxE,MAAMG,WAAW,GAAGjC,KAAK,CAACmB,OAAO,CAC/B,MAAOS,GAAG,GAAGA,GAAG,CAACI,aAAa,CAAC,GAAGA,aAAc,EAChD,CAACJ,GAAG,EAAEI,aAAa,CACrB,CAAC;IAED,OAAO;MACL,GAAGH,KAAK;MACRtB,GAAG,EAAEL,UAAU,CAACK,GAAG,EAAEuB,OAAO,CAAC;MAC7B,CAACH,IAAI,GAAIE,KAAK,CAASF,IAAI,CAAC,KAAKO,SAAS,GAAGD,WAAW,GAAIJ,KAAK,CAASF,IAAI;IAChF,CAAC;EAGH,CAAC;AACH,CAAC","ignoreList":[]}

package/lib/utils/zIndexStacking.d.ts

@@ -5,4 +5,6 @@ export declare const ZIndexStackingContextProvider: React.FC<{
     designToken: ZIndexDesignTokens;
     children: React.ReactNode;
 }>;
-export declare const zIndexStackingEnhance: (designToken?: ZIndexDesignTokens) => (props: any) => any;
+export declare const zIndexStackingEnhance: (designToken?: ZIndexDesignTokens) => (props: any) => {
+    parentZIndexStacking: ReturnType<typeof useZIndexStacking>;
+};

package/lib/utils/zIndexStacking.js

@@ -1,45 +1,49 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.zIndexStackingEnhance = exports.useZIndexStacking = exports.ZIndexStackingContextProvider = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _ThemeProvider = require("./ThemeProvider");
 var _default = _interopRequireDefault(require("../theme/themes/default"));
-var defaultDesignThemeTokens = _default["default"];
-var zIndexStackingContext = /*#__PURE__*/_react["default"].createContext(0);
-var useZIndexStacking = exports.useZIndexStacking = function useZIndexStacking(designToken) {
-  var contextTokens = (0, _ThemeProvider.useContextTokens)();
-  var parentContextValue = _react["default"].useContext(zIndexStackingContext);
-  var contextValue = _react["default"].useMemo(function () {
+const defaultDesignThemeTokens = _default.default;
+const zIndexStackingContext = /*#__PURE__*/_react.default.createContext(0);
+const useZIndexStacking = designToken => {
+  const contextTokens = (0, _ThemeProvider.useContextTokens)();
+  const parentContextValue = _react.default.useContext(zIndexStackingContext);
+  const contextValue = _react.default.useMemo(() => {
     if (!designToken) return parentContextValue;
-    var tokenName = designToken.startsWith('--intergalactic-') ? designToken : "--intergalactic-".concat(designToken);
-    var tokenValue = Number.parseInt((contextTokens === null || contextTokens === void 0 ? void 0 : contextTokens[tokenName]) || defaultDesignThemeTokens[tokenName], 10);
+    const tokenName = designToken.startsWith('--intergalactic-') ? designToken : `--intergalactic-${designToken}`;
+    const tokenValue = Number.parseInt(contextTokens?.[tokenName] || defaultDesignThemeTokens[tokenName], 10);
     if (Number.isNaN(tokenValue)) return parentContextValue;
     return parentContextValue + tokenValue;
   }, [designToken, contextTokens, parentContextValue]);
   return contextValue;
 };
-var ZIndexStackingContextProvider = exports.ZIndexStackingContextProvider = function ZIndexStackingContextProvider(_ref) {
-  var designToken = _ref.designToken,
-    children = _ref.children;
-  var contextValue = useZIndexStacking(designToken);
-  return /*#__PURE__*/_react["default"].createElement(zIndexStackingContext.Provider, {
+exports.useZIndexStacking = useZIndexStacking;
+const ZIndexStackingContextProvider = ({
+  designToken,
+  children
+}) => {
+  const contextValue = useZIndexStacking(designToken);
+  return /*#__PURE__*/_react.default.createElement(zIndexStackingContext.Provider, {
     value: contextValue
   }, children);
 };
-var zIndexStackingEnhance = exports.zIndexStackingEnhance = function zIndexStackingEnhance(designToken) {
-  return function (props) {
-    var other = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(props), props));
-    var parentZIndexStacking = useZIndexStacking(designToken);
-    return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
-      parentZIndexStacking: parentZIndexStacking
-    });
+exports.ZIndexStackingContextProvider = ZIndexStackingContextProvider;
+const zIndexStackingEnhance = designToken => {
+  return props => {
+    const {
+      ...other
+    } = props;
+    const parentZIndexStacking = useZIndexStacking(designToken);
+    return {
+      ...other,
+      parentZIndexStacking
+    };
   };
 };
+exports.zIndexStackingEnhance = zIndexStackingEnhance;
 //# sourceMappingURL=zIndexStacking.js.map

package/lib/utils/zIndexStacking.js.map

@@ -1 +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":[]}
+{"version":3,"file":"zIndexStacking.js","names":["_react","_interopRequireDefault","require","_ThemeProvider","_default","defaultDesignThemeTokens","defaultDesignThemeJson","zIndexStackingContext","React","createContext","useZIndexStacking","designToken","contextTokens","useContextTokens","parentContextValue","useContext","contextValue","useMemo","tokenName","startsWith","tokenValue","Number","parseInt","isNaN","exports","ZIndexStackingContextProvider","children","default","createElement","Provider","value","zIndexStackingEnhance","props","other","parentZIndexStacking"],"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): { parentZIndexStacking: ReturnType<typeof useZIndexStacking> } => {\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,MAAMG,wBAAwB,GAAGC,gBAAgD;AAEjF,MAAMC,qBAAqB,gBAAGC,cAAK,CAACC,aAAa,CAAC,CAAC,CAAC;AAW7C,MAAMC,iBAAiB,GAAIC,WAAgC,IAAK;EACrE,MAAMC,aAAa,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACxC,MAAMC,kBAAkB,GAAGN,cAAK,CAACO,UAAU,CAACR,qBAAqB,CAAC;EAClE,MAAMS,YAAY,GAAGR,cAAK,CAACS,OAAO,CAAC,MAAM;IACvC,IAAI,CAACN,WAAW,EAAE,OAAOG,kBAAkB;IAC3C,MAAMI,SAAS,GAAGP,WAAW,CAACQ,UAAU,CAAC,kBAAkB,CAAC,GACxDR,WAAW,GACX,mBAAmBA,WAAW,EAAE;IACpC,MAAMS,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAChCV,aAAa,GAAGM,SAAS,CAAC,IAAIb,wBAAwB,CAACa,SAAS,CAAC,EACjE,EACF,CAAC;IACD,IAAIG,MAAM,CAACE,KAAK,CAACH,UAAU,CAAC,EAAE,OAAON,kBAAkB;IACvD,OAAOA,kBAAkB,GAAGM,UAAU;EACxC,CAAC,EAAE,CAACT,WAAW,EAAEC,aAAa,EAAEE,kBAAkB,CAAC,CAAC;EACpD,OAAOE,YAAY;AACrB,CAAC;AAACQ,OAAA,CAAAd,iBAAA,GAAAA,iBAAA;AACK,MAAMe,6BAGX,GAAGA,CAAC;EAAEd,WAAW;EAAEe;AAAS,CAAC,KAAK;EAClC,MAAMV,YAAY,GAAGN,iBAAiB,CAACC,WAAW,CAAC;EACnD,oBACEX,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACrB,qBAAqB,CAACsB,QAAQ;IAACC,KAAK,EAAEd;EAAa,GAAEU,QAAyC,CAAC;AAEpG,CAAC;AAACF,OAAA,CAAAC,6BAAA,GAAAA,6BAAA;AACK,MAAMM,qBAAqB,GAAIpB,WAAgC,IAAK;EACzE,OAAQqB,KAAU,IAAqE;IACrF,MAAM;MAAE,GAAGC;IAAM,CAAC,GAAGD,KAAK;IAC1B,MAAME,oBAAoB,GAAGxB,iBAAiB,CAACC,WAAW,CAAC;IAC3D,OAAO;MACL,GAAGsB,KAAK;MACRC;IACF,CAAC;EACH,CAAC;AACH,CAAC;AAACV,OAAA,CAAAO,qBAAA,GAAAA,qBAAA","ignoreList":[]}