tamagui 1.125.31 → 1.125.32

package/dist/native.js

@@ -15976,31 +15976,52 @@ var require_useStackedZIndex_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(useStackedZIndex_exports);
-    var import_react3 = require("react"), import_context = require_context_native(), ZIndicesByContext = {}, useStackedZIndex = function(props) {
-      var _ZIndicesByContext, _stackLayer, { stackZIndex, zIndex: zIndexProp } = props, id = (0, import_react3.useId)(), stackingContextLevel = (0, import_react3.useContext)(import_context.ZIndexStackContext), stackLayer = stackZIndex === "global" ? 0 : stackingContextLevel, hardcoded = (0, import_react3.useContext)(import_context.ZIndexHardcodedContext);
-      (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
-      var stackContext = ZIndicesByContext[stackLayer], zIndex = (0, import_react3.useMemo)(function() {
-        if (typeof zIndexProp == "number") return zIndexProp;
-        if (stackZIndex) {
-          if (hardcoded) return hardcoded + 1;
-          var highest = Object.values(stackContext).reduce(function(acc, cur) {
-            return Math.max(acc, cur);
-          }, 0), found = stackLayer * 5e3 + highest + 1;
-          return typeof stackZIndex == "number" ? stackZIndex + found : found;
-        }
-        return 1;
-      }, [
-        stackLayer,
-        zIndexProp,
-        stackZIndex
-      ]);
-      return (0, import_react3.useEffect)(function() {
-        if (stackZIndex) return stackContext[id] = zIndex, function() {
-          delete stackContext[id];
-        };
-      }, [
-        zIndex
-      ]), zIndex;
+    var import_react3 = require("react"), import_context = require_context_native(), ZIndicesByContext = {}, CurrentPortalZIndices = {}, useStackedZIndex = function(props) {
+      if (process.env.TAMAGUI_STACK_Z_INDEX_GLOBAL) {
+        var { stackZIndex, zIndex: zIndexProp = 1e3 } = props, id = (0, import_react3.useId)(), zIndex = (0, import_react3.useMemo)(function() {
+          if (stackZIndex && stackZIndex !== "global") {
+            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_react3.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_react3.useId)(), stackingContextLevel = (0, import_react3.useContext)(import_context.ZIndexStackContext), stackLayer = stackZIndex1 === "global" ? 0 : stackingContextLevel, hardcoded = (0, import_react3.useContext)(import_context.ZIndexHardcodedContext);
+        (_ZIndicesByContext = ZIndicesByContext)[_stackLayer = stackLayer] || (_ZIndicesByContext[_stackLayer] = {});
+        var stackContext = ZIndicesByContext[stackLayer], zIndex1 = (0, import_react3.useMemo)(function() {
+          if (typeof zIndexProp1 == "number") return zIndexProp1;
+          if (stackZIndex1) {
+            if (hardcoded) return hardcoded + 1;
+            var highest = Object.values(stackContext).reduce(function(acc, cur) {
+              return Math.max(acc, cur);
+            }, 0), found = stackLayer * 5e3 + highest + 1;
+            return typeof stackZIndex1 == "number" ? stackZIndex1 + found : found;
+          }
+          return 1;
+        }, [
+          stackLayer,
+          zIndexProp1,
+          stackZIndex1
+        ]);
+        return (0, import_react3.useEffect)(function() {
+          if (stackZIndex1) return stackContext[id1] = zIndex1, function() {
+            delete stackContext[id1];
+          };
+        }, [
+          zIndex1
+        ]), zIndex1;
+      }
     };
   }
 });
@@ -28493,18 +28514,15 @@ var require_constants_native6 = __commonJS({
       SLIDER_NAME: function() {
         return SLIDER_NAME;
       },
+      SliderContext: function() {
+        return SliderContext2;
+      },
       SliderOrientationProvider: function() {
         return SliderOrientationProvider;
       },
       SliderProvider: function() {
         return SliderProvider;
       },
-      createSliderContext: function() {
-        return createSliderContext;
-      },
-      createSliderScope: function() {
-        return createSliderScope;
-      },
       useSliderContext: function() {
         return useSliderContext;
       },
@@ -28513,7 +28531,12 @@ var require_constants_native6 = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(constants_exports);
-    var import_create_context = require_index_native30(), SLIDER_NAME = "Slider", [createSliderContext, createSliderScope] = (0, import_create_context.createContextScope)(SLIDER_NAME), [SliderProvider, useSliderContext] = createSliderContext(SLIDER_NAME), [SliderOrientationProvider, useSliderOrientationContext] = createSliderContext(SLIDER_NAME, {
+    var import_core12 = require_index_native18(), SLIDER_NAME = "Slider", SliderContext2 = (0, import_core12.createStyledContext)({
+      size: "$true",
+      min: 0,
+      max: 100,
+      orientation: "horizontal"
+    }), { Provider: SliderProvider, useStyledContext: useSliderContext } = SliderContext2, { Provider: SliderOrientationProvider, useStyledContext: useSliderOrientationContext } = (0, import_core12.createStyledContext)({
       startEdge: "left",
       endEdge: "right",
       sizeProp: "width",
@@ -28757,7 +28780,7 @@ var require_SliderImpl_native = __commonJS({
         }
       }
     }), SliderImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props, context = (0, import_constants22.useSliderContext)(import_constants22.SLIDER_NAME, __scopeSlider);
+      var { __scopeSlider, onSlideStart, onSlideMove, onSlideEnd, onHomeKeyDown, onEndKeyDown, onStepKeyDown, ...sliderProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SliderFrame2, {
         size: "$4",
         ...sliderProps,
@@ -29069,7 +29092,7 @@ var require_Slider_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderTrack = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSlider, ...trackProps } = props, context = (0, import_constants22.useSliderContext)(TRACK_NAME, __scopeSlider);
+      var { __scopeSlider, ...trackProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SliderTrackFrame, {
         "data-disabled": context.disabled ? "" : void 0,
         "data-orientation": context.orientation,
@@ -29086,7 +29109,7 @@ var require_Slider_native = __commonJS({
       position: "absolute",
       pointerEvents: "box-none"
     }), SliderTrackActive = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopeSlider, ...rangeProps } = props, context = (0, import_constants22.useSliderContext)(RANGE_NAME, __scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(RANGE_NAME, __scopeSlider), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(function(value) {
+      var { __scopeSlider, ...rangeProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), ref = React4.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), valuesCount = context.values.length, percentages = context.values.map(function(value) {
         return (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max);
       }), offsetStart = valuesCount > 1 ? Math.min(...percentages) : 0, offsetEnd = 100 - Math.max(...percentages);
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SliderTrackActiveFrame, {
@@ -29113,7 +29136,7 @@ var require_Slider_native = __commonJS({
       });
     });
     SliderTrackActive.displayName = RANGE_NAME;
-    var THUMB_NAME = "SliderThumb", getThumbSize = function(val) {
+    var getThumbSize = function(val) {
       var tokens = (0, import_core12.getTokens)(), size4 = typeof val == "number" ? val : (0, import_get_token2.getSize)(tokens.size[val], {
         shift: -1
       });
@@ -29145,7 +29168,7 @@ var require_Slider_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), SliderThumb = SliderThumbFrame.styleable(function(props, forwardedRef) {
-      var { __scopeSlider, index, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(THUMB_NAME, __scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(THUMB_NAME, __scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size4, setSize] = React4.useState(function() {
+      var { __scopeSlider, index, circular, size: sizeProp, ...thumbProps } = props, context = (0, import_constants22.useSliderContext)(__scopeSlider), orientation = (0, import_constants22.useSliderOrientationContext)(__scopeSlider), [thumb, setThumb] = React4.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, setThumb), value = context.values[index], percent = value === void 0 ? 0 : (0, import_helpers3.convertValueToPercentage)(value, context.min, context.max), label = (0, import_helpers3.getLabel)(index, context.values.length), _ref, sizeIn = (_ref = sizeProp ?? context.size) !== null && _ref !== void 0 ? _ref : "$true", [size4, setSize] = React4.useState(function() {
         var estimatedSize = (0, import_core12.getVariableValue)(getThumbSize(sizeIn).width);
         return estimatedSize;
       }), thumbInBoundsOffset = size4 ? (0, import_helpers3.getThumbInBoundsOffset)(size4, percent, orientation.direction) : 0;
@@ -29196,6 +29219,7 @@ var require_Slider_native = __commonJS({
         ...positionalStyles,
         [orientation.startEdge]: `${percent}%`,
         size: sizeIn,
+        circular,
         ...thumbProps,
         onLayout: function(e) {
           setSize(e.nativeEvent.layout[orientation.sizeProp]);
@@ -29365,13 +29389,16 @@ var require_index_native66 = __commonJS({
       }), mod);
     }, index_exports2 = {};
     __export2(index_exports2, {
+      SliderContext: function() {
+        return import_constants4.SliderContext;
+      },
       SliderFrame: function() {
         return import_SliderImpl.SliderFrame;
       }
     });
     module2.exports = __toCommonJS2(index_exports2);
     __reExport2(index_exports2, require_Slider_native(), module2.exports);
-    var import_SliderImpl = require_SliderImpl_native();
+    var import_constants4 = require_constants_native6(), import_SliderImpl = require_SliderImpl_native();
   }
 });