@hanzogui/z-index-stack 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/StackZIndex.cjs

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackZIndex_exports = {};
+__export(StackZIndex_exports, {
+  StackZIndexContext: () => StackZIndexContext
+});
+module.exports = __toCommonJS(StackZIndex_exports);
+var import_react = require("react"),
+  import_context = require("./context.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const StackZIndexContext = ({
+  children,
+  zIndex
+}) => {
+  const existing = (0, import_react.useContext)(import_context.ZIndexStackContext);
+  let content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexStackContext.Provider, {
+    value: existing + 1,
+    children
+  });
+  return typeof zIndex < "u" && (content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexHardcodedContext.Provider, {
+    value: zIndex,
+    children: content
+  })), content;
+};

package/dist/cjs/StackZIndex.native.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var StackZIndex_exports = {};
+__export(StackZIndex_exports, {
+  StackZIndexContext: () => StackZIndexContext
+});
+module.exports = __toCommonJS(StackZIndex_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = require("react"),
+  import_context = require("./context.native.js"),
+  StackZIndexContext = function (param) {
+    var {
+        children,
+        zIndex
+      } = param,
+      existing = (0, import_react.useContext)(import_context.ZIndexStackContext),
+      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexStackContext.Provider, {
+        value: existing + 1,
+        children
+      });
+    return typeof zIndex < "u" && (content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexHardcodedContext.Provider, {
+      value: zIndex,
+      children: content
+    })), content;
+  };
+//# sourceMappingURL=StackZIndex.native.js.map

package/dist/cjs/StackZIndex.native.js.map

@@ -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,mBAC3B;AAEO,IAAAK,kBAAM,GAAAC,OAAsB;EAAAC,YAAA,GAAAD,OAAA;EAAAE,cAAA,GAAAF,OAAA;EAAAJ,kBAAA,YAAAA,CAAAO,KAAA;IACjC;QAAAC,QAAA;QAAAC;MAAA,IAAAF,KAAA;MAAAG,QAAA,OAAAL,YAAA,CAAAM,UAAA,EAAAL,cAAA,CAAAM,kBAAA;MAAAC,OAAA,sBAAAV,kBAAA,CAAAW,GAAA,EAAAR,cAAA,CAAAM,kBAAA,CAAAG,QAAA;QACAlB,KAAA,EAAAa,QAAA;QACFF;MAIE;IAEA,OAAI,OACFC,MAAA,WAAAI,OAAA,mBAAC,GAAAV,kBAAA,CAAAW,GAAA,EAAAR,cAAmB,CAAAU,sBAA2B,CAAAD,QAC5C;MAILlB,KAAI,EAAAY,MAAO;MASbD,QAAA,EAAAK","ignoreList":[]}

