@tamagui/z-index-stack 1.0.1

package/dist/esm/StackZIndex.js

@@ -0,0 +1,15 @@
+import { useContext } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context";
+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.js.map

package/dist/esm/StackZIndex.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/StackZIndex.tsx"],
+  "mappings": "AAAA,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB,0BAA0B;AAYvD;AAVG,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,WAAW,WAAW,kBAAkB;AAE9C,MAAI,UACF,oBAAC,mBAAmB,UAAnB,EAA4B,OAAO,WAAW,GAC5C,UACH;AAGF,SAAI,OAAO,SAAW,QACpB,UACE,oBAAC,uBAAuB,UAAvB,EAAgC,OAAO,QACrC,mBACH,IAIG;AACT;",
+  "names": []
+}

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.js

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

package/dist/esm/context.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/context.ts"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAGvB,MAAM,qBAAqB,cAAc,CAAC,GAGpC,yBAAyB,cAAkC,MAAS;",
+  "names": []
+}

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";
+export * from "./StackZIndex";
+export * from "./context";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

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.js

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

package/dist/esm/types.js.map

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

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.js

@@ -0,0 +1,46 @@
+import { useContext, useEffect, useId, useMemo } from "react";
+import { ZIndexHardcodedContext, ZIndexStackContext } from "./context";
+const ZIndicesByContext = {}, CurrentPortalZIndices = {}, useStackedZIndex = (props) => {
+  if (process.env.TAMAGUI_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.js.map

package/dist/esm/useStackedZIndex.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useStackedZIndex.tsx"],
+  "mappings": "AAAA,SAAS,YAAY,WAAW,OAAO,eAAe;AACtD,SAAS,wBAAwB,0BAA0B;AAI3D,MAAM,oBAA4D,CAAC,GAG7D,wBAAgD,CAAC,GAE1C,mBAAmB,CAAC,UAG3B;AACJ,MAAI,QAAQ,IAAI,8BAA8B;AAC5C,UAAM,EAAE,aAAa,QAAQ,WAAW,IAAI,OACtC,KAAK,MAAM,GAEX,SAAS,QAAQ,MAAM;AAC3B,UAAI,eAAe,gBAAgB,YAAY,eAAe,QAAW;AACvE,cAAM,UAAU,OAAO,OAAO,qBAAqB,EAAE;AAAA,UACnD,CAAC,KAAK,QAAQ,KAAK,IAAI,KAAK,GAAG;AAAA,UAC/B;AAAA,QACF;AACA,eAAO,KAAK,IAAI,gBAAgB,KAAO,IAAI,aAAa,UAAU,CAAC;AAAA,MACrE;AACA,aAAO,cAAc;AAAA,IACvB,GAAG,CAAC,WAAW,CAAC;AAEhB,qBAAU,MAAM;AACd,UAAI,OAAO,eAAgB;AACzB,qCAAsB,EAAE,IAAI,aACrB,MAAM;AACX,iBAAO,sBAAsB,EAAE;AAAA,QACjC;AAAA,IAEJ,GAAG,CAAC,WAAW,CAAC,GAET;AAAA,EACT,OAAO;AACL,UAAM,EAAE,aAAa,QAAQ,WAAW,IAAI,OACtC,KAAK,MAAM,GACX,uBAAuB,WAAW,kBAAkB,GACpD,aAAa,gBAAgB,WAAW,IAAI,sBAC5C,YAAY,WAAW,sBAAsB;AAEnD,sBAAkB,UAAU,MAAM,CAAC;AACnC,UAAM,eAAe,kBAAkB,UAAU,GAE3C,SAAS,QAAQ,MAAM;AAC3B,UAAI,OAAO,cAAe;AACxB,eAAO;AAGT,UAAI,aAAa;AACf,YAAI;AACF,iBAAO,YAAY;AAGrB,cAAM,UAAU,OAAO,OAAO,YAAY,GACpC,eAAe,aAAa,KAC5B,iBAAiB,aAAa,KAAK,KAInC,eAAe,QAAQ,OAAO,CAAC,MAAM,IAAI,aAAa,GAEtD,UAAU,aAAa,SAAS,IAAI,KAAK,IAAI,GAAG,YAAY,IAAI,cAGhE,aAAa,YAAY,eAAe,eAAe,IAAI,UAAU;AAG3E,eAAO,OAAO,eAAgB,WAAW,cAAc,aAAa;AAAA,MACtE;AAEA,aAAO;AAAA,IACT,GAAG,CAAC,YAAY,YAAY,WAAW,CAAC;AAExC,qBAAU,MAAM;AACd,UAAI;AACF,4BAAa,EAAE,IAAI,QACZ,MAAM;AACX,iBAAO,aAAa,EAAE;AAAA,QACxB;AAAA,IAEJ,GAAG,CAAC,MAAM,CAAC,GAEJ;AAAA,EACT;AACF;",
+  "names": []
+}

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.TAMAGUI_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","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":"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,4BAAA,EAA8B;MAC5C,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.TAMAGUI_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","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;EAACC,qBAG7D,KAAgD;EAACC,gBAE1C,YAAAA,CAAoBC,KAG3B;IACJ,IAAIC,OAAA,CAAQC,GAAA,CAAIC,4BAAA,EAA8B;MAC5C;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": "@tamagui/z-index-stack",
+  "version": "1.0.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": "tamagui-build",
+    "watch": "tamagui-build --watch",
+    "clean": "tamagui-build clean",
+    "clean:build": "tamagui-build clean:build"
+  },
+  "devDependencies": {
+    "@tamagui/build": "1.0.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 @@
+/**
+ * Tamagui 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 @@
+/**
+ * Tamagui 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"}