@tamagui/toggle-group 1.141.4 → 1.142.0

package/dist/esm/ToggleGroup.js

@@ -8,48 +8,40 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
-import {
-  createStyledContext,
-  getVariableValue,
-  styled,
-  usePropsAndStyle,
-  useTheme
-} from "@tamagui/web";
+import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
 import React from "react";
-import { Toggle, ToggleFrame } from "./Toggle";
+import { Toggle, ToggleFrame, context as ToggleContext } from "./Toggle";
 import { jsx } from "react/jsx-runtime";
-const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider, useStyledContext: useToggleGroupItemContext } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const [_, { color }] = usePropsAndStyle(props), { disablePassStyles, ...rest } = props, valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), pressed = valueContext?.value.includes(props.value), disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
-        width: void 0,
-        height: void 0,
-        padding: getVariableValue(size) * 0.6
-      }, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), getThemedIcon = useGetThemedIcon({
-        size: iconSize,
-        color: color ?? theme.color
-      }), children = React.Children.toArray(props.children).map((child) => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), { active: pressed })), commonProps = { pressed, disabled, ...sizeProps, ...rest, children }, inner = /* @__PURE__ */ jsx(
-        ToggleGroupItemImpl,
-        {
-          ...commonProps,
-          ref: forwardedRef,
-          tabIndex: disabled ? -1 : 0,
-          disabled,
-          ...groupItemProps
-        }
-      );
-      return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: context.rovingFocus ? /* @__PURE__ */ jsx(
-        RovingFocusGroup.Item,
-        {
-          asChild: "except-style",
-          __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-          focusable: !disabled,
-          active: pressed,
-          children: inner
-        }
-      ) : inner });
-    }
-  )
+const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext(), ToggleGroupItem = ToggleFrame.styleable(
+  (props, forwardedRef) => {
+    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup), pressed = valueContext?.value.includes(props.value), toggledStyle = props.toggledStyle || toggleContext.toggledStyle, color = props.color || toggleContext.color, { disablePassStyles, toggledStyle: _, ...rest } = props, disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({ disabled }), size = props.size ?? context.size, sizeProps = props.unstyled ? {} : {
+      width: void 0,
+      height: void 0,
+      padding: getVariableValue(size) * 0.6
+    }, iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2, theme = useTheme(), toggledColor = toggledStyle?.color, getThemedIcon = useGetThemedIcon({
+      size: iconSize,
+      color: (pressed && toggledColor ? toggledColor : color) || theme.color
+    }), children = React.Children.toArray(props.children).map((child) => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), { active: pressed })), commonProps = { pressed, disabled, ...sizeProps, ...rest, children }, inner = /* @__PURE__ */ jsx(
+      ToggleGroupItemImpl,
+      {
+        ...commonProps,
+        ref: forwardedRef,
+        tabIndex: disabled ? -1 : 0,
+        disabled,
+        ...groupItemProps
+      }
+    );
+    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: context.rovingFocus ? /* @__PURE__ */ jsx(
+      RovingFocusGroup.Item,
+      {
+        asChild: "except-style",
+        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+        focusable: !disabled,
+        active: pressed,
+        children: inner
+      }
+    ) : inner }) });
+  }
 );
 ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
 const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
