@hanzogui/z-index-stack 2.0.0-rc.41-hanzoai.1

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,47 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var StackZIndex_exports = {};
+__export(StackZIndex_exports, {
+  StackZIndexContext: () => StackZIndexContext
+});
+module.exports = __toCommonJS(StackZIndex_exports);
+var import_react = require("react");
+var import_context = require("./context.cjs");
+var 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
+  });
+  if (typeof zIndex !== "undefined") {
+    content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexHardcodedContext.Provider, {
+      value: zIndex,
+      children: content
+    });
+  }
+  return content;
+};

package/dist/cjs/StackZIndex.native.js

@@ -0,0 +1,51 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var StackZIndex_exports = {};
+__export(StackZIndex_exports, {
+  StackZIndexContext: () => StackZIndexContext
+});
+module.exports = __toCommonJS(StackZIndex_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_context = require("./context.native.js");
+var StackZIndexContext = function (param) {
+  var {
+    children,
+    zIndex
+  } = param;
+  var existing = (0, import_react.useContext)(import_context.ZIndexStackContext);
+  var content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexStackContext.Provider, {
+    value: existing + 1,
+    children
+  });
+  if (typeof zIndex !== "undefined") {
+    content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ZIndexHardcodedContext.Provider, {
+      value: zIndex,
+      children: content
+    });
+  }
+  return 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,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":[]}

package/dist/cjs/context.cjs

@@ -0,0 +1,31 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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);
+const ZIndexHardcodedContext = (0, import_react.createContext)(void 0);

package/dist/cjs/context.native.js

@@ -0,0 +1,34 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var context_exports = {};
+__export(context_exports, {
+  ZIndexHardcodedContext: () => ZIndexHardcodedContext,
+  ZIndexStackContext: () => ZIndexStackContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+var ZIndexStackContext = (0, import_react.createContext)(1);
+var 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;AAG3B,IAAAJ,kBAAM,OAAAG,YAAyB,CAAAE,aAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,22 @@
+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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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,25 @@
+"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)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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,18 @@
+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)) if (!__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: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/types.native.js

@@ -0,0 +1,21 @@
+"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)) if (!__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: true
+}), 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,94 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react");
+var import_context = require("./context.cjs");
+const ZIndicesByContext = {};
+const CurrentPortalZIndices = {};
+const useStackedZIndex = props => {
+  if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
+    const {
+      stackZIndex,
+      zIndex: zIndexProp
+    } = props;
+    const id = (0, import_react.useId)();
+    const 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 === true ? 1 : stackZIndex, highest + 1);
+      }
+      return zIndexProp ?? 1e3;
+    }, [stackZIndex]);
+    (0, import_react.useEffect)(() => {
+      if (typeof stackZIndex === "number") {
+        CurrentPortalZIndices[id] = stackZIndex;
+        return () => {
+          delete CurrentPortalZIndices[id];
+        };
+      }
+    }, [stackZIndex]);
+    return zIndex;
+  } else {
+    const {
+      stackZIndex,
+      zIndex: zIndexProp
+    } = props;
+    const id = (0, import_react.useId)();
+    const stackingContextLevel = (0, import_react.useContext)(import_context.ZIndexStackContext);
+    const stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel;
+    const hardcoded = (0, import_react.useContext)(import_context.ZIndexHardcodedContext);
+    ZIndicesByContext[stackLayer] ||= {};
+    const stackContext = ZIndicesByContext[stackLayer];
+    const zIndex = (0, import_react.useMemo)(() => {
+      if (typeof zIndexProp === "number") {
+        return zIndexProp;
+      }
+      if (stackZIndex) {
+        if (hardcoded) {
+          return hardcoded + 1;
+        }
+        const entries = Object.values(stackContext);
+        const baseForLayer = stackLayer * 5e3;
+        const nextLayerBase = (stackLayer + 1) * 5e3;
+        const validEntries = entries.filter(z => z < nextLayerBase);
+        const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
+        const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+        return typeof stackZIndex === "number" ? stackZIndex + nextZIndex : nextZIndex;
+      }
+      return 1;
+    }, [stackLayer, zIndexProp, stackZIndex]);
+    (0, import_react.useEffect)(() => {
+      if (stackZIndex) {
+        stackContext[id] = zIndex;
+        return () => {
+          delete stackContext[id];
+        };
+      }
+    }, [zIndex]);
+    return zIndex;
+  }
+};

