@hanzogui/z-index-stack 8.3.1 → 8.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/dist/cjs/StackZIndex.js +16 -0
  2. package/dist/cjs/StackZIndex.js.map +1 -0
  3. package/dist/cjs/context.js +9 -0
  4. package/dist/cjs/context.js.map +1 -0
  5. package/dist/cjs/index.js +7 -0
  6. package/dist/cjs/index.js.map +1 -0
  7. package/dist/cjs/package.json +1 -0
  8. package/dist/cjs/types.js +3 -0
  9. package/dist/cjs/types.js.map +1 -0
  10. package/dist/cjs/useStackedZIndex.js +73 -0
  11. package/dist/cjs/useStackedZIndex.js.map +1 -0
  12. package/dist/esm/StackZIndex.js +12 -0
  13. package/dist/esm/StackZIndex.js.map +1 -0
  14. package/dist/esm/context.js +6 -0
  15. package/dist/esm/context.js.map +1 -0
  16. package/dist/esm/index.js +4 -4
  17. package/dist/esm/index.js.map +1 -1
  18. package/dist/esm/types.js +2 -0
  19. package/dist/esm/types.js.map +1 -0
  20. package/dist/esm/useStackedZIndex.js +69 -0
  21. package/dist/esm/useStackedZIndex.js.map +1 -0
  22. package/package.json +18 -13
  23. package/src/StackZIndex.tsx +1 -1
  24. package/src/index.ts +4 -4
  25. package/src/useStackedZIndex.tsx +2 -2
  26. package/types/StackZIndex.d.ts +1 -1
  27. package/types/StackZIndex.d.ts.map +1 -1
  28. package/types/index.d.ts +4 -4
  29. package/types/index.d.ts.map +1 -1
  30. package/types/useStackedZIndex.d.ts +1 -1
  31. package/types/useStackedZIndex.d.ts.map +1 -1
  32. package/dist/cjs/StackZIndex.cjs +0 -47
  33. package/dist/cjs/StackZIndex.native.js +0 -51
  34. package/dist/cjs/StackZIndex.native.js.map +0 -1
  35. package/dist/cjs/context.cjs +0 -31
  36. package/dist/cjs/context.native.js +0 -34
  37. package/dist/cjs/context.native.js.map +0 -1
  38. package/dist/cjs/index.cjs +0 -22
  39. package/dist/cjs/index.native.js +0 -25
  40. package/dist/cjs/index.native.js.map +0 -1
  41. package/dist/cjs/types.cjs +0 -18
  42. package/dist/cjs/types.native.js +0 -21
  43. package/dist/cjs/types.native.js.map +0 -1
  44. package/dist/cjs/useStackedZIndex.cjs +0 -94
  45. package/dist/cjs/useStackedZIndex.native.js +0 -102
  46. package/dist/cjs/useStackedZIndex.native.js.map +0 -1
  47. package/dist/esm/StackZIndex.mjs +0 -22
  48. package/dist/esm/StackZIndex.mjs.map +0 -1
  49. package/dist/esm/StackZIndex.native.js +0 -23
  50. package/dist/esm/StackZIndex.native.js.map +0 -1
  51. package/dist/esm/context.mjs +0 -5
  52. package/dist/esm/context.mjs.map +0 -1
  53. package/dist/esm/context.native.js +0 -5
  54. package/dist/esm/context.native.js.map +0 -1
  55. package/dist/esm/index.mjs +0 -4
  56. package/dist/esm/index.mjs.map +0 -1
  57. package/dist/esm/index.native.js +0 -4
  58. package/dist/esm/index.native.js.map +0 -1
  59. package/dist/esm/types.mjs +0 -2
  60. package/dist/esm/types.mjs.map +0 -1
  61. package/dist/esm/types.native.js +0 -2
  62. package/dist/esm/types.native.js.map +0 -1
  63. package/dist/esm/useStackedZIndex.mjs +0 -69
  64. package/dist/esm/useStackedZIndex.mjs.map +0 -1
  65. package/dist/esm/useStackedZIndex.native.js +0 -74
  66. package/dist/esm/useStackedZIndex.native.js.map +0 -1
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StackZIndexContext = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ const react_1 = require("react");
6
+ const context_ts_1 = require("./context.js");
7
+ const StackZIndexContext = ({ children, zIndex, }) => {
8
+ const existing = (0, react_1.useContext)(context_ts_1.ZIndexStackContext);
9
+ let content = ((0, jsx_runtime_1.jsx)(context_ts_1.ZIndexStackContext.Provider, { value: existing + 1, children: children }));
10
+ if (typeof zIndex !== 'undefined') {
11
+ content = ((0, jsx_runtime_1.jsx)(context_ts_1.ZIndexHardcodedContext.Provider, { value: zIndex, children: content }));
12
+ }
13
+ return content;
14
+ };
15
+ exports.StackZIndexContext = StackZIndexContext;
16
+ //# sourceMappingURL=StackZIndex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StackZIndex.js","sourceRoot":"","sources":["../../src/StackZIndex.tsx"],"names":[],"mappings":";;;;AAAA,iCAAkC;AAClC,6CAAyE;AAElE,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,MAAM,GAIP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,+BAAkB,CAAC,CAAA;IAE/C,IAAI,OAAO,GAAG,CACZ,uBAAC,+BAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAG,CAAC,YAC7C,QAAQ,GACmB,CAC/B,CAAA;IAED,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,GAAG,CACR,uBAAC,mCAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAC3C,OAAO,GACwB,CACnC,CAAA;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAxBY,QAAA,kBAAkB,GAAlB,kBAAkB,CAwB9B"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ZIndexHardcodedContext = exports.ZIndexStackContext = void 0;
4
+ const react_1 = require("react");
5
+ // stacks vertically through tree, based on nesting
6
+ exports.ZIndexStackContext = (0, react_1.createContext)(1);
7
+ // if setting to overriden z index
8
+ exports.ZIndexHardcodedContext = (0, react_1.createContext)(undefined);
9
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAErC,mDAAmD;AACtC,QAAA,kBAAkB,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,CAAA;AAElD,kCAAkC;AACrB,QAAA,sBAAsB,GAAG,IAAA,qBAAa,EAAqB,SAAS,CAAC,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
4
+ tslib_1.__exportStar(require("./useStackedZIndex.js"), exports);
5
+ tslib_1.__exportStar(require("./StackZIndex.js"), exports);
6
+ tslib_1.__exportStar(require("./context.js"), exports);
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,gEAAsC;AACtC,2DAAiC;AACjC,uDAA4B"}
@@ -0,0 +1 @@
1
+ { "type": "commonjs" }
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,73 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useStackedZIndex = void 0;
4
+ const react_1 = require("react");
5
+ const context_ts_1 = require("./context.js");
6
+ // this stacks horizontally - just based on which mounted last within a stacking context
7
+ const ZIndicesByContext = {};
8
+ // old stacking style
9
+ const CurrentPortalZIndices = {};
10
+ const useStackedZIndex = (props) => {
11
+ if (process.env.GUI_STACK_Z_INDEX_GLOBAL) {
12
+ const { stackZIndex, zIndex: zIndexProp } = props;
13
+ const id = (0, react_1.useId)();
14
+ const zIndex = (0, react_1.useMemo)(() => {
15
+ if (stackZIndex && stackZIndex !== 'global' && zIndexProp === undefined) {
16
+ const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
17
+ return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
18
+ }
19
+ return zIndexProp ?? 1000;
20
+ }, [stackZIndex]);
21
+ (0, react_1.useEffect)(() => {
22
+ if (typeof stackZIndex === 'number') {
23
+ CurrentPortalZIndices[id] = stackZIndex;
24
+ return () => {
25
+ delete CurrentPortalZIndices[id];
26
+ };
27
+ }
28
+ }, [stackZIndex]);
29
+ return zIndex;
30
+ }
31
+ else {
32
+ const { stackZIndex, zIndex: zIndexProp } = props;
33
+ const id = (0, react_1.useId)();
34
+ const stackingContextLevel = (0, react_1.useContext)(context_ts_1.ZIndexStackContext);
35
+ const stackLayer = stackZIndex === 'global' ? 0 : stackingContextLevel;
36
+ const hardcoded = (0, react_1.useContext)(context_ts_1.ZIndexHardcodedContext);
37
+ ZIndicesByContext[stackLayer] || (ZIndicesByContext[stackLayer] = {});
38
+ const stackContext = ZIndicesByContext[stackLayer];
39
+ const zIndex = (0, react_1.useMemo)(() => {
40
+ if (typeof zIndexProp === 'number') {
41
+ return zIndexProp;
42
+ }
43
+ if (stackZIndex) {
44
+ if (hardcoded) {
45
+ return hardcoded + 1;
46
+ }
47
+ const entries = Object.values(stackContext);
48
+ const baseForLayer = stackLayer * 5000;
49
+ const nextLayerBase = (stackLayer + 1) * 5000;
50
+ // Filter out values that belong to higher layers
51
+ // Any value >= next layer's base is definitely not from this layer
52
+ const validEntries = entries.filter((z) => z < nextLayerBase);
53
+ const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
54
+ // If we only have the base value or nothing, start fresh
55
+ const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
56
+ // setting stackZIndex to a number lets you increase it further
57
+ return typeof stackZIndex === 'number' ? stackZIndex + nextZIndex : nextZIndex;
58
+ }
59
+ return 1;
60
+ }, [stackLayer, zIndexProp, stackZIndex]);
61
+ (0, react_1.useEffect)(() => {
62
+ if (stackZIndex) {
63
+ stackContext[id] = zIndex;
64
+ return () => {
65
+ delete stackContext[id];
66
+ };
67
+ }
68
+ }, [zIndex]);
69
+ return zIndex;
70
+ }
71
+ };
72
+ exports.useStackedZIndex = useStackedZIndex;
73
+ //# sourceMappingURL=useStackedZIndex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStackedZIndex.js","sourceRoot":"","sources":["../../src/useStackedZIndex.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { useContext } from 'react';
3
+ import { ZIndexHardcodedContext, ZIndexStackContext } from './context.js';
4
+ export const StackZIndexContext = ({ children, zIndex, }) => {
5
+ const existing = useContext(ZIndexStackContext);
6
+ let content = (_jsx(ZIndexStackContext.Provider, { value: existing + 1, children: children }));
7
+ if (typeof zIndex !== 'undefined') {
8
+ content = (_jsx(ZIndexHardcodedContext.Provider, { value: zIndex, children: content }));
9
+ }
10
+ return content;
11
+ };
12
+ //# sourceMappingURL=StackZIndex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StackZIndex.js","sourceRoot":"","sources":["../../src/StackZIndex.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AAEzE,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,MAAM,GAIP,EAAE,EAAE;IACH,MAAM,QAAQ,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAA;IAE/C,IAAI,OAAO,GAAG,CACZ,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,GAAG,CAAC,YAC7C,QAAQ,GACmB,CAC/B,CAAA;IAED,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,OAAO,GAAG,CACR,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAC3C,OAAO,GACwB,CACnC,CAAA;IACH,CAAC;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
@@ -0,0 +1,6 @@
1
+ import { createContext } from 'react';
2
+ // stacks vertically through tree, based on nesting
3
+ export const ZIndexStackContext = createContext(1);
4
+ // if setting to overriden z index
5
+ export const ZIndexHardcodedContext = createContext(undefined);
6
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,mDAAmD;AACnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;AAElD,kCAAkC;AAClC,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAqB,SAAS,CAAC,CAAA"}
package/dist/esm/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export * from "./useStackedZIndex.mjs";
2
- export * from "./StackZIndex.mjs";
3
- export * from "./context.mjs";
4
- //# sourceMappingURL=index.js.map
1
+ export * from './useStackedZIndex.js';
2
+ export * from './StackZIndex.js';
3
+ export * from './context.js';
4
+ //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAwB,CAAA;AACtC,cAAc,kBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,69 @@
1
+ import { useContext, useEffect, useId, useMemo } from 'react';
2
+ import { ZIndexHardcodedContext, ZIndexStackContext } from './context.js';
3
+ // this stacks horizontally - just based on which mounted last within a stacking context
4
+ const ZIndicesByContext = {};
5
+ // old stacking style
6
+ const CurrentPortalZIndices = {};
7
+ export const useStackedZIndex = (props) => {
8
+ if (process.env.GUI_STACK_Z_INDEX_GLOBAL) {
9
+ const { stackZIndex, zIndex: zIndexProp } = props;
10
+ const id = useId();
11
+ const zIndex = useMemo(() => {
12
+ if (stackZIndex && stackZIndex !== 'global' && zIndexProp === undefined) {
13
+ const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
14
+ return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
15
+ }
16
+ return zIndexProp ?? 1000;
17
+ }, [stackZIndex]);
18
+ useEffect(() => {
19
+ if (typeof stackZIndex === 'number') {
20
+ CurrentPortalZIndices[id] = stackZIndex;
21
+ return () => {
22
+ delete CurrentPortalZIndices[id];
23
+ };
24
+ }
25
+ }, [stackZIndex]);
26
+ return zIndex;
27
+ }
28
+ else {
29
+ const { stackZIndex, zIndex: zIndexProp } = props;
30
+ const id = useId();
31
+ const stackingContextLevel = useContext(ZIndexStackContext);
32
+ const stackLayer = stackZIndex === 'global' ? 0 : stackingContextLevel;
33
+ const hardcoded = useContext(ZIndexHardcodedContext);
34
+ ZIndicesByContext[stackLayer] || (ZIndicesByContext[stackLayer] = {});
35
+ const stackContext = ZIndicesByContext[stackLayer];
36
+ const zIndex = useMemo(() => {
37
+ if (typeof zIndexProp === 'number') {
38
+ return zIndexProp;
39
+ }
40
+ if (stackZIndex) {
41
+ if (hardcoded) {
42
+ return hardcoded + 1;
43
+ }
44
+ const entries = Object.values(stackContext);
45
+ const baseForLayer = stackLayer * 5000;
46
+ const nextLayerBase = (stackLayer + 1) * 5000;
47
+ // Filter out values that belong to higher layers
48
+ // Any value >= next layer's base is definitely not from this layer
49
+ const validEntries = entries.filter((z) => z < nextLayerBase);
50
+ const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
51
+ // If we only have the base value or nothing, start fresh
52
+ const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
53
+ // setting stackZIndex to a number lets you increase it further
54
+ return typeof stackZIndex === 'number' ? stackZIndex + nextZIndex : nextZIndex;
55
+ }
56
+ return 1;
57
+ }, [stackLayer, zIndexProp, stackZIndex]);
58
+ useEffect(() => {
59
+ if (stackZIndex) {
60
+ stackContext[id] = zIndex;
61
+ return () => {
62
+ delete stackContext[id];
63
+ };
64
+ }
65
+ }, [zIndex]);
66
+ return zIndex;
67
+ }
68
+ };
69
+ //# sourceMappingURL=useStackedZIndex.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStackedZIndex.js","sourceRoot":"","sources":["../../src/useStackedZIndex.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzogui/z-index-stack",
3
- "version": "8.3.1",
3
+ "version": "8.3.3",
4
4
  "source": "src/index.ts",