@@ -177,73 +169,70 @@ const ToggleGroupImplElementFrame = styled(Group, {
   defaultVariants: {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
-}), ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(
-  React.forwardRef(
-    (props, forwardedRef) => {
-      const {
-        __scopeToggleGroup,
-        disabled = !1,
-        orientation = "horizontal",
-        dir,
-        rovingFocus = !0,
-        loop = !0,
-        unstyled = !1,
-        size: sizeProp = "$true",
-        sizeAdjust = 0,
-        ...toggleGroupProps
-      } = props, direction = useDirection(dir), commonProps = {
-        role: "group",
-        dir: direction,
-        ...toggleGroupProps
-      }, adjustedSize = getVariableValue(
-        getSize(sizeProp, {
-          shift: sizeAdjust
-        })
-      ), size = Math.round(adjustedSize * 0.45);
-      return /* @__PURE__ */ jsx(
-        ToggleGroupContext,
+}), ToggleGroupImpl = ToggleGroupImplElementFrame.styleable((props, forwardedRef) => {
+  const {
+    __scopeToggleGroup,
+    disabled = !1,
+    orientation = "horizontal",
+    dir,
+    rovingFocus = !0,
+    loop = !0,
+    unstyled = !1,
+    size: sizeProp = "$true",
+    sizeAdjust = 0,
+    toggledStyle,
+    color,
+    ...toggleGroupProps
+  } = props, direction = useDirection(dir), commonProps = {
+    role: "group",
+    dir: direction,
+    ...toggleGroupProps
+  }, adjustedSize = getVariableValue(
+    getSize(sizeProp, {
+      shift: sizeAdjust
+    })
+  ), size = Math.round(adjustedSize * 0.45);
+  return /* @__PURE__ */ jsx(
+    ToggleGroupContext,
+    {
+      scope: __scopeToggleGroup,
+      rovingFocus,
+      disabled,
+      size,
+      children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: rovingFocus ? /* @__PURE__ */ jsx(
+        RovingFocusGroup,
         {
-          scope: __scopeToggleGroup,
-          rovingFocus,
-          disabled,
-          size,
-          children: rovingFocus ? /* @__PURE__ */ jsx(
-            RovingFocusGroup,
-            {
-              asChild: "except-style",
-              __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-              orientation,
-              dir: direction,
-              loop,
-              children: /* @__PURE__ */ jsx(
-                ToggleGroupImplElementFrame,
-                {
-                  "aria-orientation": orientation,
-                  orientation,
-                  axis: orientation,
-                  ref: forwardedRef,
-                  "data-disabled": disabled ? "" : void 0,
-                  unstyled,
-                  ...commonProps
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx(
+          asChild: "except-style",
+          __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+          orientation,
+          dir: direction,
+          loop,
+          children: /* @__PURE__ */ jsx(
             ToggleGroupImplElementFrame,
             {
               "aria-orientation": orientation,
-              ref: forwardedRef,
               orientation,
+              ref: forwardedRef,
               "data-disabled": disabled ? "" : void 0,
               unstyled,
               ...commonProps
             }
           )
         }
-      );
+      ) : /* @__PURE__ */ jsx(
+        ToggleGroupImplElementFrame,
+        {
+          "aria-orientation": orientation,
+          ref: forwardedRef,
+          orientation,
+          "data-disabled": disabled ? "" : void 0,
+          unstyled,
+          ...commonProps
+        }
+      ) })
     }
-  )
-);
+  );
+});
 export {
   ToggleGroup
 };

package/dist/esm/ToggleGroup.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ToggleGroup.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["value"]
 }

package/dist/esm/ToggleGroup.mjs

@@ -8,32 +8,32 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
-import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
+import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
 import React from "react";
-import { Toggle, ToggleFrame } from "./Toggle.mjs";
+import { Toggle, ToggleFrame, context as ToggleContext } from "./Toggle.mjs";
 import { jsx } from "react/jsx-runtime";
 const TOGGLE_GROUP_NAME = "ToggleGroup",
   TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
   TOGGLE_GROUP_CONTEXT = "ToggleGroup",
   {
-    Provider: ToggleGroupItemProvider,
-    useStyledContext: useToggleGroupItemContext
+    Provider: ToggleGroupItemProvider
   } = createStyledContext(),
   {
     Provider: ToggleGroupContext,
     useStyledContext: useToggleGroupContext
   } = createStyledContext(),
-  ToggleGroupItem = ToggleFrame.extractable(React.forwardRef((props, forwardedRef) => {
-    const [_, {
-        color
-      }] = usePropsAndStyle(props),
+  ToggleGroupItem = ToggleFrame.styleable((props, forwardedRef) => {
+    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
+      context = useToggleGroupContext(props.__scopeToggleGroup),
+      toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup),
+      pressed = valueContext?.value.includes(props.value),
+      toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
+      color = props.color || toggleContext.color,
       {
         disablePassStyles,
+        toggledStyle: _,
         ...rest
       } = props,
-      valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
-      context = useToggleGroupContext(props.__scopeToggleGroup),
-      pressed = valueContext?.value.includes(props.value),
       disabled = context.disabled || props.disabled || !1,
       groupItemProps = useGroupItem({
         disabled
@@ -46,9 +46,10 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
       },
       iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
       theme = useTheme(),
+      toggledColor = toggledStyle?.color,
       getThemedIcon = useGetThemedIcon({
         size: iconSize,
-        color: color ?? theme.color
+        color: (pressed && toggledColor ? toggledColor : color) || theme.color
       }),
       children = React.Children.toArray(props.children).map(child => props.disablePassStyles || !React.isValidElement(child) ? child : React.cloneElement(getThemedIcon(child), {
         active: pressed
@@ -69,15 +70,19 @@ const TOGGLE_GROUP_NAME = "ToggleGroup",
       });
     return /* @__PURE__ */jsx(ToggleGroupItemProvider, {
       scope: props.__scopeToggleGroup,
-      children: context.rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup.Item, {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        focusable: !disabled,
-        active: pressed,
-        children: inner
-      }) : inner
+      children: /* @__PURE__ */jsx(ToggleContext.Provider, {
+        color,
+        toggledStyle,
+        children: context.rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup.Item, {
+          asChild: "except-style",
+          __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+          focusable: !disabled,
+          active: pressed,
+          children: inner
+        }) : inner
+      })
     });
-  }));
+  });
 ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
 const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
     const {
@@ -205,7 +210,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
   }),
