@tamagui/toggle-group 2.0.0-1768741592663 → 2.0.0-1768781784925

package/dist/esm/Toggle.mjs

@@ -1,110 +1,111 @@
 import { composeEventHandlers } from "@tamagui/helpers";
-import { ThemeableStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
-import { createStyledContext, styled } from "@tamagui/web";
+import { styled, View } from "@tamagui/web";
 import * as React from "react";
+import { context } from "./context.mjs";
 import { jsx } from "react/jsx-runtime";
-const context = createStyledContext({
-    color: "",
-    toggledStyle: null
-  }),
-  NAME = "Toggle",
-  ToggleFrame = styled(ThemeableStack, {
+const NAME = "Toggle",
+  ToggleFrame = styled(View, {
     name: NAME,
     render: "button",
     context,
     variants: {
       unstyled: {
         false: {
-          pressTheme: !0,
-          backgroundColor: "$background",
+          size: "$true",
           alignItems: "center",
           justifyContent: "center",
           display: "flex",
+          backgroundColor: "$background",
           borderColor: "$borderColor",
           borderWidth: 1,
           margin: -1,
           hoverStyle: {
-            backgroundColor: "$backgroundHover"
+            backgroundColor: "$backgroundHover",
+            borderColor: "$borderColorHover"
           },
           pressStyle: {
-            backgroundColor: "$backgroundPress"
-          },
-          focusStyle: {
-            borderColor: "$borderColorFocus"
+            backgroundColor: "$backgroundPress",
+            borderColor: "$borderColorPress"
           },
           focusVisibleStyle: {
             outlineColor: "$outlineColor",
             outlineWidth: 2,
-            outlineStyle: "solid"
+            outlineStyle: "solid",
+            zIndex: 10
           }
         }
       },
-      toggledStyle: val => ({}),
-      active: {
-        true: (_, {
-          props,
-          context: context2
+      size: {
+        "...size": (val, {
+          tokens
         }) => {
-          const toggledStyle = props.toggledStyle || context2?.toggledStyle;
-          return {
-            zIndex: 1,
-            ...(!props.unstyled && !toggledStyle && {
-              backgroundColor: "$background",
-              hoverStyle: {
-                backgroundColor: "$background"
-              },
-              focusStyle: {
-                backgroundColor: "$background",
-                borderColor: "$borderColor"
-              }
-            }),
-            ...toggledStyle
+          if (val) return {
+            width: tokens.size[val],
+            height: tokens.size[val]
           };
-        }
-      },
-      orientation: {
-        horizontal: {
-          flexDirection: "row",
-          spaceDirection: "horizontal"
         },
-        vertical: {
-          flexDirection: "column",
-          spaceDirection: "vertical"
+        ":number": val => ({
+          width: val,
+          height: val
+        })
+      },
+      defaultActiveStyle: {
+        true: {
+          backgroundColor: "$backgroundActive",
+          hoverStyle: {
+            backgroundColor: "$backgroundActive"
+          },
+          focusStyle: {
+            backgroundColor: "$backgroundActive",
+            borderColor: "$borderColorActive"
+          }
         }
       }
     },
     defaultVariants: {
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
   }),
   Toggle = React.forwardRef(function (props, forwardedRef) {
     const {
-        pressed: pressedProp,
-        defaultPressed = !1,
-        onPressedChange,
+        active: activeProp,
+        activeStyle,
+        defaultActive = !1,
+        onActiveChange,
+        activeTheme,
+        unstyled = !1,
         ...buttonProps
       } = props,
-      [pressed = !1, setPressed] = useControllableState({
-        prop: pressedProp,
-        onChange: onPressedChange,
-        defaultProp: defaultPressed
+      [active = !1, setActive] = useControllableState({
+        prop: activeProp,
+        onChange: onActiveChange,
+        defaultProp: defaultActive
       });
     return /* @__PURE__ */jsx(ToggleFrame, {
-      ...(!props.unstyled && {
-        theme: pressed ? "accent" : null,
-        themeShallow: !0
-      }),
-      active: pressed,
-      "aria-pressed": pressed,
-      "data-state": pressed ? "on" : "off",
+      theme: activeTheme ?? null,
+      "aria-pressed": active,
+      "data-state": active ? "on" : "off",
       "data-disabled": props.disabled ? "" : void 0,
+      unstyled,
+      ...(active && !activeStyle && !unstyled && {
+        defaultActiveStyle: !0
+      }),
+      ...(active && activeStyle && {
+        ...activeStyle,
+        hoverStyle: activeStyle,
+        focusStyle: activeStyle
+      }),
       ...buttonProps,
       ref: forwardedRef,
       onPress: composeEventHandlers(props.onPress ?? void 0, () => {
-        props.disabled || setPressed(prev => !prev);
+        props.disabled || setActive(prev => !prev);
       })
     });
   });
-export { Toggle, ToggleFrame, context };
+export { Toggle, ToggleFrame };
 //# sourceMappingURL=Toggle.mjs.map

package/dist/esm/Toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","jsx","context","color","toggledStyle","NAME","ToggleFrame","name","render","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","val","active","true","_","props","context2","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","theme","themeShallow","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["composeEventHandlers","useControllableState","styled","View","React","context","jsx","NAME","ToggleFrame","name","render","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","tokens","width","height","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Toggle","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","prop","onChange","defaultProp","theme","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/Toggle.native.js

@@ -1,116 +1,117 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { composeEventHandlers } from "@tamagui/helpers";
-import { ThemeableStack } from "@tamagui/stacks";
 import { useControllableState } from "@tamagui/use-controllable-state";
-import { createStyledContext, styled } from "@tamagui/web";
+import { styled, View } from "@tamagui/web";
 import * as React from "react";
-var context = createStyledContext({
-    color: "",
-    toggledStyle: null
-  }),
-  NAME = "Toggle",
-  ToggleFrame = styled(ThemeableStack, {
+import { context } from "./context.native.js";
+var NAME = "Toggle",
+  ToggleFrame = styled(View, {
     name: NAME,
     render: "button",
     context,
     variants: {
       unstyled: {
         false: {
-          pressTheme: !0,
-          backgroundColor: "$background",
+          size: "$true",
           alignItems: "center",
           justifyContent: "center",
           display: "flex",
+          backgroundColor: "$background",
           borderColor: "$borderColor",
           borderWidth: 1,
           margin: -1,
           hoverStyle: {
-            backgroundColor: "$backgroundHover"
+            backgroundColor: "$backgroundHover",
+            borderColor: "$borderColorHover"
           },
           pressStyle: {
-            backgroundColor: "$backgroundPress"
-          },
-          focusStyle: {
-            borderColor: "$borderColorFocus"
+            backgroundColor: "$backgroundPress",
+            borderColor: "$borderColorPress"
           },
           focusVisibleStyle: {
             outlineColor: "$outlineColor",
             outlineWidth: 2,
-            outlineStyle: "solid"
+            outlineStyle: "solid",
+            zIndex: 10
           }
         }
       },
-      toggledStyle: function (val) {
-        return {};
-      },
-      active: {
-        true: function (_, param) {
+      size: {
+        "...size": function (val, param) {
           var {
-              props,
-              context: context2
-            } = param,
-            toggledStyle = props.toggledStyle || context2?.toggledStyle;
+            tokens
+          } = param;
+          if (val) return {
+            width: tokens.size[val],
+            height: tokens.size[val]
+          };
+        },
+        ":number": function (val) {
           return {
-            zIndex: 1,
-            ...(!props.unstyled && !toggledStyle && {
-              backgroundColor: "$background",
-              hoverStyle: {
-                backgroundColor: "$background"
-              },
-              focusStyle: {
-                backgroundColor: "$background",
-                borderColor: "$borderColor"
-              }
-            }),
-            ...toggledStyle
+            width: val,
+            height: val
           };
         }
       },
-      orientation: {
-        horizontal: {
-          flexDirection: "row",
-          spaceDirection: "horizontal"
-        },
-        vertical: {
-          flexDirection: "column",
-          spaceDirection: "vertical"
+      defaultActiveStyle: {
+        true: {
+          backgroundColor: "$backgroundActive",
+          hoverStyle: {
+            backgroundColor: "$backgroundActive"
+          },
+          focusStyle: {
+            backgroundColor: "$backgroundActive",
+            borderColor: "$borderColorActive"
+          }
         }
       }
     },
     defaultVariants: {
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
+  }, {
+    accept: {
+      activeStyle: "style"
+    }
   }),
   Toggle = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
     var {
-        pressed: pressedProp,
-        defaultPressed = !1,
-        onPressedChange,
+        active: activeProp,
+        activeStyle,
+        defaultActive = !1,
+        onActiveChange,
+        activeTheme,
+        unstyled = !1,
         ...buttonProps
       } = props,
-      [pressed = !1, setPressed] = useControllableState({
-        prop: pressedProp,
-        onChange: onPressedChange,
-        defaultProp: defaultPressed
+      [active = !1, setActive] = useControllableState({
+        prop: activeProp,
+        onChange: onActiveChange,
+        defaultProp: defaultActive
       }),
       _props_onPress;
     return /* @__PURE__ */_jsx(ToggleFrame, {
-      ...(!props.unstyled && {
-        theme: pressed ? "accent" : null,
-        themeShallow: !0
-      }),
-      active: pressed,
-      "aria-pressed": pressed,
-      "data-state": pressed ? "on" : "off",
+      theme: activeTheme ?? null,
+      "aria-pressed": active,
+      "data-state": active ? "on" : "off",
       "data-disabled": props.disabled ? "" : void 0,
+      unstyled,
+      ...(active && !activeStyle && !unstyled && {
+        defaultActiveStyle: !0
+      }),
+      ...(active && activeStyle && {
+        ...activeStyle,
+        hoverStyle: activeStyle,
+        focusStyle: activeStyle
+      }),
       ...buttonProps,
       ref: forwardedRef,
       onPress: composeEventHandlers((_props_onPress = props.onPress) !== null && _props_onPress !== void 0 ? _props_onPress : void 0, function () {
-        props.disabled || setPressed(function (prev) {
+        props.disabled || setActive(function (prev) {
           return !prev;
         });
       })
     });
   });
-export { Toggle, ToggleFrame, context };
+export { Toggle, ToggleFrame };
 //# sourceMappingURL=Toggle.native.js.map

package/dist/esm/Toggle.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","composeEventHandlers","ThemeableStack","useControllableState","createStyledContext","styled","React","context","color","toggledStyle","NAME","ToggleFrame","name","render","variants","unstyled","false","pressTheme","backgroundColor","alignItems","justifyContent","display","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","val","active","true","_","param","props","context2","zIndex","orientation","horizontal","flexDirection","spaceDirection","vertical","defaultVariants","process","env","TAMAGUI_HEADLESS","Toggle","forwardRef","forwardedRef","pressed","pressedProp","defaultPressed","onPressedChange","buttonProps","setPressed","prop","onChange","defaultProp","_props_onPress","theme","themeShallow","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","composeEventHandlers","useControllableState","styled","View","React","context","NAME","ToggleFrame","name","render","variants","unstyled","false","size","alignItems","justifyContent","display","backgroundColor","borderColor","borderWidth","margin","hoverStyle","pressStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","zIndex","...size","val","param","tokens","width","height",":number","defaultActiveStyle","true","focusStyle","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","Toggle","forwardRef","props","forwardedRef","active","activeProp","defaultActive","onActiveChange","activeTheme","buttonProps","setActive","prop","onChange","defaultProp","_props_onPress","theme","disabled","ref","onPress","prev"],"sources":["../../src/Toggle.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAA4B;AACrC,SAASC,oBAAA,QAA4B;AAErC,SAASC,oBAAoB;AAC7B,SAAAC,MAAY,EAAAC,IAAA,QAAW;AACvB,YAASC,KAAA,aAAe;AAmHlB,SAAAC,OAAA;AA7GN,IAAAC,IAAM,WAAO;EAAAC,WAEA,GAAAL,MAAc,CAAAC,IAAA;IACzBK,IAAA,EAAAF,IAAA;IACAG,MAAA;IAAAJ,OACE;IAAMK,QACN,EAAQ;MACRC,QAAA;QAEAC,KAAA;UACEC,IAAA,SAAU;UACRC,UAAO;UAAAC,cACC;UAAAC,OACN,QAAY;UAAAC,eACZ,eAAgB;UAAAC,WACP;UAAAC,WACT;UAAiBC,MACjB;UAAaC,UACb;YACAJ,eAAQ;YACRC,WAAA,EAAY;UAAA;UACOI,UACjB;YACFL,eAAA;YACAC,WAAA,EAAY;UAAA;UACOK,iBACJ;YACfC,YAAA;YACAC,YAAA;YAAmBC,YACjB,SAAc;YAAAC,MACd;UAAc;QACA;MACN;MACVd,IACF;QACF,oBAAAe,CAAAC,GAAA,EAAAC,KAAA;UAEA,IAAM;YAAAC;UAAA,IAAAD,KAAA;UACJ,IAAAD,GAAA,EACE,OAAK;YACLG,KAAA,EAAOD,MAAA,CAAAlB,IAAA,CAAAgB,GAAA;YAAAI,MACL,EAAAF,MAAO,CAAAlB,IAAO,CAAAgB,GAAK;UAAG;QACC;QACzB,SACF,WAAAK,CAAAL,GAAA;UACA;YACEG,KAAA,EAAOH,GAAA;YACPI,MAAA,EAAQJ;UACV;QACF;MAAA;MAEoBM,kBACZ;QAAAC,IACJ;UAAiBnB,eACL;UAAAI,UACV;YACFJ,eAAA;UAAA;UACYoB,UACV;YAAiBpB,eACJ;YACfC,WAAA;UACF;QACF;MACF;IAAA;IAEiBoB,eACL;MACZ3B,QAAA,EAAA4B,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IACF;EAAA,GACA;IAAAC,MACE;MAAQC,WACN;IAAa;EACf,EACF;EAAAC,MAAA,kBAAAxC,KAAA,CAAAyC,UAAA,WAAAC,KAAA,EAAAC,YAAA;IACF,IAgBa;QAAAC,MAAS,EAAAC,UAAM;QAAAN,WAAA;QAAAO,aAAA;QAAAC,cAAA;QAAAC,WAAA;QAAAzC,QAAA;QAAA,GAAA0C;MAAA,IAAAP,KAAA;MAAA,CAAAE,MAAA,OAAAM,SAAA,IAAArD,oBAAA;QAC1BsD,IAAA,EAAAN,UAAuB;QACrBO,QAAM,EAAAL,cAAA;QAAAM,WACI,EAAAP;MAAA;MACRQ,cAAA;IAAA,OACA,eAAgB3D,IAAA,CAAAQ,WAAA;MAAAoD,KAChB,EAAAP,WAAA;MAAA,cACA,EAAAJ,MAAA;MAAA,YACA,EAAWA,MAAA;MAAA,eACR,EAAAF,KAAA,CAAAc,QAAA;MACLjD,QAAI;MAEqD,IACvDqC,MAAM,KAAAL,WAAA,KAAAhC,QAAA;QACNwB,kBAAU;MAAA;MAEZ,IAACa,MAAA,IAAAL,WAAA;QAED,GAAAA,WACE;QAACtB,UAAA,EAAAsB,WAAA;QAAAN,UAAA,EAAAM;MAAA;MACuB,GAAAU,WACtB;MAAcQ,GAAA,EACdd,YAAA;MAA4Be,OAC5B,EAAA9D,oBAAqB,EAAA0D,cAAgB,GAAAZ,KAAA,CAAAgB,OAAA,cAAAJ,cAAA,cAAAA,cAAA;QAAAZ,KACrC,CAAAc,QAAA,IAAAN,SAAA,WAAAS,IAAA;UACC,OAAI,CAAAA,IAAA;QAEU;MACS;IACtB;EAEe;AACT,SACQnB,MAAA,EACArC,WACd","ignoreList":[]}

package/dist/esm/ToggleGroup.js

@@ -1,50 +1,39 @@
 import { isWeb } from "@tamagui/constants";
 import { registerFocusable } from "@tamagui/focusable";
-import { getFontSize } from "@tamagui/font-size";
-import { getSize } from "@tamagui/get-token";
 import { Group, useGroupItem } from "@tamagui/group";
 import { withStaticProperties } from "@tamagui/helpers";
-import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
 import { RovingFocusGroup } from "@tamagui/roving-focus";
+import { SizableContext } from "@tamagui/sizable-context";
 import { useControllableState } from "@tamagui/use-controllable-state";
 import { useDirection } from "@tamagui/use-direction";
-import { createStyledContext, getVariableValue, styled, useTheme } from "@tamagui/web";
+import { createStyledContext, styled } from "@tamagui/web";
 import React from "react";
-import { Toggle, ToggleFrame, context as ToggleContext } from "./Toggle";
+import { Toggle, ToggleFrame } from "./Toggle";
+import { context as ToggleContext } from "./context";
 import { jsx } from "react/jsx-runtime";
-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(
+const TOGGLE_GROUP_NAME = "ToggleGroup", TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem", TOGGLE_GROUP_CONTEXT = "ToggleGroup", { Provider: ToggleGroupItemProvider } = createStyledContext(), { Provider: ToggleGroupContext, useStyledContext: useToggleGroupContext } = createStyledContext({
+  size: void 0
+}), 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,
-      toggledStyle
-    }, inner = /* @__PURE__ */ jsx(
+    const valueContext = useToggleGroupValueContext(props.__scopeToggleGroup), context = useToggleGroupContext(props.__scopeToggleGroup), toggleContext = ToggleContext.useStyledContext(props.__scopeToggleGroup), active = valueContext?.value.includes(props.value), color = props.color || toggleContext.color, { disablePassStyles, ...rest } = props, disabled = context.disabled || props.disabled || !1, groupItemProps = useGroupItem({ disabled }), size = props.size ?? context.size, inner = /* @__PURE__ */ jsx(
       ToggleGroupItemImpl,
       {
-        ...commonProps,
+        ...groupItemProps,
         ref: forwardedRef,
+        size,
         tabIndex: disabled ? -1 : 0,
+        ...rest,
         disabled,
-        ...groupItemProps
+        active
       }
     );
-    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: context.rovingFocus ? /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(ToggleGroupItemProvider, { scope: props.__scopeToggleGroup, children: /* @__PURE__ */ jsx(ToggleContext.Provider, { size, color, active, children: context.rovingFocus ? /* @__PURE__ */ jsx(
       RovingFocusGroup.Item,
       {
         asChild: "except-style",
         __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
         focusable: !disabled,
-        active: pressed,
+        active,
         children: inner
       }
     ) : inner }) });
@@ -61,7 +50,7 @@ const ToggleGroupItemImpl = React.forwardRef((props, forwardedRef) => {
       ...typeProps,
       ...itemProps,
       ref: forwardedRef,
-      onPressedChange: (pressed) => {
+      onActiveChange: (pressed) => {
         pressed ? valueContext.onItemActivate(value) : valueContext.onItemDeactivate(value);
       }
     }
@@ -177,26 +166,22 @@ const ToggleGroupImplElementFrame = styled(Group, {
     unstyled = !1,
     size: sizeProp = "$true",
     sizeAdjust = 0,
-    toggledStyle,
+    activeStyle,
     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(
+  };
+  return /* @__PURE__ */ jsx(SizableContext.Provider, { size: sizeProp, children: /* @__PURE__ */ jsx(
     ToggleGroupContext,
     {
       scope: __scopeToggleGroup,
       rovingFocus,
       disabled,
-      size,
-      children: /* @__PURE__ */ jsx(ToggleContext.Provider, { color, toggledStyle, children: rovingFocus ? /* @__PURE__ */ jsx(
+      size: sizeProp,
+      children: /* @__PURE__ */ jsx(ToggleContext.Provider, { size: sizeProp, color, children: rovingFocus ? /* @__PURE__ */ jsx(
         RovingFocusGroup,
         {
           asChild: "except-style",
@@ -228,7 +213,7 @@ const ToggleGroupImplElementFrame = styled(Group, {
         }
       ) })
     }
-  );
+  ) });
 });
 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"]
 }