package/dist/cjs/context.cjs

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var context_exports = {};
+__export(context_exports, {
+  ZIndexHardcodedContext: () => ZIndexHardcodedContext,
+  ZIndexStackContext: () => ZIndexStackContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+const ZIndexStackContext = (0, import_react.createContext)(1),
+  ZIndexHardcodedContext = (0, import_react.createContext)(void 0);

package/dist/cjs/context.native.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var context_exports = {};
+__export(context_exports, {
+  ZIndexHardcodedContext: () => ZIndexHardcodedContext,
+  ZIndexStackContext: () => ZIndexStackContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react"),
+  ZIndexStackContext = (0, import_react.createContext)(1),
+  ZIndexHardcodedContext = (0, import_react.createContext)(void 0);
+//# sourceMappingURL=context.native.js.map

package/dist/cjs/context.native.js.map

@@ -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;EAAAJ,kBAAA,IAAc,CAAC,EAAAG,YAGpC,CAAAE,aAAA,IAAyB;EAAAN,sBAAA,IAAkC,GAAAI,YAAS,CAAAE,aAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,20 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useStackedZIndex.cjs"), module.exports);
+__reExport(index_exports, require("./StackZIndex.cjs"), module.exports);
+__reExport(index_exports, require("./context.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,23 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./useStackedZIndex.native.js"), module.exports);
+__reExport(index_exports, require("./StackZIndex.native.js"), module.exports);
+__reExport(index_exports, require("./context.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -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":[]}

package/dist/cjs/types.cjs

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+    get: () => from[key],
+    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+  });
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.native.js.map

package/dist/cjs/types.native.js.map

@@ -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":[]}

package/dist/cjs/useStackedZIndex.cjs

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react"),
+  import_context = require("./context.cjs");
+const ZIndicesByContext = {},
+  CurrentPortalZIndices = {},
+  useStackedZIndex = props => {
+    if (process.env.HANZO_GUI_STACK_Z_INDEX_GLOBAL) {
+      const {
+          stackZIndex,
+          zIndex: zIndexProp
+        } = props,
+        id = (0, import_react.useId)(),
+        zIndex = (0, import_react.useMemo)(() => {
+          if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
+            const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
+            return Math.max(stackZIndex === !0 ? 1 : stackZIndex, highest + 1);
+          }
+          return zIndexProp ?? 1e3;
+        }, [stackZIndex]);
+      return (0, import_react.useEffect)(() => {
+        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, () => {
+          delete CurrentPortalZIndices[id];
+        };
+      }, [stackZIndex]), zIndex;
+    } else {
+      const {
+          stackZIndex,
+          zIndex: zIndexProp
+        } = props,
+        id = (0, import_react.useId)(),
+        stackingContextLevel = (0, import_react.useContext)(import_context.ZIndexStackContext),
+        stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel,
+        hardcoded = (0, import_react.useContext)(import_context.ZIndexHardcodedContext);
+      ZIndicesByContext[stackLayer] ||= {};
+      const stackContext = ZIndicesByContext[stackLayer],
+        zIndex = (0, import_react.useMemo)(() => {
+          if (typeof zIndexProp == "number") return zIndexProp;
+          if (stackZIndex) {
+            if (hardcoded) return hardcoded + 1;
+            const entries = Object.values(stackContext),
+              baseForLayer = stackLayer * 5e3,
+              nextLayerBase = (stackLayer + 1) * 5e3,
+              validEntries = entries.filter(z => z < nextLayerBase),
+              highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer,
+              nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+            return typeof stackZIndex == "number" ? stackZIndex + nextZIndex : nextZIndex;
+          }
+          return 1;
+        }, [stackLayer, zIndexProp, stackZIndex]);
+      return (0, import_react.useEffect)(() => {
+        if (stackZIndex) return stackContext[id] = zIndex, () => {
+          delete stackContext[id];
+        };
+      }, [zIndex]), zIndex;
+    }
+  };

package/dist/cjs/useStackedZIndex.native.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react"),
+  import_context = require("./context.native.js"),
+  ZIndicesByContext = {},
+  CurrentPortalZIndices = {},
+  useStackedZIndex = function (props) {
+    if (process.env.HANZO_GUI_STACK_Z_INDEX_GLOBAL) {
+      var {
+          stackZIndex,
+          zIndex: zIndexProp
+        } = props,
+        id = (0, import_react.useId)(),
+        zIndex = (0, import_react.useMemo)(function () {
+          if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
+            var highest = Object.values(CurrentPortalZIndices).reduce(function (acc, cur) {
+              return Math.max(acc, cur);
+            }, 0);
+            return Math.max(stackZIndex === !0 ? 1 : stackZIndex, highest + 1);
+          }
+          return zIndexProp ?? 1e3;
+        }, [stackZIndex]);
+      return (0, import_react.useEffect)(function () {
+        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, function () {
+          delete CurrentPortalZIndices[id];
+        };
+      }, [stackZIndex]), zIndex;
+    } else {
+      var _ZIndicesByContext,
+        _stackLayer,
+        {
+          stackZIndex: stackZIndex1,
+          zIndex: zIndexProp1
+        } = props,
+        id1 = (0, import_react.useId)(),
+        stackingContextLevel = (0, import_react.useContext)(import_context.ZIndexStackContext),
+        stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel,
+        hardcoded = (0, import_react.useContext)(import_context.ZIndexHardcodedContext);
+      (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
+      var stackContext = ZIndicesByContext[stackLayer],
+        zIndex1 = (0, import_react.useMemo)(function () {
+          if (typeof zIndexProp1 == "number") return zIndexProp1;
+          if (stackZIndex1) {
+            if (hardcoded) return hardcoded + 1;
+            var entries = Object.values(stackContext),
+              baseForLayer = stackLayer * 5e3,
+              nextLayerBase = (stackLayer + 1) * 5e3,
+              validEntries = entries.filter(function (z) {
+                return z < nextLayerBase;
+              }),
+              highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer,
+              nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+            return typeof stackZIndex1 == "number" ? stackZIndex1 + nextZIndex : nextZIndex;
+          }
+          return 1;
+        }, [stackLayer, zIndexProp1, stackZIndex1]);
+      return (0, import_react.useEffect)(function () {
+        if (stackZIndex1) return stackContext[id1] = zIndex1, function () {
+          delete stackContext[id1];
+        };
+      }, [zIndex1]), zIndex1;
+    }
+  };
+//# sourceMappingURL=useStackedZIndex.native.js.map

package/dist/cjs/useStackedZIndex.native.js.map

@@ -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","HANZO_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":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAsD,CAAAK,wBACK;AAI3D,IAAAK,YAAM,GAAAC,OAA4D,CAAC,OAG7D;EAAAC,cAAA,GAAgDD,OAEzC;EAAAE,iBAGP;EAAAC,qBAAA;EAAAP,gBAAA,YAAAA,CAAAQ,KAAA;IACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,8BAAA,EAAgC;MAC9C;UAAMC,WAAE;UAAAC,MAAa,EAAAC;QAAQ,IAAWN,KAAI;QAAAO,EACtC,OAAAZ,YAAK,CAAAa,KAAA;QAAMH,MAEX,OAAAV,YAAS,CAAAc,OAAA,cAAc;UAC3B,IAAIL,WAAA,IAAeA,WAAA,KAAgB,YAAYE,UAAA,KAAe,QAAW;YACvE,IAAAI,OAAM,GAAAC,MAAU,CAAAC,MAAO,CAAAb,qBAAO,EAAqBc,MAAE,WAAAC,GAAA,EAAAC,GAAA;cACnD,OAAMC,IAAA,CAAAC,GAAQ,CAAAH,GAAK,EAAAC,GAAI;YAAQ,GAC/B;YACF,OAAAC,IAAA,CAAAC,GAAA,CAAAb,WAAA,cAAAA,WAAA,EAAAM,OAAA;UACA;UACF,OAAAJ,UAAA;QACA,IACFF,WAAI,CAEJ;MACE,OAAI,IAAAT,YAAO,CAAAuB,SAAgB;QACzB,WAAAd,WAAA,YAAwB,EAEtB,OAAAL,qBAAO,CAAAQ,EAAsB,IAAEH,WAAA;UACjC,OAAAL,qBAAA,CAAAQ,EAAA;QAEA;MAGN,IACEH,WAAQ,CAMR,GAAAC,MAAA;IACA;MAGE,IAAAc,kBAAW;QAAAC,WAAe;QAAA;UAAAhB,WAAA,EAAAiB,YAAA;UAAAhB,MAAA,EAAAiB;QAAA,IAAAtB,KAAA;QAAAuB,GAAA,OAAA5B,YAAA,CAAAa,KAAA;QAAAgB,oBAAA,OAAA7B,YAAA,CAAA8B,UAAA,EAAA5B,cAAA,CAAA6B,kBAAA;QAAAC,UAAA,GAAAN,YAAA,oBAAAG,oBAAA;QAAAI,SAAA,OAAAjC,YAAA,CAAA8B,UAAA,EAAA5B,cAAA,CAAAgC,sBAAA;MACxB,CAAAV,kBAAO,GAAArB,iBAAA,EAAAsB,WAAA,GAAAO,UAAA,MAAAR,kBAAA,CAAAC,WAAA;MAGT,IAAAU,YAAI,GAAahC,iBAAA,CAAA6B,UAAA;QAAAI,OAAA,OAAApC,YAAA,CAAAc,OAAA;UACf,WAAIa,WAAA,cACF,OAAAA,WAAO;UAGT,IAAAD,YAAM,EAAU;YAchB,IAAAO,SAAO,EACT,OAAAA,SAAA;YAEA,IAAAI,OAAO,GAAArB,MAAA,CAAAC,MAAA,CAAAkB,YAAA;cAAAG,YAAA,GAAAN,UAAA;cAAAO,aAAA,IAAAP,UAAA;cAAAQ,YAAA,GAAAH,OAAA,CAAAI,MAAA,WAAAC,CAAA;gBACL,OAAAA,CAAA,GAAYH,aAAY;cAE5B;cAAAxB,OAAA,GAAAyB,YAAA,CAAAG,MAAU,IAAM,GAAAtB,IAAA,CAAAC,GAAA,IAAAkB,YAAA,IAAAF,YAAA;cAAAM,UAAA,GAAA7B,OAAA,KAAAuB,YAAA,GAAAA,YAAA,OAAAvB,OAAA;YACd,OAAI,OAAAW,YAAA,eAAAA,YAAA,GAAAkB,UAAA,GAAAA,UAAA;UACF;UAEE;QAAsB,IAG5BZ,UAAW,EAGbL,WAAA,EACFD,YAAA,C","ignoreList":[]}

package/dist/esm/StackZIndex.mjs

@@ -0,0 +1,19 @@
+import { useContext } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.mjs";
+import { jsx } from "react/jsx-runtime";
+const StackZIndexContext = ({
+  children,
+  zIndex
+}) => {
+  const existing = useContext(ZIndexStackContext);
+  let content = /* @__PURE__ */jsx(ZIndexStackContext.Provider, {
+    value: existing + 1,
+    children
+  });
+  return typeof zIndex < "u" && (content = /* @__PURE__ */jsx(ZIndexHardcodedContext.Provider, {
+    value: zIndex,
+    children: content
+  })), content;
+};
+export { StackZIndexContext };
+//# sourceMappingURL=StackZIndex.mjs.map

package/dist/esm/StackZIndex.mjs.map

@@ -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,OAAI,OAAOC,MAAA,GAAW,QACpBE,OAAA,GACE,eAAAL,GAAA,CAACF,sBAAA,CAAuBQ,QAAA,EAAvB;IAAgCC,KAAA,EAAOJ,MAAA;IACrCD,QAAA,EAAAG;EAAA,CACH,IAIGA,OAAA;AACT","ignoreList":[]}

package/dist/esm/StackZIndex.native.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.native.js";
+var StackZIndexContext = function (param) {
+  var {
+      children,
+      zIndex
+    } = param,
+    existing = useContext(ZIndexStackContext),
+    content = /* @__PURE__ */_jsx(ZIndexStackContext.Provider, {
+      value: existing + 1,
+      children
+    });
+  return typeof zIndex < "u" && (content = /* @__PURE__ */_jsx(ZIndexHardcodedContext.Provider, {
+    value: zIndex,
+    children: content
+  })), content;
+};
+export { StackZIndexContext };
+//# sourceMappingURL=StackZIndex.native.js.map

package/dist/esm/StackZIndex.native.js.map

@@ -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;MAAAC,QAAA;MAAAC;IAAA,IAAAF,KAAA;IAAAG,QAAA,GAAAP,UAAA,CAAAE,kBAAA;IAAAM,OAAA,kBAAAT,IAAA,CAAAG,kBAAA,CAAAO,QAAA;MACAC,KAAA,EAAAH,QAAA;MACFF;IAIE;EAEA,OAAI,OACFC,MAAA,WAAAE,OAAC,kBAAmBT,IAAA,CAAAE,sBAA2B,CAAAQ,QAC5C;IAILC,KAAI,EAAAJ,MAAO;IASbD,QAAA,EAAAG","ignoreList":[]}

package/dist/esm/context.mjs

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ZIndexStackContext = createContext(1),
+  ZIndexHardcodedContext = createContext(void 0);
+export { ZIndexHardcodedContext, ZIndexStackContext };
+//# sourceMappingURL=context.mjs.map

package/dist/esm/context.mjs.map

@@ -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;EAGpCE,sBAAA,GAAyBF,aAAA,CAAkC,MAAS","ignoreList":[]}

package/dist/esm/context.native.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+var ZIndexStackContext = createContext(1),
+  ZIndexHardcodedContext = createContext(void 0);
+export { ZIndexHardcodedContext, ZIndexStackContext };
+//# sourceMappingURL=context.native.js.map

package/dist/esm/context.native.js.map

@@ -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;EAACE,sBAGpC,GAAAF,aAAyB,MAAkC","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+export * from "./useStackedZIndex.mjs";
+export * from "./StackZIndex.mjs";
+export * from "./context.mjs";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,4 @@
+export * from "./useStackedZIndex.mjs";
+export * from "./StackZIndex.mjs";
+export * from "./context.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,4 @@
+export * from "./useStackedZIndex.native.js";
+export * from "./StackZIndex.native.js";
+export * from "./context.native.js";
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/types.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.mjs.map

package/dist/esm/types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/types.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.native.js.map

package/dist/esm/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/useStackedZIndex.mjs

@@ -0,0 +1,57 @@
+import { useContext, useEffect, useId, useMemo } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.mjs";
+const ZIndicesByContext = {},
+  CurrentPortalZIndices = {},
+  useStackedZIndex = props => {
+    if (process.env.HANZO_GUI_STACK_Z_INDEX_GLOBAL) {
+      const {
+          stackZIndex,
+          zIndex: zIndexProp
+        } = props,
+        id = useId(),
+        zIndex = useMemo(() => {
+          if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
+            const highest = Object.values(CurrentPortalZIndices).reduce((acc, cur) => Math.max(acc, cur), 0);
+            return Math.max(stackZIndex === !0 ? 1 : stackZIndex, highest + 1);
+          }
+          return zIndexProp ?? 1e3;
+        }, [stackZIndex]);
+      return useEffect(() => {
+        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, () => {
+          delete CurrentPortalZIndices[id];
+        };
+      }, [stackZIndex]), zIndex;
+    } else {
+      const {
+          stackZIndex,
+          zIndex: zIndexProp
+        } = props,
+        id = useId(),
+        stackingContextLevel = useContext(ZIndexStackContext),
+        stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel,
+        hardcoded = useContext(ZIndexHardcodedContext);
+      ZIndicesByContext[stackLayer] ||= {};
+      const stackContext = ZIndicesByContext[stackLayer],
+        zIndex = useMemo(() => {
+          if (typeof zIndexProp == "number") return zIndexProp;
+          if (stackZIndex) {
+            if (hardcoded) return hardcoded + 1;
+            const entries = Object.values(stackContext),
+              baseForLayer = stackLayer * 5e3,
+              nextLayerBase = (stackLayer + 1) * 5e3,
+              validEntries = entries.filter(z => z < nextLayerBase),
+              highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer,
+              nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+            return typeof stackZIndex == "number" ? stackZIndex + nextZIndex : nextZIndex;
+          }
+          return 1;
+        }, [stackLayer, zIndexProp, stackZIndex]);
+      return useEffect(() => {
+        if (stackZIndex) return stackContext[id] = zIndex, () => {
+          delete stackContext[id];
+        };
+      }, [zIndex]), zIndex;
+    }
+  };
+export { useStackedZIndex };
+//# sourceMappingURL=useStackedZIndex.mjs.map

