@tamagui/toggle-group 1.141.5 → 1.142.0

package/dist/jsx/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/jsx/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":"AAAA,SAASA,KAAA,QAAa;AACtB,SAASC,iBAAA,QAAyB;AAClC,SAASC,WAAA,QAAmB;AAC5B,SAASC,OAAA,QAAe;AAExB,SAASC,KAAA,EAAOC,YAAA,QAAoB;AACpC,SAASC,oBAAA,QAA4B;AACrC,SAASC,gBAAA,QAAwB;AACjC,SAASC,gBAAA,QAAwB;AACjC,SAASC,oBAAA,QAA4B;AACrC,SAASC,YAAA,QAAoB;AAE7B,SAASC,mBAAA,EAAqBC,gBAAA,EAAkBC,MAAA,EAAQC,QAAA,QAAgB;AACxE,OAAOC,KAAA,MAAW;AAGlB,SAASC,MAAA,EAAQC,WAAA,EAAaC,OAAA,IAAWC,aAAA,QAAqB;AA4ExD,SAAAC,GAAA;AA1EN,MAAMC,iBAAA,GAAoB;EAMpBC,sBAAA,GAAyB;EAEzBC,oBAAA,GAAuB;EAIvB;IAAEC,QAAA,EAAUC;EAAwB,IACxCd,mBAAA,CAAiD;EAE7C;IAAEa,QAAA,EAAUE,kBAAA;IAAoBC,gBAAA,EAAkBC;EAAsB,IAC5EjB,mBAAA,CAA6C;EAczCkB,eAAA,GAAkBZ,WAAA,CAAYa,SAAA,CAClC,CAACC,KAAA,EAAOC,YAAA,KAAiB;IACvB,MAAMC,YAAA,GAAeC,0BAAA,CAA2BH,KAAA,CAAMI,kBAAkB;MAClEjB,OAAA,GAAUU,qBAAA,CAAsBG,KAAA,CAAMI,kBAAkB;MACxDC,aAAA,GAAgBjB,aAAA,CAAcQ,gBAAA,CAAiBI,KAAA,CAAMI,kBAAkB;MACvEE,OAAA,GAAUJ,YAAA,EAAcK,KAAA,CAAMC,QAAA,CAASR,KAAA,CAAMO,KAAK;MAClDE,YAAA,GAAeT,KAAA,CAAMS,YAAA,IAAgBJ,aAAA,CAAcI,YAAA;MACnDC,KAAA,GAASV,KAAA,CAAcU,KAAA,IAASL,aAAA,CAAcK,KAAA;MAE9C;QAAEC,iBAAA;QAAmBF,YAAA,EAAcG,CAAA;QAAG,GAAGC;MAAK,IAAIb,KAAA;MAClDc,QAAA,GAAW3B,OAAA,CAAQ2B,QAAA,IAAYd,KAAA,CAAMc,QAAA,IAAY;MACjDC,cAAA,GAAiBzC,YAAA,CAAa;QAAEwC;MAAS,CAAC;MAC1CE,IAAA,GAAOhB,KAAA,CAAMgB,IAAA,IAAQ7B,OAAA,CAAQ6B,IAAA;MAE7BC,SAAA,GAAiCjB,KAAA,CAAMkB,QAAA,GACzC,CAAC,IACD;QACEC,KAAA,EAAO;QACPC,MAAA,EAAQ;QACRC,OAAA,EAASxC,gBAAA,CAAiBmC,IAAI,IAAI;MACpC;MAEEM,QAAA,IACH,OAAON,IAAA,IAAS,WAAWA,IAAA,GAAO,MAAM7C,WAAA,CAAY6C,IAAsB,KAAK;MAE5EO,KAAA,GAAQxC,QAAA,CAAS;MACjByC,YAAA,GAAgBf,YAAA,EAAsCC,KAAA;MAEtDe,aAAA,GAAgBjD,gBAAA,CAAiB;QACrCwC,IAAA,EAAMM,QAAA;QACNZ,KAAA,GAHkBJ,OAAA,IAAWkB,YAAA,GAAeA,YAAA,GAAed,KAAA,KAGrCa,KAAA,CAAMb;MAC9B,CAAC;MAGKgB,QAAA,GADY1C,KAAA,CAAM2C,QAAA,CAASC,OAAA,CAAQ5B,KAAA,CAAM0B,QAAQ,EAC5BG,GAAA,CAAKC,KAAA,IAC1B9B,KAAA,CAAMW,iBAAA,IAAqB,CAAC3B,KAAA,CAAM+C,cAAA,CAAeD,KAAK,IACjDA,KAAA,GAEF9C,KAAA,CAAMgD,YAAA,CAAaP,aAAA,CAAcK,KAAK,GAAG;QAAEG,MAAA,EAAQ3B;MAAQ,CAAQ,CAC3E;MAEK4B,WAAA,GAAc;QAAE5B,OAAA;QAASQ,QAAA;QAAU,GAAGG,SAAA;QAAW,GAAGJ,IAAA;QAAMa;MAAS;MAEnES,KAAA,GACJ,eAAA9C,GAAA,CAAC+C,mBAAA;QACE,GAAGF,WAAA;QACJG,GAAA,EAAKpC,YAAA;QAELqC,QAAA,EAAUxB,QAAA,GAAW,KAAK;QAC1BA,QAAA;QACC,GAAGC;MAAA,CACN;IAGF,OACE,eAAA1B,GAAA,CAACK,uBAAA;MAAwB6C,KAAA,EAAOvC,KAAA,CAAMI,kBAAA;MACpCsB,QAAA,iBAAArC,GAAA,CAACD,aAAA,CAAcK,QAAA,EAAd;QAAuBiB,KAAA;QAAcD,YAAA;QACnCiB,QAAA,EAAAvC,OAAA,CAAQqD,WAAA,GACP,eAAAnD,GAAA,CAACZ,gBAAA,CAAiBgE,IAAA,EAAjB;UACCC,OAAA,EAAQ;UACRC,uBAAA,EAAyB3C,KAAA,CAAMI,kBAAA,IAAsBZ,oBAAA;UACrDoD,SAAA,EAAW,CAAC9B,QAAA;UACZmB,MAAA,EAAQ3B,OAAA;UAEPoB,QAAA,EAAAS;QAAA,CACH,IAEAA;MAAA,CAEJ;IAAA,CACF;EAEJ,CACF;AACArC,eAAA,CAAgB+C,WAAA,GAActD,sBAAA;AAe9B,MAAM6C,mBAAA,GAAsBpD,KAAA,CAAM8D,UAAA,CAGhC,CAAC9C,KAAA,EAAOC,YAAA,KAAiB;IACzB,MAAM;QAAEG,kBAAA;QAAoBG,KAAA;QAAO,GAAGwC;MAAU,IAAI/C,KAAA;MAE9CE,YAAA,GAAeC,0BAAA,CAA2BC,kBAAkB;MAC5D4C,WAAA,GAAc;QAClB,gBAAgB;MAClB;MACMC,SAAA,GAAY/C,YAAA,CAAagD,IAAA,KAAS,WAAWF,WAAA,GAAc;IAEjE,OACE,eAAA3D,GAAA,CAACJ,MAAA;MACE,GAAGgE,SAAA;MACH,GAAGF,SAAA;MACJV,GAAA,EAAKpC,YAAA;MACLkD,eAAA,EAAkB7C,OAAA,IAAY;QACxBA,OAAA,GACFJ,YAAA,CAAakD,cAAA,CAAe7C,KAAK,IAEjCL,YAAA,CAAamD,gBAAA,CAAiB9C,KAAK;MAEvC;IAAA,CACF;EAEJ,CAAC;EAoBK+C,WAAA,GAAc/E,oBAAA,CAClBS,KAAA,CAAM8D,UAAA,CACJ,CAAC9C,KAAA,EAAOC,YAAA,KAAiB;IACvB,MAAM;MAAEiD,IAAA;MAAM,GAAGK;IAAiB,IAAIvD,KAAA;IAatC,IAXK/B,KAAA,IACHe,KAAA,CAAMwE,SAAA,CAAU,MAAM;MACpB,IAAKxD,KAAA,CAAMyD,EAAA,EACX,OAAOvF,iBAAA,CAAkB8B,KAAA,CAAMyD,EAAA,EAAI;QAAA;QAAA;QAGjCC,KAAA,EAAOA,CAAA,KAAM,CAAC;MAChB,CAAC;IACH,GAAG,CAAC1D,KAAA,CAAMyD,EAAE,CAAC,GAGXP,IAAA,KAAS,UAEX,OAAO,eAAA7D,GAAA,CAACsE,qBAAA;MAAuB,GADXJ,gBAAA;MAC2BlB,GAAA,EAAKpC;IAAA,CAAc;IAGpE,IAAIiD,IAAA,KAAS,YAEX,OAAO,eAAA7D,GAAA,CAACuE,uBAAA;MAAyB,GADXL,gBAAA;MAC6BlB,GAAA,EAAKpC;IAAA,CAAc;IAGxE,MAAM,IAAI4D,KAAA,CAAM,uCAAuCvE,iBAAiB,IAAI;EAC9E,CACF,GACA;IACEmD,IAAA,EAAM3C;EACR,CACF;AAEAwD,WAAA,CAAYT,WAAA,GAAcvD,iBAAA;AAY1B,MAAM;IACJG,QAAA,EAAUqE,wBAAA;IACVlE,gBAAA,EAAkBO;EACpB,IAAIvB,mBAAA,CAAkD;EAsBhD+E,qBAAA,GAAwB3E,KAAA,CAAM8D,UAAA,CAGlC,CAAC9C,KAAA,EAAgDC,YAAA,KAAiB;IAClE,MAAM;QACJM,KAAA,EAAOwD,SAAA;QACPC,YAAA;QACAC,aAAA,GAAgBA,CAAA,KAAM,CAAC;QACvBC,mBAAA,GAAsB;QACtB,GAAGC;MACL,IAAInE,KAAA;MAEE,CAACO,KAAA,EAAO6D,QAAQ,IAAI1F,oBAAA,CAAqB;QAC7C2F,IAAA,EAAMN,SAAA;QACNO,WAAA,EAAaN,YAAA;QACbO,QAAA,EAAUN;MACZ,CAAC;IAED,OACE,eAAA5E,GAAA,CAACyE,wBAAA;MACCvB,KAAA,EAAOvC,KAAA,CAAMI,kBAAA;MACb8C,IAAA,EAAK;MACL3C,KAAA,EAAOA,KAAA,GAAQ,CAACA,KAAK,IAAI,EAAC;MAC1ByD,YAAA,EAAczD,KAAA;MACd6C,cAAA,EAAgBgB,QAAA;MAChBf,gBAAA,EAAkBrE,KAAA,CAAMwF,WAAA,CACtB,MAAON,mBAAA,GAAsB,OAAOE,QAAA,CAAS,EAAE,GAC/C,CAACA,QAAA,EAAUF,mBAAmB,CAChC;MAEAxC,QAAA,iBAAArC,GAAA,CAACoF,eAAA;QAAiB,GAAGN,sBAAA;QAAwB9B,GAAA,EAAKpC;MAAA,CAAc;IAAA,CAClE;EAEJ,CAAC;EAmBK2D,uBAAA,GAA0B5E,KAAA,CAAM8D,UAAA,CAGpC,CAAC9C,KAAA,EAAkDC,YAAA,KAAiB;IACpE,MAAM;QACJM,KAAA,EAAOwD,SAAA;QACPC,YAAA;QACAC,aAAA,GAAgBA,CAAA,KAAM,CAAC;QACvBC,mBAAA;QACA,GAAGQ;MACL,IAAI1E,KAAA;MAEE,CAACO,KAAA,GAAQ,EAAC,EAAG6D,QAAQ,IAAI1F,oBAAA,CAAqB;QAClD2F,IAAA,EAAMN,SAAA;QACNO,WAAA,EAAaN,YAAA;QACbO,QAAA,EAAUN;MACZ,CAAC;MAEKU,oBAAA,GAAuB3F,KAAA,CAAMwF,WAAA,CAChCI,SAAA,IAAsBR,QAAA,CAAS,CAACS,SAAA,GAAY,EAAC,KAAM,CAAC,GAAGA,SAAA,EAAWD,SAAS,CAAC,GAC7E,CAACR,QAAQ,CACX;MAEMU,sBAAA,GAAyB9F,KAAA,CAAMwF,WAAA,CAClCI,SAAA,IACCR,QAAA,CAAS,CAACS,SAAA,GAAY,EAAC,KAAMA,SAAA,CAAUE,MAAA,CAAQC,MAAA,IAAUA,MAAA,KAAUJ,SAAS,CAAC,GAC/E,CAACR,QAAQ,CACX;IAEA,OACE,eAAA/E,GAAA,CAACyE,wBAAA;MACCvB,KAAA,EAAOvC,KAAA,CAAMI,kBAAA;MACb8C,IAAA,EAAK;MACL3C,KAAA;MACAyD,YAAA,EAAczD,KAAA;MACd6C,cAAA,EAAgBuB,oBAAA;MAChBtB,gBAAA,EAAkByB,sBAAA;MAElBpD,QAAA,iBAAArC,GAAA,CAACoF,eAAA;QAAiB,GAAGC,wBAAA;QAA0BrC,GAAA,EAAKpC;MAAA,CAAc;IAAA,CACpE;EAEJ,CAAC;AAEDqD,WAAA,CAAYT,WAAA,GAAcvD,iBAAA;AAY1B,MAAM2F,2BAAA,GAA8BnG,MAAA,CAAOT,KAAA,EAAO;IAChD6G,IAAA,EAAM5F,iBAAA;IAEN6F,QAAA,EAAU;MACRjE,QAAA,EAAU;QACRkE,KAAA,EAAO;UACLC,eAAA,EAAiB;QACnB;MACF;MAEAC,WAAA,EAAa;QACXC,QAAA,EAAU;UACRC,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;QACAC,UAAA,EAAY;UACVF,aAAA,EAAe;UACfC,cAAA,EAAgB;QAClB;MACF;IACF;IAEAE,eAAA,EAAiB;MACfzE,QAAA,EAAU0E,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAYKrB,eAAA,GAAkBQ,2BAAA,CAA4BlF,SAAA,CAGlD,CAACC,KAAA,EAA0CC,YAAA,KAAiB;IAC5D,MAAM;QACJG,kBAAA;QACAU,QAAA,GAAW;QACXwE,WAAA,GAAc;QACdS,GAAA;QACAvD,WAAA,GAAc;QACdwD,IAAA,GAAO;QACP9E,QAAA,GAAW;QACXF,IAAA,EAAMiF,QAAA,GAAW;QACjBC,UAAA,GAAa;QACbzF,YAAA;QACAC,KAAA;QACA,GAAG6C;MACL,IAAIvD,KAAA;MACEmG,SAAA,GAAYxH,YAAA,CAAaoH,GAAG;MAC5B7D,WAAA,GAAoC;QACxCkE,IAAA,EAAM;QACNL,GAAA,EAAKI,SAAA;QACL,GAAG5C;MACL;MACM8C,YAAA,GAAexH,gBAAA,CACnBT,OAAA,CAAQ6H,QAAA,EAAU;QAChBK,KAAA,EAAOJ;MACT,CAAC,CACH;MACMlF,IAAA,GAAOuF,IAAA,CAAKC,KAAA,CAAMH,YAAA,GAAe,IAAI;IAE3C,OACE,eAAAhH,GAAA,CAACM,kBAAA;MACC4C,KAAA,EAAOnC,kBAAA;MACPoC,WAAA;MACA1B,QAAA;MACAE,IAAA;MAEAU,QAAA,iBAAArC,GAAA,CAACD,aAAA,CAAcK,QAAA,EAAd;QAAuBiB,KAAA;QAAcD,YAAA;QACnCiB,QAAA,EAAAc,WAAA,GACC,eAAAnD,GAAA,CAACZ,gBAAA;UACCiE,OAAA,EAAQ;UACRC,uBAAA,EAAyBvC,kBAAA,IAAsBZ,oBAAA;UAC/C8F,WAAA;UACAS,GAAA,EAAKI,SAAA;UACLH,IAAA;UAEAtE,QAAA,iBAAArC,GAAA,CAAC4F,2BAAA;YACC,oBAAkBK,WAAA;YAClBA,WAAA;YAEAjD,GAAA,EAAKpC,YAAA;YACL,iBAAea,QAAA,GAAW,KAAK;YAC/BI,QAAA;YACC,GAAGgB;UAAA,CACN;QAAA,CACF,IAEA,eAAA7C,GAAA,CAAC4F,2BAAA;UACC,oBAAkBK,WAAA;UAClBjD,GAAA,EAAKpC,YAAA;UACLqF,WAAA;UACA,iBAAexE,QAAA,GAAW,KAAK;UAC/BI,QAAA;UACC,GAAGgB;QAAA,CACN;MAAA,CAEJ;IAAA,CACF;EAEJ,CAAC","ignoreList":[]}