-  ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(React.forwardRef((props, forwardedRef) => {
+  ToggleGroupImpl = ToggleGroupImplElementFrame.styleable((props, forwardedRef) => {
     const {
         __scopeToggleGroup,
         disabled = !1,
@@ -216,6 +221,8 @@ const ToggleGroupImplElementFrame = styled(Group, {
         unstyled = !1,
         size: sizeProp = "$true",
         sizeAdjust = 0,
+        toggledStyle,
+        color,
         ...toggleGroupProps
       } = props,
       direction = useDirection(dir),
@@ -233,30 +240,33 @@ const ToggleGroupImplElementFrame = styled(Group, {
       rovingFocus,
       disabled,
       size,
-      children: rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup, {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        orientation,
-        dir: direction,
-        loop,
-        children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
-          "aria-orientation": orientation,
+      children: /* @__PURE__ */jsx(ToggleContext.Provider, {
+        color,
+        toggledStyle,
+        children: rovingFocus ? /* @__PURE__ */jsx(RovingFocusGroup, {
+          asChild: "except-style",
+          __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
           orientation,
-          axis: orientation,
+          dir: direction,
+          loop,
+          children: /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
+            "aria-orientation": orientation,
+            orientation,
+            ref: forwardedRef,
+            "data-disabled": disabled ? "" : void 0,
+            unstyled,
+            ...commonProps
+          })
+        }) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
+          "aria-orientation": orientation,
           ref: forwardedRef,
+          orientation,
           "data-disabled": disabled ? "" : void 0,
           unstyled,
           ...commonProps
         })
-      }) : /* @__PURE__ */jsx(ToggleGroupImplElementFrame, {
-        "aria-orientation": orientation,
-        ref: forwardedRef,
-        orientation,
-        "data-disabled": disabled ? "" : void 0,
-        unstyled,
-        ...commonProps
       })
     });
-  }));
+  });
 export { ToggleGroup };
 //# sourceMappingURL=ToggleGroup.mjs.map