5
5
  "files": [
6
6
  "src",
@@ -9,35 +9,40 @@
9
9
  ],
10
10
  "type": "module",
11
11
  "sideEffects": false,
12
- "main": "dist/cjs",
13
- "module": "dist/esm",
12
+ "main": "./dist/cjs/index.js",
13
+ "module": "./dist/esm/index.js",
14
14
  "types": "./types/index.d.ts",
15
15
  "exports": {
16
16
  "./package.json": "./package.json",
17
17
  ".": {
18
18
  "types": "./types/index.d.ts",
19
- "react-native": "./dist/esm/index.native.js",
20
- "browser": "./dist/esm/index.mjs",
21
- "module": "./dist/esm/index.mjs",
22
- "import": "./dist/esm/index.mjs",
23
- "require": "./dist/cjs/index.cjs",
24
- "default": "./dist/esm/index.mjs"
19
+ "react-native": "./dist/esm/index.js",
20
+ "browser": "./dist/esm/index.js",
21
+ "module": "./dist/esm/index.js",
22
+ "import": "./dist/esm/index.js",
23
+ "require": "./dist/cjs/index.js",
24
+ "default": "./dist/esm/index.js"
25
25
  }
26
26
  },
27
27
  "publishConfig": {
28
28
  "access": "public"
29
29
  },