package/dist/esm/useStackedZIndex.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useEffect","useId","useMemo","ZIndexHardcodedContext","ZIndexStackContext","ZIndicesByContext","CurrentPortalZIndices","useStackedZIndex","props","process","env","HANZO_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;EAG7DC,qBAAA,GAAgD,CAAC;EAE1CC,gBAAA,GAAoBC,KAAA,IAG3B;IACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,8BAAA,EAAgC;MAC9C,MAAM;UAAEC,WAAA;UAAaC,MAAA,EAAQC;QAAW,IAAIN,KAAA;QACtCO,EAAA,GAAKd,KAAA,CAAM;QAEXY,MAAA,GAASX,OAAA,CAAQ,MAAM;UAC3B,IAAIU,WAAA,IAAeA,WAAA,KAAgB,YAAYE,UAAA,KAAe,QAAW;YACvE,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;YACA,OAAOC,IAAA,CAAKC,GAAA,CAAIX,WAAA,KAAgB,KAAO,IAAIA,WAAA,EAAaI,OAAA,GAAU,CAAC;UACrE;UACA,OAAOF,UAAA,IAAc;QACvB,GAAG,CAACF,WAAW,CAAC;MAEhB,OAAAZ,SAAA,CAAU,MAAM;QACd,IAAI,OAAOY,WAAA,IAAgB,UACzB,OAAAN,qBAAA,CAAsBS,EAAE,IAAIH,WAAA,EACrB,MAAM;UACX,OAAON,qBAAA,CAAsBS,EAAE;QACjC;MAEJ,GAAG,CAACH,WAAW,CAAC,GAETC,MAAA;IACT,OAAO;MACL,MAAM;UAAED,WAAA;UAAaC,MAAA,EAAQC;QAAW,IAAIN,KAAA;QACtCO,EAAA,GAAKd,KAAA,CAAM;QACXuB,oBAAA,GAAuBzB,UAAA,CAAWK,kBAAkB;QACpDqB,UAAA,GAAab,WAAA,KAAgB,WAAW,IAAIY,oBAAA;QAC5CE,SAAA,GAAY3B,UAAA,CAAWI,sBAAsB;MAEnDE,iBAAA,CAAkBoB,UAAU,MAAM,CAAC;MACnC,MAAME,YAAA,GAAetB,iBAAA,CAAkBoB,UAAU;QAE3CZ,MAAA,GAASX,OAAA,CAAQ,MAAM;UAC3B,IAAI,OAAOY,UAAA,IAAe,UACxB,OAAOA,UAAA;UAGT,IAAIF,WAAA,EAAa;YACf,IAAIc,SAAA,EACF,OAAOA,SAAA,GAAY;YAGrB,MAAME,OAAA,GAAUX,MAAA,CAAOC,MAAA,CAAOS,YAAY;cACpCE,YAAA,GAAeJ,UAAA,GAAa;cAC5BK,aAAA,IAAiBL,UAAA,GAAa,KAAK;cAInCM,YAAA,GAAeH,OAAA,CAAQI,MAAA,CAAQC,CAAA,IAAMA,CAAA,GAAIH,aAAa;cAEtDd,OAAA,GAAUe,YAAA,CAAaG,MAAA,GAAS,IAAIZ,IAAA,CAAKC,GAAA,CAAI,GAAGQ,YAAY,IAAIF,YAAA;cAGhEM,UAAA,GAAanB,OAAA,KAAYa,YAAA,GAAeA,YAAA,GAAe,IAAIb,OAAA,GAAU;YAG3E,OAAO,OAAOJ,WAAA,IAAgB,WAAWA,WAAA,GAAcuB,UAAA,GAAaA,UAAA;UACtE;UAEA,OAAO;QACT,GAAG,CAACV,UAAA,EAAYX,UAAA,EAAYF,WAAW,CAAC;MAExC,OAAAZ,SAAA,CAAU,MAAM;QACd,IAAIY,WAAA,EACF,OAAAe,YAAA,CAAaZ,EAAE,IAAIF,MAAA,EACZ,MAAM;UACX,OAAOc,YAAA,CAAaZ,EAAE;QACxB;MAEJ,GAAG,CAACF,MAAM,CAAC,GAEJA,MAAA;IACT;EACF","ignoreList":[]}

