tamagui 1.123.4 → 1.123.5

package/dist/native.js

@@ -4611,12 +4611,12 @@ var require_createStyledContext_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(createStyledContext_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native();
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_react3 = __toESM2(require("react")), import_objectIdentityKey = require_objectIdentityKey_native(), createReactContext = import_react3.default[Math.random(), "createContext"];
     function createStyledContext2(defaultValues) {
-      var OGContext = /* @__PURE__ */ import_react3.default.createContext(defaultValues), OGProvider2 = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
+      var OGContext = createReactContext(defaultValues), OGProvider2 = OGContext.Provider, Context = OGContext, scopedContexts = /* @__PURE__ */ new Map();
       function getOrCreateScopedContext(scope) {
         var ScopedContext = scopedContexts.get(scope);
-        return ScopedContext || (ScopedContext = /* @__PURE__ */ import_react3.default.createContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
+        return ScopedContext || (ScopedContext = createReactContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
       }
       var Provider = function(param) {
         var { children, scope, ...values } = param, next = import_react3.default.useMemo(function() {
@@ -6936,29 +6936,31 @@ var require_propMapper_native = __commonJS({
       };
     });
     function getVariantDefinition(variant, value, conf) {
-      if (typeof variant == "function") return variant;
-      var exact = variant[value];
-      if (exact) return exact;
-      if (value != null) {
-        var { tokensParsed } = conf, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
-        try {
-          for (var _iterator = tokenCats[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-            var { name, spreadName } = _step.value;
-            if (spreadName in variant && value in tokensParsed[name]) return variant[spreadName];
-          }
-        } catch (err) {
-          _didIteratorError = !0, _iteratorError = err;
-        } finally {
+      if (variant) {
+        if (typeof variant == "function") return variant;
+        var exact = variant[value];
+        if (exact) return exact;
+        if (value != null) {
+          var { tokensParsed } = conf, _iteratorNormalCompletion = !0, _didIteratorError = !1, _iteratorError = void 0;
           try {
-            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+            for (var _iterator = tokenCats[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+              var { name, spreadName } = _step.value;
+              if (spreadName in variant && value in tokensParsed[name]) return variant[spreadName];
+            }
+          } catch (err) {
+            _didIteratorError = !0, _iteratorError = err;
           } finally {
-            if (_didIteratorError) throw _iteratorError;
+            try {
+              !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+            } finally {
+              if (_didIteratorError) throw _iteratorError;
+            }
           }
+          var fontSizeVariant = variant["...fontSize"];
+          if (fontSizeVariant && conf.fontSizeTokens.has(value)) return fontSizeVariant;
         }
-        var fontSizeVariant = variant["...fontSize"];
-        if (fontSizeVariant && conf.fontSizeTokens.has(value)) return fontSizeVariant;
+        return variant[`:${typeof value}`] || variant["..."];
       }
-      return variant[`:${typeof value}`] || variant["..."];
     }
     var fontShorthand = {
       fontSize: "size",
@@ -15785,7 +15787,7 @@ var require_Accordion_native = __commonJS({
       }
     });
     module2.exports = __toCommonJS2(Accordion_exports);
-    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), import_web2 = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
+    var import_jsx_runtime6 = require("react/jsx-runtime"), import_collapsible = require_index_native15(), import_collection = require_index_native19(), import_compose_refs = require_index_native12(), import_constants4 = require_index_native6(), import_helpers = require_index_native7(), import_stacks3 = require_index_native22(), import_text2 = require_index_native24(), import_use_controllable_state = require_index_native10(), import_use_direction = require_index_native25(), import_web = require_index_native14(), React4 = __toESM2(require("react")), ACCORDION_NAME = "Accordion", ACCORDION_KEYS = [
       "Home",
       "End",
       "ArrowDown",
@@ -15815,7 +15817,7 @@ var require_Accordion_native = __commonJS({
         ].includes(props.type) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`.") : props.type === "multiple" && typeof value == "string" ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`.") : props.type === "single" && Array.isArray(value) ? new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`.") : null;
       }
     };
-    var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_web2.createStyledContext)(), { Provider: AccordionCollapsibleProvider, useStyledContext: useAccordionCollapsibleContext } = (0, import_web2.createStyledContext)(), AccordionImplSingle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    var { Provider: AccordionValueProvider, useStyledContext: useAccordionValueContext } = (0, import_web.createStyledContext)(), { Provider: AccordionCollapsibleProvider, useStyledContext: useAccordionCollapsibleContext } = (0, import_web.createStyledContext)(), AccordionImplSingle = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { value: valueProp, defaultValue, control, onValueChange = function() {
       }, collapsible = !1, ...accordionSingleProps } = props, [value, setValue] = (0, import_use_controllable_state.useControllableState)({
         prop: valueProp,
@@ -15883,7 +15885,7 @@ var require_Accordion_native = __commonJS({
           })
         })
       });
-    }), { Provider: AccordionImplProvider, useStyledContext: useAccordionContext } = (0, import_web2.createStyledContext)(), AccordionImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    }), { Provider: AccordionImplProvider, useStyledContext: useAccordionContext } = (0, import_web.createStyledContext)(), AccordionImpl = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props, accordionRef = React4.useRef(null), composedRef = (0, import_compose_refs.useComposedRefs)(accordionRef, forwardedRef), getItems = useCollection(__scopeAccordion || ACCORDION_CONTEXT), direction = (0, import_use_direction.useDirection)(dir), isDirectionLTR = direction === "ltr", handleKeyDown = (0, import_helpers.composeEventHandlers)(props.onKeyDown, function(event) {
         var _triggerCollection_clampedIndex_ref_current;
         if (ACCORDION_KEYS.includes(event.key)) {
@@ -15942,7 +15944,7 @@ var require_Accordion_native = __commonJS({
           })
         })
       });
