tamagui 1.69.3 → 1.70.0

package/dist/native.js

@@ -3462,7 +3462,7 @@ var require_getSplitStyles_native = __commonJS({
             case "accessibilityRequired":
             default:
           }
-        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = isMedia || isPseudo, isStyleProp = isMediaOrPseudo || isVariant || isValidStyleKeyInit || isShorthand;
+        let isValidStyleKeyInit = keyInit in validStyleProps, isShorthand = keyInit in shorthands, isVariant = !isValidStyleKeyInit && variants && keyInit in variants, isStyleLikeKey = isShorthand || isValidStyleKeyInit || isVariant, isPseudo = keyInit in import_helpers.validPseudoKeys, isMedia = !isStyleLikeKey && !isPseudo && (0, import_useMedia.isMediaKey)(keyInit), isMediaOrPseudo = isMedia || isPseudo, isStyleProp = isMediaOrPseudo || isVariant && !styleProps.noExpand || isValidStyleKeyInit || isShorthand;
         if (isStyleProp && (props.asChild === "except-style" || props.asChild === "except-style-web"))
           continue;
         let shouldPassProp = !isStyleProp || // is in parent variants
@@ -3476,7 +3476,7 @@ var require_getSplitStyles_native = __commonJS({
           isHOCShouldPassThrough,
           curProps: { ...styleState.curProps },
           parentStaticConfig
-        }), console.groupEnd()), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || keyInit in skipProps)
+        }), console.groupEnd()), shouldPassThrough && (passDownProp(viewProps, keyInit, valInit, isMediaOrPseudo), !isVariant) || !styleProps.noSkip && keyInit in skipProps)
           continue;
         if (isText && valInit && (keyInit === fontFamilyKey || keyInit === shorthands[fontFamilyKey]) && valInit in conf.fontsParsed && (styleState.fontFamily = valInit), isValidStyleKeyInit && !variants && (valInitType === "number" || valInitType === "string" && valInit[0] !== "$")) {
           style[keyInit] = valInit;
@@ -3523,7 +3523,8 @@ current`, {
                   styleProps.noClassNames
                 ), descriptor = import_pseudoDescriptors.pseudoDescriptors[key], isEnter = key === "enterStyle", isExit = key === "exitStyle";
                 if (process.env.NODE_ENV === "development" && !styleProps.isAnimated && !componentState.unmounted && (isEnter || isExit) && console.warn(
-                  `No animation prop given to component ${staticConfig.componentName || ""} with enterStyle / exitStyle, these styles will be ignore.`
+                  `No animation prop given to component ${staticConfig.componentName || ""} ${props["data-at"] || ""} with enterStyle / exitStyle, these styles will be ignored`,
+                  { props }
                 ), !descriptor || isExit && !styleProps.isExiting)
                   continue;
                 if ((!shouldDoClasses || IS_STATIC) && (pseudos ||= {}, pseudos[key] ||= {}, IS_STATIC)) {
@@ -3762,7 +3763,7 @@ current`, {
         let val = styleIn[key];
         key = conf2.shorthands[key] || key;
         let expanded = (0, import_propMapper.propMapper)(key, val, styleState, { ...props, ...props[subKey] });
-        if (!(!expanded || !staticConfig.isHOC && key in skipProps))
+        if (!(!expanded || !staticConfig.isHOC && key in skipProps && !styleProps.noSkip))
           for (let [skey, sval] of expanded)
             !avoidMergeTransform && skey in import_helpers.stylePropsTransform ? mergeTransform(styleOut, skey, sval) : styleOut[skey] = styleProps.noNormalize ? sval : (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(sval, key);
       }
@@ -6225,6 +6226,7 @@ var require_useProps_native = __commonJS({
         {
           isAnimated: !1,
           mediaState: media,
+          noSkip: !0,
           noClassNames: !0,
           ...opts
         },
@@ -7751,6 +7753,8 @@ var require_getElevation_native = __commonJS({
         typeof val2 == "number" ? num = val2 : num = 10;
       } else
         num = +val;
+      if (num === 0)
+        return;
       let [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
       return {
         shadowColor: theme.shadowColor,
@@ -13787,7 +13791,7 @@ var require_Popper_native = __commonJS({
         unstyled: {
           false: {
             position: "absolute",
-            zIndex: -1,
+            zIndex: 1e6,
             pointerEvents: "none",
             overflow: "hidden",
             alignItems: "center",
@@ -13814,7 +13818,7 @@ var require_Popper_native = __commonJS({
       if (primaryPlacement) {
         arrowStyle[isVertical ? "width" : "height"] = size * 2;
         let oppSide = opposites[primaryPlacement];
-        oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_core12.useIsomorphicLayoutEffect)(() => {
+        oppSide && (arrowStyle[oppSide] = -size, innerArrowStyle[oppSide] = size / 2), oppSide === "bottom" && (arrowStyle[oppSide] += 1), (oppSide === "top" || oppSide === "bottom") && (arrowStyle.left = 0), (oppSide === "left" || oppSide === "right") && (arrowStyle.top = 0), (0, import_core12.useIsomorphicLayoutEffect)(() => {
           var _a2;
           (_a2 = context.onArrowSize) == null || _a2.call(context, size);
         }, [size, context.onArrowSize]);
@@ -14950,10 +14954,12 @@ var require_SelectItem_native = __commonJS({
           interactions,
           shouldRenderWebNative,
           size,
+          onActiveChange,
           initialValue
         } = context, [isSelected, setSelected] = React2.useState(initialValue === value), [isActive, setActive] = React2.useState(!1);
         React2.useEffect(() => activeIndexSubscribe((i) => {
-          setActive(index === i);
+          let isActive2 = index === i;
+          setActive(isActive2), isActive2 && onActiveChange(value, index);
         }), [index]), React2.useEffect(() => valueSubscribe((val) => {
           setSelected(val === value);
         }), [value]);
@@ -15427,6 +15433,7 @@ var require_Select_native = __commonJS({
           onValueChange,
           disablePreventBodyScroll,
           size: sizeProp = "$true",
+          onActiveChange,
           dir
         } = props, id = React2.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id, { when, AdaptProvider } = (0, import_adapt.useAdaptParent)({
           Contents: React2.useCallback(
@@ -15463,6 +15470,9 @@ var require_Select_native = __commonJS({
             onChange: React2.useCallback((val) => {
               setValue(val), emitValue(val);
             }, []),
+            onActiveChange: (0, import_core12.useEvent)((...args) => {
+              onActiveChange == null || onActiveChange(...args);
+            }),
             setSelectedIndex,
             setValueAtIndex: React2.useCallback((index, value2) => {
               listContentRef.current[index] = value2;
@@ -15486,7 +15496,7 @@ var require_Select_native = __commonJS({
                 activeIndex,
                 selectedIndex,
                 setActiveIndex: React2.useCallback((index) => {
-                  setActiveIndex(index), typeof index == "number" && emitActiveIndex(index);
+                  setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
                 }, []),
                 value,
                 open,
@@ -16268,6 +16278,9 @@ var require_Switch_native = __commonJS({
             borderRadius: 1e3
           }
         },
+        checked: {
+          true: {}
+        },
         size: {
           "...size": (val) => {
             let size = getSwitchHeight(val);
@@ -16283,7 +16296,6 @@ var require_Switch_native = __commonJS({
       }
     }), getSwitchHeight = (val) => Math.round((0, import_core12.getVariableValue)((0, import_get_token2.getSize)(val)) * 0.65), getSwitchWidth = (val) => getSwitchHeight(val) * 2, SwitchFrame = (0, import_core12.styled)(import_stacks3.YStack, {
       name: "Switch",
-      tag: "button",
       context: import_SwitchContext.SwitchContext,
       variants: {
         unstyled: {
@@ -16382,6 +16394,7 @@ var require_createSwitch_native = __commonJS({
             "data-state": getState(checked),
             "data-disabled": disabled ? "" : void 0,
             alignSelf: initialChecked ? "flex-end" : "flex-start",
+            checked,
             x,
             ...thumbProps,
             onLayout: (0, import_core12.composeEventHandlers)(
@@ -16396,7 +16409,12 @@ var require_createSwitch_native = __commonJS({
         );
       }), SwitchComponent = Frame.extractable(
         React2.forwardRef(function(propsIn, forwardedRef) {
-          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), props = (0, import_core12.useProps)(propsIn), {
+          let styledContext = React2.useContext(import_SwitchContext.SwitchContext), [props, style] = (0, import_core12.usePropsAndStyle)(propsIn, {
+            noNormalize: !0,
+            noExpand: !0,
+            resolveValues: "none",
+            forComponent: Frame
+          }), {
             labeledBy: ariaLabelledby,
             name,
             checked: checkedProp,
@@ -16412,10 +16430,8 @@ var require_createSwitch_native = __commonJS({
             children,
             ...switchProps
           } = props, leftBorderWidth = (() => {
-            let _;
-            for (let key in switchProps)
-              (key === "borderWidth" || key === "borderLeftWidth") && (_ = switchProps[key]);
-            return Frame === import_Switch.SwitchFrame && acceptsUnstyled && _ == null && unstyled === !1 && (_ = 2), typeof _ == "string" && (_ = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(_))), typeof _ == "number" ? _ : 0;
+            let _ = style.borderLeftWidth || style.borderWidth;
+            return typeof _ == "string" && (_.endsWith("px") ? _ = +_.replace("px", "") : _ = (0, import_core12.getVariableValue)((0, import_get_token2.getSize)(_))), typeof _ == "number" ? _ : Frame === import_Switch.SwitchFrame && !unstyled ? 2 : 0;
           })(), native = Array.isArray(nativeProp) ? nativeProp : [nativeProp], shouldRenderMobileNative = !import_core12.isWeb && nativeProp === !0 || !import_core12.isWeb && native.includes("mobile") || native.includes("android") && import_react_native4.Platform.OS === "android" || native.includes("ios") && import_react_native4.Platform.OS === "ios", [button, setButton] = React2.useState(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => setButton(node)), labelId = (0, import_label.useLabelContext)(button), labelledBy = ariaLabelledby || labelId, hasConsumerStoppedPropagationRef = React2.useRef(!1), isFormControl = import_core12.isWeb ? button ? !!button.closest("form") : !0 : !1, [frameWidth, setFrameWidth] = React2.useState(0), [checked = !1, setChecked] = (0, import_use_controllable_state.useControllableState)({
             prop: checkedProp,
             defaultProp: defaultChecked || !1,
@@ -17195,9 +17211,11 @@ var require_Toggle_native = __commonJS({
           onChange: onPressedChange,
           defaultProp: defaultPressed
         });
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_web.Theme, { name: pressed ? "active" : null, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
           ToggleFrame,
           {
+            theme: pressed ? "active" : null,
+            themeShallow: !0,
             active: props.unstyled ? void 0 : pressed,
             "aria-pressed": pressed,
             "data-state": pressed ? "on" : "off",
@@ -17208,7 +17226,7 @@ var require_Toggle_native = __commonJS({
               props.disabled || setPressed(!pressed);
             })
           }
-        ) });
+        );
       })
     );
     Toggle.displayName = NAME;