package/dist/esm/useStackedZIndex.native.js

@@ -0,0 +1,63 @@
+import { useContext, useEffect, useId, useMemo } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.native.js";
+var ZIndicesByContext = {},
+  CurrentPortalZIndices = {},
+  useStackedZIndex = function (props) {
+    if (process.env.HANZO_GUI_STACK_Z_INDEX_GLOBAL) {
+      var {
+          stackZIndex,
+          zIndex: zIndexProp
+        } = props,
+        id = useId(),
+        zIndex = useMemo(function () {
+          if (stackZIndex && stackZIndex !== "global" && zIndexProp === void 0) {
+            var highest = Object.values(CurrentPortalZIndices).reduce(function (acc, cur) {
+              return Math.max(acc, cur);
+            }, 0);
+            return Math.max(stackZIndex === !0 ? 1 : stackZIndex, highest + 1);
+          }
+          return zIndexProp ?? 1e3;
+        }, [stackZIndex]);
+      return useEffect(function () {
+        if (typeof stackZIndex == "number") return CurrentPortalZIndices[id] = stackZIndex, function () {
+          delete CurrentPortalZIndices[id];
+        };
+      }, [stackZIndex]), zIndex;
+    } else {
+      var _ZIndicesByContext,
+        _stackLayer,
+        {
+          stackZIndex: stackZIndex1,
+          zIndex: zIndexProp1
+        } = props,
+        id1 = useId(),
+        stackingContextLevel = useContext(ZIndexStackContext),
+        stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel,
+        hardcoded = useContext(ZIndexHardcodedContext);
+      (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
+      var stackContext = ZIndicesByContext[stackLayer],
+        zIndex1 = useMemo(function () {
+          if (typeof zIndexProp1 == "number") return zIndexProp1;
+          if (stackZIndex1) {
+            if (hardcoded) return hardcoded + 1;
+            var entries = Object.values(stackContext),
+              baseForLayer = stackLayer * 5e3,
+              nextLayerBase = (stackLayer + 1) * 5e3,
+              validEntries = entries.filter(function (z) {
+                return z < nextLayerBase;
+              }),
+              highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer,
+              nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+            return typeof stackZIndex1 == "number" ? stackZIndex1 + nextZIndex : nextZIndex;
+          }
+          return 1;
+        }, [stackLayer, zIndexProp1, stackZIndex1]);
+      return useEffect(function () {
+        if (stackZIndex1) return stackContext[id1] = zIndex1, function () {
+          delete stackContext[id1];
+        };
+      }, [zIndex1]), zIndex1;
+    }
+  };
+export { useStackedZIndex };
+//# sourceMappingURL=useStackedZIndex.native.js.map

package/dist/esm/useStackedZIndex.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useContext","useEffect","useId","useMemo","ZIndexHardcodedContext","ZIndexStackContext","ZIndicesByContext","CurrentPortalZIndices","useStackedZIndex","props","process","env","HANZO_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;EAACC,qBAG7D,KAAgD;EAACC,gBAE1C,YAAAA,CAAoBC,KAG3B;IACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,8BAAA,EAAgC;MAC9C;UAAMC,WAAE;UAAAC,MAAa,EAAAC;QAAQ,IAAWN,KAAI;QAAAO,EACtC,GAAAd,KAAK;QAAMY,MAEX,GAAAX,OAAS,aAAc;UAC3B,IAAIU,WAAA,IAAeA,WAAA,KAAgB,YAAYE,UAAA,KAAe,QAAW;YACvE,IAAAE,OAAM,GAAAC,MAAU,CAAAC,MAAO,CAAAZ,qBAAO,EAAqBa,MAAE,WAAAC,GAAA,EAAAC,GAAA;cACnD,OAAMC,IAAA,CAAAC,GAAQ,CAAAH,GAAK,EAAAC,GAAI;YAAQ,GAC/B;YACF,OAAAC,IAAA,CAAAC,GAAA,CAAAX,WAAA,cAAAA,WAAA,EAAAI,OAAA;UACA;UACF,OAAAF,UAAA;QACA,IACFF,WAAI,CAEJ;MACE,OAAIZ,SAAO,aAAgB;QACzB,WAAAY,WAAA,YAAwB,EAEtB,OAAAN,qBAAO,CAAAS,EAAsB,IAAEH,WAAA;UACjC,OAAAN,qBAAA,CAAAS,EAAA;QAEA;MAGN,IACEH,WAAQ,CAMR,GAAAC,MAAA;IACA;MAGE,IAAAW,kBAAW;QAAAC,WAAe;QAAA;UAAAb,WAAA,EAAAc,YAAA;UAAAb,MAAA,EAAAc;QAAA,IAAAnB,KAAA;QAAAoB,GAAA,GAAA3B,KAAA;QAAA4B,oBAAA,GAAA9B,UAAA,CAAAK,kBAAA;QAAA0B,UAAA,GAAAJ,YAAA,oBAAAG,oBAAA;QAAAE,SAAA,GAAAhC,UAAA,CAAAI,sBAAA;MACxB,CAAAqB,kBAAO,GAAAnB,iBAAA,EAAAoB,WAAA,GAAAK,UAAA,MAAAN,kBAAA,CAAAC,WAAA;MAGT,IAAAO,YAAI,GAAa3B,iBAAA,CAAAyB,UAAA;QAAAG,OAAA,GAAA/B,OAAA;UACf,WAAIyB,WAAA,cACF,OAAAA,WAAO;UAGT,IAAAD,YAAM,EAAU;YAchB,IAAAK,SAAO,EACT,OAAAA,SAAA;YAEA,IAAAG,OAAO,GAAAjB,MAAA,CAAAC,MAAA,CAAAc,YAAA;cAAAG,YAAA,GAAAL,UAAA;cAAAM,aAAA,IAAAN,UAAA;cAAAO,YAAA,GAAAH,OAAA,CAAAI,MAAA,WAAAC,CAAA;gBACL,OAAAA,CAAA,GAAYH,aAAY;cAE5B;cAAApB,OAAA,GAAUqB,YAAM,CAAAG,MAAA,OAAAlB,IAAA,CAAAC,GAAA,IAAAc,YAAA,IAAAF,YAAA;cAAAM,UAAA,GAAAzB,OAAA,KAAAmB,YAAA,GAAAA,YAAA,OAAAnB,OAAA;YACd,OAAI,OAAAU,YAAA,eAAAA,YAAA,GAAAe,UAAA,GAAAA,UAAA;UACF;UAEE;QAAsB,IAG5BX,UAAW,EAGbH,WAAA,EACFD,YAAA,C","ignoreList":[]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@hanzogui/z-index-stack",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.29",
+    "react": ">=19"
+  },
+  "peerDependencies": {
+    "react": ">=19"
+  }
+}

