tamagui 1.75.0 → 1.75.2

package/dist/native.js

@@ -18603,8 +18603,8 @@ var require_Toggle_native = __commonJS({
               backgroundColor: "$background"
             },
             focusStyle: {
-              borderColor: "$borderColorPress",
-              backgroundColor: "$backgroundPress"
+              borderColor: "$borderColor",
+              backgroundColor: "$background"
             }
           }
         },
@@ -18622,37 +18622,36 @@ var require_Toggle_native = __commonJS({
       defaultVariants: {
         unstyled: !1
       }
-    }), Toggle = ToggleFrame.extractable(
-      React2.forwardRef((props, forwardedRef) => {
-        let {
-          pressed: pressedProp,
-          defaultPressed = !1,
-          onPressedChange,
-          ...buttonProps
-        } = props, [pressed = !1, setPressed] = (0, import_use_controllable_state.useControllableState)({
-          prop: pressedProp,
-          onChange: onPressedChange,
-          defaultProp: defaultPressed
-        });
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          ToggleFrame,
-          {
+    }), Toggle = React2.forwardRef(function(props, forwardedRef) {
+      let {
+        pressed: pressedProp,
+        defaultPressed = !1,
+        onPressedChange,
+        ...buttonProps
+      } = props, [pressed = !1, setPressed] = (0, import_use_controllable_state.useControllableState)({
+        prop: pressedProp,
+        onChange: onPressedChange,
+        defaultProp: defaultPressed
+      });
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        ToggleFrame,
+        {
+          ...!props.unstyled && {
             theme: pressed ? "active" : null,
-            themeShallow: !0,
-            active: props.unstyled ? void 0 : pressed,
-            "aria-pressed": pressed,
-            "data-state": pressed ? "on" : "off",
-            "data-disabled": props.disabled ? "" : void 0,
-            ...buttonProps,
-            ref: forwardedRef,
-            onPress: (0, import_web.composeEventHandlers)(props.onPress ?? void 0, (event) => {
-              props.disabled || setPressed(!pressed);
-            })
-          }
-        );
-      })
-    );
-    Toggle.displayName = NAME;
+            themeShallow: !0
+          },
+          active: props.unstyled ? void 0 : pressed,
+          "aria-pressed": pressed,
+          "data-state": pressed ? "on" : "off",
+          "data-disabled": props.disabled ? "" : void 0,
+          ...buttonProps,
+          ref: forwardedRef,
+          onPress: (0, import_web.composeEventHandlers)(props.onPress ?? void 0, () => {
+            props.disabled || setPressed(!pressed);
+          })
+        }
+      );
+    });
   }
 });
 
@@ -18683,78 +18682,50 @@ var require_ToggleGroup_native = __commonJS({
     var import_focusable2 = require_index_native44(), import_font_size = require_index_native40(), import_get_token2 = require_index_native17(), import_group = require_index_native50(), import_helpers_tamagui = require_index_native41(), import_roving_focus = require_index_native62(), import_use_controllable_state = require_index_native12(), import_use_direction = require_index_native22(), import_web = require_index_native9(), import_react2 = __toESM2(require("react")), import_Toggle = require_Toggle_native(), import_jsx_runtime6 = require("react/jsx-runtime"), TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = (0, import_web.createStyledContext)(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = (0, import_web.createStyledContext)(), ToggleGroupItem = import_Toggle.ToggleFrame.extractable(
       import_react2.default.forwardRef(
         (props, forwardedRef) => {
-          let { __scopeToggleGroup, ...rest } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), context = useToggleGroupContext(__scopeToggleGroup), pressed = valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, ref = import_react2.default.useRef(null), groupItemProps = (0, import_group.useGroupItem)({ disabled }), size2 = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
+          let valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext == null ? void 0 : valueContext.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = (0, import_group.useGroupItem)({ disabled }), size2 = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
             width: void 0,
             height: void 0,
             padding: (0, import_web.getVariableValue)(size2) * 0.6
-          }, iconSize = (typeof size2 == "number" ? size2 * 0.7 : (0, import_font_size.getFontSize)(size2)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = import_react2.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react2.default.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { pressed, disabled, ...sizeProps, ...props, children };
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupItemProvider, { scope: __scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_roving_focus.RovingFocusGroup.Item,
+          }, iconSize = (typeof size2 == "number" ? size2 * 0.7 : (0, import_font_size.getFontSize)(size2)) * 1.2, theme = (0, import_web.useTheme)(), getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({ size: iconSize, color: theme.color }), children = import_react2.default.Children.toArray(props.children).map((child) => props.disablePassStyles || !import_react2.default.isValidElement(child) ? child : getThemedIcon(child)), commonProps = { pressed, disabled, ...sizeProps, ...props, children }, inner = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            ToggleGroupItemImpl,
             {
-              asChild: "except-style",
-              __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+              ...commonProps,
+              ref: forwardedRef,
               focusable: !disabled,
-              active: pressed,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                import_Toggle.ToggleFrame,
-                {
-                  asChild: "except-style",
-                  focusable: !disabled,
-                  disabled,
-                  ref,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                    ToggleGroupItemImpl,
-                    {
-                      __scopeToggleGroup,
-                      ...commonProps,
-                      ref: forwardedRef,
-                      ...groupItemProps
-                    }
-                  )
-                }
-              )
+              disabled,
+              ...groupItemProps
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_Toggle.ToggleFrame,
+          );
+          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_roving_focus.RovingFocusGroup.Item,
             {
               asChild: "except-style",
+              __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
               focusable: !disabled,
-              disabled,
-              ref,
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-                ToggleGroupItemImpl,
-                {
-                  __scopeToggleGroup,
-                  ...commonProps,
-                  ref: forwardedRef
-                }
-              )
+              active: pressed,
+              children: inner
             }
-          ) });
+          ) : inner });
         }
       )
     );
     ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
-    var ToggleGroupItemImpl = import_Toggle.ToggleFrame.extractable(
-      import_react2.default.forwardRef(
-        (props, forwardedRef) => {
-          let { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
-            "aria-pressed": void 0
-          }, typeProps = valueContext.type === "single" ? singleProps : void 0;
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-            import_Toggle.Toggle,
-            {
-              ...typeProps,
-              ...itemProps,
-              ref: forwardedRef,
-              onPressedChange: (pressed) => {
-                pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
-              }
-            }
-          );
+    var ToggleGroupItemImpl = import_react2.default.forwardRef((props, forwardedRef) => {
+      let { __scopeToggleGroup, value, ...itemProps } = props, valueContext = useToggleGroupValueContext(__scopeToggleGroup), singleProps = {
+        "aria-pressed": void 0
+      }, typeProps = valueContext.type === "single" ? singleProps : void 0;
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_Toggle.Toggle,
+        {
+          ...typeProps,
+          ...itemProps,
+          ref: forwardedRef,
+          onPressedChange: (pressed) => {
+            pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
+          }
         }
-      )
-    ), ToggleGroup = (0, import_web.withStaticProperties)(
+      );
+    }), ToggleGroup = (0, import_web.withStaticProperties)(
       import_react2.default.forwardRef(
         (props, forwardedRef) => {
           let { type, ...toggleGroupProps } = props;