package/dist/esm/ToggleGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","usePropsAndStyle","useTheme","React","Toggle","ToggleFrame","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","extractable","forwardRef","props","forwardedRef","_","color","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","value","includes","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","getThemedIcon","children","Children","toArray","map","child","isValidElement","cloneElement","active","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["isWeb","registerFocusable","getFontSize","getSize","Group","useGroupItem","withStaticProperties","useGetThemedIcon","RovingFocusGroup","useControllableState","useDirection","createStyledContext","getVariableValue","styled","useTheme","React","Toggle","ToggleFrame","context","ToggleContext","jsx","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","toggleContext","pressed","value","includes","toggledStyle","color","disablePassStyles","_","rest","disabled","groupItemProps","size","sizeProps","unstyled","width","height","padding","iconSize","theme","toggledColor","getThemedIcon","children","Children","toArray","map","child","isValidElement","cloneElement","active","commonProps","inner","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","onPressedChange","onItemActivate","onItemDeactivate","ToggleGroup","toggleGroupProps","useEffect","id","focus","ToggleGroupImplSingle","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","name","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","role","adjustedSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ToggleGroup.native.js

@@ -9,31 +9,31 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
-import { createStyledContext, getVariableValue, styled, usePropsAndStyle, useTheme } from "@tamagui/web";
+import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
 import React from "react";
-import { Toggle, ToggleFrame } from "./Toggle.native.js";
+import { Toggle, ToggleFrame, context as ToggleContext } from "./Toggle.native.js";
 var TOGGLE_GROUP_NAME = "ToggleGroup",
   TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
   TOGGLE_GROUP_CONTEXT = "ToggleGroup",
   {
-    Provider: ToggleGroupItemProvider,
-    useStyledContext: useToggleGroupItemContext
+    Provider: ToggleGroupItemProvider
   } = createStyledContext(),
   {
     Provider: ToggleGroupContext,
     useStyledContext: useToggleGroupContext
   } = createStyledContext(),
-  ToggleGroupItem = ToggleFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-    var [_, {
-        color
-      }] = usePropsAndStyle(props),
+  ToggleGroupItem = ToggleFrame.styleable(function (props, forwardedRef) {
+    var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
+      context = useToggleGroupContext(props.__scopeToggleGroup),
+      toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup),
+      pressed = valueContext?.value.includes(props.value),
+      toggledStyle = props.toggledStyle || toggleContext.toggledStyle,
+      color = props.color || toggleContext.color,
       {
         disablePassStyles,
+        toggledStyle: _,
         ...rest
       } = props,
-      valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
-      context = useToggleGroupContext(props.__scopeToggleGroup),
-      pressed = valueContext?.value.includes(props.value),
       disabled = context.disabled || props.disabled || !1,
       groupItemProps = useGroupItem({
         disabled
@@ -47,9 +47,11 @@ var TOGGLE_GROUP_NAME = "ToggleGroup",
       },
       iconSize = (typeof size == "number" ? size * 0.7 : getFontSize(size)) * 1.2,
       theme = useTheme(),
+      toggledColor = toggledStyle?.color,
+      activeColor = pressed && toggledColor ? toggledColor : color,
       getThemedIcon = useGetThemedIcon({
         size: iconSize,
-        color: color ?? theme.color
+        color: activeColor || theme.color
       }),
       childrens = React.Children.toArray(props.children),
       children = childrens.map(function (child) {
@@ -74,15 +76,19 @@ var TOGGLE_GROUP_NAME = "ToggleGroup",
       });
     return /* @__PURE__ */_jsx(ToggleGroupItemProvider, {
       scope: props.__scopeToggleGroup,
-      children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        focusable: !disabled,
-        active: pressed,
-        children: inner
-      }) : inner
+      children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
+        color,
+        toggledStyle,
+        children: context.rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup.Item, {
+          asChild: "except-style",
+          __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
+          focusable: !disabled,
+          active: pressed,
+          children: inner
+        }) : inner
+      })
     });
-  }));
+  });
 ToggleGroupItem.displayName = TOGGLE_GROUP_ITEM_NAME;
 var ToggleGroupItemImpl = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
     var {
@@ -230,7 +236,7 @@ var ToggleGroupImplElementFrame = styled(Group, {
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
   }),
-  ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(/* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
+  ToggleGroupImpl = ToggleGroupImplElementFrame.styleable(function (props, forwardedRef) {
     var {
         __scopeToggleGroup,
         disabled = !1,
@@ -241,6 +247,8 @@ var ToggleGroupImplElementFrame = styled(Group, {
         unstyled = !1,
         size: sizeProp = "$true",
         sizeAdjust = 0,
+        toggledStyle,
+        color,
         ...toggleGroupProps
       } = props,
       direction = useDirection(dir),
@@ -258,30 +266,34 @@ var ToggleGroupImplElementFrame = styled(Group, {
       rovingFocus,
       disabled,
       size,
-      children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        orientation,
-        dir: direction,
-        loop,
-        children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
-          "aria-orientation": orientation,
+      children: /* @__PURE__ */_jsx(ToggleContext.Provider, {
+        color,
+        toggledStyle,
+        children: rovingFocus ? /* @__PURE__ */_jsx(RovingFocusGroup, {
+          asChild: "except-style",
+          __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
           orientation,
-          axis: orientation,
+          dir: direction,
+          loop,
+          children: /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
+            "aria-orientation": orientation,
+            orientation,
+            // axis={orientation}
+            ref: forwardedRef,
+            "data-disabled": disabled ? "" : void 0,
+            unstyled,
+            ...commonProps
+          })
+        }) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
+          "aria-orientation": orientation,
           ref: forwardedRef,
+          orientation,
           "data-disabled": disabled ? "" : void 0,
           unstyled,
           ...commonProps
         })
-      }) : /* @__PURE__ */_jsx(ToggleGroupImplElementFrame, {
-        "aria-orientation": orientation,
-        ref: forwardedRef,
-        orientation,
-        "data-disabled": disabled ? "" : void 0,
-        unstyled,
-        ...commonProps
       })
     });
-  }));
+  });
 export { ToggleGroup };
 //# sourceMappingURL=ToggleGroup.native.js.map