package/src/StackZIndex.tsx

@@ -0,0 +1,28 @@
+import { useContext } from 'react'
+import { ZIndexHardcodedContext, ZIndexStackContext } from './context'
+
+export const StackZIndexContext = ({
+  children,
+  zIndex,
+}: {
+  children: React.ReactNode
+  zIndex?: number
+}) => {
+  const existing = useContext(ZIndexStackContext)
+
+  let content = (
+    <ZIndexStackContext.Provider value={existing + 1}>
+      {children}
+    </ZIndexStackContext.Provider>
+  )
+
+  if (typeof zIndex !== 'undefined') {
+    content = (
+      <ZIndexHardcodedContext.Provider value={zIndex}>
+        {content}
+      </ZIndexHardcodedContext.Provider>
+    )
+  }
+
+  return content
+}

package/src/context.ts

@@ -0,0 +1,7 @@
+import { createContext } from 'react'
+
+// stacks vertically through tree, based on nesting
+export const ZIndexStackContext = createContext(1)
+
+// if setting to overriden z index
+export const ZIndexHardcodedContext = createContext<number | undefined>(undefined)

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './useStackedZIndex'
+export * from './StackZIndex'
+export * from './context'
+export type * from './types'

package/src/types.ts

@@ -0,0 +1,16 @@
+/**
+ * Gui will attempt to stack z-index in a smart way when true, it does this
+ * by automatically increasing z-index both horizontally and vertically in the component tree.
+ *
+ * Basically - if two stackable items are at the same level, then the order of mounting
+ * determines their z-index (later is higher). This is the horizontal logic.
+ *
+ * Below a stackable item, the z-index will always be above that specific item, but below
+ * other horizontal items that come after it.
+ *
+ * - false will avoid the stacking behavior.
+ * - number will keep the behavior, but add to the stacked z-index the given amount
+ * - 'global' will not stack things vertically and instead only stack them horizontally
+ *
+ */
+export type StackZIndexProp = boolean | number | 'global'