30
30
  "scripts": {
31
- "build": "hanzogui-build",
31
+ "build": "hanzogui-build --skip-native",
32
32
  "watch": "hanzogui-build --watch",
33
33
  "clean": "hanzogui-build clean",
34
34
  "clean:build": "hanzogui-build clean:build"
35
35
  },
36
36
  "devDependencies": {
37
- "@hanzogui/build": "8.3.1",
38
- "react": ">=19"
37
+ "@hanzogui/build": "8.3.3",
38
+ "react": "19.2.8"
39
39
  },
40
40
  "peerDependencies": {
41
- "react": ">=19"
41
+ "react": ">=19.2.8"
42
+ },
43
+ "repository": {
44
+ "type": "git",
45
+ "url": "git+https://github.com/hanzoai/gui.git",
46
+ "directory": "pkgs/ui/z-index-stack"
42
47
  }
43
48
  }
@@ -1,5 +1,5 @@
1
1
  import { useContext } from 'react'
2
- import { ZIndexHardcodedContext, ZIndexStackContext } from './context'
2
+ import { ZIndexHardcodedContext, ZIndexStackContext } from './context.ts'
3
3
 
4
4
  export const StackZIndexContext = ({
5
5
  children,
package/src/index.ts CHANGED
@@ -1,4 +1,4 @@
1
- export * from './useStackedZIndex'
2
- export * from './StackZIndex'
3
- export * from './context'
4
- export type * from './types'
1
+ export * from './useStackedZIndex.tsx'
2
+ export * from './StackZIndex.tsx'
3
+ export * from './context.ts'
4
+ export type * from './types.ts'
@@ -1,6 +1,6 @@
1
1
  import { useContext, useEffect, useId, useMemo } from 'react'
2
- import { ZIndexHardcodedContext, ZIndexStackContext } from './context'
3
- import type { StackZIndexProp } from './types'
2
+ import { ZIndexHardcodedContext, ZIndexStackContext } from './context.ts'
3
+ import type { StackZIndexProp } from './types.ts'
4
4
 
5
5
  // this stacks horizontally - just based on which mounted last within a stacking context
6
6
  const ZIndicesByContext: Record<number, Record<string, number>> = {}
@@ -1,5 +1,5 @@
1
1
  export declare const StackZIndexContext: ({ children, zIndex, }: {
2
2
  children: React.ReactNode;
3
3
  zIndex?: number;
4
- }) => import("react/jsx-runtime").JSX.Element;
4
+ }) => import("react").JSX.Element;
5
5
  //# sourceMappingURL=StackZIndex.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"StackZIndex.d.ts","sourceRoot":"","sources":["../src/StackZIndex.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,GAAI,uBAGhC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,4CAkBA,CAAA"}