package/dist/cjs/useStackedZIndex.native.js

@@ -0,0 +1,102 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var useStackedZIndex_exports = {};
+__export(useStackedZIndex_exports, {
+  useStackedZIndex: () => useStackedZIndex
+});
+module.exports = __toCommonJS(useStackedZIndex_exports);
+var import_react = require("react");
+var import_context = require("./context.native.js");
+var ZIndicesByContext = {};
+var CurrentPortalZIndices = {};
+var useStackedZIndex = function (props) {
+  if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
+    var {
+      stackZIndex,
+      zIndex: zIndexProp
+    } = props;
+    var id = (0, import_react.useId)();
+    var 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 === true ? 1 : stackZIndex, highest + 1);
+      }
+      return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;
+    }, [stackZIndex]);
+    (0, import_react.useEffect)(function () {
+      if (typeof stackZIndex === "number") {
+        CurrentPortalZIndices[id] = stackZIndex;
+        return function () {
+          delete CurrentPortalZIndices[id];
+        };
+      }
+    }, [stackZIndex]);
+    return zIndex;
+  } else {
+    var _ZIndicesByContext, _stackLayer;
+    var {
+      stackZIndex: stackZIndex1,
+      zIndex: zIndexProp1
+    } = props;
+    var id1 = (0, import_react.useId)();
+    var stackingContextLevel = (0, import_react.useContext)(import_context.ZIndexStackContext);
+    var stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel;
+    var hardcoded = (0, import_react.useContext)(import_context.ZIndexHardcodedContext);
+    (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
+    var stackContext = ZIndicesByContext[stackLayer];
+    var zIndex1 = (0, import_react.useMemo)(function () {
+      if (typeof zIndexProp1 === "number") {
+        return zIndexProp1;
+      }
+      if (stackZIndex1) {
+        if (hardcoded) {
+          return hardcoded + 1;
+        }
+        var entries = Object.values(stackContext);
+        var baseForLayer = stackLayer * 5e3;
+        var nextLayerBase = (stackLayer + 1) * 5e3;
+        var validEntries = entries.filter(function (z) {
+          return z < nextLayerBase;
+        });
+        var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
+        var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+        return typeof stackZIndex1 === "number" ? stackZIndex1 + nextZIndex : nextZIndex;
+      }
+      return 1;
+    }, [stackLayer, zIndexProp1, stackZIndex1]);
+    (0, import_react.useEffect)(function () {
+      if (stackZIndex1) {
+        stackContext[id1] = zIndex1;
+        return function () {
+          delete stackContext[id1];
+        };
+      }
+    }, [zIndex1]);
+    return 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","TAMAGUI_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":[]}

package/dist/esm/StackZIndex.mjs

@@ -0,0 +1,22 @@
+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
+  });
+  if (typeof zIndex !== "undefined") {
+    content = /* @__PURE__ */jsx(ZIndexHardcodedContext.Provider, {
+      value: zIndex,
+      children: content
+    });
+  }
+  return 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,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":[]}

package/dist/esm/StackZIndex.native.js

@@ -0,0 +1,23 @@
+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;
+  var existing = useContext(ZIndexStackContext);
+  var content = /* @__PURE__ */_jsx(ZIndexStackContext.Provider, {
+    value: existing + 1,
+    children
+  });
+  if (typeof zIndex !== "undefined") {
+    content = /* @__PURE__ */_jsx(ZIndexHardcodedContext.Provider, {
+      value: zIndex,
+      children: content
+    });
+  }
+  return 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;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":[]}

package/dist/esm/context.mjs

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ZIndexStackContext = createContext(1);
+const 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;AAG1C,MAAME,sBAAA,GAAyBF,aAAA,CAAkC,MAAS","ignoreList":[]}