package/src/useStackedZIndex.tsx

@@ -0,0 +1,91 @@
+import { useContext, useEffect, useId, useMemo } from 'react'
+import { ZIndexHardcodedContext, ZIndexStackContext } from './context'
+import type { StackZIndexProp } from './types'
+
+// this stacks horizontally - just based on which mounted last within a stacking context
+const ZIndicesByContext: Record<number, Record<string, number>> = {}
+
+// old stacking style
+const CurrentPortalZIndices: Record<string, number> = {}
+
+export const useStackedZIndex = (props: {
+  zIndex?: number
+  stackZIndex?: StackZIndexProp
+}) => {
+  if (process.env.HANZO_GUI_STACK_Z_INDEX_GLOBAL) {
+    const { stackZIndex, zIndex: zIndexProp } = props
+    const id = useId()
+
+    const zIndex = useMemo(() => {
+      if (stackZIndex && stackZIndex !== 'global' && zIndexProp === undefined) {
+        const highest = Object.values(CurrentPortalZIndices).reduce(
+          (acc, cur) => Math.max(acc, cur),
+          0
+        )
+        return Math.max(stackZIndex === true ? 1 : stackZIndex, highest + 1)
+      }
+      return zIndexProp ?? 1000
+    }, [stackZIndex])
+
+    useEffect(() => {
+      if (typeof stackZIndex === 'number') {
+        CurrentPortalZIndices[id] = stackZIndex
+        return () => {
+          delete CurrentPortalZIndices[id]
+        }
+      }
+    }, [stackZIndex])
+
+    return zIndex
+  } else {
+    const { stackZIndex, zIndex: zIndexProp } = props
+    const id = useId()
+    const stackingContextLevel = useContext(ZIndexStackContext)
+    const stackLayer = stackZIndex === 'global' ? 0 : stackingContextLevel
+    const hardcoded = useContext(ZIndexHardcodedContext)
+
+    ZIndicesByContext[stackLayer] ||= {}
+    const stackContext = ZIndicesByContext[stackLayer]
+
+    const zIndex = useMemo(() => {
+      if (typeof zIndexProp === 'number') {
+        return zIndexProp
+      }
+
+      if (stackZIndex) {
+        if (hardcoded) {
+          return hardcoded + 1
+        }
+
+        const entries = Object.values(stackContext)
+        const baseForLayer = stackLayer * 5000
+        const nextLayerBase = (stackLayer + 1) * 5000
+
+        // Filter out values that belong to higher layers
+        // Any value >= next layer's base is definitely not from this layer
+        const validEntries = entries.filter((z) => z < nextLayerBase)
+
+        const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer
+
+        // If we only have the base value or nothing, start fresh
+        const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1
+
+        // setting stackZIndex to a number lets you increase it further
+        return typeof stackZIndex === 'number' ? stackZIndex + nextZIndex : nextZIndex
+      }
+
+      return 1
+    }, [stackLayer, zIndexProp, stackZIndex])
+
+    useEffect(() => {
+      if (stackZIndex) {
+        stackContext[id] = zIndex
+        return () => {
+          delete stackContext[id]
+        }
+      }
+    }, [zIndex])
+
+    return zIndex
+  }
+}