-    }), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_web2.createStyledContext)(), AccordionItem = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
+    }), ITEM_NAME = "AccordionItem", { Provider: AccordionItemProvider, useStyledContext: useAccordionItemContext } = (0, import_web.createStyledContext)(), AccordionItem = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
       var { __scopeAccordion, value, ...accordionItemProps } = props, accordionContext = useAccordionContext(__scopeAccordion), valueContext = useAccordionValueContext(__scopeAccordion), triggerId = React4.useId(), open = value && valueContext.value.includes(value) || !1, disabled = accordionContext.disabled || props.disabled;
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AccordionItemProvider, {
         scope: __scopeAccordion,
@@ -15975,7 +15977,7 @@ var require_Accordion_native = __commonJS({
       });
     });
     AccordionHeader.displayName = HEADER_NAME;
-    var AccordionTriggerFrame = (0, import_web2.styled)(import_collapsible.Collapsible.Trigger, {
+    var AccordionTriggerFrame = (0, import_web.styled)(import_collapsible.Collapsible.Trigger, {
       variants: {
         unstyled: {
           false: {
@@ -16013,7 +16015,7 @@ var require_Accordion_native = __commonJS({
           ref: forwardedRef
         })
       });
-    }), AccordionContentFrame = (0, import_web2.styled)(import_collapsible.Collapsible.Content, {
+    }), AccordionContentFrame = (0, import_web.styled)(import_collapsible.Collapsible.Content, {
       variants: {
         unstyled: {
           false: {
@@ -21691,7 +21693,7 @@ var require_Checkbox_native = __commonJS({
             },
             pressStyle: {
               borderColor: "$borderColor",
-              backgroundColor: "$backgroundColor"
+              backgroundColor: "$background"
             },
             focusStyle: {
               outlineWidth: 0
@@ -22457,9 +22459,9 @@ var require_useCheckbox_native = __commonJS({
             "data-state": (0, import_utils3.getState)(checked),
             "data-disabled": disabled ? "" : void 0,
             disabled,
-            onKeyDown: handleKeyDown
+            onKeyDown: disabled ? void 0 : handleKeyDown
           },
-          onPress: handlePress
+          onPress: disabled ? void 0 : handlePress
         }
       };
     }
@@ -22621,12 +22623,17 @@ var require_createCheckbox_native = __commonJS({
             ...checkboxProps.style
           }
         });
-        var _propsActive_size1, _ref1, _ref2;
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckboxContext.Provider, {
-          value: {
+        var memoizedContext = (0, import_react3.useMemo)(function() {
+          return {
             checked,
             disabled: checkboxProps.disabled
-          },
+          };
+        }, [
+          checked,
+          checkboxProps.disabled
+        ]), _propsActive_size1, _ref1, _ref2;
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CheckboxContext.Provider, {
+          value: memoizedContext,
           children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
             size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
             scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
@@ -24498,7 +24505,7 @@ var require_floating_ui_react_native = __commonJS({
     var React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React4), ORIGIN$1 = {
       x: 0,
       y: 0
-    };
+    }, isAndroid = reactNative.Platform.OS === "android";
     function isView(reference) {
       return "measure" in reference;
     }
@@ -24517,6 +24524,7 @@ var require_floating_ui_react_native = __commonJS({
                 }, method = sameScrollView ? "measure" : "measureInWindow";
                 if (isView(reference))
                   reference[method](function(x2, y2, width2, height2) {
+                    y2 = isAndroid && !sameScrollView && reactNative.StatusBar.currentHeight ? y2 + reactNative.StatusBar.currentHeight : y2;
                     var referenceRect2 = {
                       width: width2,
                       height: height2,
@@ -24546,10 +24554,10 @@ var require_floating_ui_react_native = __commonJS({
           });
         },
         getClippingRect() {
-          var { width, height } = reactNative.Dimensions.get("window");
+          var { width: windowWidth, height: windowHeight } = reactNative.Dimensions.get("window"), { height: screenHeight } = reactNative.Dimensions.get("screen"), statusBarHeight = reactNative.StatusBar.currentHeight || 0, navigationBarHeight = isAndroid ? screenHeight - windowHeight - statusBarHeight : 0;
           return Promise.resolve({
-            width,
-            height,
+            width: windowWidth,
+            height: screenHeight - navigationBarHeight,
             ...sameScrollView ? scrollOffsets : ORIGIN$1
           });
         },
@@ -25237,21 +25245,9 @@ var require_Popper_native = __commonJS({
         unstyled: process.env.TAMAGUI_HEADLESS === "1"
       }
     }), PopperContent = /* @__PURE__ */ React4.forwardRef(function(props, forwardedRef) {
-      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size4 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), contents = React4.useMemo(function() {
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperContentFrame, {
-          "data-placement": placement,
-          "data-strategy": strategy,
-          contain: "layout",
-          size: size4,
-          ...rest
-        }, "popper-content-frame");
-      }, [
-        placement,
-        strategy,
-        props
-      ]), [needsMeasure, setNeedsMeasure] = React4.useState(!0);
-      React4.useEffect(function() {
-        enableAnimationForPositionChange && (x || y) && setNeedsMeasure(!1);
+      var { __scopePopper, enableAnimationForPositionChange, ...rest } = props, { strategy, placement, refs, x, y, getFloatingProps, size: size4 } = usePopperContext(__scopePopper), contentRefs = (0, import_compose_refs.useComposedRefs)(refs.setFloating, forwardedRef), [needsMeasure, setNeedsMeasure] = React4.useState(enableAnimationForPositionChange);
+      (0, import_constants4.useIsomorphicLayoutEffect)(function() {
+        x && y && setNeedsMeasure(!1);
       }, [
         enableAnimationForPositionChange,
         x,
@@ -25268,18 +25264,23 @@ var require_Popper_native = __commonJS({
         ...enableAnimationForPositionChange && {
           // apply animation but disable it on initial render to avoid animating from 0 to the first position
           animation: rest.animation,
-          animateOnly: needsMeasure ? [
-            "none"
-          ] : rest.animateOnly,
+          animateOnly: needsMeasure ? [] : rest.animateOnly,
           animatePresence: !1
+        },
+        ...x === 0 && y === 0 && {
+          opacity: 0,
+          animateOnly: []
         }
       };
       return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core12.Stack, {
         ...getFloatingProps ? getFloatingProps(frameProps) : frameProps,
-        ...x === 0 && y === 0 ? {
-          opacity: 0
-        } : {},
-        children: contents
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(PopperContentFrame, {
+          "data-placement": placement,
+          "data-strategy": strategy,
+          contain: "layout",
+          size: size4,
+          ...rest
+        }, "popper-content-frame")
       });
     }), PopperArrowFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: "PopperArrow",
@@ -26208,7 +26209,7 @@ var require_RadioGroup_native = __commonJS({
             },
             pressStyle: {
               borderColor: "$borderColor",
-              backgroundColor: "$backgroundColor"
+              backgroundColor: "$background"
             },
             focusVisibleStyle: {
               outlineWidth: 0