package/dist/esm/context.native.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+var ZIndexStackContext = createContext(1);
+var 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;AAGzC,IAAAE,sBAAM,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,69 @@
+import { useContext, useEffect, useId, useMemo } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.mjs";
+const ZIndicesByContext = {};
+const CurrentPortalZIndices = {};
+const useStackedZIndex = props => {
+  if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
+    const {
+      stackZIndex,
+      zIndex: zIndexProp
+    } = props;
+    const id = useId();
+    const 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 === true ? 1 : stackZIndex, highest + 1);
+      }
+      return zIndexProp ?? 1e3;
+    }, [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 * 5e3;
+        const nextLayerBase = (stackLayer + 1) * 5e3;
+        const validEntries = entries.filter(z => z < nextLayerBase);
+        const highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
+        const nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+        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;
+  }
+};
+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","TAMAGUI_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":"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","ignoreList":[]}

package/dist/esm/useStackedZIndex.native.js

@@ -0,0 +1,74 @@
+import { useContext, useEffect, useId, useMemo } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context.native.js";
+var ZIndicesByContext = {};
+var CurrentPortalZIndices = {};
+var useStackedZIndex = function (props) {
+  if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
+    var {
+      stackZIndex,
+      zIndex: zIndexProp
+    } = props;
+    var id = useId();
+    var 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 === true ? 1 : stackZIndex, highest + 1);
+      }
+      return zIndexProp !== null && zIndexProp !== void 0 ? zIndexProp : 1e3;
+    }, [stackZIndex]);
+    useEffect(function () {
+      if (typeof stackZIndex === "number") {
+        CurrentPortalZIndices[id] = stackZIndex;
+        return function () {
+          delete CurrentPortalZIndices[id];
+        };
+      }
+    }, [stackZIndex]);
+    return zIndex;
+  } else {
+    var _ZIndicesByContext, _stackLayer;
+    var {
+      stackZIndex: stackZIndex1,
+      zIndex: zIndexProp1
+    } = props;
+    var id1 = useId();
+    var stackingContextLevel = useContext(ZIndexStackContext);
+    var stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel;
+    var hardcoded = useContext(ZIndexHardcodedContext);
+    (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
+    var stackContext = ZIndicesByContext[stackLayer];
+    var zIndex1 = useMemo(function () {
+      if (typeof zIndexProp1 === "number") {
+        return zIndexProp1;
+      }
+      if (stackZIndex1) {
+        if (hardcoded) {
+          return hardcoded + 1;
+        }
+        var entries = Object.values(stackContext);
+        var baseForLayer = stackLayer * 5e3;
+        var nextLayerBase = (stackLayer + 1) * 5e3;
+        var validEntries = entries.filter(function (z) {
+          return z < nextLayerBase;
+        });
+        var highest = validEntries.length > 0 ? Math.max(...validEntries) : baseForLayer;
+        var nextZIndex = highest === baseForLayer ? baseForLayer + 1 : highest + 1;
+        return typeof stackZIndex1 === "number" ? stackZIndex1 + nextZIndex : nextZIndex;
+      }
+      return 1;
+    }, [stackLayer, zIndexProp1, stackZIndex1]);
+    useEffect(function () {
+      if (stackZIndex1) {
+        stackContext[id1] = zIndex1;
+        return function () {
+          delete stackContext[id1];
+        };
+      }
+    }, [zIndex1]);
+    return 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","TAMAGUI_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,4BAAA,EAA8B;IAC5C;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":[]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@hanzogui/z-index-stack",
+  "version": "2.0.0-rc.41-hanzoai.1",
+  "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": "hanzogui-build",
+    "watch": "hanzogui-build --watch",
+    "clean": "hanzogui-build clean",
+    "clean:build": "hanzogui-build clean:build"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "2.0.0-rc.41-hanzoai.1",
+    "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 @@
+/**
+ * Hanzogui 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.TAMAGUI_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/StackZIndex.d.ts.map

@@ -0,0 +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"}

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/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,iCAAmB,CAAA;AAGlD,eAAO,MAAM,sBAAsB,6CAA+C,CAAA"}

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/index.d.ts.map

@@ -0,0 +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"}

package/types/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Hanzogui 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/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA"}

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

package/types/useStackedZIndex.d.ts.map

@@ -0,0 +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"}