package/types/StackZIndex.d.ts

@@ -0,0 +1,5 @@
+export declare const StackZIndexContext: ({ children, zIndex, }: {
+    children: React.ReactNode;
+    zIndex?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StackZIndex.d.ts.map

package/types/context.d.ts

@@ -0,0 +1,3 @@
+export declare const ZIndexStackContext: import("react").Context<number>;
+export declare const ZIndexHardcodedContext: import("react").Context<number | undefined>;
+//# sourceMappingURL=context.d.ts.map

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useStackedZIndex';
+export * from './StackZIndex';
+export * from './context';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/types/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Gui will attempt to stack z-index in a smart way when true, it does this
+ * by automatically increasing z-index both horizontally and vertically in the component tree.
+ *
+ * Basically - if two stackable items are at the same level, then the order of mounting
+ * determines their z-index (later is higher). This is the horizontal logic.
+ *
+ * Below a stackable item, the z-index will always be above that specific item, but below
+ * other horizontal items that come after it.
+ *
+ * - false will avoid the stacking behavior.
+ * - number will keep the behavior, but add to the stacked z-index the given amount
+ * - 'global' will not stack things vertically and instead only stack them horizontally
+ *
+ */
+export type StackZIndexProp = boolean | number | 'global';
+//# sourceMappingURL=types.d.ts.map

package/types/useStackedZIndex.d.ts

@@ -0,0 +1,6 @@
+import type { StackZIndexProp } from './types';
+export declare const useStackedZIndex: (props: {
+    zIndex?: number;
+    stackZIndex?: StackZIndexProp;
+}) => number;
+//# sourceMappingURL=useStackedZIndex.d.ts.map