package/dist/jsx/ToggleGroup.native.js

@@ -54,24 +54,24 @@ var import_jsx_runtime = require("react/jsx-runtime"),
   TOGGLE_GROUP_ITEM_NAME = "ToggleGroupItem",
   TOGGLE_GROUP_CONTEXT = "ToggleGroup",
   {
-    Provider: ToggleGroupItemProvider,
-    useStyledContext: useToggleGroupItemContext
+    Provider: ToggleGroupItemProvider
   } = (0, import_web.createStyledContext)(),
   {
     Provider: ToggleGroupContext,
     useStyledContext: useToggleGroupContext
   } = (0, import_web.createStyledContext)(),
-  ToggleGroupItem = import_Toggle.ToggleFrame.extractable(/* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
-    var [_, {
-        color
-      }] = (0, import_web.usePropsAndStyle)(props),
+  ToggleGroupItem = import_Toggle.ToggleFrame.styleable(function (props, forwardedRef) {
+    var valueContext = useToggleGroupValueContext(props.__scopeToggleGroup),
+      context = useToggleGroupContext(props.__scopeToggleGroup),
+      toggleContext = import_Toggle.context.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 = (0, import_group.useGroupItem)({
         disabled
@@ -85,9 +85,11 @@ var import_jsx_runtime = require("react/jsx-runtime"),
       },
       iconSize = (typeof size == "number" ? size * 0.7 : (0, import_font_size.getFontSize)(size)) * 1.2,
       theme = (0, import_web.useTheme)(),
+      toggledColor = toggledStyle?.color,
+      activeColor = pressed && toggledColor ? toggledColor : color,
       getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
         size: iconSize,
-        color: color ?? theme.color
+        color: activeColor || theme.color
       }),
       childrens = import_react.default.Children.toArray(props.children),
       children = childrens.map(function (child) {
@@ -112,15 +114,19 @@ var import_jsx_runtime = require("react/jsx-runtime"),
       });
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupItemProvider, {
       scope: props.__scopeToggleGroup,
-      children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup.Item, {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: props.__scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        focusable: !disabled,
-        active: pressed,
-        children: inner
-      }) : inner
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.context.Provider, {
+        color,
+        toggledStyle,
+        children: context.rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.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__ */import_react.default.forwardRef(function (props, forwardedRef) {
     var {
@@ -268,7 +274,7 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
       unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
   }),
-  ToggleGroupImpl = ToggleGroupImplElementFrame.extractable(/* @__PURE__ */import_react.default.forwardRef(function (props, forwardedRef) {
+  ToggleGroupImpl = ToggleGroupImplElementFrame.styleable(function (props, forwardedRef) {
     var {
         __scopeToggleGroup,
         disabled = !1,
@@ -279,6 +285,8 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
         unstyled = !1,
         size: sizeProp = "$true",
         sizeAdjust = 0,
+        toggledStyle,
+        color,
         ...toggleGroupProps
       } = props,
       direction = (0, import_use_direction.useDirection)(dir),
@@ -296,29 +304,33 @@ var ToggleGroupImplElementFrame = (0, import_web.styled)(import_group.Group, {
       rovingFocus,
       disabled,
       size,
-      children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
-        asChild: "except-style",
-        __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
-        orientation,
-        dir: direction,
-        loop,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
-          "aria-orientation": orientation,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Toggle.context.Provider, {
+        color,
+        toggledStyle,
+        children: rovingFocus ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_roving_focus.RovingFocusGroup, {
+          asChild: "except-style",
+          __scopeRovingFocusGroup: __scopeToggleGroup || TOGGLE_GROUP_CONTEXT,
           orientation,
-          axis: orientation,
+          dir: direction,
+          loop,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
+            "aria-orientation": orientation,
+            orientation,
+            // axis={orientation}
+            ref: forwardedRef,
+            "data-disabled": disabled ? "" : void 0,
+            unstyled,
+            ...commonProps
+          })
+        }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
+          "aria-orientation": orientation,
           ref: forwardedRef,
+          orientation,
           "data-disabled": disabled ? "" : void 0,
           unstyled,
           ...commonProps
         })
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToggleGroupImplElementFrame, {
-        "aria-orientation": orientation,
-        ref: forwardedRef,
-        orientation,
-        "data-disabled": disabled ? "" : void 0,
-        unstyled,
-        ...commonProps
       })
     });
-  }));
+  });
 //# sourceMappingURL=ToggleGroup.native.js.map