1
+ {"version":3,"file":"StackZIndex.d.ts","sourceRoot":"","sources":["../src/StackZIndex.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,0BAG5B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,gCAkBA,CAAA"}
package/types/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export * from './useStackedZIndex';
2
- export * from './StackZIndex';
3
- export * from './context';
4
- export type * from './types';
1
+ export * from './useStackedZIndex.tsx';
2
+ export * from './StackZIndex.tsx';
3
+ export * from './context.ts';
4
+ export type * from './types.ts';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,mBAAmB,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,mBAAmB,YAAY,CAAA"}
@@ -1,4 +1,4 @@
1
- import type { StackZIndexProp } from './types';
1
+ import type { StackZIndexProp } from './types.ts';
2
2
  export declare const useStackedZIndex: (props: {
3
3
  zIndex?: number;
4
4
  stackZIndex?: StackZIndexProp;
@@ -1 +1 @@
1
- {"version":3,"file":"useStackedZIndex.d.ts","sourceRoot":"","sources":["../src/useStackedZIndex.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAQ9C,eAAO,MAAM,gBAAgB,GAAI,OAAO;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,WA6EA,CAAA"}
1
+ {"version":3,"file":"useStackedZIndex.d.ts","sourceRoot":"","sources":["../src/useStackedZIndex.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAQjD,eAAO,MAAM,gBAAgB,UAAW;IACtC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,WA6EA,CAAA"}
@@ -1,47 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
14
- get: () => from[key],
15
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
16
- });
17
- }
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: true
22
- }), mod);
23
- var StackZIndex_exports = {};
24
- __export(StackZIndex_exports, {
25
- StackZIndexContext: () => StackZIndexContext
26
- });
27
- module.exports = __toCommonJS(StackZIndex_exports);
28
- var import_react = require("react");
29
- var import_context = require("./context.cjs");
30
- var import_jsx_runtime = require("react/jsx-runtime");
31
- const StackZIndexContext = ({
32
- children,
33
- zIndex
34
- }) => {
35
- const existing = (0, import_react.useContext)(import_context.ZIndexStackContext);
36
- let content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexStackContext.Provider, {
37
- value: existing + 1,
38
- children
39
- });
40
- if (typeof zIndex !== "undefined") {
41
- content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexHardcodedContext.Provider, {
42
- value: zIndex,
43
- children: content
44
- });
45
- }
46
- return content;
47
- };
@@ -1,51 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
25
- var StackZIndex_exports = {};
26
- __export(StackZIndex_exports, {
27
- StackZIndexContext: () => StackZIndexContext
28
- });
29
- module.exports = __toCommonJS(StackZIndex_exports);
30
- var import_jsx_runtime = require("react/jsx-runtime");
31
- var import_react = require("react");
32
- var import_context = require("./context.native.js");
33
- var StackZIndexContext = function (param) {
34
- var {
35
- children,
36
- zIndex
37
- } = param;
38
- var existing = (0, import_react.useContext)(import_context.ZIndexStackContext);
39
- var content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexStackContext.Provider, {
40
- value: existing + 1,
41
- children
42
- });
43
- if (typeof zIndex !== "undefined") {
44
- content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexHardcodedContext.Provider, {
45
- value: zIndex,
46
- children: content
47
- });
48
- }
49
- return content;
50
- };
51
- //# sourceMappingURL=StackZIndex.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","StackZIndex_exports","__export","StackZIndexContext","module","exports","import_jsx_runtime","require","import_react","import_context","param","children","zIndex","existing","useContext","ZIndexStackContext","content","jsx","Provider","ZIndexHardcodedContext"],"sources":["../../src/StackZIndex.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,mBAAA;AAC3B,IAAAK,kBAA2D,GAAAC,OAAA;AAYvD,IAAAC,YAAA,GAAAD,OAAA;AAVG,IAAAE,cAAM,GAAAF,OAAsB;AAAA,IACjCJ,kBAAA,YAAAA,CAAAO,KAAA;EACA;IAAAC,QAAA;IAAAC;EAAA,IAAAF,KAAA;EACF,IAGMG,QAAA,OAAAL,YAAA,CAAAM,UAAA,EAAAL,cAAA,CAAAM,kBAAA;EACJ,IAAAC,OAAM,kBAAW,IAAAV,kBAAW,CAAAW,GAAA,EAAAR,cAAA,CAAAM,kBAAkB,CAAAG,QAAA;IAE9ClB,KAAI,EAAAa,QACF;IAKFF;EACE;EAKF,WAAAC,MAAA;IAEAI,OAAO,sBAAAV,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAU,sBAAA,CAAAD,QAAA;MACTlB,KAAA,EAAAY,MAAA","ignoreList":[]}
@@ -1,31 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
14
- get: () => from[key],
15
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
16
- });
17
- }
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: true
22
- }), mod);
23
- var context_exports = {};
24
- __export(context_exports, {
25
- ZIndexHardcodedContext: () => ZIndexHardcodedContext,
26
- ZIndexStackContext: () => ZIndexStackContext
27
- });
28
- module.exports = __toCommonJS(context_exports);
29
- var import_react = require("react");
30
- const ZIndexStackContext = (0, import_react.createContext)(1);
31
- const ZIndexHardcodedContext = (0, import_react.createContext)(void 0);
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
25
- var context_exports = {};
26
- __export(context_exports, {
27
- ZIndexHardcodedContext: () => ZIndexHardcodedContext,
28
- ZIndexStackContext: () => ZIndexStackContext
29
- });
30
- module.exports = __toCommonJS(context_exports);
31
- var import_react = require("react");
32
- var ZIndexStackContext = (0, import_react.createContext)(1);
33
- var ZIndexHardcodedContext = (0, import_react.createContext)(void 0);
34
- //# sourceMappingURL=context.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","context_exports","__export","ZIndexHardcodedContext","ZIndexStackContext","module","exports","import_react","require","createContext"],"sources":["../../src/context.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAA8B,CAAAK,eAAA;AAGvB,IAAAM,YAAM,GAAAC,OAAA,QAAqB;AAG3B,IAAAJ,kBAAM,OAAAG,YAAyB,CAAAE,aAAA","ignoreList":[]}
@@ -1,22 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
8
- get: () => from[key],
9
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
10
- });
11
- }
12
- return to;
13
- };
14
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
15
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
16
- value: true
17
- }), mod);
18
- var index_exports = {};
19
- module.exports = __toCommonJS(index_exports);
20
- __reExport(index_exports, require("./useStackedZIndex.cjs"), module.exports);
21
- __reExport(index_exports, require("./StackZIndex.cjs"), module.exports);
22
- __reExport(index_exports, require("./context.cjs"), module.exports);
@@ -1,25 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from === "object" || typeof from === "function") {
9
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
- get: () => from[key],
11
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
- });
13
- }
14
- return to;
15
- };
16
- var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
17
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
18
- value: true
19
- }), mod);
20
- var index_exports = {};
21
- module.exports = __toCommonJS(index_exports);
22
- __reExport(index_exports, require("./useStackedZIndex.native.js"), module.exports);
23
- __reExport(index_exports, require("./StackZIndex.native.js"), module.exports);
24
- __reExport(index_exports, require("./context.native.js"), module.exports);
25
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BADd,GAAAH,MAAA,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,0BAFd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}
@@ -1,18 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __copyProps = (to, from, except, desc) => {
6
- if (from && typeof from === "object" || typeof from === "function") {
7
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
8
- get: () => from[key],
9
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
10
- });
11
- }
12
- return to;
13
- };
14
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
15
- value: true
16
- }), mod);
17
- var types_exports = {};
18
- module.exports = __toCommonJS(types_exports);
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from === "object" || typeof from === "function") {
9
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
10
- get: () => from[key],
11
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
12
- });
13
- }
14
- return to;
15
- };
16
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
17
- value: true
18
- }), mod);
19
- var types_exports = {};
20
- module.exports = __toCommonJS(types_exports);
21
- //# sourceMappingURL=types.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
@@ -1,94 +0,0 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __getOwnPropNames = Object.getOwnPropertyNames;
4
- var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __export = (target, all) => {
6
- for (var name in all) __defProp(target, name, {
7
- get: all[name],
8
- enumerable: true
9
- });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
14
- get: () => from[key],
15
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
16
- });
17
- }
18
- return to;
19
- };
20
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
21
- value: true
22
- }), mod);
23
- var useStackedZIndex_exports = {};
24
- __export(useStackedZIndex_exports, {
25
- useStackedZIndex: () => useStackedZIndex
26
- });
27
- module.exports = __toCommonJS(useStackedZIndex_exports);
28
- var import_react = require("react");
29
- var import_context = require("./context.cjs");
30
- const ZIndicesByContext = {};
31
- const CurrentPortalZIndices = {};
32
- const useStackedZIndex = props => {
33
- if (process.env.GUI_STACK_Z_INDEX_GLOBAL) {
34
- const {
35
- stackZIndex,
36
- zIndex: zIndexProp
37
- } = props;
38
- const id = (0, import_react.useId)();
39
- const zIndex = (0, import_react.useMemo)(() => {
40
- if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
41
- const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
42
- return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
43
- }
44
- return zIndexProp ?? 1e3;
45
- }, [stackZIndex]);
46
- (0, import_react.useEffect)(() => {
47
- if (typeof stackZIndex === "number") {
48
- CurrentPortalZIndices[id] = stackZIndex;
49
- return () => {
50
- delete CurrentPortalZIndices[id];
51
- };
52
- }
53
- }, [stackZIndex]);
54
- return zIndex;
55
- } else {
56
- const {
57
- stackZIndex,
58
- zIndex: zIndexProp
59
- } = props;
60
- const id = (0, import_react.useId)();
61
- const stackingContextLevel = (0, import_react.useContext)(import_context.ZIndexStackContext);
62
- const stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel;
63
- const hardcoded = (0, import_react.useContext)(import_context.ZIndexHardcodedContext);
64
- ZIndicesByContext[stackLayer] ||= {};
65
- const stackContext = ZIndicesByContext[stackLayer];
66
- const zIndex = (0, import_react.useMemo)(() => {
67
- if (typeof zIndexProp === "number") {
68
- return zIndexProp;
69
- }
70
- if (stackZIndex) {
71
- if (hardcoded) {
72
- return hardcoded + 1;
73
- }
74
- const entries = Object.values(stackContext);
75
- const baseForLayer = stackLayer * 5e3;
76
- const nextLayerBase = (stackLayer + 1) * 5e3;
77
- const validEntries = entries.filter(z => z < nextLayerBase);
78
- const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
79
- const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
80
- return typeof stackZIndex === "number" ? stackZIndex + nextZIndex : nextZIndex;
81
- }
82
- return 1;
83
- }, [stackLayer, zIndexProp, stackZIndex]);
84
- (0, import_react.useEffect)(() => {
85
- if (stackZIndex) {
86
- stackContext[id] = zIndex;
87
- return () => {
88
- delete stackContext[id];
89
- };
90
- }
91
- }, [zIndex]);
92
- return zIndex;
93
- }
94
- };
@@ -1,102 +0,0 @@
1
- "use strict";
2
-
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all) __defProp(target, name, {
9
- get: all[name],
10
- enumerable: true
11
- });
12
- };
13
- var __copyProps = (to, from, except, desc) => {
14
- if (from && typeof from === "object" || typeof from === "function") {
15
- for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
16
- get: () => from[key],
17
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
18
- });
19
- }
20
- return to;
21
- };
22
- var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
23
- value: true
24
- }), mod);
25
- var useStackedZIndex_exports = {};
26
- __export(useStackedZIndex_exports, {
27
- useStackedZIndex: () => useStackedZIndex
28
- });
29
- module.exports = __toCommonJS(useStackedZIndex_exports);
30
- var import_react = require("react");
31
- var import_context = require("./context.native.js");
32
- var ZIndicesByContext = {};
33
- var CurrentPortalZIndices = {};
34
- var useStackedZIndex = function (props) {
35
- if (process.env.GUI_STACK_Z_INDEX_GLOBAL) {
36
- var {
37
- stackZIndex,
38
- zIndex: zIndexProp
39
- } = props;
40
- var id = (0, import_react.useId)();
41
- var zIndex = (0, import_react.useMemo)(function () {
42
- if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
43
- var highest = Object.values(CurrentPortalZIndices).reduce(function (acc, cur) {
44
- return Math.max(acc, cur);
45
- }, 0);
46
- return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
47
- }
48
- return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;
49
- }, [stackZIndex]);
50
- (0, import_react.useEffect)(function () {
51
- if (typeof stackZIndex === "number") {
52
- CurrentPortalZIndices[id] = stackZIndex;
53
- return function () {
54
- delete CurrentPortalZIndices[id];
55
- };
56
- }
57
- }, [stackZIndex]);
58
- return zIndex;
59
- } else {
60
- var _ZIndicesByContext, _stackLayer;
61
- var {
62
- stackZIndex: stackZIndex1,
63
- zIndex: zIndexProp1
64
- } = props;
65
- var id1 = (0, import_react.useId)();
66
- var stackingContextLevel = (0, import_react.useContext)(import_context.ZIndexStackContext);
67
- var stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel;
68
- var hardcoded = (0, import_react.useContext)(import_context.ZIndexHardcodedContext);
69
- (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
70
- var stackContext = ZIndicesByContext[stackLayer];
71
- var zIndex1 = (0, import_react.useMemo)(function () {
72
- if (typeof zIndexProp1 === "number") {
73
- return zIndexProp1;
74
- }
75
- if (stackZIndex1) {
76
- if (hardcoded) {
77
- return hardcoded + 1;
78
- }
79
- var entries = Object.values(stackContext);
80
- var baseForLayer = stackLayer * 5e3;
81
- var nextLayerBase = (stackLayer + 1) * 5e3;
82
- var validEntries = entries.filter(function (z) {
83
- return z < nextLayerBase;
84
- });
85
- var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
86
- var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
87
- return typeof stackZIndex1 === "number" ? stackZIndex1 + nextZIndex : nextZIndex;
88
- }
89
- return 1;
90
- }, [stackLayer, zIndexProp1, stackZIndex1]);
91
- (0, import_react.useEffect)(function () {
92
- if (stackZIndex1) {
93
- stackContext[id1] = zIndex1;
94
- return function () {
95
- delete stackContext[id1];
96
- };
97
- }
98
- }, [zIndex1]);
99
- return zIndex1;
100
- }
101
- };
102
- //# sourceMappingURL=useStackedZIndex.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useStackedZIndex_exports","__export","useStackedZIndex","module","exports","import_react","require","import_context","ZIndicesByContext","CurrentPortalZIndices","props","process","env","GUI_STACK_Z_INDEX_GLOBAL","stackZIndex","zIndex","zIndexProp","id","useId","useMemo","highest","Object","values","reduce","acc","cur","Math","max","useEffect","_ZIndicesByContext","_stackLayer","stackZIndex1","zIndexProp1","id1","stackingContextLevel","useContext","ZIndexStackContext","stackLayer","hardcoded","ZIndexHardcodedContext","stackContext","zIndex1","entries","baseForLayer","nextLayerBase","validEntries","filter","z","length","nextZIndex"],"sources":["../../src/useStackedZIndex.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
@@ -1,22 +0,0 @@
1
- import { useContext } from "react";
2
- import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.mjs";
3
- import { jsx } from "react/jsx-runtime";
4
- const StackZIndexContext = ({
5
- children,
6
- zIndex
7
- }) => {
8
- const existing = useContext(ZIndexStackContext);
9
- let content = /* @__PURE__ */jsx(ZIndexStackContext.Provider, {
10
- value: existing + 1,
11
- children
12
- });
13
- if (typeof zIndex !== "undefined") {
14
- content = /* @__PURE__ */jsx(ZIndexHardcodedContext.Provider, {
15
- value: zIndex,
16
- children: content
17
- });
18
- }
19
- return content;
20
- };
21
- export { StackZIndexContext };
22
- //# sourceMappingURL=StackZIndex.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useContext","ZIndexHardcodedContext","ZIndexStackContext","jsx","StackZIndexContext","children","zIndex","existing","content","Provider","value"],"sources":["../../src/StackZIndex.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AAC3B,SAASC,sBAAA,EAAwBC,kBAAA,QAA0B;AAYvD,SAAAC,GAAA;AAVG,MAAMC,kBAAA,GAAqBA,CAAC;EACjCC,QAAA;EACAC;AACF,MAGM;EACJ,MAAMC,QAAA,GAAWP,UAAA,CAAWE,kBAAkB;EAE9C,IAAIM,OAAA,GACF,eAAAL,GAAA,CAACD,kBAAA,CAAmBO,QAAA,EAAnB;IAA4BC,KAAA,EAAOH,QAAA,GAAW;IAC5CF;EAAA,CACH;EAGF,IAAI,OAAOC,MAAA,KAAW,aAAa;IACjCE,OAAA,GACE,eAAAL,GAAA,CAACF,sBAAA,CAAuBQ,QAAA,EAAvB;MAAgCC,KAAA,EAAOJ,MAAA;MACrCD,QAAA,EAAAG;IAAA,CACH;EAEJ;EAEA,OAAOA,OAAA;AACT","ignoreList":[]}
@@ -1,23 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useContext } from "react";
3
- import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.native.js";
4
- var StackZIndexContext = function (param) {
5
- var {
6
- children,
7
- zIndex
8
- } = param;
9
- var existing = useContext(ZIndexStackContext);
10
- var content = /* @__PURE__ */_jsx(ZIndexStackContext.Provider, {
11
- value: existing + 1,
12
- children
13
- });
14
- if (typeof zIndex !== "undefined") {
15
- content = /* @__PURE__ */_jsx(ZIndexHardcodedContext.Provider, {
16
- value: zIndex,
17
- children: content
18
- });
19
- }
20
- return content;
21
- };
22
- export { StackZIndexContext };
23
- //# sourceMappingURL=StackZIndex.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["jsx","_jsx","useContext","ZIndexHardcodedContext","ZIndexStackContext","StackZIndexContext","param","children","zIndex","existing","content","Provider","value"],"sources":["../../src/StackZIndex.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAkB;AAC3B,SAASC,UAAA,eAAwB;AAY7B,SAAAC,sBAAA,EAAAC,kBAAA;AAVG,IAAAC,kBAAM,YAAAA,CAAsBC,KAAA;EACjC;IAAAC,QAAA;IAAAC;EAAA,IAAAF,KAAA;EACA,IAAAG,QAAA,GAAAP,UAAA,CAAAE,kBAAA;EACF,IAGMM,OAAA,kBAAAT,IAAA,CAAAG,kBAAA,CAAAO,QAAA;IACJC,KAAM,EAAAH,QAAW;IAEjBF;EAMA;EACE,WAAAC,MACE,gBAAC;IAILE,OAAA,kBAAAT,IAAA,CAAAE,sBAAA,CAAAQ,QAAA;MAEAC,KAAO,EAAAJ,MAAA;MACTD,QAAA,EAAAG","ignoreList":[]}
@@ -1,5 +0,0 @@
1
- import { createContext } from "react";
2
- const ZIndexStackContext = createContext(1);
3
- const ZIndexHardcodedContext = createContext(void 0);
4
- export { ZIndexHardcodedContext, ZIndexStackContext };
5
- //# sourceMappingURL=context.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["createContext","ZIndexStackContext","ZIndexHardcodedContext"],"sources":["../../src/context.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,QAAqB;AAGvB,MAAMC,kBAAA,GAAqBD,aAAA,CAAc,CAAC;AAG1C,MAAME,sBAAA,GAAyBF,aAAA,CAAkC,MAAS","ignoreList":[]}
@@ -1,5 +0,0 @@
1
- import { createContext } from "react";
2
- var ZIndexStackContext = createContext(1);
3
- var ZIndexHardcodedContext = createContext(void 0);
4
- export { ZIndexHardcodedContext, ZIndexStackContext };
5
- //# sourceMappingURL=context.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["createContext","ZIndexStackContext","ZIndexHardcodedContext"],"sources":["../../src/context.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,QAAqB;AAGvB,IAAAC,kBAAM,GAAAD,aAAqB,GAAc;AAGzC,IAAAE,sBAAM,GAAAF,aAAyB,MAAkC","ignoreList":[]}
@@ -1,4 +0,0 @@
1
- export * from "./useStackedZIndex.mjs";
2
- export * from "./StackZIndex.mjs";
3
- export * from "./context.mjs";
4
- //# sourceMappingURL=index.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1,4 +0,0 @@
1
- export * from "./useStackedZIndex.native.js";
2
- export * from "./StackZIndex.native.js";
3
- export * from "./context.native.js";
4
- //# sourceMappingURL=index.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
@@ -1,2 +0,0 @@
1
-
2
- //# sourceMappingURL=types.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
@@ -1,69 +0,0 @@
1
- import { useContext, useEffect, useId, useMemo } from "react";
2
- import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.mjs";
3
- const ZIndicesByContext = {};
4
- const CurrentPortalZIndices = {};
5
- const useStackedZIndex = props => {
6
- if (process.env.GUI_STACK_Z_INDEX_GLOBAL) {
7
- const {
8
- stackZIndex,
9
- zIndex: zIndexProp
10
- } = props;
11
- const id = useId();
12
- const zIndex = useMemo(() => {
13
- if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
14
- const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
15
- return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
16
- }
17
- return zIndexProp ?? 1e3;
18
- }, [stackZIndex]);
19
- useEffect(() => {
20
- if (typeof stackZIndex === "number") {
21
- CurrentPortalZIndices[id] = stackZIndex;
22
- return () => {
23
- delete CurrentPortalZIndices[id];
24
- };
25
- }
26
- }, [stackZIndex]);
27
- return zIndex;
28
- } else {
29
- const {
30
- stackZIndex,
31
- zIndex: zIndexProp
32
- } = props;
33
- const id = useId();
34
- const stackingContextLevel = useContext(ZIndexStackContext);
35
- const stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel;
36
- const hardcoded = useContext(ZIndexHardcodedContext);
37
- ZIndicesByContext[stackLayer] ||= {};
38
- const stackContext = ZIndicesByContext[stackLayer];
39
- const zIndex = useMemo(() => {
40
- if (typeof zIndexProp === "number") {
41
- return zIndexProp;
42
- }
43
- if (stackZIndex) {
44
- if (hardcoded) {
45
- return hardcoded + 1;
46
- }
47
- const entries = Object.values(stackContext);
48
- const baseForLayer = stackLayer * 5e3;
49
- const nextLayerBase = (stackLayer + 1) * 5e3;
50
- const validEntries = entries.filter(z => z < nextLayerBase);
51
- const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
52
- const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
53
- return typeof stackZIndex === "number" ? stackZIndex + nextZIndex : nextZIndex;
54
- }
55
- return 1;
56
- }, [stackLayer, zIndexProp, stackZIndex]);
57
- useEffect(() => {
58
- if (stackZIndex) {
59
- stackContext[id] = zIndex;
60
- return () => {
61
- delete stackContext[id];
62
- };
63
- }
64
- }, [zIndex]);
65
- return zIndex;
66
- }
67
- };
68
- export { useStackedZIndex };
69
- //# sourceMappingURL=useStackedZIndex.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useContext","useEffect","useId","useMemo","ZIndexHardcodedContext","ZIndexStackContext","ZIndicesByContext","CurrentPortalZIndices","useStackedZIndex","props","process","env","GUI_STACK_Z_INDEX_GLOBAL","stackZIndex","zIndex","zIndexProp","id","highest","Object","values","reduce","acc","cur","Math","max","stackingContextLevel","stackLayer","hardcoded","stackContext","entries","baseForLayer","nextLayerBase","validEntries","filter","z","length","nextZIndex"],"sources":["../../src/useStackedZIndex.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,SAAA,EAAWC,KAAA,EAAOC,OAAA,QAAe;AACtD,SAASC,sBAAA,EAAwBC,kBAAA,QAA0B;AAI3D,MAAMC,iBAAA,GAA4D,CAAC;AAGnE,MAAMC,qBAAA,GAAgD,CAAC;AAEhD,MAAMC,gBAAA,GAAoBC,KAAA,IAG3B;EACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,wBAAA,EAA0B;IACxC,MAAM;MAAEC,WAAA;MAAaC,MAAA,EAAQC;IAAW,IAAIN,KAAA;IAC5C,MAAMO,EAAA,GAAKd,KAAA,CAAM;IAEjB,MAAMY,MAAA,GAASX,OAAA,CAAQ,MAAM;MAC3B,IAAIU,WAAA,IAAeA,WAAA,KAAgB,YAAYE,UAAA,KAAe,QAAW;QACvE,MAAME,OAAA,GAAUC,MAAA,CAAOC,MAAA,CAAOZ,qBAAqB,EAAEa,MAAA,CACnD,CAACC,GAAA,EAAKC,GAAA,KAAQC,IAAA,CAAKC,GAAA,CAAIH,GAAA,EAAKC,GAAG,GAC/B,CACF;QACA,OAAOC,IAAA,CAAKC,GAAA,CAAIX,WAAA,KAAgB,OAAO,IAAIA,WAAA,EAAaI,OAAA,GAAU,CAAC;MACrE;MACA,OAAOF,UAAA,IAAc;IACvB,GAAG,CAACF,WAAW,CAAC;IAEhBZ,SAAA,CAAU,MAAM;MACd,IAAI,OAAOY,WAAA,KAAgB,UAAU;QACnCN,qBAAA,CAAsBS,EAAE,IAAIH,WAAA;QAC5B,OAAO,MAAM;UACX,OAAON,qBAAA,CAAsBS,EAAE;QACjC;MACF;IACF,GAAG,CAACH,WAAW,CAAC;IAEhB,OAAOC,MAAA;EACT,OAAO;IACL,MAAM;MAAED,WAAA;MAAaC,MAAA,EAAQC;IAAW,IAAIN,KAAA;IAC5C,MAAMO,EAAA,GAAKd,KAAA,CAAM;IACjB,MAAMuB,oBAAA,GAAuBzB,UAAA,CAAWK,kBAAkB;IAC1D,MAAMqB,UAAA,GAAab,WAAA,KAAgB,WAAW,IAAIY,oBAAA;IAClD,MAAME,SAAA,GAAY3B,UAAA,CAAWI,sBAAsB;IAEnDE,iBAAA,CAAkBoB,UAAU,MAAM,CAAC;IACnC,MAAME,YAAA,GAAetB,iBAAA,CAAkBoB,UAAU;IAEjD,MAAMZ,MAAA,GAASX,OAAA,CAAQ,MAAM;MAC3B,IAAI,OAAOY,UAAA,KAAe,UAAU;QAClC,OAAOA,UAAA;MACT;MAEA,IAAIF,WAAA,EAAa;QACf,IAAIc,SAAA,EAAW;UACb,OAAOA,SAAA,GAAY;QACrB;QAEA,MAAME,OAAA,GAAUX,MAAA,CAAOC,MAAA,CAAOS,YAAY;QAC1C,MAAME,YAAA,GAAeJ,UAAA,GAAa;QAClC,MAAMK,aAAA,IAAiBL,UAAA,GAAa,KAAK;QAIzC,MAAMM,YAAA,GAAeH,OAAA,CAAQI,MAAA,CAAQC,CAAA,IAAMA,CAAA,GAAIH,aAAa;QAE5D,MAAMd,OAAA,GAAUe,YAAA,CAAaG,MAAA,GAAS,IAAIZ,IAAA,CAAKC,GAAA,CAAI,GAAGQ,YAAY,IAAIF,YAAA;QAGtE,MAAMM,UAAA,GAAanB,OAAA,KAAYa,YAAA,GAAeA,YAAA,GAAe,IAAIb,OAAA,GAAU;QAG3E,OAAO,OAAOJ,WAAA,KAAgB,WAAWA,WAAA,GAAcuB,UAAA,GAAaA,UAAA;MACtE;MAEA,OAAO;IACT,GAAG,CAACV,UAAA,EAAYX,UAAA,EAAYF,WAAW,CAAC;IAExCZ,SAAA,CAAU,MAAM;MACd,IAAIY,WAAA,EAAa;QACfe,YAAA,CAAaZ,EAAE,IAAIF,MAAA;QACnB,OAAO,MAAM;UACX,OAAOc,YAAA,CAAaZ,EAAE;QACxB;MACF;IACF,GAAG,CAACF,MAAM,CAAC;IAEX,OAAOA,MAAA;EACT;AACF","ignoreList":[]}
@@ -1,74 +0,0 @@
1
- import { useContext, useEffect, useId, useMemo } from "react";
2
- import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.native.js";
3
- var ZIndicesByContext = {};
4
- var CurrentPortalZIndices = {};
5
- var useStackedZIndex = function (props) {
6
- if (process.env.GUI_STACK_Z_INDEX_GLOBAL) {
7
- var {
8
- stackZIndex,
9
- zIndex: zIndexProp
10
- } = props;
11
- var id = useId();
12
- var zIndex = useMemo(function () {
13
- if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
14
- var highest = Object.values(CurrentPortalZIndices).reduce(function (acc, cur) {
15
- return Math.max(acc, cur);
16
- }, 0);
17
- return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1);
18
- }
19
- return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;
20
- }, [stackZIndex]);
21
- useEffect(function () {
22
- if (typeof stackZIndex === "number") {
23
- CurrentPortalZIndices[id] = stackZIndex;
24
- return function () {
25
- delete CurrentPortalZIndices[id];
26
- };
27
- }
28
- }, [stackZIndex]);
29
- return zIndex;
30
- } else {
31
- var _ZIndicesByContext, _stackLayer;
32
- var {
33
- stackZIndex: stackZIndex1,
34
- zIndex: zIndexProp1
35
- } = props;
36
- var id1 = useId();
37
- var stackingContextLevel = useContext(ZIndexStackContext);
38
- var stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel;
39
- var hardcoded = useContext(ZIndexHardcodedContext);
40
- (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
41
- var stackContext = ZIndicesByContext[stackLayer];
42
- var zIndex1 = useMemo(function () {
43
- if (typeof zIndexProp1 === "number") {
44
- return zIndexProp1;
45
- }
46
- if (stackZIndex1) {
47
- if (hardcoded) {
48
- return hardcoded + 1;
49
- }
50
- var entries = Object.values(stackContext);
51
- var baseForLayer = stackLayer * 5e3;
52
- var nextLayerBase = (stackLayer + 1) * 5e3;
53
- var validEntries = entries.filter(function (z) {
54
- return z < nextLayerBase;
55
- });
56
- var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
57
- var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
58
- return typeof stackZIndex1 === "number" ? stackZIndex1 + nextZIndex : nextZIndex;
59
- }
60
- return 1;
61
- }, [stackLayer, zIndexProp1, stackZIndex1]);
62
- useEffect(function () {
63
- if (stackZIndex1) {
64
- stackContext[id1] = zIndex1;
65
- return function () {
66
- delete stackContext[id1];
67
- };
68
- }
69
- }, [zIndex1]);
70
- return zIndex1;
71
- }
72
- };
73
- export { useStackedZIndex };
74
- //# sourceMappingURL=useStackedZIndex.native.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["useContext","useEffect","useId","useMemo","ZIndexHardcodedContext","ZIndexStackContext","ZIndicesByContext","CurrentPortalZIndices","useStackedZIndex","props","process","env","GUI_STACK_Z_INDEX_GLOBAL","stackZIndex","zIndex","zIndexProp","id","highest","Object","values","reduce","acc","cur","Math","max","_ZIndicesByContext","_stackLayer","stackZIndex1","zIndexProp1","id1","stackingContextLevel","stackLayer","hardcoded","stackContext","zIndex1","entries","baseForLayer","nextLayerBase","validEntries","filter","z","length","nextZIndex"],"sources":["../../src/useStackedZIndex.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,SAAA,EAAWC,KAAA,EAAOC,OAAA,QAAe;AACtD,SAASC,sBAAA,EAAwBC,kBAAA,QAA0B;AAI3D,IAAAC,iBAAM,KAA4D;AAGlE,IAAAC,qBAAM,KAAgD;AAE/C,IAAAC,gBAAM,YAAAA,CAAoBC,KAG3B;EACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,wBAAA,EAA0B;IACxC;MAAMC,WAAE;MAAAC,MAAa,EAAAC;IAAQ,IAAWN,KAAI;IAC5C,IAAAO,EAAM,GAAAd,KAAK;IAEX,IAAAY,MAAM,GAAAX,OAAS,aAAc;MAC3B,IAAIU,WAAA,IAAeA,WAAA,KAAgB,YAAYE,UAAA,KAAe,QAAW;QACvE,IAAAE,OAAM,GAAAC,MAAU,CAAAC,MAAO,CAAAZ,qBAAO,EAAqBa,MAAE,WAAAC,GAAA,EAAAC,GAAA;UACnD,OAAMC,IAAA,CAAAC,GAAQ,CAAAH,GAAK,EAAAC,GAAI;QAAQ,GAC/B;QACF,OAAAC,IAAA,CAAAC,GAAA,CAAAX,WAAA,gBAAAA,WAAA,EAAAI,OAAA;MACA;MACF,OAAAF,UAAA,aAAAA,UAAA,cAAAA,UAAA;IACA,IACFF,WAAI,CAEJ;IACEZ,SAAI,aAAO;MACT,WAAAY,WAAA,KAAwB,QAAI;QAC5BN,qBAAa,CAAAS,EAAA,IAAAH,WAAA;QACX,mBAAO;UACT,OAAAN,qBAAA,CAAAS,EAAA;QACF;MACF;IAEA,IACFH,WAAO,CACL;IACA,OAAMC,MAAK;EACX;IACA,IAAAW,kBAAmB,EAAAC,WAAgB;IACnC;MAAMb,WAAA,EAAYc,YAAW;MAAAb,MAAA,EAAAc;IAAsB,IAAAnB,KAAA;IAEnD,IAAAoB,GAAA,GAAA3B,KAAA;IACA,IAAA4B,oBAAqB,GAAA9B,UAAA,CAAAK,kBAA4B;IAEjD,IAAA0B,UAAM,GAASJ,YAAc,oBAAAG,oBAAA;IAC3B,IAAAE,SAAW,GAAAhC,UAAA,CAAAI,sBAAyB;IAClC,CAAAqB,kBAAO,GAAAnB,iBAAA,EAAAoB,WAAA,GAAAK,UAAA,MAAAN,kBAAA,CAAAC,WAAA;IAAA,IACTO,YAAA,GAAA3B,iBAAA,CAAAyB,UAAA;IAEA,IAAAG,OAAI,GAAA/B,OAAa;MACf,WAAIyB,WAAW;QACb,OAAAA,WAAO;MAAY;MAGrB,IAAAD,YAAM,EAAU;QAChB,IAAAK,SAAM;UACN,OAAMA,SAAA;QAIN;QAEA,IAAAG,OAAM,GAAAjB,MAAU,CAAAC,MAAA,CAAAc,YAAsB;QAGtC,IAAAG,YAAM,GAAaL,UAAA,GAAY;QAG/B,IAAAM,aAAc,IAAAN,UAAgB,WAAW;QAC3C,IAAAO,YAAA,GAAAH,OAAA,CAAAI,MAAA,WAAAC,CAAA;UAEA,OAAOA,CAAA,GAAAH,aAAA;QACL;QAEJ,IAAApB,OAAU,GAAMqB,YAAA,CAAAG,MAAA,OAAAlB,IAAA,CAAAC,GAAA,IAAAc,YAAA,IAAAF,YAAA;QACd,IAAIM,UAAA,GAAazB,OAAA,KAAAmB,YAAA,GAAAA,YAAA,OAAAnB,OAAA;QACf,cAAaU,YAAM,gBAAAA,YAAA,GAAAe,UAAA,GAAAA,UAAA;MACnB;MACE;IAAsB,IAE1BX,UAAA,EACFH,WAAW,EAEXD,YAAO,CACT;IACF1B,SAAA","ignoreList":[]}