package/dist/jsx/ToggleGroup.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToggleGroup_exports","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_font_size","import_get_token","import_group","import_helpers","import_helpers_tamagui","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","import_Toggle","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","useStyledContext","useToggleGroupItemContext","createStyledContext","ToggleGroupContext","useToggleGroupContext","ToggleGroupItem","ToggleFrame","extractable","default","forwardRef","props","forwardedRef","_","color","usePropsAndStyle","disablePassStyles","rest","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","pressed","includes","disabled","groupItemProps","useGroupItem","_props_size","size","sizeProps","unstyled","width","height","padding","getVariableValue","iconSize","getFontSize","theme","useTheme","getThemedIcon","useGetThemedIcon","childrens","Children","toArray","children","map","child","isValidElement","cloneElement","active","commonProps","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","itemProps","singleProps","typeProps","type","Toggle","onPressedChange","onItemActivate","onItemDeactivate","withStaticProperties","toggleGroupProps","isWeb","useEffect","id","registerFocusable","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","styled","Group","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","useDirection","role","adjustedSize","getSize","shift","Math","round","axis"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ToggleGroup_exports","ToggleGroup","module","exports","import_jsx_runtime","require","import_constants","import_focusable","import_font_size","import_get_token","import_group","import_helpers","import_helpers_tamagui","import_roving_focus","import_use_controllable_state","import_use_direction","import_web","import_react","import_Toggle","TOGGLE_GROUP_NAME","TOGGLE_GROUP_ITEM_NAME","TOGGLE_GROUP_CONTEXT","Provider","ToggleGroupItemProvider","createStyledContext","ToggleGroupContext","useStyledContext","useToggleGroupContext","ToggleGroupItem","ToggleFrame","styleable","props","forwardedRef","valueContext","useToggleGroupValueContext","__scopeToggleGroup","context","toggleContext","pressed","includes","toggledStyle","color","disablePassStyles","_","rest","disabled","groupItemProps","useGroupItem","_props_size","size","sizeProps","unstyled","width","height","padding","getVariableValue","iconSize","getFontSize","theme","useTheme","toggledColor","activeColor","getThemedIcon","useGetThemedIcon","childrens","default","Children","toArray","children","map","child","isValidElement","cloneElement","active","commonProps","inner","jsx","ToggleGroupItemImpl","ref","tabIndex","scope","rovingFocus","RovingFocusGroup","Item","asChild","__scopeRovingFocusGroup","focusable","displayName","forwardRef","itemProps","singleProps","typeProps","type","Toggle","onPressedChange","onItemActivate","onItemDeactivate","withStaticProperties","toggleGroupProps","isWeb","useEffect","id","registerFocusable","focus","ToggleGroupImplSingle","multipleProps","ToggleGroupImplMultiple","Error","ToggleGroupValueProvider","valueProp","defaultValue","onValueChange","disableDeactivation","toggleGroupSingleProps","setValue","useControllableState","prop","defaultProp","onChange","useCallback","ToggleGroupImpl","toggleGroupMultipleProps","handleButtonActivate","itemValue","prevValue","arguments","length","handleButtonDeactivate","filter","value2","ToggleGroupImplElementFrame","styled","Group","variants","false","backgroundColor","orientation","vertical","flexDirection","spaceDirection","horizontal","defaultVariants","process","env","TAMAGUI_HEADLESS","dir","loop","sizeProp","sizeAdjust","direction","useDirection","role","adjustedSize","getSize","shift","Math","round"],"sources":["../../src/ToggleGroup.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/toggle-group",
-  "version": "1.141.5",
+  "version": "1.142.0",
   "type": "module",
   "sideEffects": [
     "*.css"
@@ -39,22 +39,22 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.141.5",
-    "@tamagui/create-context": "1.141.5",
-    "@tamagui/focusable": "1.141.5",
-    "@tamagui/font-size": "1.141.5",
-    "@tamagui/get-token": "1.141.5",
-    "@tamagui/group": "1.141.5",
-    "@tamagui/helpers": "1.141.5",
-    "@tamagui/helpers-tamagui": "1.141.5",
-    "@tamagui/roving-focus": "1.141.5",
-    "@tamagui/stacks": "1.141.5",
-    "@tamagui/use-controllable-state": "1.141.5",
-    "@tamagui/use-direction": "1.141.5",
-    "@tamagui/web": "1.141.5"
+    "@tamagui/constants": "1.142.0",
+    "@tamagui/create-context": "1.142.0",
+    "@tamagui/focusable": "1.142.0",
+    "@tamagui/font-size": "1.142.0",
+    "@tamagui/get-token": "1.142.0",
+    "@tamagui/group": "1.142.0",
+    "@tamagui/helpers": "1.142.0",
+    "@tamagui/helpers-tamagui": "1.142.0",
+    "@tamagui/roving-focus": "1.142.0",
+    "@tamagui/stacks": "1.142.0",
+    "@tamagui/use-controllable-state": "1.142.0",
+    "@tamagui/use-direction": "1.142.0",
+    "@tamagui/web": "1.142.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.141.5",
+    "@tamagui/build": "1.142.0",
     "react": "*"
   },
   "publishConfig": {

package/src/Toggle.tsx

@@ -1,12 +1,13 @@
 import { composeEventHandlers } from '@tamagui/helpers'
 import { ThemeableStack } from '@tamagui/stacks'
 import { useControllableState } from '@tamagui/use-controllable-state'
-import type { GetProps } from '@tamagui/web'
+import type { GetProps, TamaguiElement } from '@tamagui/web'
 import { createStyledContext, styled, Text } from '@tamagui/web'
 import * as React from 'react'
 
 export const context = createStyledContext({
   color: '',
+  toggledStyle: null as null | Record<string, any>,
 })
 
 /* -------------------------------------------------------------------------------------------------
@@ -15,10 +16,6 @@ export const context = createStyledContext({
 
 const NAME = 'Toggle'
 
-type TamaguiButtonElement = HTMLButtonElement
-
-export type ToggleElement = TamaguiButtonElement
-
 export const ToggleFrame = styled(ThemeableStack, {
   name: NAME,
   tag: 'button',
@@ -52,24 +49,24 @@ export const ToggleFrame = styled(ThemeableStack, {
       },
     },
 
-    color: {
-      '...color': () => {
-        return {}
-      },
-    },
-
     active: {
-      true: {
-        zIndex: 1,
-
-        hoverStyle: {
-          backgroundColor: '$background',
-        },
-
-        focusStyle: {
-          borderColor: '$borderColor',
-          backgroundColor: '$background',
-        },
+      true: (_, { props, context }: any) => {
+        const toggledStyle = context?.toggledStyle
+        return {
+          zIndex: 1,
+          ...(!props.unstyled &&
+            !toggledStyle && {
+              backgroundColor: '$background',
+              hoverStyle: {
+                backgroundColor: '$background',
+              },
+              focusStyle: {
+                backgroundColor: '$background',
+                borderColor: '$borderColor',
+              },
+            }),
+          ...toggledStyle,
+        }
       },
     },
 
@@ -98,11 +95,12 @@ type ToggleItemExtraProps = {
   pressed?: boolean
   defaultPressed?: boolean
   onPressedChange?(pressed: boolean): void
+  toggledStyle?: Record<string, any>
 }
 
 export type ToggleProps = ToggleFrameProps & ToggleItemExtraProps
 
-export const Toggle = React.forwardRef<ToggleElement, ToggleProps>(
+export const Toggle = React.forwardRef<TamaguiElement, ToggleProps>(
   function Toggle(props, forwardedRef) {
     const {
       pressed: pressedProp,
@@ -123,7 +121,7 @@ export const Toggle = React.forwardRef<ToggleElement, ToggleProps>(
           theme: pressed ? 'active' : null,
           themeShallow: true,
         })}
-        active={!props.unstyled ? pressed : undefined}
+        active={pressed}
         aria-pressed={pressed}
         data-state={pressed ? 'on' : 'off'}
         data-disabled={props.disabled ? '' : undefined}
@@ -131,7 +129,7 @@ export const Toggle = React.forwardRef<ToggleElement, ToggleProps>(
         ref={forwardedRef}
         onPress={composeEventHandlers(props.onPress ?? undefined, () => {
           if (!props.disabled) {
-            setPressed(!pressed)
+            setPressed((prev) => !prev)
           }
         })}
       />